/*********************************************
 *    Developer: https://t.me/k0lisey        *
 *    WebSite: JuniorCheats                  *
 *    Version: v0.6                          *
 ********************************************/


/*==========================
          GLOBAL
==========================*/

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

body {
    font-family: 'Exo 2', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #141518;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    transition: .4s all;
}

a:hover {
    color: #fff !important;
}

.container {
    width: 1400px;
    padding: 0 60px;
    margin: auto;
}

.link,
.link i {
    cursor: pointer;
    transition: .4s all;
}

.link:hover,
.link:hover i {
    color: #fff !important;
}

.btn {
    padding: 15px 20px;
    border-radius: 5px;
    background: orange;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 3px;
    cursor: pointer;
    transition: .4s all;
}

.btn.purple {
    background: #a029d9;
}

.btn.gray {
    background: #21252c;
    border: 2px solid rgba(64, 73, 88, .4);
    color: rgba(255, 255, 255, .5);
    cursor: pointer;
}

.btn.gray:hover {
    color: #fff;
    background: #404958;
}

.btn.red {
    color: rgba(255, 255, 255, .7);
    background: #af031d;
    border: 2px solid rgba(242, 0, 37, 0.4);
}

.btn.red:hover {
    background: #d90424;
    border: 2px solid rgba(217, 4, 36, 0.4);
    color: #fff;
}

.btn.green {
    background: #2dc312;
    cursor: pointer;
}

.btn.green:hover {
    background: #32d714;
}

input,
textarea {
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    resize: none;
    background: 0;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, .2);
}

.input .disabled {
    background: #141518 !important;
    border-color: #141518 !important;
}

input:disabled {
    color: rgba(255, 255, 255, .5) !important;
    background: #141518 !important;
    border-color: #141518 !important;
}

.-navigation-links {
    margin-bottom: 40px;
    color: rgba(255, 255, 255, .4);
}

.-navigation-links .fa-light.fa-angle-right {
    margin: 0 10px;
}

.-navigation-links .fa-light.fa-house-heart {
    margin-right: 5px;
}

.-navigation-links a.active {
    color: #fff;
}

/*==========================
     PARTICLES MAIN
==========================*/

#particles-background,
#particles-foreground {
    left: -51%;
    top: -51%;
    width: 202%;
    height: 202%;
    transform: scale3d(0.5, 0.5, 1);
    z-index: 1;
}

.vertical-centered-box {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}

.vertical-centered-box:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.vertical-centered-box .content {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 0;
}

#header-wrapper .content {
    position: relative;
    z-index: 2;
}

#header-wrapper .carousel-products {
    z-index: 2;
    position: sticky;
}

#products {
    position: relative;
    z-index: 2;
}

/*==========================
       MODAL WINDOW
==========================*/

.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100vh;
    width: 100%;
    padding-top: 200px;
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .5s all;
}

.modal-wrapper::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
}

.modal-wrapper .modal {
    width: 50%;
    background: rgb(29 33 40);
    border: 2px solid #242932;
    padding: 25px;
    padding-top: 100px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: auto;
    display: none;
    opacity: 0;
    z-index: -1;
}

.modal-wrapper.show,
.modal-wrapper .modal.show {
    opacity: 1;
    z-index: 55;
    display: block;
}

