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

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

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

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.bg-success {
    background: #198754 !important;
}

.bg-warning {
    background: #ffc107 !important;
}

.bg-danger {
    background: #dc3545 !important;
}

.color-success {
    color: #198754 !important;
}

.color-warning {
    color: #ffc107 !important;
}

.color-danger {
    color: #dc3545 !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
    ;
}

html,
body {
    font-family: 'Lato', sans-serif;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.header {
    float: left;
    width: 100%;
    background: #142033;
}

.header .logo {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.header .logo img {
    max-width: 100%
}

.header .header-search {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.header .header-search input {
    float: left;
    width: 90%;
    border-radius: 5px 0 0 5px;
    outline: none;
    border: none;
    padding: 15px;
}

.header .header-search button {
    float: left;
    width: 10%;
    border-radius: 0 5px 5px 0;
    border: none;
    background: #fff;
    padding: 12px;
}

.header .header-search button img {
    width: 25px;
    height: 26px
}

.header .header-login-basket {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.header .header-login-basket .header-login-btn {
    float: left;
    background: #eb484b;
    text-decoration: none;
    border-radius: 5px;
    display: block;
    padding: 10px;
    width: 160px;
    color: #fff;
}

.header .header-login-basket .header-login-btn:hover {
    opacity: .8;
    transition: 400ms;
}

.header .header-login-basket .header-login-btn img {
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 5px;
}

.header .header-login-basket .header-login-btn .header-login-btn-text {
    float: left;
    width: 90px;
    padding-left: 12px;
}

.header .header-login-basket .header-login-btn .header-login-btn-text strong {
    font-size: 13px;
    float: left;
    width: 100%;
}

.header .header-login-basket .header-login-btn .header-login-btn-text span {
    font-size: 11px;
    float: left;
    width: 100%;
}

.header .header-login-basket .header-account-btn {
    float: left;
    width: 160px;
}

.header .header-login-basket .header-account-btn #header-account-btn-dropdown {
    float: left;
    background: #eb484b;
    text-decoration: none;
    border-radius: 5px;
    display: block;
    padding: 10px;
    color: #fff;
    border: none;
    outline: none;
}

.header .header-login-basket .header-account-btn #header-account-btn-dropdown img {
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 5px
}

.header .header-login-basket .header-account-btn #header-account-btn-dropdown .header-account-btn-text {
    float: left;
    width: 90px
}

.header .header-login-basket .header-account-btn #header-account-btn-dropdown .header-account-btn-text strong {
    font-size: 13px;
    float: left;
    width: 100%
}

.header .header-login-basket .header-account-btn #header-account-btn-dropdown .header-account-btn-text span {
    font-size: 11px;
    float: left;
    width: 100%
}

.header .header-login-basket .header-account-btn .dropdown-menu {
    left: 13px;
    right: auto;
    width: 164px;
    padding: 0 10px
}

.header .header-login-basket .header-account-btn .dropdown-menu li {
    float: left;
    width: 100%
}

.header .header-login-basket .header-account-btn .dropdown-menu li a {
    display: block;
    padding: 7px 8px;
    color: #333;
    font-weight: 500
}

.header .header-login-basket .header-basket-btn {
    float: right;
    width: 160px
}

.header .header-login-basket .header-account-btn .dropdown-menu li button {
    float: left;
    width: 100%;
    display: block;
    background: #0a7fe3;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 1px solid #0a7fe3;
    transition: 400ms;
    margin-bottom: 10px;
    border-radius: 3px
}

.header .header-login-basket .header-account-btn .dropdown-menu li button:hover {
    color: #0a7fe3;
    background: #fff
}

.header .header-login-basket .header-basket-btn button.dropdown-toggle {
    float: left;
    width: 100%;
    background: transparent;
    border-radius: 5px;
    border: 2px solid #5d6b82;
    color: #fff;
    position: relative;
    outline: none;
    padding: 8px 12px;
    transition: 400ms
}

.header .header-login-basket .header-basket-btn button.dropdown-toggle:hover {
    opacity: .5
}

.header .header-login-basket .header-basket-btn button.dropdown-toggle img {
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 5px
}

.header .header-login-basket .header-basket-btn button.dropdown-toggle .basket-couter {
    position: absolute;
    background: #fff;
    color: #142033;
    width: 17px;
    height: 17px;
    border-radius: 20px;
    font-size: 11px;
    left: 25px;
    top: 6px
}

.header .header-login-basket .header-basket-btn button.dropdown-toggle .basket-text {
    float: left;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 9px
}

.header .header-login-basket .header-basket-btn button.dropdown-toggle .basket-text span {
    color: #5d6b82
}

.header .header-login-basket .header-basket-btn .dropdown-menu {
    min-width: 350px;
    right: 0;
    left: auto;
    padding: 15px
}

.header .header-login-basket .header-basket-btn .dropdown-menu .basket-dropdown-close {
    float: right;
    padding: 9px 15px;
    background: #eb484b;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
    display: none
}

.header .header-login-basket .header-basket-btn .dropdown-menu li {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.header .header-login-basket .header-basket-btn .dropdown-menu li .dropdown-menu-img {
    float: left;
    width: 20%
}

.header .header-login-basket .header-basket-btn .dropdown-menu li .dropdown-menu-img img {
    max-width: 100%;
    max-height: 75px
}

.header .header-login-basket .header-basket-btn .dropdown-menu li h4 {
    float: left;
    width: 80%;
    margin-top: 3px;
    padding-left: 15px;
    margin-bottom: 0
}

.header .header-login-basket .header-basket-btn .dropdown-menu li h4 button {
    float: right;
    background: #fff;
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
    margin-top: -8px
}

.header .header-login-basket .header-basket-btn .dropdown-menu li h4 button img {
    max-width: 100%;
    width: 100%
}

.header .header-login-basket .header-basket-btn .dropdown-menu li span {
    float: left;
    width: 80%;
    padding-left: 15px
}

.header .header-login-basket .header-basket-btn .dropdown-menu li span b {
    color: #eb484b
}

.header .header-login-basket .header-basket-btn .dropdown-menu-bottom {
    float: left;
    width: 100%;
    border-top: 1px solid #ddd
}

.header .header-login-basket .header-basket-btn .dropdown-menu-bottom h4 {
    float: left;
    width: 100%;
    font-size: 15px
}

.header .header-login-basket .header-basket-btn .dropdown-menu-bottom a {
    float: left;
    width: 100%;
    display: block;
    background: #eb484b;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 1px solid #eb484b;
    transition: 400ms
}

.header .header-login-basket .header-basket-btn .dropdown-menu-bottom a:hover {
    color: #eb484b;
    background: #fff
}

.header .header-menu {
    float: left;
    width: 100%;
    margin-top: 20px
}

.header .header-menu ul {
    margin: 0;
    padding: 0
}

.header .header-menu ul li {
    list-style: none;
    float: left;
    margin-right: 10px
}

.header .header-menu ul li a {
    display: block;
    color: #5d6b82;
    font-weight: 600;
    font-size: 14px;
    padding: 18px 10px;
    text-decoration: none;
    position: relative;
    transition: 400ms
}

.header .header-menu ul li a:hover {
    color: #fff
}

.header .header-menu ul li a.active:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #eb484b
}

.header .header-menu ul li a.active {
    color: #fff
}

.header .header-menu-right {
    float: right;
    margin-top: 35px
}

.header .header-menu-right .header-menu-right-support {
    float: left
}

.header .header-menu-right .header-menu-right-support a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    transition: 400ms
}

.header .header-menu-right .header-menu-right-support a:hover {
    opacity: .5
}

.header .header-menu-right .header-menu-right-support a img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    margin-top: -5px
}

.header .header-menu-right .header-menu-right-language {
    float: left;
    margin-left: 30px
}

.header .header-menu-right .header-menu-right-language button {
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    padding: 0;
    font-size: 12px;
    transition: 400ms
}

.header .header-menu-right .header-menu-right-language button:hover {
    opacity: .5
}

.header .header-menu-right .header-menu-right-language button span img {
    transform: rotate(90deg);
    width: 18px;
    height: 18px;
    margin-top: -2px
}

.header .header-menu-right .header-menu-right-language button img {
    width: 20px;
    height: 20px;
    margin-right: 3px
}

.header .header-menu-right .header-menu-right-language ul.dropdown-menu {
    right: 0;
    left: auto;
    background: #142033;
    padding: 0;
    min-width: 100px;
    border: 1px solid #ddd
}

.header .header-menu-right .header-menu-right-language ul.dropdown-menu li {
    float: left;
    width: 100%
}

.header .header-menu-right .header-menu-right-language ul.dropdown-menu li a {
    color: #fff;
    transition: 400ms
}

.header .header-menu-right .header-menu-right-language ul.dropdown-menu li a:hover {
    color: #5d6b82;
    background-color: #fff
}

.header .header-menu-right .header-menu-right-language ul.dropdown-menu li a img {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.index-slider {
    float: left;
    width: 100%;
    background: #142033;
    max-height: 600px;
    overflow: hidden
}

.index-slider .carousel-control {
    background: #2b2c36;
    opacity: 1;
    position: absolute;
    top: 33%;
    width: 45px;
    height: 70px;
    overflow: hidden;
    padding: 0;
    margin: 0 40px;
    border-radius: 5px;
    transition: 400ms
}

.index-slider .carousel-control:hover {
    opacity: .8
}

.index-slider .carousel-control img {
    width: 30px;
    height: 30px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto
}

.index-slider .item img {
    opacity: .7;
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.index-slider .item .item-text {
    position: absolute;
    left: 17%;
    top: 22%;
    max-width: 950px
}

.index-slider .item .item-text h1 {
    font-size: 45px;
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

.index-slider .item .item-text h2 {
    float: left;
    width: 100%;
    margin: 20px 0;
    color: #ff8711;
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase
}

.index-slider .item .item-text a {
    float: left;
    display: block;
    text-decoration: none;
    background: #0a7fe3;
    color: #fff;
    padding: 13px 30px;
    border-radius: 5px;
    margin-top: 20px;
    border: 1px solid #0a7fe3;
    transition: 400ms
}

.index-slider .item .item-text a:hover {
    opacity: .7
}

.index-slider .item .item-text img {
    opacity: 1;
    max-width: 280px;
    margin-bottom: 20px
}

.index-announcement {
    float: left;
    width: 100%;
    background: #142033;
    overflow: hidden;
    position: relative
}

.index-announcement:before {
    content: "";
    background: #eb484b;
    width: 141px;
    height: 80px;
    position: absolute;
    left: -58px;
    bottom: -27px;
    transform: rotate(45deg)
}

.index-announcement:after {
    content: "";
    background: #eb484b;
    width: 141px;
    height: 80px;
    position: absolute;
    right: -58px;
    bottom: -27px;
    transform: rotate(-45deg)
}

.index-announcement h3 {
    float: left;
    width: 20%;
    margin: 0;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background: #20314c;
    padding: 20px 0;
    font-size: 16px;
    position: relative
}

.index-announcement h3:before {
    content: "";
    position: absolute;
    right: -10px;
    background: #20314c;
    width: 25px;
    height: 25px;
    z-index: 99;
    transform: rotate(45deg)
}

.index-announcement ul {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0
}

.index-announcement ul li {
    list-style: none;
    float: left;
    padding: 0 5px
}

.index-announcement ul li a {
    display: inline-block;
    text-decoration: none;
    width: 61px;
    height: 61px;
    overflow: hidden;
    border-radius: 50%;
    transition: 200ms;
    border: 3px solid transparent;
    box-shadow: 0 0 10px #000000db
}

.index-announcement ul li a:hover {
    border-color: #eb484b
}

.index-announcement ul li a img {
    max-width: 100%
}

.index-carousel {
    float: left;
    width: 100%;
    background: #16141f;
    padding-top: 40px
}

.index-carousel .index-carousel-title {
    float: left;
    width: 100%
}

.index-carousel .index-carousel-title h3 {
    float: left;
    color: #f48315;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px
}

.index-carousel .index-carousel-title .index-carousel-controller {
    float: right;
    margin-top: 20px
}

.index-carousel .index-carousel-title .index-carousel-controller button {
    display: inline-block;
    background: #222c3b;
    border: none;
    outline: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    cursor: pointer;
    text-align: center
}

.index-carousel .owl-carousel {
    float: left;
    width: 100%;
    position: relative
}

.index-carousel .owl-carousel:before {
    content: "";
    background: #000000b8;
    position: absolute;
    left: 0;
    top: 0;
    height: 400px;
    border-radius: 0 5px 5px 0;
    width: 11.2%;
    z-index: 999;
    display: none
}

.index-carousel .owl-carousel:after {
    content: "";
    background: #000000b8;
    position: absolute;
    right: 0;
    top: 0;
    width: 11.2%;
    height: 400px;
    border-radius: 5px 0 0 5px;
    display: none
}

.index-carousel .index-carousel-item {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid #213649;
    border-radius: 5px;
    height: 350px
}

.index-carousel .index-carousel-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent, #101521cf)
}

.index-carousel .index-carousel-item img {
    height: 100%
}

.index-carousel .index-carousel-item span {
    position: absolute;
    left: 20px;
    bottom: 47px;
    font-size: 10px;
    color: #fff;
    font-weight: 600;
    width: 115px;
    display: block;
    text-transform: uppercase
}

.index-carousel .index-carousel-item a {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 32px;
    text-decoration: none;
    border: 2px solid #63636b;
    width: 35px;
    height: 30px;
    border-radius: 5px;
    text-align: center
}

.index-carousel .index-carousel-item a:hover {
    opacity: .6
}

.index-carousel .index-carousel-item a img {
    margin-left: auto;
    margin-right: auto;
    width: 15px !important;
    height: 14px;
    margin-top: 6px;
    opacity: 1
}

.index-about {
    float: left;
    width: 100%;
    background-color: #27252f;
    padding-top: 100px;
    position: relative
}

.index-about:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url(../images/index-about-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .2;
    height: 700px
}

.index-about .index-about-top {
    float: left;
    width: 100%
}

.index-about .index-about-top .index-about-top-title {
    float: left;
    width: 100%;
    text-align: center;
    color: #f48315;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 100px;
    position: relative
}

.index-about .index-about-top .index-about-top-title:before {
    content: "";
    position: absolute;
    left: 50px;
    top: 9px;
    height: 1px;
    width: 100px;
    background: #fff
}

.index-about .index-about-top .index-about-top-title:after {
    content: "";
    position: absolute;
    right: 50px;
    top: 9px;
    height: 1px;
    width: 100px;
    background: #fff
}

.index-about .index-about-top .index-about-top-item {
    float: left;
    width: 100%;
    text-align: center
}

.index-about .index-about-top .index-about-top-item img {
    width: 70px;
    height: 70px;
    transition: 200ms
}

.index-about .index-about-top .index-about-top-item:hover>img {
    transform: translateY(-0.55rem)
}

.index-about .index-about-top .index-about-top-item h3 {
    font-size: 18px;
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 30px 0
}

.index-about .index-about-top .index-about-top-item p {
    float: left;
    width: 100%;
    color: #717271;
    text-align: center;
    font-size: 15px
}

.index-about .index-about-bottom {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 100px
}

.index-about .index-about-bottom li {
    list-style: none;
    float: left;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 40px;
    height: 300px;
    background-color: #27252f;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.index-about .index-about-bottom li:nth-child(1) {
    width: 63%;
    margin-right: 40px
}

.index-about .index-about-bottom li:nth-child(2) {
    width: 30%
}

.index-about .index-about-bottom li:nth-child(3) {
    width: 30%;
    margin-right: 40px
}

.index-about .index-about-bottom li:nth-child(4) {
    width: 63%
}

.index-about .index-about-bottom li:nth-child(5) {
    width: 63%;
    margin-right: 40px
}

.index-about .index-about-bottom li:nth-child(6) {
    width: 30%
}

.index-about .index-about-bottom li:nth-child(7) {
    width: 30%;
    margin-right: 40px
}

.index-about .index-about-bottom li:nth-child(8) {
    width: 63%
}

.index-about .index-about-bottom li span {
    position: absolute;
    left: 28px;
    top: 40px;
    overflow: hidden;
    max-width: 200px
}

.index-about .index-about-bottom li span img {
    max-width: 100%
}

.index-about .index-about-bottom li h3 {
    position: absolute;
    left: 28px;
    bottom: 45px;
    color: #fff;
    font-weight: 900;
    font-size: 23px;
    text-transform: uppercase;
    max-width: 226px
}

.index-about .index-about-bottom li h3 p {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-transform: initial;
    margin-top: 10px
}

.index-about .index-about-bottom li a {
    position: absolute;
    right: 30px;
    bottom: 19px;
    width: 40px;
    height: 40px;
    border: 1px solid #908f90;
    border-radius: 5px;
    overflow: hidden
}

.index-about .index-about-bottom li a:before {
    content: "";
    background: url(../images/icons/play-button.png);
    width: 15px;
    height: 15px;
    position: absolute;
    background-size: cover !important;
    margin-left: 12px;
    margin-top: 11px
}

.index-about .index-about-bottom li a:hover {
    opacity: .6
}

.index-about .index-about-bottom li:before {
    content: "";
    position: absolute;
    background: #0000009e;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.index-about .index-about-bottom li:nth-child(1) strong {
    color: #ec484b
}

.index-about .index-about-bottom li:nth-child(2) strong {
    color: #17ad08
}

.index-about .index-about-bottom li:nth-child(3) strong {
    color: #f48315
}

.index-about .index-about-bottom li:nth-child(4) strong {
    color: #0a85ee
}

.index-about .index-about-bottom li:nth-child(1) a:before {
    background: url(../images/icons/play-button-4.png)
}

.index-about .index-about-bottom li:nth-child(2) a:before {
    background: url(../images/icons/play-button-2.png)
}

.index-about .index-about-bottom li:nth-child(4) a:before {
    background: url(../images/icons/play-button-3.png)
}

.index-video {
    float: left;
    width: 100%;
    background: #0e131f;
    padding: 50px 0
}

.index-video .index-video-item .modal-body {
    padding: 0
}

.index-video .index-video-item .modal-body iframe {
    width: 100%;
    height: 400px;
    border: none
}

.index-video .index-video-item .modal-content {
    background: #0e131f
}

.index-video .index-video-item .modal-header .close {
    color: #fff
}

.index-video .index-video-item .modal-header {
    border: none
}

.index-video .index-video-item .modal-footer {
    border: none;
    text-align: center
}

.index-video .index-video-item .modal-footer button {
    background: #eb484b;
    color: #fff;
    outline: none;
    border: 1px solid #eb484b;
    font-size: 15px;
    padding: 10px 15px;
    transition: 400ms
}

.index-video .index-video-item .modal-footer button:hover {
    background: transparent;
    color: #eb484b
}

.index-video .index-video-img {
    float: left;
    width: 100%;
    overflow: hidden
}

.index-video .index-video-img img {
    max-width: 100%
}

.index-video .index-video-title {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.index-video .index-video-title img {
    max-width: 100%;
    margin: 0 auto;
    max-height: 125px
}

.index-video .index-video-title h2 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 34px;
    padding: 0 30px
}

.index-video .index-video-title span {
    float: left;
    width: 100%;
    color: #717271;
    padding: 0 30px;
    font-size: 15px;
    margin-bottom: 20px
}

.index-video .index-video-item {
    float: left;
    width: 100%;
    border-radius: 10px;
    overflow: hidden
}

.index-video .index-video-item .index-carousel-item-img {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative
}

.index-video .index-video-item .index-carousel-item-img img {
    max-width: 100%;
    max-height: 100%
}

.index-video .index-video-item .index-carousel-item-img button {
    position: absolute;
    top: 25%;
    right: 29%;
    width: 80px;
    height: 80px;
    overflow: hidden;
    outline: none;
    background: transparent;
    border: none;
    transition: 300ms
}

.index-video .index-video-item:hover>.index-carousel-item-img button {
    opacity: .4
}

.index-video .index-video-item-all {
    float: left;
    width: 100%;
    position: relative
}

.index-video .index-video-item-all .index-video-item-all-button {
    width: 300px;
    margin: 20px auto;
    overflow: hidden
}

.index-video .index-video-item-all .index-video-item-all-button img {
    float: left;
    margin: 5px 0
}

.index-video .index-video-item-all .index-video-item-all-button a {
    background: #eb484b;
    display: block;
    text-align: center;
    color: #fff;
    width: 150px;
    padding: 15px 0;
    margin: 0 5px;
    border-radius: 50px;
    text-decoration: none;
    float: left;
    transition: 400ms
}

.index-video .index-video-item-all .index-video-item-all-button a:hover {
    opacity: .7
}

.index-video .index-video-item-all span {
    float: left;
    width: 100%;
    color: #717271;
    padding: 0 40px;
    text-align: center
}

.gamepintr-about {
    float: left;
    width: 100%;
    background: #141721;
    position: relative
}

.gamepintr-about .container {
    max-width: 700px
}

.gamepintr-about:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url(../images/csgo-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .2;
    height: 1200px
}

.gamepintr-about .gamepintr-about-title {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    position: relative;
    padding-bottom: 80px;
    margin-bottom: 50px
}

.gamepintr-about .gamepintr-about-title:before {
    content: "";
    position: absolute;
    left: 47%;
    bottom: 0;
    background: url(../images/icons/about-arrow.png);
    width: 40px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.gamepintr-about .gamepintr-about-title img {
    width: 180px;
    height: 40px
}

.gamepintr-about .gamepintr-about-title h3 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #fff
}

.gamepintr-about .gamepintr-about-content {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.gamepintr-about .gamepintr-about-content .gamepintr-about-content-item {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    text-align: center
}

.gamepintr-about .gamepintr-about-content .gamepintr-about-content-item h2 {
    display: block;
    color: #fff;
    font-size: 18px;
    background: #935b9770;
    padding: 15px 25px;
    border-radius: 2px;
    border: 1px solid #2d2f3e;
    width: 450px;
    font-weight: 600;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    box-shadow: 3px -11px 75px 24px #935b976b
}

.gamepintr-about .gamepintr-about-content .gamepintr-about-content-item p {
    float: left;
    width: 100%;
    color: #959195;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 27px
}

.index-comments {
    float: left;
    width: 100%;
    background-color: #16141f;
    background-image: url(../images/comment-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 520px
}

.index-comments .container {
    max-width: 700px;
    position: relative
}

.index-comments .index-comments-title {
    float: left;
    width: 100%;
    font-weight: 600;
    color: #f48315;
    font-size: 18px;
    text-align: center;
    margin-top: 118px
}

.index-comments .index-comments-controller button {
    display: inline-block;
    background: #222c3b;
    border: none;
    outline: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    cursor: pointer;
    z-index: 999
}

.index-comments .index-comments-controller .index-comments-controller-left-btn {
    position: absolute;
    left: -42px;
    top: 175px
}

.index-comments .index-comments-controller .index-comments-controller-right-btn {
    position: absolute;
    right: -42px;
    top: 175px
}

.index-comments .owl-carousel {
    overflow: hidden
}

.index-comments .comments-carousel-item h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 26px
}

.index-comments .comments-carousel-item span {
    float: left;
    width: 100%;
    text-align: center;
    color: #7b7c7e
}

.index-comments .index-comments-bottom {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.index-comments .index-comments-bottom a {
    display: inline-flex;
    background: #f48315;
    text-decoration: none;
    color: #fff;
    padding: 10px 40px;
    border-radius: 5px
}

.index-comments .index-comments-bottom a:hover {
    opacity: .7;
    transition: 400ms
}

.footer {
    float: left;
    width: 100%;
    background: #0e131f
}

.footer .footer-top {
    float: left;
    width: 100%;
    background: #26242f;
    padding: 20px 0
}

.footer .footer-top img {
    margin-right: 41px
}

.footer .footer-content {
    float: left;
    width: 100%
}

.footer .footer-content .footer-content-about {
    float: left;
    width: 100%;
    margin-top: 30px
}

.footer .footer-content .footer-content-about img {
    margin: 0 auto;
    width: 200px
}

.footer .footer-content .footer-content-about p {
    float: left;
    width: 100%;
    margin-top: 20px;
    color: #fff;
    line-height: 25px;
    font-size: 15px;
    padding-right: 30px
}

.footer .footer-content .footer-content-about ul {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 40px
}

.footer .footer-content .footer-content-about ul li {
    list-style: none;
    float: left
}

.footer .footer-content .footer-content-about ul li a {
    display: block;
    text-decoration: none;
    margin-right: 10px;
    text-align: center;
    background: #26242f;
    width: 35px;
    height: 35px;
    font-size: 18px;
    padding: 5px 0;
    border-radius: 5px;
    color: #a8a7ac;
    transition: 400ms
}

.footer .footer-content .footer-content-about ul li.facebook a:hover {
    background: #3B5998;
    color: #fff
}

.footer .footer-content .footer-content-about ul li.twitter a:hover {
    background: #55ACEE;
    color: #fff
}

.footer .footer-content .footer-content-about ul li.instagram a:hover {
    background: #125688;
    color: #fff
}

.footer .footer-content .footer-content-about ul li.pinterest a:hover {
    background: #cb2027;
    color: #fff
}

.footer .footer-content .footer-content-about ul li.youtube a:hover {
    background: #b00;
    color: #fff
}

.footer .footer-content .footer-content-about ul li.google-plus a:hover {
    background: #dd4b39;
    color: #fff
}

.footer .footer-content .footer-content-menu {
    float: left;
    width: 100%;
    margin-top: 50px
}

.footer .footer-content .footer-content-menu ul {
    float: left;
    width: 33.33%
}

.footer .footer-content .footer-content-menu h3 {
    margin-top: 0;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px
}

.footer .footer-content .footer-content-menu ul li {
    list-style: none;
    width: 100%;
    margin-bottom: 10px
}

.footer .footer-content .footer-content-menu ul li a {
    display: inline-block;
    text-decoration: none;
    color: #959195;
    font-size: 15px
}

.footer .footer-content .footer-content-menu ul li a:hover {
    color: #f48315
}

.footer .footer-bottom {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    font-size: 14px;
    background: #0a0f19;
    padding: 20px 0
}

.back-to-top {
    position: fixed;
    right: -200px;
    bottom: 20px;
    z-index: 999999;
    background: #eb484b;
    border: 1px solid #eb484b;
    padding: 10px;
    border-radius: 5px;
    visibility: hidden;
    transition: 400ms
}

.back-to-top:hover {
    opacity: .7
}

.back-to-top img {
    transform: rotate(-90deg)
}

.back-to-top-show {
    right: 20px;
    visibility: visible;
    transition: 400ms
}

.m-menu-close {
    float: left;
    width: 100%;
    padding: 0 5px;
    margin-bottom: 15px;
    margin-left: -400px;
    display: none;
    transition: 200ms
}

.m-menu-close .fas {
    float: right;
    padding: 9px 15px;
    background: #eb484b;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 5px
}

.header .mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    background: #142033;
    border-top: 1px solid #5d6b82;
    display: none
}

.header .mobile-menu ul {
    padding: 0;
    margin: 0
}

.header .mobile-menu ul li {
    float: left;
    width: 25%;
    list-style: none
}

.header .mobile-menu ul li a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    color: #5d6b82
}

.header .mobile-menu ul li a i {
    font-size: 20px
}

.header .mobile-menu ul li a span {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 3px
}

.login-page {
    float: left;
    width: 100%;
    background: #16141f;
    position: relative;
    z-index: 1
}

.login-page:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/login-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .4
}

.login-page .container {
    max-width: 550px
}

.login-page .login-content {
    float: left;
    width: 100%;
    margin: 100px 0;
    background: #142033;
    border-radius: 5px;
    padding: 30px 50px 50px;
    z-index: 2;
    position: relative
}

.login-page .login-content .login-page-title {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center
}

.login-page .login-content .login-page-title-bottom {
    float: left;
    width: 100%;
    margin: 20px 0
}

.login-page .login-content .login-page-title-bottom a {
    float: left;
    width: 45%;
    border: 1px solid #5d6b82;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 12px;
    border-radius: 5px;
    transition: 400ms
}

.login-page .login-content .login-page-title-bottom a:hover {
    border-color: #eb484b;
    color: #eb484b
}

.login-page .login-content .login-page-title-bottom a:last-child {
    float: right
}

.login-page .login-content .login-page-title-bottom a.active {
    background: #eb484b;
    border-color: #eb484b;
    cursor: no-drop;
    color: #fff !important
}

.login-page .login-content ul.login-form-socials {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0
}

.login-page .login-content ul.login-form-socials li {
    list-style: none;
    float: left
}

.login-page .login-content ul.login-form-socials li a {
    display: inline-block;
    color: #5d6b82;
    font-size: 30px;
    text-decoration: none;
    padding: 10px;
    margin: 0 19px;
    transition: 300ms
}

.login-page .login-content ul.login-form-socials li a:hover {
    color: #fff
}

.login-page .login-content ul.login-form-socials span {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff
}

.login-page .login-content .login-form {
    float: left;
    width: 100%
}

.login-page .login-content .login-form input {
    float: left;
    width: 100%;
    font-size: 16px;
    padding: 13px;
    border: 1px solid #5d6b82;
    border-radius: 5px;
    outline: none;
    margin-bottom: 15px
}

.login-page .login-content .login-form input[type="checkbox"] {
    visibility: hidden;
    width: 10px;
    height: 10px;
    position: absolute
}

.login-page .login-content .login-form .form-check-label {
    float: left;
    color: #fff;
    cursor: pointer
}

.login-page .login-content .login-form .form-check-label span {
    width: 20px;
    height: 20px;
    background: #fff;
    float: left;
    border-radius: 2px;
    margin-right: 5px;
    position: relative
}

.login-page .login-content .login-form .form-check-label span:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 3px;
    border-left: 3px solid #eb484b;
    border-bottom: 3px solid #eb484b;
    width: 17px;
    height: 10px;
    transform: rotate(313deg);
    visibility: hidden
}

.login-page .login-content .login-form input[type="checkbox"]:checked~span:before {
    visibility: visible
}

.login-page .login-content .login-form .reset-password {
    float: right
}

.login-page .login-content .login-form input[type="submit"] {
    border: 1px solid #f48315;
    background: #f48315;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    padding: 13px;
    margin-top: 25px;
    transition: 300ms
}

.login-page .login-content .login-form input[type="submit"]:hover {
    opacity: .7
}

.product-detail-page {
    float: left;
    width: 100%;
    background: #16141f
}

.product-detail-page .product-detail-page-headline {
    float: left;
    width: 100%;
    background: #0a0f19;
    padding: 25px 50px;
    position: relative
}

.product-detail-page .product-detail-page-headline:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid #965c98;
    box-shadow: 0 0 4px 3px #935b976b
}

.product-detail-page .product-detail-page-headline:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    border-bottom: 3px solid #9bb3c7
}

.product-detail-page .product-detail-page-headline h1 {
    float: left;
    color: #5d6b82;
    font-size: 18px
}

.product-detail-page .product-detail-page-headline ul {
    float: right;
    padding: 0;
    margin-top: 16px
}

.product-detail-page .product-detail-page-headline ul li {
    list-style: none;
    float: left;
    color: #5d6b82;
    position: relative;
    padding: 0 4px;
    font-size: 16px;
    margin-left: 5px
}

.product-detail-page .product-detail-page-headline ul li a {
    display: inline-block;
    color: #fff;
    padding: 0 8px
}

.product-detail-page .product-detail-page-headline ul li a:before {
    content: "/";
    position: absolute;
    right: 0;
    top: 0
}

