@import url(beatkey.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/css/ion.rangeSlider.min.css);
@import url(https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);

.BoxType1:after, body:after {
    content: "";
    position: absolute;
    top: 0
}

.BoxTypeNew .Overlay, .BoxTypeNew2 .Overlay {
    box-shadow: rgba(25, 40, 59, .85) 0 -140px 36px -50px inset
}

.BoxTypeCatCheckBoxList, .BoxTypeNewsList .List, .FormType1, .TableType1, .TableType2, .TableType3, .select2-results > .select2-results__options, html {
    scrollbar-face-color: #8000FF;
    scrollbar-track-color: rgba(138, 156, 195, 0.2)
}

.BoxTypePrices .ShopInfo h2 a, footer .Right p {
    word-break: break-all
}

html {
    overflow-y: scroll;
    scroll-behavior: smooth
}

html::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

html::-webkit-scrollbar-thumb {
    background: #8000ff
}

html::-webkit-scrollbar-track {
    background: rgba(138, 156, 195, .2)
}

body, html {
    font-family: Poppins, sans-serif;
    background-color: #fff
}

body, main {
    max-width: 100%;
    overflow: hidden
}

body {
    color: #8a9cc3;
    background-color: #0a0e1c;
    position: relative;
    z-index: 1
}

body:after {
    background-image: url("../img/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 1080px;
    opacity: .035;
    pointer-events: none;
    z-index: -1
}

b {
    font-weight: 700;
    opacity: 1
}

.IconType1 {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    padding: 1px;
    border: 1px solid #7e91b9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
    cursor: pointer
}

.ButtonType1, .ButtonType2 {
    padding: 7px 10px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
    position: relative;
    overflow: hidden
}

.IconType1._Add {
    width: 91px;
    height: 50px
}

.IconType1._Add i, .OpenMobileMenu i, footer .Left .IconType1 i {
    font-size: 24px
}

.IconType1:hover {
    background-color: #8000ff;
    border-color: transparent
}

.BoxTypeAppStore:hover .Text, .BoxTypeVideoGame .Right, .Breadcrumbs a.Active, .Breadcrumbs a:hover, .IconType1:hover i, .LastNewsSlider .Item > a:hover, header .Main .Menu nav a.Active, header .Main .Menu nav a:hover, header .Main .UserActions .User .OpenUserDropdown {
    color: #fff
}

.IconType1 i {
    color: #7e91b9;
    font-size: 18px
}

.ButtonType1 {
    background-color: #8000ff;
    border: 1px solid #8000ff;
    color: #fff;
    border-radius: 6px;
    display: inline-block
}

.ButtonType1:hover, .ButtonType2 {
    background-color: transparent
}

.ButtonType1[disabled] {
    background-color: #797979
}

.ButtonType2 {
    color: #8000ff;
    border: 1px solid #8000ff;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: fit-content
}

.BoxType1, .BoxTypeNews, .BoxTypeProduct2 {
    background-color: #0d1826
}

.ButtonType2 svg {
    min-width: 20px
}

.ButtonType2.Active, .ButtonType2:hover {
    background-color: #8000ff;
    color: #fff
}

.BoxTypeAppStore:hover .Arrow svg path, .BoxTypeAppStore:hover .Svg svg path, .BoxTypeProduct2 .Detail .Top .FavButton.Active svg path, .BoxTypeProduct2 .Detail .Top .FavButton:hover svg path, .ButtonType2.Active svg path, .ButtonType2:hover svg path {
    fill: white
}

.BoxType1 {
    padding: 15px 0;
    position: relative
}

.BoxType1:after {
    width: 1px;
    height: 100%;
    right: 0;
    background-color: #8a9cc3;
    opacity: .1
}

.BoxType1 .Img {
    padding: 0 5px
}

.BoxTypeProduct .AlertButton, .BoxTypeProduct .FavButton {
    padding: 9px;
    background-color: rgba(13, 24, 38, .5);
    left: 10px;
    cursor: pointer;
    z-index: 2
}

.BoxType1 .Img img {
    transition: .2s;
    object-fit: contain;
    height: 80px
}

.BoxType1.First {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.BoxType1.Last {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.BoxType1.Last:after, .BoxTypeProduct .FavButton:after:empty, .SelectTypeGameSelector .select2-selection__clear {
    display: none
}

.BoxTypeNewsList, .BoxTypeProduct, .GamesSlider, .NewsSlider {
    position: relative;
    overflow: hidden
}

.BoxTypeProduct .FavButton {
    border-radius: 6px;
    position: absolute;
    top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s
}

.BoxTypeProduct .AlertButton, .BoxTypeProduct .FavButton:after {
    position: absolute;
    align-items: center;
    display: flex;
    border-radius: 6px;
    transition: .2s
}

.BoxTypeProduct .FavButton:after {
    content: attr(data-fav-count);
    width: 100%;
    height: 100%;
    justify-content: center;
    left: 0;
    background-color: #8000ff;
    color: #fff;
    font-weight: 700;
    z-index: -1;
    opacity: 0
}

.BoxTypeProduct .AlertButton.Active, .BoxTypeProduct .FavButton.Active {
    background-color: #8000ff
}

.BoxTypeProduct .AlertButton:hover, .BoxTypeProduct .FavButton:hover {
    background-color: #fff
}

.BoxTypeProduct .AlertButton:hover svg path, .BoxTypeProduct .FavButton:hover svg path, .BoxTypeStars span.Active svg path, .BoxTypeStars span.Hover svg path {
    fill: #8000FF
}

.BoxTypeProduct .AlertButton {
    top: 55px;
    justify-content: center;
    overflow: hidden
}

.BoxTypeProduct .AlertButton svg, .BoxTypeProduct2 .Detail .Bottom .Svg svg, .BoxTypeProductComment .Actions .Svg {
    width: 20px;
    height: 20px
}

.BoxTypeProduct .Img, .MainSlider .Item {
    border-radius: 6px;
    position: relative;
    overflow: hidden
}

.BoxTypeProduct .Img img {
    object-fit: cover;
    transition: .2s;
    aspect-ratio: 9/12
}

.BoxTypeProduct .Img .Overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(128, 0, 255, .7);
    z-index: 1;
    color: #fff;
    font-weight: 600;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: .2s
}

.BoxTypeProduct .Img .Overlay svg {
    width: 50px;
    height: 50px;
    margin-bottom: 15px
}

.BoxTypeProduct .ProductName {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    height: 69px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.BoxTypeProduct .Price {
    display: flex;
    font-family: Montserrat, sans-serif;
    height: 54px;
    overflow: hidden;
    align-items: center
}

.BoxTypeProduct .Price .Left, .BoxTypeProduct2 .Detail .Mid .Left {
    display: flex;
    align-items: center;
    gap: 5px
}

.BoxTypeProduct .Price .Left .OldPrice, .BoxTypeProduct2 .Detail .Mid .Left .OldPrice {
    font-size: .8em;
    text-decoration: line-through
}

.BoxTypeProduct .Price .Left .DiscountRate, .BoxTypeProduct2 .Detail .Mid .Left .DiscountRate {
    padding: 2px 5px;
    border-radius: 6px;
    background-color: #8000ff;
    color: #fff;
    font-size: .8em
}

.BoxTypeProduct .Price .NewPrice {
    color: #fff;
    font-weight: 600;
    font-size: 1.6em;
    text-align: right;
    margin-left: auto
}

.BoxTypeProduct .Bottom {
    background-color: transparent;
    border: 1px solid #00ff80;
    color: #00ff80;
    margin: 1px;
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: center;
    transition: .2s
}

.BoxTypeProduct .Bottom .Svg, .BoxTypeProduct2 .Detail .Bottom .Svg, .LinkType1 .Svg {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BoxTypeProduct .Bottom .Svg svg path, .BoxTypeProduct2 .Detail .Bottom .Svg svg path {
    fill: #00FF80
}

.BoxTypeProduct .Bottom .Text, .BoxTypeProduct2 .Detail .Bottom .Text {
    font-size: .8em;
    font-weight: 600;
    line-height: 1.25
}

.BoxTypeProduct .ShopList {
    font-size: 12px;
    height: 40px;
    overflow: hidden
}

.BoxTypeProduct .ShopList > div {
    color: #fff;
    font-weight: 700
}

.BoxTypeProduct:hover .Img .Overlay, .ModalType1.Active {
    opacity: 1;
    pointer-events: all
}

.BoxTypeProduct:hover .Img img {
    filter: blur(3px)
}

.BoxTypeProduct:hover .Bottom {
    background-color: #00ff80;
    color: #0a0e1c
}

.BoxTypeProduct:hover .Bottom .Svg svg path {
    fill: #0A0E1C
}

.BoxTypeProduct:hover .FavButton:after {
    left: calc(100% + 5px);
    opacity: 1
}

.BoxTypeProduct2 {
    border-radius: 6px;
    padding: 20px;
    display: flex;
    transition: .2s;
    cursor: pointer
}

.BoxTypeNews .Details p, .BoxTypeProduct2 .Detail .Top .ProductName, .BoxTypeVideoGame .Right p, .TitleType2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.BoxTypeNews:hover, .BoxTypeProduct2.Active, .BoxTypeProduct2.Bg2, .BoxTypeProduct2:hover {
    background-color: #19283b
}

.BoxTypeProduct2 .Img {
    width: 33.3%
}

.BoxTypeProduct2 .Img img {
    height: 150px;
    object-fit: cover
}

.BoxTypeProduct2 .Detail {
    width: 100%;
    padding-left: 20px;
    display: flex;
    flex-direction: column
}

.BoxTypeProduct2 .Detail .Top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.BoxTypeProduct2 .Detail .Top .ProductName {
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
    padding-right: 5px;
    -webkit-line-clamp: 2
}

.BoxTypeProduct2 .Detail .Top .FavButton {
    padding: 8px;
    border-radius: 6px;
    background-color: transparent;
    border: 2px solid #8a9cc3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s
}

.BoxTypeProduct2 .Detail .Top .FavButton svg {
    width: 17px;
    height: 17px
}

.BoxTypeProduct2 .Detail .Top .FavButton svg path {
    fill: #8A9CC3
}

.BoxTypeAppStore:hover, .BoxTypeProduct2 .Detail .Top .FavButton.Active, .BoxTypeProduct2 .Detail .Top .FavButton:hover {
    background-color: #8000ff;
    border-color: #8000ff
}

.BoxTypeProduct2 .Detail .Mid {
    display: flex;
    font-family: Montserrat, sans-serif;
    gap: 10px
}

.BoxTypeProduct2 .Detail .Mid .NewPrice {
    color: #fff;
    font-weight: 600;
    font-size: 1.6em;
    margin-left: auto
}

.BoxTypeProduct2 .Detail .Bottom {
    background-color: transparent;
    border: 1px solid #00ff80;
    color: #00ff80;
    margin: auto 1px 1px;
    border-radius: 6px;
    padding: 5px;
    display: flex;
    align-items: center;
    transition: .2s
}

.BoxTypeNews .CatName, .BoxTypeProduct2.Active .Detail .Bottom, .BoxTypeProduct2:hover .Detail .Bottom, .BoxTypeVideoGame .Right .Liked {
    background-color: #00ff80;
    color: #0d1826
}

.BoxTypeProduct2.Active .Detail .Bottom svg path, .BoxTypeProduct2:hover .Detail .Bottom svg path {
    fill: #0D1826
}

.BoxTypeNews {
    border-radius: 6px;
    transition: .2s;
    position: relative;
    overflow: hidden
}

.BoxTypeNews .CatName {
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 6px;
    font-weight: 600;
    padding: 10px;
    z-index: 1
}

.BoxTypeNews .Img {
    height: 230px
}

.BoxTypeNew .Img img, .BoxTypeNews .Img img {
    height: 100%;
    object-fit: cover
}

.BoxTypeNews .Details {
    padding: 20px
}

.BoxTypeNews .Details h2, footer .Right h2 {
    color: #fff;
    font-weight: 600;
    font-size: 1.2em
}

.BoxTypeNews .Details p {
    height: 120px;
    -webkit-line-clamp: 5
}

.BoxTypeNews .Details .Bottom .Date, .BoxTypeNews .Details .Bottom .ViewCount {
    display: flex;
    align-items: center;
    border: 1px solid #7e91b9;
    padding: 7px 10px;
    border-radius: 6px
}

.BoxTypeNews .Details .Bottom .Date svg, .BoxTypeNews .Details .Bottom .ViewCount svg, header .Main .UserActions > a svg {
    margin-right: 7px
}

.BoxTypeVideoGame {
    padding: 30px;
    border-radius: 6px;
    background-color: #8000ff
}

.BoxTypeVideoGame .Left .Img iframe, .BoxTypeVideoGame .Left .Img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 6px
}

.BoxTypeVideoGame .Right .GameName {
    font-weight: 600;
    font-size: 1.3em
}

.BoxTypeVideoGame .Right p {
    font-size: .9em;
    -webkit-line-clamp: 5
}

.BoxTypeVideoGame .Right .Liked {
    border-radius: 6px;
    padding: 13px;
    line-height: 1.2;
    font-weight: 600;
    font-size: .9em
}

.BoxTypeVideoGame .Right .PoweredBy {
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: .85em
}

.BoxTypeVideoGame .Right .PoweredBy img {
    height: 50px;
    object-fit: contain
}

.BoxTypeProductPriceListArea .TableType1 table, .IframeType1 iframe, .InputTypeMail .Input, .SelectType1, .SelectTypeDate select, .SelectTypeGameSelector, .SelectTypeGameSelector select, .SelectTypeRank select {
    width: 100%
}

.SelectTypeGameSelector .select2-container--default .select2-selection--single {
    background-color: #19283b;
    border: unset;
    padding: 6px;
    border-radius: 6px;
    height: unset
}

.SelectType1 .select2-selection__placeholder, .SelectType1 .select2-selection__rendered, .SelectTypeDate .select2-selection__placeholder, .SelectTypeDate .select2-selection__rendered, .SelectTypeGameSelector .select2-selection__placeholder, .SelectTypeGameSelector .select2-selection__rendered, .SelectTypeRank .select2-selection__placeholder, .SelectTypeRank .select2-selection__rendered {
    color: #8a9cc3 !important
}

.SelectTypeGameSelector .select2-selection__arrow {
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8000ff;
    border-radius: 6px;
    padding: 6px;
    width: 38px !important;
    top: 0 !important;
    right: 0 !important
}

.SelectTypeGameSelector .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cg id='Iconly_Bold_Arrow_-_Down_2' data-name='Iconly/Bold/Arrow - Down 2' transform='translate(-6 -7)'%3E%3Cg id='Arrow_-_Down_2' data-name='Arrow - Down 2' transform='translate(6 7)'%3E%3Cpath id='Arrow_-_Down_2-2' data-name='Arrow - Down 2' d='M4.869,9.631c-.058-.057-.306-.27-.51-.469a21.69,21.69,0,0,1-4.024-5.8A4.617,4.617,0,0,1,0,2.188a1.933,1.933,0,0,1,.218-.9A1.874,1.874,0,0,1,1.122.5,9.84,9.84,0,0,1,2.186.242,23.979,23.979,0,0,1,5.992,0,27.724,27.724,0,0,1,9.681.213a8.495,8.495,0,0,1,1.327.341A1.785,1.785,0,0,1,12,2.132v.057a4.879,4.879,0,0,1-.409,1.321A21.69,21.69,0,0,1,7.625,9.177a5.66,5.66,0,0,1-.554.482A1.783,1.783,0,0,1,6.007,10a1.875,1.875,0,0,1-1.138-.369' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px !important;
    height: 12px !important;
    border: unset !important;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    margin: unset !important
}

.select2-dropdown {
    border: unset !important;
    opacity: 1
}

.select2-results__option {
    background-color: #0d1826 !important;
    padding: 7px 13px
}

.TitleType1 {
    font-weight: 600;
    font-size: 1.5em;
    color: #fff
}

.TitleType2 {
    font-weight: 500;
    -webkit-line-clamp: 2
}

.HrType1, .HrType2, .HrType3 {
    width: 100%;
    display: block
}

.TitleType3 {
    font-weight: 600;
    font-size: 1.25em;
    color: #fff
}

.HrType1 {
    height: 1px;
    background-color: #8a9cc3;
    opacity: .2;
    margin: 30px 0
}

.HrType2 {
    height: 2px;
    background-color: #19283b;
    margin: 30px 0
}

.HrType3 {
    height: 1px;
    background-color: #8000ff;
    margin: 10px 0
}

.TableType1, .TableType2, .TableType3 {
    overflow-x: auto
}

.TableType1::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.TableType1::-webkit-scrollbar-thumb {
    background: #8000ff
}

.TableType1::-webkit-scrollbar-track {
    background: rgba(138, 156, 195, .2)
}

.TableType1._Add table {
    white-space: unset
}

.TableType1 table {
    white-space: nowrap
}

.TableType1 table tbody tr td {
    padding: 3px 5px 3px 0
}

.TableType1 table tbody tr td:last-child {
    color: #fff;
    padding-left: 10px
}

.TableType2::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.TableType2::-webkit-scrollbar-thumb {
    background: #8000ff
}

.TableType2::-webkit-scrollbar-track {
    background: rgba(138, 156, 195, .2)
}

.TableType2 table, .TableType3 table {
    white-space: nowrap;
    text-align: left
}

.TableType2 table thead, .TableType3 table thead {
    border-bottom: 1px solid #7e91b9
}

.TableType2 table td, .TableType2 table th {
    padding: .75rem 1.25rem;
    text-align: center;
    border: 1px solid;
    vertical-align: middle
}

.TableType3::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.TableType3::-webkit-scrollbar-thumb {
    background: #8000ff
}

.TableType3::-webkit-scrollbar-track {
    background: rgba(138, 156, 195, .2)
}

.TableType3 table td, .TableType3 table th {
    padding: .1rem .5rem;
    text-align: center;
    border: 1px solid;
    vertical-align: middle
}

.BoxTypeAppStore {
    padding: 13px;
    border-radius: 6px;
    border: 1px solid #8a9cc3;
    display: flex;
    align-items: center;
    transition: .2s
}

.BoxTypeAppStore .Text {
    word-break: break-word
}

.BoxTypeAppStore .Svg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px
}

.BoxTypeAppStore .Svg svg {
    width: 23px;
    height: 23px;
    object-fit: contain
}

.BoxTypeAppStore .Arrow {
    margin-left: auto
}

.InputTypeMail {
    display: flex;
    align-items: center;
    background-color: #19283b;
    border-radius: 6px;
    height: 60px
}

.InputTypeMail .Svg {
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.InputTypeCatSearch .Svg svg, .InputTypeMail .Svg svg {
    width: 20px;
    height: 20px;
    object-fit: contain
}

.InputTypeMail .Input input {
    background-color: transparent;
    border: unset;
    color: #8a9cc3;
    width: 100%;
    height: 60px
}

.InputTypeMail .Input input::-webkit-input-placeholder {
    font-weight: 500
}

.InputTypeMail .Input input::placeholder {
    color: #8a9cc3
}

.InputTypeMail .Arrow {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    background-color: #8000ff;
    min-width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: unset
}

.InputTypeMail .Arrow svg {
    width: 18px;
    height: 12px
}

.InputTypeCatSearch {
    display: flex;
    align-items: center;
    background-color: #19283b;
    border-radius: 6px;
    height: 45px
}

.InputTypeCatSearch .Svg {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.BoxTypeFilterArea .ToggleFilterAreaButton, .LinkType1 {
    align-items: center;
    transition: .2s;
    display: flex
}

.InputTypeCatSearch .Input input {
    background-color: transparent;
    border: unset;
    color: #8a9cc3
}

.InputTypeCatSearch .Input input::-webkit-input-placeholder {
    font-weight: 500
}

.InputTypeCatSearch .Input input::placeholder {
    color: #8a9cc3
}

.LinkType1 .Svg svg {
    width: 22px;
    height: 22px;
    object-fit: contain
}

.BoxTypeNew3 .TitleType2, .BoxTypeNew3 .TitleType3, .Breadcrumbs a, .LinkType1 .Svg svg path, .ModalType1 .Content .Banner .CloseModalButton svg, .NavType1 a {
    transition: .2s
}

.BoxTypeNew3:hover .TitleType2, .BoxTypeNew3:hover .TitleType3, .BoxTypePrices > .row:hover td:nth-child(2) .ShopInfo h2, .BoxTypeProductPriceListArea .TableType1 table tr:hover td:nth-child(2) .ShopInfo h2, .LinkType1.Active, .LinkType1:hover, .NavType1 a.Active, .NavType1 a:hover, .TextType1 a {
    color: #8000ff
}

.LinkType1.Active .Svg svg path, .LinkType1:hover .Svg svg path {
    stroke: #8000FF
}

.BoxTypeFilterArea {
    border-radius: 6px;
    background-color: #0d1826;
    transition: .2s
}

@media (max-width: 991px) {
    .BoxTypeProduct2 .Img {
        width: 50%
    }

    .BoxTypeFilterArea {
        position: fixed;
        top: 0;
        left: -65vw;
        height: 100vh;
        width: 65vw;
        z-index: 1001;
        border-right: 2px solid #8000ff
    }
}

@media (max-width: 991px) and (max-width: 575px) {
    .BoxTypeFilterArea {
        left: -90vw;
        width: 90vw
    }
}

.BoxTypeFilterArea.Active {
    left: 0
}

.BoxTypeFilterArea.Active .ToggleFilterAreaButton {
    right: -20px;
    animation: unset
}

.BoxTypeFilterArea.Active .ToggleFilterAreaButton i {
    transform: rotate(180deg)
}

.BoxTypeFilterArea .ListFilters {
    overflow-y: auto;
    max-height: 100%;
    padding: 30px
}

.BoxTypeFilterArea .ListFilters::-webkit-scrollbar {
    display: none
}

.BoxTypeFilterArea .ToggleFilterAreaButton {
    position: absolute;
    right: -35px;
    top: 50%;
    background-color: #8000ff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
    cursor: pointer;
    animation: 5s cubic-bezier(.36, .07, .19, .97) infinite both shake;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    touch-action: none
}

@keyframes shake {
    0%, 100%, 20% {
        transform: translate3d(4px, 0, 0)
    }
    5% {
        transform: translate3d(-1px, 0, 0)
    }
    10% {
        transform: translate3d(2px, 0, 0)
    }
    15% {
        transform: translate3d(-4px, 0, 0)
    }
}

.BoxTypeFilterArea .ToggleFilterAreaButton i {
    color: #fff;
    transition: .2s
}

.BoxTypeFilterArea h2 {
    color: #fff;
    font-weight: 600;
    font-size: 1.6em
}

.BoxTypeFilterArea h3 {
    color: #fff;
    font-weight: 700;
    font-size: 1.2em
}

.BoxTypeCatCheckBoxList {
    max-height: 330px;
    overflow-y: auto
}

.BoxTypeCatCheckBoxList::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.BoxTypeCatCheckBoxList::-webkit-scrollbar-thumb {
    background: #8000ff
}

.BoxTypeCatCheckBoxList::-webkit-scrollbar-track {
    background: rgba(138, 156, 195, .2)
}

.InputTypeCatCheckBox {
    padding-right: 5px
}

.InputTypeCatCheckBox label {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none
}

.InputTypeCatCheckBox label .Svg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Iconly_Bold_Tick_Square' data-name='Iconly/Bold/Tick Square' transform='translate(-2 -2)'%3E%3Cg id='Tick_Square' data-name='Tick Square' transform='translate(2 2)'%3E%3Cg id='Tick_Square-2' data-name='Tick Square' transform='translate(0 0)' fill='none'%3E%3Cpath d='M14.34,20H5.67C2.279,20,0,17.625,0,14.091V5.92C0,2.379,2.279,0,5.67,0h8.67C17.725,0,20,2.379,20,5.92v8.171C20,17.625,17.725,20,14.34,20ZM6.44,9.125a.875.875,0,0,0-.62,1.5L8.2,12.99a.881.881,0,0,0,1.23,0L14.18,8.24A.877.877,0,0,0,12.94,7L8.81,11.13,7.06,9.38A.868.868,0,0,0,6.44,9.125Z' stroke='none'/%3E%3Cpath d='M 14.33969974517822 18.99979972839355 C 17.17059898376465 18.99979972839355 18.99979972839355 17.07309913635254 18.99979972839355 14.09130001068115 L 18.99979972839355 5.920199871063232 C 18.99979972839355 2.931289911270142 17.17059898376465 0.9999998807907104 14.33969974517822 0.9999998807907104 L 5.670000076293945 0.9999998807907104 C 2.833079814910889 0.9999998807907104 0.9999998807907104 2.931289911270142 0.9999998807907104 5.920199871063232 L 0.9999998807907104 14.09130001068115 C 0.9999998807907104 17.07309913635254 2.833079814910889 18.99979972839355 5.670000076293945 18.99979972839355 L 14.33969974517822 18.99979972839355 M 6.439949989318848 8.124650001525879 C 6.943059921264648 8.124650001525879 7.41457986831665 8.319620132446289 7.766709804534912 8.672689437866211 L 8.810099601745605 9.716079711914062 L 12.23308944702148 6.293089866638184 C 12.58650016784668 5.939680099487305 13.0578498840332 5.745049953460693 13.56029987335205 5.745049953460693 C 14.06272983551025 5.745049953460693 14.53407001495361 5.939670085906982 14.88749027252197 6.293069839477539 L 14.89849948883057 6.304259777069092 C 15.62399005889893 7.052849769592285 15.61958026885986 8.213489532470703 14.8874397277832 8.947569847106934 L 10.13729000091553 13.6968297958374 C 9.787059783935547 14.04702949523926 9.315719604492188 14.23989963531494 8.810099601745605 14.23989963531494 C 8.310859680175781 14.23989963531494 7.843039989471436 14.04702949523926 7.494269847869873 13.69828033447266 L 5.103129863739014 11.3169002532959 C 4.37516975402832 10.56777000427246 4.379590034484863 9.406290054321289 5.112249851226807 8.673640251159668 C 5.465319633483887 8.319620132446289 5.936840057373047 8.124650001525879 6.439949989318848 8.124650001525879 M 14.33969974517822 19.99979972839355 L 5.670000076293945 19.99979972839355 C 2.278599977493286 19.99979972839355 -1.358032193365943e-07 17.6253604888916 -1.358032193365943e-07 14.09130001068115 L -1.358032193365943e-07 5.920199871063232 C -1.358032193365943e-07 2.379149913787842 2.278599977493286 -1.358032193365943e-07 5.670000076293945 -1.358032193365943e-07 L 14.33969974517822 -1.358032193365943e-07 C 17.72517967224121 -1.358032193365943e-07 19.99979972839355 2.379149913787842 19.99979972839355 5.920199871063232 L 19.99979972839355 14.09130001068115 C 19.99979972839355 17.6253604888916 17.72517967224121 19.99979972839355 14.33969974517822 19.99979972839355 Z M 6.439949989318848 9.124650001525879 C 6.204469680786133 9.124650001525879 5.984399795532227 9.215259552001953 5.820300102233887 9.379799842834473 C 5.477570056915283 9.722529411315918 5.477570056915283 10.26729965209961 5.820300102233887 10.61999988555908 L 8.199899673461914 12.98970031738281 C 8.361249923706055 13.15104007720947 8.577960014343262 13.23989963531494 8.810099601745605 13.23989963531494 C 9.052080154418945 13.23989963531494 9.266510009765625 13.15337944030762 9.43019962310791 12.98970031738281 L 14.18039989471436 8.240400314331055 C 14.52221965789795 7.897669792175293 14.52221965789795 7.35290002822876 14.18039989471436 7.000199794769287 C 14.01585960388184 6.835669994354248 13.79563999176025 6.745049953460693 13.56029987335205 6.745049953460693 C 13.32495975494385 6.745049953460693 13.10474014282227 6.835659980773926 12.94019985198975 7.000199794769287 L 8.810099601745605 11.13029956817627 L 7.059599876403809 9.379799842834473 C 6.895499706268311 9.215259552001953 6.675429821014404 9.124650001525879 6.439949989318848 9.124650001525879 Z' stroke='none' fill='%238d9cc0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 20px;
    width: 20px;
    height: 20px;
    transition: .2s
}

.SelectType1 .select2-selection__arrow b, .SelectTypeDate .select2-selection__arrow b, .SelectTypeRank .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cg id='Iconly_Bold_Arrow_-_Down_2' data-name='Iconly/Bold/Arrow - Down 2' transform='translate(-6 -7)'%3E%3Cg id='Arrow_-_Down_2' data-name='Arrow - Down 2' transform='translate(6 7)'%3E%3Cpath id='Arrow_-_Down_2-2' data-name='Arrow - Down 2' d='M4.869,9.631c-.058-.057-.306-.27-.51-.469a21.69,21.69,0,0,1-4.024-5.8A4.617,4.617,0,0,1,0,2.188a1.933,1.933,0,0,1,.218-.9A1.874,1.874,0,0,1,1.122.5,9.84,9.84,0,0,1,2.186.242,23.979,23.979,0,0,1,5.992,0,27.724,27.724,0,0,1,9.681.213a8.495,8.495,0,0,1,1.327.341A1.785,1.785,0,0,1,12,2.132v.057a4.879,4.879,0,0,1-.409,1.321A21.69,21.69,0,0,1,7.625,9.177a5.66,5.66,0,0,1-.554.482A1.783,1.783,0,0,1,6.007,10a1.875,1.875,0,0,1-1.138-.369' fill='%238A9CC3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    margin: unset !important
}

.InputTypeCatCheckBox label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.CheckBoxType1 input:checked ~ span, .InputTypeCatCheckBox label input:checked ~ .Svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Iconly_Bold_Tick_Square' data-name='Iconly/Bold/Tick Square' transform='translate(-2 -2)'%3E%3Cg id='Tick_Square' data-name='Tick Square' transform='translate(2 2)'%3E%3Cpath id='Tick_Square-2' data-name='Tick Square' d='M14.34,20H5.67C2.279,20,0,17.625,0,14.091V5.92C0,2.379,2.279,0,5.67,0h8.67C17.725,0,20,2.379,20,5.92v8.171C20,17.625,17.725,20,14.34,20ZM6.44,9.125a.875.875,0,0,0-.62,1.5L8.2,12.99a.881.881,0,0,0,1.23,0L14.18,8.24A.877.877,0,0,0,12.94,7L8.81,11.13,7.06,9.38A.868.868,0,0,0,6.44,9.125Z' transform='translate(0 0)' fill='%238000ff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.BoxTypeFilterPrice {
    margin: 0 -30px;
    padding: 30px;
    background-color: rgba(138, 156, 195, .2)
}

.BoxTypeFilter {
    max-height: 40px;
    overflow: hidden;
    transition: .4s
}

.BoxTypeFilter.Active {
    max-height: 500px
}

.BoxTypeFilter h3, .BoxTypeStars.Picker span {
    cursor: pointer
}

.BoxType2, .BoxTypeCatListArea, .BoxTypeProductDetailArea, .BoxTypeProductPriceListArea, .BoxTypeShopDetailArea {
    padding: 30px;
    border-radius: 6px;
    background-color: #0d1826
}

.ButtonTypeCatTag {
    background-color: transparent;
    border: 1px solid #7e91b9;
    color: #8a9cc3;
    border-radius: 6px;
    padding: 7px 10px;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
    min-width: fit-content
}

.BoxTypeProductComment, .BoxTypeProgressBar, .HrType4 {
    background-color: rgba(138, 156, 195, .2)
}

.ButtonTypeCatTag.Active, .ButtonTypeCatTag:hover {
    border-color: #8000ff;
    background-color: #8000ff;
    color: #fff
}

.SelectTypeDate, .SelectTypeRank {
    width: 100%;
    min-width: 150px
}

.SelectTypeDate .select2-container--default .select2-selection--single, .SelectTypeRank .select2-container--default .select2-selection--single {
    background-color: rgba(138, 156, 195, .3);
    border: unset;
    padding: 6px 6px 6px 28px;
    border-radius: 6px;
    height: unset;
    position: relative
}

.BoxTypePrices > .row.Sponsor, .BoxTypeProductPriceListArea .TableType1 table tr.Sponsor, .BoxTypeStars.Picker {
    background-color: rgba(138, 156, 195, .1)
}

.SelectTypeRank .select2-container--default .select2-selection--single:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.001' height='18' viewBox='0 0 20.001 18'%3E%3Cg id='Iconly_Bold_Swap' data-name='Iconly/Bold/Swap' transform='translate(-2 -3)'%3E%3Cg id='Swap' transform='translate(2 3)'%3E%3Cpath id='Swap-2' data-name='Swap' d='M14.454,17.721a4.445,4.445,0,0,1-.434-.394A17.665,17.665,0,0,1,10.909,12.7a4.061,4.061,0,0,1-.32-1.078V11.57a1.461,1.461,0,0,1,.779-1.288,6.515,6.515,0,0,1,1.04-.28A20.9,20.9,0,0,1,15.3,9.83a17.926,17.926,0,0,1,2.985.2,7.45,7.45,0,0,1,.835.209,1.5,1.5,0,0,1,.709.65,1.633,1.633,0,0,1,.171.732,3.875,3.875,0,0,1-.264.963,17.773,17.773,0,0,1-3.155,4.736c-.16.162-.355.337-.4.382a1.43,1.43,0,0,1-.891.3A1.363,1.363,0,0,1,14.454,17.721Zm-10.94-2.3.257-4.578a.934.934,0,1,1,1.867,0L5.9,15.417a1.191,1.191,0,1,1-2.381,0Zm-1.8-7.444A7.4,7.4,0,0,1,.88,7.764a1.491,1.491,0,0,1-.709-.65A1.62,1.62,0,0,1,0,6.384a3.943,3.943,0,0,1,.262-.963A17.762,17.762,0,0,1,3.418.685c.161-.162.355-.337.4-.383A1.433,1.433,0,0,1,4.712,0a1.368,1.368,0,0,1,.834.278,4.586,4.586,0,0,1,.435.4A17.751,17.751,0,0,1,9.091,5.3a4.108,4.108,0,0,1,.321,1.079v.047a1.464,1.464,0,0,1-.778,1.287A6.442,6.442,0,0,1,7.593,8,20.9,20.9,0,0,1,4.7,8.17,17.926,17.926,0,0,1,1.715,7.973Zm12.647-.811L14.1,2.583a1.191,1.191,0,1,1,2.381,0l-.257,4.579a.934.934,0,1,1-1.867,0Z' transform='translate(0 0)' fill='%238a9cc3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.SelectType1 .select2-selection__arrow, .SelectTypeDate .select2-selection__arrow, .SelectTypeRank .select2-selection__arrow {
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 6px;
    width: 38px !important;
    top: 0 !important;
    right: 0 !important
}

.SelectTypeRank .select2-selection__arrow b {
    background-size: contain;
    width: 8px !important;
    height: 8px !important;
    border: unset !important
}

.NavContent > div, .SelectType1 .select2-selection__clear, .SelectTypeDate .select2-selection__clear, .SelectTypeRank .select2-selection__clear {
    display: none
}

.BoxTypeProductDetailArea .ProductImg img {
    width: 225px;
    height: 300px;
    object-fit: contain
}

.BoxTypeProductDetailArea h1 {
    color: #fff;
    font-size: 1.3em;
    font-weight: 700
}

.BoxTypeBestPrice {
    border: 1px solid #00ff80;
    padding: 20px 10px 10px;
    border-radius: 6px;
    position: relative;
    width: 210px;
    height: 100px
}

.BoxTypeBestPrice h2 {
    position: absolute;
    top: 0;
    left: 15px;
    background-color: #0d1826;
    padding: 0 7px;
    color: #00ff80;
    transform: translateY(-50%)
}

.BoxTypeBestPrice .Svg {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px
}

.BoxTypeBestPrice .Svg svg {
    width: 20px;
    height: 25px;
    object-fit: contain
}

.BoxTypeBestPrice .Price {
    color: #00ff80;
    font-weight: 700;
    font-size: 1.5em;
    font-family: Montserrat, sans-serif
}

.BoxTypeProductDetail {
    padding-top: 8px
}

.BoxTypeProductDetail p {
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    max-width: 150px
}

.BoxTypeProductDetail p.Icons {
    display: flex;
    flex-wrap: wrap
}

.BoxTypeProductDetail p.Icons a {
    padding-right: 5px;
    padding-bottom: 5px
}

.BoxTypeProductDetail p.Icons a img {
    object-fit: cover;
    width: 22px
}

.BoxTypePrices .ShopInfo .Price, .BoxTypeProductDetail p a, .BoxTypeProductPriceListArea .TableType1 table .ShopInfo .Price {
    display: flex;
    align-items: center
}

.BoxTypeProductDetail svg {
    margin: 5px;
    width: 30px
}

.HrType4 {
    width: 1px;
    min-height: 80px;
    height: 100%
}

.BoxTypeProductPriceListArea .TableType1 {
    margin: 0 -30px
}

.BoxTypePrices > .row.Orange .ShopLogo:before, .BoxTypeProductPriceListArea .TableType1 table tr.Orange .ShopLogo:before {
    background-color: #fec06a
}

.BoxTypePrices > .row.Orange .Price span:first-child, .BoxTypePrices > .row.Orange .Status h2, .BoxTypeProductPriceListArea .TableType1 table tr.Orange .Price span:first-child, .BoxTypeProductPriceListArea .TableType1 table tr.Orange .Status h2 {
    color: #fec06a
}

.BoxTypePrices > .row.Green .ShopLogo:before, .BoxTypeProductPriceListArea .TableType1 table tr.Green .ShopLogo:before {
    background-color: #00ff80
}

.BoxTypePrices > .row.Green .Price span:first-child, .BoxTypePrices > .row.Green .Status h2, .BoxTypeProductPriceListArea .TableType1 table tr.Green .Price span:first-child, .BoxTypeProductPriceListArea .TableType1 table tr.Green .Status h2, .FooterBox a {
    color: #00ff80
}

.BoxTypePrices > .row.Blue .ShopLogo:before, .BoxTypeProductPriceListArea .TableType1 table tr.Blue .ShopLogo:before {
    background-color: #74c4ff
}

.BoxTypePrices > .row.Red .ShopLogo:before, .BoxTypeProductPriceListArea .TableType1 table tr.Red .ShopLogo:before {
    background-color: #fa123e
}

.BoxTypePrices > .row.Red .Price span:first-child, .BoxTypePrices > .row.Red .Status h2, .BoxTypeProductPriceListArea .TableType1 table tr.Red .Price span:first-child, .BoxTypeProductPriceListArea .TableType1 table tr.Red .Status h2 {
    color: #fa123e
}

.BoxTypePrices > .row:last-child td, .BoxTypeProductPriceListArea .TableType1 table tr:last-child td, .MobileMenu nav a:last-child {
    border-bottom: unset
}

.BoxTypeProductPriceListArea .TableType1 table tr td {
    vertical-align: middle;
    padding: 20px 20px 20px 0;
    border-bottom: 1px solid rgba(138, 156, 195, .2)
}

.BoxTypeProductPriceListArea .TableType1 table tr td:last-child {
    padding-right: 30px
}

.BoxTypeProductPriceListArea .TableType1 table tr td:first-child {
    padding-left: 30px
}

.BoxTypeProductPriceListArea .TableType1 table .ShopLogo {
    border-radius: 6px;
    border: 1px solid #8a9cc3;
    padding: 10px 5px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 150px
}

.BoxTypePrices .ShopLogo:before, .BoxTypeProductPriceListArea .TableType1 table .ShopLogo:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    border-bottom-right-radius: 23px
}