.modal-wrapper .modal .header {
    background: #242932;
    padding: 25px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

.modal-wrapper .modal .header .close {
    margin-left: auto;
    cursor: pointer;
}

.modal-wrapper .modal .header span {
    margin-left: 4px;
    color: orange;
}

.modal-wrapper .modal .input {
    height: 70px;
    padding-left: 90px;
    padding-right: 20px;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
    border: 2px solid #242932;
}

.modal-wrapper .modal .input i {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 70px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #242932;
}

.modal-wrapper .modal .input input {
    width: 100%;
    height: 100%;
}

.modal-wrapper .modal input.custom {
    height: 60px;
    padding: 0 20px;
    width: 100%;
    border: 2px solid #242932;
    border-radius: 10px;
    margin-bottom: 15px;
}

.modal-wrapper .modal textarea {
    border: 2px solid #242932;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
}

.modal-wrapper .modal .go-send {
    display: flex;
    align-items: center;
}

.modal-wrapper .modal .go-send .rate {
    margin-right: auto;
}

.modal-wrapper .modal .go-send .rate p {
    padding: 10px;
    font-size: 20px;
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    transition: .5s all;
    float: right;
}

.modal-wrapper .modal .go-send .rate p:first-child {}

.modal-wrapper .modal .go-send .rate p:hover,
.modal-wrapper .modal .go-send .rate p:hover~p,
.modal-wrapper .modal .go-send .rate p.active {
    color: #ffba00;
}

.modal-wrapper .modal .select-img {
    color: #5a5f68;
    padding: 10px 15px;
    border: 2px solid #242932;
    background: rgb(32 36 44);
    cursor: pointer;
    border-radius: 10px;
    font-weight: 600;
    transition: .25s all;
}

.modal-wrapper .modal .select-img:hover {
    background: #242932;
    color: #666e7e;
}

.modal-wrapper .modal .select-img i {
    margin-right: 10px;
    font-size: 16px;
}

.modal-wrapper .modal .uploaded_img {
    color: #5a5f68;
    margin-right: auto;
    margin-left: 10px;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-wrapper .modal input[type="file"] {
    display: none;
}

.modal-wrapper .modal.tickets-views {
    width: 100%;
    margin-top: -50px;
}

.modal-wrapper .modal.tickets-views .ticket-view {
    display: none;
}

.modal-wrapper .modal.tickets-views .ticket-view.show {
    display: block;
}

.modal-wrapper .modal.tickets-views .ticket-view .info {
    background: #242932;
    padding: 20px 25px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.modal-wrapper .modal.tickets-views .ticket-view .info .title {
    font-size: 20px;
}

.modal-wrapper .modal.tickets-views .ticket-view .info .status-ticket {
    padding: 5px 8px;
    border-radius: 5px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.modal-wrapper .modal.tickets-views .ticket-view .info .status-ticket.open,
.modal-wrapper .modal.tickets-views .ticket-view .info .status-ticket.solved {
    background: #0ddd25;
}

.modal-wrapper .modal.tickets-views .ticket-view .info .status-ticket.refused {
    background: #e01414;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat {
    overflow-y: auto;
    height: 450px;
    padding: 25px;
    background: #191d24;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #2a313c;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg {
    background: #242932;
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
    max-width: 40%;
    margin-left: auto;
    margin-bottom: 15px;
    display: table;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg.admin {
    margin-right: auto;
    margin-left: 0;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg.full {
    width: 40%;
    position: relative;
    padding-top: 260px;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg img {
    height: 250px;
    width: 100%;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    background: #000;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg a {
    color: orange;
    text-decoration: underline;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg .date {
    font-size: 13px;
    color: #677081;
    margin-top: 5px;
    text-align: right;
}

.modal-wrapper .modal.tickets-views .ticket-view textarea {
    height: 80px;
    background: #242932;
    border: none;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-wrapper .modal.accept-email .description {
    margin-bottom: 20px;
    line-height: 1.5;
}

.modal-wrapper .modal.accept-email .description span {
    color: orange;
}

.modal-wrapper .modal.accept-email .inp {
    color: rgba(255, 255, 255, .4);
    margin-bottom: 10px;
}

.modal-wrapper .modal.accept-email .warning {
    color: orange;
    font-weight: 600;
    margin-top: 20px;
}

.modal-wrapper .modal.accept-email .warning i {
    margin-right: 10px;
    font-size: 18px;
}

/*==========================
       NOTIFICATION
==========================*/

.notification-wrapper-note {
    position: fixed;
    top: 100px;
    right: 70px;
    height: 60px;
    display: flex;
    align-items: center;
    background: #242932;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    border-radius: 5px;
    overflow: hidden;
    padding-right: 20px;
    z-index: -1;
    opacity: 0;
    transition: .2s all;
}

.notification-wrapper-note i {
    height: 100%;
    width: 60px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: orange;
}

.notification-wrapper-note.show {
    opacity: 1;
    z-index: 1337;
}

/*==========================
       TABLE CONTENT
==========================*/

main table {
    width: 100%;
    table-layout: fixed;
    font-family: 'Montserrat', sans-serif;
}

main .tbl-header {
    background: rgba(35, 37, 42, .48);
    border-radius: 5px;
    margin-top: 20px;
}

main .tbl-content {
    min-height: 400px;
    overflow-x: auto;
    margin-top: 0px;
}

main th {
    padding: 20px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

main td {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    height: 80px;
    overflow-x: auto;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

main td a {
    font-weight: 600;
    text-decoration: underline;
}

main td .btn {
    padding: 10px 15px;
    letter-spacing: normal;
    display: inline-flex;
    padding: 5px 8px;
    text-transform: none;
    text-decoration: none;
}

main tbody tr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .25s all;
}

main tbody tr::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
}

main tbody tr.checked {
    background: rgba(35, 37, 42, .2);
}

/*==========================
          HEADER
==========================*/

header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    transition: .5s all;
}

header .navbar {
    padding: 30px 0;
}

header .navbar-nav .logo {
    margin-right: 80px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 4px;
}

header .navbar-nav .logo:hover span:first-child {
    -webkit-animation: logoRotateSpanFirst .8s linear;
    -moz-animation: logoRotateSpanFirst .8s linear;
    animation: logoRotateSpanFirst .8s linear;
}

header .navbar-nav .logo:hover span:last-child {
    -webkit-animation: logoRotateSpanLast .8s linear;
    -moz-animation: logoRotateSpanLast .8s linear;
    animation: logoRotateSpanLast .8s linear;
}

@-webkit-keyframes logoRotateSpanFirst {
    0% {
        -webkit-transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0px);
    }
}

@-moz-keyframes logoRotateSpanFirst {
    0% {
        -moz-transform: translateX(0px);
    }

    50% {
        -moz-transform: translateX(-10px);
    }

    100% {
        -moz-transform: translateX(0px);
    }
}

@keyframes logoRotateSpanFirst {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes logoRotateSpanLast {
    0% {
        -webkit-transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0px);
    }
}

@-moz-keyframes logoRotateSpanLast {
    0% {
        -moz-transform: translateX(0px);
    }

    50% {
        -moz-transform: translateX(10px);
    }

    100% {
        -moz-transform: translateX(0px);
    }
}

@keyframes logoRotateSpanLast {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0px);
    }
}

header .navbar-nav .logo:hover img {
    -webkit-animation: logoRotateIMG .8s linear;
    -moz-animation: logoRotateIMG .8s linear;
    animation: logoRotateIMG .8s linear;
}

@-webkit-keyframes logoRotateIMG {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes logoRotateIMG {
    0% {
        -moz-transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(360deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@keyframes logoRotateIMG {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

header .navbar-nav .logo img {
    width: 30px;
    margin-right: 5px;
    transition: .4s all;
}

header .navbar-nav .menu a {
    margin-right: 50px;
    color: rgba(255, 255, 255, .7);
}

header .navbar-nav .menu a:last-child {
    margin-right: 0;
}

header .navbar-btns p:not(:last-child) {
    margin-right: 25px;
}

header .navbar-btns .cart {
    font-size: 17px;
    display: none;
}

header .navbar-btns .auth i {
    margin-right: 10px;
}

header {
    /* background: #21252c !important; */
    background: hsla(0, 0%, 100%, .01);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    /* border-bottom: 1px solid #1c1c1c; */
}

/*==========================
      HEADER-WRAPPER
==========================*/

#header-wrapper {
    min-height: 100vh;
    position: relative;
    display: flex;
}

#header-wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 36, 41, 0)), color-stop(90%, #191a1e));
    background: linear-gradient(180deg, rgba(33, 36, 41, 0) 0%, #191a1e 90%);
    position: absolute;
}

#header-wrapper .bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .2);
}

#header-wrapper .bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*    background: rgba(255, 255, 255, .1);*/
    -ms-backdrop-filter: blur(2px);
    -moz-backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

#header-wrapper .bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: top;
}

#header-wrapper .content {
    position: relative;
    margin-top: -150px;
}

#header-wrapper .content .left-block {
    width: 50%;
    padding-right: 60px;
    margin-top: 200px;
}

#header-wrapper .content .left-block .subject {
    color: orange;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 50px;
}

#header-wrapper .content .left-block .subject i {
    margin-right: 10px;
}

#header-wrapper .content .left-block h2 {
    margin: 20px 0;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 8px;
}

#header-wrapper .content .left-block h3 {
    font-weight: 600;
    color: orange;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#header-wrapper .content .left-block h3 p {
    margin-right: 10px;
    font-weight: 400;
    color: #fff;
    text-transform: none;
    letter-spacing: normal;
}

#header-wrapper .content .left-block .description {
    color: rgba(255, 255, 255, .7);
    line-height: 1.5;
    margin-bottom: 15px;
}

