.black-button {
    background: rgba(33,33,33,.96);
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 1px 0 0 #5c5c5c,0 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c,0 2px 3px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 0 0 #5c5c5c,0 2px 3px rgba(0,0,0,.2);
    border: 1px solid #212121;
    font-family: FSElliotPro-Bold;
    text-decoration: none;
    padding: 8px 16px;
    cursor: pointer;
    margin: 10px;
    outline: 0
}

.sogo-green-button {
    background: url(../images/custom/green-button.png) no-repeat;
    background-size: cover;
    width: 140px;
    height: 59px;
    text-shadow: 1px 2px 6px rgba(0,121,14,.99);
    font-family: FSElliotPro-Heavy;
    font-size: 16px;
    position: relative;
    color: #fff;
    cursor: pointer
}

.sogo-orange-button {
    background: url(../images/custom/orange-button.png) no-repeat;
    background-size: cover;
    width: 140px;
    height: 59px;
    text-shadow: 1px 2px 6px rgba(240,141,24,.99);
    font-family: FSElliotPro-Heavy;
    font-size: 16px;
    position: relative;
    color: #fff;
    cursor: pointer
}

.sogo-green-button:hover {
    background: url(../images/custom/green-button-hover.png) no-repeat;
    background-size: cover;
    width: 140px;
    height: 59px
}

.sogo-orange-button:hover {
    background: url(../images/custom/orange-button-hover.png) no-repeat;
    background-size: cover;
    width: 140px;
    height: 59px
}

.sogo-title-block {
    background: url(../images/custom/title.png) no-repeat;
    width: 457px;
    height: 155px;
    margin: auto
}

.sogo-title {
    font-size: 22px;
    text-align: center;
    line-height: 140px;
    font-family: FSElliotPro;
    color: #f9f9f8;
    font-weight: 700;
    text-transform: uppercase;
    background: url(../images/wave.png) 50% bottom no-repeat;
    position: relative;
    height: 95px
}

.sogo-button span {
    position: relative;
    top: -4px
}

.sogo-news-content {
    background-color: #f9faf9;
    box-shadow: 0 0 12.09px .91px rgba(0,0,0,.5);
    width: 1000px;
    padding: 20px;
    margin: auto;
    margin-top: 20px
}

.sogo-news-title {
    font-family: FSElliotPro-Heavy;
    text-transform: uppercase;
    font-size: 26px;
    color: #2a2a2a;
    text-align: center;
    display: block
}

.sogo-news-fullstory {
    font-family: FSElliotPro;
    font-size: 18px;
    color: #2a2a2a
}

.sogo-news-fullstory img:first-child {
    -webkit-clip-path: polygon(0 0,100% 10%,100% 100%,0 90%);
    clip-path: polygon(0 0,100% 10%,100% 100%,0 90%);
    width: 407px;
    height: 214px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px
}

.sogo-news-info {
    background-color: #f9faf9;
    box-shadow: 0 0 12.09px .91px rgba(0,0,0,.5);
    font-family: FSElliotPro-Bold;
    text-transform: uppercase;
    position: relative;
    color: #2a2a2a;
    font-size: 16px;
    height: 30px;
    padding: 5px;
    line-height: 30px;
    margin: auto;
    margin-top: 40px
}

.sogo-news-info-block {
    margin-right: 20px;
    margin-left: 20px
}

.sogo-news-shortstory {
    font-family: FSElliotPro;
    font-size: 18px;
    color: #2a2a2a;
    margin-top: 20px
}

.sogo-news-shortstory img:first-child {
    -webkit-clip-path: polygon(0 0,100% 10%,100% 100%,0 90%);
    clip-path: polygon(0 0,100% 10%,100% 100%,0 90%);
    width: 407px;
    height: 214px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px
}

.sogo-news-shortstory-block {
    margin-bottom: 40px
}

.sogo-news-info-button-block {
    position: absolute;
    right: 0;
    top: -6px
}

.promo.error {
    background: url(/images/custom/error-div.png) 50% 65px no-repeat!important
}

.promo.error .welcome p {
    font-size: 18px;
    color: #302c26;
    font-family: FSElliotPro-Bold;
    line-height: 25px;
    width: 900px;
    margin: auto
}

.registation-header {
    width: 100%;
    height: 575px;
    background: url(/images/bg/banner.png) 50% 65px no-repeat
}

.registation-header .container {
    height: 100%
}

.registation-header .container>span {
    height: 60px;
    font-size: 36px;
    color: #302c26;
    font-family: FSElliotPro-Heavy;
    text-align: center;
    display: block;
    background: url(/images/wave.png) 50% bottom no-repeat
}

.registation-header .container>p {
    text-align: center;
    color: #352f29;
    opacity: .67;
    font-size: 12px;
    font-family: "FS Elliot Pro";
    margin: 0 0 0 -17px
}