.BoxTypePrices .ShopLogo img, .BoxTypeProductPriceListArea .TableType1 table .ShopLogo img {
    height: 40px;
    object-fit: contain
}

.BoxTypePrices .ShopInfo h3, .BoxTypeProductPriceListArea .TableType1 table .ShopInfo h3 {
    color: #7e91b9
}

.BoxTypePrices .ShopInfo h2, .BoxTypeProductPriceListArea .TableType1 table .ShopInfo h2 {
    color: #fff;
    font-weight: 600;
    font-size: 1.1em
}

.BoxTypePrices .ShopInfo .Price span:first-child, .BoxTypeProductPriceListArea .TableType1 table .ShopInfo .Price span:first-child {
    font-weight: 700;
    margin-right: 7px;
    font-size: 1.2em
}

.BoxTypePrices .ShopInfo .Price .OldPrice, .BoxTypeProductPriceListArea .TableType1 table .ShopInfo .Price .OldPrice {
    text-decoration: line-through;
    font-size: .8em;
    color: #8a9cc3;
    font-weight: 400
}

.SelectTypeDate .select2-container--default .select2-selection--single:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cg id='Iconly_Bold_Calendar' data-name='Iconly/Bold/Calendar' transform='translate(-3 -2)'%3E%3Cg id='Calendar' transform='translate(3 2)'%3E%3Cpath id='Calendar-2' data-name='Calendar' d='M5.152,20H5.141A5.152,5.152,0,0,1,1.4,18.619,5.139,5.139,0,0,1,.011,14.88L0,6.553a5.089,5.089,0,0,1,1.219-3.5A4.939,4.939,0,0,1,4.506,1.53V.78a.773.773,0,0,1,.22-.553.766.766,0,0,1,1.3.552v.7l5.865-.008V.77a.77.77,0,0,1,.218-.552.766.766,0,0,1,1.3.55v.75a4.966,4.966,0,0,1,3.321,1.487A4.993,4.993,0,0,1,17.989,6.49L18,14.916c0,3.125-1.961,5.07-5.128,5.074Zm7.891-5.808a.833.833,0,0,0-.809.851.83.83,0,1,0,.819-.851Zm-8.126,0h0a.851.851,0,0,0-.808.86.823.823,0,0,0,.811.8h.039a.809.809,0,0,0,.565-.265.821.821,0,0,0,.215-.6.813.813,0,0,0-.819-.8Zm4.068-.005h0a.855.855,0,0,0-.808.861.823.823,0,0,0,.814.8h.036a.823.823,0,0,0,.779-.861.813.813,0,0,0-.819-.8ZM4.912,10.594h0a.851.851,0,0,0-.808.86.821.821,0,0,0,.812.8h.039a.806.806,0,0,0,.563-.265.823.823,0,0,0,.214-.6.812.812,0,0,0-.818-.8Zm4.069-.035h0a.851.851,0,0,0-.809.86.823.823,0,0,0,.815.8h.036a.825.825,0,0,0,.778-.861.813.813,0,0,0-.818-.8Zm4.07.006h0a.826.826,0,0,0-.808.839v.012a.813.813,0,0,0,.821.8h.019a.825.825,0,0,0-.028-1.649ZM4.508,3.058c-1.985.2-2.991,1.375-2.988,3.493l0,.311,14.948-.02v-.35C16.428,4.379,15.4,3.22,13.414,3.047v.77a.764.764,0,0,1-1.3.547.773.773,0,0,1-.217-.545V3.01l-5.865.008,0,.808a.765.765,0,0,1-1.3.547.773.773,0,0,1-.217-.546v-.77Z' transform='translate(0 0)' fill='%238a9cc3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.SelectTypeDate .select2-selection__arrow b {
    background-size: contain;
    width: 8px !important;
    height: 8px !important;
    border: unset !important
}