#header-wrapper .content .left-block .platforms span.def {
    /*    color: rgba(255,255,255,.7);*/
    font-size: 14px !important;
    margin-right: 15px !important;
}

#header-wrapper .content .left-block .platforms span {
    margin-right: 15px;
    font-size: 20px;
    display: flex;
    align-items: center;
}

#header-wrapper .content .left-block .platforms span img {
    height: 20px;
    width: 20px;
    filter: brightness(0) invert(1);
    object-fit: contain;
}

#header-wrapper .content .left-block .platforms span:last-child {
    margin-right: 0;
}

#header-wrapper .content .left-block .platforms span sup {
    font-size: 11px;
    margin-left: 8px;
}

#header-wrapper .content .left-block .more .price {
    font-size: 35px;
    font-weight: 600;
    margin-top: 30px;
    letter-spacing: 5px;
    margin-right: 20px;
}

#header-wrapper .content .left-block .more .price span.from {
    font-size: 14px;
    margin-right: 15px;
    font-weight: 400;
    letter-spacing: normal;
    color: rgba(255, 255, 255, .7);
}

#header-wrapper .content .left-block .more .btn i {
    margin-left: 10px;
}


#header-wrapper .content .right-block {
    width: 50%;
    margin-top: 250px;
}

#header-wrapper .content .right-block .main {
    width: 100%;
    height: 300px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .6);
}

#header-wrapper .content .right-block .main img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    transition: .2s opacity ease-in-out;
    object-fit: cover;
}

#header-wrapper .bg img {
    transition: .2s opacity ease-in-out;
}

#header-wrapper .content .right-block .main img.hide,
#header-wrapper .bg img.hide {
    opacity: 0;
}

#header-wrapper .content .right-block .main img.show,
#header-wrapper .bg img.show {
    opacity: 1;
}

#header-wrapper .content .right-block .buttons .link {
    width: 30px;
    height: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .4);
    margin-right: 15px;
    position: relative;
    overflow: hidden;
}

#header-wrapper .content .right-block .buttons .link span {
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    z-index: 7;
}

#header-wrapper .content .right-block .buttons .link.active span {
    background: #fff;
}

#header-wrapper .content .right-block .buttons .link:last-child {
    margin-right: 0;
}

#header-wrapper .carousel-products {
    /* position: absolute; */
    display: flex;
    bottom: 200px;
    width: 100%;
    left: 0;
    z-index: 6;
    margin-top: 50px;
}

#header-wrapper .carousel-products .block {
    width: 180px;
    height: 60px;
    padding: 10px;
    border-radius: 10px;
    margin-right: 30px;
    cursor: pointer;
    opacity: .4;
    transition: .4s all;
    position: relative;
    overflow: hidden;
}

#header-wrapper .carousel-products .block.active,
#header-wrapper .carousel-products .block:hover {
    opacity: 1;
}

#header-wrapper .carousel-products .block:last-child {
    margin-right: 0;
}

#header-wrapper .carousel-products .block img {
    margin-right: 15px;
    height: 40px;
    width: 40px;
    border-radius: 10px;
    object-fit: cover;
    z-index: 5;
}

#header-wrapper .carousel-products .block p {
    z-index: 5;
}

#header-wrapper .carousel-products .block.active {
    background: rgba(255, 255, 255, .05);
}

#header-wrapper .carousel-products .block.active span {
    position: absolute;
    width: 0%;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    top: 0;
    left: 0;
    background: rgb(110, 24, 163, .5);
    /*    background: rgba(255, 255, 255, .2);*/
}

#header-wrapper .carousel-products .block[data-id="1"].active span {
    background: rgb(209, 138, 8, .5);
}

#header-wrapper .carousel-products .block[data-id="2"].active span {
    /*    background: rgb(36, 163, 13, .5);*/
    background: rgb(110, 24, 163, .5);
}

#header-wrapper .carousel-products .block[data-id="3"].active span {
    /*    background: rgb(198, 3, 48, .5);*/
    background: rgb(209, 138, 8, .5);
}

#header-wrapper .carousel-products .block[data-id="4"].active span {
    /*    background: rgb(3, 80, 203, .5);*/
    background: rgb(110, 24, 163, .5);
}

#header-wrapper .ca3-scroll-down-link[data-ca3_icon]::before {
    font-weight: normal;
    content: attr(data-ca3_icon);
}

#header-wrapper .ca3-scroll-down-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
}

#header-wrapper .ca3-scroll-down-link {
    cursor: pointer;
    height: 30px;
    width: 50px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 50px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite;
    z-index: 1;
}

@-webkit-keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
}

@-moz-keyframes ca3_fade_move_down {
    0% {
        -moz-transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes ca3_fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

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

/*==========================
         PRODUCTS
==========================*/

#products {
    /* padding-top: 60px; */
    padding-bottom: 30px;
}

#products .search-block {
    margin-bottom: 45px;
}

#products .search-block .title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
}

#products .search-block .title span {
    color: rgba(255, 255, 255, .2);
}

#products .search-block .search {
    background: rgba(255, 255, 255, .05);
    padding: 15px;
    border-radius: 10px;
    padding-left: 20px;
}

