html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    transition: 0.3s ease-in-out;
    color: initial;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    transition: 0.3s ease-in-out;
    color: initial;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* reset */


body {
    font-family: 'Exo 2', sans-serif;

    background: #000;
}

img {
    max-width: 100%;
    height: auto;
}

.global-flex1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.global-flex1-c-j {
    display: flex;
    flex-direction: column;
}


/* Header - bg */

.main-container {
    background: #000 url('../img/bg-top.jpg') top center;
    background-repeat: no-repeat;
    background-size: auto;
}

/* Header - bg */

/* Header */
.main-menu-container {
    width: 100%;
}

.main-menu {
    padding: 22px 0px;
}

.main-menu-logo {
    flex: 1;
}

.main-menu {
    font-size: 20px;

}

.main-menu-btn a {
    margin: 5px 12px;
    transition: 0.2s ease-in-out;
    color: #e0dcdc;
}

.main-menu-btn a:first-of-type {
    margin-left: 0;
}

.main-menu-btn a:last-of-type {
    margin-right: 0;
}

.main-menu-btn a:hover {
    transition: 0.2s ease-in-out;
    color: #fff;
}


/* .main-menu-btn a::before {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: 0.2s ease-in-out;
} */

.main-menu-right {
    text-align: right;
}


.main-container-menu-content {
    flex-direction: column;
}

.main-menu-logo-small,
.main-menu-burger-container {
    display: none;
}


/* Hmaburger menu */

.main-menu-burger-container {
    position: absolute;
    height: 27px;
    position: absolute;
    top: 34px;
    right: 15px;
    z-index:11;
    cursor: pointer;
}

.main-menu-burger-container:hover span {
    background-color: #fff;
    transition: 0.2s ease-in-out;
}

.main-menu-burger-container .hamburger-lines {
    height: 26px;
    width: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s ease-in-out all;
}

.main-menu-burger-container .hamburger-lines .line {
    display: block;
    height: 4px;
    width: 100%;
    border-radius: 10px;
    background: #e0dcdc;
    transition: 0.3s ease-in-out all;
}
.main-menu-burger-container .hamburger-lines:hover .line {
    background: #fff;
    transition: 0.3s ease-in-out all;
}

.main-menu-burger-container .hamburger-lines .line1 {
    transform-origin: 0% 0%;
    transition: transform 0.4s ease-in-out;
}

.main-menu-burger-container .hamburger-lines .line2 {
    transition: transform 0.1s ease-in-out;
}

.main-menu-burger-container .hamburger-lines .line3 {
    transform-origin: 0% 100%;
    transition: transform 0.4s ease-in-out;
}

.main-menu-burger-container-line1 {
    transform: rotate(45deg);
    background-color: #5effff !important;
}

.main-menu-burger-container-line2 {
    transform: scaleY(0);
    background-color: #5effff !important;
}

.main-menu-burger-container-line3 {
    transform: rotate(-45deg);
    background-color: #5effff !important;
}



/* Hmaburger menu */


/* Header */

/* Index  */

/* Index Login - Register  */

.sb2-container {
    position: relative;
}


.lr-content {
    margin-top: 157px;
    position: relative;
}

.lr-content-text {
    background: #000;
    width: 300px;
    height: 300px;

    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 10px 5px #FC4FFC;
    box-shadow: 0px 0px 10px 5px #FC4FFC;
    z-index: 3;
    flex-direction: column;
}

.lr-img {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -90%);
}

.lr-content-text-title {
    font-size: 30px;
    background: -webkit-linear-gradient(#f9f473, #ebc21d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    text-align: center;
    font-weight: 800;
}

.lr-content-text-buttons {
    flex-direction: column;
    margin-top: 25px;
    width: 100%;
    padding: 0px 20px;
}

.lr-content-text-btn {
    width: 100%;
    border-radius: 15px;
    border: 1px solid #fff;
    color: #fff;
    padding: 12px;
    text-align: center;
    font-size: 27px;
    font-weight: 800;
}


.lr-content-text-btn-log {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: rgb(241, 162, 249);
    background: linear-gradient(180deg, rgba(241, 162, 249, 1) 0%, rgba(187, 72, 199, 1) 100%);
    transition: 0.3s ease-in-out;
}

.lr-content-text-btn-log:hover {
    color: #fff;
    transition: 0.3s ease-in-out;
}

.lr-content-text-btn-log span {
    position: relative;
    z-index: 3;
}

.lr-content-text-btn-log::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgb(241, 162, 249);
    background: linear-gradient(0deg, rgba(241, 162, 249, 1) 0%, rgba(187, 72, 199, 1) 100%);
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    opacity: 0;
}

.lr-content-text-btn-log:hover::after {
    opacity: 1;
}

.lr-content-text-btn-reg {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: rgb(241, 162, 249);
    background: linear-gradient(180deg, rgba(249, 138, 138, 1) 0%, rgba(244, 50, 51, 1) 100%);
    transition: 0.3s ease-in-out;
}

.lr-content-text-btn-reg:hover {
    color: #fff;
    transition: 0.3s ease-in-out;
}

.lr-content-text-btn-reg span {
    position: relative;
    z-index: 3;
}

.lr-content-text-btn-reg::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgb(241, 162, 249);
    background: linear-gradient(0deg, rgba(249, 138, 138, 1) 0%, rgba(244, 50, 51, 1) 100%);
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    opacity: 0;
}

.lr-content-text-btn-reg:hover::after {
    opacity: 1;
}

.lr-content-text-btn-reg-game {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: rgb(241, 162, 249);
    background: linear-gradient(180deg, rgba(249, 138, 138, 1) 0%, rgba(244, 50, 51, 1) 100%);
    transition: 0.3s ease-in-out;
}

.lr-content-text-btn-reg-game:hover {
    color: #fff;
    transition: 0.3s ease-in-out;
}

.lr-content-text-btn-reg-game span {
    position: relative;
    z-index: 3;
}

.lr-content-text-btn-reg-game::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgb(241, 162, 249);
    background: linear-gradient(0deg, rgba(249, 138, 138, 1) 0%, rgba(244, 50, 51, 1) 100%);
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    opacity: 0;
}

.lr-content-text-btn-reg-game:hover::after {
    opacity: 1;
}



.lr-content-text-buttons-or {
    margin: 20px 0px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #c2bac5;
}

.lr-content-text-buttons-or::before {
    content: "";
    width: 70px;
    height: 2px;
    background: rgb(194, 186, 197);
    background: linear-gradient(90deg, rgba(194, 186, 197, 1) 0%, rgba(16, 15, 16, 0.678) 100%);
    position: absolute;
    left: 36px;
    top: 50%;
}

.lr-content-text-buttons-or::after {
    content: "";
    width: 70px;
    height: 2px;
    background: rgb(194, 186, 197);
    background: linear-gradient(270deg, rgba(194, 186, 197, 1) 0%, rgba(16, 15, 16, 0.678) 100%);
    position: absolute;
    right: 36px;
    top: 50%;
}

/* Index Login - Register  */

/* Main - Index */

.main-sub-container-content {
    background: #000;
    position: relative;
    z-index: 9;
    text-align: center;

}

.main-sub-title {
    font-size: 22px;
    font-weight: 800;

    background: -webkit-linear-gradient(#f9f473, #ebc21d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 20px 0px 10px 0px;
}

.main-sub-sub-title {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 10px 0px;
}


.main-sub-sub-p {
    max-width: 870px;
    width: 100%;
    font-size: 15px;
    color: #b0a8a8;
    margin: 0 auto;
}

/* Main - Index */


@media (min-width: 1400px) {
    .main-container .container {
        max-width: 1200px;
    }
}

/* Games grid */

@media only screen and (min-width: 1200px) {
    .main-container .col-lg-3 {
        width: 20%;
    }
}





.games-wrapper {
    padding: 10px;
    transition: 0.3s ease-in-out;
}

/* .games-wrapper:hover {
    background-color: rgb(86 76 87 / 49%);
    transition: 0.3s ease-in-out;
} */

.games-wrapper a {
    text-decoration: none;
    position: relative;
}

.jackpot-games {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -18%);
    width: 98.4%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 3px 0px;
}