.BoxTypeStars, .Breadcrumbs {
    display: flex;
    align-items: center;
    gap: 10px
}

.BoxTypeStars.Picker {
    height: 50px;
    justify-content: center;
    border-radius: 6px
}

.BoxTypeStars span {
    display: block;
    height: 18px
}

.BoxTypeStars span svg {
    width: 20px;
    height: 18px;
    object-fit: contain;
    transition: .2s
}

.BoxTypeProgressBar {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 3px;
    overflow: hidden
}

#PreLoader, .ModalType1 {
    position: fixed;
    pointer-events: none
}

.BoxTypeProgressBar span {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #8000ff;
    transition: .2s
}

.BoxTypeProductComment {
    border-radius: 6px;
    padding: 20px
}

.BoxTypeProductComment .Img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%
}

.BoxTypeProductComment .UserName {
    color: #fff;
    font-size: 1.3em;
    font-weight: 600
}

.BoxTypeInfo1, .BoxTypeProductComment .CommentDate, .BoxTypeProductComment p, .TextType1 {
    font-size: .9em
}

.BoxTypeProductComment .Actions .Comment, .BoxTypeProductComment .Actions .Like {
    cursor: pointer;
    font-size: .9em
}

.BoxTypeProductComment .Actions .Comment svg path, .BoxTypeProductComment .Actions .Like svg path {
    transition: .15s
}