#products .search-block .search i {
    font-size: 17px;
    color: rgba(255, 255, 255, .2);
}

#products .search-block .search span {
    height: 25px;
    width: 1px;
    background: rgba(255, 255, 255, .1);
    margin: 0 20px;
}

#products .search-block .search input {
    width: 200px;
}

#products .products {
    margin-right: -15px;
}

#products .products .product-wrapper {
    width: 25%;
    padding: 15px;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    max-height: 300px;
    min-height: 300px;
    overflow: hidden;
    margin-bottom: 5px;
}

#products .products .product-wrapper .product {
    position: relative;
    border-radius: 10px;
}

#products .products .product-wrapper .popular {
    position: absolute;
    color: orange;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(35, 37, 42, .48);
    top: 10px;
    left: 10px;
    z-index: 6;
}

#products .products .product-wrapper .popular i {
    margin-right: 5px;
}

#products .products .product-wrapper .product .m-img {
    height: 150px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    object-fit: cover;
}

#products .products .product-wrapper .product .block {
    background: #1c1c1c;
    margin-top: -10px;
    padding: 20px;
    border-radius: 10px;
    background: rgba(35, 37, 42, .48);
    margin-top: -43px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    height: 180px;
    transition: .2s all;
}

#products .products .product-wrapper .product .block .icon {
    border-radius: 50%;
    margin-top: -50px;
    height: 60px;
    width: 60px;
    min-height: 40px;
    min-width: 40px;
    margin-bottom: 10px;
    background: rgba(35, 37, 42, 1);
}

#products .products .product-wrapper .product .block .icon img {
    width: 30px;
    filter: brightness(0) invert(1);
}

#products .products .product-wrapper .product .block .name {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

#products .products .product-wrapper .product .block .info {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
}

#products .products .product-wrapper .product .block .info span:nth-child(2) {
    margin: 0 5px;
}

#products .products .product-wrapper .product .block .info span:last-child {
    color: #0bc40b;
}

#products .products .product-wrapper .product .block .go-buy {
    margin-top: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px;
}

#products .products .product-wrapper .product .block .price {
    font-size: 22px;
}

#products .products .product-wrapper .product .block .price span {
    color: rgba(255, 255, 255, .4);
    font-size: 13px;
}

#products .products .product-wrapper .product .block .go-buy .btn {
    background: 0;
    border: 2px solid rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .2);
    text-transform: none;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 400;
    transition: .3s all;
    padding: 12px 15px;
}

#products .products .product-wrapper .product:hover .go-buy .btn {
    background: #a029d9;
    border-color: #a029d9;
    color: #fff;
}

#products .products .product-wrapper .product .cheats {
    display: none;
    width: 100%;
}

#products .products .product-wrapper .product .cheats.more-then-one {
    /* width: auto; */
    margin-right: -10px;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper {
    padding: 10px;
    padding-left: 0;
    padding-top: 0;
    width: 50%;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper .cheat {
    padding: 10px;
    border-radius: 5px;
    transition: .4s all;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper .cheat:hover {
    background: rgba(255, 255, 255, .1);
}

#products .products .product-wrapper .product .cheats .cheat-wrapper .cheat img {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    margin-right: 10px;
    transition: .4s all;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper .cheat .cheat-info .cheat-name {
    margin-bottom: 5px;
    font-size: 11px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper .cheat .cheat-info .cheat-price {
    font-size: 11px;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper .cheat .cheat-info .cheat-price span {
    color: rgba(255, 255, 255, .4);
    margin-right: 5px;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper.morr .cheat {
    height: 100%;
    justify-content: center;
    font-size: 20px;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper.morr .cheat:hover {
    background: 0;
}

#products .products .product-wrapper .product .cheats .cheat-wrapper.morr .cheat .cheat-info .cheat-name {
    font-size: 13px;
}

#products .products .product-wrapper .product:hover .name {
    display: none;
}

#products .products .product-wrapper .product:hover .block {
    height: 230px;
    transform: translateY(-50px);
}

#products .products .product-wrapper .product:hover .info {
    display: none;
}

#products .products .product-wrapper .product:hover .cheats {
    display: flex;
}

/*----------- NON CHEATS -------------*/

#products .products .product-wrapper .product.non-cheats {
    cursor: default;
}

#products .products .product-wrapper .product.non-cheats:hover .name {
    display: block;
}

#products .products .product-wrapper .product.non-cheats:hover .block {
    height: 180px;
    transform: translateY(0);
}

#products .products .product-wrapper .product.non-cheats:hover .info {
    display: block;
}

#products .products .product-wrapper .product.non-cheats:hover .cheats {
    display: none;
}

#products .products .product-wrapper .product.non-cheats .m-img,
#products .products .product-wrapper .product.non-cheats .name,
#products .products .product-wrapper .product.non-cheats .block .icon img {
    opacity: .4;
}

#products .products .product-wrapper .product.non-cheats .block .info span:last-child {
    color: orange;
}

/*----------- /NON CHEATS -------------*/

#product-wrapper {
    padding-top: 130px;
    position: relative;
    height: 400px;
    overflow: hidden;
}

#product-wrapper .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#product-wrapper .bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#product-wrapper .bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 36, 41, 0)), color-stop(90%, #141416));
    background: linear-gradient(180deg, rgba(33, 36, 41, 0) 0%, #141416 90%);
    z-index: 2;
}

#product-wrapper .bg img {
    object-fit: cover;
    object-position: top;
    width: 100%;
}

#product-wrapper .content {
    position: relative;
    z-index: 3;
}

#product-wrapper .content .game-logo {
    background: rgba(35, 37, 42, .38);
    -ms-backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 50%;
    height: 80px;
    width: 80px;
    margin-bottom: 20px;
}

#product-wrapper .content .game-logo img {
    width: 40px;
    filter: brightness(0) invert(1);
}

#product-wrapper .content .description {
    text-align: center;
    line-height: 1.5;
    color: rgba(255, 255, 255, .4);
    font-size: 18px;
    font-weight: 300;
}

#product-wrapper .content .description span {
    color: #a029d9;
    font-weight: 600;
}

