.ov-text-restrict,
.ov-user-item .title,
.ov-match-user .match-user-name,
.ov-match-room-head span,
.ov-chat-window .chat-layout-titlebar a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.header-underline,
.header-small,
label,
.tabs-holder,
.ov-friends-list .lobby-text-message,
.ov-friends-list .lobby-button-game,
.ov-friends-list .lobby-button,
.ov-friends-list-label,
.ov-chat-list-label,
.stat-item small,
.ov-user-stat-micro small,
.ov-user-stat-sm small,
.ov-user-item .stat small,
.team-item .stat small,
.ov-user-item .ov-user-info-holder,
.ov-match-user .match-user-name .label,
.ov-widget-user-panel .ov-widget-user-panel-info,
.arena-stat-item small,
.header-label h3,
.match-stat-item small {
    text-transform: uppercase;
    letter-spacing: .05em
}

label,
.tabs-holder,
.ov-friends-list .lobby-text-message,
.ov-friends-list .lobby-button-game,
.ov-friends-list .lobby-button,
.ov-friends-list-label,
.ov-chat-list-label,
.ov-user-stat-micro small,
.ov-user-stat-sm small,
.ov-user-item .stat small,
.ov-user-item .ov-user-info-holder,
.ov-match-user .match-user-name .label,
.ov-widget-user-panel .ov-widget-user-panel-info {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ov-topbar .ov-user-avatar,
.ov-topbar .ov-user-avatar .user-level,
.ov-topbar .user-stream,
.avatar .ov-user-avatar,
.avatar .ov-user-avatar .user-level,
.avatar .user-stream,
.ov-user-item .user-action,
.team-item .user-action,
.lobby-user .avatar .ov-user-avatar,
.lobby-user .avatar .ov-user-avatar .user-level,
.lobby-user .avatar .user-stream,
.ov-match-user .avatar .ov-user-avatar,
.ov-match-user .avatar .ov-user-avatar .user-level,
.ov-match-user .avatar .user-stream,
.ov-avatar-lg .ov-user-avatar,
.ov-avatar-lg .ov-user-avatar .user-level,
.ov-avatar-lg .user-stream {
    border-radius: 1000px
}
.pulse {
    box-shadow: 0 0 0 #70157b;
    animation: pulse 1s infinite
}

.mute {
    opacity: .33
}
.pulse:hover {
    animation: none
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0)
    }
    60% {
        -webkit-box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0.6)
    }
    100% {
        -webkit-box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0)
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0);
        box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0)
    }
    60% {
        -moz-box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0.6);
        box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0.6)
    }
    100% {
        -moz-box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0);
        box-shadow: 0 0 15px 5px rgba(217, 11, 210, 0)
    }
}


body {
    background-color: #fcfcfc;
}

.fa-nav {
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.ic {
    font-family: 'cme-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.ic-spin {
    -webkit-animation: fa-spin 3s infinite linear;
    animation: fa-spin 3s infinite linear;
    display: inline-block
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-359deg);
        transform: rotate(-359deg)
    }
}

html,
body {
    height: 100%
}
html {
    box-sizing: border-box
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}
html,
body {
    font-size: 100%
}
body {
    background: #232326;
    color: #fff;

    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative
}

img {
    max-width: 100%;
    height: auto
}
img {
    -ms-interpolation-mode: bicubic
}

.left {
    float: left !important
}
.right {
    float: right !important
}
.clearfix:before,
.ov-friends-list>li:before,
.ov-chat-list>li:before,
.ov-friends-list>li>a:before,
.ov-chat-list>li>a:before,
.ov-chat-message:before,
.clearfix:after,
.ov-friends-list>li:after,
.ov-chat-list>li:after,
.ov-friends-list>li>a:after,
.ov-chat-list>li>a:after,
.ov-chat-message:after {
    content: " ";
    display: table
}