.registation-header .container .welcome {
    height: 365px;
    padding: 131px 0 0 0;
    text-align: center
}

.registation-header .container .welcome>span {
    font-family: FSElliotPro-Heavy;
    color: #fff;
    font-size: 30px;
    display: block;
    margin: 0 0 40px 0
}

.registation-header .container .welcome>p {
    font-size: 18px;
    color: #302c26;
    font-family: FSElliotPro-Bold;
    line-height: 25px;
    width: 900px;
    margin: auto
}

.registation-header .container .welcome>p span {
    color: #fff;
    text-shadow: 1px 2px 3px rgba(221,88,23,.39);
    display: block;
    margin: 35px 0 0 0;
    font-family: "FS Elliot Pro"!important
}

.registration-form-block {
    background: url(/images/custom/registration-block.png) no-repeat;
    background-size: cover;
    width: 647px;
    height: 880px;
    margin: auto;
    text-align: center
}

.registration-form-content {
    padding-top: 10px
}

.registration-form-title-block {
    background: url(/images/custom/title.png) no-repeat;
    background-size: cover;
    width: 357px;
    height: 121px;
    margin: auto
}

.registration-form-title {
    font-size: 18px;
    text-align: center;
    line-height: 110px;
    font-family: FSElliotPro;
    color: #f9f9f8;
    font-weight: 700;
    text-transform: uppercase;
    background: url(/images/wave.png) 50% bottom no-repeat;
    position: relative;
    height: 75px
}

.registration-input-title {
    background: url(/exshop/images/featured_item_name.png);
    background-size: cover;
    width: 242px;
    height: 73px;
    font-family: FSElliotPro-Bold;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    margin: auto
}

.registration-input {
    border: 1px solid #d1d1d1;
    background: #f6f7f6;
    width: 250px;
    height: 35px;
    text-align: center;
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.registration-button {
    background: url(/exshop/images/server_name.png);
    background-size: cover;
    width: 300px;
    height: 92px;
    font-family: FSElliotPro-Heavy;
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: relative;
    top: -20px;
    cursor: pointer
}

.registration-button span {
    position: relative;
    top: -10px
}

.registation-capcha-title {
    font-family: FSElliotPro-Heavy;
    color: #3f372e;
    font-size: 16px;
    margin: 15px
}

.registration-check-button {
    border-width: 1px;
    border-color: rgba(146,165,153,.41);
    border-style: solid;
    background-color: #66de91;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.21);
    width: 100px;
    height: 30px;
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: FSElliotPro;
    color: #3c3c3c;
    font-weight: 700;
    border-radius: 10px 0;
    position: absolute;
    top: 221px;
    margin-left: 150px
}

.registration-check-button:hover {
    background-color: #80f1aa
}

#result-registration {
    width: 500px;
    margin: auto
}

.changepass-button {
    background: url(/images/custom/changepass.png) no-repeat 0 0;
    background-size: cover;
    display: inline-block;
    width: 125px;
    height: 50px
}

.changepass-button:hover {
    background: url(/images/custom/changepass.png) no-repeat 0 -55px;
    background-size: cover;
    display: inline-block;
    width: 125px;
    height: 50px
}

.sogo-main-menu li ul {
    position: absolute;
    left: 0;
    display: block;
    width: 175px;
    padding: 10px 0 13px 0;
    background: #8ecc70;
    box-shadow: 0 0 12.09px .91px #adadad;
    visibility: hidden;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.sogo-main-menu li:hover ul {
    visibility: visible;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.sogo-help-menu,.sogo-help-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 99999;
    text-align: center
}

.sogo-main-menu li ul:before {
    content: '';
    position: absolute;
    top: -14px;
    left: 12px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #8ecc70
}

.sogo-main-menu li ul li a {
    width: 175px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    text-transform: none;
    text-shadow: none;
    background: 0 0!important;
    font-family: FSElliotPro-Bold;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.sogo-main-menu li ul li a:hover {
    color: #2a2a2a
}

.sogo-main-menu li ul li:before {
    background: 0 0
}

.sogo-main-menu li ul {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

header#inner nav ul li ul li {
    padding: 0
}

header#inner nav ul li ul {
    position: absolute;
}

#sogoPopupWindow {
    position: fixed;
    z-index: 9999;
    display: none;
    background-color: #f9faf9;
    padding: 10px;
    max-width: 800px
}

#sogoPopupBackground {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 964;
    background: rgba(0,0,0,.5)
}

.sogoPopupContent {
	text-align: center;
    color: #433e3a;
    font-family: FSElliotPro;
    font-size: 18px;
    font-weight: 700;
}

