body {
    background-image: url('../images/bg.jpg'), url('../images/repeat-bg.jpg');
    background-position: 50% 0px, 0px 0px;
    background-size: auto, 184px;
    background-repeat: no-repeat, repeat;
    font-family: Ebrima, sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .8), 0 -1px 1px rgba(0, 0, 0, .5);
}

@font-face {
    font-family: 'Metallophilesp8 webfont';
    src: url('../fonts/metallophilesp8-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ebrima';
    src: url('../fonts/ebrima.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ebrimabd';
    src: url('../fonts/ebrimabd.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

a {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #ca7e38;
    text-decoration: none;
}

a:hover {
    color: #db995c;
}

.body {
    background-size: auto, 184px;
}

.container-hero {
    display: block;
    width: 960px;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
}

.membership-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    float: right;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-image: -webkit-linear-gradient(270deg, #1a1515, #0f0c0c);
    background-image: linear-gradient(180deg, #1a1515, #0f0c0c);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .44);
}

.header {
    position: relative;
    height: 430px;
    clear: both;
}

.mb-left {
    width: 78%;
    padding-top: 10px;
    padding-left: 15px;
    color: #3f3a3a;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(0, 0, 0, .7);
}

.mb-left.lesspadding {
    padding-top: 5px;
    padding-left: 5px;
}

.mb-right {
    width: 22%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: -webkit-linear-gradient(270deg, #3a1c18, #1d1311);
    background-image: linear-gradient(180deg, #3a1c18, #1d1311);
}

.text-span {
    color: #634e38;
    text-decoration: none;
}

.text-span:hover {
    color: #81684d;
}

.text-span-2 {
    color: #645f50;
    text-decoration: none;
}

.text-span-2:hover {
    color: #817960;
}

.flag {
    width: 22px;
    height: 15px;
}

.flag.en {
    position: absolute;
    top: 14px;
    background-image: url('../images/flag-2.jpg');
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.flag.ger {
    position: absolute;
    top: 14px;
    background-image: url('../images/flag-1.jpg');
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
}

.flag.ar {
    position: absolute;
    top: 14px;
    background-image: url('../images/flag-1.jpg');
    background-position: 50% 0px;
    background-size: auto;
    background-repeat: no-repeat;
}

.dropdown {
    width: 89px;
    height: 42px;
}

.dropdown-toggle {
    width: 89px;
    height: 42px;
}

.icon {
    color: #18130e;
    font-size: 15px;
    text-shadow: 0 1px 0 rgba(134, 116, 97, .26);
}

.dropdown-list {
    background-color: #000;
}

.dropdown-list.w--open {
    background-color: #20130f;
}

.dropdown-link {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    color: #6e5237;
}

.dropdown-link:hover {
    color: #be9976;
}

.nav-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    margin-top: 80px;
    background-image: url('../images/nav-bar.png');
    background-position: 50% 0px;
    background-size: auto;
    background-repeat: no-repeat;
    box-shadow: 0 0 19px 0 rgba(0, 0, 0, .73);
    text-shadow: 0 0 10px rgba(0, 0, 0, .7);
}

.nav-left {
    width: 50%;
    text-transform: uppercase;
}

.nav-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-transform: uppercase;
}

.logo {
    position: absolute;
    left: 268px;
    top: -20px;
    width: 417px;
    height: 116px;
    background-image: url('../images/brand.png');
    background-position: 50% 0px;
    background-size: auto;
    background-repeat: no-repeat;
}

.nav-link {
    display: inline-block;
    height: 72px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .53);
    font-family: Ebrimabd, sans-serif;
    color: #e7b961;
    font-size: 13px;
    line-height: 72px;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
}

.nav-link:hover {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .53);
}

.nav-link.home {
    width: 118px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition: box-shadow 350ms ease;
    transition: box-shadow 350ms ease;
}

.nav-link.home:hover {
    background-image: url('../images/nav-bar-h.png');
    background-position: 0px 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.nav-link.server {
    width: 123px;
    padding: 0px 26px 0px 9px;
    -webkit-transition: box-shadow 350ms ease;
    transition: box-shadow 350ms ease;
    font-family: Ebrimabd, sans-serif;
}

.nav-link.server:hover {
    background-image: url('../images/nav-bar-h.png');
    background-position: -118px 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.nav-link.forum {
    width: 125px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition: box-shadow 350ms ease;
    transition: box-shadow 350ms ease;
}

.nav-link.forum:hover {
    background-image: url('../images/nav-bar-h.png');
    background-position: -702px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.nav-link.account {
    width: 133px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.nav-link.account:hover {
    background-image: url('../images/nav-bar-h.png');
    background-position: 100% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-content {
    border-radius: 5px;
}

.hero-top {
    height: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: url('../images/top-cont.jpg');
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-page-repeat {
    background-image: url('../images/cont-repeat.jpg');
    background-position: 50% 50%;
    background-size: auto;
}

.hero-bottom {
    height: 40px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: url('../images/bottom-cont.jpg');
    background-position: 50% 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-page-head {
    background-image: url('../images/top-cont-2.jpg');
    background-position: 50% 0px;
    background-size: auto;
    background-repeat: no-repeat;
}

.hero-page-foot {
    background-image: url('../images/bottom-cont-2.jpg');
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
}

.page-content {
    min-height: 759px;
    padding-right: 9px;
    padding-left: 4px;
}

.dl-btn {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 247px;
    height: 63px;
    background-image: url('../images/btn-dl.png');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    font-family: Ebrimabd, sans-serif;
    color: #f5bf60;
    font-size: 18px;
    line-height: 2.7em;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.dl-btn:hover {
    background-image: url('../images/btn-dl.png');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-filter: brightness(129%);
    filter: brightness(129%);
}

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

.flex-c-col-1 {
    width: 668px;
}

.flex-c-col-2 {
    width: 270px;
    margin-left: 9px;
}

.slider {
    width: 668px;
    height: 285px;
    border: 1px solid #583703;
    background-color: transparent;
}

.caption {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 56px;
    padding-top: 8px;
    padding-left: 15px;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    color: #fff;
}

.slide-nav {
    display: none;
}

.slide-title {
    font-family: Ebrimabd, sans-serif;
    color: #eb781b;
    font-size: 16px;
}

.sdb-title-block {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 12px;
    padding-left: 12px;
    background-image: url('../images/sdb-title-underline.png');
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
}

.sdb-title-text {
    font-family: Ebrimabd, sans-serif;
    color: #cc9d4b;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.trailer-box {
    position: relative;
    height: 174px;
    border: 1px solid #583703;
    border-radius: 5px;
    background-image: url('../images/trailer-bg.jpg');
    background-position: 50% 0px;
    background-size: cover;
}

.play-video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 49px;
    height: 53px;
    border-radius: 60%;
    background-image: url('../images/play-video.png');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px 0 #deb357;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

.play-video:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.17);
    -ms-transform: translate(-50%, -50%) scale(1.17);
    transform: translate(-50%, -50%) scale(1.17);
}

.create-account-btn {
    width: 100%;
    height: 64px;
    margin-top: 5px;
    padding-top: 14px;
    background-image: url('../images/account-btn.png');
    background-position: 50% 0px;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.create-account-btn:hover {
    -webkit-filter: brightness(129%);
    filter: brightness(129%);
    color: #fff;
}

.text-block-2 {
    margin-bottom: 2px;
    font-family: Ebrimabd, sans-serif;
    color: #f6bb1d;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.sdb-box-item {
    margin-top: 10px;
    padding-top: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(88, 55, 3, .25);
    border-radius: 5px;
    background-color: rgba(22, 14, 9, .4);
    box-shadow: inset 0 0 25px 2px rgba(37, 23, 13, .42), inset 0 -1px 38px 12px rgba(28, 18, 11, .7);
}

.sbi-inner-cont {
    padding-bottom: 16px;
}

.sdb-ct-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url('../images/sdb-ct-col-sep.png');
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #77634c;
}

.sdb-ct-line.nobg {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
}

.sdb-ct-col {
    width: 33.33%;
    text-align: center;
}

.sdb-ct-col.abot {
    width: 15%;
    padding-right: 13px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.text-block-3 {
    margin-top: 5px;
    margin-bottom: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
    padding-left: 12px;
    background-image: url('../images/sdb-ct-col-sep.png');
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #cc9d4b;
    font-size: 12px;
}

.sdb-ct-col-90 {
    width: 85%;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
}

.jauge-box {
    position: relative;
    height: 8px;
    border-radius: 5px;
    background-color: rgba(17, 13, 8, .5);
    box-shadow: inset -2px 0 0 0 rgba(37, 26, 15, .67);
}

.progress {
	max-width : 100%;
    width: 50%;
    height: 8px;
    border-radius: 5px;
    background-color: #77634c;
}

.div-block {
    padding-left: 12px;
    color: #77634c;
}

.news-content {
    margin-top: 10px;
    padding-top: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(88, 55, 3, .25);
    border-radius: 5px;
    background-color: rgba(22, 14, 9, .4);
    box-shadow: inset 0 0 25px 2px rgba(37, 23, 13, .42), inset 0 -1px 38px 12px rgba(28, 18, 11, .7);
}

.latest-news-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 12px;
    padding-left: 12px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url('../images/news-separator.png');
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
}

.news-inner-cont {
    padding-right: 15px;
    padding-bottom: 16px;
    padding-left: 15px;
    background-image: url('../images/news-divide.png');
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #867460;
}

.flash-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin-top: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(88, 55, 3, .19);
    border-radius: 4px;
    background-color: rgba(52, 11, 3, .4);
    box-shadow: inset 0 0 11px 0 rgba(114, 34, 16, .23), inset 0 0 31px 0 rgba(53, 38, 27, .17), 0 0 10px 0 rgba(0, 0, 0, .49);
}

.flash-box-col-1 {
    width: 6%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-right: 1px solid #080606;
    line-height: 40px;
    text-align: center;
}

.flash-box-col-2 {
    width: 94%;
    border-left: 1px solid #38130a;
}

.text-block-4 {
    font-family: Ebrimabd, sans-serif;
    color: #d2b140;
    font-size: 24px;
    font-weight: 700;
    text-shadow: 0 0 25px rgba(173, 93, 39, .81);
}

.text-block-5 {
    padding-right: 15px;
    padding-left: 15px;
    color: #8a7a5d;
    font-size: 11px;
    line-height: 40px;
}

.first-news-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.news-flex-col-1 {
    width: 35%;
}

.news-flex-col-2 {
    width: 70%;
    padding-left: 10px;
    font-weight: 400;
}

.news-image {
    width: 208px;
    height: 129px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1px rgba(90, 50, 19, .5);
}

.news-header {
    margin-bottom: 10px;
    font-weight: 600;
}

.news-title {
    color: #e0ae60;
    font-weight: 600;
    text-shadow: 0 0 2px rgba(0, 0, 0, .75);
}

.news-metas {
    margin-top: 10px;
    color: #685540;
    font-size: 11px;
}


.gold {
    font-family: Ebrimabd, sans-serif;
    color: #f69d2a;
}

.gold.inline-block {
    display: inline-block;
    padding-top: 0px;
    padding-left: 3px;
}

.archived-news {
    padding-right: 10px;
    color: #867460;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

.read-more {
    padding: 3px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(218, 173, 95, .04);
    border-radius: 2px;
    background-color: rgba(40, 27, 16, .47);
    box-shadow: inset 0 0 18px 0 rgba(110, 95, 73, .13), inset 0 1px 0 0 rgba(54, 38, 25, .67);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    color: #857058;
    font-size: 10px;
    font-weight: 700;
}

.read-more:hover {
    background-color: rgba(40, 27, 16, .77);
}

.read-more._100percent {
    width: 100%;
    text-align: center;
}

.news-flex-2-col {
    width: 33.33%;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    border-right: 1px solid #000;
}

.news-flex-2-col.left-border {
    border-left: 1px solid #251910;
}

.news-flex-2-col.left-border.noborder {
    border-right-style: none;
}

.news-flex-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding-top: 8px;
    background-color: transparent;
}

.top-item-sales {
    margin-top: 10px;
    padding-top: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(88, 55, 3, .25);
    border-radius: 5px;
    background-color: rgba(22, 14, 9, .4);
    box-shadow: inset 0 0 25px 2px rgba(37, 23, 13, .42), inset 0 -1px 38px 12px rgba(28, 18, 11, .7);
}

.multi-slide {
    height: 100px;
    background-color: transparent;
}

.slide-item {
    width: 33.33%;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.right-arrow {
    display: block;
    width: 50px;
}

.left-arrow {
    width: 50px;
}

.mask {
    margin-top: 17px;
    margin-right: 50px;
    margin-left: 65px;
    padding-top: 33px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.top-sales-item-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ts-col-1 {
    width: 20%;
    margin-right: 6px;
}

.ts-col-2 {
    width: 80%;
}

.item-name {
    color: #cba567;
    font-weight: 600;
    text-decoration: none;
}

.item-name.w--current {
    text-decoration: none;
}

.item-small-desc {
    color: #675845;
    font-size: 12px;
    font-weight: 600;
}

.slide-nav-2 {
    display: none;
}

.icon-2 {
    color: #462a18;
    font-size: 25px;
    font-weight: 700;
}

.footer {
    min-height: 200px;
    background-image: url('../images/footer-separator.png');
    background-position: 50% 0px;
    background-size: auto;
    background-repeat: no-repeat;
}

.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
}

.revo-col-50 {
    width: 50%;
    color: #63584b;
    font-size: 12px;
    font-weight: 600;
}

.revo-col-50.align-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.image-2 {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}

.foot-nav-link {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    color: #dfa03d;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

.foot-nav-link:hover {
    color: #ffc467;
}

.paragraph {
    margin-top: 20px;
}

.gold-2 {
    font-family: Ebrimabd, sans-serif;
    color: #dfa03d;
    text-decoration: none;
}

.right-arrow-2 {
    display: none;
}

.image-3 {
    border-radius: 2px;
    box-shadow: 0 0 0 2px #5a4725;
}

.on-connected-top-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.tb-small-avatar {
    width: 32px;
    border-radius: 5px;
}

.image-4 {
    box-shadow: 0 0 0 1px rgba(128, 76, 35, .64);
}

.div-block-2 {
    width: 85%;
    padding-bottom: 0px;
    padding-left: 10px;
    font-size: 12px;
}

.text-block-6 {
    margin-top: -4px;
    margin-bottom: -3px;
    color: #645f50;
}

.image-5 {
    display: inline-block;
    padding-bottom: 2px;
}

.user-name {
    color: #d2b140;
}

.r-icon-3 {
    margin-right: 20px;
}

.dd-mv {
    margin-left: -4px;
    margin-top: -2px;
}

.nav-link-dd-list {
    border: 1px solid #32251a;
    border-radius: 5px;
    background-color: #1f150e;
    background-image: url('../images/stone-bg.jpg');
    background-position: 0px 0px;
    background-size: auto;
    box-shadow: inset 0 0 20px 0 hsla(0, 0%, 100%, .05), inset 0 0 15px 0 rgba(0, 0, 0, .7);
}

.nav-link-dd-list.w--open {
    padding: 0px;
    border-style: none solid solid;
    border-width: 1px;
    border-color: #32251a;
    border-radius: 5px;
    background-color: #1f150e;
    box-shadow: inset 0 0 20px 5px hsla(0, 0%, 100%, .05), inset 0 0 15px 3px rgba(0, 0, 0, .7);
    color: #624f3a;
    font-weight: 100;
}

.dd-link {
    display: block;
    padding: 5px 15px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    color: #624f3a;
    font-size: 12px;
    line-height: 30px;
}

.dd-link:hover {
    background-color: rgba(102, 66, 38, .18);
    color: #b38859;
}

.nav-link-dd {
    display: inline-block;
    height: 72px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .53);
    font-family: Ebrimabd, sans-serif;
    color: #e7b961;
    font-size: 13px;
    line-height: 72px;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
}

.nav-link-dd:hover {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .53);
}

.nav-link-dd.home {
    width: 118px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition: box-shadow 350ms ease;
    transition: box-shadow 350ms ease;
}

.nav-link-dd.home:hover {
    background-image: url('../images/nav-bar-h.png');
    background-position: 0px 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.nav-link-dd.server {
    width: 123px;
    padding: 0px 26px 0px 9px;
    -webkit-transition: box-shadow 350ms ease;
    transition: box-shadow 350ms ease;
    font-family: Ebrimabd, sans-serif;
}

.nav-link-dd.server:hover {
    background-image: url('../images/nav-bar-h.png');
    background-position: -118px 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.nav-link-dd.forum {
    width: 125px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition: box-shadow 350ms ease;
    transition: box-shadow 350ms ease;
}

.nav-link-dd.forum:hover {
    background-image: url('../images/nav-bar-h.png');
    background-position: -702px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.nav-link-dd.account {
    width: 133px;
    padding-right: 15px;
    padding-left: 15px;
}

.nav-link-dd.account:hover {
    background-image: url('../images/nav-bar-h.png');
    background-position: 100% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-title-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 12px;
    padding-left: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: url('../images/page-title-separator.png');
    background-position: 50% 100%;
    background-size: auto;
    background-repeat: no-repeat;
}

.page-title-name {
    font-family: Ebrimabd, sans-serif;
    color: #cc9d4b;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page-section-box {
    margin-top: 50px;
    margin-right: 50px;
    margin-left: 50px;
}

.account-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 203px;
    padding: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(218, 147, 95, .08);
    border-radius: 3px;
    background-color: rgba(23, 16, 11, .55);
    background-image: -webkit-radial-gradient(circle farthest-corner at 50% 50%, transparent, hsla(0, 0%, 100%, .02));
    background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, hsla(0, 0%, 100%, .02));
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75), inset 0 0 49px 0 rgba(63, 37, 27, .26), inset 0 0 0 1px rgba(46, 29, 12, .16), inset 0 1px 0 0 rgba(59, 55, 55, .5);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.account-info-col-1 {
    width: 20%;
    padding-top: 7px;
    text-align: center;
}

.account-info-col-2 {
    width: 50%;
    border-left: 1px solid hsla(0, 0%, 100%, .02);
    background-image: url('../images/acc_dark_left_bg.png');
    background-position: 0px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.account-info-col-3 {
    width: 30%;
    border-left: 1px solid hsla(0, 0%, 100%, .02);
    background-image: -webkit-radial-gradient(circle farthest-side at -52% 55%, #000, hsla(0, 0%, 100%, 0) 45%);
    background-image: radial-gradient(circle farthest-side at -52% 55%, #000, hsla(0, 0%, 100%, 0) 45%);
}

.link {
    display: inline-block;
    margin-top: 9px;
    color: #83663e;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.link:hover {
    color: #997d55;
}

.profile-avatar {
    box-shadow: 0 0 0 1px rgba(144, 83, 42, .5);
}

.account-ct-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #77634c;
}

.account-ct-line.nobg {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
}

.account-ct-line.more-padding {
    padding-left: 20px;
}

.account-ct-col {
    width: 33.33%;
    text-align: center;
}

.account-ct-col.abot {
    width: 15%;
    padding-right: 13px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.account-ct-col.align-left {
    margin-right: 10px;
    padding-right: 0px;
    text-align: left;
}

.green-color {
    color: #57cc4b;
}

.dev-color {
    color: #ff7612;
}

.highlight-color {
    color: #9b856c;
}

.account-info-box-2 {
    min-height: 203px;
    margin-top: 38px;
    padding: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(218, 147, 95, .08);
    border-radius: 3px;
    background-color: rgba(23, 16, 11, .3);
    background-image: -webkit-radial-gradient(circle farthest-side at 54% -89%, hsla(26, 69%, 68%, .11), transparent);
    background-image: radial-gradient(circle farthest-side at 54% -89%, hsla(26, 69%, 68%, .11), transparent);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75), inset 0 0 49px 0 rgba(63, 37, 27, .26), inset 0 0 0 1px rgba(46, 29, 12, .16), inset 0 1px 0 0 rgba(59, 55, 55, .5);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.account-btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.account-big-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 48%;
    height: 55px;
    margin-top: 8px;
    margin-left: 1%;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(36, 25, 17, .63);
    border-radius: 5px;
    background-color: rgba(11, 7, 4, .45);
    text-decoration: none;
}

.account-big-btn:hover {
    border-color: rgba(58, 45, 35, .61);
    background-image: -webkit-linear-gradient(270deg, rgba(114, 81, 55, .26), rgba(114, 81, 55, .26));
    background-image: linear-gradient(180deg, rgba(114, 81, 55, .26), rgba(114, 81, 55, .26));
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .23);
}

.account-icon-btn {
    position: absolute;
    width: 34px;
    height: 34px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.div-block-3 {
    width: 89%;
    padding-left: 9px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.account-btn-icon {
    position: relative;
    width: 34px;
    height: 34px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: 0 0 0 1px #332413;
    -webkit-filter: brightness(114%) contrast(114%);
    filter: brightness(114%) contrast(114%);
}

.icon-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    box-shadow: inset 0 0 22px 0 #000;
}

.big-btn-name {
    font-family: Ebrimabd, sans-serif;
    color: #91856d;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.big-btn-name.admin-color {
    color: #c51616;
}

.big-btn-desc {
    padding-right: 5px;
    color: #555145;
}

.character-activity {
    min-height: 200px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #0c0501;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .05);
}

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

.revo-flex-col-1 {
    width: 50%;
}

.revo-custom-table {
    padding-right: 10px;
    padding-left: 10px;
}

.revo-custom-table.left-border {
    border-left: 1px solid rgba(42, 23, 11, .86);
    box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, .73);
}

.revo-custom-table.left-border.nolfborder {
    border-left-style: none;
    box-shadow: none;
}

.revo-ct-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #77634c;
}

.revo-ct-line.nobg {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
}

.revo-ct-header-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(5, 1, 0, .61);
    box-shadow: inset 0 -1px 0 0 hsla(22, 42%, 75%, .04);
    font-family: Ebrimabd, sans-serif;
    color: #8a684f;
    font-weight: 700;
}

.revo-ct-header-1.nobg {
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
    background-repeat: repeat;
}

.revo-ct-col {
    width: 33.33%;
    text-align: center;
}

.red-color {
    color: #ad3221;
}

.align-center {
    font-family: Ebrimabd, sans-serif;
    color: #cc9d4b;
    text-align: center;
    text-transform: uppercase;
}

.blocked-account-box {
    margin-top: 35px;
    padding-top: 20px;
    border-top: 1px solid rgba(42, 23, 11, .86);
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .73);
}

.page-box {
    min-height: 203px;
    margin-top: 38px;
    padding: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(218, 147, 95, .08);
    border-radius: 3px;
    background-color: rgba(23, 16, 11, .5);
    background-image: none;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .75), inset 0 0 49px 0 rgba(63, 37, 27, .26), inset 0 0 0 1px rgba(46, 29, 12, .16), inset 0 1px 0 0 rgba(59, 55, 55, .5);
    color: #756b50;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.tabs-menu {
    margin-bottom: 20px;
    padding: 0px;
    background-image: -webkit-linear-gradient(180deg, rgba(9, 29, 34, .43), hsla(0, 0%, 100%, 0)), -webkit-linear-gradient(0deg, rgba(82, 33, 10, .43), rgba(199, 93, 51, 0)), -webkit-linear-gradient(270deg, rgba(224, 100, 42, .04), rgba(224, 100, 42, .04)), -webkit-linear-gradient(270deg, rgba(104, 87, 61, .11), transparent 95%, rgba(128, 80, 30, .19));
    background-image: linear-gradient(270deg, rgba(9, 29, 34, .43), hsla(0, 0%, 100%, 0)), linear-gradient(90deg, rgba(82, 33, 10, .43), rgba(199, 93, 51, 0)), linear-gradient(180deg, rgba(224, 100, 42, .04), rgba(224, 100, 42, .04)), linear-gradient(180deg, rgba(104, 87, 61, .11), transparent 95%, rgba(128, 80, 30, .19));
    box-shadow: inset 0 0 8px 0 rgba(202, 150, 56, .05), inset 0 1px 0 0 rgba(155, 122, 72, .07), 0 0 6px 0 rgba(0, 0, 0, .38), inset 0 0 17px 0 rgba(212, 148, 35, .03);
}

.tab-link {
    padding: 25px 27px;
    border-left: 1px solid #000;
    background-color: transparent;
    box-shadow: inset 1px 0 0 0 hsla(0, 0%, 100%, .07);
    color: #b18d41;
    text-shadow: 0 0 9px rgba(0, 0, 0, .68);
}

.tab-link.w--current {
    background-color: rgba(68, 49, 26, .2);
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
    box-shadow: inset 0 0 12px 0 rgba(129, 95, 58, .37);
    -webkit-filter: saturate(200%) brightness(124%);
    filter: saturate(200%) brightness(124%);
}

.tab-link.charge {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(148, 116, 32, .12);
    background-color: rgba(122, 62, 28, .23);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .59);
    color: #ffce34;
}

.tab-link.other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(148, 116, 32, .12);
    background-color: rgba(122, 62, 28, .23);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .59);
    color: #ffce34;
}

.welcome-shop {
    border: 1px solid #302311;
    background-image: -webkit-repeating-radial-gradient(circle farthest-side at 50% 50%, rgba(119, 79, 36, .19), transparent);
    background-image: repeating-radial-gradient(circle farthest-side at 50% 50%, rgba(119, 79, 36, .19), transparent);
    box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, .62);
    font-family: Ebrima, sans-serif;
    font-size: 29px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
}

.r-shop-item-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.r-shop-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32.6%;
    min-height: 200px;
    margin-top: 5px;
    margin-left: 5px;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #382e1d;
    background-image: -webkit-linear-gradient(270deg, rgba(39, 29, 21, .5), rgba(39, 29, 21, .5));
    background-image: linear-gradient(180deg, rgba(39, 29, 21, .5), rgba(39, 29, 21, .5));
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .46);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #725d50;
}

.r-shop-item-name {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Ebrimabd, sans-serif;
    color: #ac8e68;
    font-size: 14px;
    font-weight: 700;
}

.primary-btn {
    margin-top: 10px;
    border-radius: 3px;
    background-color: #291d13;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .29), hsla(0, 0%, 100%, .03));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .29), hsla(0, 0%, 100%, .03));
    box-shadow: inset 0 3px 6px 0 rgba(65, 47, 31, .5), inset 0 -4px 9px 0 rgba(65, 47, 31, .5);
    color: #81714f;
}

.primary-btn:hover {
    background-color: #3f2e20;
    box-shadow: inset 0 3px 6px 0 rgba(65, 47, 31, .5), inset 0 -4px 9px 0 rgba(65, 47, 31, .5), 0 0 19px 0 rgba(0, 0, 0, .55);
    color: #aa8e54;
}

.text-block-7 {
    margin-top: 3px;
}

.html-embed {
    text-shadow: 0 0 4px rgba(0, 0, 0, .8), 0 -1px 1px rgba(0, 0, 0, .5);
}

.html-embed-copy {
    text-shadow: 0 0 4px rgba(0, 0, 0, .8), 0 -1px 1px rgba(0, 0, 0, .5);
}

.flash-promo {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(133, 115, 56, .57);
    border-radius: 3px;
    background-color: rgba(34, 24, 8, .56);
    box-shadow: none;
    color: #b69e52;
}

.flash-promo-highlight-border {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    box-shadow: 0 0 15px 0 rgba(255, 217, 66, .6);
}

.text-block-8 {
    position: relative;
    z-index: 5;
}

.pagination-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-count {
    width: 50%;
    height: 33px;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid #20170d;
    border-radius: 4px;
    box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, .71);
    line-height: 33px;
    text-align: center;
}