#products.cheats .products .product-wrapper .product .block .icon img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    filter: none;
}

#products.cheats .products .product-wrapper .product .block .info {
    width: 100%;
}

#products.cheats .products .product-wrapper .product .block .info span {
    font-weight: 600;
}

#products.cheats .products .product-wrapper .product .block .info span.detected,
#product .content .main-info .right-block .status span.detected,
#product .content .main-info .right-block .name.detected i {
    color: #b50e35;
}

#products.cheats .products .product-wrapper .product .block .info span.undetected,
#product .content .main-info .right-block .status span.undetected,
#product .content .main-info .right-block .name.undetected i {
    color: #48af48;
}

#products.cheats .products .product-wrapper .product .block .info span.useatownrisk,
#product .content .main-info .right-block .status span.useatownrisk,
#product .content .main-info .right-block .name.useatownrisk i {
    color: #d8a80b;
}

#products.cheats .products .product-wrapper .product .block .info span.onupdate,
#product .content .main-info .right-block .status span.onupdate,
#product .content .main-info .right-block .name.onupdate i {
    color: #048bc7;
}

#products.cheats .products .product-wrapper .product .block .info span:first-child i {
    margin-right: 3px;
}

#products.cheats .products .product-wrapper .product .block .info span:last-child {
    color: #edba2f;
}

#products.cheats .products .product-wrapper .product .block .info span:last-child i {
    margin-right: 5px;
    font-size: 11px;
}

#products.cheats .products .product-wrapper .product .block .cheats .cheat-wrapper .cheat {
    background: rgba(255, 255, 255, .1);
    padding: 7px 10px;
}

#products.cheats .products .product-wrapper .product .block .cheats .cheat-wrapper .cheat .icon {
    background: 0;
    height: auto;
    width: auto;
    min-height: auto;
    margin-top: 0;
    min-width: auto;
    border-radius: 0;
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 12px;
    font-family: 'Font Awesome 6 Pro';
}

#products.cheats .products .product-wrapper .product .block .cheats .cheat-wrapper .cheat .cheat-info {
    padding-right: 7px;
    overflow: hidden;
}

#products.cheats .products .product-wrapper .product .block .cheats .cheat-wrapper .cheat .cheat-info .cheat-name {
    margin-bottom: 0;
}

/*==========================
          PRODUCT
==========================*/

#product {
    min-height: 900px;
    padding-top: 150px;
    padding-bottom: 80px;
    position: relative;
}

#product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(/img/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .1;
}

#product::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(35, 37, 42, .38);
    -ms-backdrop-filter: blur(25px);
    -moz-backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

#product .content {
    position: relative;
    z-index: 6;
}

#product .content .main-info {
    margin-bottom: 60px;
}

#product .content .main-info .left-block {
    width: 50%;
    padding-right: 40px;
}

#product .content .main-info .left-block .global {
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(255, 255, 255, .05);
    margin-bottom: 20px;
}

#product .content .main-info .left-block .global .avatar {
    position: relative;
    width: 60%;
    padding-right: 15px;
    height: 230px;
}

#product .content .main-info .left-block .global .blocks {
    width: 40%;
}

#product .content .main-info .left-block .global .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

#product .content .main-info .left-block .global .avatar .popular {
    color: orange;
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(35, 37, 42, .38);
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    padding: 10px 15px;
}

#product .content .main-info .left-block .global .avatar .popular i {
    margin-right: 5px;
}

#product .content .main-info .left-block .global .blocks .block {
    background: #21252c;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}

#product .content .main-info .left-block .global .blocks .block .title {
    color: rgba(255, 255, 255, .4);
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 300;
}

#product .content .main-info .left-block .global .blocks .block span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#product .content .main-info .left-block .global .blocks .block:last-child {
    margin-bottom: 0;
}

#product .content .main-info .left-block .global .blocks .block.reviews .rate {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #ffba00;
}

#product .content .main-info .left-block .global .blocks .block.reviews .rate i {
    margin-right: 10px;
}

#product .content .main-info .left-block .global .blocks .block.reviews .avatars {
    margin-right: 30px;
}

#product .content .main-info .left-block .global .blocks .block.reviews .avatars .us {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    border: 2px solid #21252c;
    margin-left: -4px;
}

#product .content .main-info .left-block .global .blocks .block.reviews span {
    color: rgba(255, 255, 255, .4);
    margin-right: 5px;
    font-weight: 300;
}

#product .content .main-info .left-block .global .blocks .block.game .game-logo,
#product .content .main-info .left-block .global .blocks .block.platform .game-logo {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #2c5dcb;
    margin-right: 15px;
}

#product .content .main-info .left-block .global .blocks .block.game .game-logo img,
#product .content .main-info .left-block .global .blocks .block.platform .game-logo img {
    width: 20px;
}

#product .content .main-info .left-block .global .blocks .block.game .game-logo img,
#product .content .main-info .left-block .global .blocks .block.platform .game-logo img {
    filter: brightness(0) invert(1);
}

#product .content .main-info .left-block .global .blocks .block.platform .game-logo {
    background: #000000;
}

#product .content .main-info .left-block .carousel .screens {
    padding-left: 20px;
    margin-right: 10px;
    max-height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: rtl;
    margin-left: -10px;
}

#product .content .main-info .left-block .carousel .screens::-webkit-scrollbar {
    width: 5px;
}

#product .content .main-info .left-block .carousel .screens::-webkit-scrollbar-track {
    background: transparent;
}

#product .content .main-info .left-block .carousel .screens::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #272c34;
}

#product .content .main-info .left-block .carousel .screens .item {
    height: 60px;
    width: 60px;
    min-height: 60px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 2px solid rgba(255, 255, 255, .2);
    transition: .4s all;
    cursor: pointer;
    opacity: .5;
}

#product .content .main-info .left-block .carousel .screens .item.active,
#product .content .main-info .left-block .carousel .screens .item:hover {
    /*    border-color: orange;*/
    border-color: #fff;
    opacity: 1;
}

#product .content .main-info .left-block .carousel .screens .item:last-child {
    margin-bottom: 0;
}