.clearfix:after,
.ov-friends-list>li:after,
.ov-chat-list>li:after,
.ov-friends-list>li>a:after,
.ov-chat-list>li>a:after,
.ov-chat-message:after {
    clear: both
}
.hide {
    display: none
}
.invisible {
    visibility: hidden
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
img {
    display: inline-block;
    vertical-align: middle
}
textarea {
    height: auto;
    min-height: 50px
}
select {
    width: 100%
}

button,
.button,
.modal-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 16px 32px 17px 32px;
    font-size: 16px;
    background-color: #ca0bd9;
    border-color: #70157b;
    color: #fff;
    transition: background-color 300ms ease-out
}
button:hover,
button:focus,
.button:hover,
.modal-button:hover,
.button:focus,
.modal-button:focus {
    background-color: #70157b
}
button:hover,
button:focus,
.button:hover,
.modal-button:hover,
.button:focus,
.modal-button:focus {
    color: #fff
}
button.secondary,
.button.secondary,
.secondary.modal-button {
    background-color: #737373;
    border-color: #5c5c5c;
    color: #fff
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.secondary.modal-button:hover,
.button.secondary:focus,
.secondary.modal-button:focus {
    background-color: #5c5c5c
}
button.secondary:hover,
button.secondary:focus,
.button.secondary:hover,
.secondary.modal-button:hover,
.button.secondary:focus,
.secondary.modal-button:focus {
    color: #fff
}
button.success,
.button.success,
.success.modal-button {
    background-color: #84bd00;
    border-color: #6a9700;
    color: #fff
}
button.success:hover,
button.success:focus,
.button.success:hover,
.success.modal-button:hover,
.button.success:focus,
.success.modal-button:focus {
    background-color: #6a9700
}
button.success:hover,
button.success:focus,
.button.success:hover,
.success.modal-button:hover,
.button.success:focus,
.success.modal-button:focus {
    color: #fff
}
button.alert,
.button.alert,
.alert.modal-button {
    background-color: #e8b82e;
    border-color: #c89a16;
    color: #fff
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.alert.modal-button:hover,
.button.alert:focus,
.alert.modal-button:focus {
    background-color: #c89a16
}
button.alert:hover,
button.alert:focus,
.button.alert:hover,
.alert.modal-button:hover,
.button.alert:focus,
.alert.modal-button:focus {
    color: #fff
}
button.warning,
.button.warning,
.warning.modal-button {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.warning.modal-button:hover,
.button.warning:focus,
.warning.modal-button:focus {
    background-color: #cf6e0e
}
button.warning:hover,
button.warning:focus,
.button.warning:hover,
.warning.modal-button:hover,
.button.warning:focus,
.warning.modal-button:focus {
    color: #fff
}
button.info,
.button.info,
.info.modal-button {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}
button.info:hover,
button.info:focus,
.button.info:hover,
.info.modal-button:hover,
.button.info:focus,
.info.modal-button:focus {
    background-color: #61b6d9
}
button.info:hover,
button.info:focus,
.button.info:hover,
.info.modal-button:hover,
.button.info:focus,
.info.modal-button:focus {
    color: #fff
}
button.large,
.button.large,
.large.modal-button {
    padding: 18px 36px 19px 36px;
    font-size: 20px
}
button.small,
.button.small,
.small.modal-button {
    padding: 12px 24px 13px 24px;
    font-size: 13px
}
button.tiny,
.button.tiny,
.tiny.modal-button {
    padding: 10px 20px 11px 20px;
    font-size: 11px
}
button.expand,
.button.expand,
.expand.modal-button {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}
button.left-align,
.button.left-align,
.left-align.modal-button {
    text-align: left;
    text-indent: 12px
}
button.right-align,
.button.right-align,
.right-align.modal-button {
    text-align: right;
    padding-right: 12px
}
button.radius,
.button.radius,
.radius.modal-button {
    border-radius: 6px
}
button.round,
.button.round,
.round.modal-button {
    border-radius: 1000px
}
button.disabled,
button[disabled],
.button.disabled,
.disabled.modal-button,
.button[disabled],
[disabled].modal-button {
    background-color: #70157b;
    border-color: #d90bd2;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.disabled.modal-button:hover,
.button.disabled:focus,
.disabled.modal-button:focus,
.button[disabled]:hover,
[disabled].modal-button:hover,
.button[disabled]:focus,
[disabled].modal-button:focus {
    background-color: #d90bd2
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.disabled.modal-button:hover,
.button.disabled:focus,
.disabled.modal-button:focus,
.button[disabled]:hover,
[disabled].modal-button:hover,
.button[disabled]:focus,
[disabled].modal-button:focus {
    color: #fff
}
button.disabled:hover,
button.disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
.button.disabled:hover,
.disabled.modal-button:hover,
.button.disabled:focus,
.disabled.modal-button:focus,
.button[disabled]:hover,
[disabled].modal-button:hover,
.button[disabled]:focus,
[disabled].modal-button:focus {
    background-color: #70157b
}
button.disabled.secondary,
button[disabled].secondary,
.button.disabled.secondary,
.disabled.secondary.modal-button,
.button[disabled].secondary,
[disabled].secondary.modal-button {
    background-color: #737373;
    border-color: #5c5c5c;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.disabled.secondary.modal-button:hover,
.button.disabled.secondary:focus,
.disabled.secondary.modal-button:focus,
.button[disabled].secondary:hover,
[disabled].secondary.modal-button:hover,
.button[disabled].secondary:focus,
[disabled].secondary.modal-button:focus {
    background-color: #5c5c5c
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.disabled.secondary.modal-button:hover,
.button.disabled.secondary:focus,
.disabled.secondary.modal-button:focus,
.button[disabled].secondary:hover,
[disabled].secondary.modal-button:hover,
.button[disabled].secondary:focus,
[disabled].secondary.modal-button:focus {
    color: #fff
}
button.disabled.secondary:hover,
button.disabled.secondary:focus,
button[disabled].secondary:hover,
button[disabled].secondary:focus,
.button.disabled.secondary:hover,
.disabled.secondary.modal-button:hover,
.button.disabled.secondary:focus,
.disabled.secondary.modal-button:focus,
.button[disabled].secondary:hover,
[disabled].secondary.modal-button:hover,
.button[disabled].secondary:focus,
[disabled].secondary.modal-button:focus {
    background-color: #737373
}
button.disabled.success,
button[disabled].success,
.button.disabled.success,
.disabled.success.modal-button,
.button[disabled].success,
[disabled].success.modal-button {
    background-color: #84bd00;
    border-color: #6a9700;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.disabled.success.modal-button:hover,
.button.disabled.success:focus,
.disabled.success.modal-button:focus,
.button[disabled].success:hover,
[disabled].success.modal-button:hover,
.button[disabled].success:focus,
[disabled].success.modal-button:focus {
    background-color: #6a9700
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.disabled.success.modal-button:hover,
.button.disabled.success:focus,
.disabled.success.modal-button:focus,
.button[disabled].success:hover,
[disabled].success.modal-button:hover,
.button[disabled].success:focus,
[disabled].success.modal-button:focus {
    color: #fff
}
button.disabled.success:hover,
button.disabled.success:focus,
button[disabled].success:hover,
button[disabled].success:focus,
.button.disabled.success:hover,
.disabled.success.modal-button:hover,
.button.disabled.success:focus,
.disabled.success.modal-button:focus,
.button[disabled].success:hover,
[disabled].success.modal-button:hover,
.button[disabled].success:focus,
[disabled].success.modal-button:focus {
    background-color: #84bd00
}
button.disabled.alert,
button[disabled].alert,
.button.disabled.alert,
.disabled.alert.modal-button,
.button[disabled].alert,
[disabled].alert.modal-button {
    background-color: #e8b82e;
    border-color: #c89a16;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.disabled.alert.modal-button:hover,
.button.disabled.alert:focus,
.disabled.alert.modal-button:focus,
.button[disabled].alert:hover,
[disabled].alert.modal-button:hover,
.button[disabled].alert:focus,
[disabled].alert.modal-button:focus {
    background-color: #c89a16
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.disabled.alert.modal-button:hover,
.button.disabled.alert:focus,
.disabled.alert.modal-button:focus,
.button[disabled].alert:hover,
[disabled].alert.modal-button:hover,
.button[disabled].alert:focus,
[disabled].alert.modal-button:focus {
    color: #fff
}
button.disabled.alert:hover,
button.disabled.alert:focus,
button[disabled].alert:hover,
button[disabled].alert:focus,
.button.disabled.alert:hover,
.disabled.alert.modal-button:hover,
.button.disabled.alert:focus,
.disabled.alert.modal-button:focus,
.button[disabled].alert:hover,
[disabled].alert.modal-button:hover,
.button[disabled].alert:focus,
[disabled].alert.modal-button:focus {
    background-color: #e8b82e
}
button.disabled.warning,
button[disabled].warning,
.button.disabled.warning,
.disabled.warning.modal-button,
.button[disabled].warning,
[disabled].warning.modal-button {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff;
    box-shadow: none;
    cursor: default;
    opacity: .5
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.disabled.warning.modal-button:hover,
.button.disabled.warning:focus,
.disabled.warning.modal-button:focus,
.button[disabled].warning:hover,
[disabled].warning.modal-button:hover,
.button[disabled].warning:focus,
[disabled].warning.modal-button:focus {
    background-color: #cf6e0e
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.disabled.warning.modal-button:hover,
.button.disabled.warning:focus,
.disabled.warning.modal-button:focus,
.button[disabled].warning:hover,
[disabled].warning.modal-button:hover,
.button[disabled].warning:focus,
[disabled].warning.modal-button:focus {
    color: #fff
}
button.disabled.warning:hover,
button.disabled.warning:focus,
button[disabled].warning:hover,
button[disabled].warning:focus,
.button.disabled.warning:hover,
.disabled.warning.modal-button:hover,
.button.disabled.warning:focus,
.disabled.warning.modal-button:focus,
.button[disabled].warning:hover,
[disabled].warning.modal-button:hover,
.button[disabled].warning:focus,
[disabled].warning.modal-button:focus {
    background-color: #f08a24
}
button.disabled.info,
button[disabled].info,
.button.disabled.info,
.disabled.info.modal-button,
.button[disabled].info,
[disabled].info.modal-button {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333;
    box-shadow: none;
    cursor: default;
    opacity: .5
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.disabled.info.modal-button:hover,
.button.disabled.info:focus,
.disabled.info.modal-button:focus,
.button[disabled].info:hover,
[disabled].info.modal-button:hover,
.button[disabled].info:focus,
[disabled].info.modal-button:focus {
    background-color: #61b6d9
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.disabled.info.modal-button:hover,
.button.disabled.info:focus,
.disabled.info.modal-button:focus,
.button[disabled].info:hover,
[disabled].info.modal-button:hover,
.button[disabled].info:focus,
[disabled].info.modal-button:focus {
    color: #fff
}
button.disabled.info:hover,
button.disabled.info:focus,
button[disabled].info:hover,
button[disabled].info:focus,
.button.disabled.info:hover,
.disabled.info.modal-button:hover,
.button.disabled.info:focus,
.disabled.info.modal-button:focus,
.button[disabled].info:hover,
[disabled].info.modal-button:hover,
.button[disabled].info:focus,
[disabled].info.modal-button:focus {
    background-color: #a0d3e8
}
button::-moz-focus-inner {
    border: 0;
    padding: 0
}
@media only screen and (min-width: 641px) {
    button,
    .button,
    .modal-button {
        display: inline-block
    }
}
.button-group {
    list-style: none;
    margin: 0;
    left: 0
}
.button-group:before,
.button-group:after {
    content: " ";
    display: table
}
.button-group:after {
    clear: both
}

.button-group>li {
    display: inline-block;
    margin: 0 -2px
}
.button-group>li>button,
.button-group>li .button,
.button-group>li .modal-button {
    border-left: 0 solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group>li:first-child button,
.button-group>li:first-child .button,
.button-group>li:first-child .modal-button {
    border-left: 0
}

.button-group.radius>* {
    display: inline-block;
    margin: 0 -2px
}
.button-group.radius>*>button,
.button-group.radius>* .button,
.button-group.radius>* .modal-button {
    border-left: 0 solid;
    border-color: rgba(255, 255, 255, 0.5)
}
.button-group.radius>*:first-child button,
.button-group.radius>*:first-child .button,
.button-group.radius>*:first-child .modal-button {
    border-left: 0
}
.button-group.radius>*,
.button-group.radius>*>a,
.button-group.radius>*>button,
.button-group.radius>*>.button,
.button-group.radius>*>.modal-button {
    border-radius: 0
}
.button-group.radius>*:first-child,
.button-group.radius>*:first-child>a,
.button-group.radius>*:first-child>button,
.button-group.radius>*:first-child>.button,
.button-group.radius>*:first-child>.modal-button {
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}
.button-group.radius>*:last-child,
.button-group.radius>*:last-child>a,
.button-group.radius>*:last-child>button,
.button-group.radius>*:last-child>.button,
.button-group.radius>*:last-child>.modal-button {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}
.ov-dropdown {
    display: block;
    right:0;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #232326;
    border: solid 1px #232326;
    font-size: .8125rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: .5625rem;
    max-width: 250px
}
.ov-dropdown.open {
    display: block
}
.ov-dropdown>*:first-child {
    margin-top: 0
}
.ov-dropdown>*:last-child {
    margin-bottom: 0
}
.ov-dropdown:before {
    border: inset 9px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #232326 transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -18px;
    left: 100px;
    z-index: 89
}
.ov-dropdown:after {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #7d7d7d transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -20px;
    left: 99px;
    z-index: 88
}
.ov-dropdown.right:before {
    left: auto;
    right: 100px
}
.ov-dropdown.right:after {
    left: auto;
    right: 99px
}
.ov-dropdown.drop-right {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #4a4a4a;
    border: solid 1px #7d7d7d;
    font-size: .8125rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: .5625rem;
    max-width: 250px
}
.ov-dropdown.drop-right.open {
    display: block
}
.ov-dropdown.drop-right>*:first-child {
    margin-top: 0
}
.ov-dropdown.drop-right>*:last-child {
    margin-bottom: 0
}
.ov-dropdown.drop-right:before {
    border: inset 9px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #4a4a4a transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 100px;
    left: -18px;
    z-index: 89
}
.ov-dropdown.drop-right:after {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent #7d7d7d transparent transparent;
    border-right-style: solid;
    position: absolute;
    top: 99px;
    left: -20px;
    z-index: 88
}
.ov-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #4a4a4a;
    border: solid 1px #7d7d7d;
    font-size: .8125rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -0.5625rem;
    max-width: 250px
}
.ov-dropdown.drop-left.open {
    display: block
}
.ov-dropdown.drop-left>*:first-child {
    margin-top: 0
}
.ov-dropdown.drop-left>*:last-child {
    margin-bottom: 0
}
.ov-dropdown.drop-left:before {
    border: inset 9px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #4a4a4a;
    border-left-style: solid;
    position: absolute;
    top: 100px;
    right: -18px;
    left: auto;
    z-index: 89
}
.ov-dropdown.drop-left:after {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #7d7d7d;
    border-left-style: solid;
    position: absolute;
    top: 99px;
    right: -20px;
    left: auto;
    z-index: 88
}
.ov-dropdown.drop-top {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #4a4a4a;
    border: solid 1px #7d7d7d;
    font-size: .8125rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: -0.5625rem;
    max-width: 250px
}
.ov-dropdown.drop-top.open {
    display: block
}
.ov-dropdown.drop-top>*:first-child {
    margin-top: 0
}
.ov-dropdown.drop-top>*:last-child {
    margin-bottom: 0
}
.ov-dropdown.drop-top:before {
    border: inset 9px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #4a4a4a transparent transparent transparent;
    border-top-style: solid;
    bottom: -18px;
    position: absolute;
    top: auto;
    left: 100px;
    right: auto;
    z-index: 89
}
.ov-dropdown.drop-top:after {
    border: inset 10px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #7d7d7d transparent transparent transparent;
    border-top-style: solid;
    bottom: -20px;
    position: absolute;
    top: auto;
    left: 99px;
    right: auto;
    z-index: 88
}
.ov-dropdown li {
    cursor: pointer;
    font-size: .8125rem;
    line-height: 1rem;
    margin: 0
}
.ov-dropdown li:hover,
.ov-dropdown li:focus {
    background: #212121
}
.ov-dropdown li.radius {
    border-radius: 6px
}
.ov-dropdown li a {
    display: block;
    padding: .625rem .9375rem;
    color: #fff
}
.ov-dropdown.content {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #4a4a4a;
    border: solid 1px #7d7d7d;
    font-size: .8125rem;
    height: auto;
    max-height: none;
    padding: .3125rem;
    width: 100%;
    z-index: 89;
    max-width: 250px
}
.ov-dropdown.content.open {
    display: block
}
.ov-dropdown.content>*:first-child {
    margin-top: 0
}
.ov-dropdown.content>*:last-child {
    margin-bottom: 0
}
.ov-dropdown.tiny {
    max-width: 200px
}
.ov-dropdown.small {
    max-width: 300px
}
.ov-dropdown.medium {
    max-width: 500px
}
.ov-dropdown.large {
    max-width: 800px
}
.ov-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important
}
.ov-dropdown.mega.open {
    left: 0 !important
}

label {
    color: #8c8c8c;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0
}
label.right {
    float: none !important;
    text-align: right
}
label.inline {
    margin: 0 0 1rem 0;
    padding: .5625rem 0
}
label small {
    text-transform: capitalize;
    color: #9d9d9d
}
input[type="text"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: #8c8c8c;
    box-shadow: 0;
    color: #fff;
    display: block;
    font-family: inherit;
    font-size: .875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: .5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear, background .15s linear;
    -moz-transition: border-color .15s linear, background .15s linear;
    -ms-transition: border-color .15s linear, background .15s linear;
    -o-transition: border-color .15s linear, background .15s linear;
    transition: border-color .15s linear, background .15s linear
}
input[type="text"]:focus,
textarea:focus {
    background: transparent;
    border-color: #fff;
    outline: 0
}
input[type="text"]:disabled,
textarea:disabled {
    background-color: transparent;
    cursor: default
}

input[type="text"].radius,
textarea.radius {
    border-radius: 6px
}

textarea[rows] {
    height: auto
}
textarea {
    max-width: 100%
}
::-webkit-input-placeholder {
    color: #ccc
}
:-moz-placeholder {
    color: #ccc
}
::-moz-placeholder {
    color: #ccc
}
:-ms-input-placeholder {
    color: #ccc
}

.row {
    margin: 0 auto;
}
.row:before,
.row:after {
    content: " ";
    display: table
}
.row:after {
    clear: both
}

.row .row {
    margin: 0 -0.9375rem;
    max-width: none;
    width: auto
}
.row .row:before,
.row .row:after {
    content: " ";
    display: table
}
.row .row:after {
    clear: both
}

.column,
.columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left
}
.column+.column:last-child,
.columns+.column:last-child,
.column+.columns:last-child,
.columns+.columns:last-child {
    float: right
}
.column+.column.end,
.columns+.column.end,
.column+.columns.end,
.columns+.columns.end {
    float: left
}
@media only screen {

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .ov-col-sm-1 {
        width: 8.33333%
    }
    .ov-col-sm-2 {
        width: 16.66667%
    }
    .ov-col-sm-3 {
        width: 25%
    }
    .ov-col-sm-4 {
        width: 33.33333%
    }
    .ov-col-sm-5 {
        width: 41.66667%
    }
    .ov-col-sm-6 {
        width: 50%
    }
    .ov-col-sm-7 {
        width: 58.33333%
    }
    .ov-col-sm-8 {
        width: 66.66667%
    }
    .ov-col-sm-9 {
        width: 75%
    }
    .ov-col-sm-10 {
        width: 83.33333%
    }
    .ov-col-sm-11 {
        width: 91.66667%
    }
    .ov-col-sm-12 {
        width: 100%
    }
    .ov-col-semi-1 {
        width: 10%
    }
    .ov-col-semi-2 {
        width: 20%
    }
    .ov-col-semi-3 {
        width: 30%
    }
    .ov-col-semi-4 {
        width: 40%
    }
    .ov-col-semi-5 {
        width: 50%
    }
    .ov-col-semi-6 {
        width: 60%
    }
    .ov-col-semi-7 {
        width: 70%
    }
    .ov-col-semi-8 {
        width: 80%
    }
    .ov-col-semi-9 {
        width: 90%
    }
    .ov-col-semi-10 {
        width: 100%
    }
    .column.ov-col-sm-centered,
    .columns.ov-col-sm-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.ov-col-sm-uncentered,
    .columns.ov-col-sm-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

}
@media only screen and (min-width: 641px) {

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .ov-col-md-1 {
        width: 8.33333%
    }
    .ov-col-md-2 {
        width: 16.66667%
    }
    .ov-col-md-3 {
        width: 25%
    }
    .ov-col-md-4 {
        width: 33.33333%
    }
    .ov-col-md-5 {
        width: 41.66667%
    }
    .ov-col-md-6 {
        width: 50%
    }
    .ov-col-md-7 {
        width: 58.33333%
    }
    .ov-col-md-8 {
        width: 66.66667%
    }
    .ov-col-md-9 {
        width: 75%
    }
    .ov-col-md-10 {
        width: 83.33333%
    }
    .ov-col-md-11 {
        width: 91.66667%
    }
    .ov-col-md-12 {
        width: 100%
    }
    .column.ov-col-md-centered,
    .columns.ov-col-md-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .column.ov-col-md-uncentered,
    .columns.ov-col-md-uncentered {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .column.ov-col-md-centered:last-child,
    .columns.ov-col-md-centered:last-child {
        float: none
    }
    .column.ov-col-md-uncentered:last-child,
    .columns.ov-col-md-uncentered:last-child {
        float: left
    }
    .column.ov-col-md-uncentered.opposite,
    .columns.ov-col-md-uncentered.opposite {
        float: right
    }
}
@media only screen and (min-width: 1025px) {
    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .ov-col-lg-1 {
        width: 8.33333%
    }
    .ov-col-lg-2 {
        width: 16.66667%
    }
    .ov-col-lg-3 {
        width: 25%
    }
    .ov-col-lg-4 {
        width: 33.33333%
    }
    .ov-col-lg-5 {
        width: 41.66667%
    }
    .ov-col-lg-6 {
        width: 50%
    }
    .ov-col-lg-7 {
        width: 58.33333%
    }
    .ov-col-lg-8 {
        width: 66.66667%
    }
    .ov-col-lg-9 {
        width: 75%
    }
    .ov-col-lg-10 {
        width: 83.33333%
    }
    .ov-col-lg-11 {
        width: 91.66667%
    }
    .ov-col-lg-12 {
        width: 100%
    }
}
@media only screen and (min-width: 1441px) {

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .ov-col-xl-1 {
        width: 8.33333%
    }
    .ov-col-xl-2 {
        width: 16.66667%
    }
    .ov-col-xl-3 {
        width: 25%
    }
    .ov-col-xl-4 {
        width: 33.33333%
    }
    .ov-col-xl-5 {
        width: 41.66667%
    }
    .ov-col-xl-6 {
        width: 50%
    }
    .ov-col-xl-7 {
        width: 58.33333%
    }
    .ov-col-xl-8 {
        width: 66.66667%
    }
    .ov-col-xl-9 {
        width: 75%
    }
    .ov-col-xl-10 {
        width: 83.33333%
    }
    .ov-col-xl-11 {
        width: 91.66667%
    }
    .ov-col-xl-12 {
        width: 100%
    }
}
@media only screen and (min-width: 1921px) {

    .column,
    .columns {
        position: relative;
        padding-left: .9375rem;
        padding-right: .9375rem;
        float: left
    }
    .xxlarge-1 {
        width: 8.33333%
    }
    .xxlarge-2 {
        width: 16.66667%
    }
    .xxlarge-3 {
        width: 25%
    }
    .xxlarge-4 {
        width: 33.33333%
    }
    .xxlarge-5 {
        width: 41.66667%
    }
    .xxlarge-6 {
        width: 50%
    }
    .xxlarge-7 {
        width: 58.33333%
    }
    .xxlarge-8 {
        width: 66.66667%
    }
    .xxlarge-9 {
        width: 75%
    }
    .xxlarge-10 {
        width: 83.33333%
    }
    .xxlarge-11 {
        width: 91.66667%
    }
    .xxlarge-12 {
        width: 100%
    }

}

.label {
    display: inline-block;
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: .25rem .5rem .25rem;
    font-size: .6875rem;
    background-color: #70157b;
    color: #fff
}
.label.radius {
    border-radius: 6px
}
.label.round {
    border-radius: 1000px
}
.label.alert {
    background-color: #e8b82e;
    color: #fff
}
.label.warning {
    background-color: #f08a24;
    color: #fff
}
.label.success {
    background-color: #84bd00;
    color: #fff
}
.label.secondary {
    background-color: #737373;
    color: #fff
}
.label.info {
    background-color: #a0d3e8;
    color: #333
}
.reveal-modal {
    border-radius: 6px;
    position: absolute;
    width: 650px;
    background-color: #242424;
    padding: 1.25rem 0 0;
    border: solid 0 #666;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}
@media only screen and (max-width: 40em) {
    .reveal-modal {
        min-height: 100vh
    }
}
.reveal-modal .column,
.reveal-modal .columns {
    min-width: 0
}
.reveal-modal>:first-child {
    margin-top: 0
}
.reveal-modal>:last-child {
    margin-bottom: 0
}
@media only screen and (min-width: 641px) {
    .reveal-modal {
        left: 0;
        margin: 0 auto;
        max-width: 100%;
        right: 0;
        width: 80%
    }
}
@media only screen and (min-width: 641px) {
    .reveal-modal {
        top: 6.25rem
    }
}
.reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0
}
@media only screen and (min-width: 641px) {
    .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 100%;
        right: 0;
        width: 100%
    }
}
.reveal-modal.toback {
    z-index: 1003
}
.reveal-modal .close-reveal-modal,
.reveal-modal .ov-topbar .cancelLobby,
.ov-topbar .reveal-modal .cancelLobby,
.reveal-modal .cancelQueue {
    color: #aaa;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: .625rem;
    right: 1.375rem
}
.ov-side-navbar {
    display: block;
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0
}
.ov-side-navbar li {
    font-size: .875rem;
    font-weight: normal;
    margin: 0
}
.ov-side-navbar li a:not(.button):not(.modal-button) {
    color: #eee;
    display: block;
    margin: 0;
    padding: .875rem
}
.ov-side-navbar li a:not(.button):not(.modal-button):hover,
.ov-side-navbar li a:not(.button):not(.modal-button):focus {
    background: #737373;
    color: #fff
}
.ov-side-navbar li a:not(.button):not(.modal-button):active {
    color: #f3f3f3
}
.ov-side-navbar li.active>a:first-child:not(.button):not(.modal-button) {
    color: #f3f3f3;
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal
}
.ov-side-navbar li.divider {
    border-top: 1px solid;
    height: 0;
    list-style: none;
    padding: 0;
    border-top-color: #5c6c82
}
.ov-side-navbar li.heading {
    color: #eee;
    font-size: .875rem;
    font-weight: bold;
    text-transform: uppercase
}

table {
    background: transparent;
    border: solid 0 #dfdfdf;
    margin-bottom: 1.25rem;
    table-layout: auto
}
table caption {
    background: transparent;
    color: #77808c;
    font-size: 1rem;
    font-weight: bold
}
table thead {
    background: transparent
}
table thead tr th,
table thead tr td {
    color: #77808c;
    font-size: .625rem;
    font-weight: 300;
    padding: .5rem .625rem .625rem
}
table tfoot {
    background: transparent
}
table tfoot tr th,
table tfoot tr td {
    color: #77808c;
    font-size: .625rem;
    font-weight: 300;
    padding: .5rem .625rem .625rem
}
table tr th,
table tr td {
    color: #fff;
    font-size: .6875rem;
    padding: .375rem;
    text-align: left
}
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: transparent
}
table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.875rem
}
.tabs {
    margin-bottom: 0 !important;
    margin-left: 0
}
.tabs:before,
.tabs:after {
    content: "";
    display: table
}
.tabs:after {
    clear: both
}
.tabs dd,
.tabs .tab-title,
.tabs .tab-dropdown {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative
}
.tabs dd>a,
.tabs .tab-title>a,
.tabs .tab-dropdown>a {
    display: block;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    font-size: .6875rem;
    padding: .875rem 1.75rem
}
.tabs dd>a:hover,
.tabs .tab-title>a:hover,
.tabs .tab-dropdown>a:hover {
    background-color: transparent
}
.tabs dd.active a,
.tabs .tab-title.active a,
.tabs .active.tab-dropdown a {
    background-color: transparent;
    color: #fff
}
.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}
.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}
.tabs.vertical dd,
.tabs.vertical .tab-title,
.tabs.vertical .tab-dropdown {
    position: inherit;
    float: none;
    display: block;
    top: auto
}
.tabs-content {
    margin-bottom: 2rem;
    width: 100%
}
.tabs-content:before,
.tabs-content:after {
    content: " ";
    display: table
}
.tabs-content:after {
    clear: both
}
.tabs-content>.content {
    display: none;
    float: left;
    padding: .9375rem 0;
    width: 100%
}
.tabs-content>.content.active {
    display: block;
    float: none
}
.tabs-content>.content.contained {
    padding: .9375rem
}

.tooltip {
    background: #000;
    color: #fff;
    display: none;
    font-size: .75rem;
    font-weight: normal;
    line-height: 1.3;
    max-width: 300px;
    padding: 8px 10px;
    position: absolute;
    width: 100%;
    z-index: 1006;
    left: 50%
}


.ov-topbar {
    background: #1e1e25;
    height: 80px;
    line-height: 80px;
    margin-bottom: 0;
    overflow: hidden;
    position: relative
}
.ov-topbar ul {
    list-style: none;
    margin-bottom: 0
}
.ov-topbar .row {
    max-width: none
}
.ov-topbar form,
.ov-topbar input,
.ov-topbar select {
    margin-bottom: 0
}
.ov-topbar input,
.ov-topbar select {
    font-size: .75rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem
}
.ov-topbar .button,
.ov-topbar .modal-button,
.ov-topbar button {
    font-size: .75rem;
    margin-bottom: 0;
    padding-bottom: .4125rem;
    padding-top: .4125rem
}
@media only screen and (max-width: 40em) {
    .ov-topbar .button,
    .ov-topbar .modal-button,
    .ov-topbar button {
        position: relative;
        top: -1px
    }
}
.ov-topbar .ov-logo-area {
    margin: 0;
    position: relative
}
.ov-topbar .name {
    font-size: 16px;
    height: 80px;
    margin: 0
}
.ov-topbar .name h1,
.ov-topbar .name h2,
.ov-topbar .name h3,
.ov-topbar .name h4,
.ov-topbar .name p,
.ov-topbar .name span {
    font-size: 1.0625rem;
    line-height: 80px;
    margin: 0
}
.ov-topbar .name h1 a,
.ov-topbar .name h2 a,
.ov-topbar .name h3 a,
.ov-topbar .name h4 a,
.ov-topbar .name p a,
.ov-topbar .name span a {
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 0 1.25rem;
    width: 75%
}
.ov-topbar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0
}
.ov-topbar .toggle-topbar a {
    color: #fff;
    display: block;
    font-size: .8125rem;
    font-weight: bold;
    height: 80px;
    line-height: 80px;
    padding: 0 1.25rem;
    position: relative;
    text-transform: uppercase
}
.ov-topbar .toggle-topbar.menu-icon {
    margin-top: -16px;
    top: 50%
}
.ov-topbar .toggle-topbar.menu-icon a {
    color: #fff;
    height: 34px;
    line-height: 33px;
    padding: 0 2.8125rem 0 1.25rem;
    position: relative
}
.ov-topbar .toggle-topbar.menu-icon a span::after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    margin-top: -8px;
    top: 50%;
    right: 1.25rem;
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
    width: 16px
}
.ov-topbar .toggle-topbar.menu-icon a span:hover:after {
    box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
}
.top-bar.expanded {
    background: transparent;
    height: auto
}
.top-bar.expanded .ov-logo-area {
    background: #1e1e25
}
.top-bar.expanded .toggle-topbar a {
    color: #888
}
.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .top-bar.expanded .ov-topbar-section .has-dropdown.moved>.dropdown2,
    .top-bar.expanded .ov-topbar-section .dropdown2 {
        clip: initial
    }
    .top-bar.expanded .ov-topbar-section .has-dropdown:not(.moved)>ul {
        padding: 0
    }
}
.ov-topbar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out
}
.ov-topbar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%
}
.ov-topbar-section .divider,
.ov-topbar-section [role="separator"] {
    border-top: solid 1px #0f0f13;
    clear: both;
    height: 1px;
    width: 100%
}
.ov-topbar-section ul li {
    background: #333
}
.ov-topbar-section ul li>a {
    color: #fff;
    display: block;
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: normal;
    padding-left: 1.25rem;
    padding: 12px 0 12px 1.25rem;
    text-transform: none;
    width: 100%
}
.ov-topbar-section ul li>a.button,
.ov-topbar-section ul li>a.modal-button {
    font-size: .8125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background-color: #70157b;
    border-color: #d90bd2;
    color: #fff
}
.ov-topbar-section ul li>a.button:hover,
.ov-topbar-section ul li>a.modal-button:hover,
.ov-topbar-section ul li>a.button:focus,
.ov-topbar-section ul li>a.modal-button:focus {
    background-color: #d90bd2
}
.ov-topbar-section ul li>a.button:hover,
.ov-topbar-section ul li>a.modal-button:hover,
.ov-topbar-section ul li>a.button:focus,
.ov-topbar-section ul li>a.modal-button:focus {
    color: #fff
}
.ov-topbar-section ul li>a.button.secondary,
.ov-topbar-section ul li>a.secondary.modal-button {
    background-color: #737373;
    border-color: #5c5c5c;
    color: #fff
}
.ov-topbar-section ul li>a.button.secondary:hover,
.ov-topbar-section ul li>a.secondary.modal-button:hover,
.ov-topbar-section ul li>a.button.secondary:focus,
.ov-topbar-section ul li>a.secondary.modal-button:focus {
    background-color: #5c5c5c
}
.ov-topbar-section ul li>a.button.secondary:hover,
.ov-topbar-section ul li>a.secondary.modal-button:hover,
.ov-topbar-section ul li>a.button.secondary:focus,
.ov-topbar-section ul li>a.secondary.modal-button:focus {
    color: #fff
}
.ov-topbar-section ul li>a.button.success,
.ov-topbar-section ul li>a.success.modal-button {
    background-color: #84bd00;
    border-color: #6a9700;
    color: #fff
}
.ov-topbar-section ul li>a.button.success:hover,
.ov-topbar-section ul li>a.success.modal-button:hover,
.ov-topbar-section ul li>a.button.success:focus,
.ov-topbar-section ul li>a.success.modal-button:focus {
    background-color: #6a9700
}
.ov-topbar-section ul li>a.button.success:hover,
.ov-topbar-section ul li>a.success.modal-button:hover,
.ov-topbar-section ul li>a.button.success:focus,
.ov-topbar-section ul li>a.success.modal-button:focus {
    color: #fff
}
.ov-topbar-section ul li>a.button.alert,
.ov-topbar-section ul li>a.alert.modal-button {
    background-color: #e8b82e;
    border-color: #c89a16;
    color: #fff
}
.ov-topbar-section ul li>a.button.alert:hover,
.ov-topbar-section ul li>a.alert.modal-button:hover,
.ov-topbar-section ul li>a.button.alert:focus,
.ov-topbar-section ul li>a.alert.modal-button:focus {
    background-color: #c89a16
}
.ov-topbar-section ul li>a.button.alert:hover,
.ov-topbar-section ul li>a.alert.modal-button:hover,
.ov-topbar-section ul li>a.button.alert:focus,
.ov-topbar-section ul li>a.alert.modal-button:focus {
    color: #fff
}
.ov-topbar-section ul li>a.button.warning,
.ov-topbar-section ul li>a.warning.modal-button {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}
.ov-topbar-section ul li>a.button.warning:hover,
.ov-topbar-section ul li>a.warning.modal-button:hover,
.ov-topbar-section ul li>a.button.warning:focus,
.ov-topbar-section ul li>a.warning.modal-button:focus {
    background-color: #cf6e0e
}
.ov-topbar-section ul li>a.button.warning:hover,
.ov-topbar-section ul li>a.warning.modal-button:hover,
.ov-topbar-section ul li>a.button.warning:focus,
.ov-topbar-section ul li>a.warning.modal-button:focus {
    color: #fff
}
.ov-topbar-section ul li>a.button.info,
.ov-topbar-section ul li>a.info.modal-button {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}
.ov-topbar-section ul li>a.button.info:hover,
.ov-topbar-section ul li>a.info.modal-button:hover,
.ov-topbar-section ul li>a.button.info:focus,
.ov-topbar-section ul li>a.info.modal-button:focus {
    background-color: #61b6d9
}
.ov-topbar-section ul li>a.button.info:hover,
.ov-topbar-section ul li>a.info.modal-button:hover,
.ov-topbar-section ul li>a.button.info:focus,
.ov-topbar-section ul li>a.info.modal-button:focus {
    color: #fff
}
.ov-topbar-section ul li>button {
    font-size: .8125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background-color: #70157b;
    border-color: #d90bd2;
    color: #fff
}
.ov-topbar-section ul li>button:hover,
.ov-topbar-section ul li>button:focus {
    background-color: #d90bd2
}
.ov-topbar-section ul li>button:hover,
.ov-topbar-section ul li>button:focus {
    color: #fff
}
.ov-topbar-section ul li>button.secondary {
    background-color: #737373;
    border-color: #5c5c5c;
    color: #fff
}
.ov-topbar-section ul li>button.secondary:hover,
.ov-topbar-section ul li>button.secondary:focus {
    background-color: #5c5c5c
}
.ov-topbar-section ul li>button.secondary:hover,
.ov-topbar-section ul li>button.secondary:focus {
    color: #fff
}
.ov-topbar-section ul li>button.success {
    background-color: #84bd00;
    border-color: #6a9700;
    color: #fff
}
.ov-topbar-section ul li>button.success:hover,
.ov-topbar-section ul li>button.success:focus {
    background-color: #6a9700
}
.ov-topbar-section ul li>button.success:hover,
.ov-topbar-section ul li>button.success:focus {
    color: #fff
}
.ov-topbar-section ul li>button.alert {
    background-color: #e8b82e;
    border-color: #c89a16;
    color: #fff
}
.ov-topbar-section ul li>button.alert:hover,
.ov-topbar-section ul li>button.alert:focus {
    background-color: #c89a16
}
.ov-topbar-section ul li>button.alert:hover,
.ov-topbar-section ul li>button.alert:focus {
    color: #fff
}
.ov-topbar-section ul li>button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #fff
}
.ov-topbar-section ul li>button.warning:hover,
.ov-topbar-section ul li>button.warning:focus {
    background-color: #cf6e0e
}
.ov-topbar-section ul li>button.warning:hover,
.ov-topbar-section ul li>button.warning:focus {
    color: #fff
}
.ov-topbar-section ul li>button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333
}
.ov-topbar-section ul li>button.info:hover,
.ov-topbar-section ul li>button.info:focus {
    background-color: #61b6d9
}
.ov-topbar-section ul li>button.info:hover,
.ov-topbar-section ul li>button.info:focus {
    color: #fff
}
.ov-topbar-section ul li:hover:not(.ov-has-form)>a {
    background-color: #555;
    color: #fff;
    background: #222
}
.ov-topbar-section ul li.active>a {
    background: #70157b;
    color: #fff
}
.ov-topbar-section ul li.active>a:hover {
    background: #e9350c;
    color: #fff
}
.ov-topbar-section .ov-has-form {
    padding: 1.25rem
}
.ov-topbar-section .has-dropdown {
    position: relative
}
.ov-topbar-section .has-dropdown>a:after {
    border: inset 0;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
    border-left-style: solid;
    margin-right: 1.25rem;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    right: 0
}
.ov-topbar-section .has-dropdown.moved {
    position: static
}
.ov-topbar-section .has-dropdown.moved>.dropdown2 {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
    width: 100%
}
.ov-topbar-section .has-dropdown.moved>a:after {
    display: none
}
.ov-topbar-section .dropdown2 {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%
}
.ov-topbar-section .dropdown2 li {
    height: auto;
    width: 100%
}
.ov-topbar-section .dropdown2 li a {
    font-weight: normal;
    padding: 8px 1.25rem
}
.ov-topbar-section .dropdown2 li a.parent-link {
    font-weight: normal
}
.ov-topbar-section .dropdown2 li.title h5,
.ov-topbar-section .dropdown2 li.parent-link {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.125rem
}
.ov-topbar-section .dropdown2 li.title h5 a,
.ov-topbar-section .dropdown2 li.parent-link a {
    color: #fff;
    display: block
}
.ov-topbar-section .dropdown2 li.title h5 a:hover,
.ov-topbar-section .dropdown2 li.parent-link a:hover {
    background: 0
}
.ov-topbar-section .dropdown2 li.ov-has-form {
    padding: 8px 1.25rem
}
.ov-topbar-section .dropdown2 li .button,
.ov-topbar-section .dropdown2 li .modal-button,
.ov-topbar-section .dropdown2 li button {
    top: auto
}
.ov-topbar-section .dropdown2 label {
    color: #717171;
    font-size: .625rem;
    font-weight: bold;
    margin-bottom: 0;
    padding: 8px 1.25rem 2px;
    text-transform: uppercase
}

@media only screen and (min-width: 641px) {
    .ov-topbar {
        background: #1e1e25;
        overflow: visible
    }
    .top-bar:before,
    .top-bar:after {
        content: " ";
        display: table
    }
    .top-bar:after {
        clear: both
    }
    .ov-topbar .toggle-topbar {
        display: none
    }
    .ov-topbar .ov-logo-area {
        float: left
    }
    .ov-topbar .name h1 a,
    .ov-topbar .name h2 a,
    .ov-topbar .name h3 a,
    .ov-topbar .name h4 a,
    .ov-topbar .name h5 a,
    .ov-topbar .name h6 a {
        width: auto
    }
    .ov-topbar input,
    .ov-topbar select,
    .ov-topbar .button,
    .ov-topbar .modal-button,
    .ov-topbar button {
        font-size: .875rem;
        height: 1.75rem;
        position: relative;
        top: 1.625rem
    }

    .ov-topbar-section {
        transition: none 0 0;
        left: 0 !important
    }
    .ov-topbar-section ul {
        display: inline;
        height: auto !important;
        width: auto
    }
    .ov-topbar-section ul li {
        float: left
    }
    .ov-topbar-section ul li .js-generated {
        display: none
    }
    .ov-topbar-section li.hover>a:not(.button):not(.modal-button) {
        background-color: #555;
        background: #222;
        color: #fff
    }
    .ov-topbar-section li:not(.ov-has-form) a:not(.button):not(.modal-button) {
        background: transparent;
        line-height: 80px;
        padding: 0 1.25rem
    }
    .ov-topbar-section li:not(.ov-has-form) a:not(.button):not(.modal-button):hover {
        background-color: #555;
        background: #222
    }
    .ov-topbar-section li.active:not(.ov-has-form) a:not(.button):not(.modal-button) {
        background: #70157b;
        color: #fff;
        line-height: 80px;
        padding: 0 1.25rem
    }
    .ov-topbar-section li.active:not(.ov-has-form) a:not(.button):not(.modal-button):hover {
        background: #e9350c;
        color: #fff
    }
    .ov-topbar-section .has-dropdown>a {
        padding-right: 1.3125rem !important
    }
    .ov-topbar-section .has-dropdown>a:after {
        border: inset 0;
        content: "";
        display: block;
        height: 0;
        width: 0;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: 0;
        top: 2.5rem
    }
    .ov-topbar-section .has-dropdown.moved {
        position: relative
    }
    .ov-topbar-section .has-dropdown.moved>.dropdown2 {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block
    }
    .ov-topbar-section .has-dropdown.hover>.dropdown2,
    .ov-topbar-section .has-dropdown.not-click:hover>.dropdown2 {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important
    }
    .ov-topbar-section .has-dropdown>a:focus+.dropdown2 {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important
    }
    .ov-topbar-section .has-dropdown .dropdown2 li.has-dropdown>a:after {
        border: 0;
        content: "\00bb";
        top: .1875rem;
        right: 5px
    }
    .ov-topbar-section .dropdown2 {
        left: 0;
        background: transparent;
        min-width: 100%;
        top: auto
    }
    .ov-topbar-section .dropdown2 li a {
        background: #24242d;
        color: #fff;
        line-height: 80px;
        padding: 12px 1.25rem;
        white-space: nowrap
    }
    .ov-topbar-section .dropdown2 li:not(.ov-has-form):not(.active)>a:not(.button):not(.modal-button) {
        background: #24242d;
        color: #fff
    }
    .ov-topbar-section .dropdown2 li:not(.ov-has-form):not(.active):hover>a:not(.button):not(.modal-button) {
        background-color: #555;
        color: #fff;
        background: #3d3d4c
    }
    .ov-topbar-section .dropdown2 li label {
        background: #333;
        white-space: nowrap
    }
    .ov-topbar-section .dropdown2 li .dropdown2 {
        left: 100%;
        top: 0
    }
    .top-bar-section>ul>.divider,
    .top-bar-section>ul>[role="separator"] {
        border-right: solid 1px #383845;
        border-bottom: 0;
        border-top: 0;
        clear: none;
        height: 80px;
        width: 0
    }
    .ov-topbar-section .ov-has-form {
        background: transparent;
        height: 80px;
        padding: 0 1.25rem
    }
    .ov-topbar-section .right li .dropdown2 {
        left: auto;
        right: 0
    }
    .ov-topbar-section .right li .dropdown2 li .dropdown2 {
        right: 100%
    }
    .ov-topbar-section .left li .dropdown2 {
        right: auto;
        left: 0
    }
    .ov-topbar-section .left li .dropdown2 li .dropdown2 {
        left: 100%
    }

}
.text-left {
    text-align: left !important
}
.text-right {
    text-align: right !important
}
.text-center {
    text-align: center !important
}
.text-justify {
    text-align: justify !important
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}
a {
    color: #70157b;
    line-height: inherit;
    text-decoration: none
}
a:hover,
a:focus {
    color: #e9350c
}
a img {
    border: 0
}
p {
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility
}
p.lead {
    font-size: 1.21875rem;
    line-height: 1.6
}
p aside {
    font-size: .875rem;
    font-style: italic;
    line-height: 1.35
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #313131;
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: .2rem;
    text-rendering: optimizeLegibility
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #797979;
    font-size: 60%;
    line-height: 0
}
h1 {
    font-size: 2.125rem
}
h2 {
    font-size: 1.6875rem
}
h3 {
    font-size: 1.375rem
}
h4 {
    font-size: 1.125rem
}
h5 {
    font-size: 1.125rem
}
h6 {
    font-size: 1rem
}
.subheader {
    line-height: 1.4;
    color: #797979;
    font-weight: normal;
    margin-top: .2rem;
    margin-bottom: .5rem
}
hr {
    border: solid rgba(255, 255, 255, 0.15);
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: .3125rem 0 .25rem
}
em,
i {
    font-style: italic;
    line-height: inherit
}
strong,
b {
    font-weight: bold;
    line-height: inherit
}
small {
    font-size: 60%;
    line-height: inherit
}
code {
    background-color: #d5d5d5;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    padding: .125rem .3125rem .0625rem
}
ul,
ol,
dl {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.25rem
}
ul {
    margin-left: 1.1rem
}
ul.no-bullet {
    margin-left: 0
}
ul.no-bullet li ul,
ul.no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none
}
ul li ul,
ul li ol {
    margin-left: 1.25rem;
    margin-bottom: 0
}
ul.square li ul,
ul.circle li ul,
ul.disc li ul {
    list-style: inherit
}
ul.square {
    list-style-type: square;
    margin-left: 1.1rem
}
ul.circle {
    list-style-type: circle;
    margin-left: 1.1rem
}
ul.disc {
    list-style-type: disc;
    margin-left: 1.1rem
}
ul.no-bullet {
    list-style: none
}
ol {
    margin-left: 1.4rem
}
@media only screen and (min-width: 641px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.4
    }
    h1 {
        font-size: 2.75rem
    }
    h2 {
        font-size: 2.3125rem
    }
    h3 {
        font-size: 1.6875rem
    }
    h4 {
        font-size: 1.4375rem
    }
    h5 {
        font-size: 1.125rem
    }
    h6 {
        font-size: 1rem
    }
}
.button.ghost {
    background-color: transparent !important;
    color: #fff
}
.button.ghost:hover,
.ghost.modal-button:hover,
.open.button.ghost,
.open.ghost.modal-button {
    color: #fff;
    background-color: #d90bd2
}
.button,
.modal-button {
    border-radius: 1000px;
    padding-top: .75rem;
    padding-left: 3.75rem;
    padding-bottom: .8125rem;
    padding-right: 3.75rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.button-group .button,
.button-group .modal-button {
    border-radius: 0
}
.button.rounded,
.rounded.modal-button {
    border-radius: 6px
}

.button.icon,
.icon.modal-button {
    width: 2.875rem;
    height: 2.875rem;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.4em;
    line-height: 21px
}
.button.narrow,
.narrow.modal-button {
    padding-left: 1.5rem;
    padding-bottom: .8125rem;
    padding-right: 1.5rem
}
.button.small,
.small.modal-button {
    padding-top: .5rem;
    padding-left: 2.5rem;
    padding-bottom: .5625rem;
    padding-right: 2.5rem
}
.button.small.icon,
.small.icon.modal-button {
    width: 1.875rem
}
.button.small.narrow,
.small.narrow.modal-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.button.tiny,
.tiny.modal-button {
    font-size: .625rem;
    padding-top: .25rem;
    padding-left: 1.25rem;
    padding-bottom: .3125rem;
    padding-right: 1.25rem
}
.button.tiny.icon,
.tiny.icon.modal-button {
    width: 20px;
    height: 20px;
    padding: 0;
    line-height: 20px;
    border-width: 1px
}
.button.primary,
.primary.modal-button {
    background: #d90bd2
}
.button.primary:hover,
.primary.modal-button:hover {
    background: #70157b
}
.button.secondary,
.secondary.modal-button {
    background: rgba(255, 255, 255, 0.2)
}
.button.guardian,
.guardian.modal-button {
    background: #f82222
}
.button.guardian:hover,
.guardian.modal-button:hover {
    background: #e00707
}
.button.ghost,
.ghost.modal-button {
    box-shadow: inset 0 0 0 2px #70157b
}
.button.ghost:hover,
.ghost.modal-button:hover,
.button.ghost.open,
.ghost.open.modal-button {
    box-shadow: inset 0 0 0 2px #d90bd2
}
.button.ghost.secondary,
.ghost.secondary.modal-button {
    background: 0
}
.button.ghost.secondary,
.ghost.secondary.modal-button,
.button.ghost.secondary.disabled:hover,
.ghost.secondary.disabled.modal-button:hover {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3)
}
.button.ghost.secondary:hover,
.ghost.secondary.modal-button:hover,
.button.ghost.secondary.open,
.ghost.secondary.open.modal-button {
    box-shadow: inset 0 0 0 2px #fff;
    backprogress-barground-color: transparent
}
.button.ghost.disabled.disabled,
.ghost.disabled.disabled.modal-button {
    opacity: .3;
    color: #fff
}
.button.ghost.primary-alt,
.ghost.primary-alt.modal-button {
    color: #f82222;
    box-shadow: inset 0 0 0 2px #f82222
}
.button.ghost.primary-alt:hover,
.ghost.primary-alt.modal-button:hover {
    background: rgba(248, 34, 34, 0.2) !important
}
.button.semi-ghost,
.semi-ghost.modal-button {
    background: rgba(217, 11, 210, 0.2);
    box-shadow: inset 0 0 0 2px #70157b
}
.button.semi-ghost:hover,
.semi-ghost.modal-button:hover,
.button.semi-ghost.open,
.semi-ghost.open.modal-button {
    box-shadow: inset 0 0 0 2px #d90bd2;
    background: rgba(217, 11, 210, 0.5)
}
.button.ghost-solid,
.ghost-solid.modal-button {
    box-shadow: inset 0 0 0 2px #70157b
}
.button.ghost-solid:hover,
.ghost-solid.modal-button:hover,
.button.ghost-solid.open,
.ghost-solid.open.modal-button {
    box-shadow: inset 0 0 0 2px #d90bd2
}
.button.disabled.primary,
.disabled.primary.modal-button,
.button.disabled.primary:hover,
.disabled.primary.modal-button:hover,
.button.disabled.primary:focus,
.disabled.primary.modal-button:focus,
.button.disabled.primary:active,
.disabled.primary.modal-button:active {
    color: #212121
}
.button.disabled.secondary,
.disabled.secondary.modal-button,
.button.disabled.secondary:hover,
.disabled.secondary.modal-button:hover,
.button.disabled.secondary:focus,
.disabled.secondary.modal-button:focus,
.button.disabled.secondary:active,
.disabled.secondary.modal-button:active,
.button.disabled.primary,
.disabled.primary.modal-button,
.button.disabled.primary:hover,
.disabled.primary.modal-button:hover,
.button.disabled.primary:focus,
.disabled.primary.modal-button:focus,
.button.disabled.primary:active,
.disabled.primary.modal-button:active {
    background: #666
}
.button.disabled.secondary.play,
.disabled.secondary.play.modal-button,
.button.disabled.primary.play,
.disabled.primary.play.modal-button {
    color: #fff
}