.right-nav {
    width: 20px;
    height: 33px;
    background-image: url('../images/right-arrow.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.right-nav:hover {
    -webkit-filter: saturate(200%) hue-rotate(0deg);
    filter: saturate(200%) hue-rotate(0deg);
}

.left-nav {
    width: 20px;
    height: 33px;
    background-image: url('../images/left-arrow.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.left-nav:hover {
    -webkit-filter: saturate(200%) hue-rotate(0deg);
    filter: saturate(200%) hue-rotate(0deg);
}

.testtooltip {
    position: absolute;
    left: 126px;
    top: 0px;
    z-index: 999;
    display: none;
    width: 200px;
    min-height: 200px;
    padding: 15px;
    border: 1px solid #554b36;
    border-radius: 4px;
    background-color: rgba(22, 16, 11, .97);
    box-shadow: 0 0 0 1px #000;
    color: #8a7d6a;
}

.designer-color {
    font-family: Ebrimabd, sans-serif;
    color: rgba(246, 107, 42, .53);
    letter-spacing: 4px;
}

.designer-color.inline-block {
    display: inline-block;
    padding-top: 0px;
    padding-left: 3px;
}

.text-block-9 {
    margin-top: 9px;
}

.choice-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 80px;
    min-width: 280px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(185, 133, 54, .16);
    border-radius: 4px;
    background-color: rgba(226, 148, 87, .06);
    box-shadow: inset 0 0 17px 0 rgba(110, 84, 51, .23), 0 0 17px 0 #000;
    font-size: 14px;
}

.choice-info {
    width: 50%;
    text-align: center;
}

.revo-price {
    width: 25%;
    font-family: Ebrimabd, sans-serif;
    color: #f69d2a;
    font-size: 30px;
    text-align: center;
}

.revo-points {
    width: 25%;
    font-family: Ebrimabd, sans-serif;
    color: #f69d2a;
    font-size: 30px;
    text-align: center;
}

.text-block-10 {
    padding-right: 10px;
    padding-left: 10px;
}

.warning-color {
    color: #f1843b;
    text-decoration: none;
}

.top-margin {
    margin-top: 25px;
    text-align: center;
}

.charge-btn {
    height: 40px;
    margin-top: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(88, 55, 3, .19);
    border-radius: 4px;
    background-color: rgba(52, 11, 3, .4);
    box-shadow: inset 0 0 11px 0 rgba(114, 34, 16, .23), inset 0 0 31px 0 rgba(53, 38, 27, .17), 0 0 10px 0 rgba(0, 0, 0, .49);
    color: #d8b65c;
}

.charge-btn:hover {
    background-color: rgba(70, 23, 8, .87);
}

.popup {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    display: none;
    overflow: auto;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.popup2 {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    display: none;
    overflow: auto;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.popup3 {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    display: none;
    overflow: auto;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.popup4 {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    display: none;
    overflow: auto;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.popup_download {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    display: none;
    overflow: auto;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.popup-center-container {
    position: relative;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 250px;
    padding: 60px 25px 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(112, 79, 49, .29);
    border-radius: 4px;
    background-color: rgba(32, 25, 19, .95);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .61), 0 0 20px 6px rgba(0, 0, 0, .69);
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    color: #8a7562;
}

.account-big-btn-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 48%;
    height: 55px;
    margin-top: 8px;
    margin-left: 1%;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(114, 80, 56, .23);
    border-radius: 1px;
    background-color: rgba(65, 53, 45, .45);
    box-shadow: inset 0 7px 0 0 rgba(107, 67, 48, .09), 0 0 10px 0 rgba(0, 0, 0, .46);
    color: #61584a;
    text-decoration: none;
}

.account-big-btn-2:hover {
    border-color: rgba(58, 45, 35, .61);
    background-color: rgba(65, 53, 45, .59);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .23);
    color: #b18f5b;
}

.setting-tab {
    margin-left: 1%;
    padding: 9px 30px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(114, 80, 56, .23);
    border-radius: 1px;
    background-color: rgba(65, 53, 45, .45);
    box-shadow: inset 0 7px 0 0 rgba(107, 67, 48, .09), 0 0 10px 0 rgba(0, 0, 0, .46);
    color: #61584a;
    text-align: center;
    text-decoration: none;
}

.setting-tab:hover {
    border-color: rgba(58, 45, 35, .61);
    background-color: rgba(65, 53, 45, .59);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .23);
    color: #b18f5b;
}

.setting-tab.w--current {
    background-color: rgba(65, 53, 45, .79);
    color: #b18f5b;
}

.settings-tabs {
    width: 100%;
}

.settings-tabs-menu {
    margin-bottom: 25px;
}

.form {
    max-width: 400px;
    color: #8a7562;
}

.input {
    border: 1px solid #2e2218;
    border-radius: 5px;
    background-color: rgba(20, 14, 9, .8);
    box-shadow: inset 0 0 14px 0 rgba(0, 0, 0, .53), inset -1px 0 0 0 rgba(75, 75, 75, .5);
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease;
}

.input:focus {
    border-color: #583f29;
    background-color: rgba(24, 21, 17, .8);
}

.input::-webkit-input-placeholder {
    color: #473c32;
}

.input:-ms-input-placeholder {
    color: #473c32;
}

.input::placeholder {
    color: #473c32;
}

.input.has-error {
    border-color: #e73a2b;
}

.input-group.has-error {
    color: #e73a2b;
}

.div-error {
    display: block;
    margin-top: -10px;
    padding-top: 0px;
    padding-bottom: 15px;
    font-size: 12px;
}

.message-box {
    padding: 20px;
    color: #9e8369;
}

.message-box.success {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #495f27;
    background-color: rgba(43, 231, 103, .26);
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .55);
    color: #6ea55c;
}

.message-box.info {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #275b5f;
    background-color: rgba(43, 231, 231, .26);
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .55);
    color: #5ca5a5;
}