.sogoPopupTitle {
    font-size: 22px;
    text-align: center;
    font-family: FSElliotPro-Bold;
    color: #433e3a;
    text-transform: uppercase;
    background: url(/images/wave.png) 50% 60px no-repeat;
    position: relative;
    padding: 30px
}

.sogoPopupImg1 {
    position: absolute;
    top: -40px;
    left: -55px;
    background: url(/images/custom/popup-img1.png);
    width: 76px;
    height: 88px
}

.sogoPopupImg2 {
    position: absolute;
    bottom: -40px;
    right: -35px;
    background: url(/images/custom/popup-img2.png);
    width: 60px;
    height: 88px
}

.monitoring-sign1 {
    position: absolute;
    width: 100px;
    top: 0;
    left: 120px
}

.monitoring-sign2 {
    position: absolute;
    width: 100px;
    top: -40px;
    left: -50px
}

.mini-monitoring {
    position: fixed;
    top: 0;
    right: 0;
    background-size: cover;
    width: 220px;
    height: auto;
    text-align: right;
    padding: 10px;
    background-color: #f9faf9;
    overflow: auto;
    overflow-x: hidden;
    box-shadow: 0 0 12.09px .91px rgba(0,0,0,.33);
    font-family: FSElliotPro;
    font-size: 16px;
    z-index: 99999999
}

.moderator-button {
    position: fixed;
    left: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-family: Cube;
    color: #fff;
    line-height: 55px;
    width: 50px;
    height: 50px
}

.google-auth-popup-block {
    background-color: #f9faf9;
    box-shadow: 0 0 12.09px .91px rgba(0,0,0,.33);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 300px;
    margin-left: -225px;
    margin-top: -150px;
    z-index: 9999999999;
    text-align: center;
    padding: 20px;
    display: none
}

.google-auth-popup-block img {
    -webkit-clip-path: polygon(0 0,100% 10%,100% 100%,0 90%);
    clip-path: polygon(0 0,100% 10%,100% 100%,0 90%);
    width: 300px;
    height: 164px
}

.google-auth-popup-block div {
    font-family: FSElliotPro;
    font-size: 16px;
    color: #2a2a2a;
    margin: 20px;
    line-height: 1;
    box-sizing: unset
}

.google-auth-popup-block button {
    font-size: small
}

.google-auth-popup-block-background {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    display: none
}

.streams-bottom-background {
    background: rgba(0,0,0,0);
    position: fixed;
    right: 25px;
    bottom: 25px;
    border-radius: 38px;
    height: 75px;
    width: 75px;
    transition: all 1s ease-in-out;
    z-index: 999999999
}

.streams-bottom-background.streams-clicked {
    background: rgba(0,0,0,.8);
    border-radius: 38px;
    width: 80%;
    cursor: pointer
}

.streams-bottom-list {
    color: #fff;
    opacity: 0;
    -padding-left: 95px;
    text-align: center;
    transition: all .3s ease-in-out;
    position: relative;
    top: -79px
}

.streams-bottom-background.streams-clicked .streams-bottom-list {
    opacity: 1;
    cursor: default
}

.streams-avatar-div {
    width: 100px;
    height: 60px;
    position: relative;
    margin: 0 10px 0 10px;
    border: 2px solid #ff8113;
    cursor: pointer;
    display: none;
    box-sizing: unset
}

.streams-avatar-div img {
    width: 100px;
    height: 60px
}