.modal-button {
    display: block;
    border-radius: 0 !important
}
.button-group.radius * {
    margin: 0
}
.ov-text-restrict {
    display: block
}
.clear {
    clear: both
}
.ov-container {
    overflow-x: hidden;
    position: relative;
    min-height: 100%
}
.body {
    position: static
}
@media only screen and (min-width: 641px) {
    html {
        overflow: hidden;
        height: 100%
    }
    body {
        overflow: hidden
    }
}
body.columns {
    overflow: hidden
}
*:focus {
    outline: 0
}
.row {
    max-width: 1360px
}
.row2 {
    margin-right:0;
    max-width: 92%;
}
p.header {
    font-size: 1.625rem;
    margin-bottom: 2.5rem
}
.show {
    display: block !important
}
.hide {
    display: none !important
}
.hidden {
    display: none
}
.expandable {
    display: none
}
h1 {
    font-size: 28px;
    color: #fff
}
@media only screen and (min-width: 641px) {
    .ov-col-md-right {
        float: right
    }
    .ov-col-md-left {
        float: left
    }
}
input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #181b21 inset
}
::selection {
    background: #70157b;
    color: #fff
}
::-moz-selection {
    background: #70157b;
    color: #fff
}
.stick-bottom {
    margin-bottom: 0
}
.sticked.sticked {
    position: fixed !important;
    z-index: 11
}
.placeholder {
    margin: 50px 0;
    line-height: .9em;
    color: rgba(255, 255, 255, 0.35)
}
.placeholder small {
    color: inherit;
    font-size: .875rem
}
.ov-right-collapse .placeholder {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0;
    color: #4a4a4a;
    text-align: center;
    padding: 0 10px
}
.ov-right-collapse .placeholder i {
    font-size: 50px
}
[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-drag: element;
    -webkit-user-drag: element
}
@media only screen and (max-width: 40em) {
    .column,
    .columns {
        padding-left: 10px;
        padding-right: 10px
    }
    .ov-right-collapse,
    .ov-left-collapse {
        background: #000;
        position: fixed;
        bottom: 0;
        top: 80px;
        z-index: 4;
        overflow: scroll
    }
    .ov-chat-container {
        height: 60%;
        width:100%;
    }
    .ov-friends-container {
        height: 40%
    }
    .ov-right-collapse {
        left: 100%;
        right: -100%;
        padding-top: 50px
    }
    .ov-left-collapse {
        left: -100%;
        right: 100%
    }
}
@media only screen and (min-width: 641px) {
    .ov-left-collapse {
        position: fixed;
        z-index: 20;
        top: 80px;
        bottom: 0;
        width: 120px;
        background-color: #1f2023;
        left: 0;
        -webkit-box-shadow: inset -1px 0 0 0 rgba(125, 125, 125, 0.15);
        -moz-box-shadow: inset -1px 0 0 0 rgba(125, 125, 125, 0.15);
        box-shadow: inset -1px 0 0 0 rgba(125, 125, 125, 0.15)
    }
    .ov-left-collapse.close-left {
        width: 8rem
    }
    .ov-right-collapse {
        position: fixed;
        top: 80px;
        bottom: 0;
        width: 4.375rem;
        right: 0;
        background-color: #232326;
        transition: all .1s ease-out;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
        border-left: 1px solid rgba(125, 125, 125, 0.15);
        z-index: 22
    }
    .chat-list {
        height: auto;
    }
    .ov-chat-container {
        height: 60%;
        width:100%;
    }
    .ov-friends-container {
        height: 40%
    }
    .ov-right-collapse .content-scroll {
        top: 70px;
        padding: 0 0 20px;
    }
    .ov-right-collapse.expanded {
        width: 18.75rem;
        transition: all .2s ease-in
    }
    .ov-right-collapse.close-right {
        width: 4.375rem
    }
    .ov-middle-collapse {
        position: fixed;
        top: 80px;
        bottom: 0;
        background: url(../) #232326 center top no-repeat;
        z-index: 18;
        left: 0;
        right: 0;
        background-size: contain
    }
    .ov-left-collapse+.ov-middle-collapse {
        left: 8rem
    }
    .ov-middle-collapse.right-panel {
        right: 4.375rem
    }

}
@media(min-width:1660px) {
    .ov-right-collapse {
        width: 18.75rem
    }
    .ov-right-collapse .label-name {
        text-align: left;
        padding-left: 11px
    }
    .ov-middle-collapse.right-panel {
        right: 18.75rem
    }
}