.message-box.error {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #5f2b27;
    background-color: rgba(231, 51, 43, .26);
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .55);
    color: #dd5c51;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding-bottom: 2px;
    color: #8a7562;
    font-size: 11px;
    letter-spacing: 2px;
    text-decoration: none;
}

.logout-link {
    display: inline-block;
    margin-bottom: 7px;
    margin-left: 15px;
    padding-bottom: 0px;
    color: #a03c2f;
    text-decoration: none;
}

.align-center-2 {
    margin-bottom: 25px;
    font-family: Ebrimabd, sans-serif;
    text-align: center;
}

.vote-link-block {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(209, 186, 67, .15);
    border-radius: 5px;
    color: #7c7153;
    text-align: center;
    text-decoration: none;
}

.vote-link-block:hover {
    border-color: rgba(209, 186, 67, .57);
    background-image: -webkit-linear-gradient(270deg, rgba(10, 7, 4, .5), rgba(10, 7, 4, .5));
    background-image: linear-gradient(180deg, rgba(10, 7, 4, .5), rgba(10, 7, 4, .5));
}

.vote-img {
    width: 130px;
    height: 100px;
}

.vote-img.rpg {
    position: relative;
    margin-bottom: 9px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(212, 136, 85, .17);
    background-image: url('../images/logo_title_white_300-65.png'), -webkit-linear-gradient(270deg, rgba(172, 97, 48, .38), rgba(134, 63, 36, .43));
    background-image: url('../images/logo_title_white_300-65.png'), linear-gradient(180deg, rgba(172, 97, 48, .38), rgba(134, 63, 36, .43));
    background-position: 50% 50%, 0px 0px;
    background-size: contain, auto;
    background-repeat: no-repeat, repeat;
}