.product-detail-page .product-detail-wrap {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 5px;
    margin: 30px 0;
    padding: 15px
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image {
    float: left;
    width: 45%;
    overflow: hidden;
    border-radius: 5px;
    text-align: center
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image img {
    max-width: 100%;
    max-height: 470px
}

.product-detail-page .product-detail-wrap .product-detail-info {
    float: left;
    width: 55%;
    overflow: hidden
}

.product-detail-page .product-detail-wrap .product-detail-info ul {
    margin-left: 15px;
    float: left;
    background: #171822;
    padding: 15px;
    border-radius: 2px;
    margin-bottom: 15px
}

.product-detail-page .product-detail-wrap .product-detail-info ul li {
    list-style: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #25273a
}

.product-detail-page .product-detail-wrap .product-detail-info ul li:last-child {
    border-color: transparent
}

.product-detail-page .product-detail-wrap .product-detail-info ul li span {
    float: left;
    width: 50%;
    color: #fff;
    font-size: 15px;
    padding: 7px 0
}

.product-detail-page .product-detail-wrap .product-detail-info ul li span img {
    max-width: 20px;
    position: relative;
    margin-left: 5px
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around {
    float: left;
    width: 100%;
    margin-left: 15px;
    background: #171822;
    padding: 15px;
    border-radius: 2px
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .stock {
    float: left;
    width: 30%
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .stock i {
    float: left;
    color: #fff;
    font-size: 35px;
    width: 30%
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .stock .stock-info {
    float: left;
    width: 70%;
    padding-left: 10px
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .stock .stock-info p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0;
    font-weight: 600
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .stock .stock-info p.stock-ok {
    color: #198754
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .point {
    float: left;
    width: 30%
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .point i {
    float: left;
    width: 30%;
    color: #fff;
    font-size: 30px
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .point-info {
    float: left;
    width: 70%;
    padding-left: 10px
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .point-info p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0;
    font-weight: 600
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .point-info p.point-ok {
    color: #ffc107;
    padding-left: 8px
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .epin {
    float: left;
    width: 40%
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .epin i {
    float: left;
    width: 30%;
    color: #fff;
    font-size: 35px
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .epin-info {
    float: left;
    width: 70%
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .epin-info p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0;
    font-weight: 600;
    max-width: 100%
}

.product-detail-page .product-detail-wrap .wrap-layout-space-around .epin-info p.epin-ok {
    color: #198754
}

.product-detail-page .product-detail-wrap .product-detail-price {
    float: left;
    width: 100%;
    background: #171822;
    margin-left: 15px;
    border-radius: 2px;
    margin-top: 15px;
    overflow: hidden
}

.product-detail-page .product-detail-wrap .product-detail-price .product-detail-price-icon {
    float: left;
    background: #eb484b;
    width: 70px;
    height: 55px;
    text-align: center;
    position: relative;
    display: block;
    margin-right: 47px;
    z-index: 1
}

.product-detail-page .product-detail-wrap .product-detail-price .product-detail-price-icon:before {
    content: "";
    position: absolute;
    right: -21px;
    top: 6px;
    width: 42px;
    height: 42px;
    background: #eb484b;
    transform: rotate(45deg);
    z-index: -1;
    display: block
}

.product-detail-page .product-detail-wrap .product-detail-price .product-detail-price-icon img {
    max-width: 100%;
    margin-top: 11px
}

.product-detail-page .product-detail-wrap .product-detail-price .product-detail-price-new {
    float: left;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin-top: 9px;
    margin-right: 30px
}

.product-detail-page .product-detail-wrap .product-detail-price .product-detail-price-old {
    float: left;
    font-size: 20px;
    color: #eb484b;
    font-weight: 600;
    margin-top: 13px;
    text-decoration: line-through
}

.product-detail-page .product-detail-wrap .product-detail-button {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-left: 15px;
    padding-right: 15px
}

.product-detail-page .product-detail-wrap .product-detail-button input {
    float: left;
    background: #171822;
    border: 1px solid #ddd;
    outline: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0 10px 10px;
    width: 120px;
    border-radius: 5px;
    position: relative;
    background-image: url(../images/icons/scroll.png);
    background-position: center right;
    background-size: 24% 76%;
    background-repeat: no-repeat
}

.product-detail-page .product-detail-wrap .product-detail-button input:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: red
}

.product-detail-page .product-detail-wrap .product-detail-button button {
    float: right;
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    width: 190px
}

.product-detail-page .product-detail-wrap .product-detail-button button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.product-detail-page .product-detail-wrap .product-detail-button button img {
    max-width: 28px;
    margin-left: 20px
}

.product-detail-page .product-detail-wrap .product-detail-button input[type=number]::-webkit-inner-spin-button,
.product-detail-page .product-detail-wrap .product-detail-button input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    opacity: 1 !important;
    background: transparent !important;
    border-width: 0;
    margin: 0;
    border-left: 1px solid #ddd;
    height: 40px;
    width: 30px;
    cursor: pointer
}

.product-detail-page .product-detail-services {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 5px;
    padding: 15px;
    margin: 30px 0
}

.product-detail-page .product-detail-services .product-detail-services-item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    background: #171822;
    border-radius: 2px
}

.product-detail-page .product-detail-services .product-detail-services-item .product-detail-services-item-icon {
    float: left;
    width: 50px;
    height: 50px;
    background: #eb484b;
    overflow: hidden;
    border-radius: 50px;
    margin: 30px 15px 0 21px;
    text-align: center
}

.product-detail-page .product-detail-services .product-detail-services-item .product-detail-services-item-icon img {
    max-width: 26px;
    margin-top: 12px
}

.product-detail-page .product-detail-services .product-detail-services-item .product-detail-services-item-info {
    float: left;
    max-width: 70%
}

.product-detail-page .product-detail-services .product-detail-services-item .product-detail-services-item-info h3 {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 5px
}

.product-detail-page .product-detail-services .product-detail-services-item .product-detail-services-item-info p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin-bottom: 19px;
    max-width: 300px
}

.product-detail-page .product-detail-tabs-menu {
    float: left;
    width: 100%;
    background: #0e131f;
    padding-left: 0;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0
}

.product-detail-page .product-detail-tabs-menu li {
    list-style: none;
    float: left;
    width: 25%;
    position: relative;
    border-bottom: 1px solid #171822;
    border-right: 1px solid #171822
}

.product-detail-page .product-detail-tabs-menu li:last-child {
    border-right: none
}

.product-detail-page .product-detail-tabs-menu li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    visibility: hidden;
    background: #eb484b;
    transition: 400ms
}

.product-detail-page .product-detail-tabs-menu li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    transition: 400ms
}

.product-detail-page .product-detail-tabs-menu li.active:before {
    visibility: visible;
    width: 100%
}

.product-detail-page .product-detail-tabs-menu li.active a {
    color: #eb484b
}

.product-detail-page .product-detail-tabs-content {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 0 0 5px 5px;
    margin-bottom: 50px;
    padding: 15px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar {
    float: left;
    width: 100%
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item {
    float: left;
    width: 100%;
    background: #171822;
    padding: 15px;
    margin-bottom: 15px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-item-img {
    float: left;
    width: 100px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-item-img img {
    max-width: 100%
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-name {
    float: left;
    width: 25%;
    margin-left: 20px;
    margin-top: 41px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-name a {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    transition: 400ms;
    font-size: 19px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-name a:hover {
    color: #eb484b
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-name p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: center
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-name p:last-child {
    font-size: 14px;
    color: #5d6b82;
    margin-top: 5px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-stock {
    float: left;
    width: 10%;
    margin-top: 48px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-stock i {
    color: #fff;
    font-size: 35px;
    float: left
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-stock p {
    color: #198754;
    float: left;
    margin-left: 10px;
    font-weight: 600;
    margin-top: 9px;
    font-size: 17px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-price {
    float: left;
    width: 15%;
    margin-top: 44px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-price p {
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    font-size: 19px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-price p:first-child {
    color: #eb484b;
    text-decoration: line-through;
    font-size: 15px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-input {
    float: left;
    margin-top: 47px;
    width: 20%
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-input input {
    background: #0e131f;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0 10px 10px;
    width: 120px;
    position: relative;
    background-image: url(../images/icons/scroll.png);
    background-position: center right;
    background-size: 24% 76%;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-input input[type=number]::-webkit-inner-spin-button,
.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    opacity: 1 !important;
    background: transparent !important;
    border-width: 0;
    margin: 0;
    border-left: 1px solid #ddd;
    height: 40px;
    width: 30px;
    cursor: pointer
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item button {
    float: right;
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    margin-right: 20px;
    margin-top: 40px;
    width: 190px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item button img {
    margin-left: 10px;
    max-width: 28px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item-stock-no .product-detail-similar-stock i {
    color: #eb484b
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item-stock-no .product-detail-similar-stock p {
    color: #eb484b
}

.product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item-stock-no button {
    background: #eb484b
}

.product-detail-page .product-detail-tabs-content .product-detail-comments {
    float: left;
    width: 100%;
    margin-top: 15px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress {
    float: left;
    width: 75%;
    border: 1px solid #171822;
    padding: 20px;
    border-radius: 3px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item {
    float: left;
    width: 100%
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item .product-detail-comments-progress-item-rating {
    float: left;
    margin-right: 15px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item .product-detail-comments-progress-item-rating span {
    float: left;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
    width: 90px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item .product-detail-comments-progress-item-rating i {
    float: left;
    font-size: 17px;
    margin-right: 5px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item .product-detail-comments-progress-item-rating i.active {
    color: #ffc107
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item .progress {
    text-align: center;
    background-color: #171822
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item .progress .progress-bar {
    background-color: #198754
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item .progress .progress-bar p {
    font-weight: 600;
    color: #fff
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-charts {
    float: left;
    width: 25%
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-charts .product-detail-comments-charts-item {
    width: 200px;
    height: 200px;
    border: 4px solid #1cbff8;
    border-radius: 100%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-charts .product-detail-comments-charts-item h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-top: 34px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-charts .product-detail-comments-charts-item p {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 600
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-charts .product-detail-comments-charts-item span {
    float: left;
    width: 100%;
    text-align: center
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-charts .product-detail-comments-charts-item span i {
    margin-right: 2px;
    color: #ffc107;
    font-size: 17px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content {
    float: left;
    width: 100%;
    border-top: 1px solid #171822;
    margin-top: 20px;
    padding: 50px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-content-item-avatar {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 20px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-content-item-avatar img {
    max-width: 100%
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content {
    float: left;
    width: 80%;
    background: #171822;
    padding: 10px;
    border-radius: 3px;
    min-height: 150px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline {
    float: left;
    width: 100%
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .info {
    float: left
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .info p {
    float: left;
    color: #fff;
    font-size: 19px;
    margin-right: 15px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .info span {
    float: left;
    color: #fff;
    font-weight: 600;
    background: #eb484b;
    padding: 3px 5px;
    font-size: 11px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .rating {
    float: right
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .rating span {
    color: #5d6b82;
    margin-right: 15px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .rating i {
    font-size: 17px;
    margin-left: 5px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .rating i.active {
    color: #ffc107
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-comment {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    border-top: 1px solid #0a0f19;
    padding: 20px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-form {
    float: left;
    width: 100%
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-form h2 {
    float: left;
    width: 100%;
    color: #fff
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-form span {
    float: left;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 3px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-form label {
    cursor: pointer;
    font-size: 17px;
    position: relative
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-form input[type="radio"] {
    position: absolute;
    left: 0;
    visibility: hidden
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-form i.active {
    color: #ffc107
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-form textarea {
    float: left;
    width: 100%;
    max-width: 100%;
    min-height: 150px;
    outline: none;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 3px;
    margin-top: 20px;
    padding: 20px;
    font-size: 16px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-form input[type="submit"] {
    float: left;
    background: #eb484b;
    border: none;
    font-size: 15px;
    color: #fff;
    padding: 13px;
    width: 190px;
    font-weight: 600;
    border-radius: 2px;
    margin-top: 30px
}

.product-detail-page .product-detail-tabs-content .product-detail-comments-text {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 17px;
    padding: 20px;
    line-height: 28px
}

.basket-page {
    float: left;
    width: 100%;
    background: #16141f
}

.basket-page .basket-page-steps {
    float: left;
    width: 100%;
    background: #171822;
    padding: 50px 20px 20px
}

.basket-page .basket-page-steps .container {
    max-width: 700px
}

.basket-page .basket-page-steps .basket-page-steps-item {
    float: left;
    width: 25%
}

.basket-page .basket-page-steps .basket-page-steps-item span {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    border: 3px solid #2f3144;
    text-align: center;
    border-radius: 50px
}

.basket-page .basket-page-steps .basket-page-steps-item span i {
    color: #2f3144;
    font-size: 25px;
    margin-top: 10px
}

.basket-page .basket-page-steps .basket-page-steps-item p {
    float: left;
    width: 100%;
    text-align: center;
    color: #2f3144;
    margin-top: 10px
}

.basket-page .basket-page-steps .basket-page-steps-item-active span {
    border-color: #eb484b
}

.basket-page .basket-page-steps .basket-page-steps-item-active span i {
    color: #eb484b
}

.basket-page .basket-page-steps .basket-page-steps-item-active p {
    color: #eb484b
}

.basket-page .basket-page-basket-total {
    float: left;
    width: 100%
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 50px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-header {
    float: left;
    width: 100%;
    border-bottom: 1px solid #171822
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-header .basket-page-basket-total-table-header-image {
    float: left;
    width: 10%;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-header .basket-page-basket-total-table-header-name {
    float: left;
    width: 30%;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-header .basket-page-basket-total-table-header-quantity {
    float: left;
    width: 20%;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-header .basket-page-basket-total-table-header-tax {
    float: left;
    width: 10%;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-header .basket-page-basket-total-table-header-price {
    float: left;
    width: 20%;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-header .basket-page-basket-total-table-header-operation {
    float: left;
    width: 10%;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0 20px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item {
    float: left;
    width: 100%;
    background: #171822;
    margin-bottom: 20px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .img {
    float: left;
    width: 10%;
    color: #fff;
    padding: 10px;
    text-align: center
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .img img {
    max-width: 100%
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .name {
    float: left;
    width: 30%;
    color: #fff;
    margin-top: 35px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .name a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: 400ms
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .name a:hover {
    color: #eb484b
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .quantity {
    float: left;
    width: 20%;
    color: #fff;
    margin-top: 29px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .quantity input {
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0 10px 10px;
    width: 100px;
    position: relative;
    background-image: url(../images/icons/scroll.png);
    background-position: center right;
    background-size: 27% 76%;
    background-repeat: no-repeat;
    background-color: #0e131f;
    border: none;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    outline: none
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .quantity input[type=number]::-webkit-inner-spin-button,
.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    opacity: 1 !important;
    background: transparent !important;
    border-width: 0;
    margin: 0;
    border-left: 1px solid #ddd;
    height: 40px;
    width: 30px;
    cursor: pointer
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .tax {
    float: left;
    width: 10%;
    color: #fff;
    text-align: center;
    margin-top: 35px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .price {
    float: left;
    width: 20%;
    color: #fff;
    margin-top: 30px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .price p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: center
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .price p:first-child {
    color: #eb484b;
    text-decoration: line-through;
    font-size: 15px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .operation {
    float: left;
    width: 10%;
    color: #fff;
    margin-top: 40px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .operation button {
    background: #eb484b;
    display: block;
    margin: 0 auto;
    border: none;
    outline: none;
    font-size: 18px;
    padding: 4px 10px;
    border-radius: 3px;
    transition: 400ms
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .operation button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .operation button img {
    max-width: 100%
}


/*Sepet Onay Buton */

.form-checkout-agreement {
    width: 100%;
}

/* Checkbox ve label için flex container */
.form-checkout-agreement-checkbox,
.form-checkout-agreement-label {
    display: inline-block;
    vertical-align: top;
}

.form-checkout-agreement-checkbox {
    appearance: none;
    background-color: #313338;
    border: 2px solid #9b9b9b;
    border-radius: 6.7px !important;
    cursor: pointer;
    outline: 0;
    position: relative;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    margin-top: 2px;
}

.form-checkout-agreement-label {
    color: #fff;
    cursor: pointer;
    line-height: 1.4;
    width: calc(100% - 40px);
}

.basket-complete {
    background-color: #eb484b;
    color: #fff;
    height: 40px;
    width: 100%;
    border-radius: 3px;
    margin-top: 15px;
    display: block;
    /* Tam genişlikte alt satıra geçsin */
}

/*Sepet Onay Buton Bitiş */




.basket-page .basket-page-basket-total .basket-page-coupon-code {
    float: left;
    width: 100%;
    background: #0e131f;
    padding: 20px;
    margin-top: 20px;
}

.basket-page .basket-page-basket-total .basket-page-coupon-code input {
    float: left;
    background: #171822;
    border-radius: 3px 0 0 3px;
    border: none;
    padding: 10px;
    width: 60%;
    color: #fff;
    outline: none;
}

.basket-page .basket-page-basket-total .basket-page-coupon-code button {
    float: left;
    background: #eb484b;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 0 3px 3px 0;
    width: 40%;
    padding: 11px;
    font-weight: 600;
    font-size: 13px;
    transition: 300ms;
}

.basket-page .basket-page-basket-total .basket-page-coupon-code button:hover {
    opacity: 0.7;
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price {
    float: left;
    width: 100%;
    background: #0e131f;
    margin-top: 20px;
    border-radius: 3px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price ul li {
    list-style: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #171822;
    padding: 10px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price ul li span {
    float: left;
    color: #fff;
    font-size: 15px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price ul li strong {
    float: right;
    color: #fff;
    font-size: 14px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price .basket-page-basket-total-price-button {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0 20px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price .basket-page-basket-total-price-button button {
    float: left;
    width: 100%;
    border: none;
    color: #fff;
    background: #eb484b;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 3px;
    font-weight: 600;
    transition: 400ms
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price .basket-page-basket-total-price-button button i {
    margin-left: 10px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price .basket-page-basket-total-price-button button.basket-previousbtn {
    background: #0a7fe3
}

.basket-page .basket-page-basket-total .basket-page-basket-total-price .basket-page-basket-total-price-button button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.basket-page-basket-total .tab {
    display: none
}

.basket-page .basket-page-basket-total .basket-address {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 3px;
    margin-top: 20px;
    padding: 20px;
    margin-bottom: 50px
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new {
    float: left;
    width: 100%;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new label {
    float: left;
    width: 200px;
    border: 3px solid #525356a6;
    border-radius: 3px;
    padding: 10px;
    position: relative;
    cursor: pointer;
    margin-top: 20px;
    margin-right: 10px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new label input {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new label span {
    width: 20px;
    height: 20px;
    background: #525356a6;
    border-radius: 0 3px 3px 0;
    position: absolute;
    left: 0;
    top: 0;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new label span:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 3px;
    border-left: 3px solid #eb484b;
    border-bottom: 3px solid #eb484b;
    width: 17px;
    height: 10px;
    transform: rotate(313deg);
    visibility: hidden
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new label input:checked~span:before {
    visibility: visible
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new label input:checked~label {
    background: #eb484b;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new label h4 {
    float: left;
    color: #fff;
    width: 100%;
    margin-top: 13px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new label p {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 400
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .basket-address-new-headline {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .basket-address-new-headline .title {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #959195;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .basket-address-new-headline button {
    float: left;
    border: none;
    color: #0a7fe3;
    padding: 2px;
    transition: 400ms;
    font-size: 13px;
    background: transparent;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .basket-address-new-headline button:hover {
    opacity: 0.5;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .basket-address-new-headline button i {
    margin-right: 5px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-header {
    border-bottom: 2px solid #0a0f19;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-header h4 {
    float: left;
    color: #959195;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-header .close {
    text-shadow: none;
    color: #959195;
    font-size: 27px;
    opacity: 1;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-header .close:hover {
    opacity: 0.7;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-content {
    background: #0e131f;
    overflow: hidden;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .form-group {
    float: left;
    width: 50%;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .form-group span {
    float: left;
    width: 100%;
    color: #959195;
    margin-bottom: 10px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .form-group input,
.basket-page .basket-page-basket-total .basket-address .basket-address-new .form-group select {
    float: left;
    width: 100%;
    border-radius: 3px;
    outline: none;
    border: 2px solid #525356a6;
    background: #0a0f19;
    color: #fff;
    padding: 10px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .form-group select {
    padding: 11px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .form-group textarea {
    float: left;
    width: 100%;
    border-radius: 3px;
    outline: none;
    border: 2px solid #525356a6;
    background: #0a0f19;
    color: #fff;
    padding: 10px;
    max-width: 100%;
    min-width: 100%;
    max-height: 100px;
    min-height: 100px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .col-12 {
    width: 100%;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .p-r-15 {
    padding-right: 15px;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-footer {
    float: left;
    width: 100%;
    border-top: 2px solid #0a0f19;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-footer .close-modal {
    float: left;
    background: #eb484b;
    color: #fff;
    width: 130px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 10px 0;
    text-align: center;
    transition: 300ms
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-footer .update-modal {
    float: right;
    background: #0a7fe3;
    color: #fff;
    width: 130px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 10px 0;
    text-align: center;
    transition: 300ms
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-footer button:hover {
    opacity: 0.7;
}

.basket-page-basket-total-payment {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 3px;
    margin-top: 20px;
    padding: 20px;
    margin-bottom: 50px
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-content label {
    color: #959195;
    margin: 0 20px 0 0;
    border: none;
    padding: 0;
    width: initial;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-content label input {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

.basket-page .basket-page-basket-total .basket-address .basket-address-new .modal-content label span {
    width: 20px;
    position: relative;
    margin-right: 7px;
    border-radius: 3px;
    margin-bottom: 0;
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 3px;
    margin-top: 20px;
    padding: 20px;
    margin-bottom: 50px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery .basket-page-basket-total-delivery-title {
    float: left;
    width: 100%
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery .basket-page-basket-total-delivery-title i {
    width: 70px;
    height: 70px;
    color: #198754;
    border: 2px solid #198754;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 16px 0;
    text-align: center
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery .basket-page-basket-total-delivery-title span {
    float: left;
    width: 100%;
    text-align: center;
    color: #198754
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery ul {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0 30px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery ul li {
    list-style: none;
    float: left;
    width: 100%;
    border: 1px solid #171822;
    padding: 11px 20px;
    border-radius: 3px;
    margin-bottom: 10px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery ul li span {
    float: left;
    color: #fff;
    font-size: 16px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery ul li strong {
    float: right;
    color: #fff
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery p {
    float: left;
    width: 100%;
    color: #fff;
    padding: 0 50px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery-btn {
    float: left;
    width: 100%;
    margin-top: 20px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery-btn a {
    width: 200px;
    border: none;
    color: #fff;
    background: #eb484b;
    border-radius: 3px;
    font-weight: 600;
    transition: 400ms;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 16px;
    margin: 0 auto
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery-btn a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.basket-page .basket-page-basket-total .basket-page-basket-total-delivery-btn a i {
    margin-left: 10px
}

.products-page {
    float: left;
    width: 100%;
    background: #16141f
}

.products-page .products-page-headline {
    float: left;
    width: 100%;
    background: #0a0f19;
    padding: 20px 50px;
    position: relative;
    border-bottom: 1px solid #171822
}

.products-page .products-page-headline h1 {
    float: left;
    color: #5d6b82;
    font-size: 18px
}

.products-page .products-page-headline ul {
    float: right;
    padding: 0;
    margin-top: 16px
}

.products-page .products-page-headline ul li {
    list-style: none;
    float: left;
    color: #5d6b82;
    position: relative;
    padding: 0 4px;
    font-size: 16px;
    margin-left: 5px
}

.products-page .products-page-headline ul li a {
    display: inline-block;
    color: #fff;
    padding: 0 8px
}

.products-page .products-page-headline ul li a:before {
    content: "/";
    position: absolute;
    right: 0;
    top: 0
}

.products-page .products-page-search {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #0a0f19;
    padding: 20px 0 40px;
    position: relative
}

.products-page .products-page-search:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid #965c98;
    box-shadow: 0 0 4px 3px #935b976b
}

.products-page .products-page-search:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    border-bottom: 3px solid #9bb3c7
}

.products-page .products-page-search .products-page-search-item {
    display: block;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto
}

.products-page .products-page-search .products-page-search-item input {
    float: left;
    width: 90%;
    border-radius: 5px 0 0 5px;
    outline: none;
    padding: 15px;
    background: #0e131f;
    border: 1px solid #171822;
    color: #fff
}

.products-page .products-page-search .products-page-search-item button {
    float: left;
    width: 10%;
    border-radius: 0 5px 5px 0;
    border: 1px solid #171822;
    background: #0e131f;
    padding: 12px;
    border-left: none;
    transition: 400ms
}

.products-page .products-page-search .products-page-search-item button:hover {
    background: #171822
}

.products-page .products-page-search .products-page-search-item button img {
    width: 25px;
    height: 26px
}

.products-page .products-page-item {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #213649;
    border-radius: 5px;
    height: 330px;
    margin-bottom: 30px
}

.products-page .products-page-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent, #101521)
}

.products-page .products-page-item img {
    display: block;
    width: 100%
}

.products-page .products-page-item span {
    position: absolute;
    left: 20px;
    bottom: 37px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    width: 180px;
    text-transform: uppercase
}

.products-page .products-page-item a {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 29px;
    text-decoration: none;
    border: 2px solid #63636b;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align: center
}

.products-page .products-page-item a:hover {
    opacity: .6
}

.products-page .products-page-item a img {
    margin-left: auto;
    margin-right: auto;
    width: 15px !important;
    height: 15px;
    margin-top: 11px;
    opacity: 1
}

.merchant-page {
    float: left;
    width: 100%;
    background: #16141f
}

.merchant-page .merchant-page-headline {
    float: left;
    width: 100%;
    background: #0a0f19;
    padding: 25px 50px;
    position: relative
}

.merchant-page .merchant-page-headline:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid #965c98;
    box-shadow: 0 0 4px 3px #935b976b
}

.merchant-page .merchant-page-headline:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    border-bottom: 3px solid #9bb3c7
}

.merchant-page .merchant-page-headline h1 {
    float: left;
    color: #5d6b82;
    font-size: 18px
}

.merchant-page .merchant-page-headline ul {
    float: right;
    padding: 0;
    margin-top: 16px
}

.merchant-page .merchant-page-headline ul li {
    list-style: none;
    float: left;
    color: #5d6b82;
    position: relative;
    padding: 0 4px;
    font-size: 16px;
    margin-left: 5px
}

.merchant-page .merchant-page-headline ul li a {
    display: inline-block;
    color: #fff;
    padding: 0 8px
}

.merchant-page .merchant-page-headline ul li a:before {
    content: "/";
    position: absolute;
    right: 0;
    top: 0
}

.merchant-page .merchant-page-img {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 5px;
    margin: 50px 0;
    padding: 15px 0
}

.merchant-page .merchant-page-img .merchant-page-img-top {
    float: left;
    width: 100%;
    padding: 0 20px
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-rating {
    float: left
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-rating a {
    float: left;
    display: block;
    text-decoration: none;
    color: #333;
    margin-right: 5px;
    font-size: 17px
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-rating a.active {
    color: #ffc107
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-rating strong {
    float: left;
    color: #959195;
    margin-right: 10px;
    font-size: 17px;
    margin-left: 5px
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-rating span {
    float: left;
    color: #959195;
    margin-top: 2px
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button {
    float: right
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-share {
    float: left;
    position: relative;
    margin-right: 10px;
    margin-top: 2px
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-share button.dropdown-toggle {
    float: left;
    outline: none;
    border: none;
    border-radius: 5px;
    color: #0a7fe3;
    background: transparent;
    font-size: 19px
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-share button.dropdown-toggle:hover {
    opacity: .7
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-share ul.dropdown-menu {
    background: #0a0f19;
    min-width: 100px;
    padding: 10px;
    top: 130%
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-share ul.dropdown-menu:before {
    content: "";
    background: #0a0f19;
    width: 24px;
    height: 20px;
    position: absolute;
    top: -8px;
    left: 5px;
    transform: rotate(45deg)
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-share ul.dropdown-menu li {
    list-style: none;
    float: left
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-wishlist {
    float: left;
    background: transparent;
    font-size: 20px;
    border: none;
    outline: none;
    color: #959195
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-share ul.dropdown-menu li button {
    background: transparent;
    color: #959195;
    font-size: 20px;
    border: none;
    outline: none;
    width: 25px;
    transition: 200ms
}

.merchant-page .merchant-page-img .merchant-page-img-top .merchant-page-img-top-button .merchant-page-img-top-button-share ul.dropdown-menu li button:hover {
    color: #eb484b
}

.merchant-page .merchant-page-img .merchant-page-img-slider {
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative
}

.merchant-page .merchant-page-img .merchant-page-img-slider .item {
    width: 100%;
    height: 100%
}

.merchant-page .merchant-page-img .merchant-page-img-slider .item img {
    width: 100%;
    max-height: 445px;
    margin: 0 auto
}

.merchant-page .merchant-page-img .merchant-page-img-slider .carousel-control {
    background: transparent !important;
    opacity: 1 !important;
    top: 45%;
    margin: 0 20px;
    width: 30px;
    height: 30px
}

.merchant-page .merchant-page-img .merchant-page-img-slider .carousel-control img {
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.merchant-page .merchant-page-img .merchant-page-img-slider .merchant-page-img-slider-modal-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    color: #fff;
    font-size: 20px;
    border: none;
    background: #eb484b;
    outline: none;
    border-radius: 5px;
    padding: 10px 20px;
    transition: 400ms
}

.merchant-page .merchant-page-img .merchant-page-img-slider .merchant-page-img-slider-modal-btn:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.merchant-page .merchant-page-img .merchant-page-img-slider .modal-dialog {
    width: 100% !important;
    margin: 0 !important
}

.merchant-page .merchant-page-img .merchant-page-img-slider .modal-body .item img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.merchant-page .merchant-page-img .merchant-page-img-slider .modal-content {
    background: #0e131f
}

.merchant-page .merchant-page-img .merchant-page-img-slider .modal-header {
    border: none
}

.merchant-page .merchant-page-img .merchant-page-img-slider .modal-header .close {
    color: #fff;
    font-size: 35px
}

.merchant-page .merchant-page-img .merchant-page-img-plarform {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0 20px
}

.merchant-page .merchant-page-img .merchant-page-img-plarform span {
    float: left;
    width: 100%;
    color: #959195;
    font-size: 16px;
    margin-bottom: 10px
}

.merchant-page .merchant-page-img .merchant-page-img-plarform a {
    float: left;
    text-decoration: none;
    color: #959195;
    font-size: 18px;
    margin-right: 10px;
    border: 2px solid #959195;
    width: 50px;
    height: 30px;
    text-align: center;
    padding: 1px 0;
    border-radius: 50px;
    transition: 400ms
}

.merchant-page .merchant-page-img .merchant-page-img-plarform a:hover {
    border-color: #eb484b;
    color: #eb484b
}

.merchant-page .merchant-page-top-info {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 5px;
    margin: 50px 0;
    padding: 15px
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-country {
    float: left;
    width: 100%;
    border-bottom: 1px solid #171822;
    position: relative
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-country p {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-country p strong {
    float: left;
    width: 100%
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-country span {
    position: absolute;
    left: 5px;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    padding: 6px 0;
    background: #198754;
    color: #fff;
    text-align: center
}

.merchant-page .merchant-page-top-info .merchant-page-info-name {
    float: left;
    width: 100%
}

.merchant-page .merchant-page-top-info .merchant-page-info-name h2 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

.merchant-page .merchant-page-top-info .merchant-page-info-name p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    color: #959195
}

.merchant-page .merchant-page-top-info .merchant-page-info-name p b {
    color: #ffc107
}

.merchant-page .merchant-page-top-info .merchant-page-info-name p strong {
    color: #198754
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-price {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #fff
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-button {
    float: left;
    width: 100%;
    border-bottom: 1px solid #171822
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-button button {
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    width: 210px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-button button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-button img {
    margin-left: 10px;
    max-width: 28px
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-button span {
    float: left;
    width: 100%;
    color: #198754;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-language {
    float: left;
    width: 100%;
    text-align: center
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-language a {
    display: inline-block;
    font-size: 20px;
    color: #959195;
    margin: 5px 5px 0 0
}

.merchant-page .merchant-page-top-info .merchant-page-top-info-language p {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    margin-bottom: 0;
    font-size: 12px
}

.merchant-page .merchant-low-product {
    float: left;
    width: 100%
}

.merchant-page .merchant-low-product .merchant-low-product-title {
    float: left;
    width: 100%;
    font-weight: 600;
    color: #fff;
    font-size: 17px;
    padding: 0 20px
}

.merchant-page .merchant-low-product .merchant-low-product-title span {
    color: #ffc107
}

.merchant-page .merchant-low-product .merchant-low-product-item {
    float: left;
    width: 100%;
    background: #0e131f;
    margin: 20px 0;
    border-radius: 5px;
    overflow: hidden
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info {
    float: left;
    width: 70%
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-name {
    float: left;
    margin-top: 16px;
    max-width: 400px;
    padding-left: 40px
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-name p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    color: #fff
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-name p strong {
    background: #198754;
    display: inline-block;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 12px
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-rating {
    float: right;
    margin-top: 30px;
    margin-right: 20px
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-rating i {
    float: left;
    color: #333;
    font-size: 16px;
    margin-left: 5px
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-rating i.active {
    color: #ffc107
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button {
    float: left;
    width: 30%
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button button {
    float: left;
    width: 100%;
    background: #eb484b;
    border: none;
    outline: none;
    padding: 25px 0;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    position: relative;
    overflow: hidden
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button span {
    display: block
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button span img {
    max-width: 28px;
    margin-left: 10px;
    margin-top: -5px
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button strong {
    position: absolute;
    left: 0;
    top: -15px;
    width: 100%;
    background: #eb484b;
    padding: 10px 0;
    visibility: hidden
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button strong img {
    max-width: 28px;
    margin-left: 10px;
    margin-top: -5px
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button button:hover>strong {
    left: 0;
    top: 15px;
    visibility: visible;
    transition: 300ms
}

.merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button button:hover>span {
    visibility: hidden
}

.merchant-page .merchant-page-tabs {
    float: left;
    width: 100%;
    background: #0e131f;
    margin-top: 30px;
    border-radius: 5px;
    overflow: hidden
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-menu {
    float: left;
    width: 100%;
    padding: 0
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-menu li {
    list-style: none;
    float: left;
    position: relative;
    border-bottom: 1px solid #171822;
    border-right: 1px solid #171822;
    width: 25%
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-menu li:last-child {
    border-right: none
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-menu li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    visibility: hidden;
    background: #eb484b;
    transition: 400ms
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-menu li.active:before {
    visibility: visible;
    width: 100%
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-menu li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    transition: 400ms
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-menu li.active a {
    color: #eb484b
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-content {
    margin-top: 10px;
    float: left;
    width: 100%
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-content .merchant-page-tabs-content-text {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 17px;
    padding: 20px 50px;
    line-height: 28px
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-content-languages {
    float: left;
    width: 100%;
    padding: 20px 50px
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-content-languages span {
    float: left;
    width: 100%;
    font-size: 17px;
    color: #fff;
    margin-bottom: 20px
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-content-languages ul {
    padding: 0;
    margin: 0
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-content-languages ul li {
    list-style: none;
    float: left;
    margin-right: 20px;
    color: #fff
}

.merchant-page .merchant-page-tabs .merchant-page-tabs-content-languages ul li img {
    max-width: 25px;
    max-height: 25px;
    margin-right: 5px
}

.merchant-page .merchant-page-comments {
    float: left;
    width: 100%;
    background: #0e131f;
    margin-top: 50px
}

.merchant-page .merchant-page-comments .merchant-page-comments-top {
    float: left;
    width: 100%;
    border: 1px solid #171822;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 35px
}

.merchant-page .merchant-page-comments .merchant-page-comments-top h3 {
    float: left;
    color: #fff;
    font-size: 20px
}

.merchant-page .merchant-page-comments .merchant-page-comments-top h3 strong {
    margin: 0 5px
}

.merchant-page .merchant-page-comments .merchant-page-comments-top h3 span {
    color: #959195
}

.merchant-page .merchant-page-comments .merchant-page-comments-top button {
    float: right;
    color: #fff;
    background: #0a7fe3;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 10px 20px;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 10px;
    transition: 400ms
}

.merchant-page .merchant-page-comments .merchant-page-comments-top button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.merchant-page .merchant-page-comments .merchant-page-comments-top button i {
    margin-right: 5px
}

.merchant-page .merchant-page-comments .merchant-page-comments-form {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    display: none
}

.merchant-page .merchant-page-comments .merchant-page-comments-form h2 {
    float: left;
    width: 100%;
    color: #fff
}

.merchant-page .merchant-page-comments .merchant-page-comments-form span {
    float: left;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
    margin-top: 3px
}

.merchant-page .merchant-page-comments .merchant-page-comments-form label {
    cursor: pointer;
    font-size: 17px;
    position: relative
}

.merchant-page .merchant-page-comments .merchant-page-comments-form label input[type="radio"] {
    position: absolute;
    left: 0;
    visibility: hidden
}

.merchant-page .merchant-page-comments .merchant-page-comments-form label i.active {
    color: #ffc107
}

.merchant-page .merchant-page-comments .merchant-page-comments-form textarea {
    float: left;
    width: 100%;
    max-width: 100%;
    min-height: 150px;
    outline: none;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 3px;
    margin-top: 20px;
    padding: 20px;
    font-size: 16px
}

.merchant-page .merchant-page-comments .merchant-page-comments-form input[type="submit"] {
    float: left;
    background: #eb484b;
    border: none;
    font-size: 15px;
    color: #fff;
    padding: 13px;
    width: 190px;
    font-weight: 600;
    border-radius: 2px;
    margin-top: 30px
}

.merchant-page .merchant-page-comments .merchant-page-comments-item {
    float: left;
    width: 100%;
    background: #171822;
    border-radius: 3px;
    padding: 20px 35px;
    margin-bottom: 20px;
    transition: 400ms
}

.merchant-page .merchant-page-comments .merchant-page-comments-item:hover {
    box-shadow: #000 0 1rem 2.5rem
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-name {
    float: left;
    max-width: 100px
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-name strong {
    float: left;
    width: 100%;
    color: #fff
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-name p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-content {
    float: left;
    max-width: 600px;
    color: #fff;
    margin-left: 30px
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-rating {
    float: right;
    max-width: 130px
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-rating ul {
    float: left;
    padding: 0;
    margin: 0
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-rating ul li {
    list-style: none;
    float: left;
    color: #333;
    font-size: 17px
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-rating ul li.active {
    color: #ffc107
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-rating ul li i {
    margin-right: 5px
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .like-btn {
    float: left;
    margin-top: 10px;
    color: #198754
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .like-btn button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    float: right;
    color: #198754
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .like-btn button:hover {
    opacity: .6
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .like-btn button i {
    margin-top: -3px;
    display: block
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .dislike-btn {
    float: left;
    margin-top: 10px;
    color: #eb484b
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .dislike-btn button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 18px;
    float: left;
    color: #eb484b
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .dislike-btn button:hover {
    opacity: .6
}

.merchant-page .merchant-page-comments .merchant-page-comments-item .dislike-btn button i {
    margin-bottom: -3px;
    display: block
}

.merchant-page .merchant-page-carousel {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-title {
    float: left;
    width: 100%
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-title h3 {
    float: left;
    color: #f48315;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-title .merchant-page-carousel-controller {
    float: right;
    margin-top: 20px
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-title .merchant-page-carousel-controller button {
    display: inline-block;
    background: #222c3b;
    border: none;
    outline: none;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    cursor: pointer
}

.merchant-page .merchant-page-carousel .owl-carousel {
    float: left;
    width: 100%;
    position: relative
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-item {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid #213649;
    border-radius: 5px;
    height: 400px
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent, #101521)
}

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

.merchant-page .merchant-page-carousel .merchant-page-carousel-item span {
    position: absolute;
    left: 20px;
    bottom: 37px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    width: 180px;
    text-transform: uppercase
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-item a {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 29px;
    text-decoration: none;
    border: 2px solid #63636b;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align: center
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-item a img {
    margin-left: auto;
    margin-right: auto;
    width: 15px !important;
    height: 15px;
    margin-top: 11px;
    opacity: 1
}

.merchant-page .merchant-page-carousel .merchant-page-carousel-item a:hover {
    opacity: .6
}

.account-page {
    float: left;
    width: 100%;
    background: #16141f;
    padding: 50px 0
}

.account-page .account-page-side-menu {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 5px;
    overflow: hidden
}

.account-page .account-page-side-menu .account-page-side-menu-header {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-side-menu .account-page-side-menu-header img {
    float: left;
    max-width: 50px
}

.account-page .account-page-side-menu .account-page-side-menu-header .account-page-side-menu-header-info {
    float: left;
    max-width: 150px;
    margin-left: 10px;
    margin-top: 5px
}

.account-page .account-page-side-menu .account-page-side-menu-header .account-page-side-menu-header-info p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    color: #fff
}

.account-page .account-page-side-menu .account-page-side-menu-header .account-page-side-menu-header-info p:last-child {
    font-weight: 600;
    margin-top: 5px
}

.account-page .account-page-side-menu .account-page-side-menu-header .account-page-side-menu-header-info p i {
    margin-right: 10px
}

.account-page .account-page-side-menu ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.account-page .account-page-side-menu ul li {
    list-style: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #171822;
    padding: 10px;
    color: #959195;
    cursor: pointer;
    transition: 400ms
}

.account-page .account-page-side-menu ul li:last-child {
    border: none
}

.account-page .account-page-side-menu ul li i {
    font-size: 17px;
    margin-right: 10px
}

.account-page .account-page-side-menu ul li i.fa-chevron-right {
    float: right;
    transition: 400ms
}

.account-page .account-page-side-menu ul li a {
    display: inline-block;
    text-decoration: none;
    color: #959195;
    width: 100%;
    transition: 400ms
}

.account-page .account-page-side-menu ul li ul {
    background: #171822;
    border-top: 2px solid #eb484b;
    margin-top: 10px;
    display: none
}

.account-page .account-page-side-menu ul li.account-page-side-sub-open i.fa-chevron-right {
    transform: rotate(90deg);
    transition: 400ms
}

.account-page .account-page-side-menu ul li ul li {
    border-bottom: 1px solid #0a0f19
}

.account-page .account-page-side-menu ul li ul li:last-child {
    border: none
}

.account-page .account-page-side-menu ul li:hover {
    color: #eb484b
}

.account-page .account-page-side-menu ul li a:hover {
    color: #eb484b
}

.account-page .account-page-side-menu ul li a.active {
    color: #eb484b
}

.account-page .account-page-content {
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background: #0e131f;
    padding: 20px 0;
    min-height: 700px
}

.account-page .account-page-content .col-md-2 {
    width: 20%
}

.account-page .account-page-content .account-page-advert-new-title {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-advert-new-title h3 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    color: #fff
}

.account-page .account-page-content .account-page-advert-new-title span {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195
}

.account-page .account-page-content .account-page-advert-new-item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #171822;
    border-radius: 5px;
    padding: 10px
}

.account-page .account-page-content .account-page-advert-new-item span {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #0a0f19;
    border-radius: 5px;
    height: 105px
}

.account-page .account-page-content .account-page-advert-new-item img {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    max-height: 100%
}

.account-page .account-page-content .account-page-advert-new-item h5 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    border-bottom: 1px solid #0a0f19;
    padding: 10px;
    margin-top: 0;
    text-transform: uppercase
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-1 {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-1 a {
    float: left;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 30px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px;
    text-decoration: none
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-1 a:last-child {
    float: right
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-1 a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-2 a {
    float: left;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 0;
    margin-right: 8px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px;
    text-decoration: none;
    width: 80px;
    text-align: center
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-2 a:last-child {
    margin-right: 0
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-2 a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-3 a {
    float: left;
    width: 100%;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 0;
    margin-right: 8px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px;
    text-decoration: none;
    text-align: center
}

.account-page .account-page-content .account-page-advert-new-item .account-page-advert-new-item-button-3 a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-draws {
    float: left;
    width: 100%;
    background: #16141f
}

.page-draws .page-draws-banner {
    float: left;
    width: 100%;
    overflow: hidden
}

.page-draws .page-draws-banner img {
    max-width: 100%
}

.page-draws .page-draws-tabs {
    float: left;
    width: 100%;
    margin-top: 50px
}

.page-draws .page-draws-tabs ul.page-draws-tabs-menu {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #0e131f;
    border-bottom: 1px solid #171822
}

.page-draws .page-draws-tabs ul.page-draws-tabs-menu li {
    list-style: none;
    float: left;
    width: 33.333%;
    position: relative;
    border-right: 1px solid #171822
}

.page-draws .page-draws-tabs ul.page-draws-tabs-menu li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    visibility: hidden;
    background: #eb484b;
    transition: 400ms
}

.page-draws .page-draws-tabs ul.page-draws-tabs-menu li.active:before {
    visibility: visible;
    width: 100%
}

.page-draws .page-draws-tabs ul.page-draws-tabs-menu li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    transition: 400ms
}

.page-draws .page-draws-tabs ul.page-draws-tabs-menu li.active a {
    color: #eb484b
}

.page-draws .page-draws-tabs .tab-content {
    float: left;
    width: 100%;
    background: #0e131f;
    margin-bottom: 50px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item {
    float: left;
    width: 100%;
    background: #171822;
    border-radius: 3px;
    margin: 15px 0;
    overflow: hidden;
    padding: 15px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-img {
    float: left;
    width: 45%;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #0a0f19;
    padding-right: 10px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-img img {
    max-width: 100%;
    width: 100%
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-img span {
    position: absolute;
    left: 40%;
    bottom: 20px;
    border: 1px solid #eb484b;
    color: #424242;
    background: #eb484b78;
    width: 50px;
    height: 25px;
    text-align: center;
    border-radius: 50px;
    padding: 1px 0;
    font-weight: 600
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content {
    float: left;
    width: 55%;
    padding-left: 15px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content h3 {
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 0;
    font-size: 20px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content p {
    float: left;
    width: 100%;
    color: #5d6b82
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content p strong {
    margin-left: 10px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content span {
    float: left;
    width: 100%;
    font-weight: 600;
    color: #fff;
    font-size: 25px;
    margin-bottom: 15px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content a {
    display: inline-block;
    width: 100%;
    background: #0a7fe3;
    transition: 400ms;
    padding: 11px 20px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 2px;
    text-decoration: none;
    font-weight: 600
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content a img {
    margin-left: 4px;
    max-width: 25px
}

.page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content a.no-ticket {
    background: #eb484b;
    cursor: no-drop
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item {
    float: left;
    width: 100%;
    background: #171822;
    padding: 15px;
    border-radius: 3px;
    margin: 15px 0
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-img {
    float: left;
    width: 120px;
    overflow: hidden;
    height: 100px
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-img img {
    max-width: 100%;
    max-height: 100%
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-content {
    float: left;
    padding: 0 10px;
    max-width: 800px
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-content h3 {
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 0;
    font-size: 20px
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-content p {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 5px
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-content p strong {
    margin-left: 10px
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-content span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: 600
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-item-content-btn {
    float: right
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-item-content-btn a {
    float: right;
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    margin-right: 20px;
    margin-top: 40px;
    width: 190px;
    text-decoration: none;
    text-align: center
}

.page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-item-content-btn a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item {
    float: left;
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid #171822
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-title {
    float: left;
    width: 100%;
    padding: 0 15px
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-title h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-title p {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 30px;
    font-size: 16px
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-content {
    float: left;
    width: 100%;
    margin-top: 10px
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-content .page-draws-list-item-content-item {
    float: left;
    width: 100%;
    background: #171822;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 30px
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-content .page-draws-list-item-content-item span {
    float: left;
    width: 30%;
    overflow: hidden;
    text-align: center;
    margin-top: 20px
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-content .page-draws-list-item-content-item span img {
    max-width: 100%
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-content .page-draws-list-item-content-item h3 {
    float: left;
    width: 70%;
    color: #fff;
    padding: 0 10px;
    text-align: center;
    margin-top: 0
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-content .page-draws-list-item-content-item a {
    display: flow-root;
    position: relative;
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 0;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    width: 190px;
    text-decoration: none;
    margin: 0 auto;
    text-align: center
}

.page-draws .page-draws-tabs .tab-content .page-draws-list-item .page-draws-list-item-content .page-draws-list-item-content-item a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-add {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-title {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-title h3 {
    float: left;
    margin-top: 0;
    color: #fff;
    font-weight: 600
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-title p {
    float: right;
    font-size: 18px;
    color: #5d6b82;
    border-radius: 5px;
    padding: 10px 15px;
    background: #171822
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-title p span {
    margin-right: 10px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-title p span i {
    font-size: 22px;
    margin-right: 5px;
    float: left;
    margin-top: 2px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-title p strong {
    color: #eb484b
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price .account-page-payment-add-price-title {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price label {
    float: left;
    cursor: pointer;
    margin-right: 20px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price label span {
    display: inline-block;
    background: #171822;
    padding: 15px 20px;
    font-size: 20px;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price label:last-child {
    margin-right: 0
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price label input[type="radio"] {
    position: absolute;
    visibility: hidden
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price label input[type="radio"]:checked~span {
    background: #eb484b
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price .account-page-payment-add-price-and {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 15px 0
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price input[type="number"] {
    float: left;
    width: 100%;
    background: #171822;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    padding: 13px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price input[type="number"]::-webkit-inner-spin-button,
.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price .account-page-payment-add-price-total {
    float: right;
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
    margin-right: 30px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-price .account-page-payment-add-price-total span {
    color: #eb484b;
    font-weight: 600
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs {
    float: left;
    width: 100%;
    margin-top: 30px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs .container {
    max-width: 500px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs .page-draws-tabs-menu {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    background: #171822;
    border-radius: 5px;
    box-shadow: #000 0 1rem 2.5rem;
    overflow: hidden
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs .page-draws-tabs-menu li {
    list-style: none;
    float: left;
    width: 50%;
    z-index: 2;
    position: relative
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs .page-draws-tabs-menu li a {
    display: inline-block;
    width: 100%;
    padding: 23px 15px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs .page-draws-tabs-menu li a span {
    background: #eb484b;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font-size: 17px;
    font-weight: 600;
    padding: 2px 0;
    margin-left: -15px;
    border: 1px solid #fff
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs .page-draws-tabs-menu li.active a {
    background: #eb484b
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card {
    float: left;
    width: 100%;
    margin-top: 50px;
    padding: 0 20px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label {
    float: left;
    width: 300px;
    height: 188px;
    position: relative;
    margin-bottom: 30px;
    background: #171822;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    cursor: pointer;
    margin-right: 30px;
    border: 1px solid transparent;
    transition: 400ms
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label:hover {
    transform: scale(0.95)
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label input {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 15px;
    height: 15px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .delete {
    float: right
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .delete button {
    background: #eb484b;
    display: block;
    border: none;
    outline: none;
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 3px;
    transition: 400ms;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .delete button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .logo {
    float: left;
    width: 100%;
    margin-top: 20px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .logo span:nth-child(1) {
    float: left;
    width: 70%;
    margin-top: 8px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .logo span:nth-child(2) {
    float: left;
    width: 30%
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .logo span:nth-child(1) img {
    max-width: 130px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .logo span:nth-child(2) img {
    max-width: 45px;
    float: right
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .number {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    margin-top: 15px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .name {
    float: left;
    width: 100%;
    margin-top: 15px;
    color: #fff
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .name span {
    float: right;
    width: 45px;
    margin-top: -3px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card label .name span img {
    max-width: 100%
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card-ccv {
    float: left;
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #171822;
    border-bottom: 1px solid #171822;
    padding: 20px 0
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card-ccv .container {
    max-width: 400px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card-ccv span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card-ccv input {
    float: left;
    width: 100%;
    border: none;
    outline: none;
    border-radius: 5px;
    margin-bottom: 10px;
    background: #171822;
    font-size: 16px;
    color: #fff;
    padding: 12px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card-ccv input[type="number"]::-webkit-inner-spin-button,
.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card-ccv input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card-ccv button {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #0a7fe3;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-save-card-ccv button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other li {
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other li a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    width: 100%;
    padding: 20px;
    background: #171822;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other li a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other li a img {
    max-width: 70px;
    margin-right: 10px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other li a strong {
    font-weight: 600;
    margin-left: 10px;
    font-size: 16px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other li a span {
    color: #198754;
    margin-left: 10px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other li a i {
    float: left;
    font-size: 25px;
    width: 40px;
    text-align: center
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-other li a .fa-chevron-right {
    float: right
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new {
    margin-top: 50px;
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new .container {
    max-width: 700px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new .form-group {
    float: left;
    width: 50%;
    padding-right: 25px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 17px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new .form-group select {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new label {
    float: left;
    width: 100%;
    position: relative;
    color: #5d6b82;
    font-size: 16px;
    cursor: pointer
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new label span {
    width: 20px;
    height: 20px;
    background: #fff;
    float: left;
    border-radius: 2px;
    margin-right: 5px;
    position: relative
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new label span:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 3px;
    border-left: 3px solid #eb484b;
    border-bottom: 3px solid #eb484b;
    width: 17px;
    height: 10px;
    transform: rotate(313deg);
    visibility: hidden
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new input[type="checkbox"] {
    visibility: hidden;
    position: absolute
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new input[type="checkbox"]:checked~span:before {
    visibility: visible
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new input[type="button"] {
    float: right;
    outline: none;
    border: none;
    background: #0a7fe3;
    color: #fff;
    font-size: 16px;
    padding: 15px 20px;
    border-radius: 5px;
    transition: 400ms;
    margin-top: 20px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new input[type="number"]::-webkit-inner-spin-button,
.account-page .account-page-content .account-page-payment-add .account-page-payment-add-new input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.account-page .account-page-content .account-page-bank-transfer {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-tabs-menu {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 20px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-tabs-menu li {
    list-style: none;
    float: left;
    width: 100px;
    margin-right: 10px;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-tabs-menu li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    background: #fff;
    box-shadow: 0 .125rem .25rem #000;
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: 400ms
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-tabs-menu li a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-tabs-menu li.active a {
    border-color: #eb484b;
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-tabs-menu li a img {
    width: 80px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item-home {
    float: left;
    width: 100%;
    border: 1px solid #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-bank-transfer .tab-pane .container {
    max-width: 500px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item-home p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 25px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item-home p span {
    color: #eb484b
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item-home b {
    float: left;
    width: 100%;
    border: 2px solid #eb484b;
    color: #eb484b;
    border-radius: 5px;
    font-size: 17px;
    text-align: center;
    padding: 15px;
    margin-top: 15px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item {
    float: left;
    width: 100%;
    border: 1px solid #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-bank-name {
    float: left;
    width: 100%;
    position: relative
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-bank-name p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 25px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-bank-name p button {
    font-size: 20px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    transition: 400ms;
    background: transparent;
    border: none;
    outline: none
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-bank-name p button:hover {
    color: #eb484b
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-bank-name p input {
    float: left;
    background: transparent;
    border: none;
    outline: none;
    width: 265px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-bank-name span {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    overflow: hidden
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-bank-name span img {
    max-width: 100%
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-content {
    float: left;
    width: 100%;
    margin-top: 10px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-content p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 25px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-content p span {
    color: #eb484b
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-content .account-page-bank-transfer-item-content-btn {
    float: left;
    width: 100%;
    background: #0a7fe3;
    border: none;
    outline: none;
    padding: 11px 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    margin-top: 20px;
    transition: 400ms
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-content .account-page-bank-transfer-item-content-btn:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-form {
    margin-top: 20px;
    float: left;
    width: 100%;
    display: none
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-form .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-form .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 17px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-form .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-form .form-group input[type="number"]::-webkit-inner-spin-button,
.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-form .form-group input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-form input[type="button"] {
    float: left;
    width: 100%;
    background: #0a7fe3;
    border: none;
    outline: none;
    padding: 11px 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 2px;
    margin-top: 20px;
    transition: 400ms
}

.account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-form input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-notifications {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-headline {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-headline select {
    float: left;
    width: 150px;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none;
    margin-right: 15px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-headline a {
    display: block;
    float: right;
    text-decoration: none;
    width: 200px;
    text-align: center;
    background: #eb484b;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-headline a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .name {
    float: left;
    width: 300px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .name h5 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 6px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .name h6 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 3px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .name p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .status {
    float: left;
    width: 200px;
    color: #fff;
    margin-top: 18px;
    font-size: 18px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .status i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .status i.fa-clock {
    color: #ffc107
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .status i.fa-times {
    color: #eb484b
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .status i.fa-check {
    color: #198754
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-item-receipt-btn {
    float: right;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-item-receipt-btn:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .price {
    float: left;
    color: #fff;
    text-align: center;
    width: 150px;
    margin-top: 20px;
    font-size: 17px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-item-content {
    float: left;
    width: 100%;
    border-top: 1px solid #0a0f19;
    margin-top: 20px;
    display: none
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-item-content .account-page-payment-notifications-item-content-headline {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-item-content .account-page-payment-notifications-item-content-headline h3 {
    float: left;
    color: #fff
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-item-content .account-page-payment-notifications-item-content-headline .account-page-payment-notifications-item-content-close {
    float: right;
    background: #eb484b;
    display: block;
    margin: 0 auto;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 3px;
    transition: 400ms;
    color: #fff;
    margin-top: 20px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-item-content .account-page-payment-notifications-item-content-headline .account-page-payment-notifications-item-content-close:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-uploud {
    float: left;
    width: 100%;
    margin-top: 20px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-uploud label {
    float: left;
    position: relative;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 35px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px;
    cursor: pointer
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-uploud label:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-uploud label i {
    font-size: 18px;
    margin-right: 10px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-uploud label input {
    float: left;
    width: 0
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-uploud button {
    float: right;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 40px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px
}

.account-page .account-page-content .account-page-payment-notifications .account-page-payment-notifications-item .account-page-payment-notifications-uploud button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-withdraw-money {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-headline {
    float: left;
    width: 100%;
    background: linear-gradient(to left, #c02d67, #ee5030);
    padding: 20px 0 20px 50px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-headline h2 {
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 0
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-headline li {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 5px;
    font-size: 16px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 50px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li {
    list-style: none;
    float: left;
    margin-bottom: 10px;
    width: 50%
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li:nth-child(1) {
    padding-right: 10px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li:nth-child(3) {
    padding-right: 10px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    border-radius: 5px;
    background: #171822;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: 400ms;
    position: relative
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    visibility: hidden;
    background: #eb484b;
    transition: 400ms
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li.active a:before {
    width: 100%;
    visibility: visible
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li a img {
    width: 50px;
    height: 31px;
    margin-right: 15px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-headline {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-headline h4 {
    float: left;
    color: #5d6b82;
    font-size: 20px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-headline button {
    float: right;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-headline button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-headline p {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-top: 10px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content {
    background: #0e131f;
    overflow: hidden
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-header h3 {
    float: left;
    margin: 0;
    font-size: 17px;
    color: #fff
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-header {
    border-color: #171822
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-body {
    max-width: 400px;
    margin: 0 auto
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-body .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-body .form-group span {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #5d6b82;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-body .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-body .form-group select {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-body input[type="submit"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #0a7fe3;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    transition: 400ms;
    margin-top: 20px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-body input[type="submit"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .modal-content .modal-body p {
    float: left;
    width: 100%;
    color: #eb484b;
    margin-top: 10px;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table thead tr th {
    background: #171822;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr th,
.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr td {
    text-align: center;
    padding: 10px 0;
    color: #fff;
    position: relative;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr th input {
    position: absolute;
    left: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr th span {
    width: 25px;
    height: 24px;
    background: #fff;
    display: block;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    transition: 400ms;
    border-radius: 65px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr th span:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 25px;
    transition: 400ms
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr {
    background: #171822
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr:nth-of-type(odd) {
    background: #23242a
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr th input:checked~span:before {
    transition: 400ms;
    background: #198754
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr td button {
    display: block;
    background: transparent;
    border: none;
    outline: none;
    color: #eb484b;
    margin: 0 auto;
    font-size: 17px;
    transition: 400ms
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr td button:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-table tbody tr th span:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .account-page-withdraw-money-transfer-method-form-title {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    padding-left: 10px;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .account-page-withdraw-money-transfer-method-form-title span {
    color: #198754;
    font-weight: 600;
    margin: 0 7px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 17px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .form-group input[type="number"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .form-group input[type="number"]::-webkit-inner-spin-button,
.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .form-group input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .form-group input[type="submit"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #0a7fe3;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 5px;
    transition: 400ms;
    margin-top: 20px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form .form-group input[type="submit"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form ul {
    float: left;
    width: 100%;
    padding: 15px;
    margin: 0;
    background: #171822;
    border-radius: 3px;
    margin-top: 33px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form ul li {
    list-style: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #25273a;
    padding: 7px 0;
    color: #fff;
    font-size: 15px
}

.account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-transfer-method .account-page-withdraw-money-transfer-method-form ul li span {
    float: right
}

.account-page .account-page-content .account-page-payment-list {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-headline {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-headline input,
.account-page .account-page-content .account-page-payment-list .account-page-payment-list-headline select {
    float: left;
    width: 150px;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none;
    margin-right: 15px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-headline a {
    display: block;
    float: right;
    text-decoration: none;
    width: 200px;
    text-align: center;
    background: #eb484b;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-headline a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .name {
    float: left;
    width: 300px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .name h5 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 6px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .name h6 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 3px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .name p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .status {
    float: left;
    width: 200px;
    color: #fff;
    margin-top: 18px;
    font-size: 18px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .status i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .status i.fa-clock {
    color: #ffc107
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .status i.fa-times {
    color: #eb484b
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .status i.fa-check {
    color: #198754
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .price {
    float: left;
    color: #fff;
    text-align: center;
    width: 150px;
    margin-top: 20px;
    font-size: 17px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-button {
    float: right;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-button-open i {
    transform: rotate(179deg);
    transition: 400ms
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-button i {
    transition: 400ms
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-button i {
    margin-top: 4px;
    margin-left: 10px;
    float: right
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content {
    float: left;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #0a0f19;
    padding-top: 30px;
    display: none
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content strong {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 15px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 5px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content strong:nth-child(1) {
    font-size: 17px;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content .account-page-payment-list-item-content-support {
    display: block;
    float: right;
    text-decoration: none;
    text-align: center;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 5px;
    transition: 400ms;
    margin-right: 31px;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 1px solid #eb484b;
    color: #eb484b
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content .account-page-payment-list-item-content-support:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content .account-page-payment-list-item-content-right {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content .account-page-payment-list-item-content-right strong {
    margin-bottom: 5px;
    text-align: center;
    margin-top: 75px
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content .account-page-payment-list-item-content-right p {
    text-align: center;
    color: #198754
}

.account-page .account-page-content .account-page-payment-list .account-page-payment-list-item .account-page-payment-list-item-content .col-md-8 {
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-coupon {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-headline {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-headline select {
    float: left;
    width: 200px;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none;
    margin-top: 36px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-headline .form-group {
    float: right;
    width: 300px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-headline .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 17px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-headline .form-group input[type="text"] {
    float: left;
    width: 80%;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px 0 0 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-headline .form-group input[type="submit"] {
    float: left;
    width: 20%;
    background: #eb484b;
    outline: none;
    border: none;
    color: #fff;
    padding: 10px;
    font-size: 17px;
    border-radius: 0 5px 5px 0;
    transition: 400ms
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-headline .form-group input[type="submit"]:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item {
    float: left;
    width: 100%;
    background: #171822;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #fff;
    font-size: 17px;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item h3 span {
    float: right;
    color: #eb484b;
    font-size: 15px;
    font-weight: 600
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item h3 span i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item .img {
    float: left;
    max-width: 50px;
    height: 55px;
    overflow: hidden;
    margin-right: 5px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item .price {
    float: right;
    width: 50%;
    color: #fff;
    font-size: 25px;
    text-align: right;
    font-weight: 600
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item .button {
    float: right;
    margin-top: 14px;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 6px 20px;
    font-size: 15px;
    transition: 400ms;
    text-decoration: none
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item .button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-coupon .account-page-coupon-item .text {
    float: left;
    width: 100%;
    margin-top: 10px;
    color: #5d6b82
}

.account-page .account-page-content .account-page-financial-history {
    float: left;
    width: 100%;
    padding: 0 20px 20px
}

.account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #5d6b82;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline select {
    float: left;
    width: 150px;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 12px 15px;
    outline: none;
    margin-right: 15px
}

.account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline input[type="date"] {
    float: left;
    width: 150px;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none;
    margin-right: 15px
}

.account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline button {
    float: left;
    width: 150px;
    margin-right: 15px;
    padding: 10px 15px;
    background: #0a7fe3;
    font-size: 17px;
    transition: 400ms;
    border: none;
    outline: none;
    border-radius: 5px;
    font-weight: 600;
    color: #fff
}

.account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-financial-history thead tr th {
    background: #171822;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-financial-history tbody tr {
    background: #171822
}

.account-page .account-page-content .account-page-financial-history tbody tr:nth-of-type(odd) {
    background: #23242a
}

.account-page .account-page-content .account-page-financial-history tbody td,
.account-page .account-page-content .account-page-financial-history tbody th {
    text-align: center;
    padding: 17px 0;
    color: #fff;
    position: relative;
    font-size: 15px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-financial-history tbody td.color-green {
    color: #198754
}

.account-page .account-page-content .account-page-financial-history tbody td.color-red {
    color: #eb484b
}

.account-page .account-page-content .account-page-orders {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-page-orders .account-page-orders-headline {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-orders .account-page-orders-headline input {
    float: left;
    width: 100%;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none
}

.account-page .account-page-content .account-page-orders .account-page-orders-headline button {
    float: left;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 100%
}

.account-page .account-page-content .account-page-orders .account-page-orders-headline button i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-orders .account-page-orders-headline button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-orders .account-page-orders-headline select {
    float: left;
    width: 100%;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none
}

.account-page .account-page-content .account-page-orders .account-page-orders-item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .img {
    float: left;
    width: 70px;
    height: 75px;
    overflow: hidden;
    margin-right: 10px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .name {
    float: left;
    width: 250px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .name h5 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .name h6 {
    float: left;
    width: 100%;
    color: #198754;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 8px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .name p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .status {
    float: left;
    width: 150px;
    color: #fff;
    margin-top: 18px;
    font-size: 18px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .status i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .status i.fa-clock {
    color: #ffc107
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .status i.fa-times {
    color: #eb484b
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .status i.fa-check {
    color: #198754
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .price {
    float: left;
    color: #fff;
    text-align: center;
    width: 150px;
    margin-top: 20px;
    font-size: 17px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-button {
    float: right;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-button i {
    transition: 400ms
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-button-open i {
    transform: rotate(179deg);
    transition: 400ms
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-button i {
    margin-top: 4px;
    margin-left: 10px;
    float: right
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content {
    float: left;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #0a0f19;
    border-radius: 5px;
    display: none
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-title {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #0a0f19;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-title span {
    color: #eb484b;
    margin-left: 5px;
    font-weight: 600
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content h6 {
    color: #5d6b82;
    font-size: 16px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content p {
    color: #5d6b82;
    font-size: 16px;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content p span {
    color: #198754;
    font-weight: 600;
    font-size: 18px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-right {
    float: left;
    width: 100%;
    margin-top: 20px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-right strong {
    margin-bottom: 5px;
    text-align: center;
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-right strong span {
    color: #198754;
    margin-left: 5px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-code {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-code input {
    float: left;
    width: 380px;
    background: #23242a;
    color: #fff;
    border: 1px solid #0a0f19;
    border-radius: 5px 0 0 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-code .account-page-orders-item-code-copy {
    float: left;
    color: #fff;
    font-weight: 600;
    border: 1px solid #0a0f19;
    outline: none;
    border-radius: 0 5px 5px 0;
    border-left: none;
    padding: 11px 20px;
    font-size: 15px;
    background: #23242a;
    transition: 400ms
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-code .account-page-orders-item-code-copy:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-evaluate-buttons {
    float: left;
    width: 100%;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-evaluate-buttons img {
    float: left;
    width: 40px;
    height: 40px;
    background: #198754;
    border-radius: 50px;
    padding: 5px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-evaluate-buttons h3 {
    float: left;
    margin-top: 12px;
    width: 208px;
    color: #fff;
    font-size: 11px;
    padding-left: 5px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-evaluate-buttons a {
    float: left;
    display: block;
    width: 100%;
    color: #fff;
    text-decoration: none;
    background: #0a7fe3;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
    transition: 300ms;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-evaluate-buttons a:hover {
    opacity: 0.7;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-evaluate-buttons a i {
    margin-right: 5px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address {
    float: left;
    width: 100%;
    margin: 20px 0;
    border-top: 1px solid #0a0f19;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .address {
    float: left;
    width: 100%;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .address h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .address h5 {
    float: left;
    width: 100%;
    color: #fff;
    margin: 10px 0;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .address span {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 5px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .price-detail {
    float: left;
    width: 100%;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .price-detail h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .price-detail strong {
    float: left;
    width: 100%;
    background: #0a0f19;
    color: #198754;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .price-detail ul {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 20px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .price-detail ul li {
    float: left;
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .price-detail ul li span {
    float: left;
    width: 50%;
    color: #5d6b82;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-billing-address .price-detail hr {
    float: left;
    width: 100%;
    border-color: #0a0f19;
    margin: 10px 0;
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 0 15px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer a {
    float: left;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 5px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    text-decoration: none;
    margin-right: 20px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer a i {
    margin: 0 5px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer a img {
    width: 20px;
    margin: 0 5px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer a.repeat {
    background: #198754
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer a.question {
    background: #ffc107
}

.account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer a.support {
    background: #eb484b
}

.account-page .account-page-content .account-page-sales {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping .img {
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 70px;
    border: 4px solid #1cbff8;
    padding: 10px 5px;
    text-align: center;
    background: #171822;
    margin-right: 15px
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping h4 {
    float: left;
    width: 300px;
    overflow: hidden;
    color: #fff;
    font-weight: 600;
    margin-top: 4px;
    margin-bottom: 5px
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping span {
    float: left;
    color: #fff;
    background: #198754;
    padding: 2px 6px;
    border-radius: 5px;
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping a {
    display: inline-block;
    width: 300px;
    margin-top: 5px;
    text-decoration: revert;
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new .time {
    float: left;
    width: 250px;
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new .time strong {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new .time a {
    text-decoration: none;
    display: inline-block;
    color: #eb484b;
    margin-top: 3px;
    font-weight: 600;
    font-size: 15px;
    transition: 400ms;
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new .time a:hover {
    opacity: .6;
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new .new {
    float: right
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new .new a {
    display: block;
    float: right;
    text-decoration: none;
    text-align: center;
    background: #eb484b;
    padding: 10px 26px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms;
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new .new a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px;
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline .account-page-sales-headline-button {
    float: left;
    width: 100%;
    margin-top: 20px
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline .account-page-sales-headline-button a {
    display: inline-block;
    width: 50%;
    text-decoration: none;
    background: #171822;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: 400ms;
    text-align: center;

}

.account-page .account-page-content .account-page-sales .account-page-sales-headline .account-page-sales-headline-button a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline .account-page-sales-headline-button a:nth-child(1) {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-sales .account-page-sales-headline .account-page-sales-headline-button a:nth-child(2) {
    border-radius: 0 5px 5px 0
}

.account-page .account-page-content .account-page-sales .account-page-sales-search {
    float: left;
    width: 100%;
    margin: 20px 0
}

.account-page .account-page-content .account-page-sales .account-page-sales-search input {
    float: left;
    width: 80%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-sales .account-page-sales-search select {
    float: right;
    width: 150px;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none
}

.account-page .account-page-content .account-page-sales .account-page-sales-status-button {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-sales .account-page-sales-status-button a {
    float: left;
    width: 25%;
    background: #0a7fe3;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    transition: 400ms
}

.account-page .account-page-content .account-page-sales .account-page-sales-status-button a i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-sales .account-page-sales-status-button a:nth-child(1) {
    border-radius: 5px 0 0 5px
}

.account-page .account-page-content .account-page-sales .account-page-sales-status-button a:nth-child(2) {
    background: #ffc107
}

.account-page .account-page-content .account-page-sales .account-page-sales-status-button a:nth-child(3) {
    background: #198754
}

.account-page .account-page-content .account-page-sales .account-page-sales-status-button a:nth-child(4) {
    background: #eb484b;
    border-radius: 0 5px 5px 0
}

.account-page .account-page-content .account-page-sales .account-page-sales-status-button a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .img {
    float: left;
    width: 70px;
    height: 75px;
    overflow: hidden;
    margin-right: 10px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .name {
    float: left;
    width: 300px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .name h5 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .name h6 {
    float: left;
    width: 100%;
    color: #198754;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 8px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .name p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .status {
    float: left;
    width: 150px;
    color: #fff;
    margin-top: 18px;
    font-size: 18px;
    text-align: center
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .status i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .status i.fa-clock {
    color: #ffc107
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .status i.fa-times {
    color: #eb484b
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .status i.fa-check {
    color: #198754
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .price {
    float: left;
    color: #fff;
    text-align: center;
    width: 150px;
    margin-top: 7px;
    font-size: 17px;
    padding: 0 15px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .price p {
    float: left;
    width: 100%;
    margin-bottom: 0;
    font-size: 17px;
    border-bottom: 1px solid #0a0f19;
    padding-bottom: 3px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .price p:nth-child(2) {
    font-size: 15px;
    border: none;
    margin-top: 3px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .price p strong {
    margin-right: 5px;
    color: #ffc107
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .account-page-sales-item-button {
    float: right;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .account-page-sales-item-button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .account-page-sales-item-button i {
    margin-top: 4px;
    margin-left: 10px;
    float: right;
    transition: 400ms
}

.account-page .account-page-content .account-page-sales .account-page-sales-item .account-page-sales-item-button-open i {
    transform: rotate(179deg);
    transition: 400ms
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content {
    float: left;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #0a0f19;
    border-radius: 5px;
    display: none
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-left {
    float: left;
    width: 100%;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-left h4 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 17px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-left h6 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #198754;
    font-size: 15px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-left p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-left p strong {
    color: #eb484b;
    margin-left: 3px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right h4 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right h4 span {
    color: #198754
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right button {
    background: #198754;
    float: left;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 13px;
    transition: 400ms;
    margin-right: 15px
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right button:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right a {
    background: #eb484b;
    display: block;
    text-decoration: none;
    float: left;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 13px;
    transition: 400ms
}

.account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right a:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-gb-sell {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-gb-sell .account-page-gb-sell-tabs-menu {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0
}

.account-page .account-page-content .account-page-gb-sell .account-page-gb-sell-tabs-menu li {
    list-style: none;
    float: left;
    width: 33.333%
}

.account-page .account-page-content .account-page-gb-sell .account-page-gb-sell-tabs-menu li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    background: #171822;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: 400ms;
    position: relative;
    text-align: center
}

.account-page .account-page-content .account-page-gb-sell .account-page-gb-sell-tabs-menu li:nth-child(1) a {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-gb-sell .account-page-gb-sell-tabs-menu li:nth-child(2) a {
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-gb-sell .account-page-gb-sell-tabs-menu li:nth-child(3) a {
    border-radius: 0 5px 5px 0
}

.account-page .account-page-content .account-page-gb-sell .account-page-gb-sell-tabs-menu li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    visibility: hidden;
    background: #eb484b;
    transition: 400ms
}

.account-page .account-page-content .account-page-gb-sell .account-page-gb-sell-tabs-menu li.active a:before {
    width: 100%;
    visibility: visible
}

.account-page .account-page-content .account-page-gb-sell thead tr th {
    background: #171822;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-gb-sell tbody tr {
    background: #171822
}

.account-page .account-page-content .account-page-gb-sell tbody tr:nth-of-type(odd) {
    background: #23242a
}

.account-page .account-page-content .account-page-gb-sell tbody tr td {
    text-align: center;
    padding: 17px 0;
    color: #fff;
    position: relative;
    font-size: 15px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-comments {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-comments .account-page-comments-title {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 20px;
    font-size: 24px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-headline {
    float: left;
    width: 100%;
    border-bottom: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-headline .img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-headline .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-headline .name {
    float: left;
    margin-top: 20px;
    font-size: 16px;
    transition: 200ms;
    text-decoration: none;
    max-width: 600px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-headline .name:hover {
    color: #eb484b
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-headline .button {
    float: right;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    text-decoration: none;
    margin-top: 10px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-headline .button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-1 {
    float: left;
    width: 100%;
    padding: 10px 0
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-1 span {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-top: 10px;
    font-size: 15px;
    margin-bottom: 5px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-1 p {
    float: left;
    width: 100%;
    color: #fff;
    margin: 0
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-2 {
    float: right;
    width: 95%;
    padding: 10px 20px;
    border: 1px solid #0a0f19;
    margin-top: 10px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-2 span {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 5px;
    font-size: 15px
}

.account-page .account-page-content .account-page-comments .account-page-comments-item .account-page-comments-item-2 p {
    float: left;
    width: 100%;
    color: #fff;
    margin: 0
}

.account-page .account-page-content .account-page-favorite {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-title {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 20px;
    font-size: 24px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-search {
    float: left;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-search span {
    float: left;
    background: #171822;
    color: #5d6b82;
    border-radius: 5px 0 0 5px;
    font-size: 17px;
    padding: 9px 15px;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-search select {
    float: left;
    background: #171822;
    color: #fff;
    border-radius: 0 5px 5px 0;
    font-size: 17px;
    padding: 10px 15px;
    border: none;
    outline: none;
    min-width: 150px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .img {
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .name {
    float: left;
    width: 300px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .name span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 17px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .name a {
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    color: #fff;
    transition: 200ms;
    font-size: 15px;
    margin-top: 10px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .name a:hover {
    color: #eb484b
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .buttons {
    float: right;
    margin-top: 20px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .buttons a {
    display: block;
    background: #0a7fe3;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 14px;
    transition: 400ms;
    font-weight: 600;
    float: left
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .buttons a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .buttons button {
    float: left;
    display: block;
    background: #eb484b;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 14px;
    transition: 400ms;
    font-weight: 600;
    outline: none;
    border: none;
    margin-left: 10px
}

.account-page .account-page-content .account-page-favorite .account-page-favorite-item .buttons button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-notifications {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu li {
    list-style: none;
    float: left;
    width: 16.6666%
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu li a {
    display: block;
    float: left;
    width: 100%;
    text-decoration: none;
    background: #171822;
    padding: 20px 0;
    color: #fff;
    font-size: 14px;
    transition: 400ms;
    position: relative;
    text-align: center;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu li a:hover {
    color: #eb484b
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu li:last-child a {
    border: none
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    visibility: hidden;
    background: #eb484b;
    transition: 400ms
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu li.active a:before {
    width: 100%;
    visibility: visible
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-buttons {
    float: right;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-buttons button i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-buttons .all-ok {
    background: #198754;
    float: left;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 13px;
    transition: 400ms;
    margin-right: 10px
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-buttons .all-delete {
    background: #eb484b;
    float: left;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 13px;
    transition: 400ms
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-buttons button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item {
    float: left;
    width: 100%;
    border-bottom: 1px solid #0a0f19;
    padding: 20px
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item .img {
    float: left;
    width: 30px;
    height: 30px;
    background: #ffc107;
    padding: 3px 0;
    text-align: center;
    border-radius: 30px;
    margin-right: 10px
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item .bg-green {
    background: #198754
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item p {
    float: left;
    max-width: 95%;
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item a {
    display: block;
    color: #fff;
    font-size: 15px;
    float: left
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item a:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item span {
    color: #959195;
    font-size: 12px;
    float: left;
    width: 100%;
    padding-left: 38px;
    margin-top: 10px
}

.account-page .account-page-content .account-page-notifications .account-page-notifications-item h3 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    color: #959195;
    font-size: 18px
}

.account-page .account-page-content .account-page-trade-url {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-title {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-title h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #5d6b82;
    margin-bottom: 5px
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-title h3 a {
    float: right;
    font-size: 16px;
    text-decoration: none;
    color: #eb484b;
    transition: 200ms
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-title h3 a:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-title span {
    float: left;
    width: 100%;
    color: #ddd;
    padding-left: 3px
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-form {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-form span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 17px;
    margin-bottom: 5px
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-form input[type="text"] {
    float: left;
    width: 70%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 11px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-form input[type="submit"] {
    float: right;
    outline: none;
    border: none;
    background: #0a7fe3;
    color: #fff;
    font-size: 16px;
    padding: 10px 0;
    border-radius: 5px;
    transition: 400ms;
    text-align: center;
    width: 25%
}

.account-page .account-page-content .account-page-trade-url .account-page-trade-url-form input[type="submit"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-trade-url thead tr th {
    background: #171822;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-trade-url tbody tr {
    background: #171822
}

.account-page .account-page-content .account-page-trade-url tbody tr:nth-of-type(odd) {
    background: #23242a
}

.account-page .account-page-content .account-page-trade-url tbody tr td {
    text-align: center;
    padding: 17px 0;
    color: #fff;
    position: relative;
    font-size: 15px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-trade-url tbody tr td.img {
    padding: 11px 0
}

.account-page .account-page-content .account-page-trade-url tbody tr td.img img {
    width: 40px;
    max-height: 40px
}

.account-page .account-page-content .account-page-trade-url tbody tr td button {
    background: #eb484b;
    display: block;
    margin: 0 auto;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms
}

.account-page .account-page-content .account-page-trade-url tbody tr td button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-donate-support-add {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-donate-support-add .account-page-donate-support-add-title {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #5d6b82;
    margin-bottom: 20px;
    font-size: 24px;
    padding: 0 15px
}

.account-page .account-page-content .account-page-donate-support-add .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-donate-support-add .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 16px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-donate-support-add .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-donate-support-add .form-group label {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 23px;
}

.account-page .account-page-content .account-page-donate-support-add .form-group label input {
    width: 17px;
    height: 17px;
    margin-right: 7px;
    margin-top: 3px;
}

.account-page .account-page-content .account-page-donate-support-add .form-group label a {
    margin-right: 3px;
}

.account-page .account-page-content .account-page-donate-support-add .form-group select {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-support {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-support span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 16px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-support strong {
    float: left;
    width: 40%;
    font-size: 13px;
    background: #23242a;
    padding: 11px 0 15px 15px;
    border-radius: 5px 0 0 5px;
    color: #ddd;
    font-weight: 500;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-donate-support-add .form-group-support input {
    float: left;
    width: 60%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 0 5px 5px 0
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification label {
    float: left;
    width: 33.333%;
    position: relative;
    padding: 0;
    height: 45px;
    cursor: pointer
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification label:hover p {
    color: #eb484b
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification label:before {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 0;
    bottom: 5px;
    margin: 0 auto;
    height: 100%;
    background: #020a20;
    border-radius: 5px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification strong {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 16px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification label input {
    width: 17px;
    height: 17px;
    margin-left: 13px;
    margin-top: 7px;
    z-index: 2;
    position: relative
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification label span {
    position: absolute;
    right: 0;
    top: 7px;
    width: 100px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification label span p {
    margin-bottom: 0;
    color: #fff;
    font-size: 11px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-notification label span p:nth-child(2) {
    font-weight: 500;
    font-size: 9px;
    margin-top: 3px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-right {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-right span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 16px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-donate-support-add .form-group-right i {
    float: left;
    width: 15%;
    font-size: 18px;
    background: #171822;
    padding: 13px 0;
    border-radius: 5px 0 0 5px;
    color: #ddd;
    font-weight: 500;
    border-right: 1px solid #0a0f19;
    text-align: center
}

.account-page .account-page-content .account-page-donate-support-add .form-group-right input {
    float: left;
    width: 85%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 0 5px 5px 0
}

.account-page .account-page-content .account-page-donate-support-add .form-group-buttons {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin: 20px 0
}

.account-page .account-page-content .account-page-donate-support-add .form-group-buttons input {
    float: right;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms
}

.account-page .account-page-content .account-page-donate-support-add .form-group-buttons input:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-donate-list {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-donate-list .account-page-donate-list-headline {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.account-page .account-page-content .account-page-donate-list .account-page-donate-list-headline input {
    float: left;
    width: 150px;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none;
    margin-right: 15px
}

.account-page .account-page-content .account-page-donate-list .account-page-donate-list-headline button {
    float: left;
    width: 150px;
    margin-right: 15px;
    padding: 10px 15px;
    background: #0a7fe3;
    font-size: 17px;
    transition: 400ms;
    border: none;
    outline: none;
    border-radius: 5px;
    font-weight: 600;
    color: #fff
}

.account-page .account-page-content .account-page-donate-list .account-page-donate-list-headline button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-donate-list thead th {
    background: #171822;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-donate-list tbody tr {
    background: #171822
}

.account-page .account-page-content .account-page-donate-list tbody tr:nth-of-type(odd) {
    background: #23242a
}

.account-page .account-page-content .account-page-donate-list tbody tr td {
    text-align: center;
    padding: 17px 0;
    color: #fff;
    position: relative;
    font-size: 15px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-donate-list tbody tr td button {
    background: #198754;
    display: block;
    margin: 0 auto;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms
}

.account-page .account-page-content .account-page-donate-list tbody tr td button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-shoping {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item {
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 100px;
    border: 4px solid #1cbff8;
    padding: 15px 5px;
    text-align: center;
    background: #171822;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons i {
    margin-left: 5px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons label {
    background: #0a7fe3;
    float: left;
    display: block;
    color: #fff;
    border: none;
    outline: none;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms;
    cursor: pointer;
    font-weight: 500;
    width: 48%;
    text-align: center
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons label:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons button {
    background: #eb484b;
    float: right;
    display: block;
    color: #fff;
    border: none;
    outline: none;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms;
    cursor: pointer;
    width: 48%
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .name {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .name a {
    margin: 0 auto;
    font-size: 17px;
    text-decoration: underline;
    color: #5d6b82
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .name a:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .name p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group {
    float: left;
    width: 100%;
    margin-bottom: 23px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group textarea {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    min-height: 100px;
    max-height: 100px;
    max-width: 100%;
    min-width: 100%
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group-link {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group-link span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group-link strong {
    float: left;
    width: 60%;
    font-size: 12px;
    background: #23242a;
    padding: 11px 0 15px 15px;
    border-radius: 5px 0 0 5px;
    color: #ddd;
    font-weight: 500;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group-link input {
    float: left;
    width: 40%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 0 5px 5px 0
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-total-seller {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #0a0f19;
    border-radius: 5px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-total-seller span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-total-seller span i {
    float: right;
    font-size: 20px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-total-seller select {
    float: left;
    width: 65%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 13px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-total-seller h4 {
    float: left;
    width: 35%;
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-holiday {
    float: left;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #0a0f19;
    margin-top: 20px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-holiday h3 {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin-top: 10px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-holiday label {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-holiday label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-holiday label .checkmark {
    width: 62px;
    height: 30px;
    background: #eb484b;
    border-radius: 62px;
    position: relative;
    transition: .2s;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    cursor: pointer
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-holiday label .checkmark:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 24px;
    height: 24px;
    left: 0;
    top: 3px;
    margin: 0 3px;
    border-radius: 25px;
    transition: .2s
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-holiday label input:checked~.checkmark {
    background: #198754;
    transition: 400ms
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-holiday label input:checked~.checkmark:before {
    transition: .2s;
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px)
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form-update {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form-update button {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 100%
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form-update button i {
    margin-left: 5px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form-update button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours {
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #0a0f19;
    margin-top: 20px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #5d6b82;
    margin-bottom: 30px;
    font-size: 18px;
    text-align: center
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours h3 i {
    margin-left: 5px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours .container {
    max-width: 570px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours select {
    float: left;
    width: 200px;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours button {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 14px;
    transition: 400ms;
    margin-left: 10px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours span {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    color: #5d6b82;
    margin-top: 10px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-hours .account-page-shoping-hours-time {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
    color: #5d6b82;
    font-size: 15px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table {
    float: left;
    width: 100%;
    margin-top: 30px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #5d6b82;
    margin-bottom: 30px;
    font-size: 18px
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table thead tr th {
    background: #171822;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table tbody tr {
    background: #171822
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table tbody tr:nth-of-type(odd) {
    background: #23242a
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table tbody tr td {
    text-align: center;
    padding: 17px 5px;
    color: #fff;
    position: relative;
    font-size: 14px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table tbody tr td.status-ok {
    color: #198754
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table tbody tr td.status-no {
    color: #eb484b
}

.account-page .account-page-content .account-page-shoping .account-page-shoping-table tbody tr td.status-waiting {
    color: #ffc107
}

.account-page .account-page-content .account-page-settings {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-settings .account-page-settings-refresh-btn {
    float: left;
    text-align: center;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 5px;
    transition: 400ms;
    margin-right: 31px;
    margin-bottom: 10px;
    border: 1px solid #eb484b;
    color: #eb484b;
    outline: none;
    background: transparent;
    display: none
}

.account-page .account-page-content .account-page-settings .account-page-settings-refresh-btn i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-refresh-btn:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-settings .account-page-settings-home {
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left .img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 100px;
    border: 4px solid #1cbff8;
    padding: 15px 5px;
    text-align: center;
    background: #171822;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #5d6b82;
    font-size: 18px;
    text-align: center
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left label {
    background: #0a7fe3;
    float: left;
    display: block;
    color: #fff;
    border: none;
    outline: none;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms;
    cursor: pointer;
    font-weight: 500;
    width: 48%;
    text-align: center
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left label i {
    margin-left: 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left label:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left button {
    background: #eb484b;
    float: right;
    display: block;
    color: #fff;
    border: none;
    outline: none;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms;
    cursor: pointer;
    width: 48%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left button i {
    margin-left: 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-email {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-email span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-email input {
    float: left;
    width: 75%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 10px 15px;
    border-radius: 5px 0 0 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-email .form-group-email-button {
    float: left;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 0 2px 2px 0;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 25%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-email .form-group-email-button:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity span a {
    color: #0a7fe3;
    text-decoration: none;
    border-left: 3px solid #0a0f19;
    margin-left: 5px;
    padding-left: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity span a:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity input {
    float: left;
    width: 75%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px 0 0 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity .form-group-identity-edit {
    float: left;
    background: #171822;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 25%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity .form-group-identity-edit:hover {
    color: #eb484b
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity .form-group-identity-confirm {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 0 2px 2px 0;
    padding: 11px 10px;
    font-size: 15px;
    transition: 400ms;
    width: 25%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity .form-group-identity-confirm:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity .form-group-identity-confirm i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity .bg-red {
    background: #eb484b
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-radio {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-radio span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-radio label {
    float: left;
    position: relative;
    color: #fff;
    margin-right: 20px;
    cursor: pointer;
    font-weight: 500
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-radio label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-radio label div {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    display: block;
    position: relative;
    cursor: pointer;
    transition: 400ms;
    border-radius: 65px;
    margin-right: 5px;
    margin-top: -1px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-radio label div:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 25px;
    transition: 400ms
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-radio label input:checked~div:before {
    transition: 400ms;
    background: #0a7fe3
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-notification {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-notification span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-notification label {
    float: left;
    position: relative;
    color: #fff;
    margin-right: 20px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-notification label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-notification label .checkmark {
    float: left;
    width: 52px;
    height: 22px;
    background: #eb484b;
    border-radius: 62px;
    position: relative;
    transition: .2s;
    overflow: hidden;
    display: block;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -1px
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-notification label .checkmark:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 18px;
    height: 18px;
    left: 0;
    top: 2px;
    margin: 0 3px;
    border-radius: 25px;
    transition: .2s
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-notification label input:checked~.checkmark:before {
    transition: .2s;
    -webkit-transform: translateX(37px);
    -ms-transform: translateX(37px);
    transform: translateX(27px)
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-notification label input:checked~.checkmark {
    background: #198754;
    transition: 400ms
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-buttons {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-buttons input {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-buttons input:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change {
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 20px 0;
    border: 1px solid #0a0f19;
    display: none
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change .container {
    max-width: 500px
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change h3 {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 24px
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change span {
    float: left;
    width: 100%;
    color: #eb484b;
    margin-bottom: 10px;
    font-size: 14px
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change input[type="text"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change input[type="submit"] {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change input[type="submit"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change input[type="button"] {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-email-change input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number {
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 20px 0;
    border: 1px solid #0a0f19;
    display: none
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number .container {
    max-width: 500px
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number h3 {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 24px
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number p {
    float: left;
    width: 100%;
    color: #eb484b;
    margin-bottom: 10px;
    font-size: 14px
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number .form-group-button {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number .form-group-button input {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-identity-number .form-group-button input:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change {
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 20px 0;
    border: 1px solid #0a0f19;
    display: none
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .container {
    max-width: 400px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change h3 {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 24px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change p {
    float: left;
    width: 100%;
    color: #eb484b;
    margin-bottom: 10px;
    font-size: 14px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group .account-page-settings-phone-change-img {
    width: 20%;
    float: left;
    background: #171822;
    text-align: center;
    height: 41px;
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group .account-page-settings-phone-change-img img {
    width: 35px;
    height: 25px;
    margin-top: 9px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group select {
    float: left;
    width: 80%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 0 5px 5px 0
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group .account-page-settings-phone-change-code {
    width: 20%;
    float: left;
    background: #171822;
    text-align: center;
    height: 43px;
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #0a0f19;
    color: #fff;
    font-size: 16px;
    padding: 10px 0
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group input {
    float: left;
    width: 80%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 0 5px 5px 0
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group input::-webkit-inner-spin-button,
.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group input::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-radio {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 10px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-radio label {
    float: left;
    position: relative;
    color: #fff;
    margin-right: 20px;
    cursor: pointer;
    font-weight: 500
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-radio label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-radio label span {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    display: block;
    position: relative;
    cursor: pointer;
    transition: 400ms;
    border-radius: 65px;
    margin-right: 5px;
    margin-top: -1px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-radio label span:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 25px;
    transition: 400ms
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-radio label input:checked~span:before {
    transition: 400ms;
    background: #0a7fe3
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-code-confirm {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-code-confirm span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-code-confirm span strong {
    color: #eb484b
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-code-confirm input {
    float: left;
    width: 75%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 11px 15px;
    border-radius: 5px 0 0 5px
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-code-confirm button {
    float: left;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 0 2px 2px 0;
    padding: 11px 10px;
    font-size: 15px;
    transition: 400ms;
    width: 25%
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-code-confirm button:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-button {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-button input {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    width: 100%
}

.account-page .account-page-content .account-page-settings .account-page-settings-phone-change .form-group-button input:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-change-password {
    float: left;
    width: 100%;
    margin: 50px 0
}

.account-page .account-page-content .account-page-change-password .container {
    max-width: 450px
}

.account-page .account-page-content .account-page-change-password .img {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.account-page .account-page-content .account-page-change-password .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-change-password h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #5d6b82
}

.account-page .account-page-content .account-page-change-password p {
    float: left;
    width: 100%;
    text-align: center;
    color: #eb484b
}

.account-page .account-page-content .account-page-change-password .form-group {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-change-password .form-group input {
    float: left;
    width: 89%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 17px;
    padding: 14px;
    border-radius: 5px 0 0 5px
}

.account-page .account-page-content .account-page-change-password .form-group button {
    float: left;
    width: 11%;
    text-align: center;
    background: #0a7fe3;
    border: none;
    outline: none;
    color: #fff;
    font-size: 17px;
    padding: 14px 0;
    border-radius: 0 5px 5px 0;
    transition: 400ms
}

.account-page .account-page-content .account-page-change-password .form-group button:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-change-password .form-group .progress {
    float: left;
    width: 100%;
    margin-top: 15px;
    background: #5d6b82;
    border-radius: 5px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-change-password .form-group .progress p {
    color: #fff
}

.account-page .account-page-content .account-page-change-password input[type="submit"] {
    float: left;
    background: #198754;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    font-size: 17px;
    margin-top: 10px;
    font-weight: 600;
    transition: 400ms
}

.account-page .account-page-content .account-page-change-password input[type="submit"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-address-invoice {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-headline {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-headline h3 {
    float: left;
    margin-top: 0;
    color: #5d6b82;
    margin-bottom: 5px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-headline .account-page-address-invoice-headline-btn {
    display: block;
    float: right;
    text-decoration: none;
    text-align: center;
    background: #eb484b;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms;
    border: none;
    outline: none
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-headline .account-page-address-invoice-headline-btn:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form {
    float: left;
    width: 100%;
    display: none
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-radio {
    float: left;
    width: 100%;
    margin-bottom: 26px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-radio span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 15px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-radio label {
    float: left;
    position: relative;
    color: #fff;
    margin-right: 20px;
    cursor: pointer;
    font-weight: 500
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-radio label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-radio label div {
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    display: block;
    position: relative;
    cursor: pointer;
    transition: 400ms;
    border-radius: 65px;
    margin-right: 5px;
    margin-top: -1px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-radio label div:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 25px;
    transition: 400ms
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-radio label input:checked~div:before {
    transition: 400ms;
    background: #0a7fe3
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group input[type="number"]::-webkit-inner-spin-button,
.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group select {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group textarea {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    min-width: 100%;
    max-width: 100%;
    min-height: 135px;
    max-height: 135px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-button {
    float: right;
    margin-top: 30px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-button .account-page-address-invoice-form-close {
    float: left;
    background: #eb484b;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 10px;
    font-size: 15px;
    transition: 400ms;
    margin-right: 20px;
    width: 200px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-button .account-page-address-invoice-form-close:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-button input {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 10px;
    font-size: 15px;
    transition: 400ms;
    width: 200px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-button input:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item {
    float: left;
    width: 100%;
    border: 1px solid #0a0f19;
    margin: 15px 0;
    border-radius: 5px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item h4 {
    float: left;
    width: 100%;
    margin-top: 0;
    border-bottom: 1px solid #0a0f19;
    padding: 10px;
    color: #5d6b82
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item h4 i {
    float: right
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item strong {
    float: left;
    width: 100%;
    padding: 0 10px;
    color: #5d6b82;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item strong b {
    color: #eb484b;
    margin-left: 5px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item p {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 0;
    padding: 0 10px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item span {
    float: left;
    width: 100%;
    color: #5d6b82;
    padding: 0 10px;
    font-size: 13px;
    margin-top: 10px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item .account-page-address-invoice-item-btn {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 0 10px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item .account-page-address-invoice-item-btn button i {
    margin-left: 10px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item .account-page-address-invoice-item-btn .delete {
    background: #eb484b;
    float: left;
    display: block;
    color: #fff;
    border: none;
    outline: none;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms;
    cursor: pointer;
    margin-right: 10px;
    width: 100px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item .account-page-address-invoice-item-btn .update {
    background: #0a7fe3;
    float: left;
    display: block;
    color: #fff;
    border: none;
    outline: none;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms;
    cursor: pointer;
    width: 100px
}

.account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-item .account-page-address-invoice-item-btn button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-security-settings {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-headline {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-headline strong {
    float: left;
    width: 100%;
    color: #eb484b;
    font-size: 17px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-headline p {
    float: left;
    width: 100%;
    color: #5d6b82
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form input[type="text"] {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form input[type="submit"] {
    float: left;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 10px;
    font-size: 15px;
    transition: 400ms;
    width: 100%;
    margin-top: 30px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form input[type="submit"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-security-settings thead tr th {
    background: #171822;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-security-settings tbody tr {
    background: #171822
}

.account-page .account-page-content .account-page-security-settings tbody tr:nth-of-type(odd) {
    background: #23242a
}

.account-page .account-page-content .account-page-security-settings tbody tr td {
    text-align: center;
    padding: 17px 0;
    color: #fff;
    position: relative;
    font-size: 15px;
    border-color: #0a0f19
}

.account-page .account-page-content .account-page-security-settings tbody tr td button {
    background: #eb484b;
    display: block;
    margin: 0 auto;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 3px;
    transition: 400ms
}

.account-page .account-page-content .account-page-security-settings tbody tr td button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification {
    float: left;
    width: 100%;
    margin-top: 20px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification h4 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #eb484b;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification p {
    float: left;
    width: 100%;
    color: #5d6b82
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label {
    float: left;
    position: relative;
    color: #fff;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label .checkmark {
    float: right;
    width: 52px;
    height: 22px;
    background: #eb484b;
    border-radius: 62px;
    position: relative;
    transition: .2s;
    overflow: hidden;
    display: block;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -1px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label .checkmark b:before {
    content: "On";
    position: absolute;
    left: 7px;
    top: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    display: none
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label .checkmark b:after {
    content: "Off";
    position: absolute;
    right: 9px;
    top: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 11px
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label .checkmark:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 18px;
    height: 18px;
    left: 0;
    top: 2px;
    margin: 0 3px;
    border-radius: 25px;
    transition: .2s
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label input:checked~.checkmark {
    background: #198754;
    transition: 400ms
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label input:checked~.checkmark:before {
    transition: .2s;
    -webkit-transform: translateX(37px);
    -ms-transform: translateX(37px);
    transform: translateX(27px)
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label input:checked~.checkmark b:before {
    display: block
}

.account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification label input:checked~.checkmark b:after {
    display: none
}

.account-page .account-page-content .account-page-notification-settings {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-notification-settings h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #5d6b82;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-notification-settings label {
    float: left;
    position: relative;
    color: #fff;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-notification-settings label a {
    margin-left: 10px
}

.account-page .account-page-content .account-page-notification-settings label a i {
    margin: 0 5px
}

.account-page .account-page-content .account-page-notification-settings label input {
    position: absolute;
    width: 0;
    visibility: hidden
}

.account-page .account-page-content .account-page-notification-settings label .checkmark {
    float: right;
    width: 52px;
    height: 22px;
    background: #eb484b;
    border-radius: 62px;
    position: relative;
    transition: .2s;
    overflow: hidden;
    display: block;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -1px
}

.account-page .account-page-content .account-page-notification-settings label .checkmark:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 18px;
    height: 18px;
    left: 0;
    top: 2px;
    margin: 0 3px;
    border-radius: 25px;
    transition: .2s
}

.account-page .account-page-content .account-page-notification-settings label .checkmark b:before {
    content: "On";
    position: absolute;
    left: 7px;
    top: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    display: none
}

.account-page .account-page-content .account-page-notification-settings label .checkmark b:after {
    content: "Off";
    position: absolute;
    right: 9px;
    top: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 11px
}

.account-page .account-page-content .account-page-notification-settings label input:checked~.checkmark {
    background: #198754;
    transition: 400ms
}

.account-page .account-page-content .account-page-notification-settings label input:checked~.checkmark:before {
    transition: .2s;
    -webkit-transform: translateX(37px);
    -ms-transform: translateX(37px);
    transform: translateX(27px)
}

.account-page .account-page-content .account-page-notification-settings label input:checked~.checkmark b:before {
    display: block
}

.account-page .account-page-content .account-page-notification-settings label input:checked~.checkmark b:after {
    display: none
}

.account-page .account-page-content .account-page-socials {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-socials h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    color: #5d6b82;
    padding-left: 15px
}

.account-page .account-page-content .account-page-socials .col-16 {
    float: left;
    width: 20%;
    padding: 0 15px
}

.account-page .account-page-content .account-page-socials .account-page-socials-item {
    float: left;
    width: 100%;
    background: #dddd;
    padding: 20px;
    border-radius: 2px
}

.account-page .account-page-content .account-page-socials .account-page-socials-item .img {
    display: block;
    width: 51px;
    height: 51px;
    padding: 8px;
    background: #fff;
    border-radius: 60px;
    margin: 30px auto
}

.account-page .account-page-content .account-page-socials .account-page-socials-item .img img {
    max-width: 100%
}

.account-page .account-page-content .account-page-socials .account-page-socials-item span {
    float: left;
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #fff
}

.account-page .account-page-content .account-page-socials .account-page-socials-item a {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 10px 0;
    text-align: center;
    transition: 400ms;
    text-decoration: none;
    margin-top: 15px;
    border-radius: 2px
}

.account-page .account-page-content .account-page-socials .account-page-socials-item a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-socials .facebook {
    background: #3b5998 !important
}

.account-page .account-page-content .account-page-socials .google {
    background: #ea4335 !important
}

.account-page .account-page-content .account-page-socials .twitter {
    background: #55acee !important
}

.account-page .account-page-content .account-page-socials .twitch {
    background: #6441a5 !important
}

.account-page .account-page-content .account-page-socials .steam {
    background: #000 !important
}

.account-page .account-page-content .account-page-socials .facebook a {
    color: #3b5998 !important
}

.account-page .account-page-content .account-page-socials .google a {
    color: #ea4335 !important
}

.account-page .account-page-content .account-page-socials .twitter a {
    color: #55acee !important
}

.account-page .account-page-content .account-page-socials .twitch a {
    color: #6441a5 !important
}

.account-page .account-page-content .account-page-socials .steam a {
    color: #000 !important
}

.account-page .account-page-content .account-page-support-ticket-add {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-support-ticket-add .account-page-support-ticket-add-headline {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-support-ticket-add .account-page-support-ticket-add-headline h3 {
    float: left;
    margin-top: 10px;
    color: #5d6b82
}

.account-page .account-page-content .account-page-support-ticket-add .account-page-support-ticket-add-headline a {
    float: right;
    display: block;
    text-decoration: none;
    width: 200px;
    text-align: center;
    background: #eb484b;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-support-ticket-add .account-page-support-ticket-add-headline a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-support-ticket-add .container {
    max-width: 400px;
    overflow: hidden
}

.account-page .account-page-content .account-page-support-ticket-add .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-support-ticket-add .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-support-ticket-add .form-group input {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-support-ticket-add .form-group select {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-support-ticket-add .form-group textarea {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    min-width: 100%;
    max-width: 100%;
    min-height: 135px;
    max-height: 135px
}

.account-page .account-page-content .account-page-support-ticket-add .form-group label {
    float: left;
    position: relative;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 35px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px;
    cursor: pointer
}

.account-page .account-page-content .account-page-support-ticket-add .form-group label i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-support-ticket-add .form-group label:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-support-ticket-add .form-group label input {
    width: 0;
    visibility: hidden;
    position: absolute
}

.account-page .account-page-content .account-page-support-ticket-add .form-group p {
    float: right;
    color: #5d6b82;
    margin-top: 20px
}

.account-page .account-page-content .account-page-support-ticket-add .form-group p b {
    color: #eb484b
}

.account-page .account-page-content .account-page-support-ticket-add .form-group-button {
    float: left;
    width: 100%;
    margin-top: 10px
}

.account-page .account-page-content .account-page-support-ticket-add .form-group-button input {
    float: left;
    width: 100%;
    background: #198754;
    color: #fff;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 12px;
    font-size: 16px;
    font-weight: 600;
    transition: 400ms
}

.account-page .account-page-content .account-page-support-ticket-add .form-group-button input:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-support-ticket-list {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-headline {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-headline h3 {
    float: left;
    margin-top: 10px;
    color: #5d6b82
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-headline a {
    float: right;
    display: block;
    text-decoration: none;
    width: 200px;
    text-align: center;
    background: #eb484b;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-headline a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #171822;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .name {
    float: left;
    width: 200px;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .name h5 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .name h6 {
    float: left;
    width: 100%;
    color: #ffc107;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 8px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .name p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .message {
    float: left;
    width: 300px;
    padding: 0 10px;
    border-right: 1px solid #0a0f19
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .message span {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .message p {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 0
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .status {
    float: left;
    width: 200px;
    padding-left: 10px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .status span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .account-page-support-ticket-list-item-btn {
    float: right;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 20px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px;
    text-decoration: none
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .account-page-support-ticket-list-item-btn i {
    margin-top: 4px;
    margin-left: 10px;
    float: right
}

.account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .account-page-support-ticket-list-item-btn:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-support-ticket-detail {
    float: left;
    width: 100%;
    padding: 0 20px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-headline {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-headline h3 {
    float: left;
    width: 100%;
    margin-top: 10px;
    color: #5d6b82;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-headline a {
    float: left;
    display: block;
    text-decoration: none;
    width: 200px;
    text-align: center;
    background: #eb484b;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-headline a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-information {
    float: left;
    width: 100%;
    border: 3px solid #0a0f19;
    padding: 20px 0;
    border-radius: 5px;
    margin-bottom: 30px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-information strong {
    color: #5d6b82
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-information span {
    color: #5d6b82
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message {
    float: left;
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #0a0f19;
    padding: 0 10px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message::-webkit-scrollbar-track {
    background: transparent
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message .account-page-support-ticket-detail-message-item {
    float: left;
    width: 90%;
    background: #23242a;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 20px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message .pull-right {
    background: #171822
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message .account-page-support-ticket-detail-message-item h4 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 17px;
    color: #fff;
    border-bottom: 1px solid #0a0f19;
    padding: 10px 0
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message .account-page-support-ticket-detail-message-item h4 i {
    float: left;
    font-size: 16px;
    margin-right: 10px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message .account-page-support-ticket-detail-message-item span {
    float: right;
    color: #5d6b82;
    font-size: 14px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message .account-page-support-ticket-detail-message-item p {
    float: left;
    width: 100%;
    margin: 15px 0;
    color: #fff;
    font-size: 16px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form {
    float: left;
    width: 100%;
    margin-top: 30px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form textarea {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    min-width: 100%;
    max-width: 100%;
    min-height: 135px;
    max-height: 135px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form label {
    float: left;
    position: relative;
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 35px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px;
    cursor: pointer
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form label i {
    margin-right: 5px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form label input {
    width: 0;
    visibility: hidden;
    position: absolute
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form label:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form input[type="submit"] {
    float: right;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 10px;
    font-size: 15px;
    transition: 400ms;
    margin-top: 10px;
    cursor: pointer;
    width: 200px
}

.account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form input[type="submit"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-help-center {
    float: left;
    width: 100%;
    background: #16141f;
}

.page-help-center .page-help-center-search {
    float: left;
    width: 100%;
    background: linear-gradient(to right, #ee5030, #9e1290);
    padding: 20px
}

.page-help-center .page-help-center-search ul {
    float: left;
    padding: 0;
    margin-top: 25px;
    margin-bottom: 0
}

.page-help-center .page-help-center-search ul li {
    list-style: none;
    float: left;
    color: #fff;
    padding: 0 3px;
    font-size: 16px
}

.page-help-center .page-help-center-search ul li a {
    float: left;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-right: 14px;
    transition: 400ms
}

.page-help-center .page-help-center-search ul li a:before {
    content: "/";
    position: absolute;
    right: 0;
    top: 0
}

.page-help-center .page-help-center-search ul li a:hover {
    opacity: .6
}

.page-help-center .page-help-center-search .page-help-center-search-btn {
    float: right
}

.page-help-center .page-help-center-search .page-help-center-search-btn a {
    display: block;
    float: right;
    text-decoration: none;
    width: 200px;
    text-align: center;
    background: #eb484b;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    transition: 400ms;
    margin-top: 20px
}

.page-help-center .page-help-center-search .page-help-center-search-btn a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-help-center .page-help-center-search .form-group {
    float: left;
    width: 100%
}

.page-help-center .page-help-center-search .form-group h3 {
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #fff;
    margin-bottom: 40px
}

.page-help-center .page-help-center-search .form-group span {
    float: left;
    width: 5%;
    background: #0e131f;
    border-radius: 5px 0 0 5px;
    padding: 14px;
    text-align: center
}

.page-help-center .page-help-center-search .form-group span img {
    max-width: 24px
}

.page-help-center .page-help-center-search .form-group input {
    float: left;
    width: 95%;
    background: #0e131f;
    padding: 16px 20px;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 0 5px 5px 0
}

.page-help-center ul.page-help-center-menu {
    float: left;
    width: 100%;
    padding: 0 0 20px;
    margin-top: 20px;
    margin-bottom: 0;
    background: #0e131f;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    height: 100%
}

.page-help-center ul.page-help-center-menu span {
    float: left;
    width: 100%;
    padding: 20px;
    background: #0a7fe3;
    color: #fff;
    font-size: 16px
}

.page-help-center ul.page-help-center-menu h4 {
    float: left;
    width: 100%;
    padding: 20px;
    font-weight: 900;
    color: #fff;
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 0
}

.page-help-center ul.page-help-center-menu h4 img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    margin-top: -8px
}

.page-help-center ul.page-help-center-menu li {
    list-style: none;
    float: left;
    width: 100%;
    padding-left: 33px
}

.page-help-center ul.page-help-center-menu li a {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 19px;
    text-transform: uppercase;
    transition: 400ms
}

.page-help-center ul.page-help-center-menu li a img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: -5px
}

.page-help-center ul.page-help-center-menu li ul.page-help-center-sub-menu {
    padding: 0;
    margin: 0
}

.page-help-center ul.page-help-center-menu li ul.page-help-center-sub-menu li a {
    font-size: 14px;
    text-transform: capitalize;
    padding: 2px;
    padding-left: 15px;
    border-left: 1px solid #ffcfc6;
    color: #5d6b82;
}

.page-help-center ul.page-help-center-menu li a:hover {
    color: #eb484b
}

.page-help-center ul.page-help-center-menu li ul.page-help-center-sub-menu li a:hover {
    color: #eb484b
}

.page-help-center .page-help-center-right {
    float: left;
    width: 100%;
    margin: 20px 0
}

.page-help-center .page-help-center-right .page-help-center-right-title {
    float: left;
    width: 100%;
    font-size: 19px;
    font-weight: 900;
    color: #969696;
    margin-bottom: 20px
}

.page-help-center .page-help-center-right .page-help-center-right-item-title {
    float: left;
    width: 100%;
    color: #969696;
    font-size: 19px
}

.page-help-center .page-help-center-right .page-help-center-right-item-title-2 {
    float: left;
    width: 100%;
    color: #969696;
    position: relative;
    padding-left: 15px;
    font-size: 16px
}

.page-help-center .page-help-center-right .page-help-center-right-item-title-2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 1px solid #eb484b
}

.page-help-center .page-help-center-right .page-help-center-right-item {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 20px;
    border: 1px solid #171822;
    /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); */
}

.page-help-center .page-help-center-right .page-help-center-right-item h5 {
    float: left;
    width: 100%;
    font-size: 17px;
    font-weight: 900;
    color: #fff;
    margin-top: 0;
    line-height: 33px;
    margin-bottom: 0;
    cursor: pointer;
    text-transform: capitalize
}

.page-help-center .page-help-center-right .page-help-center-right-item h5:hover {
    opacity: .6
}

.page-help-center .page-help-center-right .page-help-center-right-item h5 i {
    float: right;
    background: #eb484b;
    font-size: 17px;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    padding: 8px 0;
    text-align: center;
    box-shadow: 0 .125rem .25rem #000;
    color: #fff;
    transition: 400ms
}

.page-help-center .page-help-center-right .page-help-center-right-item .text {
    float: left;
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    display: none;
    padding-bottom: 10px;
    color: #5d6b82;
}

.page-help-center .page-help-center-right .page-help-center-right-item .text img {
    max-width: 100%
}

.page-help-center .page-help-center-right .page-help-center-right-item .text a {
    text-decoration: none;
    color: #eb484b
}

.page-giveaways {
    float: left;
    width: 100%;
    background: #16141f;
    padding: 20px
}

.page-giveaways .page-giveaways-title {
    float: left;
    width: 100%;
    border-bottom: 2px solid #25273a;
    color: #fff;
    padding-bottom: 10px;
    font-size: 18px;
    position: relative;
    margin-bottom: 30px
}

.page-giveaways .page-giveaways-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #5e5e5e;
    width: 150px;
    height: 2px
}

.page-giveaways .page-giveaways-title ul {
    float: right;
    padding: 0;
    margin: 0
}

.page-giveaways .page-giveaways-title ul li {
    list-style: none;
    float: left
}

.page-giveaways .page-giveaways-title ul li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 0 10px;
    transition: 300ms
}

.page-giveaways .page-giveaways-title ul li:last-child a {
    padding-right: 0
}

.page-giveaways .page-giveaways-title ul li.active a {
    color: #ffc107
}

.page-giveaways .page-giveaways-title ul li a:hover {
    color: #ffc107;
    opacity: .6
}

.page-giveaways .page-giveaways-headline {
    float: left;
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
    margin-top: 0
}

.page-giveaways .page-giveaways-headline li {
    list-style: none;
    float: left;
    margin-right: 20px
}

.page-giveaways .page-giveaways-headline li i {
    float: left;
    font-size: 28px;
    color: #fff;
    margin-right: 10px;
    background: #0a7fe3;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    padding: 12px 0;
    text-align: center
}

.page-giveaways .page-giveaways-headline li strong {
    float: left;
    font-size: 21px;
    color: #fff
}

.page-giveaways .page-giveaways-headline li span {
    float: left;
    font-size: 12px;
    color: #fff;
    width: 70%
}

.page-giveaways .col-md-20 {
    float: left;
    width: 20%;
    padding: 0 10px;
    margin-bottom: 20px
}

.page-giveaways .page-giveaways-active-giveaways-item {
    float: left;
    width: 100%;
    border-radius: 5px;
    background: transparent;
    padding: 10px;
    position: relative;
}

.page-giveaways .page-giveaways-active-giveaways-item svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* z-index: -1; */
}

.page-giveaways .page-giveaways-active-giveaways-item .title {
    float: left;
    width: 100%;
    z-index: 2;
    position: relative;
}

.page-giveaways .page-giveaways-active-giveaways-item .title span {
    float: left;
    width: 50%;
    color: #ddd;
}

.page-giveaways .page-giveaways-active-giveaways-item .title span p i {
    color: #eb484b;
    margin-right: 3px
}

.page-giveaways .page-giveaways-active-giveaways-item .img {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 0;
    height: 180px;
    z-index: 2;
    position: relative;
    border-left: 1px solid rgb(255 255 255 / 5%);
    border-right: 1px solid rgb(255 255 255 / 5%);
}

.page-giveaways .page-giveaways-active-giveaways-item .line {
    float: left;
    width: 100%;
    background: radial-gradient(circle, rgb(245, 246, 249) 0%, rgba(255, 255, 255, 0) 100%);
    height: 1px;
    opacity: 0.15;
    margin: 18px 0 25px;
}

.page-giveaways .page-giveaways-active-giveaways-item .img img {
    max-width: 100%;
    max-height: 100%
}

.page-giveaways .page-giveaways-active-giveaways-item .img .flag {
    position: absolute;
    font-size: 12px;
    left: 0;
    bottom: 5px;
    display: block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px 0;
    z-index: 3;
    background: #80f1b1;
    color: #111117;
    font-weight: 600;
}

.page-giveaways .page-giveaways-active-giveaways-item .img .flag:after {
    position: absolute;
    right: -5px;
    top: 0;
    content: "";
    border-right: 5px solid transparent;
    border-bottom: 12px solid #80f1b1;
    border-top: 12px solid #80f1b1;
}

.page-giveaways .page-giveaways-active-giveaways-item .text-price {
    float: left;
    width: 100%;
    z-index: 2;
    position: relative;
}

.page-giveaways .page-giveaways-active-giveaways-item .text-price span {
    float: left;
    width: 100%;
    color: #ddd;
}

.page-giveaways .page-giveaways-active-giveaways-item .text-price span:nth-child(1) {
    border-bottom: 1px solid #111117;
    margin-bottom: 7px;
    padding-bottom: 7px;
    font-weight: 600;
    color: #fff;
}

.page-giveaways .page-giveaways-active-giveaways-item .text-price span.text-right p {
    font-size: 14px;
    margin-bottom: 0
}

.page-giveaways .page-giveaways-active-giveaways-item .text-price strong {
    float: right;
    font-size: 16px;
    color: #eb484b
}

.page-giveaways .page-giveaways-active-giveaways-item .timer {
    float: left;
    background: #111117;
    padding: 5px 0;
    border-radius: 3px;
    margin-top: 20px;
    width: 100%;
    z-index: 2;
    position: relative;
}

.page-giveaways .page-giveaways-active-giveaways-item .timer li {
    list-style: none;
    float: left;
    width: 25%;
    position: relative
}

.page-giveaways .page-giveaways-active-giveaways-item .timer li strong {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px
}

.page-giveaways .page-giveaways-active-giveaways-item .timer li span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 9px;
    text-align: center;
    margin: -2px 0
}

.page-giveaways .page-giveaways-active-giveaways-item .timer li:before {
    content: ":";
    position: absolute;
    right: -3px;
    top: 0;
    color: #40435f;
    font-size: 26px
}

.page-giveaways .page-giveaways-active-giveaways-item .timer li:last-child:before {
    display: none
}

.page-giveaways .page-giveaways-active-giveaways-item .giveaways-timer-end {
    float: left;
    width: 100%;
    color: #111117;
    position: relative;
    z-index: 2;
    background: #80f1b1;
    border-radius: 3px;
    text-align: center;
    padding: 6px 0;
    margin: 10px 0;
}

.page-giveaways .page-giveaways-active-giveaways-item .add-button {
    float: left;
    background: #198754;
    color: #fff;
    text-decoration: none;
    border-radius: 1px;
    padding: 10px 20px;
    font-weight: 600;
    margin-top: 3px;
    transition: 400ms;
    width: 100%;
    text-align: center;
    z-index: 2;
    position: relative;
    clip-path: polygon(100% 0%, 100% calc(113% - 22px), calc(100% - 11px) 100%, 0% 100%, 0% 0%);
}

.page-giveaways .page-giveaways-active-giveaways-item .add-button:hover {
    transform: scale(0.90);
    opacity: .8;
    /* box-shadow: inset #000 0 0 8px 4px; */
}

.page-giveaways .page-giveaways-active-giveaways-item .list-button {
    float: left;
    background: #0a7fe3;
    color: #fff;
    text-decoration: none;
    border-radius: 1px;
    padding: 10px 20px;
    font-weight: 600;
    margin-top: 3px;
    transition: 400ms;
    width: 100%;
    text-align: center;
    z-index: 2;
    position: relative;
    clip-path: polygon(100% 0%, 100% calc(113% - 22px), calc(100% - 11px) 100%, 0% 100%, 0% 0%);
}

.page-giveaways .page-giveaways-active-giveaways-item .list-button:hover {
    transform: scale(0.90);
    opacity: .8;
    /* box-shadow: inset #000 0 0 8px 4px; */
}

.page-giveaways-add {
    float: left;
    width: 100%;
    background: #16141f;
    padding: 20px
}

.page-giveaways-add .page-giveaways-add-headline {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info {
    float: left;
    width: 100%;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info h4 {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 11px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .img {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    margin-top: 9px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .img img {
    max-width: 100%;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info a {
    float: left;
    max-width: 200px;
    margin-top: 10px;
    color: #959195;
    font-size: 18px;
    text-decoration: none;
    transition: 300ms;
    padding-left: 5px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info a:hover {
    color: #fff;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .profile-on-off {
    float: left;
    max-width: 200px;
    padding-left: 5px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .profile-on-off span {
    float: left;
    width: 100%;
    font-size: 12px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .profile-on-off .profile-online {
    color: #198754;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .profile-on-off .profile-offline {
    color: #dc3545;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .seller-amblems {
    float: left;
    max-width: 200px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .seller-amblems span {
    float: left;
    color: #959195;
    font-size: 12px;
    margin-right: 7px;
    display: flex;
    align-content: center;
    align-items: center;
    line-height: 28px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .seller-amblems span:nth-child(2) {
    margin-right: 0;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .seller-amblems span img {
    width: 23px;
    height: 23px;
    margin-right: 2px;
}

.page-giveaways-add .page-giveaways-add-headline .timer {
    background: #111114;
    padding: 10px 0;
    border-radius: 10px;
    width: 200px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 15px;
}

.page-giveaways-add .page-giveaways-add-headline .timer p {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    color: #5d6b82;
    font-size: 11px
}

.page-giveaways-add .page-giveaways-add-headline .timer li {
    list-style: none;
    float: left;
    width: 25%;
    position: relative;
    margin: 5px 0
}

.page-giveaways-add .page-giveaways-add-headline .timer li:before {
    content: ":";
    position: absolute;
    right: -3px;
    top: 0;
    color: #171822;
    font-size: 26px
}

.page-giveaways-add .page-giveaways-add-headline .timer li:last-child:before {
    display: none
}

.page-giveaways-add .page-giveaways-add-headline .timer li strong {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 17px
}

.page-giveaways-add .page-giveaways-add-headline .timer li span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 11px;
    text-align: center
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-headline-copy {
    float: left;
    width: 100%;
    margin-top: 22px;
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-headline-copy span {
    text-align: right;
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 10px;
    font-size: 11px
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-headline-copy input {
    float: left;
    width: 90%;
    background: #111114;
    color: #5d6b82;
    outline: none;
    border: none;
    border-radius: 5px 0 0 5px;
    padding: 10px 5px;
    font-size: 13px;
    text-align: center
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-headline-copy .page-giveaways-add-headline-copy-btn {
    float: left;
    width: 10%;
    color: #5d6b82;
    border: none;
    outline: none;
    font-size: 13px;
    padding: 10px 0;
    text-align: center;
    border-radius: 0 5px 5px 0;
    background: #111114;
    transition: 400ms
}

.page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-headline-copy .page-giveaways-add-headline-copy-btn:hover {
    opacity: .6
}

.page-giveaways-add .page-giveaways-add-title {
    float: left;
    width: 100%;
    border-bottom: 2px solid #25273a;
    margin-bottom: 30px
}

.page-giveaways-add .page-giveaways-add-title span {
    float: left;
    font-size: 14px;
    color: #fff;
    position: relative;
    padding-bottom: 10px
}

.page-giveaways-add .page-giveaways-add-title span i {
    margin-left: 5px
}

.page-giveaways-add .page-giveaways-add-title span:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    background: #5e5e5e;
    width: 220px;
    height: 2px
}

.page-giveaways-add .page-giveaways-add-title span.pull-right:before {
    right: 0;
    left: inherit
}

.page-giveaways-add .giveaways-list-item {
    float: left;
    width: 100%;
}

.page-giveaways-add .giveaways-list-item .info {
    float: left;
    margin-right: 3px;
    width: 32%;
    border-radius: 5px;
    background: linear-gradient(0deg, #272a33, transparent);
    padding: 10px 5px;
    margin-bottom: 20px;
}

.page-giveaways-add .giveaways-list-item .info span {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    margin-bottom: 3px;
}

.page-giveaways-add .giveaways-list-item .info strong {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
}

.page-giveaways-add .giveaways-list-item .giveaways-awards-item {
    background: #222326;
    float: left;
    width: 32%;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 5px;
    border-radius: 5px;
}

.page-giveaways-add .giveaways-list-item .giveaways-awards-item span {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    font-size: 12px;
    font-weight: 600;
}

.page-giveaways-add .giveaways-list-item .giveaways-awards-item img {
    max-width: 100%;
    border-radius: 5px;
    margin: 5px 0;
}

.page-giveaways-add .page-giveaways-total-value {
    float: left;
    width: 100%;
}

.page-giveaways-add .page-giveaways-total-value span {
    float: left;
    font-size: 16px;
    color: #fff
}

.page-giveaways-add .page-giveaways-total-value strong {
    float: right;
    font-size: 18px;
    color: #fff
}

.page-giveaways-add .page-giveaways-total-value button {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: #198754;
    border: none;
    outline: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
    padding: 11px 0;
    text-align: center;
    transition: 400ms
}

.page-giveaways-add .page-giveaways-total-value button i {
    margin-right: 5px
}

.page-giveaways-add .page-giveaways-total-value button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-giveaways-add .page-giveaways-user-list {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content {
    float: left;
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 10px;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content::-webkit-scrollbar-track {
    background: transparent;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner {
    float: left;
    width: 100%;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner h4 {
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 0;
    border-bottom: 2px solid #25273a;
    padding: 10px 0;
    text-align: center;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item span {
    float: left;
    width: 50%;
    text-align: center;
    padding: 7px;
    color: #fff;
    position: relative;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item span:nth-child(1) {
    background: #272a33;
    border: 2px solid #525356a6;
    border-right: none;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item span:nth-child(2) {
    background: #222326;
    border: 2px solid #525356a6;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item span:nth-child(1)::before {
    content: "";
    height: 13px;
    width: 13px;
    position: absolute;
    left: -8px;
    top: 10px;
    border-top: 2px solid #525356a6;
    border-left: 2px solid #525356a6;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    background: #16141f;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item span:nth-child(2)::before {
    content: "";
    height: 13px;
    width: 13px;
    position: absolute;
    right: -8px;
    top: 10px;
    border-top: 2px solid #525356a6;
    border-left: 2px solid #525356a6;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(315deg);
    background: #16141f;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item span i {
    margin-right: 5px;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2:before {
    content: "";
    height: 18px;
    width: 18px;
    position: absolute;
    left: -9px;
    top: 28px;
    border-top: 2px solid #525356a6;
    border-left: 2px solid #525356a6;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    background: #16141f;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2:after {
    content: "";
    height: 18px;
    width: 18px;
    position: absolute;
    right: -9px;
    top: 28px;
    border-top: 2px solid #525356a6;
    border-left: 2px solid #525356a6;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(315deg);
    background: #16141f;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2 .name {
    float: left;
    width: 100%;
    background: #272a33;
    border: 2px solid #525356a6;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2 .name span {
    float: left;
    width: 50%;
    text-align: center;
    padding: 7px;
    color: #fff;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2 .name span i {
    margin-right: 5px;
}

.page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2 .winner-product {
    float: left;
    width: 100%;
    background: #222326;
    border: 2px solid #525356a6;
    border-top: none;
    color: #fff;
    padding: 7px;
    text-align: center;
}

.page-giveaways-add .page-giveaways-add-list-item {
    float: left;
    width: 100%;
    border-radius: 5px;
    background: #111114;
    border: 2px solid #77ff9d;
    margin-bottom: 20px
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-title {
    float: left;
    width: 100%;
    background: linear-gradient(86.29deg, #23372b 2.64%, rgba(20, 20, 24, 0) 98.61%);
    padding: 0 20px
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-title strong {
    float: left;
    color: #fff;
    font-size: 15px;
    padding: 12px 0
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-title strong i {
    margin-right: 10px
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-title span {
    float: right;
    width: 25px;
    height: 25px;
    border: 2px solid #77ff9d;
    border-radius: 25px;
    text-align: center;
    padding: 1px 0;
    margin-top: 10px
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-title span i {
    color: #fff
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-content {
    float: left;
    width: 100%;
    padding: 20px;
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-content p {
    float: left;
    width: 80%;
    color: #fff;
    margin-bottom: 0;
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-content b {
    color: #ffc107
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-content span {
    font-size: 12px
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-content a {
    display: block;
    background: #0a7fe3;
    color: #fff;
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 5px;
    font-weight: 600;
    transition: 400ms;
    float: right;
}

.page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-content a:hover {
    opacity: .6
}

.page-contact {
    background: #16141f
}

.page-contact .contact-text {
    float: left;
    width: 100%;
    padding: 40px 0
}

.page-contact .contact-text i {
    float: left;
    color: #fff;
    width: 5%;
    margin-top: 15px
}

.page-contact .contact-text span {
    float: left;
    color: #fff;
    width: 95%
}

.page-contact .contact-information {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.page-contact .contact-information ul {
    padding: 0;
    margin: 0
}

.page-contact .contact-information ul li {
    list-style: none;
    float: left;
    width: 50%;
    margin-bottom: 10px
}

.page-contact .contact-information ul li span {
    float: left;
    width: 50px;
    height: 50px;
    background: #eb484b;
    overflow: hidden;
    border-radius: 50px;
    text-align: center;
    padding: 12px
}

.page-contact .contact-information ul li img {
    max-width: 100%
}

.page-contact .contact-information ul li strong {
    float: left;
    width: 70%;
    color: #fff;
    padding-left: 11px;
    font-size: 16px
}

.page-contact .contact-information ul li p {
    float: left;
    width: 80%;
    padding-left: 11px;
    color: #fff;
    margin-top: 5px
}

.page-contact .contact-form {
    float: left;
    width: 100%;
    padding: 40px 0 40px 40px;
    border-left: 3px solid #171822
}

.page-contact .contact-form h2 {
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 51px
}

.page-contact .contact-form .form-group {
    float: left;
    width: 100%
}

.page-contact .contact-form .form-group span {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 6px;
    font-size: 16px
}

.page-contact .contact-form .form-group input[type="text"],
.page-contact .contact-form .form-group input[type="mail"],
.page-contact .contact-form .form-group input[type="number"],
.page-contact .contact-form .form-group textarea {
    float: left;
    width: 100%;
    background: #171822;
    outline: none;
    border-radius: 3px;
    padding: 14px;
    border: none
}

.page-contact .contact-form .form-group input[type=number]::-webkit-inner-spin-button {
    display: none
}

.page-contact .contact-form .form-group textarea {
    max-width: 100%;
    min-height: 200px;
    min-width: 100%
}

.page-contact .contact-form .form-group input[type="button"] {
    float: left;
    background: #eb484b;
    border: none;
    font-size: 15px;
    color: #fff;
    padding: 13px;
    width: 190px;
    font-weight: 600;
    border-radius: 2px;
    transition: 400ms
}

.page-contact .contact-form .form-group input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.header .header-login-basket .header-account-btn .dropdown-menu .header-account-btn-mobile-close {
    float: left;
    width: 100%;
    padding: 0 5px;
    margin-bottom: 15px;
    transition: 200ms;
    margin-top: 25px;
    display: none
}

.header .header-login-basket .header-account-btn .dropdown-menu .header-account-btn-mobile-close i {
    float: right;
    padding: 9px 15px;
    background: #eb484b;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 5px
}

.product-category {
    float: left;
    width: 100%;
    background: #16141f
}

.product-category .product-category-headline {
    float: left;
    width: 100%;
    background: #0a0f19;
    padding: 25px 50px;
    position: relative
}

.product-category .product-category-headline:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 3px solid #965c98;
    box-shadow: 0 0 4px 3px #935b976b
}

.product-category .product-category-headline:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    border-bottom: 3px solid #9bb3c7
}

.product-category .product-category-headline ul {
    float: right;
    padding: 0;
    margin-top: 16px
}

.product-category .product-category-headline ul li {
    list-style: none;
    float: left;
    color: #5d6b82;
    position: relative;
    padding: 0 4px;
    font-size: 16px;
    margin-left: 5px
}

.product-category .product-category-headline ul li a {
    display: inline-block;
    color: #fff;
    padding: 0 8px
}

.product-category .product-category-headline ul li a:before {
    content: "/";
    position: absolute;
    right: 0;
    top: 0
}

.product-category .product-category-content-img {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 40px 0;
    border-radius: 5px
}

.product-category .product-category-content-img img {
    height: 172px;
    width: 100%;
    margin: 0 auto;
    display: block
}

.product-category .product-category-item {
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    transition: 200ms;
    margin-bottom: 30px
}

.product-category .product-category-item:hover {
    transform: translateY(-0.35rem)
}

.product-category .product-category-item a {
    color: #fff;
    text-decoration: none
}

.product-category .product-category-item img {
    max-width: 100%
}

.product-category .product-category-item span {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 10px
}

.product-category .product-category-content-text {
    float: left;
    width: 100%;
    border: 1px solid #171822;
    border-radius: 0 0 5px 5px;
    background: #0e131f;
    padding: 20px;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 30px
}

.product-category .product-category-content-text::-webkit-scrollbar-track {
    background: transparent
}

.product-category .product-category-content-text p {
    float: left;
    width: 100%;
    color: #5d6b82
}

.product-category .product-category-content-text h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 19px
}

.product-category .product-category-content-text ul {
    float: left;
    width: 100%;
    padding-left: 30px;
    margin-bottom: 0
}

.product-category .product-category-content-text li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #5d6b82;
    text-transform: capitalize
}

.product-category .product-category-content-text-title {
    float: left;
    width: 100%;
    background: #eb484b;
    color: #fff;
    font-size: 19px;
    padding: 15px;
    border-radius: 5px 5px 0 0
}

.product-category .product-category-sss {
    float: left;
    width: 100%;
    border: 1px solid #171822;
    border-radius: 0 0 5px 5px;
    background: #0e131f;
    padding: 20px;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 30px
}

.product-category .product-category-sss::-webkit-scrollbar-track {
    background: transparent
}

.product-category .product-category-sss .product-category-sss-item {
    float: left;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #171822;
    margin-bottom: 20px
}

.product-category .product-category-sss .product-category-sss-item h5 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 17px
}

.product-category .product-category-sss .product-category-sss-item span {
    float: left;
    width: 100%;
    color: #5d6b82;
    line-height: 25px;
    text-transform: capitalize
}

.account-page .account-page-content .account-page-shop-advert-new {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-page-shop-advert-new .col-6 {
    width: 50%
}

.account-page .account-page-content .account-page-shop-advert-new .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group input[type="text"],
.account-page .account-page-content .account-page-shop-advert-new .form-group input[type="number"],
.account-page .account-page-content .account-page-shop-advert-new .form-group textarea,
.account-page .account-page-content .account-page-shop-advert-new .form-group select {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group textarea {
    height: 150px;
    max-width: 100%;
    min-width: 100%;
    min-height: 150px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group span b {
    color: #eb484b
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-uplouds-img {
    float: left;
    width: 100%;
    background: #171822;
    padding: 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-uplouds-img .icon {
    float: left;
    width: 100%;
    text-align: center
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-uplouds-img .icon img {
    width: 70px;
    height: 80px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-uplouds-img h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-uplouds-img label {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: table;
    background: #0a7fe3;
    color: #fff;
    border: none;
    outline: none;
    padding: 8px 15px;
    border-radius: 5px;
    transition: 400ms
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-uplouds-img label:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-uplouds-img label input {
    visibility: hidden;
    position: absolute
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-uplouds-img p {
    float: left;
    width: 100%;
    text-align: center;
    color: #eb484b;
    margin-top: 10px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-select-img-item {
    float: left;
    border: 1px solid #0a0f19;
    border-radius: 5px;
    overflow: hidden;
    width: 160px;
    height: 160px;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-select-img-item img {
    max-width: 100%;
    max-height: 100%
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-select-img-item button {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    padding: 0;
    border-radius: 50%;
    color: #fff;
    background: #eb484b;
    border: none;
    outline: none;
    transition: 200ms
}

.account-page .account-page-content .account-page-shop-advert-new .form-group .form-select-img-item button:hover {
    opacity: .6
}

.account-page .account-page-content .account-page-shop-advert-new .form-group input[type="button"] {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 14px;
    transition: 400ms;
    margin-left: 10px
}

.account-page .account-page-content .account-page-shop-advert-new .form-group input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-page-shop-advert-new .col-6:nth-child(1) select {
    width: 95%
}

.account-page .account-page-content .account-item-sell {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-item-sell .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-item-sell .col-6 {
    float: left;
    width: 50%
}

.account-page .account-page-content .account-item-sell .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-item-sell .form-group select,
.account-page .account-page-content .account-item-sell .form-group input[type="text"],
.account-page .account-page-content .account-item-sell .form-group input[type="number"],
.account-page .account-page-content .account-item-sell .form-group textarea {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-item-sell .col-6:nth-child(1) input[type="text"] {
    width: 95%
}

.account-page .account-page-content .account-item-sell .form-group textarea {
    height: 150px;
    max-width: 100%;
    min-width: 100%;
    min-height: 150px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list {
    float: left;
    width: 100%;
    border: 1px solid #0a0f19;
    border-radius: 5px;
    padding: 20px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item {
    float: left;
    width: 270px;
    background: #171822;
    padding: 10px;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item .item-icon {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item .item-icon img {
    max-width: 45px;
    max-height: 45px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item .item-icon h3 {
    float: left;
    width: 100%;
    margin: 5px 0;
    color: #fff;
    font-size: 18px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item .item-icon h5 {
    float: left;
    width: 100%;
    margin: 0 0 5px;
    color: #5d6b82;
    font-size: 12px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item .item-icon p {
    float: left;
    width: 100%;
    color: #5d6b82;
    text-align: right;
    font-size: 12px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item ul li {
    list-style: none;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 13px
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item ul li.color-green {
    color: #198754
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item ul li.color-red {
    color: #eb484b
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item button {
    background: #0a7fe3;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 11px 30px;
    font-size: 15px;
    transition: 400ms;
    text-decoration: none;
    display: flex;
    margin: 0 auto;
    overflow: hidden
}

.account-page .account-page-content .account-item-sell .form-group .account-item-sell-list .account-item-sell-list-item button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-item-sell .form-total-price span {
    margin-top: 40px;
    padding-left: 20px
}

.account-page .account-page-content .account-item-sell .form-total-price span b {
    color: #eb484b
}

.account-page .account-page-content .account-item-sell .form-group input[type="button"] {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 14px;
    transition: 400ms
}

.account-page .account-page-content .account-item-sell .form-group input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page .account-page-content .account-item-ring-sell {
    float: left;
    width: 100%;
    padding: 20px
}

.account-page .account-page-content .account-item-ring-sell .form-group {
    float: left;
    width: 100%
}

.account-page .account-page-content .account-item-ring-sell .col-6 {
    float: left;
    width: 50%
}

.account-page .account-page-content .account-item-ring-sell .form-group span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 15px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-item-ring-sell .form-group span b {
    color: #eb484b
}

.account-page .account-page-content .account-item-ring-sell .form-group select,
.account-page .account-page-content .account-item-ring-sell .form-group input[type="number"],
.account-page .account-page-content .account-item-ring-sell .form-group textarea {
    float: left;
    width: 100%;
    outline: none;
    border: none;
    background: #171822;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px
}

.account-page .account-page-content .account-item-ring-sell .col-6-left select {
    width: 95%
}

.account-page .account-page-content .account-item-ring-sell .form-group label {
    float: left;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
    border: 1px solid #0a0f19;
    padding: 10px 20px;
    line-height: 2;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px
}

.account-page .account-page-content .account-item-ring-sell .form-group input[type="checkbox"] {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 7px;
    transition: 200ms
}

.account-page .account-page-content .account-item-ring-sell .form-group textarea {
    height: 150px;
    max-width: 100%;
    min-width: 100%;
    min-height: 150px
}

.account-page .account-page-content .account-item-ring-sell .form-total-price span {
    margin-top: 40px;
    padding-left: 20px
}

.account-page .account-page-content .account-item-ring-sell .form-group input[type="button"] {
    float: left;
    background: #198754;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 14px;
    transition: 400ms
}

.account-page .account-page-content .account-item-ring-sell .form-group input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-bank-accounts {
    float: left;
    width: 100%;
    background: #16141f;
    padding: 50px 0
}

.page-bank-accounts ul.page-bank-accounts-menu {
    float: left;
    width: 100%;
    padding: 20px;
    margin: 0;
    background: #0e131f;
    border-radius: 5px;
    padding: 20px
}

.page-bank-accounts ul.page-bank-accounts-menu .page-bank-accounts-menu-title {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.page-bank-accounts ul.page-bank-accounts-menu .page-bank-accounts-menu-title h3 {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0
}

.page-bank-accounts ul.page-bank-accounts-menu .page-bank-accounts-menu-title span {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    font-size: 12px
}

.page-bank-accounts ul.page-bank-accounts-menu li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.page-bank-accounts ul.page-bank-accounts-menu li:nth-child(5) {
    margin-bottom: 9px
}

.page-bank-accounts ul.page-bank-accounts-menu li a {
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    text-decoration: none;
    border: 1px solid #171822;
    font-size: 15px;
    transition: 200ms;
    padding: 10px
}

.page-bank-accounts ul.page-bank-accounts-menu li a:hover {
    color: #eb484b
}

.page-bank-accounts ul.page-bank-accounts-menu li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    visibility: hidden;
    background: #eb484b;
    transition: 400ms
}

.page-bank-accounts ul.page-bank-accounts-menu li.active {
    position: relative
}

.page-bank-accounts ul.page-bank-accounts-menu li.active:before {
    visibility: visible;
    width: 100%
}

.page-bank-accounts ul.page-bank-accounts-menu li.active a {
    color: #eb484b
}

.page-bank-accounts ul.page-bank-accounts-menu li a span {
    float: left;
    margin-right: 15px;
    margin-top: -5px
}

.page-bank-accounts ul.page-bank-accounts-menu li a span img {
    width: 25px;
    height: 25px
}

.page-bank-accounts .page-bank-accounts-content {
    float: left;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background: #0e131f;
    padding: 20px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item {
    float: left;
    width: 100%;
    border-radius: 5px;
    background: #171822;
    margin-bottom: 20px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-title {
    float: left;
    width: 100%;
    padding: 0 10px;
    border-bottom: 4px solid #1cbff8;
    cursor: pointer
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-title img {
    max-width: 120px;
    max-height: 60px;
    margin-right: 10px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-title span {
    color: #959195
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-title i {
    float: right;
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    margin-right: 10px;
    transition: 400ms
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form-open i {
    transform: rotate(180deg)
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form {
    float: left;
    width: 100%;
    padding: 20px 0;
    display: none
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form-title {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form-title span {
    float: left;
    width: 33.33333333%;
    text-align: center;
    color: #959195
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form-title span b {
    color: #eb484b
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form label {
    float: left;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 400;
    position: relative
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form label input {
    position: absolute;
    visibility: hidden
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form label span {
    display: inline-block;
    background: #0e131f;
    padding: 18px 0;
    font-size: 20px;
    border-radius: 5px;
    transition: 400ms;
    width: 115px;
    text-align: center
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form label input:checked~span {
    background: #eb484b
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form .form-group {
    float: left;
    width: 100%
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form .form-group span {
    float: left;
    width: 100%;
    color: #959195
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form .form-group input[type="number"] {
    float: left;
    width: 100%;
    background: #0e131f;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    color: #fff
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form .form-group input[type="number"]::-webkit-inner-spin-button,
.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form .form-group input[type="number"]::-webkit-outer-spin-button {
    display: none
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form .form-group-total span b {
    color: #eb484b;
    margin-left: 5px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form .form-group button {
    float: left;
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    width: 190px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form .form-group button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form ul.bank-name-content {
    float: left;
    width: 100%;
    padding: 20px;
    margin: 0
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form ul.bank-name-content li {
    float: left;
    width: 100%;
    list-style: none;
    color: #fff;
    font-size: 15px;
    border-bottom: 1px solid #0a0f19;
    padding: 10px 0
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form ul.bank-name-content li span {
    float: right
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form ul.bank-name-content li span button {
    font-size: 20px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
    transition: 400ms;
    background: transparent;
    border: none;
    padding: 0;
    outline: none;
    margin-top: -5px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form ul.bank-name-content li span button:hover {
    color: #eb484b
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-content-item .page-bank-accounts-content-item-form ul.bank-name-content li span button i {
    transform: rotate(0deg)
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content {
    float: left;
    width: 100%;
    padding: 20px;
    background: #171822;
    border-radius: 5px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group {
    float: left;
    width: 50%
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group span {
    float: left;
    width: 100%;
    color: #959195
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group input[type="text"],
.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group input[type="date"],
.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group input[type="number"],
.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group textarea {
    float: left;
    width: 100%;
    background: #0e131f;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    color: #fff
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group-left {
    padding-right: 20px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group textarea {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 100px;
    max-height: 100px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group-btn {
    width: 100%
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group-btn input[type="button"] {
    float: right;
    outline: none;
    border: none;
    background: #0a7fe3;
    color: #fff;
    font-size: 14px;
    padding: 12px 20px;
    border-radius: 5px;
    transition: 400ms;
    margin-top: 10px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group-btn input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-promo-code {
    float: left;
    width: 100%;
    padding: 20px;
    background: #171822;
    border-radius: 5px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-promo-code .page-bank-accounts-promo-code-logo {
    float: left;
    width: 100%;
    text-align: center
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-promo-code .page-bank-accounts-promo-code-logo img {
    max-width: 190px;
    max-height: 45px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-promo-code .form-group {
    float: left;
    width: 100%
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-promo-code .form-group input[type="text"] {
    float: left;
    width: 100%;
    background: #0e131f;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    margin-bottom: 10px
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-promo-code .form-group input[type="button"] {
    float: left;
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    width: 100%
}

.page-bank-accounts .page-bank-accounts-content .page-bank-accounts-promo-code .form-group input[type="button"]:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px
}

.account-page-content .account-page-index {
    float: left;
    width: 100%
}

.account-page-content .account-page-index .account-page-index-top-statistics {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.account-page-content .account-page-index .account-page-index-top-statistics .account-page-index-top-statistics-item {
    float: left;
    width: 100%;
    background: linear-gradient(to right, #010000 0, #080000 100%);
    border-radius: 5px;
    padding: 10px;
    overflow: hidden;
    position: relative
}

.account-page-content .account-page-index .account-page-index-top-statistics .statistics-item-bg-2 {
    background: linear-gradient(45deg, #f93a5a, #f7778c)
}

.account-page-content .account-page-index .account-page-index-top-statistics .statistics-item-bg-3 {
    background: linear-gradient(to left, #48d6a8 0, #029666 100%)
}

.account-page-content .account-page-index .account-page-index-top-statistics .statistics-item-bg-4 {
    background: linear-gradient(to left, #efa65f, #f76a2d) !important
}

.account-page-content .account-page-index .account-page-index-top-statistics .account-page-index-top-statistics-item span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px
}

.account-page-content .account-page-index .account-page-index-top-statistics .account-page-index-top-statistics-item h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    margin: 10px 0
}

.account-page-content .account-page-index .account-page-index-top-statistics .account-page-index-top-statistics-item a {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px
}

.account-page-content .account-page-index .account-page-index-top-statistics .account-page-index-top-statistics-item img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    transform: rotate(326deg);
    opacity: .5
}

.account-page-content .account-page-index .account-page-index-support-title {
    float: left;
    width: 100%;
    background: #eb484b;
    border-radius: 5px 5px 0 0
}

.account-page-content .account-page-index .account-page-index-support-title h3 {
    float: left;
    width: 100%;
    margin: 0;
    color: #fff;
    padding: 20px 10px;
    font-size: 18px
}

.account-page-content .account-page-index .account-page-index-support-title h3 img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: -8px
}

.account-page-content .account-page-index .account-page-index-support {
    float: left;
    width: 100%;
    border: 1px solid #0a0f19;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative
}

.account-page-content .account-page-index .account-page-index-support::-webkit-scrollbar-track {
    background: transparent
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-item {
    float: left;
    width: 100%;
    background: #171822;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-item h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #fff;
    font-size: 17px
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-item span {
    float: left;
    width: 100%;
    color: #ffc107;
    font-size: 15px
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-item p {
    float: left;
    width: 100%;
    color: #959195;
    margin-bottom: 0
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-item a {
    float: left;
    width: 100%;
    background: #0a7fe3;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    transition: 200ms
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-item a:hover {
    opacity: .6
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-all {
    float: left;
    width: 100%
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-all a {
    background: #198754;
    float: left;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 13px;
    transition: 200ms;
    text-decoration: none;
    width: 100%;
    text-align: center
}

.account-page-content .account-page-index .account-page-index-support .account-page-index-support-all a:hover {
    opacity: .6
}

.account-page-content .account-page-index .account-page-index-notifications-title {
    float: left;
    width: 100%;
    background: #eb484b;
    border-radius: 5px 5px 0 0
}

.account-page-content .account-page-index .account-page-index-notifications-title h3 {
    float: left;
    width: 100%;
    margin: 0;
    color: #fff;
    padding: 20px 10px;
    font-size: 18px
}

.account-page-content .account-page-index .account-page-index-notifications-title h3 img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: -8px
}

.account-page-content .account-page-index .account-page-index-notifications {
    float: left;
    width: 100%;
    border: 1px solid #0a0f19;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative
}

.account-page-content .account-page-index .account-page-index-notifications::-webkit-scrollbar-track {
    background: transparent
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-item {
    float: left;
    width: 100%;
    background: #171822;
    border-radius: 5px;
    padding: 10px 20px;
    margin-bottom: 20px
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-item .img {
    float: left;
    width: 30px;
    height: 30px;
    background: #ffc107;
    padding: 3px 0;
    text-align: center;
    border-radius: 30px;
    margin-bottom: 10px
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-item .img img {
    max-width: 100%;
    max-height: 100%
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-item p {
    float: left;
    max-width: 95%;
    width: 100%;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-item a {
    display: block;
    color: #0a7fe3;
    font-size: 14px;
    float: left
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-item span {
    color: #959195;
    font-size: 12px;
    float: right;
    margin-top: 7px
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-item .bg-green {
    background: #198754
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-all {
    float: left;
    width: 100%
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-all a {
    background: #198754;
    float: left;
    color: #fff;
    font-weight: 600;
    border: none;
    outline: none;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 13px;
    transition: 200ms;
    text-decoration: none;
    width: 100%;
    text-align: center
}

.account-page-content .account-page-index .account-page-index-notifications .account-page-index-notifications-all a:hover {
    opacity: .6
}

.account-page-content .account-page-index .account-page-index-sales-activity-title {
    float: left;
    width: 100%;
    border-radius: 5px 5px 0 0;
    background: #eb484b
}

.account-page-content .account-page-index .account-page-index-sales-activity-title h3 {
    float: left;
    width: 100%;
    margin: 0;
    color: #fff;
    padding: 20px 10px;
    font-size: 18px
}

.account-page-content .account-page-index .account-page-index-sales-activity-title h3 img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top: -8px
}

.account-page-content .account-page-index .account-page-index-sales-activity {
    float: left;
    width: 100%;
    border: 1px solid #0a0f19;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    height: 400px
}

.account-page-content .account-page-index .account-page-index-sales-activity ul {
    float: left;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 11px
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li:last-child {
    margin-bottom: 0
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li span {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(to right, #010000 0, #080000 100%);
    margin-right: 10px;
    text-align: center;
    padding: 10px 0
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li span img {
    width: 30px;
    height: 30px
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li strong {
    float: left;
    color: #fff;
    width: 70%;
    margin-top: 5px
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li p {
    float: left;
    color: #959195;
    margin-bottom: 0;
    width: 60%;
    font-size: 12px
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li:nth-child(2) span {
    background: linear-gradient(45deg, #f93a5a, #f7778c)
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li:nth-child(3) span {
    background: linear-gradient(to left, #48d6a8 0, #029666 100%)
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li:nth-child(4) span {
    background: linear-gradient(to left, #efa65f, #f76a2d) !important
}

.account-page-content .account-page-index .account-page-index-sales-activity ul li:nth-child(5) span {
    background: linear-gradient(to right, #4c05cc 0, #884af1 100%) !important
}

.pagination li {
    background-color: transparent;
    font-size: 20px;
    padding: 5px 0;
    display: flex;
    color: #959195;
    border: 1px solid #25273a;
    transition: 300ms;
    cursor: pointer;
    width: 40px;
    height: 40px;
    justify-content: space-around;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
}

.pagination li:hover,
.pagination li.active {
    background-color: #eb484b;
    border-color: #eb484b;
    color: #fff;
}

.pagination-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

.pagination {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.pagination-nav button {
    background-color: transparent;
    font-size: 20px;
    width: 40px;
    text-align: center;
    height: 40px;
    padding: 5px 0;
    color: #959195;
    border: 1px solid #25273a;
    transition: 300ms;
    outline: none;
}

.pagination-nav button:hover {
    background: #eb484b;
    color: #fff;
}

.seller-profile-page {
    float: left;
    width: 100%;
    background: #16141f;
}

.seller-profile-page .seller-profile-banner-img {
    float: left;
    width: 100%;
    max-height: 300px;
    overflow: hidden;
}

.seller-profile-page .seller-profile-banner-img img {
    max-width: 100%;
}

.seller-profile-page .seller-profile-header {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 3px 3px 0 0;
    padding: 15px;
    margin-top: -65px;
}

.seller-profile-page .seller-profile-header .user-info {
    float: left;
}

.seller-profile-page .seller-profile-header .user-info .user-avatar {
    float: left;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
}

.seller-profile-page .seller-profile-header .user-info .user-avatar img {
    max-width: 100%;
}

.seller-profile-page .seller-profile-header .user-info .user-details {
    float: left;
    margin-left: 15px;
    max-width: 300px;
}

.seller-profile-page .seller-profile-header .user-info .user-details h2 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #959195;
    font-size: 25px;
}

.seller-profile-page .seller-profile-header .user-info .user-details .profile-on-off {
    float: left;
    width: 100%;
}

.seller-profile-page .seller-profile-header .user-info .user-details .profile-on-off span {
    font-size: 13px;
    float: left;
    width: 100%;
}

.seller-profile-page .seller-profile-header .user-info .user-details .profile-on-off .profile-online {
    color: #198754;
}

.seller-profile-page .seller-profile-header .user-info .user-details .profile-on-off .profile-offline {
    color: #dc3545;
}

.seller-profile-page .seller-profile-header .user-info .user-details .seller-amblems {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.seller-profile-page .seller-profile-header .user-info .user-details .seller-amblems span {
    float: left;
    color: #959195;
    font-size: 12px;
    margin-right: 15px;
    display: flex;
    align-content: center;
    align-items: center;
}

.seller-profile-page .seller-profile-header .user-info .user-details .seller-amblems span:nth-last-child(1) {
    margin-right: 0;
}

.seller-profile-page .seller-profile-header .user-info .user-details .seller-amblems span img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.seller-profile-page .seller-profile-header .user-store-details {
    float: right;
    max-width: 200px;
}

.seller-profile-page .seller-profile-header .user-store-details .user-registration {
    float: left;
    width: 100%;
    background: #0a0f19;
    color: #959195;
    padding: 5px;
}

.seller-profile-page .seller-profile-header .user-store-details .user-registration i {
    margin-right: 10px;
    font-size: 16px;
}

.seller-profile-page .seller-profile-header .user-store-details .store-rating {
    display: flex;
    float: left;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}

.seller-profile-page .seller-profile-header .user-store-details .store-rating i {
    color: #959195;
    font-size: 16px;
    margin: 0 2px;
}

.seller-profile-page .seller-profile-header .user-store-details .store-rating i.active {
    color: #ffc107;
}

.seller-profile-page .seller-profile-header .user-store-details .store-rating span {
    color: #959195;
    font-size: 14px;
    font-weight: 600;
    margin-left: 7px;
}

.seller-profile-page .seller-profile-header .user-store-details .strore-solds {
    float: left;
    width: 100%;
    color: #fff;
    border: 2px solid #198754;
    text-align: center;
    background: #198754;
    border-radius: 3px;
    padding: 4px 0;
}

.seller-profile-page .seller-profile-tabs-menu {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: #0e131f;
    padding: 0 15px;
    border-top: 1px solid #0a0f19;
    border-radius: 0 0 3px 3px;
}

.seller-profile-page .seller-profile-tabs-menu li {
    list-style: none;
    float: left;
}

.seller-profile-page .seller-profile-tabs-menu li a {
    display: inline-block;
    color: #959195;
    font-size: 15px;
    padding: 15px 20px;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    transition: 300ms;
}

.seller-profile-page .seller-profile-tabs-menu li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    visibility: hidden;
    background: #eb484b;
    transition: 400ms;
}

.seller-profile-page .seller-profile-tabs-menu li a:hover {
    color: #fff;
}

.seller-profile-page .seller-profile-tabs-menu li.active a:after {
    visibility: visible;
    width: 100%;
}

.seller-profile-page .tab-content {
    float: left;
    width: 100%;
    background: #0e131f;
    padding: 20px 0;
    border-radius: 3px;
    margin-bottom: 30px;
}

.seller-profile-page .profile-advert-item {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #213649;
    border-radius: 5px;
    height: 330px;
    margin-bottom: 30px;
}

.seller-profile-page .profile-advert-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent, #101521);
}

.seller-profile-page .profile-advert-item img {
    display: block;
    width: 100%;
}

.seller-profile-page .profile-advert-item span {
    position: absolute;
    left: 20px;
    bottom: 37px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    width: 180px;
    text-transform: uppercase;
}

.seller-profile-page .profile-advert-item a {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 29px;
    text-decoration: none;
    border: 2px solid #63636b;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
}

.seller-profile-page .profile-advert-item a:hover {
    opacity: .6;
}

.seller-profile-page .profile-advert-item a img {
    margin-left: auto;
    margin-right: auto;
    width: 15px !important;
    height: 15px;
    margin-top: 11px;
    opacity: 1;
}

.seller-profile-page .profile-comments {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.seller-profile-page .profile-comments .profile-comments-progress {
    float: left;
    width: 75%;
    padding: 20px;
    border-radius: 3px;
}

.seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item {
    float: left;
    width: 100%;
}

.seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .rating {
    float: left;
    margin-right: 15px;
}

.seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .rating span {
    float: left;
    color: #fff;
    font-weight: 600;
    margin-right: 15px;
    width: 90px;
}

.seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .rating i {
    float: left;
    font-size: 17px;
    margin-right: 5px;
}

.seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .rating i.active {
    color: #ffc107;
}

.seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .progress {
    text-align: center;
    background-color: #171822;
}

.seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .progress .progress-bar p {
    font-weight: 600;
    color: #fff;
}

.seller-profile-page .profile-comments .profile-comments-charts {
    float: left;
    width: 25%;
}

.seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item {
    width: 200px;
    height: 200px;
    border: 4px solid #1cbff8;
    border-radius: 100%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item h2 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-top: 34px;
}

.seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item p {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 600;
}

.seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item span {
    float: left;
    width: 100%;
    text-align: center;
}

.seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item span i {
    margin-right: 2px;
    color: #ffc107;
    font-size: 17px;
}

.seller-profile-page .profile-comments-item {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    padding: 0 20px;
}

.seller-profile-page .profile-comments-item .comments-avatar {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 20px;
}

.seller-profile-page .profile-comments-item .comments-avatar img {
    max-width: 100%;
}

.seller-profile-page .profile-comments-item .comments-content {
    float: left;
    width: 80%;
    background: #171822;
    padding: 10px;
    border-radius: 3px;
    min-height: 150px;
}

.seller-profile-page .profile-comments-item .comments-content .comments-headline {
    float: left;
    width: 100%;
}

.seller-profile-page .profile-comments-item .comments-content .comments-headline .comments-info {
    float: left;
}

.seller-profile-page .profile-comments-item .comments-content .comments-headline .comments-info p {
    float: left;
    color: #fff;
    font-size: 19px;
    margin-right: 15px;
}

.seller-profile-page .profile-comments-item .comments-content .comments-headline .comments-info span {
    float: left;
    color: #fff;
    font-weight: 600;
    background: #eb484b;
    padding: 3px 5px;
    font-size: 11px;
}

.seller-profile-page .profile-comments-item .comments-content .comments-headline .comments-rating {
    float: right;
}

.seller-profile-page .profile-comments-item .comments-content .comments-headline .comments-rating span {
    color: #5d6b82;
    margin-right: 15px;
}

.seller-profile-page .profile-comments-item .comments-content .comments-headline .comments-rating i {
    font-size: 17px;
    margin-left: 5px;
}

.seller-profile-page .profile-comments-item .comments-content .comments-headline .comments-rating i.active {
    color: #ffc107;
}

.seller-profile-page .profile-comments-item .comments-content .comments-text {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    border-top: 1px solid #0a0f19;
    padding: 20px;
}

.knight-online-gb-page {
    float: left;
    width: 100%;
    background: #16141f;
    padding: 50px 0;
}

.knight-online-gb-page .page-sidebar {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 7px 7px 15px -5px #0000008c;
}

.knight-online-gb-page .page-sidebar .img {
    float: left;
    width: 100%;
    overflow: hidden;
}

.knight-online-gb-page .page-sidebar .img img {
    max-width: 100%;
}

.knight-online-gb-page .page-sidebar .page-sidebar-text {
    float: left;
    width: 100%;
    padding: 15px;
    color: #fff;
    max-height: 250px;
    overflow: hidden;
}

.knight-online-gb-page .page-sidebar .page-sidebar-text p {
    line-height: 19.50px;
    font-size: 13px;
}

.knight-online-gb-page .page-sidebar .page-sidebar-text h1 {
    font-size: 39px;
}

.knight-online-gb-page .page-sidebar .page-sidebar-full-text-btn {
    float: left;
    width: 100%;
    background: #0e131f;
    border: none;
    outline: none;
    padding: 10px;
    color: #959195;
    transition: 300ms;
}

.knight-online-gb-page .page-sidebar .page-sidebar-full-text-btn:hover {
    color: #fff;
}

.knight-online-gb-page ul.page-sidebar-menu {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0;
    margin-bottom: 0;
}

.knight-online-gb-page ul.page-sidebar-menu li {
    list-style: none;
    float: left;
    width: 100%;
}

.knight-online-gb-page ul.page-sidebar-menu li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #fff;
    padding: 15px 30px;
    background: #0e131f;
    border-radius: 3px;
    margin-bottom: 10px;
    border: 2px solid #525356a6;
    box-shadow: 7px 7px 15px -5px #0000008c;
    transition: all .15s ease 0s;
}

.knight-online-gb-page ul.page-sidebar-menu li a:hover,
.knight-online-gb-page ul.page-sidebar-menu li a.active {
    border-color: #eb484b;
    box-shadow: 0 0 6px 0 #eb484b;
}

.knight-online-gb-page .category-head-title {
    float: left;
    width: 100%;
    background: #0e131f;
    color: #959195;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 1px 0 rgb(0 0 0/4%), 0 1px 2px rgb(0 0 0/4%), 0 3px 7px rgb(0 0 0/8%);
    margin-bottom: 20px;
}

.knight-online-gb-page .category-product-content {
    float: left;
    width: 100%;
}

.knight-online-gb-page .category-product-content .category-product-item {
    color: #959195;
    background: #0e131f;
    display: flex;
    padding: 9px;
    border-radius: 3px;
    box-shadow: 1px 0 rgb(0 0 0/4%), 0 1px 2px rgb(0 0 0/4%), 0 3px 7px rgb(0 0 0/8%);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 2px solid #525356a6;
    margin-bottom: 20px;
}

.knight-online-gb-page .category-product-content .category-product-item .img {
    overflow: hidden;
    max-width: 115px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

.knight-online-gb-page .category-product-content .category-product-item .img img {
    max-width: 100%;
}

.knight-online-gb-page .category-product-content .category-product-item .product-info {
    background: #171822;
    border-radius: 3px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0 15px;
}

.knight-online-gb-page .category-product-content .category-product-item .product-info .product-name {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.knight-online-gb-page .category-product-content .category-product-item .product-info .product-name span {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 5px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.knight-online-gb-page .category-product-content .category-product-item .product-info .product-name img {
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: column-reverse;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.knight-online-gb-page .category-product-content .category-product-item .product-info .product-rating {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    margin: 10px 0;
}

.knight-online-gb-page .category-product-content .category-product-item .product-info .product-rating i.active {
    color: #ffc107;
}

.knight-online-gb-page .category-product-content .category-product-item .product-info .product-rating p {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #eb484b;
}

.knight-online-gb-page .category-product-content .category-product-item .product-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
}

.knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action {
    float: left;
    width: 50%;
    padding: 0 5px;
}

.knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action span {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 8px;
    text-align: center;
    color: #0a7fe3;
}

.knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action:nth-child(1) span {
    color: #f48315;
}

.knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action button {
    float: left;
    width: 100%;
    background: transparent;
    outline: none;
    color: #fff;
    border-radius: 5px;
    padding: 4px 34px;
    transition: 400ms;
    font-weight: 600;
    border: 2px solid #f48315;
}

.knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action button:hover {
    background: #f48315;
}

.knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action:nth-child(2) button {
    border-color: #0a7fe3;
}

.knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action:nth-child(2) button:hover {
    background: #0a7fe3;
}

.knight-online-gb-page .category-product-content .modal-content {
    background: #0e131f;
    overflow: hidden;
}

.knight-online-gb-page .category-product-content .modal-content .modal-title {
    float: left;
    color: #959195;
    font-size: 17px;
    font-weight: 600;
}

.knight-online-gb-page .category-product-content .modal-content .modal-header {
    border-bottom: 2px solid #0a0f19;
}

.knight-online-gb-page .category-product-content .modal-content .modal-header .close {
    text-shadow: none;
    color: #959195;
    font-size: 27px;
    opacity: 1;
}

.knight-online-gb-page .category-product-content .modal-content .modal-header .close:hover {
    opacity: 0.7;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body h5 {
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 0;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body img {
    width: 100%;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .form-group span {
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 20px;
    font-size: 12px;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .form-group input {
    float: left;
    width: 100%;
    border-radius: 3px;
    outline: none;
    border: 2px solid #525356a6;
    background: #0a0f19;
    color: #fff;
    padding: 10px;
    margin: 10px 0;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .modal-button-group {
    float: left;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .modal-button-group button {
    float: left;
    border: 2px solid #525356a6;
    outline: none;
    height: 35px;
    width: 35px;
    background: #0a0f19;
    color: #fff;
    ;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .modal-button-group .modal-minus-btn {
    border-radius: 3px 0 0 3px;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .modal-button-group .modal-plus-btn {
    border-radius: 0 3px 3px 0;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .modal-button-group input {
    float: left;
    border: 2px solid #525356a6;
    border-left: none;
    border-right: none;
    outline: none;
    background: #0a0f19;
    color: #fff;
    font-weight: 600;
    text-align: center;
    height: 35px;
    width: 60px;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .modal-price-total {
    float: right;
    border: 2px solid #525356a6;
    background: #0a0f19;
    padding: 4px 10px;
    margin-bottom: 20px;
}

.knight-online-gb-page .category-product-content .modal-content .modal-body .modal-form .modal-price-total span {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.knight-online-gb-page .category-product-content .modal-content .modal-footer {
    float: left;
    width: 100%;
    border-top: 2px solid #0a0f19;
    text-align: center;
}

.knight-online-gb-page .category-product-content .modal-content .modal-footer button {
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    width: 190px;
    margin: 0 auto;
}

.knight-online-gb-page .category-product-content .modal-content .modal-footer button img {
    width: 25px;
    margin-right: 10px;
}

.knight-online-gb-page .category-product-content .modal-content .modal-footer button:hover {
    opacity: 0.7;
}

.account-page .account-page-content .giveaways-new-page {
    float: left;
    width: 100%;
    padding: 0 20px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-page-title {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-page-title h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #fff;
    font-weight: 600;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-page-title span {
    float: left;
    width: 100%;
    color: #959195;
}

.account-page .account-page-content .giveaways-new-page .form-group {
    float: left;
    width: 100%;
}

.account-page .account-page-content .giveaways-new-page .form-group span {
    float: left;
    width: 100%;
    color: #959195;
    margin-bottom: 10px;
}

.account-page .account-page-content .giveaways-new-page .col-6 {
    width: 50%;
}

.account-page .account-page-content .giveaways-new-page .col-25 {
    width: 25%;
}

.account-page .account-page-content .giveaways-new-page .p-r-20 {
    padding-right: 20px;
}

.account-page .account-page-content .giveaways-new-page .form-group textarea {
    float: left;
    width: 100%;
    background: #171822;
    border-radius: 5px;
    color: #ddd;
    padding: 10px;
    outline: none;
    border: none;
    max-width: 100%;
    max-height: 130px;
    min-height: 130px;
    min-width: 100%;
}

.account-page .account-page-content .giveaways-new-page .form-group label {
    background: #0a7fe3;
    float: left;
    display: block;
    color: #fff;
    border: none;
    outline: none;
    font-size: 13px;
    padding: 10px;
    border-radius: 5px;
    transition: 400ms;
    cursor: pointer;
    font-weight: 500;
    width: 80%;
    position: relative;
    text-align: center;
}

.account-page .account-page-content .giveaways-new-page .form-group label:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px;
}

.account-page .account-page-content .giveaways-new-page .form-group label input {
    position: absolute;
    width: 0;
    visibility: hidden;
}

.account-page .account-page-content .giveaways-new-page .form-group select {
    float: left;
    width: 100%;
    background: #171822;
    border-radius: 5px;
    color: #ddd;
    padding: 10px;
    outline: none;
    border: none;
}

.account-page .account-page-content .giveaways-new-page .form-group input {
    float: left;
    width: 100%;
    background: #171822;
    border-radius: 5px;
    color: #ddd;
    padding: 10px;
    outline: none;
    border: none;
}

.account-page .account-page-content .giveaways-new-page .datetime-group {
    margin-bottom: 20px;
}

.account-page .account-page-content .giveaways-new-page .datetime-group input {
    width: 150px;
    margin-right: 10px;
}

.account-page .account-page-content .giveaways-new-page .datetime-group select {
    width: 100px;
    padding: 12px;
    margin-right: 10px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content {
    float: left;
    width: 100%;
    border-radius: 5px;
    background: #171822;
    padding: 15px 0;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item {
    float: left;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    background: #0e131f;
    box-shadow: 7px 7px 15px -5px #0000008c;
    margin-bottom: 20px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-info {
    float: left;
    max-width: 60%;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-info .img {
    float: left;
    width: 40px;
    max-height: 40px;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    margin-right: 10px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-info .img img {
    max-width: 100%;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-info a {
    float: left;
    width: 70%;
    color: #fff;
    text-decoration: none;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-info a:hover {
    color: #eb484b;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-info span {
    float: left;
    width: 70%;
    color: #959195;
    font-size: 10px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-button {
    float: right;
    max-width: 40%;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-button span {
    float: left;
    color: #959195;
    font-size: 14px;
    font-weight: 600;
    margin-right: 20px;
    margin-top: 4px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-button button {
    float: right;
    color: #eb484b;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    font-size: 19px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-button button:hover {
    opacity: 0.7;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-item-forms {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-item-forms .col-33 {
    width: 33.33333%;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-item-forms .form-group {
    margin-bottom: 0;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-item-forms .form-group span {
    font-size: 10px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-footer {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-footer .giveaways-total {
    float: left;
    width: 200px;
    border: 2px solid #525356a6;
    border-radius: 5px;
    padding: 10px;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-footer .giveaways-total span {
    float: left;
    width: 100%;
    font-weight: 600;
    color: #959195;
    text-align: center;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-footer .giveaways-total span:nth-child(2) {
    color: #198754;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-footer input {
    float: right;
    width: 200px;
    background: #0a7fe3;
    display: block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    transition: 200ms;
    border-radius: 5px;
    border: none;
    outline: none;
    transition: 300ms;
}

.account-page .account-page-content .giveaways-new-page .giveaways-new-footer input:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px;
}

.account-page .account-page-content .giveaways-list-page {
    float: left;
    width: 100%;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-page-title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 15px;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-page-title h3 {
    float: left;
    margin-top: 10px;
    color: #fff;
    font-weight: 600;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-page-title select {
    float: right;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item {
    float: left;
    width: 100%;
    border-radius: 5px;
    background: #16141f;
    padding: 10px;
    border: 2px solid #525356a6;
    box-shadow: 7px 7px 15px -5px #0000008c;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-info {
    float: left;
    width: 100%;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-info .info {
    float: left;
    margin-right: 3px;
    width: 32%;
    border-radius: 5px;
    background: linear-gradient(0deg, #272a33, transparent);
    padding: 10px 5px;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-info .info span {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    font-size: 10px;
    margin-bottom: 3px;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-info .info strong {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    font-size: 11px;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-content {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-content .giveaways-list-awards-item {
    background: #222326;
    float: left;
    width: 32%;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 5px;
    border-radius: 5px;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-content .giveaways-list-awards-item span {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    font-size: 10px;
    font-weight: 600;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-content .giveaways-list-awards-item img {
    max-width: 100%;
    border-radius: 5px;
    margin: 5px 0;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-timer {
    float: left;
    background: #111117;
    padding: 5px 0;
    border-radius: 3px;
    width: 100%;
    border: 2px solid #525356a6;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-timer li {
    list-style: none;
    float: left;
    width: 25%;
    position: relative;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-timer li:before {
    content: ":";
    position: absolute;
    right: -3px;
    top: 0;
    color: #40435f;
    font-size: 26px;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-timer li:last-child:before {
    display: none;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-timer li strong {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-timer li span {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 9px;
    text-align: center;
    margin: -2px 0;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-timer h4 {
    float: left;
    width: 100%;
    text-align: center;
    margin: 8px 0;
    color: #fff;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-buttons {
    float: left;
    width: 100%;
    margin-top: 6px;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-buttons a {
    display: inline-block;
    background: #0a7fe3;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    padding: 3px 0px;
    font-size: 14px;
    width: 80px;
    text-align: center;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-buttons a:hover {
    opacity: 0.7;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-buttons a.edit {
    background: #ffc107;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-buttons a.delete {
    background: #eb484b;
}

.account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-buttons a.repeat {
    background: #198754;
}

.account-page .account-page-content .giveaways-results-page {
    float: left;
    width: 100%;
}

.account-page .account-page-content .giveaways-results-page .giveaways-results-page-title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 15px;
}

.account-page .account-page-content .giveaways-results-page .giveaways-results-page-title h3 {
    float: left;
    margin-top: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

.account-page .account-page-content .giveaways-results-page .giveaways-results-page-title select {
    float: right;
    background: #171822;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 17px;
    padding: 10px 15px;
    outline: none;
}

.account-page .account-page-content .giveaways-results-item {
    float: left;
    width: 100%;
    border-radius: 5px;
    background: #16141f;
    padding: 10px;
    border: 2px solid #525356a6;
    box-shadow: 7px 7px 15px -5px #0000008c;
}

.account-page .account-page-content .giveaways-results-item .img {
    float: left;
    width: 100%;
    overflow: hidden;
}

.account-page .account-page-content .giveaways-results-item .img img {
    max-width: 100%;
}

.account-page .account-page-content .giveaways-results-item h4 {
    float: left;
    width: 100%;
    color: #fff;
}

.account-page .account-page-content .giveaways-results-item .info {
    float: left;
    width: 48%;
    background: linear-gradient(0deg, #272a33, transparent);
    padding: 10px 5px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.account-page .account-page-content .giveaways-results-item .info span {
    float: left;
    width: 100%;
    text-align: center;
    color: #959195;
    font-size: 10px;
}

.account-page .account-page-content .giveaways-results-item .col-33 {
    width: 31.3%;
}

.account-page .account-page-content .giveaways-results-item .info strong {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #959195;
}

.account-page .account-page-content .giveaways-results-item a {
    float: left;
    width: 100%;
    text-decoration: none;
    background: #0a7fe3;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
    transition: 400ms;
}

.account-page .account-page-content .giveaways-results-item a:hover {
    opacity: 0.7;
}

.advert-page {
    float: left;
    width: 100%;
    background: #16141f;
    padding: 50px 0;
}

.advert-page .advert-page-sidebar {
    float: left;
    width: 100%;
    background: #0e131f;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 7px 7px 15px -5px #0000008c;
    padding: 15px;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item {
    float: left;
    width: 100%;
    padding: 10px;
    border: 2px solid #525356a6;
    border-radius: 3px;
    margin-bottom: 20px;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-select-btn {
    float: left;
    width: 33.333%;
    background: transparent;
    border: none;
    color: #5d6b82;
    border-right: 2px solid #525356a6;
    font-size: 13px;
    padding: 0;
    outline: none;
    font-weight: 600;
    transition: 300ms;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-select-btn:hover,
.advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-select-btn-active {
    color: #fff;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-select-btn i {
    margin-right: 5px;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-select-btn:nth-child(3) {
    border-right: none;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-title {
    float: left;
    width: 100%;
    border-bottom: 2px solid #525356a6;
    color: #5d6b82;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item span {
    float: left;
    width: 100%;
    color: #5d6b82;
    margin-bottom: 10px;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item select,
.advert-page .advert-page-sidebar .advert-page-sidebar-item input[type="text"],
.advert-page-sidebar .advert-page-sidebar-item input[type="number"] {
    float: left;
    width: 100%;
    outline: none;
    background: #0a0f19;
    color: #fff;
    border: 2px solid #525356a6;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item label {
    float: left;
    width: 100%;
    color: #5d6b82;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item label input {
    position: absolute;
    opacity: 0;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item label span {
    width: 17px;
    height: 18px;
    background: #fff;
    float: left;
    border-radius: 2px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 0;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item label span:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 3px;
    border-left: 3px solid #eb484b;
    border-bottom: 3px solid #eb484b;
    width: 14px;
    height: 8px;
    transform: rotate(313deg);
    visibility: hidden;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item input[type="checkbox"]:checked~span:before {
    visibility: visible;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-search-btn {
    float: left;
    background: #0a7fe3;
    color: #fff;
    outline: none;
    border: none;
    font-size: 15px;
    padding: 11px 20px;
    border-radius: 2px;
    font-weight: 600;
    transition: 400ms;
    width: 100%;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-search-btn i {
    margin-right: 10px;
}

.advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-search-btn:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px;
}

.advert-page-content {
    float: left;
    width: 100%;
    padding: 0 -15px;
}

.advert-page-content .advert-page-content-title {
    float: left;
    width: 100%;
    background: #0e131f;
    box-shadow: 7px 7px 15px -5px #0000008c;
    border-radius: 3px;
    border: 2px solid #525356a6;
    padding: 10px;
    margin-bottom: 20px;
}

.advert-page-content .advert-page-content-title select {
    float: right;
    outline: none;
    background: #0a0f19;
    color: #fff;
    border: 2px solid #525356a6;
    padding: 5px 20px;
    border-radius: 3px;
}

.advert-page-content .advert-page-content-item {
    float: left;
    background: #0e131f;
    box-shadow: 7px 7px 15px -5px #0000008c;
    border-radius: 3px;
    overflow: hidden;
    border: 2px solid #525356a6;
    transition: 300ms;
    margin-bottom: 20px;
}

.advert-page-content .advert-page-content-item:hover {
    border-color: #eb484b;
}

.advert-page-content .advert-page-content-item a {
    text-decoration: none;
    color: inherit;
}

.advert-page-content .advert-page-content-item .item-title {
    float: left;
    width: 100%;
    background: #0a7fe3;
    padding: 4px 0;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.advert-page-content .advert-page-content-item .item-rise-online {
    float: left;
    width: 100%;
    background: #060606;
}

.advert-page-content .advert-page-content-item .item-rise-online .item-name {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    margin: 10px 0;
}

.advert-page-content .advert-page-content-item .item-rise-online .epic {
    color: #824b9f !important;
}

.advert-page-content .advert-page-content-item .item-rise-online .unique {
    color: #bf9100 !important;
}

.advert-page-content .advert-page-content-item .item-rise-online .item-type {
    float: left;
    width: 100%;
}

.advert-page-content .advert-page-content-item .item-rise-online .item-type span {
    color: #fff;
    width: 33.333%;
    float: left;
    padding: 0 10px;
    margin-top: 10px;
    font-size: 12px;
}

.advert-page-content .advert-page-content-item .item-rise-online .item-type span p {
    margin-bottom: 0;
}

.advert-page-content .advert-page-content-item .item-rise-online .item-type span.pull-right {
    text-align: right;
}

.advert-page-content .advert-page-content-item .item-rise-online .item-type .item-img {
    float: left;
    width: 33.333%;
    text-align: center;
}

.advert-page-content .advert-page-content-item .item-rise-online .item-type .item-img img {
    max-width: 100%;
}

.advert-page-content .advert-page-content-item .item-rise-online .item-type h4 {
    float: left;
    width: 100%;
    text-align: center;
    color: #a9b095;
    font-size: 14px;
}

.advert-page-content .advert-page-content-item ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    height: 150px;
    overflow: hidden;
    background: #060606;
    padding: 0 5px;
}

.advert-page-content .advert-page-content-item ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(0deg, #23262d, transparent);
    z-index: 1;
}

.advert-page-content .advert-page-content-item ul li {
    list-style: none;
    float: left;
    width: 100%;
    color: #fff;
    padding: 1px 10px;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 5px;
}

.advert-page-content .advert-page-content-item ul li span {
    float: right;
    padding: 0 5px;
}

.advert-page-content .advert-page-content-item ul li img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.advert-page-content .advert-page-content-item .new-item {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    background: #198754;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0 5px 5px 0;
    font-size: 12px;
}

.advert-page-content .advert-page-content-item .vitrin-item {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: #0a7fe3;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px 0 0 5px;
    font-size: 12px;
}

.advert-page-content .advert-page-content-item .color-green {
    color: #4b7c49;
}

.advert-page-content .advert-page-content-item .seller-info {
    float: left;
    width: 100%;
    padding: 10px;
}

.advert-page-content .advert-page-content-item .seller-info .seller-name {
    float: left;
    width: 100%;
}

.advert-page-content .advert-page-content-item .seller-info .seller-name img {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.advert-page-content .advert-page-content-item .seller-info .seller-name span {
    float: left;
    width: 80%;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}

.advert-page-content .advert-page-content-item .seller-info .item-price {
    float: left;
    width: 100%;
    color: #f48315;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    border: 1px solid #525356a6;
    margin-top: 10px;
    border-left: none;
    border-right: none;
    padding: 5px 0;
}

.advert-page-content .advert-page-content-item .seller-info .seller-name span i {
    color: #5d6b82;
}

.advert-page-content .advert-page-content-item .seller-info .seller-name span i.active {
    color: #ffc107;
}

.advert-page-content .advert-page-content-item .seller-info .seller-name span b {
    margin-left: 2px;
}

.advert-page-content .advert-page-content-item .item-knight-online {
    float: left;
    width: 100%;
    background: #060606;
    padding: 0 10px;
}

.advert-page-content .advert-page-content-item .item-knight-online .item-img {
    float: left;
    width: 65px;
    height: 65px;
    text-align: center;
    margin-top: 10px;
}

.advert-page-content .advert-page-content-item .item-knight-online .item-img img {
    max-width: 100%;
    margin: 0 auto;
}

.advert-page-content .advert-page-content-item .item-knight-online .item-name {
    float: left;
    width: 70%;
    margin-top: 15px;
    color: #fff;
    font-size: 12px;
}

.advert-page-content .advert-page-content-item .item-knight-online .item-main-properties {
    float: left;
    width: 100%;
}

.advert-page-content .advert-page-content-item .item-knight-online .item-main-properties p {
    float: left;
    width: 100%;
    margin: 0;
    text-align: right;
    color: #fff;
    font-size: 10px;
}

.advert-page-content .advert-page-content-item .item-knight-online .item-durability {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin: 10px 0;
}

.advert-page-content .advert-page-content-item .item-knight-online .item-durability span {
    float: right;
    height: 7px;
    background: #ff8a00;
    width: 30px;
    margin-top: 3px;
}

.advert-page-content .advert-page-content-item ul hr {
    float: left;
    height: 2px;
    width: 100%;
    background-color: #874;
    margin: 2px 0;
}

.advert-page-content .advert-page-content-item .color-red {
    color: red;
}

.advert-page-content .advert-page-content-item .item-knight-online .rebirth {
    color: #ec8ea9 !important;
}

.advert-page-content .advert-page-content-item .character-sell {
    float: left;
    background: #23262d;
}

.advert-page-content .advert-page-content-item .character-sell .img {
    overflow: hidden;
    float: left;
    width: 100%;
    position: relative;
}

.advert-page-content .advert-page-content-item .character-sell .img img {
    max-width: 100%;
}

.advert-page-content .advert-page-content-item .character-sell .char-level {
    float: left;
    width: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    padding: 10px;
}

.advert-page-content .advert-page-content-item .character-sell .char-class {
    float: left;
    width: 50%;
    color: #fff;
    font-size: 10px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    padding: 10px;
}

.advert-page-content .advert-page-content-item .character-sell .char-class img {
    width: 22px;
    height: 22px;
}

.advert-page-content .advert-page-content-item .character-sell .char-prop {
    float: left;
    width: 100%;
}

.advert-page-content .advert-page-content-item .character-sell .char-prop span {
    float: left;
    width: 50%;
    color: #fff;
    padding: 0 10px;
    font-size: 13px;
}

.advert-page-content .advert-page-content-item .character-sell .char-exp-progress {
    float: left;
    width: 93%;
    border-radius: 20px;
    background: #000;
    box-shadow: 0 0 3px #000;
    padding: 2px;
    position: relative;
    height: 14px;
    margin: 10px 7px;
}

.advert-page-content .advert-page-content-item .character-sell .char-exp-progress span {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f36f24;
    border-radius: 20px;
    text-align: center;
    color: #000;
    font-size: 10px;
    text-shadow: none;
    line-height: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advert-page-content .advert-page-content-item .character-sell .knight-char-prop span {
    width: 100%;
}

.advert-page-content .advert-page-content-item .account-sell {
    float: left;
    width: 100%;
    background: #23262d;
}

.advert-page-content .advert-page-content-item .account-sell .img {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.advert-page-content .advert-page-content-item .account-sell .img img {
    max-width: 100%;
}

.advert-page-content .advert-page-content-item .account-sell .account-text {
    float: left;
    width: 100%;
}

.advert-page-content .advert-page-content-item .account-sell .account-text h4 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 28px;
    overflow: hidden;
    display: -webkit-box !important;
}

.advert-page-content .advert-page-content-item .account-sell .account-text span {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 16px;
    margin: 5px 0;
    word-break: break-all;
    height: 38px;
    font-size: 12px;
    padding: 3px 15px;
    color: #fff;
    border-top: 1px solid #ddd3;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell {
    background: #060606;
    max-width: 70%;
    margin: 0 auto;
    padding: 5px;
    overflow: hidden;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .img {
    float: left;
    width: 65px;
    height: 65px;
    text-align: center;
    margin-top: 10px;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-name {
    float: left;
    width: 70%;
    margin-top: 15px;
    color: #fff;
    font-size: 12px;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-main-properties {
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-main-properties p {
    float: left;
    width: 100%;
    margin: 0;
    text-align: right;
    color: #fff;
    font-size: 10px;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-durability {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin: 10px 0;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-durability span {
    float: right;
    height: 7px;
    background: #ff8a00;
    width: 30px;
    margin-top: 3px;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell hr {
    float: left;
    height: 2px;
    width: 100%;
    background-color: #874;
    margin: 2px 0;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
    background: #060606;
    padding: 0 5px;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell ul li {
    list-style: none;
    float: left;
    width: 100%;
    color: #fff;
    padding: 1px 6px;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: left;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-grade {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: #fff;
    margin: 5px 0;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-description {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 11px;
    color: #CC9900;
    margin: 1px 0;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .color-bonus {
    color: #88c329 !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .color-damage {
    color: #75c76e !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .color-red {
    color: #ff3c3c !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .color-rebirth {
    color: #ec8ea9 !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .color-unique {
    color: #dcc77c !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .color-resist {
    color: #5cd1e5 !important;
}

.product-detail-page .product-detail-wrap .product-detail-info ul li span i {
    float: left;
    background: #eb484b;
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    margin-right: 5px;
}

.product-detail-page .product-detail-rightbar {
    float: left;
    width: 100%;
    background: #0e131f;
    margin: 30px 0;
    border-radius: 3px;
}

.product-detail-page .product-detail-rightbar .product-detail-rightbar-title {
    float: left;
    width: 100%;
    background: #0a0f19;
    border-bottom: 2px solid #525356a6;
    color: #5d6b82;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    margin-bottom: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info {
    float: left;
    width: 100%;
    padding: 0 15px 15px 15px;
}

.product-detail-page .product-detail-rightbar .seller-info .img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.product-detail-page .product-detail-rightbar .seller-info .img img {
    max-width: 100%;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-details {
    float: left;
    width: 80%;
    margin-left: 10px;
    position: relative;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-details h2 {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 3px;
    color: #959195;
    font-size: 20px;
}

.product-detail-page .product-detail-rightbar .seller-info .profile-on-off {
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-rightbar .seller-info .profile-on-off span {
    font-size: 13px;
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-rightbar .seller-info .profile-on-off .profile-online {
    color: #198754;
}

.product-detail-page .product-detail-rightbar .seller-info .profile-on-off .profile-offline {
    color: #dc3545;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-amblems {
    position: absolute;
    right: 0;
    top: 0;
    border: 2px solid #525356a6;
    background: #171822;
    padding: 5px;
    border-radius: 3px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-amblems span {
    float: left;
    display: flex;
    align-content: center;
    align-items: center;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-amblems span:nth-child(1) {
    margin-right: 5px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-amblems span img {
    width: 25px;
    height: 25px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-verifications {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    border: 2px solid #525356a6;
    background: #171822;
    padding: 5px 0;
    border-radius: 3px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-verifications li {
    list-style: none;
    float: left;
    width: 25%;
    font-size: 24px;
    border-right: 2px solid #525356a6;
    color: #fff;
    text-align: center;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-verifications li:last-child {
    border-right: none;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-verifications li span {
    border-radius: 3px;
    padding: 1px;
    font-size: 12px;
    color: #fff;
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-protection {
    background: #171822;
    float: left;
    width: 100%;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    border: 2px solid #525356a6;
    margin-top: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-rating {
    float: left;
    width: 100%;
    border-radius: 3px;
    border: 2px solid #525356a6;
    background: #171822;
    padding: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-rating i {
    margin-right: 5px;
    color: #5d6b82;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-rating i.active {
    color: #ffc107;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-rating span {
    color: #5d6b82;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-thumbs {
    float: left;
    width: 100%;
    border-radius: 3px;
    border: 2px solid #525356a6;
    background: #171822;
    padding: 10px;
    margin-top: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-thumbs span {
    float: left;
    width: 50%;
    color: #5d6b82;
    text-align: center;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-thumbs span:nth-child(1) {
    border-right: 2px solid #525356a6;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-thumbs span .fa-thumbs-up {
    margin-right: 5px;
    color: #198754;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-thumbs span .fa-thumbs-down {
    margin-right: 5px;
    color: #eb484b;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-buttons {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-buttons a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    background: #0a7fe3;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    padding: 10px;
    color: #fff;
    transition: 400ms;
    margin-bottom: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-buttons a:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-buttons button {
    float: right;
    width: 49%;
    border: none;
    outline: none;
    border-radius: 3px;
    background: #eb484b;
    color: #fff;
    font-weight: 600;
    padding: 10px;
    transition: 400ms;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-buttons button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-buttons button:nth-child(2) {
    float: left;
    width: 49%;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add h5 {
    float: left;
    margin: 0;
    background: #171822;
    border: 2px solid #525356a6;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    padding: 10px;
    color: #5d6b82;
    position: relative;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add h5:after {
    content: "";
    position: absolute;
    background: #171822;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: -2px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content {
    float: left;
    width: 100%;
    background: #171822;
    border: 2px solid #525356a6;
    border-radius: 0 3px 0 0;
    padding: 10px;
    border-bottom: none;
    max-height: 187px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content::-webkit-scrollbar-track {
    background: transparent;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item {
    float: left;
    width: 100%;
    border: 1px solid #25273a;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item .avatar {
    float: left;
    width: 55px;
    margin-right: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item .avatar a {
    float: left;
    text-decoration: none;
    background: #eb484b;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item .avatar span {
    float: left;
    width: 100%;
    color: #fff;
    background: #198754;
    font-size: 11px;
    padding: 2px 0;
    text-align: center;
    border-radius: 5px;
    margin-top: 7px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item .text {
    float: left;
    width: 75%;
    margin-top: 5px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item .text p {
    float: left;
    background: #0e131f;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 3px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item .text span {
    float: left;
    width: 100%;
    color: #5d6b82;
    font-size: 12px;
    padding-left: 5px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item .text span i {
    margin-right: 5px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-form {
    float: left;
    width: 100%;
    background: #171822;
    border: 2px solid #525356a6;
    border-top: none;
    padding: 10px;
    border-radius: 0 0 3px 3px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-form input {
    float: left;
    background: #0e131f;
    border: 1px solid #25273a;
    outline: none;
    border-radius: 3px;
    padding: 10px;
    width: 60%;
    color: #fff;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-form button {
    float: right;
    background: #0a7fe3;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 10px;
    width: 35%;
    color: #fff;
    transition: 400ms;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-form button i {
    margin-right: 5px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-form button:hover {
    transform: scale(0.95);
    opacity: .9;
    box-shadow: inset #000 0 0 8px 4px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-alert {
    float: left;
    width: 100%;
    border: 2px solid #525356a6;
    background: #0e131f;
    border-radius: 5px;
    height: 80px;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-alert .icon {
    float: left;
    color: #f07134;
    width: 70px;
    font-size: 35px;
    border-right: 2px solid #525356a6;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}

.product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-alert .text {
    width: calc(100% - 70px);
    float: left;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    color: #fff;
}

.product-detail-page .product-detail-item-detail {
    float: left;
    width: 100%;
    background: #0e131f;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
}

.product-detail-page .product-detail-item-detail h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 18px;
    background: #0a0f19;
    border-bottom: 2px solid #525356a6;
    color: #5d6b82;
    padding: 20px;
}

.product-detail-page .product-detail-item-detail .product-detail-item-detail-item {
    float: left;
    width: 100%;
    border: 2px solid #525356a6;
    background: #171822;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.product-detail-page .product-detail-item-detail .product-detail-item-detail-item span {
    float: left;
    color: #5d6b82;
    text-transform: uppercase;
}

.product-detail-page .product-detail-item-detail .product-detail-item-detail-item span i {
    margin-right: 5px;
}

.product-detail-page .product-detail-item-detail .product-detail-item-detail-item span i.fa-check {
    color: #198754;
}

.product-detail-page .product-detail-item-detail .product-detail-item-detail-item span i.fa-times {
    color: #eb484b;
}

.product-detail-page .product-detail-item-detail .product-detail-item-detail-item strong {
    float: right;
    color: #fff;
}

.product-detail-page .product-detail-item-others {
    float: left;
    width: 100%;
    background: #0e131f;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
}

.product-detail-page .product-detail-item-others h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 18px;
    background: #0a0f19;
    border-bottom: 2px solid #525356a6;
    color: #5d6b82;
    padding: 20px;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content {
    float: left;
    width: 100%;
    padding: 10px 20px;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item {
    background: #060606;
    float: left;
    width: calc((100% - 2rem) / 5);
    min-width: auto;
    height: 340px;
    border-radius: 6px;
    border: 2px solid #2a3241;
    overflow: hidden;
    padding: 5px;
    position: relative;
    margin-right: 5px;
    margin-bottom: 10px;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item:nth-child(5n) {
    margin-right: 0;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(0deg, #23262d, transparent);
    z-index: 1;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .img {
    float: left;
    width: 65px;
    height: 65px;
    text-align: center;
    margin-top: 10px;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .img img {
    max-width: 100%;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .item-name {
    float: left;
    width: 70%;
    margin-top: 15px;
    color: #fff;
    font-size: 12px;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .item-main-properties {
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .item-main-properties p {
    float: left;
    width: 100%;
    margin: 0;
    text-align: right;
    color: #fff;
    font-size: 10px;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item ul li {
    list-style: none;
    float: left;
    width: 100%;
    color: #fff;
    padding: 1px 6px;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: left;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .color-bonus {
    color: #88c329 !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .color-damage {
    color: #75c76e !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .color-red {
    color: #ff3c3c !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .color-rebirth {
    color: #ec8ea9 !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .color-unique {
    color: #dcc77c !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .color-resist {
    color: #5cd1e5 !important;
}

.product-detail-page .product-detail-wrap .product-detail-info-timer {
    float: left;
    width: 100%;
    margin-left: 15px;
    background: #171822;
    padding: 15px;
    border-radius: 2px;
    margin-bottom: 15px;
}

.product-detail-page .product-detail-wrap .product-detail-info-timer .timer-title {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 10px;
}

.product-detail-page .product-detail-wrap .product-detail-info-timer .timer-item {
    float: left;
    border: 2px solid #525356a6;
    margin-right: 6px;
    border-radius: 3px;
    padding: 5px 0;
    width: calc((100% - 3rem) / 4);
}

.product-detail-page .product-detail-wrap .product-detail-info-timer .timer-item:last-child {
    margin-right: 0;
}

.product-detail-page .product-detail-wrap .product-detail-info-timer .timer-item strong {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.product-detail-page .product-detail-wrap .product-detail-info-timer .timer-item span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

.product-detail-page .product-detail-tabs-content .product-detail-comments-text .alert {
    color: #ddd;
    border: none;
    padding: 10px 15px;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 15px;
}

.product-detail-page .product-detail-tabs-content .product-detail-comments-text .alert-danger {
    background: #eb484b;
}

.product-detail-page .product-detail-tabs-content .product-detail-comments-text .alert-info {
    background: #0a7fe3;
}

.product-detail-page .product-detail-tabs-content .product-detail-comments-text .alert-success {
    background: #198754;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content {
    background: #0e131f;
    overflow: hidden;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-header {
    border-bottom: 2px solid #0a0f19;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-header h4 {
    float: left;
    color: #959195;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-header .close {
    text-shadow: none;
    color: #959195;
    font-size: 27px;
    opacity: 1;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-header .close:hover {
    opacity: 0.7;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-body .alert {
    overflow: hidden;
    border: 2px solid #525356a6;
    background: #0a0f19;
    border-radius: 3px;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-body .alert span {
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-body select {
    float: left;
    width: 100%;
    border-radius: 3px;
    outline: none;
    border: 2px solid #525356a6;
    background: #0a0f19;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-body textarea {
    float: left;
    width: 100%;
    border-radius: 3px;
    outline: none;
    border: 2px solid #525356a6;
    background: #0a0f19;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    height: 100px;
    max-height: 100px;
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-footer {
    float: left;
    width: 100%;
    border-top: 2px solid #0a0f19;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-footer .close-modal {
    float: left;
    background: #eb484b;
    color: #fff;
    width: 130px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 10px 0;
    text-align: center;
    transition: 300ms;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-content .modal-footer .send-sms {
    float: right;
    background: #0a7fe3;
    color: #fff;
    width: 130px;
    border-radius: 3px;
    border: none;
    outline: none;
    padding: 10px 0;
    text-align: center;
    transition: 300ms;
}

.product-detail-page .product-detail-rightbar .seller-info .modal-dialog {
    max-width: 500px;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise {
    background-color: #000;
    color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: row;
    font-size: 11px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    border: 2px solid #142533;
    position: relative;
    width: 260px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .item-name {
    font-size: 14px;
    text-align: center;
    margin-bottom: 16px;
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .item-type {
    float: left;
    width: 33.333%;
    margin: 10px 0;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .item-type span {
    float: left;
    width: 100%;
    text-align: center;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .item-img {
    float: left;
    width: 33.333%;
    margin: 10px 0;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .item-img img {
    max-width: 50px;
    max-height: 50px;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .item-rare {
    float: left;
    width: 33.333%;
    margin: 10px 0;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise hr {
    display: block;
    float: left;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(44, 183, 239, 0) 0, rgb(179 179 179 / 15%) 25%, rgba(44, 183, 239, 0) 125%);
    box-shadow: 0 4px 13px 3px #ffffff14;
    margin: 8px 0;
    border-top: 1px solid #eeeeee03;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
    padding: 0 5px;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise ul li {
    list-style: none;
    float: left;
    width: 100%;
    color: #fff;
    padding: 1px 6px;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: left;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise ul li span {
    float: right;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .color-epic {
    color: #824b9f !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .color-red {
    color: #ba0000 !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .color-green {
    color: #26aa5e !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .color-def {
    color: #5a8881 !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell-rise .color-unique {
    color: #bf9100 !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item {
    background-color: #000;
    color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: row;
    font-size: 11px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    border: 2px solid #142533;
    position: relative;
    width: calc((100% - 2rem) / 5);
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    position: relative;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(0deg, #23262d, transparent);
    z-index: 1;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item:nth-child(5n) {
    margin-right: 0;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .item-name {
    font-size: 14px;
    text-align: center;
    margin-bottom: 16px;
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .item-type {
    float: left;
    width: 33.333%;
    margin: 10px 0;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .item-type span {
    float: left;
    width: 100%;
    text-align: center;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .item-img {
    float: left;
    width: 33.333%;
    margin: 10px 0;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .item-img img {
    max-width: 50px;
    max-height: 50px;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .item-rare {
    float: left;
    width: 33.333%;
    margin: 10px 0;
    text-align: center;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item hr {
    display: block;
    float: left;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(44, 183, 239, 0) 0, rgb(179 179 179 / 15%) 25%, rgba(44, 183, 239, 0) 125%);
    box-shadow: 0 4px 13px 3px #ffffff14;
    margin: 8px 0;
    border-top: 1px solid #eeeeee03;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item ul {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden;
    padding: 0 5px;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item ul li {
    list-style: none;
    float: left;
    width: 100%;
    color: #fff;
    padding: 1px 6px;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: left;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item ul li span {
    float: right;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .color-epic {
    color: #824b9f !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .color-red {
    color: #ba0000 !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .color-green {
    color: #26aa5e !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .color-def {
    color: #5a8881 !important;
}

.product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .color-unique {
    color: #bf9100 !important;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account {
    float: left;
    width: 100%;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .carousel-control {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account img {
    cursor: zoom-in;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .carousel-control img {
    cursor: pointer;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .active-modal {
    position: fixed;
    background: #000;
    padding: 50px 0;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .active-modal .item img {
    max-width: 100%;
    margin: 0 auto;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .active-modal .carousel-control {
    width: 70px;
    height: 70px;
    margin-top: 20%;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .sell-account-gallery-close {
    position: absolute;
    right: 13px;
    z-index: 9999;
    background: #eb484b;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 22px;
    width: 50px;
    height: 50px;
    display: none;
    transition: 300ms;
}

.product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .sell-account-gallery-close:hover {
    opacity: 0.6;
}

.account-page .account-page-content .account-page-reference {
    float: left;
    width: 100%;
}

.account-page .account-page-content .account-page-reference .account-page-reference-title {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
}

.account-page .account-page-content .account-page-reference .total-earning {
    float: left;
    width: 100%;
}

@media(max-width: 767px) {
    ::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .header .mobile-menu {
        display: block
    }

    .back-to-top {
        bottom: 100px
    }

    .m-menu-close {
        display: block
    }

    .header .logo {
        text-align: center;
        width: 50%;
        padding: 0 10px
    }

    .header .header-search input {
        width: 80%
    }

    .header .header-search button {
        width: 20%
    }

    .header .header-menu ul {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        background: #20314c;
        z-index: 9999999;
        padding: 0;
        transition: 200ms;
        visibility: hidden;
        width: 0;
        overflow: hidden
    }

    .header .header-menu ul li {
        width: 100%;
        margin-left: -400px;
        transition: 300ms
    }

    .header .header-menu-right {
        margin-bottom: 20px;
        position: absolute;
        right: 0;
        width: 50%;
        padding-left: 15px;
        margin-top: 30px
    }

    .index-slider .item .item-text img {
        max-width: 150px;
        margin-bottom: 5px
    }

    .index-slider .item .item-text h1 {
        font-size: 15px
    }

    .index-slider .item .item-text h2 {
        font-size: 15px;
        margin: 5px 0
    }

    .index-slider .carousel-control {
        margin: 0 10px;
        width: 30px;
        height: 50px
    }

    .index-slider .item .item-text a {
        margin: 10px 0;
        padding: 10px 20px;
        font-size: 11px
    }

    .index-announcement h3 {
        width: 100%
    }

    .index-announcement .index-announcement-content {
        width: 100%
    }

    .index-announcement h3:before {
        display: none
    }

    .index-carousel .owl-carousel:before {
        display: none
    }

    .index-carousel .owl-carousel:after {
        display: none
    }

    .index-carousel .index-carousel-item {
        margin: 0 auto;
        max-width: 300px;
    }

    .index-about .index-about-top .index-about-top-title:before {
        display: none
    }

    .index-about .index-about-top .index-about-top-title:after {
        left: 0;
        bottom: 0;
        top: auto;
        width: 100%
    }

    .index-about .index-about-top .index-about-top-title {
        padding: 10px;
        margin-bottom: 15px
    }

    .index-about {
        padding-top: 0
    }

    .index-about .index-about-top .index-about-top-item {
        width: 50%;
        margin-top: 10px
    }

    .index-about .index-about-top .index-about-top-item img {
        width: 50px;
        height: 50px
    }

    .index-about .index-about-bottom li {
        width: 100% !important
    }

    .index-about .index-about-bottom li h3 {
        width: 100%;
        max-width: 280px
    }

    .gamepintr-about:before {
        display: none
    }

    .gamepintr-about .gamepintr-about-content .gamepintr-about-content-item h2 {
        width: 100%
    }

    .index-comments {
        background-image: none;
        position: relative
    }

    .index-comments:before {
        content: "";
        position: absolute;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;
        border: 10px solid #965c98;
        box-shadow: 0 2px 8px 13px #935b976b
    }

    .index-comments:after {
        content: "";
        position: absolute;
        left: 25px;
        right: 25px;
        top: 25px;
        bottom: 25px;
        border: 10px solid #9bb3c7
    }

    .index-video .index-video-item h4 {
        width: 100%;
        text-align: center
    }

    .index-video .index-video-item span {
        margin-top: 0;
        width: 100%;
        text-align: right;
        font-size: 15px;
        padding: 10px
    }

    .index-comments .index-comments-controller {
        display: none
    }

    .footer .footer-content .footer-content-menu ul {
        padding-left: 0;
        width: 100%
    }

    .footer .footer-top span {
        float: left;
        width: 33.333%;
        height: 30px;
        max-height: 20px;
        margin-bottom: 10px;
        text-align: center
    }

    .footer .footer-top span img {
        max-width: 100%;
        max-height: 100%
    }

    .header .header-login-basket .header-login-btn {
        width: 49%
    }

    .header .header-login-basket .header-account-btn {
        width: 49%
    }

    .header .header-login-basket .header-basket-btn {
        width: 50%
    }

    .index-about .index-about-top .index-about-top-item h3 {
        font-size: 14px;
        min-height: 18px
    }

    .header .header-menu {
        width: initial;
        margin-bottom: 10px
    }

    .login-page .login-content ul.login-form-socials li a {
        margin: 0
    }

    .header .header-login-basket .header-login-btn .header-login-btn-text {
        width: 72px
    }

    .product-detail-page .product-detail-page-headline {
        padding: 20px
    }

    .product-detail-page .product-detail-wrap .product-detail-wrap-image {
        width: 100%;
        margin-bottom: 20px
    }

    .product-detail-page .product-detail-wrap .product-detail-wrap-image img {
        max-width: 300px
    }

    .product-detail-page .product-detail-wrap .product-detail-info {
        width: 100%
    }

    .product-detail-page .product-detail-wrap {
        padding: 0
    }

    .product-detail-page .product-detail-wrap .product-detail-info ul {
        margin-left: 0
    }

    .product-detail-page .product-detail-wrap .wrap-layout-space-around {
        margin-left: 0
    }

    .product-detail-page .product-detail-wrap .wrap-layout-space-around .stock i {
        font-size: 27px
    }

    .product-detail-page .product-detail-wrap .wrap-layout-space-around .point i {
        font-size: 27px
    }

    .product-detail-page .product-detail-wrap .wrap-layout-space-around .epin i {
        font-size: 27px
    }

    .product-detail-page .product-detail-wrap .product-detail-price {
        margin-left: 0
    }

    .product-detail-page .product-detail-wrap .product-detail-button {
        margin-left: 0
    }

    .product-detail-page .product-detail-wrap .product-detail-button input {
        padding: 14px 0 15px 15px;
        margin-left: 10px
    }

    .product-detail-page .product-detail-wrap .product-detail-button button {
        margin-bottom: 20px
    }

    .product-detail-page .product-detail-services {
        margin-top: 0
    }

    .product-detail-page .product-detail-tabs-menu li a {
        padding: 5px;
        font-size: 15px;
        min-height: 74px;
        padding: 15px 0
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-item-img {
        width: 50%
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-name {
        width: 50%;
        margin-left: 0;
        padding: 10px;
        margin-top: 0;
        padding-top: 0
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-name a {
        font-size: 15px
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-stock {
        width: 50%;
        margin-top: 5px;
        padding: 0 15px;
        text-align: center
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-price {
        width: 50%;
        margin-top: 0;
        padding-left: 5px
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-input {
        width: 100%;
        margin-top: 15px
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item button {
        width: 100%;
        margin-right: 0;
        padding: 16px 5px;
        margin-top: 15px
    }

    .product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress {
        width: 100%
    }

    .product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-progress .product-detail-comments-progress-item .progress {
        width: 100%
    }

    .product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-charts {
        width: 100%;
        margin-top: 20px
    }

    .product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content {
        padding-left: 0;
        padding-right: 0
    }

    .product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-content-item-avatar {
        float: initial;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 10px
    }

    .product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content {
        width: 100%
    }

    .product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .info {
        width: 100%
    }

    .product-detail-page .product-detail-tabs-content .product-detail-comments .product-detail-comments-content .product-detail-comments-content-item .product-detail-comments-progress-item-content .product-detail-comments-progress-item-content-headline .rating {
        float: left;
        width: 100%;
        margin-bottom: 10px
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-header {
        display: none
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .img {
        width: 50%
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .name {
        width: 50%;
        margin-top: 10px
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .quantity {
        width: 50%;
        margin-top: 10px
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .tax {
        width: 50%;
        margin-top: 15px
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .price {
        width: 50%;
        margin-top: 7px
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .operation {
        margin-top: 10px;
        float: left;
        margin-right: 30px;
        width: 100%
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-table .basket-page-basket-total-table-content .basket-page-basket-total-table-content-item .operation button {
        float: left;
        width: 100%;
        margin: 10px 0 0;
        border-radius: 0 0 3px 3px
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-price {
        margin-top: 0;
        margin-bottom: 20px
    }

    .basket-page .basket-page-basket-total .basket-address label {
        margin-left: 0
    }

    .basket-page .basket-page-basket-total .basket-address input[type="text"] {
        margin-right: 5px
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-delivery ul {
        padding: 0
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-delivery ul li span {
        width: 100%;
        text-align: center
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-delivery ul li strong {
        float: left;
        width: 100%;
        text-align: center
    }

    .basket-page .basket-page-basket-total .basket-page-basket-total-delivery p {
        padding: 0;
        text-align: center
    }

    .header .header-login-basket {
        position: fixed;
        top: -3000px;
        z-index: 999999999
    }

    .header .header-login-basket .header-basket-btn .dropdown-menu {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 999999;
        visibility: hidden;
        margin-left: -400px;
        transition: 200ms;
        width: 0;
        margin-top: 0;
    }

    .header .header-search {
        margin-bottom: 20px
    }

    .header .header-menu-right .header-menu-right-language {
        margin-left: 10px
    }

    .index-slider .carousel-control img {
        width: 20px;
        height: 20px;
        margin-top: 12px
    }

    .footer .footer-bottom {
        margin-bottom: 70px
    }

    .index-carousel .index-carousel-title .index-carousel-controller button {
        padding: 0
    }

    .header .header-login-basket .header-basket-btn .dropdown-menu .basket-dropdown-close {
        display: block
    }

    .account-page {
        padding: 20px 0
    }

    .account-page .account-page-content .col-md-2 {
        float: left;
        width: 50%
    }

    .account-page .account-page-content {
        margin-top: 20px
    }

    .login-page .login-content ul.login-form-socials li {
        width: 20%;
        text-align: center
    }

    .merchant-page .merchant-page-top-info {
        margin-top: 0
    }

    .merchant-page .merchant-low-product .merchant-low-product-title {
        padding: 0 40px
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info {
        width: 100%
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-name {
        max-width: 100%;
        width: 100%;
        padding-left: 0;
        text-align: center
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-rating {
        float: left;
        width: 100%;
        text-align: center;
        margin: 20px 0
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-rating i {
        float: initial
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button {
        width: 100%
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button strong {
        display: none
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button span {
        visibility: visible !important
    }

    .merchant-page .merchant-page-tabs .merchant-page-tabs-menu li {
        width: 100%
    }

    .merchant-page .merchant-page-tabs .merchant-page-tabs-content .merchant-page-tabs-content-text {
        padding: 20px
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-top {
        padding: 0 20px
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-top h3 {
        width: 100%;
        margin-bottom: 20px
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-top button {
        float: initial;
        margin: 10px auto;
        display: block
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-top h3 span {
        float: left;
        width: 100%;
        text-align: center
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-name {
        max-width: 100%;
        width: 100%
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-content {
        margin-left: 0;
        max-width: 100%;
        width: 100%
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-rating {
        float: left;
        width: 100%;
        max-width: 100%
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-rating ul {
        margin-top: 10px
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-item .like-btn {
        float: right
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-item .dislike-btn {
        float: right;
        margin-right: 15px
    }

    .merchant-page .merchant-page-img .merchant-page-img-slider .modal {
        background: #0e131f
    }

    .merchant-page .merchant-page-img .merchant-page-img-slider .modal-content {
        margin-top: 10%
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-button button {
        padding: 15px 0
    }

    .merchant-page .merchant-page-carousel .merchant-page-carousel-title .merchant-page-carousel-controller button {
        padding: 0;
        text-align: center
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-stock i {
        font-size: 20px
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-stock p {
        margin-top: 0
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-price p {
        width: 50%;
        font-size: 17px !important
    }

    .products-page .col-md-3 {
        float: left;
        width: 50%
    }

    .products-page .products-page-item {
        height: 150px
    }

    .products-page .products-page-item span {
        left: 0;
        top: 10px;
        width: 100%;
        text-align: center
    }

    .products-page .products-page-item a {
        right: 35%;
        bottom: 10px
    }

    .products-page .products-page-search .products-page-search-item {
        float: left;
        width: 100%;
        padding: 0 20px
    }

    .products-page .products-page-search .products-page-search-item input {
        width: 80%
    }

    .products-page .products-page-search .products-page-search-item button {
        width: 20%
    }

    .products-page .products-page-headline {
        padding: 20px
    }

    .merchant-page .merchant-page-headline {
        padding: 20px
    }

    .page-draws .page-draws-tabs ul.page-draws-tabs-menu li a {
        padding: 20px 0;
        font-size: 15px
    }

    .page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-img {
        width: 100%;
        text-align: center;
        border-right: none
    }

    .page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-img img {
        width: auto
    }

    .page-draws .page-draws-tabs .tab-content .page-draws-item .page-draws-item-content {
        width: 100%;
        margin-top: 10px;
        padding-left: 0
    }

    .page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-img {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

    .page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-item-content-btn {
        float: left;
        width: 100%
    }

    .page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-item-content-btn a {
        float: left;
        width: 100%
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-title h3 {
        width: 100%;
        text-align: center
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-title p {
        float: left
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-price label {
        width: 40%;
        margin-bottom: 15px
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-price label span {
        width: 100%;
        text-align: center
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-price .col-md-2 {
        width: 100%
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs .page-draws-tabs-menu li a {
        padding: 10px 7px
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-tabs .page-draws-tabs-menu li a span {
        width: 20px;
        height: 20px;
        font-size: 13px;
        padding: 0;
        margin-top: -8px
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-new .form-group {
        width: 100%;
        padding-right: 0
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-new input[type="button"] {
        float: left;
        width: 100%
    }

    .account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-tabs-menu li {
        width: 33.3333%;
        margin-right: 0;
        padding-right: 10px
    }

    .account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-item .account-page-bank-transfer-item-bank-name span {
        width: 65px
    }

    .account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-headline {
        padding-left: 20px
    }

    .account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li a {
        font-size: 14px;
        text-align: center
    }

    .account-page .account-page-content .account-page-withdraw-money .account-page-withdraw-money-tabs-menu li a img {
        margin-left: 15px;
        margin-right: 15px
    }

    .account-page .account-page-content .account-page-coupon .account-page-coupon-item .price {
        width: 100%;
        text-align: left;
        margin-top: 10px
    }

    .account-page .account-page-content .account-page-coupon .account-page-coupon-headline select {
        margin-top: 0;
        width: 100%
    }

    .account-page .account-page-content .account-page-coupon .account-page-coupon-headline .form-group {
        width: 100%;
        margin-top: 20px
    }

    .account-page .account-page-content .account-page-coupon .account-page-coupon-item .button {
        float: left
    }

    .account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline input[type="date"] {
        width: 50%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline button {
        margin-right: 0;
        width: 50%
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping {
        margin-bottom: 20px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping-time-new .time {
        margin-bottom: 20px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-search input {
        width: 100%;
        margin-bottom: 20px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-search select {
        width: 100%
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-status-button a {
        width: 50%;
        border-radius: 0 !important;
        font-size: 14px;
        padding: 13px 0
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item .img {
        width: 100%;
        text-align: center;
        height: 100px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item .name {
        width: 100%;
        margin-top: 20px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item .status {
        width: 50%
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item .price {
        width: 50%;
        margin-bottom: 10px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item .account-page-sales-item-button {
        float: none;
        display: block;
        margin: 0 auto
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-left {
        border: none
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right h4 {
        margin-top: 0;
        text-align: left
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right button {
        margin-bottom: 20px
    }

    .account-page .account-page-content .account-page-favorite .account-page-favorite-item .name {
        width: 65%
    }

    .account-page .account-page-content .account-page-favorite .account-page-favorite-item .buttons a {
        width: 50%;
        padding: 9px 7px
    }

    .account-page .account-page-content .account-page-favorite .account-page-favorite-item .buttons button {
        width: 50%;
        margin-left: 0;
        padding: 9px 7px
    }

    .account-page .account-page-content .account-page-favorite .account-page-favorite-item .buttons {
        float: left;
        width: 100%
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu {
        border-radius: 0
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu li {
        width: 50%;
        padding-right: 10px;
        margin-bottom: 10px
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-tabs-menu li a {
        border: none
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-buttons {
        width: 100%
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-buttons .all-ok {
        padding: 10px;
        font-size: 12px
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-item .img {
        float: none;
        margin: 0 auto
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-item p {
        max-width: 100%;
        margin-top: 10px;
        text-align: center
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-item a {
        max-width: 100%;
        margin-top: 10px;
        text-align: center
    }

    .account-page .account-page-content .account-page-trade-url .account-page-trade-url-title h3 a {
        float: left;
        margin-top: 10px
    }

    .account-page .account-page-content .account-page-trade-url .account-page-trade-url-form input[type="text"] {
        width: 100%;
        margin-bottom: 10px
    }

    .account-page .account-page-content .account-page-trade-url .account-page-trade-url-form input[type="submit"] {
        width: 100%
    }

    .table-responsive-sm {
        float: left;
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll
    }

    .account-page .account-page-content .account-page-donate-support-add .account-page-donate-support-add-title {
        font-size: 19px
    }

    .account-page .account-page-content .account-page-donate-support-add .form-group-notification label {
        width: 50%
    }

    .account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons label {
        width: 100%;
        margin-bottom: 15px
    }

    .account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-name .buttons button {
        width: 100%
    }

    .account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form .form-group-link strong {
        padding: 12px 0 13px 5px
    }

    .account-page .account-page-content .account-page-shoping .account-page-shoping-item .account-page-shoping-item-form-update {
        padding: 20px 0
    }

    .account-page .account-page-content .account-page-shoping .account-page-shoping-hours select {
        width: 100%
    }

    .account-page .account-page-content .account-page-shoping .account-page-shoping-hours span {
        width: 100%;
        text-align: center;
        margin: 10px 0
    }

    .account-page .account-page-content .account-page-shoping .account-page-shoping-hours button {
        margin-left: 0;
        width: 100%;
        margin-top: 15px
    }

    .account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-left label {
        padding: 5px 0
    }

    .account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-email input {
        width: 100%
    }

    .account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-email .form-group-email-button {
        width: 100%
    }

    .account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity input {
        width: 60%
    }

    .account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity .form-group-identity-edit {
        width: 40%;
        border-radius: 0 5px 5px 0
    }

    .account-page .account-page-content .account-page-settings .account-page-settings-home .account-page-settings-home-right .form-group-identity .form-group-identity-confirm {
        width: 100%
    }

    .account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-headline h3 {
        width: 100%
    }

    .account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-headline .account-page-address-invoice-headline-btn {
        float: left;
        margin-top: 10px
    }

    .account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-button {
        float: left;
        width: 100%
    }

    .account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-button .account-page-address-invoice-form-close {
        width: 45%
    }

    .account-page .account-page-content .account-page-address-invoice .account-page-address-invoice-form .form-group-button input {
        width: 47%
    }

    .account-page .account-page-content {
        min-height: initial
    }

    .account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form .col-md-3 {
        padding: 0 15px !important
    }

    .account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form input[type="text"] {
        margin-bottom: 15px
    }

    .account-page .account-page-content .account-page-notification-settings label a {
        float: left;
        margin-left: 0
    }

    .account-page .account-page-content .account-page-socials .col-16 {
        width: 50%;
        margin-bottom: 30px
    }

    .account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-headline a {
        float: left
    }

    .account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .name {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #0a0f19;
        padding-bottom: 10px
    }

    .account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .message {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #0a0f19;
        padding-bottom: 10px;
        margin-top: 10px
    }

    .account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .status {
        width: 100%;
        margin-top: 10px
    }

    .account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-headline a {
        float: left !important;
        margin-bottom: 10px
    }

    .account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message .account-page-support-ticket-detail-message-item span {
        width: 100%
    }

    .account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-message-form input[type="submit"] {
        float: left;
        width: 100%
    }

    .page-help-center .page-help-center-search .page-help-center-search-btn {
        float: left;
        width: 100%;
        margin-top: 20px
    }

    .page-help-center .page-help-center-search .page-help-center-search-btn a {
        float: none;
        margin: 0 auto
    }

    .page-help-center .page-help-center-search .form-group span {
        width: 15%
    }

    .page-help-center .page-help-center-search .form-group input {
        width: 85%
    }

    .page-giveaways .page-giveaways-headline li {
        margin-bottom: 10px
    }

    .page-giveaways .col-md-20 {
        width: 50%
    }

    .page-giveaways .page-giveaways-active-giveaways-item .title span p {
        font-size: 11px !important
    }

    .page-giveaways .page-giveaways-active-giveaways-item .img {
        height: 140px
    }

    .page-giveaways .page-giveaways-active-giveaways-item .timer {
        width: 100%
    }

    .page-giveaways .page-giveaways-active-giveaways-item .add-button {
        float: left;
        width: 100%;
        margin-top: 0;
        text-align: center
    }

    .page-giveaways .page-giveaways-title ul {
        margin-top: 10px;
        float: left
    }

    .page-giveaways .page-giveaways-title ul li {
        width: 50%
    }

    .page-giveaways .page-giveaways-title ul li a {
        padding: 10px
    }

    .page-giveaways .page-giveaways-ending-giveaways-item .title span.text-right p {
        font-size: 11px
    }

    .page-giveaways .page-giveaways-ending-giveaways-item .img {
        width: 120px;
        height: 120px
    }

    .page-giveaways .page-giveaways-ending-giveaways-item .price {
        width: 100%
    }

    .page-giveaways .page-giveaways-ending-giveaways-item .price span {
        text-align: center
    }

    .page-giveaways .page-giveaways-ending-giveaways-item .price strong {
        text-align: center
    }

    .page-giveaways .page-giveaways-ending-giveaways-item .list-button {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 10px
    }

    .page-giveaways-add .page-giveaways-add-headline .img {
        margin: 0 auto;
        float: none;
        margin-bottom: 20px
    }

    .page-giveaways-add .page-giveaways-add-headline .img span {
        text-align: center
    }

    .page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-headline-copy {
        margin-top: 20px
    }

    .page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-headline-copy span {
        text-align: center
    }

    .page-giveaways-add .page-giveaways-add-title span {
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }

    .page-giveaways-add .page-giveaways-add-title span:before {
        width: 100%
    }

    .page-giveaways-add .page-giveaways-add-item .img {
        float: left;
        width: 100%
    }

    .page-giveaways-add .page-giveaways-add-item .price {
        position: relative;
        left: inherit;
        top: initial;
        float: left;
        width: 50%;
        max-width: initial
    }

    .page-giveaways-add .page-giveaways-add-item .name {
        position: relative;
        left: inherit;
        bottom: initial;
        float: left;
        width: 50%;
        max-width: initial
    }

    .page-giveaways-add .page-giveaways-add-list-item .page-giveaways-add-list-item-content p {
        width: 100%
    }

    .page-contact .contact-text span {
        width: 100%;
        margin-top: 10px
    }

    .page-contact .contact-information ul li {
        width: 100%
    }

    .page-contact .contact-form {
        border: none;
        padding: 0;
        margin: 40px 0
    }

    .page-contact .contact-form .form-group input[type="button"] {
        width: 100%
    }

    .header .header-login-basket .header-account-btn .dropdown-menu {
        position: fixed;
        bottom: 0;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        background: #20314c;
        visibility: hidden;
        width: 0;
        transition: 200ms
    }

    .header .header-login-basket .header-account-btn .dropdown-menu li {
        float: left;
        width: 100%
    }

    .header .header-login-basket .header-account-btn .dropdown-menu li a {
        color: #5d6b82;
        font-weight: 600;
        font-size: 14px;
        padding: 18px 10px;
        text-decoration: none;
        position: relative;
        transition: 400ms
    }

    .header .header-login-basket .header-account-btn .dropdown-menu .header-account-btn-mobile-close {
        display: block
    }

    .header .header-login-basket .header-account-btn #header-account-btn-dropdown .header-account-btn-text {
        position: fixed;
        left: 17px;
        top: 28px;
        z-index: 9999;
        width: 200px;
        margin-left: -400px;
        transition: 200ms
    }

    .header .header-login-basket .header-account-btn #header-account-btn-dropdown .header-account-btn-text strong {
        font-size: 18px;
        text-align: left
    }

    .header .header-login-basket .header-account-btn #header-account-btn-dropdown .header-account-btn-text span {
        font-size: 16px;
        text-align: left
    }

    .product-category .product-category-content-img img {
        height: 90px
    }

    .product-category .col-md-2 {
        float: left;
        width: 50%
    }

    .index-video {
        padding-top: 0
    }

    .index-video .index-video-img {
        margin-bottom: 20px
    }

    .index-video .col-md-6 {
        width: 50%;
        float: left
    }

    .index-comments .owl-carousel {
        padding: 0 25px
    }

    .account-page .account-page-content .account-page-shop-advert-new .form-group .form-select-img-item {
        width: 140px;
        height: 140px
    }

    .account-page .account-page-content .account-page-shop-advert-new .form-group input[type="number"] {
        background-size: 25% 78%
    }

    .account-page .account-page-content .account-page-shop-advert-new .form-group input[type="number"]::-webkit-inner-spin-button,
    .account-page .account-page-content .account-page-shop-advert-new .form-group input[type="number"]::-webkit-outer-spin-button {
        width: 25px
    }

    .account-page .account-page-content .account-item-sell .form-total-price span {
        margin-top: 30px
    }

    .account-page .account-page-content .account-item-ring-sell .col-6 {
        width: 100%
    }

    .account-page .account-page-content .account-item-ring-sell .col-6-left select {
        width: 100%
    }

    .account-page .account-page-content .account-item-ring-sell .form-total-price span {
        margin-top: 10px;
        padding-left: 0
    }

    .page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group {
        width: 100%
    }

    .page-bank-accounts .page-bank-accounts-content .page-bank-swap-content .form-group-left {
        padding-right: 0
    }

    .index-announcement ul li {
        width: 12.5%
    }

    .index-announcement ul li a {
        width: 100%;
        height: 100%
    }

    .account-page-content .account-page-index .account-page-index-top-statistics .account-page-index-top-statistics-item {
        margin-bottom: 20px
    }

    .account-page-content .account-page-index .account-page-index-notifications-title {
        margin-top: 40px
    }

    .account-page-content .account-page-index .account-page-index-sales-activity-title {
        margin-top: 40px
    }

    .index-announcement:before {
        display: none
    }

    .index-announcement:after {
        display: none
    }

    .account-page .account-page-content .account-page-orders .account-page-orders-headline input {
        margin: 10px 0;
    }

    .account-page .account-page-content .account-page-orders .account-page-orders-headline select {
        margin: 10px 0;
    }

    .account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-code {
        padding: 0;
    }

    .account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-code input {
        width: 100%;
    }

    .account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-code .account-page-orders-item-code-copy {
        border-left: 1px solid #0a0f19;
        border-radius: 5px;
        width: 100%;
        margin-top: 2px;
    }

    .account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-content-footer a {
        padding: 10px;
        font-size: 11px;
        margin: 0 10px 10px 0;
    }

    .seller-profile-page .seller-profile-header .user-info {
        width: 100%;
    }

    .seller-profile-page .seller-profile-header .user-info .user-avatar {
        float: none;
        margin: 0 auto;
    }

    .seller-profile-page .seller-profile-header .user-info .user-details {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
    }

    .seller-profile-page .seller-profile-header .user-info .user-details h2 {
        margin-top: 20px;
        text-align: center;
    }

    .seller-profile-page .seller-profile-header .user-info .user-details .profile-on-off span {
        text-align: center;
    }

    .seller-profile-page .seller-profile-header .user-info .user-details .seller-amblems {
        float: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        gap: 32px;
    }

    .seller-profile-page .seller-profile-header .user-store-details {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }

    .seller-profile-page .seller-profile-header .user-store-details .user-registration {
        text-align: center;
    }

    .seller-profile-page .seller-profile-tabs-menu li {
        width: 33.3333%;
    }

    .seller-profile-page .seller-profile-tabs-menu li a {
        font-size: 12px;
        padding: 15px 5px;
        width: 100%;
        text-align: center;
    }

    .seller-profile-page .profile-comments .profile-comments-progress {
        width: 100%;
    }

    .seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .rating {
        width: 100%;
        margin-bottom: 20px;
    }

    .seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .progress {
        width: 100%;
    }

    .seller-profile-page .profile-comments .profile-comments-progress .profile-comments-progress-item .rating i {
        float: right;
    }

    .seller-profile-page .profile-comments .profile-comments-charts {
        width: 100%;
    }

    .seller-profile-page .profile-comments-item .comments-avatar {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    .seller-profile-page .profile-comments-item .comments-content {
        width: 100%;
    }

    .knight-online-gb-page .category-product-content .category-product-item {
        flex-direction: column;
    }

    .knight-online-gb-page .category-product-content .category-product-item .product-info {
        margin: 15px 0;
    }

    .account-page .account-page-content .giveaways-new-page .col-6 {
        width: 100%;
    }

    .account-page .account-page-content .giveaways-new-page .p-r-20 {
        padding-right: 0;
    }

    .account-page .account-page-content .giveaways-new-page .col-25 {
        width: 100%;
    }

    .account-page .account-page-content .giveaways-new-page .datetime-group input {
        width: 120px;
    }

    .account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-item-forms .form-group {
        padding-right: 10px;
    }

    .account-page .account-page-content .giveaways-new-page .giveaways-new-footer .giveaways-total {
        width: 150px;
    }

    .account-page .account-page-content .giveaways-list-page .giveaways-list-item {
        margin-bottom: 20px;
    }

    .account-page .account-page-content .giveaways-results-item {
        margin-bottom: 20px;
    }

    .page-giveaways-add .giveaways-list-item {
        margin-bottom: 20px;
    }

    .page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item span:nth-child(2) {
        font-size: 11px;
        padding: 9px;
    }

    .page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2 .name span:nth-child(2) {
        font-size: 11px;
        padding: 9px;
    }

    .product-detail-page .product-detail-wrap .product-detail-info-timer {
        margin-left: 0;
    }

    .product-detail-page .product-detail-rightbar .seller-info .seller-details {
        width: 100%;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item {
        width: calc((100% - 2rem) / 2);
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .item-name {
        width: 50%;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item:nth-child(5n) {
        margin-right: 5px;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item:nth-child(2n) {
        margin-right: 0;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item {
        width: calc((100% - 2rem) / 2);
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item:nth-child(5n) {
        margin-right: 5px;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item:nth-child(3n) {
        margin-right: 5px;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .item-name {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item .item-img img {
        max-width: 40px;
        max-height: 40px;
    }

    .product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .carousel-control img {
        max-width: 100%;
    }

    .product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .item img {
        max-width: 100%;
        margin: 0 auto;
    }

    .product-detail-page .product-detail-wrap .product-detail-wrap-image .sell-account .active-modal .carousel-control {
        margin-top: 30%;
    }
}

@media(max-width: 994px) and (min-width: 767px) {
    .header .logo {
        text-align: center
    }

    .header .header-menu ul li a {
        padding: 10px 0
    }

    .header .header-menu-right {
        margin: 10px 0
    }

    .index-slider .item .item-text img {
        max-width: 250px;
        margin-bottom: 15px
    }

    .index-slider .item .item-text h1 {
        font-size: 25px
    }

    .index-slider .item .item-text h2 {
        font-size: 25px
    }

    .index-slider .item .item-text {
        max-width: 500px
    }

    .index-carousel .owl-carousel:before {
        display: none
    }

    .index-carousel .owl-carousel:after {
        display: none
    }

    .index-about .index-about-top .col-md-3 {
        width: 25%;
        float: left
    }

    .index-about .index-about-top .index-about-top-item h3 {
        font-size: 13px
    }

    .index-video .col-md-3 {
        width: 50%;
        float: left
    }

    .index-comments .owl-carousel.owl-drag .owl-item {
        padding: 0 10px
    }

    .index-comments .index-comments-controller .index-comments-controller-left-btn {
        left: 110px;
        top: 100px
    }

    .index-comments .index-comments-controller .index-comments-controller-right-btn {
        right: 110px;
        top: 100px
    }

    .footer .footer-top img {
        max-width: 35px
    }

    .product-detail-page .product-detail-services .product-detail-services-item {
        width: 50%
    }

    .merchant-page .col-md-8 {
        float: left;
        width: 50%
    }

    .merchant-page .col-md-4 {
        float: left;
        width: 50%
    }

    .merchant-page .merchant-low-product .merchant-low-product-item .merchant-low-product-item-info .merchant-low-product-item-name {
        max-width: 350px
    }

    .merchant-page .merchant-page-tabs .merchant-page-tabs-menu li a {
        padding: 15px 0;
        font-size: 14px;
        min-height: 70px
    }

    .merchant-page .merchant-page-comments .merchant-page-comments-item .merchant-page-comments-item-content {
        margin: 20px 0
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-input {
        width: 50%
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item .product-detail-similar-name {
        width: 50%
    }

    .account-page .account-page-content .col-md-2 {
        width: 25%;
        float: left
    }

    .page-draws .page-draws-tabs .tab-content .page-draws-tickes-item .page-draws-tickes-item-content {
        max-width: 400px
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-price .col-md-2 {
        width: 50%
    }

    .account-page .account-page-content .account-page-payment-add .account-page-payment-add-price .account-page-payment-add-price-total {
        margin-top: 12px
    }

    .account-page .account-page-side-menu {
        margin-bottom: 30px
    }

    .account-page .account-page-content .account-page-bank-transfer .account-page-bank-transfer-tabs-menu li {
        margin-right: 6px !important
    }

    .account-page .account-page-content .account-page-coupon .col-md-6 {
        float: left;
        width: 50%
    }

    .account-page .account-page-content .account-page-financial-history .account-page-financial-history-headline button {
        width: 95px;
        margin-right: 5px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-headline .col-md-6 {
        float: left;
        width: 50%
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping h4 {
        width: 200px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-headline-shopping a {
        width: 200px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item .account-page-sales-item-button {
        margin-top: 20px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item-content .col-md-8 {
        float: left;
        width: 70%
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item-content .col-md-4 {
        float: left;
        width: 30%
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right h4 {
        margin: 10px 0
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right button {
        width: 150px;
        margin-bottom: 10px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item-content .account-page-sales-item-content-right a {
        width: 150px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-status-button a {
        font-size: 13px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-item .price {
        width: 100px
    }

    .account-page .account-page-content .account-page-sales .account-page-sales-search input {
        width: 70%
    }

    .account-page .account-page-content .account-page-favorite .account-page-favorite-item .name {
        width: 250px
    }

    .account-page .account-page-content .account-page-notifications .account-page-notifications-item p {
        max-width: 90%
    }

    .account-page .account-page-content .account-page-donate-support-add .form-group-notification label {
        width: 25%
    }

    .account-page .account-page-content .account-page-donate-support-add .form-group-notification label input {
        margin-left: 25px;
        margin-top: 12px
    }

    .account-page .account-page-content .account-page-shoping .account-page-shoping-item .col-md-4 {
        width: 50%;
        float: left
    }

    .account-page .account-page-content .account-page-address-invoice .col-md-6 {
        float: left;
        width: 50%
    }

    .account-page .account-page-content {
        min-height: initial
    }

    .account-page .account-page-content .account-page-security-settings .account-page-security-settings-verification .col-md-4 {
        max-width: 25%
    }

    .account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form .col-md-3 {
        float: left;
        width: 25%
    }

    .account-page .account-page-content .account-page-security-settings .account-page-security-settings-ip-form .col-md-6 {
        float: left;
        width: 50%
    }

    .account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .name {
        width: 50%
    }

    .account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .message {
        width: 50%;
        border-right: none
    }

    .account-page .account-page-content .account-page-support-ticket-list .account-page-support-ticket-list-item .status {
        width: 50%;
        display: contents;
        margin-top: 10px
    }

    .account-page .account-page-content .account-page-support-ticket-detail .account-page-support-ticket-detail-information .col-md-3 {
        float: left;
        width: 50%
    }

    .page-help-center .col-md-4 {
        float: left;
        width: 40%
    }

    .page-help-center .col-md-8 {
        float: left;
        width: 60%
    }

    .page-giveaways .col-md-20 {
        width: 33.33333%
    }

    .page-giveaways-add .col-md-6 {
        float: left;
        width: 50%
    }

    .page-contact .contact-form {
        padding: 40px 0;
        border: none
    }

    .product-category .col-md-2 {
        float: left;
        width: 33.3333%
    }

    .index-video .col-md-6 {
        float: left;
        width: 50%
    }

    .index-video .index-video-item .index-carousel-item-img button {
        right: 35%
    }

    .index-comments .owl-carousel {
        padding: 0 87px
    }

    .index-announcement ul li {
        width: 12.5%
    }

    .index-announcement ul li a {
        width: 100%;
        height: 100%
    }

    .account-page-content .account-page-index .account-page-index-top-statistics .col-md-3 {
        width: 50%;
        float: left
    }

    .account-page-content .account-page-index .account-page-index-top-statistics .account-page-index-top-statistics-item {
        margin-bottom: 20px
    }

    .account-page-content .account-page-index .account-page-index-top-statistics {
        margin-bottom: 0
    }

    .account-page-content .account-page-index .col-md-4 {
        float: left;
        width: 50%
    }

    .account-page-content .account-page-index .account-page-index-sales-activity-title {
        margin-top: 20px
    }

    .index-announcement:before {
        display: none
    }

    .index-announcement:after {
        display: none
    }

    .seller-profile-page .col-md-3 {
        width: 25%;
        float: left;
    }

    .seller-profile-page .profile-advert-item {
        height: 200px;
    }

    .seller-profile-page .profile-advert-item span {
        top: 20px;
        right: 0;
        width: 100%;
        left: 0;
        text-align: center;
        bottom: auto;
        font-size: 12px;
    }

    .seller-profile-page .profile-advert-item a {
        right: 35%;
        bottom: 10px;
    }

    .seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item {
        width: 150px;
        height: 150px;
    }

    .seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item h2 {
        margin-top: 20px;
    }

    .seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item span i {
        font-size: 14px;
    }

    .seller-profile-page .profile-comments .profile-comments-charts .profile-comments-charts-item p {
        margin-bottom: 5px;
    }

    .products-page .products-page-item-col {
        width: 25%;
        float: left;
    }

    .products-page .products-page-item {
        height: 200px;
    }

    .products-page .products-page-item span {
        top: 20px;
        right: 0;
        width: 100%;
        left: 0;
        text-align: center;
        bottom: auto;
        font-size: 12px;
    }

    .products-page .products-page-item a {
        right: 35%;
        bottom: 10px;
    }

    .products-page .col-md-12 {
        float: left;
        width: 100%;
    }

    .knight-online-gb-page .page-sidebar .img {
        text-align: center;
    }

    .knight-online-gb-page ul.page-sidebar-menu li {
        width: 50%;
    }

    .knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action button {
        padding: 4px 15px;
    }

    .account-page .account-page-content .giveaways-new-page .datetime-group select {
        width: 70px;
    }

    .account-page .account-page-content .giveaways-list-page .col-md-4 {
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }

    .account-page .account-page-content .giveaways-results-page .col-md-4 {
        float: left;
        width: 50%;
    }

    .page-giveaways-add .page-giveaways-add-headline .col-md-3 {
        float: left;
        width: 50%;
    }

    .page-giveaways-add .page-giveaways-add-headline .col-md-5 {
        float: left;
        width: 50%;
    }

    .page-giveaways-add .page-giveaways-add-headline .timer {
        float: right;
    }

    .page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item span {
        font-size: 12px;
    }

    .page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2 .name span {
        font-size: 12px;
    }

    .page-giveaways-add .page-giveaways-user-list .giveaways-winner .giveaways-winner-content .giveaways-winner-content-item-2 .winner-product {
        font-size: 12px;
    }

    .advert-page .advert-page-sidebar .advert-page-sidebar-item {
        width: 25%;
        border: 1px solid #525356a6;
        border-radius: 0;
    }

    .advert-page-content .advert-page-content-title {
        margin-top: 20px;
    }

    .advert-page-content .col-md-4 {
        width: 50%;
        float: left;
    }

    .product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-name {
        width: 60%;
    }

    .product-detail-page .product-detail-rightbar .seller-info .seller-details {
        width: 90%;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item {
        width: calc((100% - 2rem) / 3);
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item .item-name {
        width: 60%;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item:nth-child(5n) {
        margin-right: 5px;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item:nth-child(3n) {
        margin-right: 0;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item {
        width: calc((100% - 2rem) / 3);
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item:nth-child(5n) {
        margin-right: 5px;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-rise-item:nth-child(3n) {
        margin-right: 0;
    }
}

@media(max-width: 1224px) and (min-width: 994px) {
    .header .header-search button {
        padding: 12px 5px;
    }

    .header .header-login-basket .header-account-btn {
        width: 130px;
    }

    .header .header-login-basket .header-basket-btn {
        width: 130px;
    }

    .header .header-login-basket .header-account-btn #header-account-btn-dropdown {
        padding: 10px 5px;
    }

    .header .header-login-basket .header-account-btn #header-account-btn-dropdown img {
        width: 20px;
        height: 20px;
    }

    .header .header-login-basket .header-account-btn #header-account-btn-dropdown .header-account-btn-text strong {
        font-size: 11px;
    }

    .header .header-login-basket .header-account-btn #header-account-btn-dropdown .header-account-btn-text {
        width: 80px;
    }

    .header .header-login-basket .header-basket-btn button.dropdown-toggle {
        padding: 6px 5px;
    }

    .header .header-login-basket .header-basket-btn button.dropdown-toggle .basket-text {
        font-size: 12px;
    }

    .header .header-menu ul li a {
        font-size: 13px;
        padding: 15px 2px;
    }

    .index-announcement ul li a {
        width: 48px;
        height: 48px;
    }

    .header .header-login-basket .header-login-btn {
        width: 135px;
    }

    .header .header-login-basket .header-login-btn .header-login-btn-text {
        width: 70px;
        padding-left: 5px;
    }

    .header .header-login-basket .header-login-btn img {
        width: 22px;
        height: 22px;
    }

    .header .header-login-basket .header-login-btn .header-login-btn-text strong {
        font-size: 12px;
    }

    .header .header-login-basket .header-login-btn .header-login-btn-text span {
        font-size: 10px;
    }

    /*Sepet Onay Buton */

    .form-checkout-agreement {
        width: 100%;
        background-color: #029666;

    }

    .form-checkout-agreement-checkbox {
        appearance: none;
        background-color: #313338;
        border: 2px solid #9b9b9b;
        border-radius: 6.7px !important;
        cursor: pointer;
        display: inline-block;
        outline: 0;
        position: relative;
        height: 30px;
        width: 30px;
        flex-shrink: 0;
    }

    .form-checkout-agreement-label {
        color: #fff
    }

    .basket-complete {
        background-color: #eb484b;
        color: #fff;
        height: 40px;
        width: 76%;
        border-radius: 2px;
    }

    /*Sepet Onay Buton Bitiş */


    .page-contact .contact-information ul li span {
        width: 40px;
        height: 40px;
        padding: 8px;
    }

    .product-detail-page .product-detail-tabs-content .product-detail-similar .product-detail-similar-item button {
        width: 130px;
        padding: 10px 8px;
        font-size: 13px;
        margin-top: 45px;
    }

    .account-page .account-page-content .account-page-orders .account-page-orders-item .account-page-orders-item-content .account-page-orders-item-code input {
        width: 260px;
        font-size: 14px;
        padding: 12px;
    }

    .page-giveaways .col-md-20 {
        width: 25%;
    }

    .seller-profile-page .profile-advert-item {
        height: 260px;
    }

    .seller-profile-page .profile-advert-item span {
        bottom: 75px;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
    }

    .seller-profile-page .profile-advert-item a {
        left: 40%;
        bottom: 20px;
    }

    .products-page .products-page-item {
        height: 260px;
    }

    .products-page .products-page-item span {
        bottom: 75px;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
    }

    .products-page .products-page-item a {
        left: 40%;
        bottom: 20px;
    }

    .knight-online-gb-page .category-product-content .category-product-item .product-info .product-rating p {
        text-align: center;
        padding: 0 5px;
    }

    .knight-online-gb-page .category-product-content .category-product-item .product-actions .product-action button {
        width: 110px;
        padding: 4px 10px;
    }

    .account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-item-forms .form-group span {
        font-size: 7px;
    }

    .account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-info span {
        font-size: 7px;
    }

    .account-page .account-page-content .giveaways-new-page .giveaways-new-content .giveaways-new-content-item .giveaways-info a {
        font-size: 11px;
    }

    .account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-info .info {
        width: 31.50%;
    }

    .account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-content .giveaways-list-awards-item {
        width: 31.50%;
    }

    .account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-info .info span {
        font-size: 7px;
    }

    .account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-info .info strong {
        font-size: 10px;
    }

    .account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-content .giveaways-list-awards-item span {
        font-size: 7px;
    }

    .account-page .account-page-content .giveaways-list-page .giveaways-list-item .giveaways-list-item-buttons a {
        width: 60px;
        font-size: 11px;
    }

    .account-page .account-page-side-menu ul li {
        font-size: 11px;
    }

    .account-page .account-page-side-menu ul li i {
        font-size: 15px;
    }

    .account-page .account-page-side-menu ul li i.fa-chevron-right {
        font-size: 15px;
    }

    .account-page .account-page-content .giveaways-results-item h4 {
        font-size: 14px;
    }

    .account-page .account-page-content .giveaways-results-item .info {
        width: 47%;
    }

    .account-page .account-page-content .giveaways-results-item .col-33 {
        width: 30.6%;
    }

    .page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info a {
        max-width: 135px;
        font-size: 13px;
    }

    .page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .profile-on-off {
        max-width: 135px;
    }

    .page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .profile-on-off span {
        font-size: 10px;
    }

    .page-giveaways-add .page-giveaways-add-headline .page-giveaways-add-info .seller-amblems {
        max-width: 135px;
    }

    .advert-page .advert-page-sidebar .advert-page-sidebar-item .sidebar-select-btn {
        width: 100%;
        border: 2px solid #525356a6 !important;
        margin: 2px 0;
    }

    .product-detail-page .product-detail-wrap .product-detail-wrap-image .item-sell .item-name {
        width: 60%;
    }

    .product-detail-page .product-detail-rightbar .seller-info .seller-details {
        width: 74%;
    }

    .product-detail-page .product-detail-rightbar .seller-info .seller-details h2 {
        font-size: 13px;
    }

    .product-detail-page .product-detail-rightbar .seller-info .profile-on-off span {
        font-size: 10px;
    }

    .product-detail-page .product-detail-wrap .wrap-layout-space-around .epin-info p {
        font-size: 13px;
    }

    .product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-content .seller-comments-add-content-item .text {
        width: 70%;
    }

    .product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-form button {
        font-size: 11px;
    }

    .product-detail-page .product-detail-rightbar .seller-info .seller-comments-add .seller-comments-add-form input {
        padding: 8px;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item {
        width: calc((100% - 2rem) / 4);
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item:nth-child(5n) {
        margin-right: 5px;
    }

    .product-detail-page .product-detail-item-others .product-detail-item-others-content .product-detail-item-others-item:nth-child(4n) {
        margin-right: 0;
    }
}


/*Sepet Accordion Başlangıc*/

/* ACCORDION CSS - Tam Versiyon */
.accordion-container {
    width: 100% !important;
    /* background: red !important; <- Bu satırı silin */
}

.accordion-item {
    background-color: #3a3d44 !important;
    border-bottom: 1px solid #4a4d54 !important;
    margin-bottom: 0 !important;
}

.accordion-item:hover {
    background-color: #404349 !important;
}

.accordion-header {
    display: flex !important;
    align-items: center !important;
    padding: 20px !important;
    cursor: pointer !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.accordion-icon {
    margin-right: 15px !important;
    color: #fff !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}

.accordion-title {
    flex: 1 !important;
    color: #fff !important;
}

.accordion-arrow {
    color: #fff !important;
    transition: transform 0.3s ease !important;
    font-size: 12px !important;
}

.accordion-content {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease !important;
    background-color: #2c2f36 !important;
}

.accordion-item.active .accordion-content {
    max-height: 500px !important;
}

.accordion-item.active .accordion-arrow {
    transform: rotate(180deg) !important;
}

.accordion-body {
    padding: 20px !important;
    color: #ccc !important;
    border-top: 1px solid #4a4d54 !important;
}

.payment-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.form-group {
    display: flex !important;
    flex-direction: column !important;
}

.form-label {
    color: #fff !important;
    margin-bottom: 5px !important;
    font-size: 14px !important;
}

.form-input {
    padding: 10px !important;
    border: 1px solid #555 !important;
    border-radius: 4px !important;
    background-color: #3a3d44 !important;
    color: #fff !important;
    font-size: 14px !important;
}

.form-input:focus {
    outline: none !important;
    border-color: #eb484b !important;
}

.form-row {
    display: flex !important;
    gap: 10px !important;
}

.form-row .form-group {
    flex: 1 !important;
}

.radio-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.radio-item {
    display: flex !important;
    align-items: center !important;
    padding: 10px !important;
    background-color: #3a3d44 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

.radio-item:hover {
    background-color: #404349 !important;
}

.radio-input {
    margin-right: 10px !important;
}

/* Ödeme Başlığı */
.payment-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px !important;
    background-color: #4a4d54 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
}

.payment-header h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
}

.payment-header i {
    color: #fff !important;
    font-size: 14px !important;
}

/* Cüzdan Seçeneği */
.wallet-section {
    background-color: #3a3d44 !important;
    border-bottom: 1px solid #4a4d54 !important;
    padding: 0 !important;
}

.wallet-balance {
    display: flex !important;
    align-items: center !important;
    padding: 20px !important;
    gap: 15px !important;
}

.wallet-balance i {
    color: #4CAF50 !important;
    font-size: 24px !important;
    flex-shrink: 0 !important;
}

.wallet-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.wallet-title {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
}

.wallet-amount {
    color: #4CAF50 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.wallet-pay-btn {
    background-color: #4CAF50 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: background-color 0.3s ease !important;
}

.wallet-pay-btn:hover {
    background-color: #45a049 !important;
}

/* Accordion Container Düzenleme */
.accordion-container {
    border-radius: 0 0 4px 4px !important;
}

.accordion-container .accordion-item:first-child {
    border-top: none !important;
}

/*Sepet Accordion Bitis*/