.jackpot-games span {
    position: relative;
    font-family: 'fagono-extraboldbold';
    font-size: 11px;

}

.wrapping-image {
    position: relative;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99%;
    background: transparent;
    transition: background 0.5s ease;
    z-index: 2;
}

.btn-wrapper {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;

    width: 100%;
    height: 100%;
    z-index: 2;
    transition: opacity .35s ease;
    /* bottom: -10px; */
    opacity: 0;
    font-family: 'fagono-extraboldbold';
}

.btn-wrapper:hover {
    text-align: center;
    z-index: 2;
    float: none;
    opacity: 1;
}

.btn-danger,
.btn-danger:hover {
    transition: 0.3S ease-in-out;
    border-color: transparent;
}



.ms1-games-part-wrapping-image img {
    width: 100%;
    border: 8px solid;
    border-image-slice: 1;
    border-width: 8px;
    border-image-source: linear-gradient(to bottom, #f290fb, #b53dba);
}

.border-gradient {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 5px;
}

.border-gradient-purple {
    border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}

.main-sub-games-buttons {
    opacity: 0;
    transition: 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-evenly;
}

.overlay:hover {
    display: block;
    background: rgba(0, 0, 0, 0.3);
}

.overlay:hover .main-sub-games-buttons {
    opacity: 1;
    transition: 0.3s ease-in-out;
}

.main-sub-games-btn {
    font-size: 18px;
    width: auto;
    font-weight: 700;
    padding: 10px 25px;
    line-height: 1;
}

.main-sub-games-btn-play {
    padding: 10px 15px;
}

.main-sub-games-btn-info {
    padding: 8px 25px;
}

.ms1-sub-games-featured_games {
    padding: 0px;
}


/* Games grid */


/* Footer - Index */

.footer-sub-index-main-container-content {
    flex-direction: column;
    text-align: center;
    color: #b0a8a8;
    margin: 70px 0px 0px 0px;
    padding-bottom: 15px;
}

.footer-sub-index-main-menu {
    font-size: 13px;
    margin: 10px 0px;
}

.footer-sub-index-main-menu a {
    color: #b0a8a8;
    font-size: 13px;
    margin: 0px 10px;
}

.footer-sub-index-main-menu span {
    user-select: none;
}

.footer-sub-index-main-menu a:hover {
    color: #fff;
    font-size: 13px;
    margin: 0px 10px;
}

.footer-sub-index-main-container-content {
    font-size: 13px;
}

/* Footer - Index */

/* Login - Register forms */

.lr-forms {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: none;
    user-select: none;
    background: rgba(0, 0, 0, 0.6);
}

.lr-forms-for-login-active {
    visibility: visible;
}

.lr-forms-for-registration-active {
    visibility: visible;
}

.lr-forms-container {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 100px;
}

.proj-acc-pop {
    padding-top: 300px;
}

.lr-forms-general {
    max-width: 500px;
    width: 100%;
    border: 2px solid #f3a6fb;
    background: #3e3e3e;
    flex-direction: column;
}

.lr-forms-general.lr-guest-register {
    max-width: 1000px;
}


.lr-form-login-fields-title {
    width: 100%;
    background: #6a6a6a;
    color: #aeaeae;
    font-size: 31px;
    text-transform: uppercase;
    padding: 15px 0px;
    text-align: center;
    position: relative;
}

.lr-form-login-fields-x-close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translatey(-50%);
    width: 22px;
    height: 22px;
    user-select: none;
    cursor: pointer;
}


.lr-form-login-fields h2 {
    text-align: center;
    font-size: 19px;
    color: #fff;
    padding-top: 10px;
}



.lr-form-login-fields-area form {
    flex-direction: column;
    width: 100%;
}

.lr-form-inputs-span {
    position: relative;
    margin-top: 15px;
    width: 100%;
}

.lr-form-inputs-span i,
.lr-form-inputs-span img {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translatey(-50%);
    height: 25px;
    user-select: none;
}

.lr-form-inputs-span-i-first {
    right: 13px !important;
}

.lr-form-inputs-img-pass {
    cursor: pointer;
}


.lr-form-inputs-span i {
    color: #aeaeae;
    font-size: 25px;
}



.lr-form-input {
    max-width: 320px;
    width: 320px;
    height: 52px;
    border-radius: 15px;
    border: 1px solid #ee98ee;
    transition: 0.3s ease-in-out;
    line-height: 1;
    padding-left: 15px;
    color: #646464;
    padding-top: 5px;
    padding-right: 40px;
}

.lr-form-input:active,
.lr-form-input:focus-visible {
    outline: 1px solid #5effff;
    border: 1px solid #5effff;
    transition: 0.2s ease-in-out;

}

.lr-form-input[type=number] {
    -moz-appearance: textfield;
}

.lr-form-input::-webkit-outer-spin-button,
.lr-form-input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}


.lr-form-inputs-placeholder-div {
    position: relative;

}

.lr-form-placeholder {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #aeaeae;
    transition: 0.2s ease all;
}

.lr-form-placeholder-no-match {
    position: absolute;
    left: 150px;
    font-size: 11px;
    font-weight: 700;
    bottom: 4px;
    pointer-events: none;
    transition: 0.2s ease all;
    user-select: none;
    /* display: none; */
}

.lr-form-placeholder-permanent {
    position: absolute;
    left: 17px;
    font-size: 11px;
    top: 10px;
    pointer-events: none;
    color: #aeaeae;
    transition: 0.2s ease all;
}




.proj-form-cont-textarea {
    width: 100%;
    height: 150px;
    padding: 20px 15px;
    box-sizing: border-box;
}

.proj-form-cont-textarea-em {
    top: 30px
}

.lr-form-placeholder-permanent-active {
    font-size: 11px;
    top: 10px;
}

.lr-form-placeholder-empty {
    color: rgb(255, 0, 0);
    font-weight: 700;
    /* font-size: 11px;
    top: 10px; */
}

.lr-form-login-forgot {
    justify-content: flex-end;
    margin: 5px 0px;
}

.lr-form-login-forgot a {
    text-align: right;
    color: #fff;
    text-shadow: 0px 3px 3px black;
    font-weight: 400;
}

.lr-form-login-forgot a:hover {
    text-align: right;
    color: #ee98ee;

}

.lr-form-login-reg-buttons {
    flex-direction: column;
    margin-top: 16px;
    width: 100%;
}

.lr-form-login-btn {
    width: 100%;
}

.lr-form-login-btn a {
    border: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-shadow: 1px 1.732px 6px rgba(0, 0, 0, 0.86);
}

.lr-form-reg-btn {
    width: 100%;
    background: #2d2b2b;
    border-radius: 15px;
    padding: 20px 0px;
    margin: 15px 0px;
    color: #aeaeae;
}

.lr-form-reg-btn p {
    font-size: 14px;
}

.lr-form-reg-btn p a {
    color: #fff;
    font-size: 14px;
}

.lr-form-reg-btn p a:hover {
    color: rgb(241, 162, 249);
}

.lr-form-login-reg-box-bold {
    font-weight: 700;
    margin-left: 10px;
}

.lr-form-login-register-send-code {
    font-size: 16px;
    font-weight: 600;
    padding: 17px;
}

.lr-form-inputs-img-pass,
.lr-form-inputs-img-pass1,
.lr-form-inputs-img-pass2 {
    cursor: pointer;
}

.lr-form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 1.5;
    cursor: pointer;
}

.lr-form-login-reg-allerts-container {
    width: 100%;
}

.lr-form-login-reg-allerts {
    border-radius: 15px;
    line-height: 1.625;
    margin-bottom: 0px;
    margin-top: 15px;
    padding: 12px 0px 15px 12px;
    width: 100%;
}

.lr-form-login-reg-allert-success {
    display: none;
}

.lr-form-login-reg-allert-danger {
    display: none;
}

.lr-form-login-btn-submit-forgot-pass {
    margin-bottom: 15px;
}