.revo-vote-points {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 4px;
    color: #e0b23a;
    text-align: center;
    text-decoration: none;
}

.donwload-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 48%;
    min-height: 55px;
    margin-top: 8px;
    margin-left: 1%;
    padding: 10px 15px 5px 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(114, 80, 56, .23);
    border-radius: 1px;
    background-color: rgba(65, 53, 45, .45);
    box-shadow: inset 0 7px 0 0 rgba(107, 67, 48, .09), 0 0 10px 0 rgba(0, 0, 0, .46);
    color: #61584a;
    text-decoration: none;
}

.donwload-btn:hover {
    border-color: rgba(58, 45, 35, .61);
    background-color: rgba(65, 53, 45, .59);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .23);
    color: #b18f5b;
}

.dl-btn-icon {
    position: relative;
    width: 34px;
    height: 34px;
    margin-left: 4px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-image: url('../images/download.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px #332413;
    -webkit-filter: brightness(114%) contrast(114%);
    filter: brightness(114%) contrast(114%);
}

.dl-step {
    margin-bottom: 25px;
    padding: 15px 20px 55px;
    border-bottom: 1px solid #000;
    box-shadow: inset 0 -1px 0 0 rgba(53, 44, 34, .5);
}

.link-2 {
    margin-bottom: 20px;
}

.div-block-4 {
    margin-bottom: 15px;
}

.scroller {
    background-image: url('../images/bg.jpg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.rules-step-title {
    margin-bottom: 25px;
    padding-right: 20px;
    border-bottom: 1px solid #292118;
    font-family: Ebrimabd, sans-serif;
    color: #94896b;
    text-transform: uppercase;
}

.rules-steps {
    margin-bottom: 25px;
    padding: 15px 20px 55px;
    border-bottom: 1px solid #000;
    box-shadow: inset 0 -1px 0 0 rgba(53, 44, 34, .5);
}

.rules-subtitles {
    color: #b39852;
    text-transform: uppercase;
}

.rules-text {
    margin-bottom: 20px;
    color: #948c75;
    font-weight: 400;
    letter-spacing: 0px;
}

.imgslider {
    width: 668px;
    height: 285px;
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.single-news-header {
    margin-bottom: 10px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.single-news-title {
    font-family: Ebrimabd, sans-serif;
    color: #e0ae60;
    /* width: 50%; */
}

.single-news-metas {
    margin-top: 28px;
    /* text-align: left; */
    /* width: 50%; */
}

.sn-text {
    color: #867460;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    display: grid;
}

.paragraph-3 {
    font-size: 14px;
}

html.w-mod-js *[data-ix="hidehighlightborder"] {
    opacity: 0;
}

@media (max-width: 991px) {
    .membership-bar {
        float: none;
    }
}

.w-slider-dot.w-active {
    background-color: #fff;
    opacity: 1.0;
}

.w-slider-dot {
    background-color: #000;
    opacity: 0.25;
}

.tooltip_content {
    color: rgb(138, 125, 106);
}

.tooltipster-follower.tooltipster-noir.tooltipster-revo .tooltipster-box {
    padding: 15px;
    border: 1px solid rgb(85, 75, 54);
    border-radius: 4px;
    background-color: rgba(22, 16, 11, .97);
    color: rgb(138, 125, 106);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.4);
}

.tooltip_templates {
    display: none;
}

#veeam-sliders {
    margin: 40px auto 40px;
}

#veeam-sliders h3 {
    font-weight: 600;
    font-size: 21px;
    margin: 0;
}

#veeam-sliders label {
    font: normal 16px/1 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
    color: #aaa;
}