.streams-badge {
    width: 85px;
    height: 85px;
    position: relative;
    background-image: url(https://cdn.discordapp.com/attachments/456221177107447818/540259777733853196/w248h2481393885391131.png);
    background-size: cover;
    position: relative;
    top: -5px;
    left: -5px;
    z-index: 999999999;
    cursor: pointer
}

.streams-popup-block {
    background-color: #f9faf9;
    box-shadow: 0 0 12.09px .91px rgba(0,0,0,.33);
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1000px;
    height: 580px;
    margin-left: -500px;
    margin-top: -310px;
    z-index: 9999999999;
    text-align: center;
    padding: 20px;
    display: none
}

.streams-block-background {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
    display: none
}

.streams-bottom-info {
    height: 41px;
    font-size: 20px;
    font-family: FSElliotPro-Bold;
    padding-top: 21px
}

.streams-bottom-author {
    text-align: center;
    color: #000;
    font-size: 20px;
    margin-bottom: 10px
}

.streams-bottom-author a {
    text-decoration: none;
    color: #ff8113
}

.streams-bottom-block {
    position: absolute;
    width: 150px;
    margin-left: 25px;
    background: red;
    color: #fff;
    border-radius: 5px;
    padding: 3px
}

.streams-bottom-add {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 50px;
    z-index: 999999998;
    cursor: pointer;
    display: none
}

.notification-box {
    position: fixed;
    z-index: 99;
    right: -30px;
    width: 50px;
    height: 50px;
    text-align: center
}

.notification-bell {
    animation: bell 1s 1s both infinite
}

.notification-bell * {
    display: block;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0 15px #fff
}

.bell-top {
    width: 6px;
    height: 6px;
    border-radius: 3px 3px 0 0
}

.bell-middle {
    width: 25px;
    height: 25px;
    margin-top: -1px;
    border-radius: 12.5px 12.5px 0 0
}

.bell-bottom {
    position: relative;
    z-index: 0;
    width: 32px;
    height: 2px
}

.bell-bottom::after,.bell-bottom::before {
    content: '';
    position: absolute;
    top: -4px
}

.bell-bottom::before {
    left: 1px;
    border-bottom: 4px solid #fff;
    border-right: 0 solid transparent;
    border-left: 4px solid transparent
}

.bell-bottom::after {
    right: 1px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid transparent;
    border-left: 0 solid transparent
}

.bell-rad {
    width: 8px;
    height: 4px;
    margin-top: 2px;
    border-radius: 0 0 4px 4px;
    animation: rad 1s 2s both infinite
}

.notification-count {
    position: absolute;
    z-index: 1;
    top: -6px;
    right: -6px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    border-radius: 50%;
    background-color: #ff4927;
    color: #fff;
    animation: zoom 3s 3s both infinite
}

@media screen and (max-width: 1023px) {
    .voters .banners {
        left:0
    }
}

body.loading .loading-sign {
    display: block
}

.loading-sign {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.51) url(/images/custom/ajax-loader.gif) 50% 50% no-repeat
}

@keyframes bell {
    0% {
        transform: rotate(0)
    }

    10% {
        transform: rotate(30deg)
    }

    20% {
        transform: rotate(0)
    }

    80% {
        transform: rotate(0)
    }

    90% {
        transform: rotate(-30deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes rad {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateX(6px)
    }

    20% {
        transform: translateX(0)
    }

    80% {
        transform: translateX(0)
    }

    90% {
        transform: translateX(-6px)
    }

    100% {
        transform: translateX(0)
    }
}

.auction-bonus {
    font-family: FSElliotPro-Heavy;
    font-size: 13px;
    position: relative;
    width: 253px;
    height: 133px;
    margin: auto
}

.auction-bonus a:hover {
    text-shadow: 1px 2px 6px rgba(40,36,31,.99)
}

.auction-bonus:hover:before {
    opacity: 0
}

.auction-bonus:hover:after {
    opacity: 1
}

.auction-bonus:before {
    content: '';
    background: url(../images/bonus_button.png) no-repeat;
    z-index: 5
}

.auction-bonus a {
    text-shadow: 1px 2px 6px rgba(0,121,14,.99);
    z-index: 15;
    line-height: 115px;
    text-indent: 80px
}

.auction-bonus a,.auction-bonus:after,.auction-bonus:before {
    width: 253px;
    height: 133px;
    display: block;
    position: absolute;
    transition: all .5s ease
}

.auction-bonus a {
    text-decoration: none;
    color: #fff
}

.auction-bonus:after {
    content: '';
    background: url(../images/bonus_button_hover.png) no-repeat;
    z-index: 10;
    opacity: 0
}

#staff-rating .stars {
    background: url(/images/custom/stars.png) repeat-x 0 0;
    width: 150px;
    margin: 0 auto
}

#staff-rating .stars input[type=radio] {
    position: absolute;
    opacity: 0
}

#staff-rating .stars input[type=radio].star-5:checked~span {
    width: 100%
}

#staff-rating .stars input[type=radio].star-4:checked~span {
    width: 80%
}

#staff-rating .stars input[type=radio].star-3:checked~span {
    width: 60%
}

#staff-rating .stars input[type=radio].star-2:checked~span {
    width: 40%
}

#staff-rating .stars input[type=radio].star-1:checked~span {
    width: 20%
}

#staff-rating .stars label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0!important;
    padding: 0!important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: 0 0!important;
    cursor: pointer
}

#staff-rating .stars label:hover~span {
    background-position: 0 -30px
}

#staff-rating .stars label.star-5:hover~span {
    width: 100%!important
}

#staff-rating .stars label.star-4:hover~span {
    width: 80%!important
}

#staff-rating .stars label.star-3:hover~span {
    width: 60%!important
}

#staff-rating .stars label.star-2:hover~span {
    width: 40%!important
}

#staff-rating .stars label.star-1:hover~span {
    width: 20%!important
}

#staff-rating .stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    background: url(/images/custom/stars.png) repeat-x 0 -60px;
    -webkit-transition: -webkit-width .5s;
    -moz-transition: -moz-width .5s;
    -ms-transition: -ms-width .5s;
    -o-transition: -o-width .5s;
    transition: width .5s
}