.BoxTypeProductComment .Actions .Like.Active svg path, .BoxTypeProductComment .Actions .Like:hover svg path {
    fill: #FA123E
}

.BoxTypeProductComment .Actions .Comment.Active svg path, .BoxTypeProductComment .Actions .Comment:hover svg path {
    fill: #74C4FF
}

.InputType1 {
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid rgba(138, 156, 195, .2);
    padding: 15px;
    color: #fff;
    font-family: inherit;
    width: 100%;
    height: 50px;
    transition: .2s
}

.InputType1:focus, .InputType1:hover {
    border-color: #8000ff
}

.InputType1[type=file] {
    height: unset
}

.ModalType1 {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000;
    opacity: 0;
    transition: .35s;
    display: none
}

.ModalType1 .Content {
    height: 80vh;
    width: 100%;
    display: flex;
    align-items: center
}

.ModalType1 .Content .container {
    background-color: #0d1826;
    border-radius: 6px
}

.ModalType1 .Content .Banner {
    height: 100%;
    position: relative
}

.ModalType1 .Content .Banner .CloseModalButton {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1;
    cursor: pointer
}

.ModalType1 .Content .Banner .CloseModalButton:hover svg {
    opacity: .7
}

.ModalType1 .Content .Banner .Img {
    height: 100%
}