#veeam-sliders button,
#veeam-sliders .btn {
    text-decoration: none;
    border: none;
    background: #fdb022;
    color: #fff;
    text-transform: uppercase;
    font: 700 14px 'Open Sans', Arial, sans-serif;
    padding: 8px 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 0 0 #e19911;
    box-shadow: 0 2px 0 0 #e19911;
    cursor: pointer;
}

#veeam-sliders button:active,
#veeam-sliders .btn:active {
    position: relative;
    top: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#veeam-sliders .select-wrap {
    margin-bottom: 40px;
    margin-left: 15px;
    display: inline-block;
    position: relative;
}

#veeam-sliders .select-wrap:after {
    position: absolute;
    top: 8px;
    right: 10px;
    content: '▾';
    color: black;
    display: block;
    z-index: -1;
    font-size: 20px;
}

#veeam-sliders .select-wrap #region,
#veeam-sliders .select-wrap #currency-select {
    padding: 10px 30px 10px 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: rgba(255, 255, 255, 0);
    color: #222;
}

#veeam-sliders .select-wrap #region:hover,
#veeam-sliders .select-wrap #currency-select:hover {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

#veeam-sliders .sliders-wrap {
    width: 70%;
    padding-right: 100px;
    float: left;
}

#veeam-sliders .sliders-wrap .slider {
    position: relative;
    margin: 25px 0;
}

