@import 'reset.css';
@import 'tipped.css';


@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-light.eot");
    src: url("../fonts/roboto-light.eot?#iefix")format("embedded-opentype"),
         url("../fonts/roboto-light.woff") format("woff"),
         url("../fonts/roboto-light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-regular.eot");
    src: url("../fonts/roboto-regular.eot?#iefix")format("embedded-opentype"),
         url("../fonts/roboto-regular.woff") format("woff"),
         url("../fonts/roboto-regular.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: "Roboto B";
    src: url("../fonts/roboto-bold.eot");
    src: url("../fonts/roboto-bold.eot?#iefix")format("embedded-opentype"),
         url("../fonts/roboto-bold.woff") format("woff"),
         url("../fonts/roboto-bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    background: url('/img/d11/bg1.jpg') !important;
    background-size: cover;
    overflow-x: hidden !important;
}
strong {
    font-weight: 600;
    font-size: 12px;
}
input,
textarea {
    outline: 0;
}
.container {
    width: 1173px;
    max-width: 90%;
    min-width: 800px;
    margin: 0 auto;
}
.container.mainbox {
    position: relative;
    margin-top: 50px;
}
.clear {
    clear: both;
}
a {
    text-decoration: none;
}
.center {
    text-align: center;
}
.hidden {
    display: none;
}
.notification {
    z-index: 99;
    background: rgba(0, 128, 0, .95);
    color: #fff;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
}
.notification.warning {
    background: #de2a2a;
}
#notification_list {
    display: none;
    position: fixed;
    right: 0;
    height: auto;
    max-height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    top: 0;
    width: 400px;
    z-index: 9999;
    max-width: 25%;
}
#notification_list .alert {
    background: #22b525;
    color: #fff;
    line-height: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 20px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 25px;
    margin-bottom: 3px;
    padding: 10px;
    -webkit-box-shadow: 0 0 7px #000;
    -moz-box-shadow: 0 0 7px #000;
    box-shadow: 0 0 7px #000;
}
#notification_list .alert.warning {
    background: #de2a2a;
}
header #topbar {
    margin-top: 50px;
}
header #topbar #logo {
    background: url('/img/d11/logo.png') no-repeat center center;
    width: 297px;
    height: 76px;
    background-size: 100%;
    float: left;
}
header #topbar #nav {
    float: right;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}
header #topbar #nav a {
    font-family: 'Roboto B','Open Sans', 'Helvetica Neue', sans-serif;
    color: #f5f5f5;
    text-transform: uppercase;
    font-size: 16px;
    padding: 6px 15px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}

header #topbar #nav a:not(:last-child) {
    margin-right: 0px;
}

.profile {
    vertical-align: inherit;
}

.name, .avatar {
    padding-left: 5px;
    display: inline-block;
}

.avatar {
    vertical-align: inherit;
}

.avatar img {
    display: inline-block;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

.name span {
    color: #f5f5f5;
    font-family: 'Roboto';
    font-size: 16px;
}

header #topbar #nav a.active,
header #topbar #nav a:hover {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/play_a.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}
header #topbar #nav a.active>span,
header #topbar #nav a:hover>span {
    color: #fff;
}
header #topbar #nav a>span {
    background: #2ab3f7;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 10px 3px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 3px;
}