#product .content .main-info .left-block .carousel .screens .item video {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
}


#product .content .main-info .left-block .carousel .screens .item img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 5px;
}

#product .content .main-info .left-block .carousel .screens .item .video-figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

#product .content .main-info .left-block .carousel .screens .item .video-figure i {
    color: #fff;
    font-size: 16px;
}

#product .content .main-info .left-block .carousel .main-screen {
    position: relative;
    width: 100%;
    height: 330px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

#product .content .main-info .left-block .carousel .main-screen img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product .content .main-info .left-block .carousel .main-screen video {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product .content .main-info .left-block .carousel .main-screen span {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: #fff;
    z-index: 2;
}

#product .content .main-info .left-block .carousel .main-screen .count {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    background: rgba(35, 37, 42, .38);
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 10px 15px;
    border-radius: 10px;
    word-spacing: 5px;
    font-weight: 300 !important;
}

#product .content .main-info .left-block .carousel .main-screen .count b {
    font-weight: 300;
}

#product .content .main-info .left-block .carousel .preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 1200px;
    margin: auto;
    height: 100vh;
    width: 100%;
    z-index: -1;
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .5s all;
}

#product .content .main-info .left-block .carousel .preview.show {
    opacity: 1;
    z-index: 8;
}

#product .content .main-info .left-block .carousel .preview .container {
    margin: auto;
    height: 100%;
    padding-top: 200px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#product .content .main-info .left-block .carousel .preview::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
}

#product .content .main-info .left-block .carousel .preview .close {
    font-size: 25px;
    color: #fff;
    background: #21252c;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    margin-left: auto;
    display: inline-flex;
    margin-bottom: 20px;
}

#product .content .main-info .left-block .carousel .preview img {
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 15px;
    object-fit: cover;
}

#product .content .main-info .right-block {
    width: 50%;
}

#product .content .main-info .right-block .name {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: -8px;
}

#product .content .main-info .right-block .name i {
    margin-left: 10px;
    color: #22b122;
    font-size: 20px;
}

#product .content .main-info .right-block .pre-title {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 20px;
    font-weight: 300;
}

#product .content .main-info .right-block .pretitle {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 15px;
    font-weight: 300;
}

#product .content .main-info .right-block .desc {
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    font-weight: 300;
}

#product .content .main-info .right-block .select {
    margin-top: 20px;
}

#product .content .main-info .right-block .func {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 40px;
}

#product .content .main-info .right-block .func .m-func i {
    font-size: 12px;
    margin-right: 5px;
}

#product .content .main-info .right-block .func .m-func {
    font-weight: 300;
}

#product .content .main-info .right-block .func span {
    color: rgba(255, 255, 255, .4);
    margin: 0 10px;
    font-size: 15px;
    font-weight: 600;
}

#product .content .main-info .right-block .func .more-func {
    color: orange;
    cursor: pointer;
    text-decoration: underline;
}

#product .content .main-info .right-block .recom .r {
    margin-right: 10px;
}

#product .content .main-info .right-block .recom .r:last-child {
    margin-right: 0;
}

#product .content .main-info .right-block .recom .r i {
    font-size: 18px;
}

#product .content .main-info .right-block .recom .r sup {
    font-size: 11px;
}

#product .content .main-info .right-block .status {
    margin-top: 20px;
}

#product .content .main-info .right-block .status span {
    font-weight: 600;
}

#product .content .main-info .right-block .status span i {
    margin-right: 5px;
}

#product .content .main-info .right-block .status span.undetected {
    color: #22b122;
}

#product .content .main-info .right-block .status span.detected {
    color: #b12222;
}

#product .content .main-info .right-block .status span.updating {
    color: #2264b1;
}

#product .content .main-info .right-block .func,
#product .content .main-info .right-block .recom,
#product .content .main-info .right-block .status {
    /* height: 70px; */
}

#product .content .main-info .right-block .select .select-sub {
    margin-left: -10px;
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper {
    padding: 10px;
    width: 33.3333333333333%;
    padding-right: 0;
    padding-top: 0;
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper .sel {
    padding: 15px;
    transition: .4s all;
    cursor: pointer;
    border-radius: 5px;
    border: 2px solid rgba(64, 73, 88, .5);
    font-weight: 500;
    background: rgba(33, 37, 44, .3);
    color: rgba(255, 255, 255, .6);
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper .sel .check {
    height: 18px;
    width: 18px;
    margin-right: 10px;
    border: 2px solid rgba(64, 73, 88, .5);
    border-radius: 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all;
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper .sel.active .check::before {
    content: '';
    position: absolute;
    height: 6px;
    width: 6px;
    background: orange;
    border-radius: 1px;
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper .sel .price {
    margin-left: auto;
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper .sel.active {
    color: orange !important;
    border-color: orange !important;
    background: #21252c !important;
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper .sel.active .check {
    border-color: orange !important;
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper .sel:hover {
    background: #21252c;
    border-color: #404958;
    color: #fff;
}

#product .content .main-info .right-block .select .select-sub .sel-wrapper .sel:hover .check {
    border: 2px solid #404958;
}

#product .content .main-info .right-block .go-buy .price {
    font-size: 30px;
    margin-right: 20px;
    letter-spacing: 2px;
    font-weight: 600;
}

#product .content .main-info .right-block .go-buy .btn {
    text-transform: none;
}

#product .content .main-info .right-block .go-buy .report {
    margin-left: auto;
    display: flex;
    flex-direction: column;
}

#product .content .main-info .right-block .go-buy .report .pretitle i {
    margin-right: 8px;
    margin-left: auto;
}

#product .content .main-info .right-block .go-buy .report .btn {
    background: #21252c;
    border: 2px solid rgba(64, 73, 88, .4);
    color: rgba(255, 255, 255, .5);
    cursor: pointer;
    transition: .4s all;
}

#product .content .main-info .right-block .go-buy .report .btn:hover {
    color: #fff;
    background: #404958;
}

#product .content .main-info .right-block .warning {
    margin-top: 30px;
    padding: 15px 20px;
    border-radius: 10px;
    background: #21252c;
    font-size: 13px;
    line-height: 1.5;
    position: relative;
    padding-left: 80px;
    overflow: hidden;
    border: 2px solid #272c34;
}