#veeam-sliders .sliders-wrap #gb-slider {
    margin-bottom: 80px;
}

#veeam-sliders .total-wrap {
    width: 30%;
    float: left;
}

#veeam-sliders .total-wrap button {
    margin-top: 40px;
}

#veeam-sliders .total-wrap .price-wrap h3 {
    margin-bottom: 10px;
}

#veeam-sliders .total-wrap .price-wrap #total-price {
    font-size: 42px;
    line-height: 1.15;
    color: #999;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 20px;
    margin: 0 0 10px;
}

#veeam-sliders .total-wrap .price-wrap #total-price span {
    color: #999;
}

#veeam-sliders .total-wrap .price-wrap #price-per-gb {
    color: #222;
    font-size: 21px;
    clear: both;
}

#veeam-sliders .total-wrap .price-wrap #price-per-gb .price {
    color: #222;
}

#veeam-sliders .total-wrap .veeam-provider {
    float: right;
}

#veeam-sliders .value-label {
    white-space: nowrap;
    position: absolute;
    top: 25px;
    font-size: 15px;
    color: rgb(255, 198, 93);
    text-transform: none;
    font-weight: normal;
}

#veeam-sliders .contact-us {
    margin-top: 25px;
    display: none;
}

#veeam-sliders .contact-us h3 {
    margin: 0;
    line-height: 1;
}