.ModalType1 .Content .Banner .Img img {
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 6px
}

.ModalType1 .Content .Banner .Overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(128, 0, 255, .5);
    color: #fff;
    padding: 75px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.ModalType1 .Content .Banner .Overlay h1 {
    font-size: 3.4em;
    font-weight: 700;
    line-height: 1.25
}

.ModalType1 .Content .Banner .Overlay h2 {
    font-weight: 600
}

.FormType1 {
    padding: 50px;
    max-height: 100%;
    overflow-y: auto
}

.FormType1::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.FormType1::-webkit-scrollbar-thumb {
    background: #8000ff
}

.FormType1::-webkit-scrollbar-track {
    background: rgba(138, 156, 195, .2)
}

.SelectType1 select {
    width: 100%;
    height: 50px !important
}

.SelectType1 .select2-container--default .select2-selection--single {
    background-color: rgba(138, 156, 195, .2);
    border: unset;
    padding: 6px;
    border-radius: 6px;
    height: unset;
    position: relative
}

.SelectType1 .select2-selection__arrow b {
    background-size: contain;
    width: 8px !important;
    height: 8px !important;
    border: unset !important
}

.CheckBoxType1 {
    position: relative;
    padding-left: 34px;
    display: flex;
    cursor: pointer
}

.CheckBoxType1 span {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIyMjAuNjYyIDI0Mi4zNzkgMjAgMjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNIDE0LjM0IDE5IEMgMTcuMTcxIDE5IDE5IDE3LjA3MyAxOSAxNC4wOTEgTCAxOSA1LjkyIEMgMTkgMi45MzEgMTcuMTcxIDEgMTQuMzQgMSBMIDUuNjcgMSBDIDIuODMzIDEgMSAyLjkzMSAxIDUuOTIgTCAxIDE0LjA5MSBDIDEgMTcuMDczIDIuODMzIDE5IDUuNjcgMTkgTCAxNC4zNCAxOSBNIDE0LjM0IDIwIEwgNS42NyAyMCBDIDIuMjc5IDIwIDAgMTcuNjI1IDAgMTQuMDkxIEwgMCA1LjkyIEMgMCAyLjM3OSAyLjI3OSAwIDUuNjcgMCBMIDE0LjM0IDAgQyAxNy43MjUgMCAyMCAyLjM3OSAyMCA1LjkyIEwgMjAgMTQuMDkxIEMgMjAgMTcuNjI1IDE3LjcyNSAyMCAxNC4zNCAyMCBaIiBzdHJva2U9Im5vbmUiIGZpbGw9IiM4ZDljYzAiIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIDIyMC42NjIwNDgsIDI0Mi4zNzg3NjkpIi8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: contain;
    transition: .2s
}