#product .content .main-info .right-block .warning i {
    margin-right: 20px;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #272c34;
    color: orange;
}

#product .content .info-page .title {
    font-size: 25px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #fff;
}

#product .content .info-page .title span {
    color: rgba(255, 255, 255, .4);
    font-weight: 300;
    font-size: 18px;
}

#product .content .info-page .functions {
    color: rgba(255, 255, 255, .4);
    font-weight: 300;
    width: 50%;
    padding-right: 40px;
}

#product .content .info-page .functions .functions-header {
    display: flex;
    align-items: center;
    overflow-x: auto;
    margin-bottom: 10px;
    overflow-y: hidden;
    padding-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#product .content .info-page .functions .functions-header::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #272c34;
}

#product .content .info-page .functions .functions-header::-webkit-scrollbar {
    height: 8px;
}

#product .content .info-page .functions .functions-header::-webkit-scrollbar-track {
    background: transparent;
}

#product .content .info-page .functions .functions-header .func-name {
    font-weight: 500;
    margin-right: 15px;
    font-size: 14px;
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    cursor: pointer;
    transition: .2s all;
    text-wrap: nowrap;
    border: 2px solid #272c34;
    color: #565d67;
}

#product .content .info-page .functions .functions-header .func-name:last-child {
    margin-right: 0;
}

#product .content .info-page .functions .functions-header .func-name:hover,
#product .content .info-page .functions .functions-header .func-name.active {
    background: #272c34;
    color: #fff;
}


#product .content .info-page .functions .func-name i {
    margin-right: 8px;
    font-size: 15px;
}

#product .content .info-page .functions .desc {
    line-height: 1.5;
    display: none;
}

#product .content .info-page .recoms {
    width: 50%;
}

#product .content .info-page .recoms-block {
    display: flex;
    flex-wrap: wrap;
    background: hsl(218.18deg 14.29% 15.1% / 43%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 10px;
    padding: 20px 30px;
    padding-bottom: 0;
    padding-right: 0;
}

#product .content .info-page .recoms-block .block-recom-wrapper {
    width: 50%;
    padding-right: 20px;
    padding-bottom: 30px;
    transition: transform 0.2s;
}

#product .content .info-page .recoms-block .block-recom-wrapper .block-recom {
    display: flex;
    align-items: center;
    height: 60px;
}

#product .content .info-page .recoms-block .block-recom-wrapper .block-recom i.main {
    margin-right: 15px;
    font-size: 50px;
    color: #515560;
    width: 50px;
}

#product .content .info-page .recoms-block .block-recom-wrapper .block-recom .recom-info {
    display: flex;
    flex-direction: column;
    font-size: 13px;
}

#product .content .info-page .recoms-block .block-recom-wrapper .block-recom .recom-info span {
    color: #515560;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 13px;
}

#product .content .info-page .recoms-block .block-recom-wrapper .block-recom .recom-info img {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    filter: brightness(0) invert(1);
    object-fit: contain;
}

#product .content .info-page .reviews {
    width: 50%;
}

#product .content .info-page .reviews .send-review {
    margin-bottom: 40px;
    background: #21252c;
    overflow: hidden;
    border: 2px solid #272c34;
    position: relative;
    padding: 15px 20px;
    border-radius: 10px;
    padding-left: 80px;
    width: 100%;
    font-size: 17px;
}

#product .content .info-page .reviews .send-review i.fa-solid.fa-message {
    margin-right: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #272c34;
}

#product .content .info-page .reviews .send-review .rate-f {
    color: #ffba00;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 2px;
}

#product .content .info-page .reviews .send-review .rate-l {
    margin-left: auto;
    margin-right: 15px;
}

#product .content .info-page .reviews .send-review .rate-l i {
    margin-right: 5px;
    color: #ffba00;
}

#product .content .info-page .reviews .send-review .btn {
    font-size: 14px;
    text-transform: none;
    color: #fff;
    background: #404958;
    border: 2px solid rgba(64, 73, 88, .4);
    cursor: pointer;
    transition: .4s all;
    padding: 10px 15px;
}

#product .content .info-page .reviews .review-block {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(64, 73, 88, .4);
    margin-bottom: 20px;
}

#product .content .info-page .reviews .review-block:last-child {
    margin-bottom: 0;
    border: none;
}

#product .content .info-page .reviews .review-block .user {
    margin-bottom: 20px;
}

#product .content .info-page .reviews .review-block .user img {
    border-radius: 10px;
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    object-fit: cover;
    margin-right: 15px;
}

#product .content .info-page .reviews .review-block .user .info .nickname {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px;
}

#product .content .info-page .reviews .review-block .user .info .date {
    color: rgba(255, 255, 255, .4);
    font-weight: 300;
    font-size: 13px;
}

#product .content .info-page .reviews .review-block .rate {
    color: #ffba00;
}

#product .content .info-page .reviews .review-block .message {
    color: rgba(255, 255, 255, .4);
    font-weight: 300;
    line-height: 1.4;
}

#product .content i.icon-func {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
}

/*==========================
         POLITIC
==========================*/

#product-wrapper.terms {
    height: auto;
    padding-bottom: 60px;
}

#product-wrapper.terms .terms {
    margin-top: 15px;
    color: #e5e5e5;
    line-height: 1.5;
}

#product-wrapper.terms .terms p {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0;
    line-height: normal;
}

#product-wrapper.terms .terms span,
#product-wrapper.terms .terms a {
    font-weight: 600;
    color: #a029d9;
}

#product-wrapper.terms .terms a {
    text-decoration: underline;
    color: orange;
}

/*==========================
          TICKETS
==========================*/

#tickets {
    min-height: 300px;
}

#product-wrapper.tickets .game-logo i {
    font-size: 28px;
}

#tickets .content.select .block {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
    height: 270px;
}

#tickets .content.select .vl {
    height: 150px;
    width: 1px;
    background: rgba(35, 37, 42, .48);
    margin: 0 30px;
}