header .desc {
    color: #fff;
    font-size: 18px;
    padding: 20px 0;
}
header .steam_login {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 20px;
    font-size: 18px;
    font-family: Viga, sans-serif;
    background: url(/img/d11/icon.steam.png) no-repeat 15px center #22b525;
    background-size: 30px;
    padding-left: 60px;
    margin-bottom: 50px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
header .steam_login:hover {
    background: url(/img/d11/icon.steam.png) no-repeat 15px center #1ea021;
    background-size: 30px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    cursor: pointer;
}
footer {
    text-align: center;
    color: #fff;
    margin: 40px 0;;
}
footer a {
    color: #fff;
}
.whitebox_notice {
    margin-top: 30px;
}
.whitebox_notice.notice {
    background: rgba(26, 31, 38, 0.6);
    line-height: 40px;
    padding-left: 30px;
    color: #f5f5f5;
}
.whitebox_notice.notice .highlight {
    color: #a2f44c;
    padding: 2px 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
}
.stats .whitebox {
    border-radius: 40px 40px 40px 40px;
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border: 1px solid #00FF7F;
}

.whitebox {
    border-radius: 10px 10px 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.whitebox.has_attachment {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.whitebox.margin {
    margin: 50px 0;
}
.whitebox.topheader {
    margin-top: 50px;
}
.whitebox.highlight {
    background: #d6f0fd;
}
.whitebox.winnerinfo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    height: 519px;
    width: 1024px;
}
.whitebox .header {
    padding: 20px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #00FF7F;
    border-image-slice: 1;
}
.whitebox .header>.trip {
    float: left;
    width: 25%;
    color: #f5f5f5;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: bold;
}
.whitebox .header>.trip.full {
    width: 100%;
}
.whitebox .header>.duo {
    float: left;
    width: 50%;
    color: #313e57;
    font-family: Viga, sans-serif;
    text-transform: uppercase;
    font-size: 22px;
}
.whitebox .header .close {
    position: absolute;
    right: 19px;
    top: 19px;
    cursor: pointer;
    color: #222;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    -webkit-opacity: .6;
    opacity: .6;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha(opacity=60);
    font-size: 12px;
    font-weight: 700;
}
.whitebox .header .close:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}
.whitebox .header .close::after {
    content: '❌';
}
.whitebox .header .reload_inventory {
    position: absolute;
    right: 19px;
    top: 15px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    cursor: pointer;
    padding: 6px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Viga, sans-serif;
    text-transform: uppercase;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
}
.whitebox .header .reload_inventory:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}
.whitebox .potwinner {
    margin-top: 140px;
    position: relative;
}
.whitebox .potwinner .line {
    height: 178px;
    border-left: 3px solid #313e57;
    position: absolute;
    left: 50%;
    top: 0;
}
.whitebox .potwinner .potwinner_pic {
    background: #313e57;
    padding-left: 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    width: 99999px;
    text-align: left;
    padding: 20px 0;
    border-top: 2px solid #313e57;
    border-bottom: 2px solid #313e57;
    -webkit-box-shadow: inset 0 0 16px #000;
    -moz-box-shadow: inset 0 0 16px #000;
    box-shadow: inset 0 0 16px #000;
}
.whitebox .potwinner .potwinner_pic img {
    height: 128px;
    width: 128px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    border: 2px solid rgba(49, 62, 87, .8);
    margin-left: 15px;
    -webkit-box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    box-shadow: 0 0 20px #000;
}
.whitebox .potwinner .potwinner_pic img.highlight {
    -webkit-box-shadow: 0 0 20px #b79b00;
    -moz-box-shadow: 0 0 20px #2ab3f7;
    box-shadow: 0 0 20px #b79b00;
}
.whitebox .potwinner .message {
    padding-left: 20px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 22px;
    color: #f5f5f5;
    padding-top: 24px;
    line-height: 28px;
}
.whitebox .potwinner .message #numItemsWon,
.whitebox .potwinner .message #wonItemsWorth,
.whitebox .potwinner .message a {
    font-weight: 700;
    color: #b79b00;
}
.whitebox .topplayers .user {
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .topplayers .user>div:not(.clear) {
    float: left;
    padding: 10px 0;
}
.whitebox .topplayers .user:hover {
    background: rgba(49, 62, 87, .05);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .topplayers .user:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.whitebox .topplayers .user .img {
    width: 10%;
    text-align: center;
}
.whitebox .topplayers .user .img img {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.whitebox .topplayers .user .username {
    width: 60%;
    text-align: left;
    cursor: pointer;
    margin-top: 15px;
}
.whitebox .topplayers .user .username label {
    color: #313e57;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
.whitebox .topplayers .user .deposit {
    width: 15%;
    margin-top: 20px;
    text-align: center;
}
.whitebox .topplayers .user .deposit label.deposittotal {
    color: #999;
    font-size: 14px;
    font-family: Viga, sans-serif;
}
.whitebox .topplayers .user .profit {
    width: 15%;
    margin-top: 15px;
    text-align: center;
}
.whitebox .topplayers .user .profit label.profit {
    margin-left: 10px;
    color: #1ea021;
    font-size: 20px;
    font-family: Viga, sans-serif;
}
.whitebox .stats>div:not(.clear) {
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px 0;
    font-size: 12px;
    color: #f5f5f5;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
}
.whitebox .stats>div:not(.clear):not(:last-child) {
}
.whitebox .stats>div:not(.clear)>span {
    color: #00FF7F;
    padding: 5px 7px;
    margin-left: 10px;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    display: block;
    font-size: 24px;
}
.whitebox .social_giveaway {
    text-align: center;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
    padding: 20px 0;
}
.whitebox .social_giveaway:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}
.whitebox .social_giveaway .twitter {
    vertical-align: middle;
    background: url(/img/d11/twitter_blue.png) no-repeat center center;
    height: 36px;
    width: 36px;
    background-size: contain;
    display: inline-block;
}
.whitebox .social_giveaway .info {
    margin-left: 20px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #444;
    font-family: Viga, sans-serif;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.whitebox .social_giveaway .info>a {
    color: #444;
}
.whitebox .raffle>div:not(.clear) {
    float: left;
}
.whitebox .raffle .pic {
    width: 20%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.whitebox .raffle .pic img {
    width: 156px;
    height: 117px;
    padding: 15px;
}
.whitebox .raffle .item {
    width: 35%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-top: 45px;
}
.whitebox .raffle .item label {
    color: #313e57;
    font-size: 20px;
    line-height: 34px;
    font-family: Viga, sans-serif;
    text-transform: uppercase;
}
.whitebox .raffle .item small {
    color: #444;
    font-size: 15px;
}
.whitebox .raffle .info {
    width: 20%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 0;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, .1);
}
.whitebox .raffle .info>div {
    font-size: 24px;
    color: #444;
}
.whitebox .raffle .info>div span {
    background: #2ab3f7;
    padding: 2px 7px;
    font-family: Viga, sans-serif;
    color: #fff;
    margin: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.whitebox .raffle .participate {
    width: 25%;
    text-align: center;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 64px 0;
    border-left: 1px solid rgba(0, 0, 0, .1);
    font-family: Viga, sans-serif;
    text-transform: uppercase;
}
.whitebox .raffle .participate>a {
    background: #22b525;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    color: #fff;
    padding: 6px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 17px;
}
.whitebox .raffle .participate>a:hover {
    background: #1ea021;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .settradelink {
    padding: 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.whitebox .settradelink p {
    font-size: 16px;
    padding: 3px 0 10px 0;
    color: #313e57;
}
.whitebox .settradelink p a {
    font-weight: 700;
    color: #435578;
}
.whitebox .settradelink input {
    float: left;
    padding: 15px 15px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
}
.whitebox .settradelink input[type=text] {
    color: #222;
    width: 80%;
    border: 1px solid rgba(0, 0, 0, .1);
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.whitebox .settradelink input[type=submit] {
    width: 20%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #313e57;
    color: #fff;
    font-weight: 700;
    border: 1px solid #313e57;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.whitebox .settradelink input[type=submit]:hover {
    background: #283247;
    cursor: pointer;
}

.whitebox .content {
    color: #707988;
    border-top: 1px solid #00FF7F;
    border-image-slice: 1;
}
.whitebox .content>.duo,
.whitebox .content>.trip {
    float: left;
    width: 25%;
    height: 460px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
}
.whitebox .content>.duo.duo,
.whitebox .content>.trip.duo {
    width: 50%;
    height: auto;
}
.whitebox .content>.duo:not(:first-child),
.whitebox .content>.trip:not(:first-child) {
    border-left: 1px solid rgba(35, 41, 51, 1);
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.whitebox .content>.duo.chat,
.whitebox .content>.trip.chat {
    position: relative;
    overflow: hidden;
}
.whitebox .content>.duo.chat .messagelist,
.whitebox .content>.trip.chat .messagelist {
    overflow-x: hidden;
    height: 80%;
}
.whitebox .content>.duo.chat form,
.whitebox .content>.trip.chat form {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20%;
}
.whitebox .content>.duo.chat form>input,
.whitebox .content>.trip.chat form>input {
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
}
.whitebox .content>.duo.chat form input[type=text],
.whitebox .content>.trip.chat form input[type=text] {
    width: 75%;
    border-radius: 50px 0px 0px 0px;
    background: #0c0e19;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 37px 35px;
    height: 100%;
    color: #f5f5f5;
}
.whitebox .content>.duo.chat form input[type=submit],
.whitebox .content>.trip.chat form input[type=submit] {
    width: 25%;
    background: url('/img/d11/chat.png') no-repeat 50% 50% #0c0e19;
    padding: 37px 15px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto B', sans-serif;
    -webkit-transition: all 650ms ease-out;
    -moz-transition: all 650ms ease-out;
    -o-transition: all 650ms ease-out;
    transition: all 650ms ease-out;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.whitebox .content>.duo.chat form input[type=submit]:hover,
.whitebox .content>.trip.chat form input[type=submit]:hover {
    background: url('/img/d11/chathover.png') no-repeat 50% 50% #0c0e19;
    cursor: pointer;
    -webkit-transition: all 650ms ease-out;
    -moz-transition: all 650ms ease-out;
    -o-transition: all 650ms ease-out;
    transition: all 650ms ease-out;
}
.whitebox .content>.duo.chat .chatnotice,
.whitebox .content>.trip.chat .chatnotice {
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 5px 0;
    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 15px rgba(0, 0, 0, .2);
}
.whitebox .content>.duo.chat .chatnotice.ban,
.whitebox .content>.trip.chat .chatnotice.ban {
    background: #c00;
}
.whitebox .content>.duo.chat .chatnotice.general,
.whitebox .content>.trip.chat .chatnotice.general {
    background: #b79b00;
}
.whitebox .content>.duo.chat .chatmsg>div:not(.clear),
.whitebox .content>.trip.chat .chatmsg>div:not(.clear) {
    float: left;
}
.whitebox .content>.duo.chat .chatmsg:last-child,
.whitebox .content>.trip.chat .chatmsg:last-child {
    margin-bottom: 10px;
}
.whitebox .content>.duo.chat .chatmsg:hover,
.whitebox .content>.trip.chat .chatmsg:hover {
    background: rgba(49, 62, 87, .03);
}
.whitebox .content>.duo.chat .chatmsg .profile_pic,
.whitebox .content>.trip.chat .chatmsg .profile_pic {
    width: 15%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 6px 0;
}
.whitebox .content>.duo.chat .chatmsg .profile_pic img,
.whitebox .content>.trip.chat .chatmsg .profile_pic img {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-opacity: .85;
    -khtml-opacity: .85;
    -webkit-opacity: .85;
    opacity: .85;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
}
.whitebox .content>.duo.chat .chatmsg .boxmsg,
.whitebox .content>.trip.chat .chatmsg .boxmsg {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 85%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    padding: 5px 10px;
}
.whitebox .content>.duo.chat .chatmsg .boxmsg label,
.whitebox .content>.trip.chat .chatmsg .boxmsg label {
    font-weight: 600;
    text-transform: uppercase;
    color: #00FF7F;
    font-size: 14px;
    display: block;
    line-height: 17px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    overflow: hidden;
}
.whitebox .content>.duo.chat .chatmsg .boxmsg label.admin,
.whitebox .content>.trip.chat .chatmsg .boxmsg label.admin {
    color: #e60000;
}
.whitebox .content>.duo.chat .chatmsg .boxmsg .msg,
.whitebox .content>.trip.chat .chatmsg .boxmsg .msg {
    padding-top: 5px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 200;
}
.whitebox .content>.duo .knob,
.whitebox .content>.trip .knob {
    position: relative;
    margin-top: 30px;
    font-size: 12px;
    font-family: 'Roboto B';
}
.whitebox .content>.duo .dial,
.whitebox .content>.trip .dial {
    font-size: 24px;
}

.whitebox .content>.duo .knob:after,
.whitebox .content>.trip .knob:after  {
    content: '';
    display: block;
    position: absolute;
    top: 33px;
    left: calc(50% - 94px);
    width: 190px;
    height: 190px;
    background: #f9f9f9;
    border-radius: 1000px;
    z-index: -10;
}

.whitebox .content>.duo .circle_info,
.whitebox .content>.trip .circle_info {
    margin-top: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font: 30px 'Roboto B';
    color: #00FF7F;
}
.whitebox .content>.duo .countdown,
.whitebox .content>.trip .countdown {
    padding-top: 10px;
}
.whitebox .content>.duo a.deposit,
.whitebox .content>.trip a.deposit {
    margin-top: 15px;
    display: inline-block;
}
.whitebox .content>.duo a.deposit>div,
.whitebox .content>.trip a.deposit>div {
    background: #22b525;
    font-family: Viga, sans-serif;
    color: #fff;
    padding: 16px 45px;
    font-size: 18px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content>.duo a.deposit>div:hover,
.whitebox .content>.trip a.deposit>div:hover {
    background: #1ea021;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content>.duo .gameinfo,
.whitebox .content>.trip .gameinfo {
    margin-top: 40px;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
}
.whitebox .content>.duo .gameinfo>span,
.whitebox .content>.trip .gameinfo>span {
    background: rgba(49, 62, 87, .9);
    color: #fff;
    padding: 1px 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.whitebox .content>.duo .item,
.whitebox .content>.trip .item {
    padding-top: 10px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content>.duo .item.hover,
.whitebox .content>.duo .item:hover,
.whitebox .content>.trip .item.hover,
.whitebox .content>.trip .item:hover {
    background: rgba(0, 0, 0, .05);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content>.duo .item>div:not(.clear),
.whitebox .content>.trip .item>div:not(.clear) {
    float: left;
}
.whitebox .content>.duo .item:not(:last-child),
.whitebox .content>.trip .item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.whitebox .content>.duo .item .item_pic,
.whitebox .content>.trip .item .item_pic {
    padding-left: 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
    text-align: center;
}
.whitebox .content>.duo .item .item_pic img,
.whitebox .content>.trip .item .item_pic img {
    width: 45px;
    /* height:44px */;
}
.whitebox .content>.duo .item .item_info,
.whitebox .content>.trip .item .item_info {
    padding-left: 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
}
.whitebox .content>.duo .item .item_info label,
.whitebox .content>.trip .item .item_info label {
    color: #f5f5f5;
    font-size: 16px;
    padding-bottom: 5px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 201px;
    overflow: hidden;
    font-weight: normal;
}
.whitebox .content>.duo .item .item_info small,
.whitebox .content>.trip .item .item_info small {
    color: #00FF7F;
    font-size: 14px;
}
.whitebox .content>.duo .emptyuser,
.whitebox .content>.trip .emptyuser {
    margin-top: 150px;
    font-size: 14px;
    line-height: 17px;
}
.whitebox .content>.duo .emptyuser a,
.whitebox .content>.trip .emptyuser a {
    -webkit-border-radius: 40px;
    background: -moz-linear-gradient(#b79b00, #f8d204);
    background: -webkit-gradient(linear, 90 90, 0 100%, from(#b79b00), to(#f8d204));
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 17px 30px;
    color: #171931;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}
.whitebox .content>.duo .emptyuser a.steamlogin,
.whitebox .content>.trip .emptyuser a.steamlogin {
    background: url(/img/d11/icon.steam.png) no-repeat 15px center #22b525;
    background-size: 24px;
    padding-left: 44px;
}
.whitebox .content>.duo .emptyuser a.steamlogin:hover,
.whitebox .content>.trip .emptyuser a.steamlogin:hover {
    background: url(/img/d11/icon.steam.png) no-repeat 15px center #1ea021;
    background-size: 24px;
}
.whitebox .content>.duo .user,
.whitebox .content>.trip .user {
    position: relative;
    padding: 10px 0;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content>.duo .user:hover,
.whitebox .content>.trip .user:hover {
    background: rgba(0, 0, 0, .05);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content>.duo .user>div:not(.clear),
.whitebox .content>.trip .user>div:not(.clear) {
    float: left;
}
.whitebox .content>.duo .user:not(:last-child),
.whitebox .content>.trip .user:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.whitebox .content>.duo .user .profile_pic,
.whitebox .content>.trip .user .profile_pic {
    padding-left: 11px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 17%;
}
.whitebox .content>.duo .user .profile_pic img,
.whitebox .content>.trip .user .profile_pic img {
    height: 40px;
    width: 40px;
    margin-top: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 40px;
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
}
.whitebox .content>.duo .user .user_info,
.whitebox .content>.trip .user .user_info {
    padding-left: 14px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%;
}
.whitebox .content>.duo .user .user_info a,
.whitebox .content>.trip .user .user_info a {
    color: #f5f5f5;
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 154px;
    overflow: hidden;
}
.whitebox .content>.duo .user .user_info small,
.whitebox .content>.trip .user .user_info small {
    color: #ffffff;
    font-size: 12px;
}

.whitebox .content>.duo .user .user_info small > strong,
.whitebox .content>.trip .user .user_info small > strong {
    color: #00FF7F;
    font-size: 14px;
}

.whitebox .content>.duo .user .percentage,
.whitebox .content>.trip .user .percentage {
    width: 23%;
    margin-top: 10px;
    padding-right: 20px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #00FF7F;
    font-size: 23px;
    font-family: 'Roboto B';
}
.whitebox .content.notification_history>div {
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    padding: 9px 15px;
}
.whitebox .content.notification_history>div:hover {
    background: rgba(49, 62, 87, .05);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content.notification_history>div:nth-child(odd) {
    background: rgba(0, 0, 0, .03);
}
.whitebox .content.notification_history>div>.date {
    float: right;
    color: #777;
}
.whitebox .content.deposit_history .row {
    padding: 10px 0;
}
.whitebox .content.deposit_history .row:nth-child(odd) {
    background: rgba(49, 62, 87, .03);
}
.whitebox .content.deposit_history .row>div:not(.clear) {
    float: left;
    width: 25%;
    padding: 0 15px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
}
.whitebox .content.deposit_history .row>.trade_id {
    color: #333;
    font-weight: 700;
}
.whitebox .content.deposit_history .row>:not(.trade_id) {
    color: #555;
}
.whitebox .content.deposit_history .row>.status {
    font-weight: 700;
}
.whitebox .content.deposit_history .row>.status.added {
    color: green;
}
.whitebox .content.deposit_history .row>.status.pending {
    color: orange;
}
.whitebox .content.deposit_history .row>.status.declined {
    color: red;
}
.whitebox .content.settings {
    padding: 0 15px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.whitebox .content.settings .form .row {
    padding: 40px 0;
}
.whitebox .content.settings .form .row.border {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}
.whitebox .content.settings .form .row>:not(.clear) {
    margin-left: 101px;
    color: #9f9f9f;
    float: left;
}
.whitebox .content.settings .form .row>div {
    width: 18%;
}
.whitebox .content.settings .form .row>div label {
    color: #00FF7F;
    font-size: 16px;
    /* line-height: 60px; */
    margin: 16px 0 6px;
    font-size: 14px;
    font-weight: bold;
    /* color: #000; */
}
.whitebox .content.settings .form .row>div small {
    font-size: 12px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.whitebox .content.settings .form .row>div small a {
    font-weight: 700;
    /*color: #313e57;*/
}
.whitebox .content.settings .form .row>input[type=text] {
    width: 60%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 15px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .3);
    background: #f2f2f2;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    width: 498px;
    height: 43px;
    margin: 5px 130px 0 0;
    padding: 0 31px;
    font: 13px 'Roboto';
    color: #000;
    float: right;
}
.whitebox .content.settings .form .row>input[type=checkbox] {
    margin-top: 12px;
}
.whitebox .content.settings .form .row>input[type=submit] {
    line-height: 36px;
    margin: 0 45%;
    -webkit-border-radius: 40px;
    background: -moz-linear-gradient(#b79b00, #f8d204);
    background: -webkit-gradient(linear, 90 90, 0 100%, from(#f8d204), to(#b79b00));
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #171931;
    font-weight: 600;
    line-height: 35px;
}
.whitebox .content.settings .form .row>input[type=submit]:hover {color: rgba(255,255,255,0.8);      outline: 0;}
.whitebox .content.faq .faqentry {
    padding: 15px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.whitebox .content.faq .faqentry:hover {
    background: rgba(49, 62, 87, .05);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.whitebox .content.faq .faqentry:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.whitebox .content.faq .faqentry .question {
    color: #313e57;
    font-size: 16px;
    line-height: 20px;
    background: #00FF7F;
    border-radius: 0 40px 40px 40px;
    line-height: 40px;
    margin: -4px 0 13px 90px;
    padding: 0 19px;
    font-size: 14px;
    font-weight: bold;
    color: #171931;
    width: 35%;
}
.whitebox .content.faq .faqentry .answer {
    color: #f5f5f5;
    font-size: 12px;
    line-height: 15px;
    line-height: 22px;
    padding: 0 112px 14px;
    clear: left;
}
.whitebox .content.faq .faqentry .answer a {
    color: #313e57;
    font-weight: 600;
}
.whitebox .content.faq .faqentry .answer strong {
    font-weight: 600;
}
.whitebox .content.faq .faqentry .answer ul {
    list-style-type: circle;
    border-bottom: 1px solid #ebebeb;
    line-height: 22px;
    /* padding: 0 112px 14px; */
    clear: left;
}
.whitebox .content.faq .faqentry .answer ul li {
    margin-left: 17px;
}
.whitebox .content.deposit .deposit_item_list,
.whitebox .content.deposit .info {
    float: left;
}
.whitebox .content.deposit .deposit_item_list {
    padding: 10px;
    overflow: hidden;
    overflow-y: scroll;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    min-height: 210px;
    max-height: 400px;
}
.whitebox .content.deposit .deposit_item_list .reload_inventory {
    display: inline-block;
    margin: 0 auto;
    background: #313e57;
    padding: 8px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}
.whitebox .content.deposit .deposit_item_list.loading {
    background: url(/img/loading_big.gif) no-repeat center center;
}
.whitebox .content.deposit .deposit_item_list .item {
    background: #fff;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .3);
    margin-bottom: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 2px;
}
.whitebox .content.deposit .deposit_item_list .item img {
    width: 64px;
    height: 64px;
    padding-bottom: 10px;
}
.whitebox .content.deposit .deposit_item_list .item label {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 2px 0;
    font-size: 11px;
}
.whitebox .content.deposit .deposit_item_list .item.active {
    border: 1px solid #2ab3f7;
}
.whitebox .content.deposit .deposit_item_list .item.active label {
    background: #2ab3f7;
}
.whitebox .content.deposit .info {
    width: 20%;
    font-size: 12px;
    line-height: 28px;
    color: #444;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    font-family: Viga, sans-serif;
    font-size: 16px;
    text-align: center;
    padding: 25px 0;
    border-left: 1px solid rgba(0, 0, 0, .1);
}
.whitebox .content.deposit .info>div {
    margin: 0 auto;
    display: none;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content.deposit .info span {
    background: #2ab3f7;
    color: #fff;
    padding: 1px 4px;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
}
.whitebox .content.deposit .info span.warning {
    background: #de2a2a;
}
.whitebox .content.deposit .info #totalInventoryValue {
    color: #666;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 11px;
}
.whitebox .content.deposit .info div#depositItems {
    background: #2ab3f7;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px 15px;
    border: 0;
    font-family: Viga, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    display: inline-block;
    margin-bottom: 10px;
}
.whitebox .content.deposit .info div#depositItems:not(.disabled):not(.loading):hover {
    background: #11aaf6;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content.deposit .info div#depositItems.disabled {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
    filter: alpha(opacity=70);
    cursor: no-drop;
}
.whitebox .content.deposit .info div#depositItems.loading {
    background: url(/img/loading_big.gif) no-repeat center center;
    cursor: auto;
    width: 90%;
}
.whitebox .content.winnerlist .winner {
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    padding: 10px 0;

}
.whitebox .content.winnerlist .winner>div:not(.clear) {
    float: left;
}
.whitebox .content.winnerlist .winner:hover {background: #080a1c;}
.whitebox .content.winnerlist .winner:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.whitebox .content.winnerlist .winner .winner_pic {
    padding-left: 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 5%;
}
.whitebox .content.winnerlist .winner .winner_pic img {
    border-radius: 100%;
    width: 56px;
    height: 56px;
}
.whitebox .content.winnerlist .winner .winner_info {
    padding-left: 20px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45%;
}
.whitebox .content.winnerlist .winner .winner_info a {
    color: #00FF7F;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 27px;
    width: 200px;
    overflow: hidden;
    text-transform: uppercase;
}
.whitebox .content.winnerlist .winner .winner_info small {
    color: #707988;
    font-size: 14px;
    width: auto;
    line-height: 21px;
    display: inline-block;
}
.whitebox .content.winnerlist .winner .winner_info small > strong {
    color: #00FF7F;
}
.whitebox .content.winnerlist .winner .win_items {
    text-align: left;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 3px;
    -moz-opacity: .85;
    -khtml-opacity: .85;
    -webkit-opacity: .85;
    opacity: .85;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
    padding-left: 18px;
    margin-top: 3px;
    width: 30%;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;

    height: 70px;
    overflow: hidden; /*костыль */
}

.whitebox .content.winnerlist .winner .win_items img.showTooltip {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-right: 10px;
    background-image: url(/img/d11/ar_bg.png);
    background-repeat: no-repeat;
}

.whitebox .content.winnerlist .winner .win_items .more {
    display: inline-block;
    vertical-align: top;
    margin-top: 14px;
    margin-left: 10px;
    color: #000000;
}
.whitebox .content.winnerlist .winner .win_details {
    text-align: right;
    width: 20%;
    padding: 20px 0;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.whitebox .content.winnerlist .winner .win_details label {
    color: #00FF7F;
    font-size: 30px;
    text-align: right;
    vertical-align: middle;
    padding: 13px 25px;
    font-weight: 400;
}
.whitebox .content.winnerlist .winner:hover .win_details label{

}
.whitebox .content.winnerlist .winner .win_details a {
    color: #333;
    font-size: 13px;
}
#overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    z-index: 4;
}
#overlay .popup {
    position: fixed;
    width: 720px;
    max-width: 90%;
    max-height: 80%;
    overflow: hidden;
    overflow-y: scroll;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    background: #fff;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
#overlay .popup.visible {
    transform: translate(-50%, 0);
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
#overlay .header {
    font-size: 18px;
    color: #313e57;
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}
#overlay .content {
    padding: 15px;
    color: #444;
    font-size: 13px;
    line-height: 15px;
}
#overlay .content ul {
    list-style-type: circle;
}
#overlay .content ul li {
    margin-left: 17px;
}
#overlay .content a {
    color: #313e57;
    font-weight: 700;
}
#overlay .buttons {
    text-align: right;
    height: 40px;
}
#overlay .buttons>div {
    display: inline-block;
    margin-right: 10px;
    padding: 10px 15px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
}
#overlay .buttons>div>a {
    color: #fff;
}
#overlay .buttons>div.accept {
    background: #22b525;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
#overlay .buttons>div.accept:hover {
    background: #1ea021;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
#overlay .buttons>div.lblue {
    background: #2ab3f7;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
#overlay .buttons>div.lblue:hover {
    background: #11aaf6;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
#overlay .buttons>div.cancel {
    background: #de2a2a;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
#overlay .buttons>div.cancel:hover {
    background: #cf2020;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
#overlay .buttons>div.disabled {
    -moz-opacity: .4;
    -khtml-opacity: .4;
    -webkit-opacity: .4;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=40);
}

.social a {
    -moz-opacity: .85;
    -khtml-opacity: .85;
    -webkit-opacity: .85;
    opacity: .85;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85);
    filter: alpha(opacity=85);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.social a:not(:first-child) {
    margin-left: 10px;
}
.social a img {
    width: 28px;
    height: 28px;
}
.social a:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
@media only screen and (max-width: 1500px) {
    .whitebox .content>.trip .item .item_pic {
        width: 14%;
   }
        .whitebox .content>.trip .item .item_pic img {
        width: 100%;
   };
}
@media only screen and (max-width: 1400px) {
    .whitebox .content>.trip .user .profile_pic img {
    width: 100%;
    height: 100%;
    }
        .whitebox .content>.trip .user .profile_pic {
    width: 10%;
    margin-top: 12px;
    };
}

.inbank {
    margin-top: 25px;  
    text-align: center;
    font-family: 'Roboto'; 
    font-weight: bold;
}

.inbank div {
    font-size: 30px;
}

/*== FOOTER ==*/

footer {position: relative;width: 100%;margin: 0 auto;height: 80px;box-shadow: 0 2px 20px rgba(0,0,0,.15);-moz-box-shadow: 0 2px 20px rgba(0,0,0,.15);-webkit-box-shadow: 0 2px 20px rgba(0,0,0,.15);}

footer .social {width: 247px; height: 46px; margin-left: -120px; position: absolute; top: -31px; left: 50%;}
footer .social div {background: url('/img/d11/social-div.png') no-repeat; width: 60px; height: 46px; float: left;}
footer .social div a {display: block; width: 60px; height: 46px;}
footer .social .facebook {position: relative;}
footer .social .facebook:hover .sub {display: block;}
footer .social .facebook a {background: url('images/facebook.png') no-repeat 22px 15px;}
footer .social .facebook .sub {display: none; background: rgba(54, 62, 68, 0.92); border: 2px solid #7ecd62; border-radius: 5px; width: 172px; height: auto; padding: 12px 17px; font-size: 14px; color: #7ecd62; text-align: center; float: none; position: absolute; top: -95px; left: -75px;}
footer .social .facebook .sub:before {content: ""; border-width: 7px 7px 0 7px; border-style: solid; border-color: #7ecd62 transparent; position: absolute; bottom: -7px; left: 96px;}
footer .social .steam {margin: 0 33px;}
footer .social .steam a {background: url('images/steam.png') no-repeat 14px 12px;}
footer .social .twitter a {background: url('images/twitter.png') no-repeat 13px 18px;}

footer .links {text-align: center;}
footer .links a {color: #707988;}

/* ======= */

header .top {background: #48525e;height: 100px;background: #1c1b1b url(/img/d11/header.png) no-repeat center center;background-size: 100% auto;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

header .top a.logotype {display: block;background: url('/img/logotype.png?123') no-repeat;width: 267px;height: 53px;margin-top: 21px;float: left;margin-left: -50px;}

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

header .top ul.menu {border-left: 1px solid rgba(255, 255, 255, 0.03); line-height: 69px; float: left; overflow: hidden;}
header .top ul.menu li {float: left;}
header .top ul.menu li a {padding: 0 30px;line-height: 12px;display: inline-block;transition: .3s all ease;color: #fff;font-size: 17px;text-transform: uppercase;font-weight: bold;text-decoration: none;}
header .top ul.menu li a:hover {
    color: #EB9612;
}
header .top ul.menu li:hover ;{}


header .top .login {background: url('/img/login.png') no-repeat 20px 14px, #4caf50;/* border: 1px solid #546b79; */ border-radius: 3px; line-height: 43px; margin: 12px 0 0 30px; float: left;color: #fff;transition: .3s all ease;}
header .top .login a {display: block; padding: 0 21px 0 71px; font-size: 14px;color: #fff;transition: .3s all ease;}
header .top .login:hover {
    background: url('/img/login.png') no-repeat 20px 14px, #5ACA5F;
}

header .top .profile {width: 253px;float: left;cursor: default;position: relative;color: #fff;transition: .3s all ease;}
header .top .profile:hover ;{}
header .top .profile:hover .sub {display: block;}
header .top .profile .avatar {margin: 14px 19px 0 31px; float: left;}
header .top .profile .avatar img {border-radius: 0 50% 50% 50%; width: 41px; height: 41px; float: left;}
header .top .profile .name {width: 155px; line-height: 69px; font-size: 14px; float: left; overflow: hidden;}
header .top .profile .sub {display: none; background: #2e3c48; border: 1px solid #394955; border-top: 0 none; border-radius: 0 0 3px 3px; width: 253px; line-height: 36px; padding: 8px 0; position: absolute; top: 69px; right: -1px; overflow: hidden;}
header .top .profile .sub ul li {margin-left: 31px;}
header .top .profile .sub ul li a { font-size: 13px;}
.width {width: 1200px;margin: 0 auto;}
header .top .login a:hover {
    color: #E5FFE0;
}
span.nick {
    width: 120px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.theend {text-align: center; font-family: 'Roboto'; font-weight: bold;}
.theend div {display: block; text-align: center; padding: 4px 0;}
.theend div span {font-family: 'Roboto';}
.h-title {margin: 45px auto 0px;width: 250px;font: 14px 'Roboto B';text-align: center;color: #353535;text-transform: uppercase;color: #fff;background: #f39c12;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #f39c12 0%, #e49211 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f39c12), color-stop(100%,#e49211));background: -webkit-linear-gradient(top, #f39c12 0%,#e49211 100%);background: -o-linear-gradient(top, #f39c12 0%,#e49211 100%);background: -ms-linear-gradient(top, #f39c12 0%,#e49211 100%);background: linear-gradient(to bottom, #f39c12 0%,#e49211 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39c12', endColorstr='#e49211',GradientType=0 );height: 36px;line-height: 36px;padding: 0 20px;/* border-radius: 3px; */-moz-border-radius: 3px;-webkit-border-radius: 3px;}

.history {margin-bottom: 65px;}
.history .short {background: url('images/history-short.png') no-repeat 116px 0; padding-bottom: 20px;}
.history .short:nth-of-type(1) {background: url('images/history-short-1.png') no-repeat 116px 20px;}
.history .short:nth-of-type(5) {background: url('images/history-short-5.png') no-repeat 116px 0;}
.history .short .round {width: 99px; line-height: 54px; font-family: 'Roboto B'; text-align: right; float: left;}
.history .short .avatar {margin: 0 18px 0 49px; float: left;}
.history .short .avatar img {border-radius: 0 50% 50% 50%; width: 56px; height: 56px;}
.history .short ul {width: 297px; line-height: 20px; margin-top: 10px; float: left;}
.history .short ul li {height: 18px; color: #9aa4ab; overflow: hidden;}
.history .short ul li:first-child {font-weight: bold; color: #fff;}
.history .short ul li span {margin-right: 18px;}
.history .short .h-items {background: #2d353b; border: 1px solid #323b41; width: 467px; height: 54px; border-radius: 56px; padding-left: 18px; float: left; overflow: hidden;}
.history .short .h-items img {width: 30px; height: 30px; margin: 12px 11px 0; float: left;}
.history .short .h-items div {line-height: 54px; margin-right: 23px; font-weight: bold; color: #fbc07a; float: right;}
.history .short .chance-sum {background: linear-gradient(to top, rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.07)); border: 1px solid #4c5459; border-radius: 56px; float: right; overflow: hidden;}
.history .short .chance-sum div {font: 17px/54px 'Roboto B'; text-align: center; float: left;}
.history .short .chance-sum div:nth-of-type(1) {border-right: 1px solid #4c5459;width: 74px;}
.history .short .chance-sum div:nth-of-type(2) {width: 107px;}
.history .short .chance-sum div span {font: 13px 'Roboto';}

.additems {
    border-radius: 3px;
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
    background: rgba(0, 0, 0, 0.2);
}

.additems .title {
    border-bottom: 1px solid #00FF7F;
    border-image-slice: 1;
    line-height: 52px;
    padding: 0 20px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
}

.additems .title .left {
    font-size: 16px;
    font-family: 'Roboto'; 
    font-weight: bold;
    text-transform: uppercase; 
    float: left;
    color: #f5f5f5;
}

.additems .title a {display: block; font-size: 14px; background: url('/img/refresh.png') no-repeat left; padding-left: 31px; float: right;cursor: pointer;color: #fff;}
.additems .select-box {padding: 19px 29px; overflow: hidden;}
.additems .select-box .block {line-height: 35px; font-size:14px; float: left;color: #f5f5f5;}
.additems .select-box .block:nth-of-type(1) {color: #00FF7F;}
.additems .select-box .block:nth-of-type(1) div {border: 1px solid #00FF7F;}
.additems .select-box .block:nth-of-type(4) {color: #00FF7F;}
.additems .select-box .block:nth-of-type(4) div {border: 1px solid #00FF7F;margin-right: 0;}
.additems .select-box .block div {display: inline-block;border: 1px solid #5a6872;border-radius: 35px;line-height: 33px;margin: 0 46px 0 17px;padding: 0 23px;}
.additems .select-box .block div span {font-family: 'Roboto B';}
.additems .select-box a {
    display: block;
    -webkit-border-radius: 40px;
    background: -moz-linear-gradient(#b79b00, #f8d204);
    background: -webkit-gradient(linear, 90 90, 0 100%, from(#b79b00), to(#f8d204));
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: #171931;
    font-weight: 600;
    line-height: 35px;
    padding: 0 25px;
    float: right;
    text-transform: uppercase;
    font-family: 'Roboto B';
    -webkit-transition: background 650ms linear;
    -moz-transition: background 650ms linear;
    -o-transition: background 650ms linear;
    transition: background 650ms linear;
    }
.additems .select-box a:hover {
    background: -webkit-gradient(linear, 90 90, 0 100%, from(#b79b00), to(#f8d204));
    -webkit-transition: background 650ms linear;
    -moz-transition: background 650ms linear;
    -o-transition: background 650ms linear;
    transition: background 650ms linear;
    color: #ffffff;
}
.additems .inventar {padding: 0 0 10px 20px; overflow: hidden;}
.additems .inventar .item {background: #fff; border: 1px solid #31414c; border-radius: 3px 3px 4px 4px; width: 66px; height: 78px;margin: 0 8px 10px 0; position: relative; float: left; overflow: hidden;}
.additems .inventar .item.active {background: #31414c; border: 1px solid #7ecd62;}
.additems .inventar .item img {width: 64px;}
.additems .inventar .item div {background: rgba(0, 0, 0, 0.5); border-radius: 0 0 3px 3px; width: 66px; line-height: 16px; font-size: 10px; text-align: center; position: absolute; right: 0; bottom: 0;}

.inventar .item label {
    background: rgba(0, 0, 0, 0.5);
    width: 66px;
    line-height: 17px;
    font-size: 10px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
}
a#savebut {
    width: 140px;
    cursor: pointer;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    background: #f39c12;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f39c12 0%, #e49211 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f39c12), color-stop(100%,#e49211));
    background: -webkit-linear-gradient(top, #f39c12 0%,#e49211 100%);
    background: -o-linear-gradient(top, #f39c12 0%,#e49211 100%);
    background: -ms-linear-gradient(top, #f39c12 0%,#e49211 100%);
    background: linear-gradient(to bottom, #f39c12 0%,#e49211 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39c12', endColorstr='#e49211',GradientType=0 );
    line-height: 36px;
    padding: 0 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
button {
    display: inline-block;
    padding: 3px 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tradelinkkk {
    color: #00FF7F;
}

/*---IS_ADMIN---*/
.whitebox .content>.duo.chat .chatmsg.is_admin .boxmsg label, .whitebox .content>.trip.chat .chatmsg.is_admin .boxmsg label{
    color: #f00;
}
/*---IS_MODER---*/
.whitebox .content>.duo.chat .chatmsg.is_moder .boxmsg label, .whitebox .content>.trip.chat .chatmsg.is_moder .boxmsg label{
    color: #1ea021;
}

/* additional button */
.button_csgo {
    position: fixed;
    right: 0;
    bottom: 40%;
    box-shadow: 0 0 15px 0px rgba(210, 210, 210, 0.52);
    z-index: 9999;
}
.button_csgo a {
    display: block;
    width: 45px;
    height: 95px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: url('/img/add_button/button_csgo.png') 50% 50% #141519 no-repeat;
}
.button_csgo a:hover {
    display: block;
    width: 45px;
    height: 95px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: url('/img/add_button/button_csgo_hover.png') 50% 50% #141519 no-repeat;
}
.button_dota {
    position: fixed;
    right: 0;
    bottom: 40%;
    box-shadow: 0 0 15px 0px rgba(210, 210, 210, 0.52);
    z-index: 9999;
}
.button_dota a {
    display: block;
    width: 45px;
    height: 95px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: url('/img/add_button/button_dota2.png') 50% 50% #141519 no-repeat;
}
.button_dota a:hover {
    display: block;
    width: 45px;
    height: 95px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: url('/img/add_button/button_dota2_hover.png') 50% 50% #141519 no-repeat;
}

header #topbar #nav .bigbutton.greenbutton {
    font-family: 'Roboto B','Open Sans', 'Helvetica Neue', sans-serif;
    color: #171931;
    box-sizing: border-box;
    padding: 19px 60px;
    text-transform: uppercase;
    font-size: 16px;
    background: -moz-linear-gradient(#01c0be, #00FF7F); 
    background-image: url("/img/d11/steam.png"), linear-gradient(#01c0be, #00FF7F);-webkit-gradient(linear, 90 90, 0 100%, from(#01c0be), to(#00FF7F));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01c0be', endColorstr='#00FF7F');
    background-repeat: no-repeat;
    color: #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 40px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    box-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-position: left;
    }

    header #topbar #nav .bigbutton.greenbutton:hover {
    font-family: 'Roboto B','Open Sans', 'Helvetica Neue', sans-serif;
    color: #171931;
    box-sizing: border-box;
    padding: 19px 60px;
    text-transform: uppercase;
    font-size: 16px;
    background: -moz-linear-gradient(#01c0be, #00FF7F); 
    background-image: url("/img/d11/steam.png"), linear-gradient(#01c0be, #00FF7F);-webkit-gradient(linear, 90 90, 0 100%, from(#01c0be), to(#00FF7F));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01c0be', endColorstr='#00FF7F');
    background-repeat: no-repeat;
    color: #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 40px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    box-shadow: 0 0 55px rgba(0,255,253,0.75);
    background-position: left;
    }

.play {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/play_a.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}

.play:hover {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/play_a.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}


.faq {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/faq.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}
.faq:hover {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/faq_a.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}

.bigbutton.green {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/deposit.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}
.bigbutton.green:hover {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/deposit_a.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}

.logout {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/logout.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}
.logout:hover {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/logout_a.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}
.account {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/account.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}
.account:hover {
    color: #00FF7F;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    text-shadow: 0 0 25px rgba(0,255,253,0.75);
    background-image: url(/img/d11/account_a.png);
    background-repeat: no-repeat;
    padding: 0px 30px;
}



header #topbar #nav a{
padding: 0 30px;
}

header #topbar #nav a.faq{
background-image: url(/img/d11/faq.png);
text-shadow: none;
}
header #topbar #nav a.faq:hover{
background-image: url(/img/d11/faq_a.png);
text-shadow: 0 0 25px rgba(0,255,253,0.75);
}

header #topbar #nav a.faq.active{
background-image: url(/img/d11/faq_a.png);
}

header #topbar #nav a.play{
background-image: url(/img/d11/play.png);
text-shadow: none;
}
header #topbar #nav a.play:hover{
background-image: url(/img/d11/play_a.png);
text-shadow: 0 0 25px rgba(0,255,253,0.75);
}

header #topbar #nav a.play.active{
background-image: url(/img/d11/play_a.png);
}
.whitebox .content.faq{
background-image: none;
}
.whitebox .content.faq:hover{
background-image: none;
}



header #topbar #nav a.bigbutton.green{
background-image: url(/img/d11/deposit.png);
text-shadow: none;
}
header #topbar #nav a.bigbutton.green:hover{
background-image: url(/img/d11/deposit_a.png);
text-shadow: 0 0 25px rgba(0,255,253,0.75);
}
header #topbar #nav a.bigbutton.green.active{
background-image: url(/img/d11/deposit_a.png)
}


header #topbar #nav a.logout{
background-image: url(/img/d11/logout.png);
text-shadow: none;
}
header #topbar #nav a.logout:hover{
background-image: url(/img/d11/logout_a.png);
text-shadow: 0 0 25px rgba(0,255,253,0.75);
}
header #topbar #nav a.logout.active{
background-image: url(/img/d11/logout_a.png)
}

header #topbar #nav a.account{
background-image: url(/img/d11/account.png);
text-shadow: none;
}
header #topbar #nav a.account:hover{
background-image: url(/img/d11/account_a.png);
text-shadow: 0 0 25px rgba(0,255,253,0.75);
}
header #topbar #nav a.account.active{
background-image: url(/img/d11/account_a.png)