#veeam-sliders .contact-us p {
    margin: 10px 0 25px;
}

#veeam-sliders .ui-slider,
#veeam-sliders .ui-slider-handle,
#veeam-sliders .ui-slider-range {
    border-radius: 500px;
}

#veeam-sliders .ui-slider {
    margin: 0 auto;
    background: rgba(80, 53, 40, 0.34);
    border: none;
    height: 1em;
    box-shadow: inset 0 0 1px 0 rgb(111, 91, 53), inset 0 0 31px 0 rgba(53, 38, 27, .17), 0 0 10px 0 rgba(0, 0, 0, 0);
}

#veeam-sliders .ui-slider-handle {
    width: 1.8em;
    height: 1.8em;
    top: -0.4em;
    margin-left: -0.7em;
    cursor: -webkit-grab;
    cursor: grab;
    background: #eea61e;
    border-color: #eea61e;
    box-shadow: inset 0 0 11px 0 rgba(114, 34, 16, .23), inset 0 0 31px 0 rgba(53, 38, 27, .17), 0 0 10px 0 rgba(0, 0, 0, .49);
}

#veeam-sliders .ui-slider-range {
    background: #fdb022;
    box-shadow: inset 0 0 11px 0 rgb(114, 34, 16), inset 0 0 31px 0 rgba(53, 38, 27, .17), 0 0 10px 0 rgba(0, 0, 0, .49);
}

.checkbox label,
.form-radio label {
    position: relative;
    cursor: pointer;
    padding-left: 2rem;
    text-align: left;
    display: block;
}

.checkbox input,
.form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}

.radio {
    margin-bottom: 1rem;
}

.radio .helper {
    position: absolute;
    top: -0.25rem;
    left: -0.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999;
}

.radio .helper::before,
.radio .helper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.25rem;
    width: 1rem;
    height: 1rem;
    -webkit-transition: -webkit-transform 0.28s ease;
    transition: -webkit-transform 0.28s ease;
    transition: transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.125rem solid currentColor;
}

.radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #e82758;
    border-color: rgb(64, 50, 33);
}

.radio label:hover .helper {
    color: rgb(64, 50, 33);
}

.radio input:checked~.helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.radio input:checked~.helper::before {
    color: rgb(64, 50, 33);
}

.checkbox {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.checkbox .helper {
    color: rgb(64, 50, 33);
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    z-index: 0;
    border: 0.125rem solid currentColor;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease;
}

.checkbox .helper::before,
.checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 0.2rem;
    background-color: rgb(119, 99, 76);
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 0.25rem;
    content: '';
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
}