#tickets .content.select .block .icon {
    font-size: 45px;
    margin-bottom: 15px;
}

#tickets .content.select .block .title {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#tickets .content.select .block .description {
    color: rgba(255, 255, 255, .4);
    margin-bottom: 20px;
    text-align: center;
}

#tickets .content.select .block .go-send .input {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 5px;
    background: rgba(35, 37, 42, .48);
    height: 60px;
    margin-right: 15px;
    overflow: hidden;
    padding-right: 15px;
}

#tickets .content.select .block .go-send .input i {
    height: 100%;
    width: 60px;
    min-width: 60px;
    background: rgb(39, 43, 52, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .4);
    margin-right: 15px;
    font-size: 20px;
}

#tickets .content.select .block .go-send .input input {
    height: 100%;
    width: 100%;
}

#tickets .content.select .block .go-send .btn {
    height: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tickets .content.select .block .go-send .btn i {
    font-size: 16px;
}

#tickets .content.select .block.create-new .icon i {
    color: #be7adf;
}

#tickets .content.select .block.show-history .icon i {
    color: #ebbb62;
}

#tickets .content.show-tickets {
    padding-top: 150px;
    min-height: 700px;
}

#tickets .content.show-tickets .title-header {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 25px;
}

#tickets .content.show-tickets .title-header .auth {
    color: rgba(255, 255, 255, .7);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: normal;
}

#tickets .content.show-tickets .title-header .auth span {
    color: rgba(255, 255, 255, .3);
    margin-left: 5px;
}

#tickets .content.show-tickets .title-header .auth span a {
    font-weight: 300;
    cursor: pointer;
    text-decoration: underline;
}

#tickets .content.show-tickets table td .status-ticket {
    font-weight: 600;
}

#tickets .content.show-tickets table td .status-ticket.wait-accept {
    color: orange;
}

#tickets .content.show-tickets table td .status-ticket.open,
#tickets .content.show-tickets table td .accept-ticket-success {
    color: #0ddd25;
    font-weight: 600;
}

#tickets .content.show-tickets table td .status-ticket.reply {
    color: orange;
}

#tickets .content.show-tickets table td .status-ticket.solved {
    color: #0ddd25;
}

#tickets .content.show-tickets table td .status-ticket.refused {
    color: #e01414;
}

/*==========================
          FOOTER
==========================*/

footer {
    position: relative;
    background: rgba(35, 37, 42, .48);
    z-index: 12;
}

footer .content {
    padding: 30px 0;
    border-bottom: 1px solid rgba(35, 37, 42, .48);
}

footer .content .col {
    width: 20%;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
}

footer .content .col:last-child {
    padding-right: 0;
}

footer .content .col .title {
    color: rgba(255, 255, 255, .4);
    font-weight: 500;
    margin-bottom: 15px;
}

footer .content .col a {
    font-weight: 400;
    margin-bottom: 10px;
}

footer .content .col a:hover {
    color: #f2c767 !important;
}

footer .content .col:last-child a {
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 20px;
}

footer .content .col:last-child a:last-child {
    margin-right: 0;
}

footer .content .col:first-child {
    width: 35%;
}

footer .content .col:first-child .logo {
    margin-right: 80px;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 4px;
}

footer .content .col:first-child .logo:hover {
    color: #fff !important;
}

footer .content .col:first-child .logo img {
    width: 30px;
    margin-right: 5px;
    transition: .4s all;
}

footer .content .col:first-child .desc {
    font-size: 13px;
    color: rgba(255, 255, 255, .4);
    font-weight: 400;
    line-height: 1.6;
}

footer .after-footer {
    padding: 30px 0;
    word-spacing: 4px;
}

footer .after-footer a:hover {
    color: orange !important;
}

footer .after-footer .fl.ai-c img {
    margin-right: 15px;
}

footer .after-footer .fl.ai-c img:last-child {
    margin-right: 0;
}

/*==========================
           FAQ
==========================*/

#product-wrapper.tickets.terms.faq .content .description {
    font-size: 35px;
    font-weight: 100;
    color: #fff;
    letter-spacing: 5px;
    margin-top: 20px;
}

#product-wrapper.tickets.terms.faq .content .description-support {
    font-size: 50px;
    color: #fff;
    letter-spacing: 3px;
    margin-top: 30px;
}

#product-wrapper.tickets.terms.faq .content .description-support1 {
    font-size: 30px;
    color: #fff;
    letter-spacing: 3px;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-left: 30px;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper {
    width: 50%;
    padding: 30px;
    padding-left: 0;
    padding-top: 0;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq {
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 15px;
    background: #202126;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq img {
    margin-right: 20px;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq .prename {
    color: #9fa4b0;
    margin-bottom: 10px;
}


#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq .btn-new-style {
    margin-left: auto;
}

.btn-new-style {
    border-radius: 15px;
    padding: 20px 30px;
    cursor: pointer;
    transition: .25s all;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    background: #8728b5;
    transition: .2s all;
}

.btn-new-style:hover {
    background: #aa2ee4;
}

/*==========================
        CHANGE LANG
==========================*/

.change-lang {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 999;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(35, 37, 42, .48);
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.change-lang .select-lang {
    padding: 10px 15px;
    cursor: pointer;
    transition: .3s all;
    opacity: .3;
}

.change-lang .select-lang:hover,
.change-lang .select-lang.active {
    opacity: 1;
}

/*==========================
          OTHERS
==========================*/

.fl {
    display: flex;
}

.fl.fw-w {
    flex-wrap: wrap;
}

.fl.fw-nw {
    flex-wrap: nowrap;
}

.fl.fd-c {
    flex-direction: column;
}

.fl.fd-r {
    flex-direction: row;
}

.fl.ai-s {
    align-items: flex-start;
}

.fl.ai-c {
    align-items: center;
}

.fl.ai-e {
    align-items: flex-end;
}

.fl.jc-s {
    justify-content: flex-start;
}

.fl.jc-c {
    justify-content: center;
}

.fl.jc-sb {
    justify-content: space-between;
}

.fl.jc-e {
    justify-content: flex-end;
}