.LoaderSvg:after, img.lazy-loading {
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23fff' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23fff' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23fff' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23fff' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.CheckBoxType1 input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.BoxTypeShopDetailArea .ShopImg {
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid #8a9cc3;
    overflow: hidden
}

.BoxTypeShopDetailArea .ShopName {
    color: #fff;
    font-size: 1.4em;
    font-weight: 700
}

.BoxTypeShopImage {
    height: 165px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #8a9cc3;
    display: flex;
    align-items: center;
    justify-content: center
}

.BoxTypeShopImage img {
    height: 75%;
    object-fit: contain
}

.NavType1 {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.IframeType1 {
    overflow: hidden;
    width: 100%
}

.BoxType3 {
    border-radius: 6px;
    background-color: rgba(138, 156, 195, .2);
    padding: 15px
}

.swal2-styled.swal2-confirm {
    background-color: #8000ff !important;
    border-color: #8000ff !important
}

.select2-results > .select2-results__options::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background: #8000ff
}

.select2-results > .select2-results__options::-webkit-scrollbar-track {
    background: rgba(138, 156, 195, .2)
}

.LoaderSvg {
    height: 36px;
    width: 100%;
    padding: 10px;
    position: relative;
    display: none
}

.LoaderSvg:first-of-type, .NavContent > div:first-child {
    display: block
}

.LoaderSvg.Absolute {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    top: 0;
    left: 0
}

.LoaderSvg:after {
    content: "";
    position: absolute;
    background-size: contain;
    width: 28px;
    height: 28px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.BoxTypeVideoPlay iframe {
    width: 100% !important
}

.OpenMobileMenu {
    cursor: pointer;
    background-color: #19283b;
    height: 38px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

#PreLoader, .MobileMenu, .select2-search--dropdown, footer {
    background-color: #0d1826
}

.MobileMenu {
    padding: 20px 0;
    margin-bottom: 20px
}

.MobileMenu nav {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    align-items: center;
    justify-content: center
}

.MobileMenu nav a {
    width: 100%;
    text-align: center;
    padding: 7px 0;
    border-bottom: 1px solid rgba(126, 145, 185, .15)
}

.select2-search--dropdown input {
    background-color: #0d1826;
    border-color: #8000ff !important;
    color: #fff
}

.BoxTypeRedirect {
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

#PreLoader {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 10000;
    transition: .2s
}

img.lazy-loading {
    background-position: center center
}

img.lazy:not([src]) {
    visibility: hidden
}

.BoxTypePrices > .row {
    border-bottom: 1px solid rgba(138, 156, 195, .2);
    padding: 20px 0
}

.BoxTypePrices > .row > div {
    vertical-align: middle
}

@media (min-width: 991px) {
    .BoxTypePrices > .row > div:last-child {
        padding-right: 30px
    }

    .BoxTypePrices > .row > div:first-child {
        padding-left: 30px
    }
}

.BoxTypePrices .ShopLogo {
    border-radius: 6px;
    border: 1px solid #8a9cc3;
    padding: 10px 5px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 150px;
    max-width: 100%
}

.BoxTypeInfo1, .BoxTypeInfo2 {
    align-items: center;
    border-radius: 6px
}

.LastNewsSlider {
    height: 30px
}

.LastNewsSlider .Item > a {
    transition: .2s;
    min-width: max-content
}

.BoxTypeNew {
    position: relative;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    height: 100%
}

.BoxTypeInfo1, .BoxTypeInfo2, .BoxTypeInfo3 {
    padding: 7px 14px;
    height: 38px;
    font-weight: 700
}

.BoxTypeNew2:hover .Overlay, .BoxTypeNew:hover .Overlay {
    box-shadow: rgba(128, 0, 255, .65) 0 -140px 36px -50px inset
}

.BoxTypeNew .Img {
    position: relative;
    height: 100%
}

.BoxTypeNew .Img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3)
}