.checkbox .helper::before {
    top: 0.65rem;
    left: 0.38rem;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.checkbox .helper::after {
    top: 0.3rem;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox label:hover .helper {
    color: rgb(64, 50, 39);
}

.checkbox input:checked~.helper {
    color: rgb(64, 50, 33)
}

.checkbox input:checked~.helper::after,
.checkbox input:checked~.helper::before {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    transition: height 0.28s ease;
}

.checkbox input:checked~.helper::after {
    height: 0.5rem;
}

.checkbox input:checked~.helper::before {
    height: 1.2rem;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: 1rem;
}


/*////////////////////*/


/* ===== Select Box ===== */

.sel {
    font-size: 0.5rem;
    display: inline-block;
    width: 100%;
    padding: 5px;
    background-color: rgba(20, 14, 9, .8);
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid rgb(46, 34, 24);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25), inset 0 0 10px rgba(0, 0, 0, .10), 1px 1px 0 rgba(54, 45, 40, .25);
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
    color: #40342e;
    transition: .4s all ease-in-out;
}

.sel::before {
    position: absolute;
    content: '\f063';
    font-family: 'FontAwesome';
    font-size: 1.5em;
    color: #BFA95D;
    right: 20px;
    top: calc(50% - 0.6em);
    transition: .4s all ease-in-out;
}

.sel.active::before {
    transform: rotate(-180deg);
}

.sel__placeholder {
    display: block;
    font-size: 12px;
    color: #473c32;
    padding: 5px;
    text-align: left;
    pointer-events: none;
    user-select: none;
    visibility: visible;
}

.sel.active .sel__placeholder {
    visibility: hidden;
}

.sel__placeholder::before {
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 5px;
    right: 0;
    padding: 5px;
    content: attr(data-placeholder);
    visibility: hidden;
}

.sel.active .sel__placeholder::before {
    visibility: visible;
}

.sel__box {
    position: absolute;
    top: calc(100% + 4px);
    left: -4px;
    display: none;
    list-style-type: none;
    text-align: left;
    font-size: 1.2em;
    background-color: #2e2420;
    width: calc(100% + 8px);
    box-sizing: border-box;
}

.sel.active .sel__box {
    display: block;
    animation: fadeInUp 500ms;
	overflow-y: auto;
    height: 344px;
}

.sel__box__options {
    display: list-item;
    font-family: 'Quicksand';
    font-size: 1.5em;
    color: rgb(93, 81, 69);
    padding: 0.5em 1em;
    user-select: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .30);
    transition: .4s all ease-in-out;
}

.sel__box__options::after {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 0.5em;
    margin-left: 5px;
    display: none;
}

.sel__box__options.selected::after {
    display: inline;
}

.sel__box__options:hover {
    background: rgba(0, 0, 0, 0.1);
}

.sel--black-panther {
    z-index: 3;
}


/* ===== Keyframes ===== */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


/*MAIN OF SCROLLER NEED A  height: 100%; too*/


/* main scrollbar wrapper */

#scroller {
    /*height: 100%;*/
    /*overflow: auto;*/
}


/* gemini-scrollbar override styles */

.gm-scrollbar {
    border-radius: 4px;
}

.gm-scrollbar.-vertical {
    width: 8px;
}

.gm-scrollbar .thumb {
    background-color: rgba(111, 87, 140, .4);
}

.gm-scrollbar .thumb:hover,
.gm-scrollbar .thumb:active {
    background-color: rgba(111, 87, 140, .6);
}

.welcome-shop {
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to bottom, #a47f4b, #c29b4a, #dcba46, #f0db42, #ffff3e);
    color: rgb(248, 183, 0);
    line-height: 1.5em;
}


.news-big-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 122px;
    margin-top: 8px;
    margin-left: 1%;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(36, 25, 17, .63);
    border-radius: 5px;
    background-color: rgba(11, 7, 4, .45);
    text-decoration: none;
}

.news-btn-icon {
    position: relative;
    width: 150px;
    height: 100px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: 0 0 0 1px #332413;
    -webkit-filter: brightness(114%) contrast(114%);
    filter: brightness(114%) contrast(114%);
    margin-left: 5px;
}


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

.news-big-btn:hover {
    border-color: rgba(58, 45, 35, .61);
    background-image: -webkit-linear-gradient(270deg, rgba(114, 81, 55, .26), rgba(114, 81, 55, .26));
    background-image: linear-gradient(180deg, rgba(114, 81, 55, .26), rgba(114, 81, 55, .26));
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 23%);
}

.div-block-news-3 {
    width: 89%;
    padding-left: 9px;
}

.big-btn-news-name {
    font-family: Ebrimabd, sans-serif;
    
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 7px;
}

.big-btn-news-desc {
    color: #91856d;
    margin-top: 10px;
}

.news-bottom {
    padding-top: 5px;
    margin-top: 7px;
    background-image: url(../images/news-separator.png);
    background-position: 100% 0%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #555145;
    display: flex;
}

.news-bottom-col {
    width: 50%;
}

.news-thumbnail {
    margin: 10px 0 10px 0;
    text-align: center;
}

.popup4 .w-tab-content {
    max-height: 600px;
    /* overflow-y: scroll; */
}

.popup4 .img-thumbnail .select_avatar{
    width: 150px;
    height: 140px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 1px rgb(90 50 19 / 50%);
}

.popup4 .mask {
    margin-top: unset;
}

.popup4 .multi-slide {
    height: 210px;
}

.popup4 .slide-item {
    width: 25%;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.popup4 .top-sales-item-flex {
    justify-content: center;
}

.popup4 .img-thumbnail .select_avatar:hover {
    box-shadow: inset 0 0 0 1px rgb(191 102 33 / 72%);
    cursor: pointer;
}

.popup4 .img-thumbnail .selected_avatar {
    box-shadow: inset 0 0 0 2px rgba(202, 114, 31, 0.72);
}

.circle-loader {
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    border-color: #5cb85c;
    position: absolute;
    top: 0;
    right: 20px;
}


.checkmark {
    display: block;
}

.checkmark:after {
    opacity: 1;
    height: 1em;
    width: 0.25em;
    transform-origin: left top;
    border-right: 2px solid #5cb85c;
    border-top: 2px solid #5cb85c;
    content: "";
    left: 0.3em;
    top: 1em;
    position: absolute;
    transform: scaleX(-1) rotate(135deg);
}