.lr-form-login-fields-auth {
    max-width: 320px;
    color: #fff;
    padding: 10px 0px;
}
.lr-form-login-fields-auth p {
    text-align: justify;
}
.lr-form-login-fields-auth span {
    display: block;
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

.lr-form-inputs-error-div {
    padding-top: 7px;
}

.lr-form-inputs-error-msg {
    max-width: 320px;
    width: 320px;
    height: auto;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
    line-height: 1;
    padding-left: 15px;
    color: #646464;
    justify-content: unset;
    margin-top: 15px;
    padding: 15px;
    color: #fff;
}

.lr-form-inputs-error-green {
    border: 1px solid rgb(30, 255, 0);
    background: rgb(0, 185, 40);
}

.lr-form-inputs-error-red {
    border: 1px solid #f00;
    background: rgb(170 24 24);
}

/* Login - Register forms */

/* Contact */

.proj-btn-sub {
    padding-bottom: 10px;
}

.proj-cont-spin-div {
    position: relative;
}

.proj-cont-res {
    padding-left: 0px !important;
}

.proj-cont-spin-over {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 100%);
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;

}



.proj-cont-spin {
    height:40px;
    width:40px;
    margin:0px auto;
    margin-bottom: 95px;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:4px solid rgba(0,174,239,.15);
    border-right:4px solid rgba(0,174,239,.15);
    border-bottom:4px solid rgba(0,174,239,.15);
    border-top:4px solid rgb(241, 162, 249);
    border-radius:100%;

}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}

/* Contact */

/* Index  */

/* Dashboard */

.main-menu-burger-container-general {
    top: 80px;
    right: 20px;
}

/* .sb2-dashboard-container .main-menu-burger-container:hover span {
    background-color: #fff;
    transition: 0.2s ease-in-out;
} */

.sb2-dashboard-container {
    background: #000 url('../img/dashboard/bg-top.png') top center;
    background-repeat: no-repeat;
    background-size: auto;
}

/* User - top bar  */

.proj-user-drop-down-cont {
    position: relative;
    padding: 10px 5px;
    margin: 0 5px;
    cursor: pointer;
}

.bell-ann-a {
    color: #e0dcdc;
    font-size: 28px;
    padding: 10px 5px;
    margin: 0 5px;
    position: relative;

}
.bell-ann-a:hover {
    color: unset !important;
}

.bell-ann-img:hover {
    color: #fff;
}

.bell-ann-img {
    font-weight: 500;
}
.bell-ann-img-no-not {
    color: #3e3e3e;
}

.proj-bell-ann-img-with-nt-a {
    padding-right: 10px;
}

.proj-bell-ann-img-no-nt-a {
    display: none;
    padding-right: 5px;
}

.bell-ann-img:hover {
    animation: bellshake .5s cubic-bezier(.36,.07,.19,.97) both;
    backface-visibility: hidden;
    /* transform-origin: top right; */
}

@keyframes bellshake {
    0% { transform: rotate(0); }
    15% { transform: rotate(5deg); }
    30% { transform: rotate(-5deg); }
    45% { transform: rotate(4deg); }
    60% { transform: rotate(-4deg); }
    75% { transform: rotate(2deg); }
    85% { transform: rotate(-2deg); }
    92% { transform: rotate(1deg); }
    100% { transform: rotate(0); }
}


.bell-ann-not-num {
    position: absolute;
    font-size: 10px;
    background: rgb(255, 75, 75);
    border-radius: 50%;
    padding: 4px;
    color: #fff;
    right: 0px;
}

.sb2-user-logged-in-container {
    background: #000;
}

.sb2-user-profile {
    color: #e0dcdc;
    position: relative;
    max-width: 300px;
    width: 100%;
    margin-left: auto;
    transition: 0.3s ease-in-out;
    justify-content: flex-end;
}


.sb2-user-profile-circle-user-img:hover {
    color: #fff;
}

.proj-user-drop-down-cont:hover .sb2-user-profile-drop-down {
    display: flex;
    transition: 0.3s ease-in-out;
}

.proj-user-drop-down-cont:hover .sb2-user-profile-circle-user-img {
    color: #fff;
}

.sb2-user-profile-content p {
    padding: 10px 5px;
    margin: 0 5px;
}

.sb2-user-profile-content p,
.sb2-user-profile-content i {
    cursor: pointer;
}
.sb2-user-profile-content p:hover {
    color: #fff;
}





.sb2-user-profile-circle-user-img::before {
    font-weight: 500;
    font-size: 28px;

}


.sb2-user-profile-drop-down {
    flex-direction: column;
    position: absolute;
    top: 45px;
    right: -5px;
    width: 200px;
    background: #3e3e3e;
    box-shadow: inset 0px 11px 27px 0px rgb(255 160 255 / 23%);
    border: 2px solid rgb(243, 166, 251);
    display: none;
    transition: 0.3s ease-in-out;
    z-index: 12;
}

.sb2-user-profile-drop-down-active {
    display: flex;
}

.sb2-user-profile-drop-down a {
    color: #fff;
    padding: 10px 15px;
    width: 100%;
    font-weight: 600;
}

.sb2-user-profile-drop-down a:hover {
    box-shadow: inset 0px 0px 27px 0px rgba(255, 160, 255, 0.43);
}

.sb2-user-profile-drop-down a:not(:last-of-type) {
    border-bottom: 1px solid #6a6a6a;
}

/* User - top bar  */

/* Main - rounded box  */

.ms1-dr-box {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background: rgba(0, 0, 0, 0.5);
    align-items: unset;
    justify-content: unset;
}