.BoxTypeNew .Overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    transition: .2s
}

.BoxTypeNew .Overlay .Top {
    position: absolute;
    left: 30px;
    top: 30px
}

.BoxTypeNew .Overlay .Bottom {
    position: absolute;
    left: 30px;
    bottom: 30px
}

.BoxTypeNew .Overlay .Bottom .TitleType1, .BoxTypeNew3 .TitleType3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.BoxTypeNew.Type1 .Img img {
    min-height: 400px;
    height: 400px
}

.BoxTypeNew.Type2 .Img img {
    min-height: 200px;
    height: 200px
}

.BoxTypeInfo1 {
    display: flex;
    justify-content: center;
    background-color: #00ff80;
    color: #0d1826
}

.BoxTypeInfo2 {
    display: flex;
    justify-content: center;
    background-color: #19283b;
    color: #fff
}

.BoxTypeInfo2 svg, .BoxTypeInfo3 svg {
    margin-right: 10px
}

.BoxTypeInfo3 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #7e91b9;
    border-radius: 6px;
    color: #7e91b9
}

.BoxTypeNew2 {
    position: relative;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    width: 340px;
    height: 283px
}

.BoxTypeNew2 .Img img {
    width: 340px;
    height: 283px;
    object-fit: cover
}

.BoxTypeNew2 .Overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 30px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    transition: .2s
}

.BoxTypeNew3 .Img img {
    width: 210px;
    height: 200px;
    border-radius: 6px;
    object-fit: cover
}

@media (max-width: 768px) {
    .BoxTypeNew3 .Img img {
        width: 100%
    }
}

.BoxTypeNew3 .TextType1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.BoxTypeNewsList.Shadow:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 40px;
    box-shadow: #000 0 -75px 30px -45px inset;
    z-index: 10;
    pointer-events: none
}

.BoxTypeNewsList .List {
    max-height: 1251px;
    margin-bottom: 3px;
    padding-right: 15px;
    overflow-x: hidden;
    overflow-y: auto
}

.BoxTypeNewsList .List::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.BoxTypeNewsList .List::-webkit-scrollbar-thumb {
    background: #8000ff
}

.BoxTypeNewsList .List::-webkit-scrollbar-track {
    background: rgba(138, 156, 195, .2)
}

.TitleType4 {
    font-weight: 800;
    color: #fff;
    font-size: 2.6em;
    position: relative;
    display: inline;
    text-decoration: none
}

.TitleType4:after {
    position: absolute;
    width: 100%;
    height: 15px;
    border-radius: 20px;
    left: 0;
    bottom: 10px;
    z-index: -1
}

.TitleType5 {
    font-weight: 600;
    font-size: 1.1em
}

header .Top {
    background-color: #0d1826;
    padding: 10px 0;
    height: 60px;
    display: flex;
    align-items: center
}

header .Top .LangSwitcher {
    border-radius: 7px;
    border: 2px solid #7e91b9;
    width: 50px;
    padding: 3px;
    display: flex;
    position: relative;
    cursor: pointer
}

header .Top .LangSwitcher .Dropdown {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    top: 100%;
    left: 0;
    background-color: #8a9cc3;
    border-radius: 0 0 6px 6px;
    max-height: 0;
    overflow: hidden;
    transition: .2s;
    z-index: 101
}

header .Main .UserActions .User .Dropdown.Active, header .Top .LangSwitcher .Dropdown.Active {
    max-height: unset;
    padding: 10px;
}

header .Top .LangSwitcher .Dropdown a {
    padding: 3px
}

header .Top .LangSwitcher .Arrow {
    position: absolute;
    right: 5px;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%)
}

header .Top .LangSwitcher img {
    width: 20px;
    height: 16px;
    object-fit: cover
}

header .Main {
    padding: 30px 0
}