@media only screen and (min-width: 641px) {
    .content-scroll {
        overflow-x: hidden;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
}
@media only screen and (min-width: 641px) {
    .hide-left .ov-left-collapse {
        display: none
    }
    .hide-left .ov-middle-collapse {
        left: 0
    }
}

.ov-seach-platform {
    position: relative
}
.search-icon {
    position: absolute;
    right: 5px;
    margin-top: -40px
}
.search-button {
    top: .625rem
}
.search-button,
.ov-topbar .search-button {
    position: absolute;
    right: 0;
    padding: .1875rem
}
.search-button i,
.ov-topbar .search-button i {
    color: #7d7d7d
}
.search-button,
.search-button:hover,
.search-button:focus,
.ov-topbar .search-button,
.ov-topbar .search-button:hover,
.ov-topbar .search-button:focus {
    background: transparent;
    outline: 0
}
.search-button:focus i,
.ov-topbar .search-button:focus i {
    color: #979797
}
.ov-topbar {
    border-bottom: 1px solid #5a4842;
    -webkit-box-shadow: 0 2px 13px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 13px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 13px 1px rgba(0, 0, 0, 0.4);
    background: url(../images/topbar-bg.jpg) center center no-repeat;
    background-size: cover;

}
.ov-topbar .ov-user-avatar {
    position: relative;
    display: inline-block
}
.ov-topbar .ov-user-avatar a {
    display: block;
    position: relative
}
.ov-topbar .ov-user-avatar img {
    border-radius: 1000px;
    width: 2.5rem;
    height: 2.5rem
}
.ov-topbar .ov-user-avatar .user-level {
    text-align: center;
    line-height: 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    font-size: .5rem;
    color: #fff;
    background-color: #70157b
}
.ov-topbar .user-stream {
    text-align: center;
    line-height: 1rem;
    left: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    color: #fff;
    font-size: .5rem;
    background: #737373;
    z-index: 11;
    position: absolute !important
}
.ov-topbar .user-stream:hover {
    background: dimgray
}
.ov-topbar .user-stream i {
    vertical-align: top;
    line-height: 1rem
}
.ov-topbar .user-stream i {
    vertical-align: top;
    line-height: 20px
}
.ov-topbar a.user-stream.live {
    background-color: #6441a5;
    color: #fff
}
.ov-topbar a.user-stream.live:hover {
    background: #6d47b4
}
@media only screen and (min-width: 641px) {
    .ov-topbar .ov-middle {
        z-index: 1101;
        position: absolute;
        top: 0;
        margin: 0;
        left: 35%;
    }
}
@media(min-width:1400px) {
    .ov-topbar .ov-middle {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}
.ov-topbar .ov-logo-area {
    z-index: 3
}
.ov-topbar .ov-user-avatar .user-level {
    background-color: #7d7d7d
}

.ov-topbar .play {
    top: .625rem;
    height: 3.75rem;
    padding: 1.25rem .3125rem 0;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    color:#ffffff;
    line-height: 1.25rem;
    text-align: center;
    position: relative;
    margin: 0 3px;
    vertical-align: top;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}
@media(min-width:600px) {
    .ov-topbar .play {
        width: 160px;
        font-size: 1rem
    }
}
.ov-topbar ul li>a {
    padding: 10px 0
}

.ov-box-grand {
    height: 80px;
    top: 0;
    border-radius: 10px;
    padding: 5px 20px !important;
    width: 400px;
    background: #70157b
}
.ov-box-grand .check-in {
    width: 320px;
    text-align:center;
    font-size:30px;
    color: #2c3526;
}
.ov-box-grand .check-in i {
    padding-right:2px;
}
.ov-box-grand.match-found {
    background: #d90bd2;
    background: -webkit-linear-gradient(top, #2c3526 0, #84bd00 100%);
    background: -moz-linear-gradient(top, #2c3526 0, #84bd00 100%);
    background: linear-gradient(top, #2c3526 0, #84bd00 100%);
}
.ov-box-grand.match-found .label {
    font-size:20px;
    height:25px;
    background: #2c3526;
    width: 400px;
}
.ov-box-grand.validate {
    /*background: #ffb700;
    */
    background: -webkit-linear-gradient(top, #ff6200 0, #f5ae00 100%);
    background: -moz-linear-gradient(top, #ff6200 0, #f5ae00 100%);
    background: linear-gradient(top, #ff6200 0, #f5ae00 100%);
}
.ov-box-grand.validate .label {
    font-size:20px;
    height:25px;
    background: #ff6200;
    width: 400px;
}
.ov-box-grand .validateButton {
    background-color:#d90bd2;
    color:#fff;
    margin-top: 5px;
    padding: .325rem 2.725rem .325rem 2.725rem;
    width: 30%;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    height: 20px;
    width: 150px !important;
}
.ov-box-grand.user-banned {
    /*background: #c12d09;
    background: -webkit-linear-gradient(top, #f19901 0, rgba(193, 43, 9,1) 100%);
    background: -moz-linear-gradient(top, rgba(193, 18, 9,0.8) 0, rgba(193, 43, 9,0.8) 100%);
    background: linear-gradient(top, rgba(193, 18, 9,0.8) 0, rgba(193, 43, 9,0.8) 100%);
	*/
    background: #70157b  url("../images/banned.png") left 108% ;
    background-size: 30%;
}
.ov-box-grand.user-banned .label {
    font-size:20px;
    font-weight:bold;
    height:25px;
    color: rgba(255,255,255,0.7);
    background: transparent;
    width: 400px;
}
.ov-box-grand.user-banned .reason {
    text-align:center;
    font-size:18px;
    color: rgba(255,255,255,0.7);
    padding:0;
    margin:0;
}
.ov-box-grand.user-banned .timeleft {
    text-align:center;
    font-size:20px;
    font-weight:bold;
    color: rgba(255,255,255,0.9);
    padding:0;
    margin:-8px;
}
.ov-box-grand.searching-opponent {
    background: #70157b url("../images/queue-gif.gif") no-repeat right 50%;
    background-size: 100%;
}
.ov-box-grand.lobby-group {
    background: #70157b url("../images/lobby-gif.gif") no-repeat right 50%;
    background-size: 100%;
}
.ov-box-grand.link {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.ov-box-grand.current {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: none
}
.ov-box-grand.current:after {
    content: ''
}
.ov-box-grand p {
    font-size: .6875rem;
    margin: 0
}
.ov-box-grand .time-average {
    text-align: left;
    font-size: 10px;
    width: 65%
}
.ov-box-grand .time-average p {
    margin-top: 3px
}
.ov-box-grand a {
    text-decoration: none;
}
.ov-box-grand .time-counter {
    margin-top:8px;
    padding: .625rem;
    width: 35%;
    text-align: center;
    font-size: 20px
}
.ov-box-grand .match-accept {
    background: #2c3526;
    background: -webkit-linear-gradient(top, #2c3526 0, #84bd00 100%);
    background: -moz-linear-gradient(top, #2c3526 0, #84bd00 100%);
    background: linear-gradient(to, #2c3526 0, #84bd00 100%);
    border:1px solid rgba(44, 53, 38,0.5);
    border-bottom:0;
    color:#fff;
    margin-right: 15px;
    margin-top:5px;
    padding-top:0px;
    width: 280px;
    height:40px;
    border-radius:10px;
    text-align: center;
    font-size: 25px
}
.ov-box-grand .match-accept:hover {
    background: #2c3526;
    background: -webkit-linear-gradient(top, #2c3526 0, #84bd00 150%);
    background: -moz-linear-gradient(top, #2c3526 0, #84bd00 150%);
    background: linear-gradient(top, #2c3526 0, #84bd00 150%);
}
.ov-box-grand .match-accept-time {
    margin-top:5px;
    color:black;
    margin-left: 15px;
    text-align: center;
    font-size: 25px
}
.ov-box-grand .match-room {
    color:#fff;
    padding: .425rem;
    margin-top:20px;
    width: 100%;
    text-align: center;
    font-size: 24px;
}
.ov-box-grand .lobby-goHome {
    background-color:#d90bd2;
    color:#fff;
    margin-top:35px;
    padding: .425rem;
    width: 30%;
    text-align: center;
    font-size: 12px;
}
.ov-box-grand .ov-topbar a.readyLobby,
.ov-topbar .ov-box-grand a.readyLobby {
    color: #fff;
    font-size: 1rem;
    background: #84bd00;
    padding: 7px;
    position: absolute;
    line-height: 10px;
    top: 0;
    right: 0;
    margin-right: 50px;
    margin-top:5px;
}
.cancelLobby .i,
.readyLobby .i {
    font-size: 12px;
}

.ov-box-grand a.close-reveal-modal,
.ov-box-grand .ov-topbar a.cancelQueue,
.ov-topbar .ov-box-grand a.cancelQueue,
.ov-box-grand .ov-topbar a.readyLobby,
.ov-topbar .ov-box-grand a.cancelLobby,
.ov-box-grand .reveal-modal a.cancelQueue,
.reveal-modal .ov-box-grand a.cancelQueue {
    color: #fff;
    font-size: 1rem;
    background: #70157b;
    padding: 7px;
    position: absolute;
    line-height: 10px;
    top: 0;
    right: 0;
    margin-right: 20px;
    margin-top:5px;
}
.ov-box-grand a.close-reveal-modal:hover,
.ov-box-grand .ov-topbar a.cancelQueue:hover,
.ov-topbar .ov-box-grand a.cancelQueue:hover,
.ov-box-grand .ov-topbar a.cancelLobby:hover,
.ov-topbar .ov-box-grand a.cancelLobby:hover,
.ov-box-grand .reveal-modal a.cancelQueue:hover,
.reveal-modal .ov-box-grand a.cancelQueue:hover {
    background-color: #b33e24
}
.green {
    color: #84bd00
}
.greenBlur {
    color:rgba(132, 189, 0,0.5)
}
.red {
    color: #f82222
}
.redBlur {
    color:rgba(248, 34, 34,0.5);
}
.blue {
    color: #0e5dcc;
}
.blueBlur {
    color:rgba(14, 93, 204,0.5)
}
.purple {
    color: #70157b;
}
.white {
    color: #fff;
}
.purpleLight {
    color: #d90bd2;
}
.purpleBlur {
    color:rgba(217, 11, 210,0.5)
}
.gray {
    color: gray;
}
.bold {
    font-weight:bold;
}
.logo {
    font-size: 48px;
    width: 200px;
    margin: 0px 20px 0 20px;
    display: inline-block;
    padding: 0 !important
}
.logo-img {
    color: #70157b;
    font-size: 48px;
    width: 180px;
    margin: 5px 48px 0 37px;
    display: inline-block;
    padding: 0 !important
}

.box,
.ov-boxed {
    -webkit-box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background-color: rgba(36, 36, 36, 0.4);
    padding: 0
}
.box-featured {
    box-shadow: 0 0 60px 0 rgba(217,10,210,0.8);
}
.ov-boxed {
    position: relative
}
.ov-boxed:before,
.ov-boxed:after {
    content: '';
    width: 85%;
    height: 1px;
    position: absolute;
    display: none
}


.ov-boxed:before {
    top: 0;
    left: 0;
    background-image: -moz-radial-gradient(34% -54%, circle closest-corner, #515166, transparent 100%, transparent);
    background-image: -webkit-radial-gradient(34% -54%, circle closest-corner, #515166, transparent 100%, transparent);
    background-image: -o-radial-gradient(34% -54%, circle closest-corner, #515166, transparent 100%, transparent);
    background-image: -ms-radial-gradient(34% -54%, circle closest-corner, #515166, transparent 100%, transparent);
    background-image: radial-gradient(circle closest-corner at 34% -54%, #515166, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0))
}
.ov-boxed:after {
    right: 0;
    bottom: 0;
    background-image: -moz-radial-gradient(54% 150%, circle closest-corner, #515166, transparent 100%, transparent);
    background-image: -webkit-radial-gradient(54% 150%, circle closest-corner, #515166, transparent 100%, transparent);
    background-image: -o-radial-gradient(54% 150%, circle closest-corner, #515166, transparent 100%, transparent);
    background-image: -ms-radial-gradient(54% 150%, circle closest-corner, #515166, transparent 100%, transparent);
    background-image: radial-gradient(circle closest-corner at 54% 150%, #515166, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0))
}
.box-header {
    background-color: #161618;
    border-radius: 6px 6px 0 0;
    margin: 1px;
    padding-top: .625rem;
    padding-bottom: .625rem;
    font-size: 14px;
    color: #fff
}
.box-warning {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px
}
.box-warning i {
    font-size: 40px;
    float: left;
    margin: 0 20px 20px 0
}
.ov-left-collapse li {
    padding: 0
}
.ov-left-collapse .ov-side-navbar li a:not(.button):not(.modal-button),
.ov-left-collapse a {
    padding: 0 .625rem;
    color: #fff;
    display: block;
    line-height: 60px;
    border-bottom: 1px solid #292b2e
}
.ov-left-collapse .ov-side-navbar li a:not(.button):not(.modal-button) .ic,
.ov-left-collapse a .ic {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: sub
}
.ov-left-collapse .ov-side-navbar li a:not(.button):not(.modal-button) .nav-icon,
.ov-left-collapse a .nav-icon {
    width: 20px;
    display: inline-block;
    text-indent: -10px;
    font-size: 40px;
    vertical-align: top;
    margin-top: 10px
}
.ov-left-collapse .active {
    background: -moz-linear-gradient(left, transparent 10%, rgba(217, 11, 210, 0.2) 100%);
    background: -webkit-linear-gradient(left, transparent 10%, rgba(217, 11, 210, 0.2) 100%);
    background: -o-linear-gradient(left, transparent 10%, rgba(217, 11, 210, 0.2) 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(217, 11, 210, 0.2) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(217, 11, 210, 0.2) 100%);
}
.ov-left-collapse .admin {
    background: -moz-linear-gradient(left, transparent 10%, rgba(237, 39, 16, 0.8) 100%);
    background: -webkit-linear-gradient(left, transparent 10%, rgba(237, 39, 16, 0.8) 100%);
    background: -o-linear-gradient(left, transparent 10%, rgba(237, 39, 16, 0.8) 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(237, 39, 16, 0.8) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(237, 39, 16, 0.8) 100%);
}

@media only screen and (min-width: 641px) {
    .ov-side-navbar {
        margin-bottom: 130px
    }
    .ov-side-navbar.ov-main-menu li a:not(.button):not(.modal-button) {
        padding: 1.25rem 0;
        text-align: center;
        font-size: .8125rem;
        line-height: inherit;
        border: 0
    }
    .ov-side-navbar.ov-main-menu li a:not(.button):not(.modal-button).disabled {
        cursor: default;
        opacity: .4
    }
    .ov-side-navbar.ov-main-menu li a:not(.button):not(.modal-button).disabled:hover {
        background-color: transparent
    }
    .ov-side-navbar.ov-main-menu li a:not(.button):not(.modal-button) i.ic {
        display: block;
        font-size: 1.3125rem;
        padding-bottom: .3125rem;
        margin-right: 0
    }
    .ov-side-navbar a {
        color: #fff;
        padding: 1.25rem 0;
        line-height: 100%
    }
    .ov-side-navbar li {
        position: relative
    }
    .ov-side-navbar li a:not(.button):not(.modal-button):hover {
        background-color: #191919;
        background: linear-gradient(to right, transparent 0%, rgba(217, 11, 210, 0.5) 100%);
    }
    .ov-side-navbar li a:not(.button):not(.modal-button):focus {
        background-color: #191919;
        background: linear-gradient(to right, transparent 0%, rgba(217, 11, 210, 0.5) 100%);
    }
    .ov-side-navbar .divider-label,
    .ov-side-navbar li.divider {
        margin-left: 15px;
        margin-right: 15px
    }
    .ov-side-navbar .divider-label {
        text-transform: uppercase;
        font-size: 10px;
        color: #5c6c82
    }
    .ov-side-navbar li.divider {
        margin-top: 10px;
        margin-bottom: 5px
    }
    .ov-side-navbar.ov-main-menu li a:not(.button):not(.modal-button).active,
    .ov-bottom-navbar a.active {
        overflow: hidden;
        position: relative;
        color: #fff;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
        background: 0
    }

    .ov-side-navbar.ov-main-menu li a:not(.button):not(.modal-button).active:after,
    .ov-bottom-navbar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 120px;
        background-color: #17181a;
        text-align: left;
    }
}

.label-new {
    position: absolute;
    left: 0;
    top: 12px;
    text-transform: uppercase;
    font-size: 8px
}
@media only screen and (min-width: 1025px) {
    footer .footer {
        margin: 50px 60px
    }
}
footer {
    background: #141517;
    background: -moz-linear-gradient(top, #141517 0, #232326 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #141517), color-stop(100%, #232326));
    background: -webkit-linear-gradient(top, #141517 0, #232326 100%);
    background: -o-linear-gradient(top, #141517 0, #232326 100%);
    background: -ms-linear-gradient(top, #141517 0, #232326 100%);
    background: linear-gradient(to bottom, #141517 0, #232326 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#141517', endColorstr='#232326', GradientType=0);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 10px;
}
footer .footer {
    font-size: 10px;
    color: #4a4a4a;
    padding-left: 45px;
    margin: 50px 0;
    min-height: 50px;
    position: relative
}
footer .footer .footer-logo {
    margin-top: 40px
}

footer .footer .footer-row {
    display: inline-block;
    padding-top: 12px;
    padding-left: 10px;
}

footer .footer a {
    font-size:12px;
    color: #d90bd2;
}

footer .footer .footer-columns .columns {
    margin-bottom: 40px
}
footer .footer .socials {
    margin-top: 20px
}
footer .footer .socials a {
    line-height: 50px;
    color: #888;
    height: 20px;
    margin: 0 10px
}
footer .footer .socials a:hover {
    color: #fff
}
footer .footer .socials .icon {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px
}

@media all and (min-height: 600px) {
    .page-content {
        min-height: 400px
    }
}
@media all and (min-height: 650px) {
    .page-content {
        min-height: 450px
    }
}
@media all and (min-height: 700px) {
    .page-content {
        min-height: 500px
    }
}
@media all and (min-height: 750px) {
    .page-content {
        min-height: 550px
    }
}
@media all and (min-height: 800px) {
    .page-content {
        min-height: 600px
    }
}
@media all and (min-height: 850px) {
    .page-content {
        min-height: 650px
    }
}
@media all and (min-height: 900px) {
    .page-content {
        min-height: 700px
    }
}
@media all and (min-height: 950px) {
    .page-content {
        min-height: 750px
    }
}
@media all and (min-height: 1000px) {
    .page-content {
        min-height: 800px
    }
}
.content-padding {
    padding: 1.25rem !important
}
.content-padding-gadget {
    padding: 0.5rem 1.25rem 0.5rem 1.875rem !important;
}
.content-padding-bottom {
    padding-bottom: 1.875rem
}
.content-padding-top {
    padding-top: 1.875rem
}

.box-header,
.tabs-holder {
    padding-left: 0 !important;
    padding-right:0 !important
}

@media only screen and (min-width: 641px) {
    .content-padding {
        padding: 1.875rem !important
    }
    .tabs-holder {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

}
@media only screen and (min-width: 641px) {
    ::-webkit-scrollbar {
        width: 16px;
        height: 16px
    }
    ::-webkit-scrollbar-button {
        height: 0;
        width: 0
    }
    ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece {
        border-left: 6px solid transparent;
        border-right: 1px solid transparent;
        background-clip: padding-box
    }
    ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:vertical {
        min-height: 10px;
        padding-top: 100px;
        border-left: 4px solid transparent;
        border-right: 6px solid transparent;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        background-clip: padding-box;
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07)
    }

}

.header-underline {
    color: #fff;
    font-size: .75rem;
    margin: 2.1875rem 0 2.8125rem;
    padding: 0 .75rem
}
.header-underline:after {
    content: '';
    width: 2.1875rem;
    height: .125rem;
    background: #fff;
    display: block;
    margin-top: .625rem
}
.header-small {
    font-size: .8125rem;
    color: #878384;
    font-weight: 300;
    margin: .625rem 0 .9375rem
}
.header-large,
.header-medium,
.header-center {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 300;
    margin: .625rem 0 .9375rem;
    position: relative;
    padding-bottom: 10px
}
.header-large:after,
.header-medium:after,
.header-center:after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #70157b;
    margin-top: 10px
}
.header-medium {
    font-size: 18px
}
.header-medium:after {
    width: 25px;
    height: 3px;
    margin-top: 5px
}
.header-center {
    font-size: 21px;
    text-align: center
}
.header-center:after {
    margin-left: auto;
    margin-right: auto
}
.ov-no-background .ov-middle-collapse {
    background-image: none
}
.ov-topbar-section {
    height: 80px
}
.top-bar-section:before,
.top-bar-section:after {
    content: " ";
    display: table
}
.top-bar-section:after {
    clear: both
}
.ov-topbar-section ul.ov-user-widget {
    position: relative;
    display: inline-block
}
.ov-topbar-section ul.ov-user-widget li:not(.ov-has-form) a:not(.button):not(.modal-button):hover {
    background-color: rgba(255, 255, 255, 0.05)
}
.ov-topbar-section ul.ov-user-widget i.ic-envelope {
    font-size: 1.75rem;
    position: relative
}
.ov-topbar-section ul.ov-user-widget .inbox {
    padding: 0 1.875rem !important
}
.ov-topbar-section ul.ov-user-widget .inbox i.ic {
    vertical-align: middle
}
.ov-topbar-section ul.ov-user-widget .sidebar-label {
    position: absolute;
    background-color: #d90bd2;
    top: 50%;
    right: 10px;
    color: #fff;
    min-width: 20px;
    min-height: 20px;
    padding: 0 3px;
    font-size: 11px;
    text-align: center;
    line-height: 20px;
    border-radius: 4px;
    margin-top: -20px;
    margin-right: -10px;
    box-shadow: 0 1px 3px 0 #000;
    border: 1px solid rgba(255, 255, 255, 0.35);
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif
}
.ov-topbar-section ul.ov-user-widget li {
    background: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.15)
}
.expanded .ov-topbar-section ul.ov-user-widget li {
    background: #333
}
.ov-topbar-section ul.ov-user-widget li.ov-exploit {
    position: relative;
    position: relative
}
.ov-topbar-section ul.ov-user-widget li.ov-exploit a {
    width: initial;
    float: left
}
.ov-topbar-section ul.ov-user-widget li.ov-exploit .ov-user-avatar {
    width: 40px;
    margin: 20px 10px 0 0
}
.ov-topbar-section ul.ov-user-widget li.ov-exploit span.ov-text-restrict {
    width: auto;
    max-width:180px;
    padding-right:40px;
    display: block
}
.ov-topbar-section ul.ov-user-widget li.ov-exploit .username {
    min-width: 220px;
    line-height: 64px;
    height: 80px
}
.ov-topbar-section ul.ov-user-widget li.ov-exploit .arrow-down {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    text-align: center;
    height: 25px;
    padding: 0 !important;
    line-height: 25px !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 25px;
    top: 27px;
    border-radius: 4px
}
.ov-topbar-section ul.ov-user-widget li.ov-exploit .arrow-down i.ic {
    font-size: 1.5rem
}
.ov-topbar-section ul.ov-user-widget li.money {
    min-width: 150px
}
.ov-topbar-section ul.ov-user-widget li.money .plus {
    background: #d90bd2;
    color: #fff;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px
}
.ov-topbar-section ul.ov-user-widget li.money .plus span {
    display: none
}
.ov-topbar-section ul.ov-user-widget li.money .plus.version {
    width: auto;
    text-transform: uppercase;
    padding: 0 10px;
    font-size: 10px
}
.ov-topbar-section ul.ov-user-widget li.money .plus.version span {
    margin: 0;
    display: inline
}
.ov-topbar-section ul.ov-user-widget li.money a {
    line-height: 40px !important
}
.ov-topbar-section ul.ov-user-widget li.money a:first-child {
    padding-right: 0
}
.ov-topbar-section ul.ov-user-widget li.money a+a {
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}
.ov-topbar-section ul.ov-user-widget li.money span {
    margin: 0 4px
}
.ov-topbar-section ul.ov-user-widget li.money #account-coins-available {
    margin-right: 10px
}
.ov-topbar-section ul.ov-user-widget li.money a:hover .plus {
    background: rgba(255, 162, 0, 0.8)
}
.giveaway-color-consumer-grade {
    color: #afafaf
}
.giveaway-color-industrial-grade {
    color: #6496e1
}
.giveaway-color-mil-spec {
    color: #4b69cd
}
.giveaway-color-restricted {
    /*color: #8847ff;*/
    color: #27b768;
    font-weight: bold;
}
.giveaway-color-classified {
    color: #d32ce6
}
.giveaway-color-covert {
    color: #eb4b4b
}
.giveaway-color-rare {
    color: #caab05
}
form ul {
    list-style: none;
    margin: 0;
    padding: 0 0 .3125rem
}
input[type="text"],
textarea,
select {
    border-top: 0;
    border-left: 0;
    border-right: 0
}
label {
    font-size: .625rem
}
label.remember-me {
    letter-spacing: 0
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
    color: #ccc
}
input[type="text"]:focus,
select:focus {
    outline: 0;
    border-color: #fff
}
input[type="checkbox"]:focus {
    box-shadow: 0 0 10px -1px #fff
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: "";
}
select option,
select optgroup {
    background-color: #121314;
    color: #fff
}
select[disabled] {
    opacity: .33;
    cursor: not-allowed
}
.avatar .ov-user-avatar {
    position: relative;
    display: inline-block
}
.avatar .ov-user-avatar a {
    display: block;
    position: relative
}
.avatar .ov-user-avatar img {
    border-radius: 1000px;
    width: 2.5rem;
    height: 2.5rem
}
.avatar .ov-user-avatar .user-level {
    text-align: center;
    line-height: 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    font-size: .5rem;
    color: #fff;
    background-color: #70157b
}
.reveal-modal {
    text-align: center
}
.reveal-modal .system-messages {
    min-height: 40px;
    margin-bottom: 10px
}
.reveal-modal .system-messages p {
    margin-bottom: 0
}
.reveal-modal .info {
    color: #7a7e86;
    font-size: .875rem;
    line-height: 1.3125rem
}
.reveal-modal .button.close-reveal-modal,
.reveal-modal .close-reveal-modal.modal-button,
.reveal-modal .ov-topbar .modal-button.cancelLobby,
.ov-topbar .reveal-modal .modal-button.cancelLobby,
.reveal-modal .modal-button.cancelQueue,
.reveal-modal .ov-topbar .button.cancelLobby,
.ov-topbar .reveal-modal .button.cancelLobby,
.reveal-modal .button.cancelQueue {
    color: #fff;
    position: relative;
    font-size: 16px;
    top: auto;
    right: auto
}
@media only screen and (max-width: 40em) {
    .reveal-modal.full {
        height: auto
    }
}
.reveal-modal.full-scroll .close-reveal-modal:not(.button):not(.modal-button),
.reveal-modal.full-scroll .ov-topbar .cancelLobby:not(.button):not(.modal-button),
.ov-topbar .reveal-modal.full-scroll .cancelLobby:not(.button):not(.modal-button),
.reveal-modal.full-scroll .cancelQueue:not(.button):not(.modal-button) {
    color: #fff;
    font-size: 60px;
    position: fixed
}
.reveal-modal.full-scroll .close-reveal-modal:not(.button):not(.modal-button):hover,
.reveal-modal.full-scroll .ov-topbar .cancelLobby:not(.button):not(.modal-button):hover,
.ov-topbar .reveal-modal.full-scroll .cancelLobby:not(.button):not(.modal-button):hover,
.reveal-modal.full-scroll .cancelQueue:not(.button):not(.modal-button):hover {
    border: 0
}
@media only screen and (min-width: 641px) {
    .reveal-modal.full-scroll .close-reveal-modal:not(.button):not(.modal-button),
    .reveal-modal.full-scroll .ov-topbar .cancelLobby:not(.button):not(.modal-button),
    .ov-topbar .reveal-modal.full-scroll .cancelLobby:not(.button):not(.modal-button),
    .reveal-modal.full-scroll .cancelQueue:not(.button):not(.modal-button) {
        margin-top: 80px
    }
}
.reveal-modal .bottom-info {
    margin-top: -20px;
    padding: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: #333;
    color: #8c8c8c
}
.reveal-modal .bottom-info p {
    overflow: hidden;
    margin: 0;
    color: inherit;
    text-align: left;
    font-size: .6875rem;
    line-height: 1.6
}
.reveal-modal .bottom-info p span {
    color: #fff
}

.tabs-holder {
    -webkit-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
    -moz-box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15) inset;
    z-index: 10;
    position: relative;
    background: #1b1a20;
    background: -moz-linear-gradient(top, #121216 0, #1f1f1f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #121216), color-stop(100%, #1f1f1f));
    background: -webkit-linear-gradient(top, #121216 0, #1f1f1f 100%);
    background: -o-linear-gradient(top, #121216 0, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #121216 0, #1f1f1f 100%);
    background: linear-gradient(to bottom, #121216 0, #1f1f1f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#121216', endColorstr='#1F1F1F', GradientType=0)
}
.tabs-holder.no-spacing {
    padding: 0 !important
}
.tabs-holder .tabs li {
    border-right: 1px solid rgba(255, 255, 255, 0.1)
}
.tabs-holder .tabs li a:hover {
    background: rgba(255, 255, 255, 0.05)
}
.tabs-holder.tabs-holder.medium,
.tabs-holder.tabs-holder.big {
    background: transparent;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal
}
.tabs-holder.tabs-holder.medium a,
.tabs-holder.tabs-holder.big a {
    text-align: center
}
.tabs-holder.tabs-holder.medium .tab-title,
.tabs-holder.tabs-holder.medium .tab-dropdown,
.tabs-holder.tabs-holder.big .tab-title,
.tabs-holder.tabs-holder.big .tab-dropdown {
    background-color: #101011;
    overflow: hidden
}
.tabs-holder.tabs-holder.medium .tab-title a,
.tabs-holder.tabs-holder.medium .tab-dropdown a,
.tabs-holder.tabs-holder.big .tab-title a,
.tabs-holder.tabs-holder.big .tab-dropdown a {
    padding: 14px 25px;
    color: #fff
}
.tabs-holder.tabs-holder.medium .tab-title a:hover,
.tabs-holder.tabs-holder.medium .tab-dropdown a:hover,
.tabs-holder.tabs-holder.big .tab-title a:hover,
.tabs-holder.tabs-holder.big .tab-dropdown a:hover {
    background: 0
}
.tabs-holder.tabs-holder.medium .tab-title:hover:after,
.tabs-holder.tabs-holder.medium .tab-dropdown:hover:after,
.tabs-holder.tabs-holder.big .tab-title:hover:after,
.tabs-holder.tabs-holder.big .tab-dropdown:hover:after {
    content: '';
    height: 3px;
    width: 100%;
    top: 0;
    position: absolute;
    background-color: #70157b
}
.tabs-holder.tabs-holder.medium .tab-title.disabled,
.tabs-holder.tabs-holder.medium .disabled.tab-dropdown,
.tabs-holder.tabs-holder.big .tab-title.disabled,
.tabs-holder.tabs-holder.big .disabled.tab-dropdown {
    background-color: #1c1c1e
}
.tabs-holder.tabs-holder.medium .tab-title.disabled a,
.tabs-holder.tabs-holder.medium .disabled.tab-dropdown a,
.tabs-holder.tabs-holder.big .tab-title.disabled a,
.tabs-holder.tabs-holder.big .disabled.tab-dropdown a {
    color: #8c8c8c
}
.tabs-holder.tabs-holder.medium .tab-title.disabled:hover:after,
.tabs-holder.tabs-holder.medium .disabled.tab-dropdown:hover:after,
.tabs-holder.tabs-holder.big .tab-title.disabled:hover:after,
.tabs-holder.tabs-holder.big .disabled.tab-dropdown:hover:after {
    content: none
}
.tabs-holder.tabs-holder.medium .tab-title.disabled:hover a,
.tabs-holder.tabs-holder.medium .disabled.tab-dropdown:hover a,
.tabs-holder.tabs-holder.medium .tab-title.disabled:hover label,
.tabs-holder.tabs-holder.medium .disabled.tab-dropdown:hover label,
.tabs-holder.tabs-holder.big .tab-title.disabled:hover a,
.tabs-holder.tabs-holder.big .disabled.tab-dropdown:hover a,
.tabs-holder.tabs-holder.big .tab-title.disabled:hover label,
.tabs-holder.tabs-holder.big .disabled.tab-dropdown:hover label {
    cursor: default;
    color: #8c8c8c
}
.tabs-holder.tabs-holder.medium .tab-title.active,
.tabs-holder.tabs-holder.medium .active.tab-dropdown,
.tabs-holder.tabs-holder.big .tab-title.active,
.tabs-holder.tabs-holder.big .active.tab-dropdown {
    border-left-width: 1px;
    border-style: solid;
    border-bottom-width: 0;
    border-right-width: 1px;
    border-top-width: 1px;
    border-color: #4b4b50;
    margin-top: 0;
    position: relative;
    overflow: hidden
}
.tabs-holder.tabs-holder.medium .tab-title.active>a:after,
.tabs-holder.tabs-holder.medium .active.tab-dropdown>a:after,
.tabs-holder.tabs-holder.big .tab-title.active>a:after,
.tabs-holder.tabs-holder.big .active.tab-dropdown>a:after {
    content: none
}
.tabs-holder.tabs-holder.medium .coins,
.tabs-holder.tabs-holder.big .coins {
    font-size: 16px;
    top: 1px;
    vertical-align: top
}
.tabs-holder.tabs-holder.big a {
    font-size: 18px
}
.tabs-holder.tabs-holder.big .tab-title,
.tabs-holder.tabs-holder.big .tab-dropdown {
    margin-left: 10px;
    border-radius: 6px 6px 0 0;
    margin-top: 12px
}
.tabs-holder.tabs-holder.big .tab-title.active,
.tabs-holder.tabs-holder.big .active.tab-dropdown {
    background-color: #232326
}
.tabs-holder.tabs-holder.big .tab-title.active:after,
.tabs-holder.tabs-holder.big .active.tab-dropdown:after {
    content: '';
    height: 3px;
    width: 100%;
    top: 0;
    position: absolute;
    background-color: #70157b
}
.tabs-holder.tabs-holder.big .tab-title.active a,
.tabs-holder.tabs-holder.big .active.tab-dropdown a {
    padding: 20px 25px
}
.tabs-holder.tabs-holder.medium {
    padding: 0 !important
}
.tabs-holder.tabs-holder.medium .tab-title,
.tabs-holder.tabs-holder.medium .tab-dropdown {
    width: 50%
}
.tabs-holder.tabs-holder.medium .tab-title:first-child:not(.active),
.tabs-holder.tabs-holder.medium .tab-dropdown:first-child:not(.active) {
    border: 0;
    margin-left: 1px
}
.tabs-holder.tabs-holder.medium .tab-title:not(.active),
.tabs-holder.tabs-holder.medium .tab-dropdown:not(.active) {
    width: calc(50% - 1px)
}
.tabs-holder.tabs-holder.medium .tab-title a,
.tabs-holder.tabs-holder.medium .tab-dropdown a {
    padding: 6px 0 6px 25px
}
.tabs-holder.tabs-holder.medium .tab-title a:hover,
.tabs-holder.tabs-holder.medium .tab-dropdown a:hover {
    background: 0
}
.tabs-holder.tabs-holder.medium .tab-title.active,
.tabs-holder.tabs-holder.medium .active.tab-dropdown {
    background-color: #141517
}
.tabs-holder.tabs-holder.medium .tab-title.active a,
.tabs-holder.tabs-holder.medium .active.tab-dropdown a {
    padding: 5px 0 7px 25px
}
.tabs-holder.tabs-holder.medium .counter {
    background: #70157b;
    color: #fff;
    padding: 0 3px;
    font-size: 9px;
    border-radius: 3px;
    margin-left: 5px;
    min-width: 20px;
    display: inline-block;
    line-height: 13px;
    text-align: center
}
.tabs-holder ul.ov-dropdown {
    text-transform: none;
    letter-spacing: 0
}
.tabs-holder a {
    line-height: 1.625rem
}
.tabs-holder a:focus {
    outline: 0
}
.tabs-holder a:focus:after {
    -webkit-box-shadow: 0 0 14px 6px #fff;
    -moz-box-shadow: 0 0 14px 6px #fff;
    box-shadow: 0 0 14px 6px #fff
}
.tabs-holder .tab-title.active>a,
.tabs-holder .active.tab-dropdown>a {
    overflow: hidden;
    position: relative
}
.tabs-holder .tab-title.active>a:after,
.tabs-holder .active.tab-dropdown>a:after {
    -webkit-box-shadow: 0 0 14px 6px #70157b;
    -moz-box-shadow: 0 0 14px 6px #70157b;
    box-shadow: 0 0 14px 6px #70157b;
    content: '';
    display: inline-block;
    position: absolute;
    height: 17px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 5px 0 0 -50%;
    border-radius: 200%;
    width: 100%
}
.tabs-holder .tab-title a:hover,
.tabs-holder .tab-dropdown a:hover {
    color: #fff
}
.tabs-holder li.tab-filter {
    float: right;
    font-size: 12px;
    color: #a1a1a1;
    text-transform: uppercase;
    line-height: 54px;
    border: 0;
    list-style: none;
    position: relative
}
.tabs-holder li.tab-filter .button,
.tabs-holder li.tab-filter .modal-button {
    width: auto;
    margin: 0 0 0 10px;
    padding: 0 25px 0 15px;
    position: relative;
    z-index: 2
}
.tabs-holder li.tab-filter .button+.ic-chevron-down,
.tabs-holder li.tab-filter .modal-button+.ic-chevron-down {
    position: absolute;
    right: 5px;
    top: 16px;
    font-size: 20px;
    z-index: 1
}
@media only screen and (min-width: 641px) {
    .tabs-holder.sticky {
        position: fixed;
        top: 80px;
        left: 128px;
        right: 0;
        padding-right: 70px;
        z-index: 901
    }
}
.user-list,
.ov-friends-list, .ov-chat-list {
    margin: 0
}
.ov-chat-body {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.user-list>li,
.ov-friends-list>li , .ov-chat-list>li  {
    display: block;
    clear: left;
    text-align: left;
    padding: .625rem .8125rem;
    line-height: .875rem;
    min-height: 2.75rem
}

.user-list>li>a,
.ov-friends-list>li>a , .ov-chat-list>li>a {
    display: block
}

.user-list .ov-user-avatar,
.ov-friends-list .ov-user-avatar {
    border-radius: 1000px;
    width: 2.75rem;
    height: 2.75rem
}

.user-list .ov-friend-user-item,
.ov-friends-list .ov-friend-user-item {
    max-height: 64px
}

.user-list .ov-friend-user-item .ov-user-avatar,
.ov-friends-list .ov-friend-user-item .ov-user-avatar {
    margin-right: .8125rem
}
@media only screen and (min-width: 641px) {

    .user-list .ov-friend-user-item,
    .ov-friends-list .ov-friend-user-item {
        width: 299px
    }
}

.user-list .status,
.ov-friends-list .status {
    text-transform: uppercase;
    font-size: .625rem
}

.user-list .ov-status-dot,
.ov-friends-list .ov-status-dot {
    font-size: 0;
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #6a6a84;
    border-radius: 50%;
    left: 45px;
    top: 43px;
    border: 3px solid #232326
}

.user-list .status-stream,
.ov-friends-list .status-stream {
    background: #6441a5;
    left: 30px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    font-size: 10px;
    line-height: 21px;
    text-align: center;
    top: 38px;
    left: 41px
}


.user-list li,
.ov-friends-list li,
.ov-chat-list li {
    position: relative
}

.user-list .user-name,
.ov-friends-list .user-name {
    display: block;
    margin-left: 50px;
    font-size: .8125rem;
    color: #fff;
    max-width: 200px;
    margin-top: 5px;
}

.user-list .lobby-text-message,
.user-list .lobby-button,
.ov-friends-list .lobby-text-message,
.ov-friends-list .lobby-button-game,
.ov-friends-list .lobby-button {
    margin-right:10px;
    font-size: 10px;
    display: inline-block;
    float: right;
    line-height: 10px;
    padding: 2px 4px;
    margin-top: 4px;
    border-radius: 3px
}

.user-list .lobby-text-message,
.ov-friends-list .lobby-text-message {
    color: #aaa5a5
}

.user-list .lobby-button,
.ov-friends-list .lobby-button {
    border: 1px solid #ff44f7;
    color: #ff44f7;
    background: rgba(255, 68, 247, 0.2)
}
.ov-friends-list .lobby-button-game {
    border: 1px solid #84bd00;
    color: #84bd00;
    background: rgba(132, 189, 0, 0.2)
}

.user-list .lobby-button:hover,
.ov-friends-list .lobby-button:hover,
.ov-friends-list .lobby-button-game:hover {
    border: 1px solid #d90bd2;
    color: #d90bd2;
    background: rgba(217, 11, 210, 0.4);
    cursor: pointer
}

.ov-friends-list li {
    opacity: .7
}
.ov-chat-list li {
    opacity: .8
}
.ov-friends-list li.online {
    opacity: 1
}
.ov-friends-list li:not(.myself):hover{
    background: #191919
}
.ov-friends-list .fa-angle-down {
    font-size: .875rem
}
.ov-friends-list .user-dropdown-trigger {
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    font-size: 20px;
    cursor: pointer;
    margin-top: 5px
}
.ov-friends-list .user-dropdown-trigger:hover {
    background: #191919
}
@media only screen and (max-width: 40em) {
    .ov-friends-list .user-dropdown-trigger {
        display: none
    }
}
.ov-friends-list .ov-dropdown {
    width: 250px
}
.ov-friends-list-label , .ov-chat-list-label  {
    background:#17181a;
    border-bottom: 1px solid rgba(125, 125, 125, 0.15);
    color: #fff;
    font-size: 10px;
    line-height: 24px;
    margin-left: 1px;
    width: 298px
}

.ov-friends-list-label .label-name, .ov-chat-list-label .label-name {
    color: #aaa5a5;
    display: inline-block;
    width: 4.375rem;
    text-align: center
}

.ov-add-friend-icon {
    display: block;
    text-align: right;
    padding: 5px 2px 5px 15px;
    line-height: .675rem;
    color: rgba(217, 11, 210,0.7);
    line-height: 40px;
    overflow: hidden;
    font-size: 13px;
    height:100%;
}
.ov-add-friend-icon:hover {
    color: rgba(217, 11, 210,0.7);
    background: #191919
}
.ov-add-friend-icon .icon {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    float: left;
    background: rgba(132, 189, 0, 0.2);
    border: 2px solid rgba(217, 11, 210,0.7);
    color: rgba(217, 11, 210,0.7);
    line-height: 36px;
    text-align: center;
    font-size: 22px;
    margin-right: 13px
}

.online, .state-1,.state-online {
    color: #71b4f7
}
.ov-friends-list .online .ov-status-dot.state-online {
    background: #71b4f7
}
.ov-friends-list .online .ov-status-dot.state-offline,.ov-friends-list .online .ov-status-dot.state-10 {
    background: #666
}
.state-offline, .state-10 {
    color: #666
}
.state-ingame, .state-5 {
    color: #84bd00
}
.ov-friends-list .online .ov-status-dot.state-ingame, .ov-friends-list .online .ov-status-dot.state-5  {
    background: #84bd00
}
.state-inqueue, .state-4  {
    color: #f5de51
}
.ov-friends-list .online .ov-status-dot.state-inqueue,.ov-friends-list .online .ov-status-dot.state-4 {
    background: #f5de51
}
.state-inlobby, .state-3 {
    color: #d90bd2
}
.ov-friends-list .online .ov-status-dot.state-inlobby,.ov-friends-list .online .ov-status-dot.state-3  {
    background: #d90bd2
}
.state-away, .state-2 {
    color: #ff4c2d
}
.ov-friends-list .online .ov-status-dot.state-away, .ov-friends-list .online .ov-status-dot .state-2 {
    background: #ff4c2d
}
.state-banned, .state-9, .state-VACbanned {
    color: #ff4c2d
}
.ov-friends-list .online .ov-status-dot.state-banned, .ov-friends-list .online .ov-status-dot .state-9, ov-friends-list .online .ov-status-dot.state-VACbanned  {
    background: #71b4f7
}

.profile-holder .user-state.state-online:before {
    background: #71b4f7
}
.profile-holder .user-state.state-offline:before,.profile-holder .user-state.state-10:before {
    background: #666
}

.profile-holder .user-state.state-ingame:before, .profile-holder .user-state.state-5:before  {
    background: #84bd00
}

.profile-holder .user-state.state-inqueue:before,.profile-holder .user-state.state-4:before {
    background: #f5de51
}

.profile-holder .user-state.state-inlobby:before,.profile-holder .user-state.state-3:before  {
    background: #d90bd2
}

.profile-holder .user-state.state-away:before, .profile-holder .user-state .state-2:before {
    background: #ff4c2d
}

.profile-holder .user-state.state-banned:before, .profile-holder .user-state .state-9:before {
    background: #71b4f7
}

.list-header {
    text-transform: uppercase;
    color: #7d7d7d;
    font-size: .6875rem;
    margin-bottom: 1.5625rem
}
.ov-lobby-list {
    height: 54px;
    margin: 5px 0;
    position: relative
}
.ov-lobby-list .ov-user-avatar {
    width: 23px;
    height: 23px;
    background: url(../images/empty-slot.png) center center no-repeat #404043;
    display: block;
    margin: 2px auto;
    border-radius: 50%;
    float: none !important
}
.ov-lobby-list .ov-friend-user-item-empty {
    float: left;
    width: 50%
}
.ov-lobby-list .ov-friend-user-item-empty .user-name {
    display: block;
    margin-left: auto;
    font-size: .8125rem;
    color: gray;
    max-width: 200px;
    margin-top: 10px
}
.ov-lobby-list .owned {
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 2
}
.ov-lobby-list .owned .ov-user-avatar {
    box-shadow: 0 0 0 2px #d90bd2
}
.ov-lobby-list .ov-status-dot {
    font-size: 0;
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #6a6a84;
    border-radius: 50%;
    left: 5px;
    top: 15px;
    border: 3px solid #232326
}
.party-user-item {
    width: 20%
}

.ov-lobby-list .ov-friend-user-item-empty {
    width: 20%
}
.ov-lobby-list .ov-user-avatar {
    width: 44px;
    height: 44px;
    margin: 5px auto
}
.ov-lobby-list .owned {
    position: relative;
    top: 0;
    left: 0
}
.ov-lobby-list .owned .ov-user-avatar {
    box-shadow: 0
}
.ov-lobby-list .ov-status-dot {
    left: 13px;
    top: 42px
}

@media(min-width:1660px) {
    .party-user-item {
        width: 20%
    }

    .ov-lobby-list .ov-friend-user-item-empty {
        width: 20%
    }
    .ov-lobby-list .ov-user-avatar {
        width: 44px;
        height: 44px;
        margin: 5px auto
    }
    .ov-lobby-list .owned {
        position: relative;
        top: 0;
        left: 0
    }
    .ov-lobby-list .owned .ov-user-avatar {
        box-shadow: 0
    }
    .ov-lobby-list .ov-status-dot {
        left: 13px;
        top: 42px
    }
}
.ov-search-barfriends {
    height: 50px;
    transition: width .1s ease-out;
    border-bottom: 1px solid #323232;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px;
    z-index: 10
}
.ov-search-barfriends:active,
.ov-search-barfriends:hover {
    background: #323232
}
.ov-search-barfriends input {
    border: 0;
    color: #fff;
    padding-left: 42px;
    position: relative
}
.ov-search-barfriends .search-icon {
    left: 25px;
    right: auto;
    margin-top: 12px
}
.ov-search-barfriends::-webkit-input-placeholder {
    color: #575757
}
.ov-search-barfriends:-moz-placeholder {
    color: #575757
}
.ov-search-barfriends::-moz-placeholder {
    color: #575757
}
.ov-search-barfriends:-ms-input-placeholder {
    color: #575757
}
.ov-dropdown {
    border-radius: 6px;
    padding: .75rem 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)
}
.ov-dropdown li.disabled a {
    cursor: default;
    color: rgba(255, 255, 255, 0.6)
}
.ov-dropdown li.disabled:hover {
    background: 0
}
.ov-dropdown:focus {
    outline: 0
}
.ov-dropdown .ic {
    font-size: 1.3em;
    width: 1.5625rem;
    vertical-align: sub;
    margin-right: 5px
}
.ov-dropdown .disable:hover {
    background: 0
}
.ov-dropdown .disable a {
    color: #b3b3b3
}
.ov-dropdown.small {
    width: 240px
}

.tab-label {
    display: inline-block;
    font-family: "Montserrat", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: .25rem .5rem .25rem;
    font-size: .6875rem;
    background-color: #70157b;
    color: #fff;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.15);
    font-weight: 300
}
.button-group li {
    width: 50%;
    float: left;
    margin: 0
}
.button-group li.wide {
    width: 100%
}
.reveal-modal {
    overflow: hidden
}
.reveal-modal:active,
.reveal-modal:focus {
    outline: 0
}
.reveal-modal .cancelQueue {
    padding: 5px 10px;
    z-index: 2;
    font-size: 30px
}
.reveal-modal .cancelQueue:hover {
    color: #fff
}
.reveal-modal .button-group .close-reveal-modal,
.reveal-modal .button-group .ov-topbar .cancelLobby,
.ov-topbar .reveal-modal .button-group .cancelLobby,
.reveal-modal .button-group .cancelQueue {
    position: relative;
    right: auto;
    top: auto;
    font-size: 1rem;
    color: #fff;
    line-height: normal;
    font-weight: 400
}
.modal-button {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0
}
.button-group li {
    width: 50%;
    float: left;
    margin: 0
}
.button-group li.wide {
    width: 100%
}
.reveal-modal-bg {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}
.reveal-modal {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.reveal-modal.open {
    -webkit-animation-name: anim-open;
    animation-name: anim-open
}
.reveal-modal.open .profile,
.reveal-modal.open h2,
.reveal-modal.open p {
    -webkit-animation: anim-elem .3s both;
    animation: anim-elem .3s both
}
.reveal-modal.open .profile {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}
.reveal-modal.open h2,
.reveal-modal.open p {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}
@-webkit-keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}
@keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes anim-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0)
    }
}
@keyframes anim-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
}
@-webkit-keyframes anim-elem {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}
@keyframes anim-elem {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.full-scroll {
    background: 0
}
.full-scroll .modal-content {
    margin-top: 130px;
    margin-bottom: 50px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #232326
}
.full-scroll .close-reveal-modal small,
.full-scroll .ov-topbar .cancelQueue small,
.ov-topbar .full-scroll .cancelQueue small,
.full-scroll .ov-topbar .cancelLobby small,
.ov-topbar .full-scroll .cancelLobby small,
.full-scroll .reveal-modal .cancelQueue small,
.reveal-modal .full-scroll .cancelQueue small {
    font-size: .6em;
    vertical-align: middle;
    display: inline-block;
    opacity: .6
}

.ov-no-background .ov-middle-collapse {
    background-image: none
}
.ov-dropdown.user-dropdown {
    padding-left: 15px;
    padding-top:10px;
}
.user-dropdown li a.indentation {
    margin-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.2)
}
.user-dropdown li a.indentation i {
    margin-left: 7px;
}
.ov-dropdown.user-dropdown .gold {
    color: #d90bd2
}
.ov-dropdown.user-dropdown .gold:hover {
    color: rgba(255, 162, 0, 0.8)
}
.ov-dropdown.user-dropdown .disabled a {
    font-size: 10px;
    letter-spacing: .05em;
    color: #8a8a8a;
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0
}
.ov-dropdown.user-dropdown .region-label {
    margin-left: 3px;
    margin-top: -2px
}

.user-status {
    font-size: .625rem;
    text-transform: uppercase;
    letter-spacing: .05em
}
.user-status:before {
    content: '';
    display: inline-block;
    width: .4375rem;
    height: .4375rem;
    border-radius: 50%;
    margin-right: .3125rem;
    vertical-align: baseline
}

.user-status.state--1 {
    color: #666
}
.user-status.state--1:before {
    background-color: #666
}
.user-status.state-2:before,
.user-status.state-3:before,
.user-status.state-4:before,
.user-status.state-6:before {
    background-color: #6996ff
}
.user-status.state-5:before {
    background-color: #84bd00
}
.user-short.user-short {
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-transform: none;
    max-width: 500px;
    opacity: 1
}
.user-short.user-short a.user-profile,
.user-short.user-short a.user-profile-arrow-down {
    display: inline-block;
    float: left
}
.user-short.user-short a.user-profile {
    padding-right: 20px
}
.user-short.user-short a.user-profile:hover {
    background: 0
}
.user-short.user-short a.user-profile-arrow-down {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 20px;
    margin-top: 15px;
    margin-right: 20px;
    border-radius: 4px;
    padding-right: 0
}
.user-short.user-short a.user-profile-arrow-down:hover {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4)
}
.user-short.user-short a.user-profile-arrow-down:after {
    display: none
}
.user-short.user-short a {
    letter-spacing: 0;
    font-size: 12px;
    line-height: 54px;
    padding-top: 0;
    padding-right: 40px;
    padding-bottom: 0;
    padding-left: 0;
    color: rgba(255, 255, 255, 0.6)
}
.user-short.user-short a:hover {
    color: #fff
}
.user-short.user-short a i {
    font-size: 1.25rem;
    vertical-align: sub
}
.user-short.user-short .ov-user-avatar {
    border-radius: 1000px;
    width: 1.875rem;
    height: 1.875rem;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -5px
}
.user-short.user-short .ov-user-avatar img {
    vertical-align: top
}
.stat-item,
.ov-user-stat-micro,
.ov-user-stat-sm {
    padding: 1.125rem;
    min-height: 88px;
    font-weight: 300;
    font-size: 1.4375rem;
    line-height: .65em;
    margin-bottom: 1.875rem
}
.stat-item>.fa,
.ov-user-stat-micro>.fa,
.ov-user-stat-sm>.fa,
.stat-item-chart>.fa {
    font-size: 2.1875rem;
    line-height: 1em;
    float: left;
    margin-right: 1rem;
    color: #7d7d7d
}

.stat-item small,
.ov-user-stat-micro small,
.ov-user-stat-sm small,
.stat-item-chart small {
    font-weight: 400;
    color: #7d7d7d;
    font-size: .625rem;
    letter-spacing: 10
}
.stat-item .up .fa,
.ov-user-stat-micro .up .fa,
.ov-user-stat-sm .up .fa,
.stat-item-chart .up .fa {
    color: #84bd00
}
.stat-item .down .fa,
.ov-user-stat-micro .down .fa,
.ov-user-stat-sm .down .fa,
.stat-item-chart .down .fa {
    color: #70157b
}
.ov-user-stat-micro,
.ov-user-stat-sm {
    margin-top: .25rem;
    font-size: 1.0625rem;
    margin-bottom: 0;
    min-height: 0;
    padding: 1.25rem 0 0
}
.ov-user-stat-micro>.fa,
.ov-user-stat-sm>.fa {
    font-size: 1.875rem;
    margin-right: .375rem;
    margin-top: -0.25rem
}
.ov-user-stat-micro small,
.ov-user-stat-sm small {
    font-size: 8px
}
.ov-user-stat-sm {
    text-align: left
}
.ov-user-stat-micro {
    margin-top: 0;
    font-size: .875rem;
    padding-top: 10px;
    line-height: .9em;
    text-align: center
}
.ov-user-stat-micro .fa {
    float: none;
    display: block;
    margin-bottom: 15px;
    font-size: 30px
}
.ov-user-stat-micro .rank {
    position: relative;
    top: auto;
    width: 40px;
    height: 40px;
    margin: -7px auto 9px;
    right: auto
}
.stat-item-chart {
    text-align: center;
    position: relative;
    color: #b3b9c6
}
.stat-item-chart .name {
    font-size: .625rem
}
.stat-item-chart .value {
    font-size: 1.125rem;
    margin-bottom: .625rem
}

.profile-item,
.ov-user-item {
    margin-bottom: 1.875rem;
    font-size: .625rem;
    position: relative
}
.profile-item .box,
.ov-user-item .box{
    overflow: hidden;
    position: relative
}
.profile-item .title,
.ov-user-item .title {
    font-size: .75rem;
    margin-bottom: .625rem;
    display: block;
    color: #fff
}
.profile-item .description,
.ov-user-item .description {
    padding: .3125rem .625rem 1.25rem
}

.ov-user-item.friends .flip-front,
.ov-user-item.friends .flip-back {
    overflow: visible;
    position: absolute
}
.ov-user-item {
    text-align: center
}
.ov-user-item.friends {
    height: 300px;
    min-height: auto;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px
}
.ov-user-item.friends .ov-user-info {
    background: 0
}
.ov-user-item.friends .ov-user-info-holder {
    opacity: 0;
    -webkit-transition: opacity, 0.5s;
    -moz-transition: opacity, 0.5s;
    -ms-transition: opacity, 0.5s;
    -o-transition: opacity, 0.5s;
    transition: opacity, 0.5s
}
.ov-user-item.friends:hover .ov-user-info-holder {
    opacity: 1
}
.ov-user-item .without-button {
    margin-top: 64px !important
}
.ov-user-item .action {
    position: absolute;
    padding: 5px 15px;
    top: 0;
    right: 10px;
    color: #fff;
    font-size: 26px;
    z-index: 20;
    cursor: pointer;
    transition: transform .1s
}
.ov-user-item .avatar,
.ov-user-item .ov-avatar-lg{
    margin-top: 3.4375rem;
    margin-bottom: .625rem;
    display: block;
    position: relative
}
.ov-user-item .ov-avatar-lg .ov-user-avatar {
    width: 70px;
    height: 70px
}
.ov-user-item .title{
    font-size: 14px;
    margin-bottom: 0
}
.ov-user-item .user-status {
    margin-bottom: 10px
}
.ov-user-item .stat {
    margin-top: 1.875rem;
    font-size: .75rem
}
.ov-user-item .stat small {
    font-weight: 400;
    color: #7d7d7d;
    font-size: .625rem
}
.ov-user-item .avatar,
.ov-user-item .description,
.ov-user-item .stat{
    z-index: 10;
    position: relative
}
.ov-user-item .user-action {
    color: #fff;
    width: 1.125rem;
    height: 1.125rem;
    z-index: 10;
    position: relative;
    text-align: center;
    border: 2px solid #fff;
    display: inline-block;
    float: left;
    margin: 1.25rem 0 0 1.25rem
}
.ov-user-item .back .action {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.ov-user-item .back .button,
.ov-user-item .back .modal-button {
    display: block;
    width: auto;
    margin: 0 20px 10px;
    padding-left: 5px;
    padding-right: 5px
}
.ov-user-item .front .action {
    opacity: 1
}
.ov-user-item .front:hover .action {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.ov-user-item .button-group {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0 0 5px 5px;
    overflow: hidden
}
.ov-user-item .region-label {
    z-index: 2;
    position: absolute;
    right: 5px;
    top: 5px
}

.ov-user-item {
    min-height: 275px;
    height: auto
}
.ov-user-item .supporter-tag-holder {
    position: absolute;
    left: 10px;
    top: 10px
}
.ov-user-item .ov-user-info-holder {
    height: 30px;
    line-height: 30px;
    color: #232326;
    font-size: .625rem
}
.ov-user-item .stats-holder {
    height: 81px
}
.ov-user-item .ov-user-info {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0 0 4px 4px
}
.ov-user-item .ov-user-info .button,
.ov-user-item .ov-user-info .modal-button {
    margin: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
    color: rgba(255, 255, 255, 0.54);
    background: rgba(255, 255, 255, 0.05);
    padding: 2px 10px;
    font-size: 10px;
    border-radius: 4px
}
.profile-holder .button {
    margin: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
    color: rgba(255, 255, 255, 0.54);
    background: rgba(255, 255, 255, 0.05);
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 4px
}
.ov-user-item .ov-user-info .button:not(.disabled):hover,
.ov-user-item .ov-user-info .modal-button:not(.disabled):hover,
.profile-holder .button:not(.disabled):hover {
    box-shadow: inset 0 0 0 1px #d90bd2;
    color: #d90bd2;
    background: rgba(217, 11, 210, 0.2);
    background: rgba(217, 11, 210, 0.4)
}
.ov-user-item .ov-user-info .button.disabled,
.ov-user-item .ov-user-info .disabled.modal-button {
    opacity: .2
}
.profile-holder .button.disabled {
    opacity: .5
}
.user-item-short {
    height: 290px
}
.user-item-short .description {
    min-height: 65px
}

.ov-user-item-bg {
    position: absolute;
    width: 100%;
    height: 5.625rem;
    background-size: cover;
    left: 0;
    top: 0;
    border-radius: 5px 5px 0 0
}
.ov-user-item-bg:after {
    content: '';
    width: 100%;
    height: 89px;
    top: 1px;
    left: 0;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, #212325 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(100%, #212325));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, #212325 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, #212325 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, #212325 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, #212325 100%)
}
.profile-holder .ov-user-item-bg {
    position: absolute;
    width: 100%;
    height: 200px;
    background-size: cover;
    left: 0;
    top: 0;
    border-radius: 0;
}
.profile-holder .ov-user-item-bg:after {
    content: '';
    width: 100%;
    height: 200px;
    top: 1px;
    left: 0;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, #212325 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(100%, #212325));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, #212325 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, #212325 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0, #212325 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, #212325 100%)
}
.matches {
    padding: 1.25rem 0
}
.matches td {
    height: 46px
}
.matches td,
.matches tr th {
    text-align: left
}
.matches td:last-child,
.matches tr th:last-child {
    width: 10rem
}
.matches th {
    color: #8c8c8c;
    font-weight: 300;
    padding: .5rem .625rem .625rem
}
.matches .button,
.matches .modal-button {
    opacity: .1
}
.matches tr:hover td {
    background-color: #101010
}
.matches tr:hover .button,
.matches tr:hover .modal-button {
    opacity: 1
}
.matches .user {
    text-align: left
}
.matches .status-cancel {
    color: #7d7d7d
}
.matches .status-lost .ic {
    color: #70157b
}
.matches .status-won .ic {
    color: #84bd00
}
.matches .status-won .ic,
.matches .status-lost .ic {
    font-size: 24px;
    vertical-align: middle
}
.matches .counter {
    line-height: .9375rem
}
.matches .multi-player-list:after {
    content: ','
}
.matches .multi-player-list:last-child:after {
    content: ''
}
.matches .match-details i,
.matches .match-details span {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 3px
}
.matches .match-details i {
    font-size: 18px
}
.matches .match-details .ic-competitive {
    color: #676767
}
.team-a .avatar-small,
.team-b .avatar-small,
.matches .avatar-small {
    display: block;
    border-radius: 1000px;
    width: .9375rem;
    height: .9375rem;
    overflow: hidden;
    float: left;
    line-height: .75rem;
    background: #2f2f3b;
    text-align: center
}
.team-a .avatars,
.team-b .avatars,
.matches .avatars {
    display: block;
    float: left;
    width: 1.875rem;
    height: 30px;
    overflow: hidden;
    margin-right: .75rem
}
.matches .player,
.match-statistics .player,
.team-a .player,
.team-b .player {
    text-align: left
}
.matches .player,
.matches .result,
.match-statistics .player,
.match-statistics .result,
.team-a .player,
.team-a .result,
.team-b .player,
.team-b .result {
    max-width: 12.5rem
}
.matches .avatar-large,
.match-statistics .avatar-large,
.team-a .avatar-large,
.team-b .avatar-large {
    display: block;
    border-radius: 1000px;
    width: 1.875rem;
    height: 1.875rem;
    overflow: hidden;
    line-height: 1.8125rem;
    float: left;
    margin-right: 10px
}
.matches .avatar-large img,
.match-statistics .avatar-large img,
.team-a .avatar-large img,
.team-b .avatar-large img {
    vertical-align: inherit
}
.matches a,
.match-statistics a,
.team-a a,
.team-b a {
    color: #fff
}
.matches .name,
.match-statistics .name,
.team-a .name,
.team-b .name {
    line-height: 15px
}
.matches .name small,
.match-statistics .name small,
.team-a .name small,
.team-b .name small {
    font-size: 10px
}
.matches .avatars,
.match-statistics .avatars,
.team-a .avatars,
.team-b .avatars {
    float: left
}
.team-a .avatars {
    float: right;
    margin-left: 5px
}
.team-b .avatars {
    float: left;
    margin-left: 5px
}
@media only screen and (max-width: 40em) {
    .leaderboard-table,
    .leaderboard-table tr,
    .leaderboard-table th,
    .leaderboard-table td,
    .leaderboard-table tbody,
    .leaderboard-table thead,
    .matches.matches,
    .matches.matches tr,
    .matches.matches th,
    .matches.matches td,
    .matches.matches tbody,
    .matches.matches thead {
        display: block;
        width: auto;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1)
    }
    .leaderboard-table tr,
    .matches.matches tr {
        padding: 10px 10px 20px
    }
    .leaderboard-table tr:hover td,
    .matches.matches tr:hover td {
        background: 0
    }
    .leaderboard-table thead,
    .leaderboard-table th,
    .matches.matches thead,
    .matches.matches th {
        display: none
    }
    .leaderboard-table td,
    .matches.matches td {
        background: 0;
        height: auto;
        border: 0 !important;
        padding: 0 !important;
        box-shadow: none;
        margin: 0
    }
    .leaderboard-table td:before,
    .matches.matches td:before {
        content: attr(data-label);
        display: inline-block;
        margin-right: 10px;
        color: #8c8c8c;
        text-align: right
    }
    .leaderboard-table tr {
        padding-bottom: 0;
        position: relative
    }
    .leaderboard-table td {
        display: inline-block;
        width: auto
    }
    .leaderboard-table td.text-center,
    .leaderboard-table td.text-left {
        display: block;
        height: 45px
    }
    .leaderboard-table .text-center {
        float: left;
        font-size: 20px;
        line-height: 45px
    }
    .leaderboard-table .text-left {
        margin-left: 40px
    }
    .leaderboard-table tr {
        text-align: left
    }
    .leaderboard-table td:nth-child(6),
    .leaderboard-table td:nth-child(5),
    .leaderboard-table td:nth-child(4) {
        position: relative;
        padding-left: 10px !important
    }
    .leaderboard-table td:nth-child(6):after,
    .leaderboard-table td:nth-child(5):after,
    .leaderboard-table td:nth-child(4):after {
        content: "|";
        position: absolute;
        left: 0
    }
    .order-winPercentage td:nth-child(6),
    .order-matches td:nth-child(4),
    .order-wins td:nth-child(3) {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 10px
    }
    .order-winPercentage td:nth-child(6):before,
    .order-matches td:nth-child(4):before,
    .order-wins td:nth-child(3):before {
        right: 0;
        position: absolute;
        margin-top: 30px;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-size: 10px;
        margin-right: 0;
        line-height: 12px;
        top: 0
    }
    .order-winPercentage td:nth-child(6):after,
    .order-matches td:nth-child(4):after,
    .order-wins td:nth-child(3):after {
        content: ''
    }
    .matches.matches td {
        width: 100%;
        max-width: 100%
    }
    .matches.matches td:before {
        width: 100px;
        float: left
    }
    .matches.matches td:last-child,
    .matches.matches td:first-child {
        box-shadow: none
    }
    .matches.matches td:last-child {
        margin-left: 110px
    }
    .matches.matches td:last-child:before {
        display: none
    }
    .matches.matches .button,
    .matches.matches .modal-button {
        opacity: 1
    }
}
@media only screen and (min-width: 641px) {
    .matches .player,
    .match-statistics .player {
        width: 190px;
        max-width: 190px
    }
    .matches .name,
    .match-statistics .name {
        width: 110px;
        float: left
    }
}
.progress-bar {
    display: block;
    background: #000
}
.progress-bar,
.progress-value {
    height: .125rem;
    border-radius: 2px
}
.progress-value {
    background: #fff
}
.stat-item .progress-bar,
.ov-user-stat-micro .progress-bar,
.ov-user-stat-sm .progress-bar,
.stat-item-chart .progress-bar {
    margin-top: .9375rem
}
.stat-list {
    padding: .625rem .9375rem;
    margin: 0;
    font-size: .625rem
}
.stat-list dt,
.stat-list dd {
    margin: 0 0 .3125rem;
    padding: 0;
    float: left
}
.stat-list dd {
    text-align: right;
    width: 20%
}
.stat-list dt {
    clear: both;
    font-weight: 300;
    color: #64676e;
    width: 80%
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.ov-match-room-middle [type="radio"] {
    display: none
}
.ov-match-room-middle .button-holder:after {
    content: '';
    display: table-cell
}
.ov-match-room-middle:after,
.ov-match-room-middle:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #48494b;
    background: -webkit-linear-gradient(top, rgba(72, 73, 75, 0) 0, #48494b 45%, #48494b 55%, rgba(72, 73, 75, 0) 100%);


}
.ov-match-room-detail {
    height:150px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.match-info-middle .map-icon {
    padding: 0 0 0 20px;
}
.match-info-middle .field-name {
    font-size:12px;
    color:rgba(255,255,255,0.5);;
    padding: 5px 0 0 25px;
}
.match-info-middle .map-name {
    padding-left:5px;
    color:rgba(255,255,255,0.8);
    font-size:16px;
    font-weight: bold
}
.match-info-middle {
    min-height: 100%;
    padding: 10px;
}
.match-info-middle:after,
.match-info-middle:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #48494b;
    background: -webkit-linear-gradient(top, rgba(72, 73, 75, 0) 0, #48494b 45%, #48494b 55%, rgba(72, 73, 75, 0) 100%);
}
.match-info-middle:before {
    left: 0
}
.match-info-middle:after {
    right: 0
}
.ov-match-room-detail .match-info-name {
    background: 0;
    padding-top: 25px;
    padding-left:100px;
    display: block;
    line-height: 25px;
    position: absolute
}

.ov-match-room-detail .match-info .match-png img {
    border-radius: 100%;
    width: 3.875rem;
    height: 3.875rem
}
.ov-match-room-detail .match-info {
    padding:30px 50px 30px 50px;

}
.ov-match-room-detail .match-info div {
    color:rgba(255,255,255,0.65);
}
.ov-match-room-detail .match-info div p {
    font-size:18px;
    font-weight: bold;
    text-align:center;
}
.ov-match-room-detail .mode {
    padding: 10px ;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.ov-match-room-middle:before {
    left: 0
}
.ov-match-room-middle:after {
    right: 0
}
.ov-match-room-middle .button {
    border-radius: 4px;
    display: block;
    margin: 24px 30px 25px;
    -webkit-transition: background .1s;
    -moz-transition: background .1s;
    -ms-transition: background .1s;
    -o-transition: background .1s;
    transition: background .1s
}
.ov-match-room-middle .button.primary:active,
.ov-match-room-middle .primary.modal-button:active {
    background: #d90bd2
}

.ov-match-room-middle .element {
    font-size: 14px;
    display: block;
    background: rgba(0, 0, 0, 0.15);
    margin: 0 10px 5px;
    border-radius: 5px;
    padding: 5px 10px
}
.ov-match-room-middle .tabs-content {
    margin-bottom: 0
}
.ov-match-room-middle .server-info {
    margin-bottom: 25px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3)
}
.ov-match-room-middle .server-info a {
    color: rgba(255, 255, 255, 0.3);
    text-decoration: underline
}
.ov-match-room-middle .server-info a:hover {
    color: #fff
}
[type='radio'].game {
    display: none
}
.selected-game {
    display: none
}
.match-user-name {
    font-size: 16px;
    background-color: #141415
}
.ov-match-user {
    color: #fff;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    height: 80px;
    display: block;
    overflow: hidden
}
.ov-match-user:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.05)
}
.ov-match-user .match-user-rank {
    padding: 25px 10px
}
.ov-match-user .match-user-name {
    background: 0;
    padding-top: 25px;
    display: block;
    line-height: 25px;
    position: relative
}
.ov-match-user .match-user-name .label {
    border-radius: 4px;
    font-size: 10px
}
.ov-match-user .avatar {
    display: inline-block;
    position: absolute;
    top: 12px;
    width: 70px;
    height: 70px;
    z-index: 2
}
.ov-match-user .avatar .ov-user-avatar {
    position: relative;
    display: inline-block
}
.ov-match-user .avatar .ov-user-avatar a {
    display: block;
    position: relative
}
.ov-match-user .avatar .ov-user-avatar img {
    border-radius: 100%;
    width: 3.375rem;
    height: 3.375rem
}
.ov-match-user .avatar .ov-user-avatar .user-level {
    text-align: center;
    line-height: 1.75rem;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.75rem;
    height: 1.75rem;
    font-size: .875rem;
    color: #fff;
    background-color: #70157b
}
.ov-match-user .avatar img {
    border: 2px solid rgba(113, 113, 113, 0.58);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8)
}
.ov-match-user a {
    color: #fff
}
.ov-match-user .avatar .ov-user-avatar .user-level {
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    font-size: .9375rem;
    z-index: 11
}
.ov-match-user img.team-captain {
    position: absolute;
    border: 0;
    left: 36px;
    top: -10px
}
.ov-match-user img.team-captain+.profile img {
    border-color: #d90bd2
}
.ov-match-user.user-left {
    padding-right: 80px;
    text-align: right
}
.ov-match-user.user-left .avatar {
    right: 15px
}

.ov-match-user.user-left .match-user-rank {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.05)
}
.ov-match-user.user-right {
    text-align: left;
    padding-left: 80px
}
.ov-match-user.user-right .match-user-rank {
    float: right;
    border-left: 1px solid rgba(255, 255, 255, 0.05)
}
.ov-match-user.user-right .avatar {
    left: 15px
}

.ov-match-user.user-right .team-captain {
    margin-top: 0;
    left:20px;
}
@-webkit-keyframes pulse-border {
    0% {
        border: 2px dashed rgba(132, 189, 0, 0.3)
    }
    60% {
        border: 2px dashed #84bd00
    }
    100% {
        border: 2px dashed rgba(132, 189, 0, 0.3)
    }
}
@keyframes pulse-border {
    0% {
        border: 2px dashed rgba(132, 189, 0, 0.3)
    }
    60% {
        border: 2px dashed #84bd00
    }
    100% {
        border: 2px dashed rgba(132, 189, 0, 0.3)
    }
}
.match-user-info {
    position: absolute;
    bottom: 0;
    min-width: 30px;
}
.user-left .match-user-info {
    right: 80px;
    text-align: right
}
.user-right .match-user-info {
    left: 80px;
    text-align: left
}
.match-user-info .fa {
    font-size: 20px;
    padding-left:10px;
    padding-right:10px
}

.ov-match-room-head {
    height: 80px;
    font-size: 24px;
    padding: 10px 27px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ov-match-room-head .label-team {
    color: #fff;
    font-size: 13px
}
.column-left .ov-match-room-head {
    text-align: right
}
.ov-match-room-head .button,
.ov-match-room-head .modal-button {
    font-size: 14px;
    margin: 0
}
.ov-match-room-head .button i,
.ov-match-room-head .modal-button i {
    font-size: 12px;
    vertical-align: middle
}
.ov-match-room-head small {
    font-size: 12px;
    color: #878787
}
.ov-match-room-head span {
    display: block
}
.ov-match-room-bg {
    position:absolute; top:24px; left:16px; right:16px; bottom:0; overflow:hidden; background:#000; z-index:0; opacity:0.15;
}
.is-link-left:after {
    content:'';
    right:0px;
    top: 50%;
    margin-left:0px;
    position:absolute;
    bottom:0px;
    width:15px;
    height: 2px;
    background:rgba(217, 11, 210,0.9);
    display:block;
}
.is-link-right:after {
    content:'';
    left:0px;
    top: 50%;
    margin-right:0px;
    position:absolute;
    bottom:0px;
    width:15px;
    height: 2px;
    background:rgba(217, 11, 210,0.9);
    display:block;
}
.ov-lobby-link: {
    border-right:2px solid rgba(217, 11, 210,0.9) !important;
    right:14px !important;
    height:81px !important;
    position:absolute !important;
    margin-top:40px !important;
}
.ov-match-room-head .clipboard {
    border-radius: 3px;
    height: 28px;
    width: 28px;
    line-height: 27px;
    padding: 0;
    margin-top: 3px
}
.ov-match-room-head .clipboard i {
    font-size: 14px;
    vertical-align: sub
}
.ov-match-room-head .clipboard.left {
    margin-right: 15px
}
.ov-match-room-head .clipboard.right {
    margin-left: 15px
}
.lobby .column-left,
.lobby .column-right,
.lobby .column-middle {
    min-height: 624px
}
.lobby-placeholder {
    background-repeat: repeat-y;
    position: absolute;
    width: 100%
}
.lobby-chat {
    height: 100%;
    overflow: hidden
}
.lobby-chat form {
    height: 100%
}
.lobby-chat .ps-container {
    height: 100%
}
.lobby-chat .ov-chat-messages {
    height: 100%;
    max-height: 250px;
    display: block
}
@media only screen and (min-width: 1025px) {
    .lobby-chat .ov-chat-messages {
        max-height: 520px
    }
}
.lobby-chat .chat-sender {
    background-color: #2d2e31;
    height: 50px;
    width: 100%;
    margin-top: -50px;
    z-index: 1;
    position: relative
}
.lobby-chat textarea {
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}
.chat-tabs-content>.content {
    padding: 0
}
.chat-tabs-content .ov-chat-container {
    border-top: 0
}
.lobby-chat {
    clear: both
}

.ov-match-veto {
    padding-top:20px !important;
}
.ov-match-veto .vetolist .veto-button:NOT(.banned):hover {
    -webkit-box-shadow: 0px 0px 2px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 2px rgba(255,255,255,1);
    box-shadow: 0px 0px 2px rgba(255,255,255,1);
}
.ov-match-veto .banned {
    position: relative;
}

.ov-match-veto .banned:after {
    position: absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: black;
    opacity:.75;
}

.ov-match-veto .banned.banned-left:after {
    content:"BANNED";
    font-weight: bold;
    color: red;
    text-align: left;
    padding-left: 16px;
    width: 100%;
}

.ov-match-veto .banned.banned-right:after {
    content:"BANNED";
    font-weight: bold;
    color: red;
    text-align: right;
    padding-right: 16px;
    width: 100%;
}
.ov-match-veto .veto {
    text-align: center;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    margin: 5px;
}
.ov-match-veto a {
    text-decoration:none;
    color:#fff;
}


.match-results .element:first-child {
    margin-top: 10px
}
.match-results .element:last-child {
    margin-bottom: 10px
}
.match-results:empty+.lobby-tournament-info {
    display: none
}
.match-results .result {
    font-size: 40px;
    text-align: center;
    background: 0;
    border: 1px solid rgba(255, 255, 255, 0.1)
}
.match-results .team-result {
    display: inline-block;
    min-width: 80px;
    text-align: right;
    padding: 0 10px
}
.match-results .team-result+.team-result {
    text-align: left
}
.match-results .team-result+.team-result:before {
    position: absolute;
    content: ' : ';
    color: #fff;
    margin-left: -20px
}
.match-results .winner {
    color: #d90bd2
}
.region-label,
.region-label-big {
    display: inline-block;
    border: 1px solid #747474;
    color: #747474;
    border-radius: 3px;
    font-size: 10px;
    padding: 0 4px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.region-label:hover{
    box-shadow: inset 0 0 0 0px #d90bd2;
    border: 1px solid #d90bd2;
    color: #d90bd2;
    background: rgba(217, 11, 210, 0.3);
    opacity: 1;
}
.region-label.different,
.region-label-big.different {
    background: rgba(248, 34, 34, 0.22);
    color: #f82222;
    border-color: #f82222
}
.profile-header .region-label,
.ov-user-item .region-label,
.profile-header .region-label-big,
.ov-user-item .region-label-big {
    margin-left: 3px;
    line-height: 13px;
    vertical-align: middle
}
.profile-header .region-label,
.profile-header .region-label-big {
    margin-bottom: 2px
}
h1 .region-label,
h1 .region-label-big {
    vertical-align: middle;
    margin-left: 10px
}
.region-label-big {
    font-size: 12px;
    border-width: 2px;
    line-height: 20px;
    border-radius: 4px;
    font-weight: 300
}
.stats-list {
    font-size: .75rem;
    line-height: 1.25rem
}
.stats-list:before,
.stats-list:after {
    content: " ";
    display: table
}
.stats-list:after {
    clear: both
}
.stats-list dd {
    display: inline-block;
    font-weight: 700;
    float: left
}
.stats-list dt {
    clear: left;
    float: left;
    text-transform: uppercase;
    color: #717171;
    width: 8.4375rem;
    font-weight: 400
}
.stats-list dt,
.stats-list dd {
    margin-bottom: 0
}
.steam-info {
    color: #84bd00;
    margin: 3.75rem 0 1.25rem;
    font-size: .875rem
}
.ov-avatar-lg {
    position: relative
}
.ov-avatar-lg .ov-user-avatar {
    position: relative;
    display: inline-block
}
.ov-avatar-lg .ov-user-avatar a {
    display: block;
    position: relative
}
.ov-avatar-lg .ov-user-avatar img {
    border-radius: 1000px;
    width: 4.375rem;
    height: 4.375rem
}
.profile-holder .ov-avatar-lg .ov-user-avatar img {
    border-radius: 1000px;
    width: 150px;
    height: 150px;
}
.ov-avatar-lg .ov-user-avatar .user-level {
    text-align: center;
    line-height: 1.75rem;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.75rem;
    height: 1.75rem;
    font-size: .875rem;
    color: #fff;
    background-color: #70157b
}
.ov-avatar-lg .user-stream {
    text-align: center;
    line-height: 1.75rem;
    left: 0;
    bottom: 0;
    width: 1.75rem;
    height: 1.75rem;
    color: #fff;
    font-size: .875rem;
    background: #737373;
    z-index: 11;
    position: absolute !important
}
.ov-avatar-lg .user-stream:hover {
    background: dimgray
}
.ov-avatar-lg .user-stream i {
    vertical-align: top;
    line-height: 1.75rem
}
.ov-avatar-lg .user-stream i {
    vertical-align: top;
    line-height: 20px
}
.ov-avatar-lg a.user-stream.live {
    background-color: #6441a5;
    color: #fff
}
.ov-avatar-lg a.user-stream.live:hover {
    background: #6d47b4
}
.ov-avatar-lg .ov-user-avatar:before {
    content: '';
    display: block;
    border-radius: 50%;
    border: .1875rem solid rgba(255, 255, 255, 0.1);
    width: 5.625rem;
    height: 5.625rem;
    margin: -0.625rem 0 0 -0.625rem;
    position: absolute
}
.profile-holder .icons:before {
    content: '';
    display: inline;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.9);
    width: 40px;
    height: 40px;
    margin: -0.575rem 0 0 -0.575rem;
    position: absolute
}
.profile-holder .icons {
    display: inline;
    width: 30px;
    height: 30px;
    margin-left:10px;
    margin-right:20px;
}


.profile-holder .icons i {
    font-size:25px;
}

.profile-holder .ov-avatar-lg .ov-user-avatar:before {
    content: '';
    display: block;
    border-radius: 50%;
    border: .1875rem solid rgba(255, 255, 255, 0.1);
    width: 170px;
    height: 170px;
    margin: -0.625rem 0 0 -0.625rem;
    position: absolute
}
.profile-holder .ov-avatar-lg {
    margin-top:100px;
}
.profile-holder .user-shares a {
    color:#fff
}
.profile-holder .user-shares a:hover {
    color:#d90bd2;
}
.profile-holder .user-info-right {
    right:20px;
    margin-right:80px;
    margin-top:75px;
    position:absolute;
    display:block;
}
.profile-holder .user-shares {
    right:0;
    margin-right:80px;
    margin-top:30px;
    position:absolute;
    display:block;
}
.profile-holder .user-info-right .user-level {
    margin-top:50px;
    padding-right:-50px;
}
.profile-holder .user-info-left {
    margin-left:180px;
    margin-top:150px;
    position:absolute;
}

.profile-holder .user-access-tag {
    margin-top:85px;
    margin-left:160px;
    position:absolute;
}
.profile-holder .user-info-left .username {
    font-size: 18px;
    font-weight:bold;
}
.profile-holder .user-info-left .member-since {
    margin-top:3px;
    font-size: .75rem;
    color:rgb(181, 185, 191);
}
.profile-holder {
    margin-left:5%;
    margin-right:5%
}
.profile-holder .user-state {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .05em

}
.profile-holder .user-state:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: baseline;
}
.ov-avatar-lg .user-stream,
.ov-avatar-lg .ov-user-avatar .user-level {
    width: 1.25rem;
    height: 1.25rem;
    font-size: .6875rem;
    line-height: 1.25rem;
    right: -0.3125rem;
    bottom: -0.3125rem
}
.ov-avatar-lg .user-stream {
    left: -0.3125rem;
    font-size: 12px
}
.ov-avatar-lg .ov-user-avatar .user-level {
    right: -0.3125rem
}
.ov-widget-user-panel {
    position: relative;
    z-index: 3
}
.ov-widget-user-panel .placement-matches-holder {
    padding-top: 20px
}
.ov-widget-user-panel-name,
.ov-widget-user-panel .rank-bar,
.ov-widget-user-panel .ov-text-restrict,
.ov-widget-user-panel-rank {
    position: relative
}
.ov-widget-user-panel-rank.ov-widget-user-panel-rank {
    width: 70px;
    height: 70px;
    position: relative;
    z-index: 2
}
.ov-widget-user-panel .supporter-tag {
    vertical-align: baseline
}
.ov-widget-user-panel .ov-avatar-lg {
    margin-right: 2rem
}
.ov-widget-user-panel .rank-bar {
    margin-right: 20px;
    margin-left: 120px;
    padding: 0 2px
}
.ov-widget-user-panel .ov-widget-user-panel-info {
    font-size: .625rem;
    position: relative;
    color: #a0a0a0
}
.ov-widget-user-panel .ov-widget-user-panel-info span {
    text-transform: none
}
.ov-widget-user-panel .ov-user-stat-sm {
    margin-top: 25px
}
.ov-widget-user-panel a {
    color: #fff
}
.ov-widget-user-panel .ov-boxed {
    background: #232326
}
.giveaway-name {
    font-size: 12px
}

@keyframes mark-animation-step {
    25% {
        background-position: -4320px
    }
    100% {
        background-position: -4320px
    }
}
@-webkit-keyframes mark-animation-step {
    25% {
        background-position: -4320px
    }
    100% {
        background-position: -4320px
    }
}

.placeholder-centered {
    text-align: center;
    color: #828284;
    line-height: 18px;
    font-size: 13px
}
.placeholder-centered i {
    font-size: 30px;
    display: block;
    margin-bottom: 10px
}
.placeholder-large {
    line-height: 18px;
    font-size: 33px;
    font-weight: 300
}
.placeholder-large i {
    font-size: 60px;
    display: block;
    margin-bottom: 30px;
    margin-top: 30px
}

.startpage .page-content {
    overflow: hidden
}


@media only screen and (min-width: 641px) {
    .more-chat-windows,
    .ov-chat-win {
        margin-right: 400px;
    }
}
@media(min-width:1660px) {
    .more-chat-windows, .ov-chat-win {
        margin-right: 400px;
    }
}
.more-chat-windows,
.ov-chat-window {
    border: 1px solid #434345;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.ov-chat-container {
    background: transparent;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.1)
}
.ov-chat-container,
.ov-chat-window {
    overflow: hidden;
    font-size: 13px
}
.ov-chat-container textarea,
.ov-chat-window textarea {
    min-height: 40px;
    border: 0;
    border-top: 10px solid #434345;
    border-bottom: 10px solid #434345;
    background: #434345;
    padding: 0 18px;
    line-height: 20px;
    font-size: 12px;
    margin: 0;
    resize: none;
    height: 20px;
    max-height: 80px
}

.ov-chat-container .ov-chat-content,
.ov-chat-window .ov-chat-content {
    height: 245px;
    color: #fff;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 21, 23,0.5)), to(rgba(35, 35, 38,0.5)));
    background: -moz-linear-gradient(top, rgba(20, 21, 23,0.5), rgba(35, 35, 38,0.5));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#141517', endColorstr='#232326')
}
@media only screen and (max-width: 40em) {
    .ov-chat-content {
        overflow: scroll
    }
}
.lobby .ov-chat-container .ov-chat-content {
    height: 338px
}
.lobby .low .ov-chat-container .ov-chat-content {
    height: 245px
}
.lobby .ov-chat-container {
    border-bottom: 0;
    border-radius: 0
}
.ov-popover-invite {
    border-radius:10px;
    background: #d90bd2;
    background: -webkit-linear-gradient(top, #d90bd2 0, #70157b 100%);
    background: -moz-linear-gradient(top, #d90bd2 0, #70157b 100%);
    background: linear-gradient(to, #d90bd2 0, #70157b 100%);
    position: fixed;
    width: 250px;
    min-height:160px;
    top: 85px;
    right:320px;
    z-index: 20;
}
.ov-popover-invite .popover-content {
    padding-top:10px;
}
.ov-chat-placeholder {
    position: fixed;
    bottom: 0;
    right: 300px;
    width: 600px;
    z-index: 20;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s
}
.ov-chat-minimized {
    position: fixed;
    bottom: 40px;
    right: 320px;
    height:50px;
    width:60px;
    z-index: 20;
    background:rgba(217,10,210,0.5);
    border-radius:10px;
    padding:10px;
}
.ov-chat-minimized-new {
    padding:3px;
    display:inline;
    top:12px;
    left:-20px;
    border-radius:4px;
    position:absolute;
    z-index: 21;
    background: red;
    color:#fff;
    font-size:10px
}
.ov-chat-minimized .label {
    display:inline;
    top:5px;
    right:5px;
    position:absolute;
    z-index: 21;

}
.ov-chatters-list li .label {
    display:inline-block;
    margin-top:-10px;
    margin-left:25px;
    position:absolute;
    z-index: 21;
}
.ov-chat-minimized i {
    display:inline;
    position:relative;
    color: white;
    font-size:30px;
}
.ov-chat-window {
    background: rgba(34, 35, 36,0.9);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#141517', endColorstr='#232326');
    width: 320px;
    padding:0;
    margin:0;
}
.ov-chatters-list {
    background: rgba(34, 35, 36,0.8);
    background: -webkit-linear-gradient(top, rgba(34, 35, 36,0.8) 0, rgba(112, 21, 123,0.4) 100%);
    background: -moz-linear-gradient(top, rgba(34, 35, 36,0.8) 0, rgba(112, 21, 123,0.4) 100%);
    background: linear-gradient(top, rgba(34, 35, 36,0.8) 0, rgba(112, 21, 123,0.4) 100%);
    border: 1px solid rgba(112, 21, 123,0.4);
    width: 260px;
    height:323px;
    padding:0;
    margin:0;
}
.ov-chatters-list ul {
    list-style-type: none;
    margin:0;
}
.ov-chatters-list ul a {
    color:#fff;
    text-decoration: none;
}
.ov-chatters-list li {
    height:65px;
    width:250px;
    padding:15px 0px 15px 10px;
    background: transparent;
}
.ov-chatters-list li:focus,
.ov-chatters-list li:hover {
    background:rgba(217, 11, 210,0.2);
}
.ov-chatters-list .close-tab {
    margin-top:-5px;
    padding-right:10px;
    font-weight: bold;
    color:gray;
    font-size:28px;
    display:none;
}
.ov-chatters-list li:focus .close-tab,
.ov-chatters-list li:hover .close-tab {
    display:block;
}
.ov-chatters-list .close-tab:focus,
.ov-chatters-list .close-tab:hover {
    color:red;
}
.ov-chatters-list .user-name {
    padding:15px 0 15px 5px;
    background: transparent;
    position:relative;
    font-size:13px;
}
.ov-chatters-list .active {
    padding-left:5px;
    border-left:5px solid #d90bd2;
    background:rgba(217, 11, 210,0.4);
}
.ov-chat-win.minimize {
    height: 33px;

}
.ov-chat-window .chat-layout-titlebar {
    background: -webkit-linear-gradient(top, #141517 0, #232326 100%);
    background: -moz-linear-gradient(top, #141517 0, #232326 100%);
    background: linear-gradient(to, #141517 0, #232326 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#141517', endColorstr='#232326');
    height: 32px;
    color: #fff;
    display: block;
    line-height: 32px;
    padding: 0 12px;
    text-align: left;
    cursor: pointer
}

.ov-chat-window .chat-layout-titlebar a {
    color: #fff;
    max-width: 185px;
    float: left
}
.ov-chat-window .chat-layout-titlebar a:hover {
    color: #d90bd2;
}
.ov-chat-window .chat-layout-titlebar .fa {
    font-size: 15px;
    padding-left:10px;
    line-height:25px;
}

.ov-chat-window .ov-chat-message-content {
    max-width: 174px
}
.lobby-chat-layout .chat-layout-titlebar {
    background: -webkit-linear-gradient(top, #d90bd2 0, #70157b 100%)
}
.more-chat-windows,
.lobby-chat-layout {
    border-bottom: 0
}
.new-message .chat-layout-titlebar {
    animation: pulse-small 1.1s infinite
}
.new-message.lobby-chat-layout .chat-layout-titlebar {
    animation: pulse-small-orange 1.1s infinite
}
@-webkit-keyframes pulse-small {
    0% {
        background: -webkit-linear-gradient(top, #1b1c1f 0, #292a2e 100%);
        background: -moz-linear-gradient(top, #1b1c1f 0, #292a2e 100%);
        background: linear-gradient(to, #1b1c1f 0, #292a2e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1b1c1f', endColorstr='#292a2e')
    }
    59% {
        background: -webkit-linear-gradient(top, #1b1c1f 0, #292a2e 100%);
        background: -moz-linear-gradient(top, #1b1c1f 0, #292a2e 100%);
        background: linear-gradient(to, #1b1c1f 0, #292a2e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1b1c1f', endColorstr='#292a2e')
    }
    60% {
        background: -webkit-linear-gradient(top, #0d0e0f 0, #1b1c1e 100%);
        background: -moz-linear-gradient(top, #0d0e0f 0, #1b1c1e 100%);
        background: linear-gradient(to, #0d0e0f 0, #1b1c1e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d0e0f', endColorstr='#1b1c1e')
    }
    100% {
        background: -webkit-linear-gradient(top, #0d0e0f 0, #1b1c1e 100%);
        background: -moz-linear-gradient(top, #0d0e0f 0, #1b1c1e 100%);
        background: linear-gradient(to top, #0d0e0f 0, #1b1c1e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d0e0f', endColorstr='#1b1c1e')
    }
}
@keyframes pulse-small {
    0% {
        background: -webkit-linear-gradient(top, #1b1c1f 0, #292a2e 100%);
        background: -moz-linear-gradient(top, #1b1c1f 0, #292a2e 100%);
        background: linear-gradient(to, #1b1c1f 0, #292a2e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1b1c1f', endColorstr='#292a2e')
    }
    59% {
        background: -webkit-linear-gradient(top, #1b1c1f 0, #292a2e 100%);
        background: -moz-linear-gradient(top, #1b1c1f 0, #292a2e 100%);
        background: linear-gradient(to, #1b1c1f 0, #292a2e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1b1c1f', endColorstr='#292a2e')
    }
    60% {
        background: -webkit-linear-gradient(top, #0d0e0f 0, #1b1c1e 100%);
        background: -moz-linear-gradient(top, #0d0e0f 0, #1b1c1e 100%);
        background: linear-gradient(to, #0d0e0f 0, #1b1c1e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d0e0f', endColorstr='#1b1c1e')
    }
    100% {
        background: -webkit-linear-gradient(top, #0d0e0f 0, #1b1c1e 100%);
        background: -moz-linear-gradient(top, #0d0e0f 0, #1b1c1e 100%);
        background: linear-gradient(to, #0d0e0f 0, #1b1c1e 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d0e0f', endColorstr='#1b1c1e')
    }
}
@-webkit-keyframes pulse-small-orange {
    0% {
        background: -webkit-linear-gradient(top, ##d90bd2 0, #70157b 100%);
        background: -moz-linear-gradient(top, #d90bd20, #70157b 100%);
        background: linear-gradient(to, #d90bd20, #70157b 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#671c0b', endColorstr='#70157b')
    }
    59% {
        background: -webkit-linear-gradient(top, #d90bd20, #70157b 100%);
        background: -moz-linear-gradient(top, #d90bd20, #70157b 100%);
        background: linear-gradient(to, #d90bd20, #70157b 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#671c0b', endColorstr='#70157b')
    }
    60% {
        background: -webkit-linear-gradient(top, #4b1408 0, #f2370c 100%);
        background: -moz-linear-gradient(top, #4b1408 0, #f2370c 100%);
        background: linear-gradient(to, #4b1408 0, #f2370c 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4b1408', endColorstr='#f2370c')
    }
    100% {
        background: -webkit-linear-gradient(top, #4b1408 0, #f2370c 100%);
        background: -moz-linear-gradient(top, #4b1408 0, #f2370c 100%);
        background: linear-gradient(to, #4b1408 0, #f2370c 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4b1408', endColorstr='#f2370c')
    }
}
@keyframes pulse-small-orange {
    0% {
        background: -webkit-linear-gradient(top, #d90bd20, #70157b 100%);
        background: -moz-linear-gradient(top, #d90bd20, #70157b 100%);
        background: linear-gradient(to, #d90bd20, #70157b 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#671c0b', endColorstr='#70157b')
    }
    59% {
        background: -webkit-linear-gradient(top, #d90bd20, #70157b 100%);
        background: -moz-linear-gradient(top, #d90bd20, #70157b 100%);
        background: linear-gradient(to, #d90bd20, #70157b 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#671c0b', endColorstr='#70157b')
    }
    60% {
        background: -webkit-linear-gradient(top, #4b1408 0, #f2370c 100%);
        background: -moz-linear-gradient(top, #4b1408 0, #f2370c 100%);
        background: linear-gradient(to, #4b1408 0, #f2370c 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4b1408', endColorstr='#f2370c')
    }
    100% {
        background: -webkit-linear-gradient(top, #4b1408 0, #f2370c 100%);
        background: -moz-linear-gradient(top, #4b1408 0, #f2370c 100%);
        background: linear-gradient(to, #4b1408 0, #f2370c 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4b1408', endColorstr='#f2370c')
    }
}
.ov-chat-message {
    clear: both;
    margin: 0 18px 8px;
    position: relative
}
.ov-chat-message .time-stamp {
    display: block;
    width: 100%;
    padding-left: 42px;
    color: #5f5f5f;
    font-size: 10px;
    padding-top: 0;
    clear: both
}
.ov-chat-message.teamb .ov-chat-message-content {
    float: right
}
.ov-chat-message.teamb .avatar {
    float: right;
    margin-left: 10px;
}
.ov-chat-message.teamb .time-stamp {
    padding-right: 55px;
    text-align: right
}
.ov-chat-message.lobby-chat .time-stamp {
    text-align: left
}
.ov-chat-message.me .time-stamp {
    text-align: right
}
.ov-chat-message:first-child {
    margin-top: 10px
}
.ps-scrollbar-y-rail+.ov-chat-message {
    margin-top: 18px
}
.ov-chat-message img[src=""] {
    display: none
}
.ov-chat-message .avatar {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
    position: relative
}
.ov-chat-message .avatar:before {
    content: '';
    background: #2d2e31;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: absolute;
    display: block
}
.ov-chat-message .avatar:after {
    font-family: 'cme-line-icons';
    content: "\e005";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 32px;
    text-align: center;
    width: 32px;
    position: absolute;
    top: 0;
    display: inline-block;
    color: #5e6066
}
.ov-chat-message .avatar img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: relative;
    z-index: 2
}
.ov-chat-message .ov-chat-message-content {
    background: #343435;
    padding: 6px 10px;
    display: inline-block;
    border-radius: 6px;
    float: left;
    max-width: 100%;
    position: relative;
    word-wrap: break-word;
    min-height: 30px
}
.ov-chat-message .ov-chat-message-content .username {
    display: none
}
.ov-chat-message .ov-chat-message-content:before {
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 10px;
    display: block
}
.ov-chat-message .ov-chat-message-content a {
    word-break: break-word;
    display: inline-block;
    max-width: 100%;
    text-decoration: underline
}
.ov-chat-message.me .avatar {
    display: block;
}
.ov-chat-message.me .ov-chat-message-content {
    background: #000;
    float: right
}

.ov-chat-message.me .ov-chat-message-content:before {
    border-left: 5px solid #000;
    right: -5px
}
.ov-chat-message.me a {
    color: #ff7f61
}
.ov-chat-message.me a:hover,
.ov-chat-message.me a:active {
    color: #70157b
}
.ov-chat-message.lobby-chat {
    min-height: 30px
}
.ov-chat-message.lobby-chat .avatar {
    position: absolute;
    left: 0;
    cursor: pointer
}
.ov-chat-message.lobby-chat .ov-chat-message-content {
    margin-left: 42px
}
.ov-chat-message.lobby-chat .ov-chat-message-content:before {
    border-right: 5px solid #343435;
    left: -5px
}
.ov-chat-message-console .ov-chat-message-content:before {
    content: 'Console: ';
    font-weight:bold;
    top:1px;
    left:0px;
}
.ov-chat-message-console .ov-chat-message-content {
    background: transparent;
    padding: 6px 0 0 60px;
    color: #818286;
    font-weight:bold;
    min-height: 20px
}
.ov-chat-message-console.success .ov-chat-message-content {
    color: #84bd00
}
.ov-chat-message-console.error .ov-chat-message-content {
    color: #f82222
}
.ov-chat-message-console.info .ov-chat-message-content {
    color: #d90bd2
}
.ov-chat-message-console.status .ov-chat-message-content {
    color: #0e5dcc;
}
.ov-chat-message-console.default .ov-chat-message-content {
    color: #c9c7c9;
}
.ov-chat-message-lobby .ov-chat-message-content:before {
    content: '';
    font-weight:bold;
    top:1px;
    left:0px;
}
.ov-chat-message-lobby .ov-chat-message-content {
    background: transparent;
    padding: 6px 0 0 25px;
    color: #818286;
    font-weight:bold;
    min-height: 12px;
}
.ov-chat-message-lobby.success .ov-chat-message-content, .ov-chat-message-lobby.green .ov-chat-message-content {
    color: #84bd00
}
.ov-chat-message-lobby.green .ov-chat-message-content, .ov-chat-message-lobby.green .ov-chat-message-content {
    color: #84bd00
}
.ov-chat-message-lobby.kicked .ov-chat-message-content, .ov-chat-message-lobby.red .ov-chat-message-content {
    color: #d12b2b
}
.ov-chat-message-lobby.red .ov-chat-message-content, .ov-chat-message-lobby.red .ov-chat-message-content {
    color: #d12b2b
}
.ov-chat-message-lobby.info .ov-chat-message-content ,.ov-chat-message-lobby.purple .ov-chat-message-content  {
    color: #d90bd2
}
.ov-chat-message-lobby.purple .ov-chat-message-content ,.ov-chat-message-lobby.purple .ov-chat-message-content  {
    color: #d90bd2
}
.ov-chat-message-lobby.status .ov-chat-message-content, .ov-chat-message-lobby.blue .ov-chat-message-content {
    color: #0e5dcc;
}
.ov-chat-message-lobby.blue .ov-chat-message-content, .ov-chat-message-lobby.blue .ov-chat-message-content {
    color: #0e5dcc;
}
.ov-chat-message-lobby.default .ov-chat-message-content {
    color: #c9c7c9;
}
.ov-chat-message-lobby.leave .ov-chat-message-content {
    color: #e2d02b;
}
.ov-chat-message-lobby.yellow .ov-chat-message-content {
    color: #e2d02b;
}
.ov-chat-message-lobby.orange .ov-chat-message-content {
    color: #e2742b;
}

.more-chat-windows {
    position: fixed;
    bottom: 0;
    height: 40px;
    padding: 0 20px;
    z-index: 20;
    background: #434345;
    line-height: 40px;
    text-align: center
}
.more-chat-windows:hover .hidden-chats {
    display: block
}
.more-chat-windows img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 5px
}
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
    display: none
}
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
.no-js .owl-carousel {
    display: block
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
    color: rgba(255, 255, 255, 0.6);
    font-size: 50px;
    display: inline-block;
    cursor: pointer;
    font-family: 'cme-line-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px
}
@media(max-width:1440px) {
    .owl-theme .owl-nav .owl-prev {
        top: 95%
    }
}
.owl-theme .owl-nav .owl-prev:before {
    content: "\e608"
}
.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -25px
}
@media(max-width:1440px) {
    .owl-theme .owl-nav .owl-next {
        top: 95%
    }
}
.owl-theme .owl-nav .owl-next:before {
    content: "\e607"
}
.owl-theme .owl-nav [class*='owl-']:hover {
    color: #FFF;
    text-decoration: none
}
.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fff
}
.result-winner {
    color: #d90bd2
}
.match-mode-modal {
    text-align: left;
    background: 0;
    border: 0;
    box-shadow: none
}
.match-mode-modal .content-scroll {
    padding-bottom: 30px
}
.match-mode-modal .bg-image {
    opacity: .8;
    position: absolute;
    margin-top: -35px
}
.match-mode-modal .more-link .button,
.match-mode-modal .more-link .modal-button {
    box-shadow: none;
    font-size: 18px;
    color: #737373;
    line-height: 18px;
    margin-bottom: 10px
}
.match-mode-modal .more-link .button:before,
.match-mode-modal .more-link .modal-button:before,
.match-mode-modal .more-link .button:after,
.match-mode-modal .more-link .modal-button:after {
    background: #383a3f;
    height: 1px
}
.match-mode-modal .modal-content {
    background: 0;
    border: 0
}
.match-mode-modal .close-reveal-modal,
.match-mode-modal .ov-topbar .cancelQueue,
.ov-topbar .match-mode-modal .cancelQueue,
.match-mode-modal .ov-topbar .cancelLobby,
.ov-topbar .match-mode-modal .cancelLobby,
.match-mode-modal .reveal-modal .cancelQueue,
.reveal-modal .match-mode-modal .cancelQueue {
    color: #fff;
    font-size: 60px;
    z-index: 10
}
.match-mode-modal .party-box {
    margin-top: 1.875rem
}

.match-mode-modal .ov-lobby-list {
    margin: 0
}
.match-mode-modal .ov-friend-user-item {
    width: 20%;
    float: left;
    clear: none;
    box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.15)
}
.match-mode-modal .ov-friend-user-item:last-child {
    box-shadow: none
}
.match-mode-panel {
    border-radius: 6px;
    border: 1px solid #4C1040;
    display: block;
    background: #0c0c0c;
    font-size: 12px
}
.match-mode-panel:not(.match-mode-panel-disabled):hover {
    box-shadow: 0 0 30px rgba(217, 11, 210, 0.3);
    border-color: #70157b
}
.match-mode-panel.flip-back {
    cursor: default;
    left: 10px;
    width: calc(100% - 20px)
}
.match-mode-panel-content {
    display: block
}
.match-mode-panel-footer {
    display: block;
    padding: 20px 20px 0 20px;
    height: 150px;
    border-radius: 0 0 6px 6px;
    text-align: center;
    background: -webkit-linear-gradient(top, #0c0c0c 0, #70157b 100%);
    background: -moz-linear-gradient(top, #0c0c0c 0, #70157b 100%);
    background: linear-gradient(top, #0c0c0c 0, #70157b 100%);
}
.match-mode-panel-footer h1 {
    color: #fff;
    font-size: 26px
}
.match-mode-panel-footer p {
    margin: 0;
    color: #f998f6;
    font-size: 13px
}

.match-mode-panel-top {
    display: block;
    height: 200px;
    border-radius: 6px 6px 0 0;
    text-align: center;
    background: -webkit-linear-gradient(bottom, #0c0c0c 0, rgba(255, 0, 246,0.2) 100%);
    background: -moz-linear-gradient(bottom, #0c0c0c 0, rgba(255, 0, 246,0.2) 100%);
    background: linear-gradient(bottom, #0c0c0c 0, rgba(255, 0, 246,0.1) 100%);
}
.match-mode-panel-top img {
    padding-top:10px;
    margin:auto;
    max-height:200px
}
.match-mode-panel-middle {
    height: 185px;
    display: block
}
.match-mode-panel-middle  a {
    text-decoration: none;
}
.match-mode-panel .rank-image {
    width: 80px;
    height: 80px
}
.match-mode-button {
    display: block;
    font-size: 14px;
    padding: 12px 12px 12px 0px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 10px;
    position: relative;
    background-position: center;
    border: 1px solid rgba(217, 11, 210, 0.2);
    color: rgba(255,255,255,0.9);
    background: -webkit-linear-gradient(top, #0c0c0c 0, rgba(217, 11, 210,0.10) 100%);
    background: -moz-linear-gradient(top, #0c0c0c 0, rgba(217, 11, 210,0.10) 100%);
    background: linear-gradient(top, #0c0c0c 0, rgba(217, 11, 210,0.10) 100%);
}
.match-mode-button .fa {
    color:rgba(217, 11, 210,1);
    font-size: 22px;
    line-height: 22px;
    margin-right:5px;
    opacity:0.3;
}
.match-mode-button.disabled:hover {
    color: #fff
}
.match-mode-button.featured {
    border-color: #70157b
}
.match-mode-button.featured:before {
    content: 'NEW';
    font-size: 9px;
    color: #70157b;
    display: inline-block;
    vertical-align: baseline;
    left:-50px;
}
.match-mode-button.featured-soon:before {
    content: 'SOON';
    font-size: 9px;
    color: #70157b;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 5px;
    margin-left:-40px;
}
.match-mode-button:focus:not(.disabled),
.match-mode-button:hover:not(.disabled) {
    border-color: #d90bd2;
    background: rgba(217, 11, 210, 0.2);
    color: #fff;
    opacity:0.7;
}

.home-latests-matches,
.home-top-players {
    margin-top: 30px;
    background: #222325
}

.home-latests-matches h2,
.home-top-players h2 {
    padding: 0 20px 10px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
@-webkit-keyframes progress-full {
    0% {
        width: 0;
        opacity: 0
    }
    60% {
        width: 98%;
        opacity: .8
    }
    70% {
        width: 98%;
        opacity: 0
    }
}
@keyframes progress-full {
    0% {
        width: 0;
        opacity: 0
    }
    60% {
        width: 98%;
        opacity: .8
    }
    70% {
        width: 98%;
        opacity: 0
    }
}
@-webkit-keyframes old-rank-animation-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes old-rank-animation-fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes new-rank {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }
    20% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    30% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}
@keyframes new-rank {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }
    20% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    30% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes scale-repeatedly {
    0% {
        -webkit-transform: scale(0.6);
        opacity: .8
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0.6);
        opacity: .8
    }
}
@keyframes scale-repeatedly {
    0% {
        transform: scale(0.6);
        opacity: .8
    }
    50% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(0.6);
        opacity: .8
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes new-rank-down {
    0% {
        -webkit-transform: scale(1) translate(0, 30px);
        opacity: 0
    }
    20% {
        -webkit-transform: scale(1) translate(0, 0);
        opacity: 1
    }
    30% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}
@keyframes new-rank-down {
    0% {
        transform: scale(1) translate(0, 30px);
        opacity: 0
    }
    20% {
        transform: scale(1) translate(0, 0);
        opacity: 1
    }
    30% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes fly-away {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2) translate(0, -50px);
        opacity: 0
    }
}
@keyframes fly-away {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(2) translate(0, -50px);
        opacity: 0
    }
}

.header-label {
    padding: 8px 15px;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15)
}
.header-label h3 {
    font-size: 12px;
    float: left;
    line-height: 25px;
    margin-right: 20px;
    color: #fff
}

.match-live span:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #70157b;
    box-shadow: 0 0 10px #70157b;
    border-radius: 100%;
    vertical-align: baseline;
    margin-right: 5px
}

.match-live small {
    color: #7d7d7d;
    font-size: 12px;
    margin-left: 5px
}


.scoretab-notice {
    overflow: hidden;
    background: -webkit-linear-gradient(top, #b57e17 0, #ffc35c 100%);
    background: -moz-linear-gradient(top, #b57e17 0, #ffc35c 100%);
    background: linear-gradient(to, #b57e17 0, #ffc35c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b57e17', endColorstr='#ffc35c');
    border-top: 1px solid #f4c478;
    position: relative
}
.scoretab-notice img {
    margin-right: 30px;
    margin-top: 6px
}
.scoretab-notice h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 4px
}
.scoretab-notice:before {
    content: url(../img/ui/arena/score-tab-logo-big.png);
    position: absolute;
    left: 0;
    top: 0;
    opacity: .2
}
.scoretab-notice p {
    margin: 0;
    font-size: 12px
}
.match-stat-item {
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 30px
}

.match-stat-item small {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px
}

.giveaway-price {
    color: #fff
}
.raffle-item-small {
    width: 370px;
    display: inline-block;
    margin-right: 15px;
    padding-right: 20px;
    height: 92px;
    -webkit-transition: border .1s;
    -moz-transition: border .1s;
    -ms-transition: border .1s;
    -o-transition: border .1s;
    transition: border .1s;
    cursor: pointer;
    color: #fff
}
.raffle-item-small .date {
    text-align: center;
    width: 95px;
    height: 90px;
    font-size: 30px;
    float: left;
    border-right: 1px solid #393a3b;
    padding-top: 15px
}
.raffle-item-small .date small {
    font-size: 11px;
    display: block
}
.raffle-item-small .date .avatar {
    margin-top: -7px;
    display: block
}
.raffle-item-small .raffle-reward {
    width: 140px;
    float: left;
    height: 90px
}
.raffle-item-small .raffle-box-image {
    width: 110px;
    top: -10px
}
.raffle-item-small .type-hardware {
    width: 70px;
    top: 10px
}
.raffle-item-small .gradient-holder {
    height: 90px
}
.raffle-item-small .raffle-name {
    white-space: normal;
    font-size: 12px;
    display: table-cell;
    height: 90px;
    vertical-align: middle
}
.winner-label {
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #d90bd2;
    font-size: 16px;
    border-radius: 4px;
    padding: 5px 10px;
    z-index: 15;
    width: 140px;
    text-transform: uppercase;
    margin-top: -20px;
    margin-left: -71px;
    line-height: 1.5;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.6);
    border-top: 1px solid #ffda99;
    border-bottom: 1px solid #d90bd2
}
.winner-label:after {
    border: solid 9px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: #d90bd2 transparent transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 62px;
    z-index: 89
}
@-webkit-keyframes rotateThis {
    0% {
        -webkit-transform: scale(0.2) rotate(0);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(1.7) rotate(2880deg);
        opacity: 1
    }
    90% {
        -webkit-transform: scale(1.7) rotate(2880deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(2880deg)
    }
}
.fade-in {
    opacity: 0;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes bumpUp {
    0% {
        transform: scale(0.2) rotate(0);
        opacity: 0
    }
    20% {
        transform: scale(1.5) rotate(30deg);
        opacity: 1
    }
    60% {
        transform: scale(1.5) rotate(30deg);
        opacity: 1
    }
    100% {
        transform: scale(1) rotate(0)
    }
}
@-webkit-keyframes bumpUp {
    0% {
        -webkit-transform: scale(0.2) rotate(0);
        opacity: 0
    }
    20% {
        -webkit-transform: scale(1.5) rotate(30deg);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.5) rotate(30deg);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}
.map-veto-holder {
    counter-reset: veto
}
.map-veto-holder .maps-holder {
    padding: 12px;
    overflow: hidden
}
.map-veto-holder .maps-holder.picking {
    animation: pulse-inside 1s infinite
}
.map-veto-holder .maps-holder.picking .map:hover {
    border-color: #84bd00
}
.map-veto-holder .maps-holder.picking .selected {
    border: 2px solid #84bd00
}
.map-veto-holder .maps-holder.banning {
    animation: pulse-inside 1s infinite
}
.map-veto-holder .maps-holder.banning .map:hover {
    border-color: #f82222
}
.map-veto-holder .maps-holder.banning .selected {
    border: 2px solid #f82222
}
.map-veto-holder .maps-holder.banning .map:not(.picked):not(.banned),
.map-veto-holder .maps-holder.picking .map:not(.picked):not(.banned) {
    cursor: pointer
}
.map-veto-holder.finished .arena-tournament-info {
    padding: 0;
    overflow: hidden
}
.map-veto-holder .map-item {
    width: 14.23%;
    float: left
}
.map-veto-holder .map {
    margin: 12px;
    background-size: cover;
    height: 105px;
    text-align: center;
    border: 1px solid #848484;
    border-radius: 6px;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 15px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 15px #000
}
.map-veto-holder .map span,
.map-veto-holder .map i {
    position: relative;
    z-index: 2
}
.map-veto-holder .map i {
    font-size: 60px
}
.map-veto-holder .map:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(top, black 0, transparent 100%);
    background: -moz-linear-gradient(top, black 0, transparent 100%);
    background: linear-gradient(to, black 0, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='transparent')
}
.map-veto-holder .picked {
    border-color: #84bd00
}
.map-veto-holder .picked:before {
    background-color: rgba(132, 189, 0, 0.25)
}
.map-veto-holder .picked .ic-check {
    color: #84bd00;
    display: block
}
.map-veto-holder .banned {
    border-color: #f82222
}
.map-veto-holder .banned:before {
    background-color: rgba(248, 34, 34, 0.4)
}
.map-veto-holder .banned .ic-close {
    color: #f82222;
    display: block
}
.map-veto-holder .counter {
    width: 55px;
    display: inline-block;
    text-align: center;
    background: #171719;
    border-radius: 50%;
    height: 55px;
    vertical-align: middle;
    line-height: 55px;
    margin-right: 10px;
    margin-left: 10px
}
.map-veto-header {
    font-size: 23px;
    line-height: 75px
}
.map-veto-header .picking {
    color: #84bd00
}
.map-veto-header .banning {
    color: #f82222
}
@-webkit-keyframes pulse-inside {
    0% {
        -webkit-box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0.25)
    }
    60% {
        -webkit-box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0)
    }
    100% {
        -webkit-box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0.25)
    }
}
@keyframes pulse-inside {
    0% {
        -moz-box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0.25)
    }
    60% {
        -moz-box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0);
        box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0)
    }
    100% {
        -moz-box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 0 20px 2px rgba(255, 255, 255, 0.25)
    }
}
.m-0 {
    margin: 0 !important
}
.m-t-0 {
    margin-top: 0 !important
}
.m-b-0 {
    margin-bottom: 0 !important
}
.m-l-0 {
    margin-left: 0 !important
}
.m-r-0 {
    margin-right: 0 !important
}
.m-5 {
    margin: 5px !important
}
.m-t-5 {
    margin-top: 5px !important
}
.m-b-5 {
    margin-bottom: 5px !important
}
.m-l-5 {
    margin-left: 5px !important
}
.m-r-5 {
    margin-right: 5px !important
}
.m-10 {
    margin: 10px !important
}
.m-t-10 {
    margin-top: 10px !important
}
.m-b-10 {
    margin-bottom: 10px !important
}
.m-l-10 {
    margin-left: 10px !important
}
.m-r-10 {
    margin-right: 10px !important
}
.m-15 {
    margin: 15px !important
}
.m-t-15 {
    margin-top: 15px !important
}
.m-b-15 {
    margin-bottom: 15px !important
}
.m-l-15 {
    margin-left: 15px !important
}
.m-r-15 {
    margin-right: 15px !important
}
.m-20 {
    margin: 20px !important
}
.m-t-20 {
    margin-top: 20px !important
}
.m-b-20 {
    margin-bottom: 20px !important
}
.m-l-20 {
    margin-left: 20px !important
}
.m-r-20 {
    margin-right: 20px !important
}
.m-25 {
    margin: 25px !important
}
.m-t-25 {
    margin-top: 25px !important
}
.m-b-25 {
    margin-bottom: 25px !important
}
.m-l-25 {
    margin-left: 25px !important
}
.m-r-25 {
    margin-right: 25px !important
}
.m-30 {
    margin: 30px !important
}
.m-t-30 {
    margin-top: 30px !important
}
.m-b-30 {
    margin-bottom: 30px !important
}
.m-l-30 {
    margin-left: 30px !important
}
.m-r-30 {
    margin-right: 30px !important
}
.p-0 {
    padding: 0 !important
}
.p-t-0 {
    padding-top: 0 !important
}
.p-b-0 {
    padding-bottom: 0 !important
}
.p-l-0 {
    padding-left: 0 !important
}
.p-r-0 {
    padding-right: 0 !important
}
.p-5 {
    padding: 5px !important
}
.p-t-5 {
    padding-top: 5px !important
}
.p-b-5 {
    padding-bottom: 5px !important
}
.p-l-5 {
    padding-left: 5px !important
}
.p-r-5 {
    padding-right: 5px !important
}
.p-10 {
    padding: 10px !important
}
.p-t-10 {
    padding-top: 10px !important
}
.p-b-10 {
    padding-bottom: 10px !important
}
.p-l-10 {
    padding-left: 10px !important
}
.p-r-10 {
    padding-right: 10px !important
}
.p-15 {
    padding: 15px !important
}
.p-t-15 {
    padding-top: 15px !important
}
.p-b-15 {
    padding-bottom: 15px !important
}
.p-l-15 {
    padding-left: 15px !important
}
.p-r-15 {
    padding-right: 15px !important
}
.p-20 {
    padding: 20px !important
}
.p-t-20 {
    padding-top: 20px !important
}
.p-b-20 {
    padding-bottom: 20px !important
}
.p-l-20 {
    padding-left: 20px !important
}
.p-r-20 {
    padding-right: 20px !important
}
.p-25 {
    padding: 25px !important
}
.p-t-25 {
    padding-top: 25px !important
}
.p-b-25 {
    padding-bottom: 25px !important
}
.p-l-25 {
    padding-left: 25px !important
}
.p-r-25 {
    padding-right: 25px !important
}
.p-30 {
    padding: 30px !important
}
.p-t-30 {
    padding-top: 30px !important
}
.p-b-30 {
    padding-bottom: 30px !important
}
.p-l-30 {
    padding-left: 30px !important
}
.p-r-30 {
    padding-right: 30px !important
}
.f-s-12 {
    font-size: 12px;
}
.f-s-13 {
    font-size: 13px;
}
.f-s-14 {
    font-size: 14px;
}
.f-s-15 {
    font-size: 15px;
}

.kick-lobby-player {
    position: relative;
    right: 30%;
    top: -20px;
    float: right;
    font-size: 30px;
    font-weight: bold;
    color: gray !important;
    margin-right:-20px;
    z-index: 20000
}
.icon-lobby-player {
    position: relative;
    left: 25%;
    top: 0px;
    float: left;
    font-size: 25px;
    font-weight: bold;
    color: rgba(217, 11, 210, 0.8);
    margin-left:-20px;
    z-index: 20000
}

.home-lobby {
    padding:10px 10px 35px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    height:auto;
    background:#17181a;
}
.home-lobby .permision-invite-label {
    position: absolute;
    right: 120px;
}
.home-lobby .label-name {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #121212;
    margin-bottom:10px;
    padding:5px 0px 5px 30px;
    color: #aaa5a5;
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size:20px;
}
.ov-box-tran {
    background:rgba(60,62,72,0.2) !important;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
@media(max-width:1660px) {
    .ov-popover-invite {
        right:100px;
    }
}
.ov-col-semi-1 {
    width: 10%
}
.ov-col-semi-2 {
    width: 20%
}
.ov-col-semi-3 {
    width: 30%
}
.ov-col-semi-4 {
    width: 40%
}
.ov-col-semi-5 {
    width: 50%
}
.ov-col-semi-6 {
    width: 60%
}
.ov-col-semi-7 {
    width: 70%
}
.ov-col-semi-8 {
    width: 80%
}
.ov-col-semi-9 {
    width: 90%
}
.ov-col-semi-10 {
    width: 100%
}
.page-bg-outer {
    position:fixed; top:0; left:0; right:0; bottom:0; overflow:auto; z-index:0; opacity:0.15;
}
.page-bg-img {
    overflow:auto;
    position:fixed;
    z-index:-1;
    top:80px; left:0; right:0; bottom:0;
    background:url('/assets/images/slider-bg-3.jpg') left 50%;
    opacity: 0.10;
    background-size:100%;
}
.ov-homepage-section a:not(.button):not(.modal-button) {
    color: #d90bd2;
    padding-bottom: 2px;
    border-bottom: 1px solid #d90bd2;
    transition: color .2s, border-color .2s;
    position: relative
}
.ov-homepage-section a:not(.button):not(.modal-button):after {
    font-family: 'cme-line-icons';
    content: "\e607";
    position: absolute;
    right: 0;
    margin-right: -20px;
    transform: translate(0);
    transition: fill .2s, -webkit-transform .2s;
    transition: fill .2s, transform .2s
}
.ov-homepage-section a:not(.button):not(.modal-button):hover {
    color: #fff;
    border-bottom-color: transparent
}
.ov-homepage-section a:not(.button):not(.modal-button):hover:after {
    transform: translate(10px)
}
.ov-homepage-section form {
    padding-bottom: 30px
}
.ov-homepage-section p {
    color: #bcbcbc;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300
}

.ov-homepage-section h2 {
    font-size: 1.875rem;
    line-height: 3.125rem
    font-weight: 700;
    letter-spacing: .02em;
    color: #fff
}


.ov-login-toPlay {
    padding: 0 10px !important;
    height: 100%;
    width:100%;
    overflow: hidden;
    position: relative;
    background: #17181a url("../images/slider-bg-1.jpg");
    background-size: contain;
}

.ov-login-toPlay h1 {
    font-size: 3.5625rem;
    font-weight: 650;
    letter-spacing: .02em;
    color: #fff
}

@media all and (max-width: 1470px) {
    .ov-login-toPlay h1 {
        font-size: 3.75rem
    }
}
@media all and (max-width: 1367px) {
    .ov-login-toPlay h1 {
        font-size: 2.5rem
    }
}
@media all and (max-width: 1281px) {
    .ov-login-toPlay h1 {
        font-size: 1.625rem
    }
}
.ov-login-toPlay img {
    width: 270px
}
.ov-login-toPlay .ov-login-text-head {
    text-align: center;
    padding-top: 40px;
    position: relative;
    z-index: 10
}
.ov-login-toPlay .ov-login-text-head p {
    margin-bottom: 1.875rem
}
.ov-login-toPlay .text {
    padding: 0 0 50px
}
.ov-login-toPlay input,
.ov-login-toPlay select {
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
    border: 0;
    font-size: 16px;
    border-radius: 6px;
    height: 40px;
    line-height: 20px;
    padding: 10px 20px;
    margin-bottom: 20px;
    color: #fff
}
.ov-login-toPlay input:focus,
.ov-login-toPlay select:focus {
    box-shadow: inset 0 0 0 2px #d90bd2;
    background: rgba(255, 255, 255, 0.15)
}
.ov-login-toPlay select {
    padding-right: 35px;
    z-index: 2;
    position: relative
}
.ov-login-toPlay select option {
    background: #17181a
}
.ov-login-toPlay .ic-chevron-down {
    position: absolute;
    color: #fff;
    font-size: 30px;
    right: 20px;
    top: 5px;
    z-index: 1
}
.ov-login-toPlay .start-submit {
    width: 100%;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 15px
}

.servers-power {
    background: #0d0d0e url(../images/fire-bg.png) no-repeat bottom;
    padding-bottom: 150px !important
}
.servers-power img {
    max-width: 80%
}

@media only screen and (min-width: 40.0625em) {
    .align-middle {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center
    }
}
.landing-stats {
    margin-bottom:10px;
    color:white;
    font-weight: 700;
}
.slash {
    margin:0 10px 0 10px;
}
.landing-stats span {
    padding:0 2px 0 2px;
    color: #bcbcbc;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 30px;
}
.white {
    color:white !important;
}
.map-veto {
    background: #0d0d0e  -20% top no-repeat;
    padding-bottom: 130px
}
.map-veto img {
    max-width: 80%
}
.ov-dark {
    background-color: #121213
}

::-webkit-scrollbar {
    width: 16px;
    height: 16px
}
::-webkit-scrollbar-button {
    height: 0;
    width: 0
}
::-webkit-scrollbar-track-piece {
    border-left: 6px solid transparent;
    border-right: 1px solid transparent;
    background-clip: padding-box
}
::-webkit-scrollbar-thumb:vertical {
    min-height: 28px;
    padding-top: 100px;
    border-left: 4px solid transparent;
    border-right: 6px solid transparent;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07)
}

.cat-404{
    width:162px;
    height:auto;
    margin-top:5px
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.notfound-p{
    position:relative;
    background:#05bcea;
    border-radius:20px;
    padding:30px;
    margin-top:100px
}
@media only screen and (min-width: 601px){
    .notfound-p{
        border-radius:130px;
        padding:40px
    }
}
@media only screen and (min-width: 1024px){
    .notfound-p{
        margin-top:0
    }
}

.notfound-404{
    background:rgba(31, 32, 35,0.85);
    margin-bottom:10px
}
@media only screen and (max-width: 1023px){
    .notfound-404{
        margin-bottom:0
    }
}
.notfound-404 .page_error_desc{
    color:#ffffff
}
.notfound-404 .notfound_btn_home{
    border-color:#212121;
    color:#212121;
    background-color:transparent;
    background:#fff;
    border-color:#fff;
    text-align:center;
}
.notfound-404 .notfound_btn_home:hover{
    background-color:#212121;
    color:#fff
}
.page__error{
    text-align:center;
    text-transform:uppercase;
    color:rgba(255,255,255,0.75);
    font-weight:bold;
    font-size:120px;
}
.page__error_name{
    margin-top:10px;
    margin-bottom:0;
    text-align:center;
    text-transform:uppercase;
    color:rgba(255,255,255,0.95);
    font-weight:bold;
    font-size:18px;
}

.page_error_desc{
    text-align: center;
    display:block;
    max-width:auto;
    margin-left:auto;
    margin-right:auto
}
@media only screen and (min-width: 1024px){
    .page_error_desc{
        margin-bottom:0
    }
}
.notound_gamma {
    font-size: 2.125rem;
    line-height: 1.41176;
}
.matches-selectMode span {
    color: #8c8c8c;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}
.matches-selectMode a {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    transition: all .2s;
    text-decoration:none;
}
.matches-selectMode a:hover,.matches-selectMode a.active:hover {
    background: -moz-linear-gradient(bottom, rgba(217, 11, 210,0.4) 0, transparent 100%);
    background: -webkit-linear-gradient(bottom, rgba(217, 11, 210,0.4) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(217, 11, 210,0.4) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(217, 11, 210,0.4) 0, transparent 100%);
    background: linear-gradient(to top, rgba(217, 11, 210,0.4) 0, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(217, 11, 210,0.4)', endColorstr='transparent', GradientType=1);
    color: #fff
}
.matches-selectMode a.active {
    background: -moz-linear-gradient(bottom, rgba(112, 21, 123,0.6) 0, transparent 100%);
    background: -webkit-linear-gradient(bottom, rgba(112, 21, 123,0.6) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(112, 21, 123,0.6) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(112, 21, 123,0.6) 0, transparent 100%);
    background: linear-gradient(to top, rgba(112, 21, 123,0.6) 0, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(112, 21, 123,0.6)', endColorstr='transparent', GradientType=1);
    color: #fff
}

.ladder-header-review {
    height: 230px;
    max-height:600px !important;
}
.ladder-gift-review-bg {
    height: 100%;
    width:100% !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0 0;
    border-bottom: 10px solid #1b1c1f;
}
.ladder-gift-spacer {
    border-bottom: 10px solid #1b1c1f;
}
.ladder-inner {
    margin-left:50px;
    margin-right:50px;
}
.ladder-inner h1 {
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    line-height: 1.6;
    font-size: 18px;

}

.ladder-inner .ladder-info {
    height: 100px;
    max-height: 100px;
    width: 100%;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: rgba(17, 19, 19, 0.8);
    border-radius: 6px;
    margin-bottom:15px;
}
.ladder-img {
    height: 98px !important;
}
.ladder-item-name {
    text-align: center;
    padding-top:18px;
    height:100%;
}
.ladder-item-name h1 {
    font-size:18px;
    font-weight: bold;
    line-height: 1.45
}
.ladder-item-name h2 {
    color:rgb(255, 255, 255);
    font-size:16px;
    line-height: 1.45
}
.ladder-item-name span {
    color: #a6a6a6;
    font-size: 11px;
    display: block;
    position: relative;
    margin-bottom: 5px !important;
}
.ladder-item-info {
    display: inline-block;
    vertical-align: middle;
}
.ladder-item-join, .ladder-item-expired {
    text-align: center;
    padding-top:35px;
    height:100px;
    background:rgba(61,28,63,1);
}
.ladder-item-join a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color:#d90bd2;
    text-decoration: none;
    height:100px !important;
}
.ladder-item-expired a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color:darkred;
    text-decoration: none;
    height:100px !important;
}

.btn-ladder {
    transform: translateY(50%);
    padding: 16px 20px 17px 20px
}

.btn-ladder-join {
    border-radius: 0 15px 15px 0;
    background-color: darkgreen;
}
.btn-ladder-join:hover {
    border-radius: 0 15px 15px 0;
    background-color: green;
}

.btn-ladder-view {
    border-radius: 15px 0 0 15px;
}

.public-section {
    margin-left:100px;
    margin-right:100px;
}
.public-section h1 {
    text-align: center;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    line-height: 1.6;
    font-weight: bold;
    font-size: 14px;
}

.public-section .server-list {
    height: 80px;
    max-height: 100px;
    width: 100%;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(17, 19, 19, 0.8);
    border-radius: 6px;
    margin-bottom:15px;
}
.public-section .featured {
    background-color: rgba(217, 11, 210,0.2);
}
.server-info {
    text-align: center;
    padding-top:20px;
    height:100%;
}
.public-section .border-right {
    border-right:1px solid rgba(255,255,255,0.1);
}
.server-info h1 {
    font-size:12px;
    font-weight: bold;
    line-height: 1.45
}
.server-info h2 {
    color:rgb(255, 255, 255);
    font-size:16px;
    line-height: 1.45
}
.server-info p {
    margin-top:-10px;
    text-align:center;
    color: #a6a6a6;
    font-size: 12px;
    position: relative;
    margin-bottom: 5px !important;
}
.server-info .connect-button {
    margin-top:5px;
}
.server-info .connect-button  a{
    text-decoration: none;
    color: rgba(217, 11, 210,0.8);
}

a:hover {
    text-decoration: none;
}

.box-btn {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
    color: rgba(255, 255, 255, 0.54) !important;
    background: rgba(255, 255, 255, 0.05);
    padding: 6px 35px;
    font-size: 14px;
    border-radius: 4px;
}

.box-btn:hover {
    border: 1px solid #d90bd2;
    color: #d90bd2;
    background: rgba(217, 11, 210, 0.4);
    cursor: pointer
}