.ms1-dr-box h1 {
    background: -webkit-linear-gradient(#f9f473, #ebc21d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5;
    padding: 5px 0px 5px 20px;
    max-height: 50px;
    height: 50px;

}

.ms1-dr-box-left {
    flex-direction: column;
    width: 70%;
    align-items: unset;
    justify-content: unset;
}

.ms1-dr-box-left-full {
    width: 100%;
}

.ms1-dr-box-left-title-full {
    border-top-right-radius: 15px;
}

.ms1-dr-box-left-title {
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    border-top-left-radius: 15px;
    justify-content: flex-start;
    max-height: 50px;
    height: 50px;
}

.ms1-dr-box-left-h1 {
    font-size: 26px;
    border-top-left-radius: 15px;
    font-weight: 600;
}




/* Carousel  */


.ms1-dr-box-left-carousels {
    width: 100%;
    padding: 0px 10px;
}

.ms1-dr-box-left-carousels-h1 {
    font-size: 20px;
    font-weight: 600;
    padding-left: 10px !important;
    margin-top: 15px !important;
}

.main-dashboard-carousel {
    margin: 0 40px;

}

.main-dashboard-carousel .ms1-sub-games-games-wrapper {
    padding: 10px;
}



.main-dashboard-carousel .ms1-games-part-wrapping-image img {
    width: 100%;
    border: none;
    border-image-slice: 0;
    border-width: 0;
    border-image-source: none;
}


.main-dashboard-carousel .wrapping-image {
    position: relative;
    border-radius: 5px;
    background: linear-gradient(#f290fb, #b53dba);
    background-clip: padding-box;
    padding: 8px;

}

/* .main-dashboard-carousel .wrapping-image::after {
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    background: linear-gradient(#f290fb, #b53dba);
    content: '';
    z-index: -1;
    border-radius: 5px;
} */



.main-dashboard-carousel .overlay {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

/* Carousel  */

/* Sidebar */

.ms1-dashboard-sidebar {
    background: #000;
    height: 550px;
    overflow-y: auto;
    padding: 0px 1px;
}

.ms1-dashboard-sidebar-item {
    width: 100%;
    margin: 10px 0px 30px 0px;
}

.blog-blog-sidebar-items-content-box {
    position: relative;
}

.blog-blog-sidebar-items-view-more {
    position: absolute;
    bottom: -30px;
    right: 50%;
    transform: translateX(50%);
    flex-direction: column;
}

.blog-blog-sidebar-items-view-more-a {
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    background: #323232;
    line-height: 1.5;
    font-weight: 600;
}
.blog-blog-sidebar-items-view-more-a:hover {
    color: rgb(0, 0, 0);
    background: #a3a3a3;
}

.blog-blog-sidebar-items-view-more-active {
    color: rgb(0, 0, 0) ;
    background: #a3a3a3 ;
}
.blog-blog-sidebar-items-view-more-active:hover {
    color: #fff ;
    background: #323232;
}

.blog-blog-sidebar-items-view-more {
    z-index: 4;
}

.ms1-dr-box-right {
    flex-direction: column;
    width: 30%;
    align-items: unset;
    justify-content: unset;
}



.ms1-dr-box-right-title {
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    border-top-right-radius: 15px;
    justify-content: flex-start;
    align-items: unset;
    max-height: 50px;
    height: 50px;
}

.ms1-dr-box-right-h1 {
    text-transform: uppercase;
    font-size: 20px;
    border-top-right-radius: 15px;
    font-weight: 800;
    padding-left: 0 !important;
    letter-spacing: -0.8px;
}

.ms1-dashboard-sidebar-item-titles {
    flex: 1;
    height: 100%;
    flex-direction: column;
    justify-content: unsafe;
    align-items: unset;
    color: #fff;
    line-height: 1.2;
    margin-left: 10px;
}

.ms1-dashboard-sidebar-item-titles h2 {
    font-size: 14px;
    text-transform: uppercase;
}

.ms1-dashboard-sidebar-item-titles p {
    font-size: 12px;

}


.ms1-dashboard-sidebar-item img {
    width: 120px;
    height: 100px;
}


.ms1-dashboard-sidebar-play-now {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: rgb(241, 162, 249);
    background: linear-gradient(180deg, #f1a2f9 0%, #b843c4 100%);
    transition: 0.3s ease-in-out;
    border-radius: 30px;
    color: #fff;
    margin: 0 auto;
    padding: 10px 30px;
    margin-top: 5px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ms1-dashboard-sidebar-play-now:hover {
    color: #fff;
    transition: 0.3s ease-in-out;
}

.ms1-dashboard-sidebar-play-now span {
    position: relative;
    z-index: 3;
}

.ms1-dashboard-sidebar-play-now::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: rgb(241, 162, 249);
    background: linear-gradient(0deg, #f1a2f9 0%, #b843c4 100%);
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
    opacity: 0;
}

.ms1-dashboard-sidebar-play-now:hover::after {
    opacity: 1;
}

/* Sidebar */


/* Main - rounded box  */


/* Games grid  */

.ms1-dashboard-iframe-game-description .wrapping-image:hover {
    -webkit-box-shadow: 0px 0px 15px 5px #c670fe;
    box-shadow: 0px 0px 15px 5px #c670fe;
    transition: 0.2s ease-in-out;
    border-radius: 5px;
}

.main-dashboard-carousel .wrapping-image:hover {
    -webkit-box-shadow: 0px 0px 15px 5px #c670fe;
    box-shadow: 0px 0px 5px 5px #c670fe;
    transition: 0.2s ease-in-out;
}

.ms1-dashboard-games-grid {
    margin-top: 50px;
    background: #373636;
    border-radius: 15px;
    padding: 0px 10px 20px 10px;
}

.ms1-dashboard-games-grid-tab-header {
    margin-bottom: 10px;
    padding-top: 10px;
}

.ms1-dashboard-games-grid-tab-header .nav-tabs {
    border: none;
    justify-content: center;
}

.ms1-dashboard-games-grid-tab-header .nav-item {
    position: relative;
    padding: 5px;
}

.ms1-dashboard-games-grid-tab-header .nav-link {
    position: relative;
    padding: 5px;
}

.ms1-dashboard-games-grid-tab-header .nav-link.active::before {
    display: block;
    content: '';
    width: 85%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: -webkit-linear-gradient(#f9f473, #e6c33a);
    margin: 0;
    transition: 0.2s ease-in-out;
    border-radius: 15px;
}

.ms1-dashboard-games-grid-tab-header .nav-link {
    border: none;
    background: none;
    margin: 0;
    border-radius: 0;
    background: -webkit-linear-gradient(#f9f473, #e6c33a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5;
    font-weight: 700;
}

.ms1-dashboard-games-grid-tab-header .nav-link.active {

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5;
    position: relative;
}

.ms1-dashboard-games-grid-tab-header .nav-link:hover {
    border: none;
}


.ms1-dashboard-games-grid-tab-content .tab-content {
    color: #fff;
}

.ms1-dashboard-games-grid-tab-pane-content-flex .ms1-games-part-wrapping-image img {
    width: 100%;
    border: none;
    border-image-slice: 0;
    border-width: 0;
    border-image-source: none;
}


.ms1-dashboard-games-grid-tab-pane-content-flex .wrapping-image {
    position: relative;
    border-radius: 5px;
    background: linear-gradient(#f290fb, #b53dba);
    background-clip: padding-box;
    padding: 8px;
    transition: 0.2s ease-in-out;

}

.ms1-dashboard-games-grid-tab-pane-content-flex .wrapping-image::after {
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    background: linear-gradient(#f290fb, #b53dba);
    content: '';
    z-index: -1;
    border-radius: 5px;
}

.ms1-dashboard-games-grid-tab-pane-content-flex .wrapping-image:hover {
    -webkit-box-shadow: 0px 0px 15px 5px #C670FE;
    box-shadow: 0px 0px 15px 5px #C670FE;
    transition: 0.2s ease-in-out;
}

.ms1-dashboard-games-grid-tab-pane-content-flex .overlay {
    height: 100%;
    border-radius: 5px;
}

.main-sub-games-container .wrapping-image {
    border-radius: 5px;
}

.main-sub-games-container .wrapping-image:hover {
    -webkit-box-shadow: 0px 0px 15px 5px #c670fe;
    box-shadow: 0px 0px 15px 5px #c670fe;
    transition: 0.2s ease-in-out;
}

/* Games grid  */


/* Dashboard */


/* Pagiantion */

.main-pagination .pagination {
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    flex-wrap: wrap;
}

.main-pagination .pagination p {
    margin-right: 15px;
}

.main-pagination .page-link {
    background-color: unset;
    border: unset;
    color: #fff;
    border-radius: 100% !important;
    margin: 5px !important;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.main-pagination .page-link:focus {
    box-shadow: unset;
}

.main-pagination .page-link:hover:not(.active) {
    background-color: #f18bfb;
}

.main-pagination .page-link.active {
    background-color: #b640c2;
}

/* Pagiantion */

/* Iframe  */

.ms1-dashboard-sidebar-iframe {
    height: 670px;
}

.ms1-dr-box-left-iframe {
    height: 100%;
    justify-content: unset;
    align-items: unset;
    padding: 20px;
}

.ms1-dashboard-iframe-placeholder-img {
    width: 100%;
}

.ms1-dashboard-iframe-game-description {
    justify-content: unset;
    align-items: unset;
    margin-top: 20px;
}

.ms1-dashboard-iframe-game-description-game {
    max-width: 30% !important;

    flex: unset !important;
}

.prj-iframe-game-1  {
    width: 30%  !important;
}

.ms1-dashboard-iframe-game-description-title {
    flex-direction: column;
    max-width: 70%;
    width: 100%;
    justify-content: unset;
    align-items: unset;
    padding-left: 20px;
}

.ms1-dashboard-iframe-game-description-title h1 {
    font-weight: 700;
    font-size: 20px;
    padding: 0px;
    padding-bottom: 7px;
    margin: 10px 0px 10px 0px;
    position: relative;
    display: inline-block;
    line-height: 1;
    height: auto;
    max-height: auto;
}

.ms1-dashboard-iframe-game-description-title h1::before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 2px;
    background: #f9f473;
    margin: 0;
    transition: 0.2s ease-in-out;
    border-radius: 15px;
}


.ms1-dashboard-iframe-game-description-title p {
    color: #fff;
}

.ms1-dashboard-games-grid-iframe {
    margin-top: 20px;
}

.ms1-dashboard-ifrmae-botm-text {
    padding: 15px 0px;
    color: #fff;
    line-height: 24px;
    letter-spacing: -0.4px;
    font-weight: 600;
}
.ms1-dashboard-ifrmae-botm-text p {
    padding: 15px 0px;
}

.ms1-dashboard-ifrmae-botm-car {
    width: 50%;
    margin: 0 auto;
}
.ms1-dashboard-ifrmae-botm-car .carousel-control-next {
    width: 40px;
    height: 40px;
    top: 50%;
    right: 0%;
    transform: translate(50%, -50%);
    background-image: unset;
    opacity: 1;
}
.ms1-dashboard-ifrmae-botm-car .carousel-control-prev {
    width: 40px;
    height: 40px;
    top: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.ms1-dashboard-ifrmae-botm-car .carousel-control-prev-icon,
.ms1-dashboard-ifrmae-botm-car .carousel-control-next-icon {
    background-image: unset;
    width: 40px;
    height: 40px;
}

/* Iframe  */


/* Account */



.ms1-dr-box-account {
    background: rgba(0, 0, 0, 0.623);
}

.ms1-account {
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
    width: 50%;
    padding: 20px 35px;
}

.ms1-account-form {
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
    width: auto;
    color: rgb(187, 183, 183);
}

.ms1-account-buttons {
    align-items: unset;
    justify-content: unset;
    flex-direction: column;
}

.ms1-account-form .lr-form-inputs-placeholder-div {
    display: inline-block;
}

.ms1-dr-box-account .ms1-dr-box-left-full {
    padding: 15px 0px 0px 15px;
}

.ms1-dr-box-account .ms1-dr-box-left-title {
    background: unset;
}


.ms1-account-title {
    margin: 15px 0px 0px 0px;
}

.ms1-account-title h2 {
    color: rgb(187, 183, 183);
}
.ms1-account-hr-part {
    margin: 10px 0px 0px 0px;
    height: 2px;
    background: rgb(80,78,79);
    background: linear-gradient(90deg, rgba(187, 183, 183, 0) 0%, rgb(187, 183, 183) 10%, rgb(187, 183, 183) 90%, rgba(187, 183, 183, 0) 100%);
}

.ms1-account-padding {
    padding: 15px 0px;
}


.ms1-account-buttons-action {
    display: flex;
    padding: 15px 0px 15px 0px;
}

.ms1-account-buttons-change {
    padding: 15px 0px 15px 0px;
}

.ms1-account-button-name-left {
    display: flex;
    position: relative;
    justify-content: unset;
    color: #fff;
    flex: 1;
}


.ms1-account-button-name-left .sb2-user-profile-circle-user-img {
    margin-left: 0;
    max-width: 50px;
    width: 100%;
}

.ms1-account-button-name-left h3 {
    font-size: 20px;
    font-weight: 400;
}

.ms1-account-button-change-a {
    padding: 15px 27px;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 17px;
    transition: 0.3s ease-in-out;
    font-weight: 700;
}

.ms1-account-button-change-a:hover {
    color: #000;
    background: #fff;
    transition: 0.3s ease-in-out;
}

.ms1-account-button-name-left span {
    position: absolute;
    bottom: -5px;
    left: 50px;
    color: #6b6a6a;
    font-size: 16px;
    font-weight: 400;
}

.ms1-account-region {
    position: relative;
    margin-left: 50px;
    display: flex;

}

.ms1-account-region em {
    display: none;
}

.ms1-account-region select {
    flex: 1;
    background: transparent;
    background-image: none;
    outline: none;
    border: none;
    color: #fff;
    appearance: none;
    font-size: 20px;
    line-height: 1.3;
    border-radius: 0;
    position: relative;
    z-index: 3;
    cursor: pointer;
}

.ms1-account-region select option,
.ms1-account-region select optgroup {
    background: #000;
}

.ms1-account-region i {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    color: #fff;
    user-select: none;

}


.ms1-account-deactivate {
    margin-left: 50px;
}


.ms1-account-deactivate h2 {
    color: #bbb7b7;
    font-size: 20px;
}

.ms1-account-deactivate {
    padding-bottom: 0px;
}
.ms1-account-deactivate-red {
    display: flex;
}
.ms1-account-deactivate-red a {
    margin-left: auto;
    padding: 15px 0px;
    color: #ff0000;
    font-size: 16px;
}

.ms1-account-deactivate-red a i {
    margin-right: 10px;
}


.main-account-change-name-padd {
    padding-bottom: 20px;
}

.main-account-change-name-padd  h1 {
    font-size: 30px;
}


.ms1-arrow-down {
    content: '';
    background: url(../img/iconmonstr-arrow-65.svg) top center ;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    fill: #fff;
    z-index: 2;
}
#account-sb2-deactivate-h1 {
    padding: 10px 0px;
    color: #fff;
    font-size: 20px;
}

#account-sb2-deactivate-h1 span {
    color: #ff0000;
}
#account-sb2-deactivate-h1 h1 {
    padding: 0px 10px;
    text-align: center;
}



#ms1-dr-box-forogot {
    padding-bottom: 100px;
}

#account-sb2-deactivate {
    flex-direction: row;
    justify-content: space-around;
}

#account-sb2-deactivate div {
    width: 130px;
}

#account-sub-confirm{
    background: linear-gradient(0deg, #ee4141, #c70404 100%);
}
#account-sub-confirm::after{
    background: linear-gradient(180deg, #b52121, #9e0a0a 100%);
}

#account-sub-cancel {
    background: linear-gradient(0deg, rgb(138 138 138) 0%, rgb(74 74 74) 100%);
}
#account-sub-cancel::after {
    background: linear-gradient(180deg, rgb(138 138 138) 0%, rgb(74 74 74) 100%);
}

.account-sub-cancel {
    background: linear-gradient(0deg, rgb(138 138 138) 0%, rgb(74 74 74) 100%);
}

.account-sub-cancel::after {
    background: linear-gradient(180deg, rgb(138 138 138) 0%, rgb(74 74 74) 100%);
}


.view-pass {
    cursor: pointer;
}

.fs-change-region-2fa {
    padding-bottom: 15px;
}

/* Account */


/* Login page  */

.ms1-account-title1 {
    justify-content: center;
}

.ms1-account-title1 h1 {
    padding: 0;
}

.ms1-dr-box-account-lr {
    flex-direction: column;
}

/* Login page  */


/* Blog Page */

.blog-rounded-box-blog {
    background: #000;
}

.blog-rounded-box-blog-left {
    padding: 24px 15px 10px 1px;

}

.blog-rounded-box-blog-left-container {
    padding: 20px 20px;
    border-radius: 15px;
    background: #131313;
    flex-direction: column;
    position: relative;
}


.blog-rounded-box-blog-left--blog-item-read-more {
    position:absolute;
    color: #b3afaf;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
}

.blog-rounded-box-blog-left--blog-item-read-more:hover {
    color: #fff
}

.blog-rounded-box-blog-right .ms1-dr-box-right-title h1 {
    color: #fff;
    background: none;
    -webkit-text-fill-color: unset;
    text-transform: unset;
    font-weight: 500;
}

.blog-rounded-box-blog-right-sidebar {
    height: auto;
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
}


.blog-blog-sidebar-items-container {
    height: 530px;
    overflow-y: hidden;
}

.blog-blog-sidebar-items-container-active {
    height: 100% !important;
}

.blog-blog-sidebar-items-view-more-less {
    display: none;
}

.blog-blog-sidebar-items-container .ms1-dashboard-sidebar-item-titles {
    transition: 0.2s ease-in-out;
    margin-left: 0px;
    padding: 5px 0px 5px 10px;
}



.blog-box-left-date-cat-post {
    width: 100%;
    justify-content: space-between;
    color: #b3afaf;
    font-size: 12px;
    padding: 10px 0px;
}

.blog-box-left-date-cat-post a {
    color: #b3afaf;
    font-size: 12px;
}

.blog-box-left-date-cat-post a:hover {
    color: #fff;
}

.blog-box-left-cat:hover,
.blog-box-left-post-by:hover {
    color: #fff;
}

.blog-box-left-separate {
    padding: 0px 10px;
}

.blog-box-blog-content {
    color: #fff;
    padding: 10px 0px ;
}
.blog-box-blog-content h1 {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-size: 46px;
    line-height: 1;
    padding: 15px 0px;

    max-height: unset;
    height: unset;
    font-weight: 700;
}

.blog-box-blog-content h3,
.blog-box-blog-content p {
    padding: 15px 0px;
}

.blog-box-blog-content h3 {
    font-size: 22px;
    font-weight: 700;
}

.blog-box-left-tags a {
    background: #323232;
    margin: 5px 10px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}
.blog-box-left-tags a:hover {
    color: rgb(0, 0, 0);
    background: #a3a3a3;
}

.blog-box-left-tags {

    padding: 10px 0px;
}

.blog-box-left-pages {
    padding: 15px 0px;
    padding-top: 25px;
}

.blog-box-left-pages {
    width: 100%;
    color: #fff;
    justify-content: space-between;
}
.blog-box-left-pages a {
    color: #fff;
    line-height: 2;
    font-size: 12px;
}

.blog-box-left-pages a:hover {
    color: rgb(165, 164, 164);

}

.blog-box-left-pages a span {
    font-weight: 700;
}


.blog-box-left-pages-next {
    text-align: right;

}


.blog-blog-sidebar-info {
    padding: 15px 0px;
    flex-direction: column;
    align-items: unset;
    padding-top: 25px;
}

.blog-blog-sidebar-info-cat{
    flex-direction: column;
    color: #fff;
    padding: 15px 0px;
    justify-content: unset;
    align-items: flex-start;
}

.blog-blog-sidebar-info-cat h3 {
    padding: 5px 0px;
    font-size: 21px;
}


.blog-blog-sidebar-info-cat a {
    color: #fff;
    font-size: 16px;
    padding: 5px 0px;
}
.blog-blog-sidebar-info-cat a:hover {
    color: rgb(165, 164, 164);
}

.blog-blog-sidebar-info-latest-posts {
    padding: 20px 0px;
    color: #fff;
}

.blog-blog-sidebar-info-latest-posts h3 {
    font-size: 21px;
    padding: 1=0px 0px;
}

.blog-blog-sidebar-info-latest-posts-item:first-of-type  {
    padding-top: 20px;
}
.blog-blog-sidebar-info-latest-posts-item {
    padding: 10px 0px;
}

.blog-blog-sidebar-info-latest-posts-item a {
    color: #fff;
    font-weight: 600 ;
    padding: 10px 0px;
    line-height: 1.5;
}
.blog-blog-sidebar-info-latest-posts-item a:hover {
    color: rgb(165, 164, 164);
}
.blog-blog-sidebar-info-latest-posts-item p {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    color: #b3afaf;
}

.blog-blog-sidebar-info-latest-posts-item p img {
    padding-right: 10px;
}

/* Blog Page */

/* Blog Main */

.main-blog-pagiantion p {
    color: #fff;
}

.blog-box-main-content,
.blog-box-main-bottom-box {
    justify-content: unset;
    align-items: unset;
}

.blog-box-main-bottom-box {
    padding: 10px 0px;
}

.blog-box-main-item-left-box {
    width: 30%;
    display: flex;
    align-items: flex-start;
}
.blog-box-main-item-left-box img {
    width: 100%;
}

.blog-box-main-item-right-box {
    width: 70%;
    display: flex;
    flex-direction: column;
    padding: 0px 10px 0px 20px;
}

.blog-box-main-item-right-box-text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    flex: 1;
}

.blog-box-main-title-h2 {
    padding: 10px 0px;
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    transition: 0.2s ease-in-out;
}

.blog-box-main-title-h2:hover {
    color: rgb(165, 164, 164);
    transition: 0.2s ease-in-out;
}

.blog-main-bottom-tags {
    justify-content: flex-start;
    padding-bottom: 0px;
    padding-top: 20px;
}

.blog-main-bottom-tags a:first-of-type {
    margin-left: 0px;
}

.blog-main-bottom-tags a {
    font-size: 12px;
}

.blog-rounded-box-main-blog-item:not(:first-of-type) {
    margin-top: 50px;
}

/* Blog Main */

/* Blog details Img */

.blog-box-blog-img-container {
    display: flex;
    margin: 10px -20px;
}

.blog-box-blog-img-container img {
    width: 100%;
}

/* Blog details Img */


/* Inbox */

.ms1-inbox {
    padding: 20px;
    width: 100%;
}
.inbox-container {
    color: #E0DCDC;
    border: 1px solid #ffffff6b;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.inbox-item {
    position: relative;
    transition: 0.3s ease-in-out all;
}

.inbox-item:hover {
    color: #E0DCDC;
    transition: 0.3s ease-in-out all;
    background-color: #5dffff3d;
}

.inbox-item:hover  .status-vis{
    opacity: 0;
    transition: 0.1s ease-in-out all;
}
.inbox-item:hover  .item-view {
    display: block;
    transition: 0.3s ease-in-out all;
}

.inbox-row {
    color: #E0DCDC;
    border-bottom: 1px solid #ffffff6b;
}
.inbox-row:last-child {
    border-bottom: none;
}



.inbox-header,
.inbox-item {
    padding: 15px 15px 15px 30px;
    display: flex;
    font-size: 14px;

}

.header-date,
.item-date {
    flex: 0 0 165px;
    padding: 5px 10px 5px 0px;
}
.header-subject,
.item-subject {
    flex: 1;
    padding: 5px 20px 5px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.header-status,
.item-status {
    flex: 0 0 80px;
    padding: 5px 10px 5px 0px;
    transition: 0.3s ease-in-out all;
}


.item-view {
    position: absolute;
    right: 40px;
    display: none;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-in-out all;
    color: #5dffff;
}

.item-read {
    font-weight: 700;
    color: #fff;
}

.item-read::before {
    position: absolute;
    background: #5dffff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    content: "";
}

.item-view i {
    margin-right: 5px;
}

.inbox-header {
    font-weight: 700;
    font-size: 16px;
}

.inbox-message  {
    padding: 20px;

}
.inbox-message .blog-rounded-box-blog-left-container {
    border-radius: 15px;
    width: 100%;
}

.message-subject {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.inbox-message .blog-box-left-date-cat {
    display: flex;
    width: 100%;
}

.inbox-message .blog-rounded-box-blog-left-container {
    align-items: unset;
}

/* Inbox */


@media (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {

    /* Index  */
    .main-menu {
        max-width: 1200px;
    }



    /* Index  */

    /* Dashbaord */
    .main-dashboard-carousel .ms1-sub-games-games-wrapper {
        padding: 7px;
    }

    .main-dashboard-carousel .wrapping-image {
        padding: 5px;
    }

    .main-dashboard-carousel .main-sub-games-btn {
        font-size: 14px;
    }

    .ms1-dr-box-right-h1 {
        font-size: 17px;
    }

    .ms1-dashboard-sidebar-play-now {
        padding: 10px 20px;
    }

    .blog-blog-sidebar-items-view-more {
        bottom: -45px;
    }

    .blog-blog-sidebar-info {
        padding-top: 35px;
    }

    .blog-blog-sidebar-items-container {
        height: 550px;
    }

    /* Dashbaord */
}

@media only screen and (max-width: 1024px) {
    /* Dashbaord */



    .main-dashboard-carousel .main-sub-games-btn {
        font-size: 14px;
    }

    .ms1-dr-box {
        flex-direction: column;
    }

    .ms1-dr-box-left {
        width: 100%;
    }

    .ms1-dr-box-right {
        width: 100%;
    }

    .ms1-dashboard-sidebar {
        justify-content: unset;
        height: auto;
    }

    .blog-blog-sidebar-items-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: unset;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 270px;
    }




    .ms1-dashboard-sidebar-item {
        margin: 0;
        max-width: 33%;
        padding: 10px;
    }

    .ms1-dr-box-right-h1 {
        padding-left: 0px !important;
        margin: 0 auto;
    }

    .blog-blog-sidebar-items-view-more {
        bottom: -60px;
    }


    /* Dashbaord */

    /* Blog */
    .blog-blog-sidebar-info {
        align-items: center;
        padding-top: 80px;
    }
    .blog-rounded-box-blog-left {
        padding: 24px 15px;
    }

    .blog-rounded-box-blog-left-container {
        border-radius: 15px;
    }
    .blog-box-blog-content h1 {
        font-size: 35px;
    }

    /* Blog */

    /* I-frame */
    .ms1-dashboard-ifrmae-botm-car {
        width: 70%;
    }

    /* I-frame */
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {

    /* Index  */


    .main-menu-logo-small {
        display: flex;
        padding: 22px 0px;
    }

    .main-menu-burger-container {
        display: block;
    }

    .main-menu-logo-big {
        display: none;
    }

    .main-menu-container {
        display: block;
        visibility: hidden;
        width: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 10;
        height: 100%;
        user-select: none;
        overflow: hidden;
        background: rgb(0 0 0 / 60%);
    }

    .main-menu-container-display-block {
        visibility: visible;
    }

    .main-menu {
        opacity: 0;
        padding: 90px 0px 0px 0px;
        font-size: 16px;
        background: #000;
        max-width: 300px;
        width: 100%;
        margin-right: -200px;
        overflow: hidden;
        height: 100%;
        justify-content: flex-start;
        padding-top: 90px;
        text-align: left;
        transition: 0.3s ease-in-out;
        -webkit-box-shadow: 10px 0px 20px 15px #5effff88;
        box-shadow: 10px 0px 20px 15px #5effff88;
    }

    .main-menu-active {
        opacity: 1;
        margin-right: 0px;
        transition: 0.3s ease-in-out;
    }

    .main-menu-btn a {
        margin: 0px;
        padding: 10px 40px;
        width: 100%;
        text-align: left;
    }

    .main-menu-btn a:hover {
        width: 100%;
        background: #5effff4d;
    }




    .main-menu-btn {
        text-align: center;
        width: 100%;
    }

    .main-menu,
    .main-menu-btn,
    .main-menu-btn {
        flex-direction: column;
    }

    /* Index  */



    /* Dashbaord */

    .sb2-user-profile-container {
        max-width: 100%;
    }

    .sb2-user-profile-drop-down {
        z-index: 12;
    }

    .ms1-dashboard-sidebar-item {
        margin: 0;
        max-width: 50%;
        padding: 10px;
    }

    .sb2-dashboard-container .main-menu {
        padding-top: 120px;
    }


    .blog-blog-sidebar-items-container {

        height: 250px;
    }

    /* Dashbaord */

    /* Account */

    .ms1-account {
        width: 100%;
    }

    /* Account */

    /* Inbox  */
    .inbox-header {
        display: none;
    }

    .item-read::before {
        left: 0px;
        height: 100%;
        width: 2px;
        padding: 1px 0px;
        border: 0;
    }

    .inbox-item {
        flex-wrap: wrap;
        padding: 15px 10px;
    }

    .item-subject {
        order: 3;
        flex: 1 1 100%;
        margin-top: 15px;
        padding-right: 20px;
    }

    .item-status {
        order: 2;
        margin-left: auto;
        flex: 0 0 60px;
    }

    .item-view {
        top: 30%;
        right: 20px;
    }
    .item-date {
        flex: 0 0 165px;
    }

    .inbox-item .item-subject:before {
        content:"Subject: ";
        font-weight: 400;
        font-size: 12px;
        /* color: #5dffff; */
    }
    .inbox-item .item-date:before {
        content:"Date: ";
        font-weight: 400;
        font-size: 12px;
        /* color: #5dffff; */
    }

    #ms1-dr-box-forogot {
        padding-bottom: 0px;
    }
    /* Inbox  */

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {

    /* Index  */


    .footer-sub-index-main-menu a {
        margin: 7px 10px;
    }

    .lr-forms-general {
        width: 95%;
    }

    /* .lr-form-input {
        width: 280px;
    }

    .lr-form-login-reg-allerts {
        max-width: 280px;
    } */

    .lr-form-input-forgot {
        width: 100%;
    }

    /* Index  */


    /* Dashbaord */
    .ms1-dashboard-sidebar-play-now {
        font-size: 14px;
        padding: 7px 15px;
    }

    .main-dashboard-carousel .main-sub-games-btn {
        padding: 7px 15px;
    }

    .blog-blog-sidebar-items-container {

        height: 270px;
    }

    /* Dashbaord */


    /* Iframe */


    .ms1-dashboard-iframe-game-description-game {
        max-width: 50% !important;
    }

    .prj-iframe-game-1 {
        width: 100% !important;
    }

    .ms1-dashboard-iframe-game-description-title {
        max-width: 50%;
    }


    .ms1-dashboard-ifrmae-botm-car {
        width: 100%;
        padding: 0px 30px;
    }



    /* Iframe */


    /* Blog */
    .blog-box-left-pages {
        flex-direction: column;
    }
    .blog-box-left-pages a {
        margin: 5px 0px;
    }
    .blog-box-left-pages-prev {
        align-self: flex-start;
    }
    .blog-box-left-pages-next {
        align-self: flex-end;
    }

    /* Blog */
}

@media only screen and (max-width: 550px) {

    /* Dashbaord */
    .ms1-dashboard-sidebar-play-now {
        text-align: center;

    }

    .main-dashboard-carousel .main-sub-games-btn {
        font-size: 16px;
    }

    .ms1-dashboard-sidebar-item {
        max-width: 50%;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
    }

    .ms1-dashboard-sidebar-item-titles {
        flex: unset;
        margin-top: 10px;
        margin-left: 0px;
        width: 100%;
    }

    .ms1-dashboard-sidebar {
        justify-content: center;
    }
    .blog-blog-sidebar-items-container {

        height: 450px;
    }
    /* Dashbaord */

    /* Iframe */

    .ms1-dashboard-iframe-game-description {
        flex-direction: column;
    }

    .ms1-dashboard-iframe-game-description-game {

        margin: 0 auto;
    }

    .ms1-dashboard-iframe-game-description-title {
        max-width: 100%;
        padding-left: 0;
    }

    .ms1-dashboard-iframe-game-description-title h1 {
        display: table;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    /* Iframe */

    /* Account */

    .ms1-account {
        padding: 20px;
    }

    .ms1-account-button-name-left-span-pass {
        bottom: -20px !important;
        max-width: 100px;
    }

    .main-account-change-name-padd h1,
    .lr-form-forgot-pass h1  {
        font-size: 20px;
    }

    /* Account */

    /* Blog  */
    .blog-box-left-date-cat-post {
        flex-direction: column;

    }

    .blog-box-left-post {
        padding-top: 10px;
    }

    .blog-box-left-date-cat-post a:hover {
        color: #fff;
    }

    .blog-box-left-cat:hover,
    .blog-box-left-post-by:hover {
        color: #fff;
    }

    /* Blog  */

    /* Blog - Main */
    .blog-box-main-bottom-box {
        flex-direction: column;
    }

    .blog-box-main-item-left-box {
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 10px 0px;
    }
    .blog-box-main-item-left-box a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .blog-box-main-item-left-box img {
        width: 70%;
    }

    .blog-box-main-item-right-box {
        width: 100%;
        padding: 10px 0px;
    }

    /* Blog - Main */

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 450px) {

    /* Index  */
    /* .ms1-sub-games-featured_games {
        max-width: 100%;
    } */

    .main-menu {
        max-width: 200px;
    }


    /* Index  */


    /* Dashbaord */

    .main-dashboard-carousel .main-sub-games-btn {
        font-size: 14px;
    }

    .ms1-dashboard-games-grid-tab-pane-content-flex .main-sub-games-btn {
        padding: 7px 14px;
        font-size: 18px;
    }
    .blog-blog-sidebar-items-container {

        height: 465px;
    }
    /* Dashbaord */

    /* Iframe */
    .ms1-dashboard-iframe-game-description-game {
        max-width: 70% !important;
        margin: 0 auto;
    }

    /* Iframe */


}

.guest-form-wrap {
    display: flex;
}

.guest-form-wrap .guest-form-left {
    width: 50%;
    text-align: center;
}

.guest-form-wrap .guest-form-right {
    width: 50%;
    padding: 15px 70px;
    color: #fff;
}

.guest-form-wrap .guest-form-right .lr-form-input {
    max-width: 100%;
    width: 100%;
}

.guest-form-wrap .guest-form-copy {
    padding: 20px 20px;
    color: #fff;
}

.guest-form-wrap .guest-form-left h3 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

.guest-form-wrap .guest-form-left h2 {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    padding: 15px 0;
}

.guest-form-wrap .guest-form-left h2 strong {
    font-weight: 900;
    color: #ebc21d;
    background: -webkit-linear-gradient(#ebc21d, #f9f473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.guest-form-wrap .guest-form-left p {
    font-size: 16px;
    line-height: 1.4;
}

.form-checkboxes {
    padding: 15px 10px;
    color: #9e9e9e;
    font-size: 14px;
    line-height: 1.4;
}



@media screen and (max-width: 1024px) {
    .lr-forms-general.lr-guest-register {
        max-width: calc(100% - 40px);
    }

    .guest-form-wrap .guest-form-right {
        padding: 15px 25px;
    }
}

@media screen and (max-width: 768px) {
    .guest-form-wrap {
        flex-direction: column;
    }

    .guest-form-wrap .guest-form-left {
        position: relative;
        width: 100%;
    }

    .guest-form-wrap .guest-form-right {
        width: 100%;
    }

    .guest-form-wrap .guest-form-left .guest-register-bg {
        position: absolute;
        z-index: 0;
        left: 0;
        width: 100%;
        opacity: 0.1;
    }
    .guest-form-wrap .guest-form-copy {
        position: relative
    }

    .guest-form-wrap .guest-form-right {
        padding: 0 15px 30px 15px
    }
}

.single-task-head {
    background: #333333;
    color: #fff;
}

.single-task-head .single-task-img {
    object-fit: cover;
}

.single-task-head .single-task-copy {
    text-align: center;
    padding: 20px 20px;
}

.single-task-head .single-task-copy h2 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 20px;
}

.single-task-head .single-task-copy p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
}

.single-task-head .single-task-copy h3.reward-no {
    font-size: 64px;
    font-weight: 700;
    color: #ebc21d;
    background: -webkit-linear-gradient(#ebc21d, #f9f473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-26 {
    font-size: 26px;
}

.lr-form-login-fields-area form.profile-form-cols {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.lr-form-login-fields-area form.profile-form-cols .row {
    width: 100%;
}

.lr-form-login-fields-area .profile-form-cols .lr-form-inputs-span {
    display: block
}

.lr-form-login-fields-area .profile-form-cols .lr-form-input {
    width: 100%;
    max-width: 100%;
}

.date-input input {
    padding-right: 15px;
}

@media screen and (max-width:992px) {
    .single-task-head .single-task-img {
        text-align: center
    }

    .lr-form-login-fields-area .profile-form-cols form.profile-form-cols {
        max-width: 100%;
        width: 100%;
    }
}

.earn-coins-wrap {
    background: rgba(0,0,0,0.5);
    padding: 10px 20px;
}

.earn-coins-wrap > h2 {
    background: -webkit-linear-gradient(#f9f473, #ebc21d);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5;
    padding: 5px 0px 0px 0px;
    font-size: 20px;
    font-weight: 500;
}

.ec-box {
    border-radius: 6px;
    color: #cecece;
    background: #212121;
}

.ec-box .ec-box-img img {
    height: 110px;
    object-fit: cover;
    width: 100%;
}

.ec-box .ec-box-content {
    padding: 15px;
}

.ec-box h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0 5px 0;
}

.ec-box p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.ec-box .ec-box-meta {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 5px 0;
    align-items: center;
}

.ec-box .ec-box-meta .coin-reward {
    background: -webkit-linear-gradient(#f9f473, #ebc21d);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 600;
}

.fslots-btn {
    width: 100%;
    border-radius: 10px;
    color: #fff;
    padding: 9px 13px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 1;
    background: rgb(241, 162, 249);
    background: linear-gradient(180deg, rgba(241, 162, 249, 1) 0%, rgba(187, 72, 199, 1) 100%);
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

.fslots-btn:hover {
    color: #fff;
    transition: 0.3s ease-in-out;
}


.fslots-btn::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(241, 162, 249);
    background: linear-gradient(0deg, rgba(241, 162, 249, 1) 0%, rgba(187, 72, 199, 1) 100%);
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
    opacity: 0;
}

.fslots-btn:hover::after {
    opacity: 1;
}

.static-page-wrap {  
	background: rgba(0,0,0,0.5);
	border-radius: 15px;
	color: #cecece;
}

.static-page-heading {
	background: rgba(0,0,0,0.25);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.static-page-wrap .static-page-heading h1 {
	  background: -webkit-linear-gradient(#f9f473, #ebc21d);
		background-clip: border-box;
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  line-height: 1.5;
	  padding: 5px 0px 5px 20px;
	  max-height: 50px;
	  height: 50px;
	  font-size: 26px;
	  font-weight: 600;
}

.static-page-wrap .static-page-content {
	padding: 20px;
}

.static-page-wrap .static-page-content p {
	font-size: 16px;
	line-height: 1.67;
	margin-bottom: 15px;
}

.static-page-wrap .static-page-content h1, .static-page-wrap .static-page-content h2, .static-page-wrap .static-page-content h3, .static-page-wrap .static-page-content h4, .static-page-wrap .static-page-content h5, .static-page-wrap .static-page-content h6 {
	margin-bottom: 10px;
	line-height: 1.5;
	color: #fff;
}

.static-page-wrap .static-page-content h1 {
	font-size: 42px;
}

.static-page-wrap .static-page-content h2 {
	font-size: 36px;
}

.static-page-wrap .static-page-content h3 {
	font-size: 30px;
}

.static-page-wrap .static-page-content h4 {
	font-size: 22px;
}

.static-page-wrap .static-page-content h5 {
	font-size: 19px;
}

.static-page-wrap .static-page-content strong {
	font-weight: 600;
	color: #F5F5F5
}

.static-page-wrap .static-page-content ol {
	list-style: decimal;
	margin-left: 20px;
	margin-bottom: 20px;
}

.static-page-wrap .static-page-content ol li {
	line-height: 1.67;
	font-size: 16px;
}

.static-page-wrap .static-page-content ul {
	list-style: circle;
	margin-left: 20px;
	margin-bottom: 20px;
}

.static-page-wrap .static-page-content ul li {
	line-height: 1.67;
	font-size: 16px;
}

.static-page-wrap .static-page-content ol.alpha {
	list-style: upper-alpha;
}

.static-page-wrap a {
	color: #fff;
}

.static-page-wrap a:hover {
	text-decoration: underline;
}

.static-page-wrap table {
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.2);
	width: 100%;
	margin-bottom: 15px;
}

.static-page-wrap table td {
	border-right: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 10px 15px;
}


.static-page-wrap table td:last-child {
	border-right: none;
}


.static-page-wrap table tr:last-child td {
	border-bottom: none;
}

.static-page-wrap table td p {
	margin: 0 !important;
	padding: 0;
}


.fs-faq-wrap .accordion-item {
	background: rgba(255,255,255,0.02);
	border-color: rgba(255,255,255,0.15)
}
.fs-faq-wrap .accordion-button {
	background: rgba(255,255,255,0.05);
	color: #fff;
	font-size: 21px;
}

.fs-faq-wrap .accordion-button:after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}

.fs-faq-wrap .accordion-header {
	margin-bottom: 0 !important;
}

.fs-faq-wrap .accordion-button:focus {
	border-color: #ececec;
	box-shadow: 0 0 6px 0 rgba(255,255,255,.3)
}

.fs-faq-wrap .accordion-body {
	line-height: 1.67;
	padding: 20px 18px;
}