header .Main .Logo {
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

header .Main .Logo img {
    width: 170px
}

header .Main .SearchBox {
    display: flex;
    align-items: stretch;
    background-color: #19283b;
    overflow: hidden;
    transition: .2s;
    height: 60px;
    border-radius: 10px
}

header .Main .SearchBox .Icon {
    padding: 17px;
    display: flex;
    align-items: center
}

header .Main .SearchBox .Input {
    margin: 0 auto 0 5px;
    display: flex;
    align-items: center;
    width: 100%
}

header .Main .SearchBox .Input input {
    background-color: transparent;
    border: none;
    color: #8a9cc3;
    width: 100%
}

header .Main .SearchBox .Input input::-webkit-input-placeholder {
    font-weight: 600
}

header .Main .SearchBox .Input input::placeholder {
    color: #8a9cc3
}

header .Main .SearchBox .Button {
    background-color: #8000ff;
    padding: 13px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: unset
}

@media (max-width: 1199px) {
    header .Main .SearchBox {
        display: inline-flex
    }

    header .Main .SearchBox .Button, header .Main .SearchBox .Input {
        display: none
    }

    header .Main .SearchBox.Active {
        border-radius: 7px;
        position: absolute;
        transform: translateY(-50%);
        z-index: 1;
        left: 10px;
        width: calc(100% - 65px);
        height: 65px
    }

    header .Main .SearchBox.Active .Input {
        width: 100%
    }

    header .Main .SearchBox.Active .Button, header .Main .SearchBox.Active .Input {
        display: flex
    }
}

.MainSlider .Item .Content p, .OpportunityCorner h3, .Widget h3, footer .Left p, footer .Right p, header .Main .UserActions .User .Name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

header .Main .Menu nav {
    display: flex;
    gap: 20px
}

header .Main .Menu nav a {
    transition: .2s;
    position: relative;
    display: block
}

header .Main .Menu nav a:before {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    bottom: -5px;
    background-color: #fff;
    width: 100%;
    opacity: 0;
    transition: .2s
}

header .Main .Menu nav a.Active:before, header .Main .Menu nav a:hover:before {
    opacity: 1
}

header .Main .UserActions {
    display: flex;
    align-items: center;
    gap: 12px
}

header .Main .UserActions .User {
    border: 1px solid #8a9cc3;
    border-radius: 6px;
    padding: 5px 13px;
    cursor: pointer;
    position: relative
}

header .Main .UserActions .User .Name {
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
    width: 120px;
    -webkit-line-clamp: 1
}

header .Main .UserActions .User .Dropdown {
    position: absolute;
    width: 150%;
    display: flex;
    flex-direction: column;
    top: 100%;
    right: 0;
    background-color: #8a9cc3;
    border-radius: 0 0 6px 6px;
    max-height: 0;
    overflow: hidden;
    transition: .2s;
    z-index: 1
}

@media (max-width: 575px) {
    header .Main .UserActions .User .Dropdown {
        right: 0;
        left: unset;
        min-width: fit-content
    }
}

header .Main .UserActions .User .Dropdown a {
    padding: 3px 13px;
    color: #fff
}

header .Main .UserActions > a {
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 6px 10px;
    font-weight: 600
}

header .Main .UserActions > a:first-child {
    border: 1px solid #8a9cc3
}

header .Main .UserActions > a:last-child {
    border: 1px solid #8000ff;
    background-color: #8000ff;
    color: #fff;
    box-shadow: 0 5px 10px #8000FF80
}

footer .Left {
    padding: 50px;
    background-color: #19283b
}

footer .Left .Logo {
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

footer .Left .Logo img {
    width: 210px
}

footer .Left p {
    font-size: .85em;
    -webkit-line-clamp: 7
}

footer .Left .IconType1 {
    width: 80px;
    height: 50px
}

footer .Right {
    padding: 30px 0 30px 30px
}

footer .Right p {
    -webkit-line-clamp: 2
}

.MainSlider {
    position: relative
}

.MainSlider .Item .Img img {
    object-fit: cover;
    height: 375px
}

.MainSlider .Item .Content {
    position: absolute;
    height: 100%;
    left: 77px;
    z-index: 1;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px
}

.MainSlider .Item .Content h2 {
    font-size: 2.2em;
    font-weight: 700;
    color: #fff;
    white-space: pre-line
}

.MainSlider .Item .Content p {
    font-weight: 500;
    white-space: pre-line;
    -webkit-line-clamp: 5
}

@media (max-width: 991px) {
    .BoxTypePrices .ShopLogo img {
        height: 20px
    }

    .BoxTypePrices .ShopInfo h2 {
        font-size: .8em
    }

    .BoxTypePrices .ShopInfo .Price {
        justify-content: center
    }

    .BoxTypeNew.Type2 .Img img {
        height: 400px
    }

    .MainSlider .Item .Content h2 {
        font-size: 1.6em
    }

    .MainSlider .Item .Content p {
        font-size: .85em
    }
}

.MainSlider .owl-dots {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(90deg);
    width: 60px;
    display: flex;
    justify-content: center;
    height: 100%;
    gap: 10px;
    pointer-events: none
}

.MainSlider .owl-dots button span {
    border-radius: 6px;
    background-color: #8a9cc3;
    width: 20px;
    height: 2px;
    display: block;
    transition: .35s
}

.MainSlider .owl-dots button.active span {
    background-color: #8000ff;
    width: 50px
}

.MainSlider .owl-nav {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 60px;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.OpportunityCorner {
    width: 280px;
    background-color: #0d1826;
    padding: 20px;
    border-radius: 6px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.FooterBox, .OpportunityCorner .Star, .irs--round .irs-bar {
    background-color: #8000ff
}

.OpportunityCorner.Type1 {
    width: 450px;
    max-width: 100%
}

.OpportunityCorner.Type1 > div {
    z-index: 2;
    position: relative
}

.OpportunityCorner.Type1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 85px;
    left: 0;
    top: 0;
    background-color: #8000ff;
    z-index: 1
}

.OpportunityCorner .Star {
    border-radius: 6px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.OpportunityCorner h2, .Widget h2 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 800
}

.OpportunityCorner .Img {
    border-radius: 6px
}

.OpportunityCorner .Img img {
    height: 280px;
    object-fit: contain
}

.OpportunityCorner h3, .Widget h3 {
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    height: 30px;
    word-break: break-all;
    -webkit-line-clamp: 1
}

.OpportunityCorner .ButtonType1, .Widget .ButtonType1 {
    flex: 1;
    text-align: center
}

.OpportunityCorner .Price, .Widget .Price {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 7px 10px;
    font-weight: 600
}

.OpportunityCorner .DiscountRate, .Widget .DiscountRate {
    color: #fec06a;
    border: 1px solid #fec06a;
    border-radius: 6px;
    padding: 7px 10px;
    font-weight: 600
}

.GamesSlider .owl-nav, .NewsSlider .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    pointer-events: none
}

.GamesSlider .owl-nav button, .NewsSlider .owl-nav button {
    pointer-events: all
}

.GamesSlider .owl-nav div, .NewsSlider .owl-nav div {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain
}

.GamesSlider .owl-nav .prev, .NewsSlider .owl-nav .prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Iconly_Bold_Arrow_-_Left_Circle' data-name='Iconly/Bold/Arrow - Left Circle' transform='translate(-2 -2)'%3E%3Cg id='Arrow_-_Left_Circle' data-name='Arrow - Left Circle' transform='translate(2 2)'%3E%3Cpath id='Arrow_-_Left_Circle-2' data-name='Arrow - Left Circle' d='M15,30A15,15,0,0,1,15,0l.42.005A15,15,0,0,1,15,30ZM17.17,8.662A1.092,1.092,0,0,0,16.38,9l-5.234,5.2a1.121,1.121,0,0,0,0,1.59L16.38,21a1.057,1.057,0,0,0,.78.329,1.117,1.117,0,0,0,.8-1.92L13.53,15l4.425-4.41A1.118,1.118,0,0,0,17.97,9,1.126,1.126,0,0,0,17.17,8.662Z' transform='translate(0 0)' fill='%235732d1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.GamesSlider .owl-nav .next, .NewsSlider .owl-nav .next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='Iconly_Bold_Arrow_-_Right_Circle' data-name='Iconly/Bold/Arrow - Right Circle' transform='translate(-2 -2)' opacity='0.497'%3E%3Cg id='Arrow_-_Right_Circle' data-name='Arrow - Right Circle' transform='translate(2 2)'%3E%3Cpath id='Arrow_-_Right_Circle-2' data-name='Arrow - Right Circle' d='M15,30l-.42-.005A15.017,15.017,0,1,1,15,30ZM12.84,8.67a1.118,1.118,0,0,0-.8,1.92L16.47,15l-4.425,4.41A1.119,1.119,0,0,0,12.03,21a1.128,1.128,0,0,0,.8.337A1.091,1.091,0,0,0,13.62,21L18.856,15.8a1.124,1.124,0,0,0,0-1.59L13.62,9A1.054,1.054,0,0,0,12.84,8.67Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

.GamesSlider:before, .NewsSlider:before {
    content: "";
    position: absolute;
    left: -110px;
    top: 0;
    width: 100px;
    height: 100%;
    box-shadow: 20px 0 20px 20px rgba(10, 14, 28, .9);
    z-index: 10
}

.GamesSlider:after, .NewsSlider:after {
    content: "";
    position: absolute;
    right: -110px;
    top: 0;
    width: 100px;
    height: 100%;
    box-shadow: -20px 0 20px 20px rgba(10, 14, 28, .9);
    z-index: 10
}

.FooterBox {
    min-height: 50px;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 15px 0
}

.irs--round {
    height: 85px;
    margin-top: -35px;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.irs--round .irs-max, .irs--round .irs-min {
    display: none
}

.irs--round .irs-handle {
    border-color: #8000ff;
    width: 15px;
    height: 15px;
    top: 30px;
    border-width: 5px
}

.irs--round .irs-line {
    background-color: rgba(138, 156, 195, .2)
}

.irs--round .irs-from, .irs--round .irs-single, .irs--round .irs-to {
    transform: translateY(150%);
    background-color: #8000ff;
    font-size: 1.5em;
    border-radius: 6px;
    padding: 10px
}

.irs--round .irs-from:before, .irs--round .irs-single:before, .irs--round .irs-to:before {
    border-top-color: transparent;
    border-width: 6px;
    margin-left: -6px;
    top: -12px;
    border-bottom-color: #8000ff
}

.Widget {
    background-color: #0d1826;
    padding: 20px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    display: inline-flex
}

.Widget .Img {
    border-radius: 6px;
    margin-right: 20px
}

.Widget .Img img {
    height: 175px;
    object-fit: contain
}

.footer-icons {
    display: flex
}