@import url(ui.css);
body,
html {
    height: 100%
}

body {
    padding-bottom: 20px;
    background-color: #111;
    color: #fff
	}

.navbar-webcms {
    height: 60px;
    margin: 0 auto 0;
    background: #101010;
    font-size: 14px;
    color: #999;
    text-transform: uppercase
}

.navbar-default .navbar-nav>li>a {
    color: #999;
    font-family: Roboto, sans-serif
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-default,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-toggle {
    border: none!important
}

#navbar {
    background-color: #111;
    height: 327px
}

.navbar-collapse {
    text-align: center
}

.navbar-nav {
    display: inline-block;
    float: none;
    max-height: 44px
}

#logo_header {
    width: 181px;
    height: 118px;
    text-indent: -9999em;
    background: url(../img/logo.png) no-repeat 100% 0;
    margin: 0 auto;
    margin-top: -11px;
    margin-left: -28px
}

.sliderEvents {
    font-family: Roboto, sans-serif;
    width: 370px;
    height: 460px;
    position: fixed;
    left: -340px;
    top: 200px;
    margin: 0;
    z-index: 999;
    background: url(../img/event_time.png) no-repeat
}

#eventsTime {
    color: #fff;
    width: 340px;
    float: left;
    margin-top: 50px;
    padding-left: 14px
}

#eventsTime li {
    list-style: none;
    font-size: 13px
}

#eventsTime li span {
    font-size: 11px;
    color: #599456
}

#eventsTime li i {
    font-size: 12px;
    color: #fff
}

#eventsTime li small {
    font-size: 12px;
    padding-left: 2px;
    color: orange
}

.sliderEvents .close {
    background: url(../img/close_inv.png) no-repeat;
    width: 67px;
    height: 30px;
    border: none;
    outline: 0;
    position: absolute;
    bottom: 20px;
    left: 35%;
    opacity: 1
}

.sliderEvents .eventsButton {
    color: #fff;
    width: 60px;
    height: 60px;
    position: fixed;
    margin-left: 340px
}

.sliderEvents .eventsButton button {
    background: url(../img/event_icon.png) no-repeat;
    width: 62px;
    height: 58px;
    border: none;
    outline: 0;
    opacity: 1
}

@media (max-width:768px) {
    #logo_header {
        display: none
    }
}

#bg-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -100;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 25px
}

.bg-shadow {
    width: 100%;
    height: 109%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -99;
    background: url(../img/bg_shadow.png) repeat
}

.carousel-control.left {
    background-image: none
}

.carousel-control.right {
    background-image: none
}

footer {
    display: flex;
    background: url(../img/footer.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 150px;
    margin: 0 auto;
    padding: 1rem
}

footer p {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #fff
}

footer section aside p {
    padding: 0 15px;
    text-align: center
}

footer section aside p em {
    padding: 15px 0 20px;
    color: #d72b2b;
    font-size: 40px;
    font-weight: 700;
    line-height: initial
}

footer section aside p strong {
    font-size: 15px;
    color: #fff;
    font-weight: 500
}

footer section aside p span {
    font-size: 12px;
    color: #666
}

footer a {
    color: #d72b2b
}

footer a:link {
    color: #d72b2b
}

footer a:visited {
    color: #d72b2b
}

footer a:hover {
    color: #d72b2b
}

footer a:active {
    color: #d72b2b
}

#siteseal {
    float: right;
    margin-top: -38px
}

.mainView {
    margin-top: -100px
}

.divisor {
    background: #1c1c1c;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px
}

.news {
    background: #111;
    padding-bottom: 15px
}

.news h1 {
    color: #d72b2b;
    font-size: 20px
}

.news ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.news ul li:not(:first-child) {
    border-top: 1px solid #1c1c1c
}

.news ul li a {
    font-size: 18px;
    color: #d72b2b;
    height: 50px;
    line-height: 50px
}

.news ul li a:hover {
    text-decoration: underline
}

.news ul li strong {
    font-size: 16px;
    color: #897a5e;
    font-weight: 400;
    text-transform: uppercase
}

.news ul li .date {
    font-size: 15px;
    color: #fff;
    text-align: right;
    float: right;
    clear: right
}

.news p.srvInfo:not(:first-child):not(:last-child) {
    border-bottom: 1px solid #1c1c1c
}

.news p.srvInfo {
    font-size: 18px;
    color: #9999b4;
    padding: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0
}

.news p.srvInfo strong {
    font-size: 16px;
    color: #897a5e;
    font-weight: 400;
    text-transform: uppercase
}

.news a.more {
    text-align: left;
    float: right;
    clear: right;
    color: #fff
}

.news a.more:hover {
    text-decoration: underline
}

.eventsHome {
    padding-bottom: 15px;
    padding-bottom: 15px
}

.eventsHome .nexusBattle {
    background-image: url(../img/nexus_battle_back.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .nexusBattle p {
    position: absolute;
    text-align: center;
    top: 30%;
    color: #fff;
    font-size: 60px;
    width: 100%;
    font-family: 'Fugaz One', cursive;
    text-shadow: 2px 2px 12px rgba(117, 147, 150, .67)
}

.eventsHome .nexusBattle span {
    font-size: 14px;
    margin-left: -30%;
    margin-top: 9%;
    position: absolute
}

.eventsHome .iceWind {
    background-image: url(../img/ice_wind_back.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .iceWind p {
    position: absolute;
    text-align: center;
    top: 30%;
    color: #fff;
    font-size: 60px;
    width: 100%;
    font-family: 'Fugaz One', cursive;
    text-shadow: 2px 2px 12px rgba(117, 147, 150, .67)
}

.eventsHome .iceWind span {
    font-size: 14px;
    margin-left: -30%;
    margin-top: 9%;
    position: absolute
}

.eventsHome .castleSiege {
    background-image: url(../img/cs_back.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .castleSiege p {
    position: absolute;
    text-align: center;
    top: 40%;
    color: #fff;
    font-size: 60px;
    width: 100%;
    font-family: 'Fugaz One', cursive;
    text-shadow: 2px 2px 12px rgba(117, 147, 150, .67)
}

.eventsHome .castleSiege span {
    font-size: 14px;
    margin-left: -51%;
    margin-top: 16%;
    position: absolute
}

.eventsHome .eventsSchedule {
    height: 227px;
    max-width: 100%
}

.eventsHome .arkaWar {
    background-image: url(../img/arka_back.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .arkaWar .type_1 {
    text-align: center;
    padding-top: 5%
}

.eventsHome .arkaWar .type_1 p {
    color: #fff;
    font-size: 50px;
    width: 100%;
    font-family: 'Fugaz One', cursive;
    text-shadow: 2px 2px 12px rgba(117, 147, 150, .67)
}

.eventsHome .arkaWar .type_1 span {
    text-align: center;
    color: #fff;
    font-size: 25px;
    width: 100%;
    font-family: Roboto, sans-serif;
    text-transform: capitalize;
    padding-left: 30px
}

.eventsHome .arkaWar .type_2 {
    text-align: center;
    padding-top: 8%
}

.eventsHome .arkaWar .type_2 p {
    color: #fff;
    font-size: 30px;
    width: 100%;
    font-family: 'Fugaz One', cursive;
    text-shadow: 2px 2px 12px rgba(117, 147, 150, .67)
}

.eventsHome .arkaWar .type_2 span {
    text-align: center;
    color: #fff;
    font-size: 18px;
    width: 100%;
    font-family: Roboto, sans-serif;
    text-transform: capitalize
}

.eventsHome .arkaWar .OuccupyObelisk {
    display: inline-block
}

.eventsHome .arkaWar .Obelisk {
    display: inline-block;
    margin-left: 2.6%
}

.eventsHome .arkaWar .NoOwner {
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 45px;
    width: 100%;
    font-family: 'Fugaz One', cursive;
    text-shadow: 2px 2px 12px rgba(117, 147, 150, .67);
    padding-top: 60px
}

.eventsHome .type_1,
.eventsHome .type_2 {
    display: none
}

.eventsHome .cryWolf {
    background-image: url(../img/crywolf_back.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    text-align: center;
    padding-top: 12%;
    background-size: contain
}

.eventsHome .cryWolf img {
    width: 80px
}

.eventsHome .cryWolf p {
    color: #fff;
    font-size: 40px;
    width: 100%;
    font-family: 'Fugaz One', cursive;
    text-shadow: 2px 2px 12px rgba(117, 147, 150, .67)
}

.eventsHome .cryWolf span {
    text-align: center;
    color: #fff;
    font-size: 25px;
    width: 100%;
    font-family: Roboto, sans-serif;
    text-transform: capitalize
}

.eventsHome .cryWolf .unprotected {
    padding-right: 3%;
    color: #fff
}

.eventsHome .cryWolf .protected {
    padding-right: 4%;
    color: #fff
}

.eventsHome .active {
    display: block!important
}

.eventsHome h1 {
    color: #d72b2b;
    font-size: 20px
}

.eventsHome .home_game_guides_en {
    background-image: url(../img/multi_lang/game-guides-en.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .home_game_guides_es {
    background-image: url(../img/multi_lang/game-guides-es.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .home_game_guides_pt {
    background-image: url(../img/multi_lang/game-guides-pt.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .home_fan_page {
    background-image: url(../img/home_fp.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .home_fb_group_en {
    background-image: url(../img/multi_lang/fb-group-en.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .home_fb_group_es {
    background-image: url(../img/multi_lang/fb-group-es.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.eventsHome .home_fb_group_pt {
    background-image: url(../img/multi_lang/fb-group-pt.png);
    background-repeat: no-repeat;
    height: 227px;
    max-width: 100%;
    background-size: contain
}

.validation h1 {
    color: #c69a6b;
    font-size: 20px
}

.validation h2 {
    font-size: 18px;
    color: #9999b4;
    text-transform: uppercase
}

.validation .transfer {
    text-align: center
}

.newsChangelog {
    background: #111;
    padding-bottom: 15px
}

.newsChangelog h1 {
    color: #c69a6b;
    font-size: 20px;
    text-transform: uppercase
}

.viewNotice h1 {
    color: #c69a6b;
    font-size: 20px;
    text-transform: uppercase
}

.viewNotice h2 {
    font-size: 18px;
    color: #9999b4;
    text-transform: uppercase
}

.viewNotice p {
    color: #fff
}

.ranking {
    background: #111;
    padding-bottom: 15px
}

.ranking h1 {
    color: #c69a6b;
    font-size: 20px;
    text-transform: uppercase
}

.downloads {
    background: #111;
    padding-bottom: 15px
}

.downloads h1 {
    color: #d72b2b;
    font-size: 20px;
    text-transform: uppercase
}

.downloads h2 {
    font-size: 15px;
    color: #9999b4;
    height: 50px;
    margin: 0
}

.downloads table {
    text-align: center
}

.downloads .downloadButton {
    display: block;
    width: 290px;
    height: 51px;
    padding: 10px 0 0 0;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    color: #f6e5e2;
    text-align: center;
    background: url(../img/download_btn_bg.jpg) no-repeat;
    margin: auto
}

.downloads .full {
    -webkit-filter: hue-rotate(-239deg);
    filter: hue-rotate(-239deg)
}

.downloads .patch {
    -webkit-filter: saturate(.4);
    filter: saturate(.4)
}

.downloads .drivers img {
    float: left
}

.downloads .drivers p {
    color: #fff;
    margin-left: 34%
}

.downloads .drivers a {
    margin-left: 10px
}

.downloads .mirrors img {
    float: left
}

.downloads .mirrors p {
    color: #fff;
    margin-left: 34%
}

.downloads .mirrors a {
    margin-left: 10px
}

.downloads .utils img {
    float: left
}

.downloads .utils p {
    color: #fff;
    margin-left: 34%
}

.downloads .utils a {
    margin-left: 10px
}

.status-on {
    color: orange
}

.status-off {
    color: red
}

.account_history,
.drop_list,
.panel_table,
.ranking {
    text-align: center
}

.table-header {
    padding: 0 15px;
    color: #d72b2b;
    text-transform: uppercase;
    line-height: 2.5!important;
    background: #300a00 url(../img/table-header.png) 0 100% repeat-x;
    border-left: 1px solid #582c19;
    border-right: 1px solid #390b00;
    border-bottom: 1px solid #68381f;
    text-align: center;
    border-top: 1px solid #62351f
}

tr {
    padding: 15px;
    border-bottom: 1px solid #28241d;
    color: #fff;
    background-color: #171614;
    opacity: .9
}

tr:nth-child(odd) {
    background-color: #333;
    opacity: .8
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 0
}

.buywcoins .buttons h1 {
    color: #c69a6b;
    font-size: 20px;
    text-transform: uppercase
}

.buywcoins .buttons h2 {
    font-size: 15px;
    color: #9999b4;
    height: 50px;
    margin: 0
}

.buywcoins .buttons label {
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.buywcoins .payments span.money {
    color: #fff
}

.buywcoins .payments span.wcResult {
    color: #fff
}

.buywcoins .payments span.wcPromo {
    color: #3be90d
}

.buywcoins .payments p.other_method {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}

.controlpanel .buttons img {
    float: left;
    border-color: #d72b2b #d72b2b #d72b2b #d72b2b;
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    cursor: pointer
}

.controlpanel .buttons {
    margin-bottom: 20px
}

.controlpanel .buttons p {
    color: #fff;
    margin-left: 38%;
    font-size: 18px;
    margin-top: 11%;
    cursor: pointer
}

.controlpanel .buttons p:hover {
    text-decoration: underline
}

.controlpanel .buttons h1 {
    color: #d72b2b;
    font-size: 20px;
    text-transform: uppercase
}

.controlpanel .buttons h2 {
    font-size: 15px;
    color: #9999b4;
    height: 50px;
    margin: 0
}

.controlpanel .buttons span {
    color: #fdfdfd
}

.mainpanel {
    padding-top: 15px
}

.mainpanel .buttons {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px
}

.mainpanel h1 {
    color: #d72b2b;
    font-size: 20px;
    margin: 0;
    text-transform: uppercase
}

.mainpanel h2 {
    font-size: 15px;
    color: #9999b4;
    height: 50px;
    margin: 0;
    margin-top: 8px
}

.loginpanel .buttons {
    margin-bottom: 20px
}

.loginpanel .buttons p {
    color: #fff;
    margin-left: 38%;
    font-size: 20px;
    margin-top: 11%;
    cursor: pointer
}

.loginpanel .buttons p:hover {
    text-decoration: underline
}

.loginpanel .buttons h1 {
    color: #d72b2b;
    font-size: 20px;
    text-transform: uppercase
}

.loginpanel .buttons h2 {
    font-size: 15px;
    color: #9999b4;
    height: 50px;
    margin: 0
}

.loginpanel .buttons span {
    color: orange
}

.newspanel {
    margin-bottom: 20px
}

.newspanel p {
    color: #fff
}

.newspanel h1 {
    color: #d72b2b;
    font-size: 20px;
    text-transform: uppercase
}

.newspanel h2 {
    font-size: 15px;
    color: #9999b4;
    height: 50px;
    margin: 0
}

.news_head {
    padding-left: 5px;
    margin-bottom: -18px
}

.news_head h1 {
    color: #d72b2b!important;
    font-weight: 700;
    font-size: 22px
}

.news_container {
    margin-top: 10px;
    padding-left: 5px
}

.news_footer {
    margin-top: 15px;
    text-align: right;
    padding-right: 5px
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.switch input {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider {
    background-color: #2196f3
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.toggle-secure {
    padding-left: 10px
}

.status_secure {
    padding-right: 15px
}

.status_enabled {
    color: orange;
    font-weight: 700;
    padding-left: 10px
}

.status_disabled {
    color: red;
    font-weight: 700;
    padding-left: 10px
}

.centered {
    text-align: center
}

.noDecore {
    text-decoration: underline
}

.recoveryForm {
    display: none
}

.onlineCounter {
    text-align: center;
    top: 20%;
    color: #fff;
    font-size: 14px;
    width: 100%;
    text-shadow: 2px 2px 12px rgba(117, 147, 150, .67);
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: -18px;
	font-weight:bold;
}

.confirm-button {
    height: 50px;
    width: 200px;
    background-color: #08a42d;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    border: none!important;
    margin-bottom: 5px;
    text-transform: uppercase
}

.confirm-button:hover {
    color: #fff;
    background-color: #0bba34
}

.cancel-button {
    height: 50px;
    width: 200px;
    background-color: #d60a44;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    border: none!important;
    margin-bottom: 5px;
    text-transform: uppercase
}

.cancel-button:hover {
    color: #fff;
    background-color: #f9084c
}

.db-bk-color-one {
    background-color: #cd7f32
}

.db-bk-color-two {
    background-color: #8a9597
}

.db-bk-color-three {
    background-color: #ffbf00
}

.db-bk-color-six {
    background-color: #287233
}

.db-button-color-square {
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.db-button-color-square:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    border: none
}

.db-pricing-eleven {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 30px
}

.db-pricing-eleven ul {
    list-style: none;
    margin: 0;
    text-align: center;
    padding-left: 0
}

.db-pricing-eleven ul li {
    padding-top: 20px;
    padding-bottom: 20px;
    cursor: pointer
}

.db-pricing-eleven ul li i {
    margin-right: 5px
}

.db-pricing-eleven .price {
    background-color: rgba(0, 0, 0, .5);
    padding: 40px 20px 20px 20px;
    font-size: 60px;
    font-weight: 900;
    color: #fff
}

.db-pricing-eleven .price small {
    color: #b8b8b8;
    display: block;
    font-size: 12px;
    margin-top: 22px
}

.db-pricing-eleven .type {
    background-color: #424242;
    padding: 50px 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 30px
}

.db-pricing-eleven .pricing-footer {
    padding: 20px
}

.db-attached>.col-lg-3,
.db-attached>.col-lg-4,
.db-attached>.col-md-3,
.db-attached>.col-md-4,
.db-attached>.col-sm-3,
.db-attached>.col-sm-4 {
    padding-left: 0;
    padding-right: 0
}

.db-pricing-eleven.popular {
    margin-top: 10px
}

.db-pricing-eleven.popular .price {
    padding-top: 80px
}

.register-active-step {
    width: 98%;
    background-color: #088a4b;
    padding: 10px
}

.register-finished-step {
    width: 98%;
    background-color: #b18904;
    padding: 10px
}

.register-disabled-step {
    width: 98%;
    background-color: #a4a4a4;
    padding: 10px
}

.alert {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .11);
    display: table;
    width: 100%
}

.alert-white {
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    border-top-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    color: #404040;
    padding-left: 61px;
    position: relative
}

.alert-white.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.alert-white.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px
}

.alert-white .icon {
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bdbdbd;
    padding-top: 15px
}

.alert-white .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #bdbdbd;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff
}

.alert-white .icon i {
    font-size: 20px;
    color: #fff;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    text-align: left!important
}

.alert-white.alert-success .icon,
.alert-white.alert-success .icon:after {
    border-color: #54a754;
    background: #60c060
}

.alert-info {
    background-color: #d9edf7;
    border-color: #98cce6;
    color: #3a87ad;
    text-align: left!important
}

.alert-white.alert-info .icon,
.alert-white.alert-info .icon:after {
    border-color: #3a8ace;
    background: #4d90fd
}

.alert-white.alert-warning .icon,
.alert-white.alert-warning .icon:after {
    border-color: #d68000;
    background: #fc9700
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #f1daab;
    color: #c09853;
    text-align: left!important
}

.alert-danger {
    background-color: #f2dede;
    border-color: #e0b1b8;
    color: #b94a48;
    text-align: left!important
}

.alert-white.alert-danger .icon,
.alert-white.alert-danger .icon:after {
    border-color: #ca452e;
    background: #da4932
}

.my-account-background {
    background-color: #250505
}

div.my-account-container {
    background-color: #fff;
    background-clip: padding-box;
    opacity: .97;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .175)
}

div.my-account-container h4 {
    font-weight: 300;
    color: #fff
}

.my-account-user-pad {
    padding: 20px 25px
}

.my-account-no-pad {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

.my-account-user-details {
    background: #3e0707;
    min-height: 333px
}

.my-account-user-image {
    overflow: hidden
}

.my-account-overview h3 {
    font-weight: 300;
    margin-top: 15px;
    margin: 10px 0 0 0
}

.my-account-overview h4 {
    font-weight: 700!important;
    font-size: 35px;
    margin-top: 0
}

@media (max-width:767px) {
    .my-account-user-image {
        max-height: 280px
    }
}

.facebook_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 220px;
    margin-left: -230px;
    z-index: 1
}

.facebook_left #facebook_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/fb_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.facebook_group_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 300px;
    margin-left: -230px;
    z-index: 1
}

.facebook_group_left #facebook_group_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/fbgroup_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.twitter_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 380px;
    margin-left: -230px;
    z-index: 1
}

.twitter_left #twitter_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/twitter_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.youtube_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 460px;
    margin-left: -230px;
    z-index: 1
}

.youtube_left #youtube_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/youtube_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.instagram_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 540px;
    margin-left: -230px;
    z-index: 1
}

.instagram_left #instagram_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/instagram_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.discord_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 620px;
    margin-left: -230px;
    z-index: 1
}

.discord_left #discord_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/discord_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.whatsapp_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 700px;
    margin-left: -230px;
    z-index: 1
}

.whatsapp_left #whatsapp_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/whatsapp_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.pinterest_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 780px;
    margin-left: -230px;
    z-index: 1
}

.pinterest_left #pinterest_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/pinterest_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.tiktok_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 220px;
    margin-left: -230px;
    z-index: 1
}

.tiktok_left #tiktok_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/tiktok_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.forum_left {
    width: 245px;
    height: 389px;
    position: fixed;
    top: 780px;
    margin-left: -230px;
    z-index: 1
}

.forum_left #forum_icon {
    float: right;
    height: 60px;
    width: 50px;
    right: -34px;
    background: url(../img/forum_ico.png) no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.add-stats-background {
    background-color: #3e0707
}

div.add-stats-container {
    background-color: #fff;
    background-clip: padding-box;
    opacity: .97;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .175)
}

div.add-stats-container h4 {
    font-weight: 300;
    color: #fff
}

.add-stats-user-pad {
    padding: 20px 25px
}

.add-stats-no-pad {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

.add-stats-user-details {
    background: #250505;
    min-height: 333px
}

.add-stats-user-image {
    max-height: 400px;
    overflow: hidden
}

.add-stats-overview h3 {
    font-weight: 300;
    margin-top: 15px;
    margin: 10px 0 0 0
}

.add-stats-overview h4 {
    font-weight: 700!important;
    font-size: 40px;
    margin-top: 0
}

@media (max-width:767px) {
    .add-stats-user-image {
        max-height: 400px
    }
}

.paypal-gateway-container {
    width: 100%;
    background: #333;
    border: 1px solid #333
}

.paypal-gateway-logo {
    width: 100%;
    height: 68px;
    background: #f5f5f5 url(../img/paypal-logo.png) no-repeat top center;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.paypal-gateway-content {
    margin: 10px;
    background: #f5f5f5;
    border: 2px solid #f5f5f5;
    padding: 10px;
    overflow: auto
}

.paypal-gateway-conversion-rate {
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 18px;
    padding: 10px 0
}

.paypal-gateway-form {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.paypal-gateway-form div {
    display: inline-block;
    padding: 0 10px;
    color: #000;
    font-size: 18px
}

.paypal-gateway-form input[type=text] {
    width: 60px
}

.paypal-gateway-data {
    width: 400px
}

.paypal-gateway-continue-en {
    margin: 0 auto;
    text-align: center
}

.paypal-gateway-continue-en input[type=submit] {
    background: url(../img/multi_lang/paypal-submit-en.png) no-repeat;
    width: 200px;
    height: 40px;
    border: 0
}

.paypal-gateway-continue-es {
    margin: 0 auto;
    text-align: center
}

.paypal-gateway-continue-es input[type=submit] {
    background: url(../img/multi_lang/paypal-submit-es.png) no-repeat;
    width: 200px;
    height: 40px;
    border: 0
}

.paypal-gateway-continue-pt {
    margin: 0 auto;
    text-align: center
}

.paypal-gateway-continue-pt input[type=submit] {
    background: url(../img/multi_lang/paypal-submit-pt.png) no-repeat;
    width: 200px;
    height: 40px;
    border: 0
}

.mercadopago-gateway-container {
    width: 100%;
    background: #1a2133;
    border: 1px solid #2e374f
}

.mercadopago-gateway-logo {
    width: 100%;
    height: 68px;
    background: #fff9ec url(../img/mercadopago-logo.png) no-repeat top center;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.mercadopago-gateway-content {
    margin: 10px;
    background: #fef2da;
    border: 2px solid #f79433;
    padding: 10px;
    overflow: auto
}

.mercadopago-gateway-conversion-rate {
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 18px;
    padding: 10px 0
}

.mercadopago-gateway-form {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.mercadopago-gateway-form div {
    display: inline-block;
    padding: 0 10px;
    color: #000;
    font-size: 18px
}

.mercadopago-gateway-form input[type=text] {
    width: 60px
}

.mercadopago-gateway-data {
    width: 400px
}

.mercadopago-gateway-continue {
    margin: 0 auto;
    text-align: center
}

.mercadopago-gateway-continue input[type=submit] {
    background: url(../img/mercadopago-submit.png) no-repeat;
    width: 200px;
    height: 40px;
    border: 0
}

.donate-paypal-btn {
    background: url(../img/donation/paypal.jpg) no-repeat;
    width: 180px;
    height: 180px;
    border: 0
}

.donate-mercado_pago-btn {
    background: url(../img/donation/mercado_pago.jpg) no-repeat;
    width: 180px;
    height: 180px;
    border: 0
}

.donate-paymentwall-btn {
    background: url(../img/donation/paymentwall.jpg) no-repeat;
    width: 180px;
    height: 180px;
    border: 0
}

.donate-western-union-btn {
    background: url(../img/donation/westernunion.jpg) no-repeat;
    width: 180px;
    height: 180px;
    border: 0
}

.donate-argentina-btn {
    background: url(../img/donation/arg.jpg) no-repeat;
    width: 180px;
    height: 180px;
    border: 0
}

.donate-peru-btn {
    background: url(../img/donation/pe.jpg) no-repeat;
    width: 180px;
    height: 180px;
    border: 0
}

.donate-chile-btn {
    background: url(../img/donation/cl.jpg) no-repeat;
    width: 180px;
    height: 180px;
    border: 0
}

.donate-venezuela-btn {
    background: url(../img/donation/ve.jpg) no-repeat;
    width: 180px;
    height: 180px;
    border: 0
}

.ui-pagination {
    list-style: none
}

.ui-pagination li {
    text-align: right;
    display: inline-block
}

div.eventsSchedule>table {
    display: flex;
    flex-flow: column;
    max-height: 100%
}

div.eventsSchedule>table>tbody {
    display: flex;
    flex-flow: column nowrap;
    overflow: auto
}

div.eventsSchedule>table>tbody>tr {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    flex: 1;
    margin: auto;
    padding: 0
}

div.eventsSchedule>table>tbody>tr>td:first-child {
    flex: 1;
    margin-left: auto
}

.eventactiv {
    font-weight: 700;
    color: #01df01;
    padding-right: 8px
}

.noevent {
    font-weight: 700;
    color: #ff0;
    padding-right: 8px
}

#ServerCountdown {
    text-align: center;
    background: rgba(55, 66, 66, .6);
    font-family: sans-serif;
    font-weight: 100;
    position: fixed;
    right: 1%;
    top: 30px;
    border-radius: 15px;
    padding: 10px;
    top: 180px
}

#ServerCountdown>h1 {
    color: #fff;
    font-weight: 100;
    margin: 0 0 5px
}

#clockdiv {
    font-family: sans-serif;
    color: #fff;
}

#clockdiv>div {
    padding: 10px;
    border-radius: 3px;
    background: rgba(55, 63, 88, 0.3);
    display: inline-block;
	height: 75px;
}

#clockdiv div>span {
	padding-top: 0px;
	font-size: 20px;
	color: gold;
    font-weight: bold;
}

#ServerCountdown .smalltext {
    padding-top: 5px;
    font-size: 16px
}

.countdown-title{
	font-size: 1.5em; 
	padding-top: 20px;
	text-align: center;
	color: #a9a9c7;
	font-weight: bold;
}	

.countdown-bg-content {
	background-image: url(../img/countdown/container.png);
	background-repeat: repeat-x;
	height: 133px;
	
}
.countdown-title-box {
	background-image: url(../img/countdown/top-center.png);
	background-repeat: repeat-x;
	min-width: 271px;
	height: 83px;
}
.countdown-footer{
	background-image: url(../img/countdown/footer.png);
	background-repeat: repeat-x;
	height: 18px;
}

.twitter-share-button,
.twitter-share-button::before {
    display: inline-block;
    -o-text-overflow: clip;
    text-overflow: clip;
    cursor: pointer
}

.twitter-share-button {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    padding: 0 5px 0 25px;
    border: none;
    color: rgba(255, 255, 255, .9);
    text-transform: capitalize;
    background: #69c0df;
    -webkit-transition: top 50ms cubic-bezier(.42, 0, .58, 1);
    -moz-transition: top 50ms cubic-bezier(.42, 0, .58, 1);
    -o-transition: top 50ms cubic-bezier(.42, 0, .58, 1);
    transition: top 50ms cubic-bezier(.42, 0, .58, 1);
    border-radius: 3px
}

.twitter-share-button:hover {
    background: rgba(78, 182, 216, 1);
    text-decoration: none;
    color: #fff
}

.twitter-share-button:active {
    background: #69c0df
}

.twitter-share-button::before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 20px;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border: 0 solid #018dc4;
    border-right: 1px solid rgba(255, 255, 255, .2);
    font: 400 medium/normal Arial, Helvetica, sans-serif;
    color: rgba(0, 0, 0, .9);
    background: url(../img/twitter_logo.png), rgba(0, 0, 0, .05);
    background-position-x: 0, 0;
    background-position-y: 0, 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-origin: content-box;
    background-origin: content-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: 30px auto;
    -webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    transition: all .3s cubic-bezier(.42, 0, .58, 1);
    background-size: 10px 10px
}

.back-to-top {
    visibility: visible;
    width: 52px;
    height: 48px;
    position: fixed;
    right: 2%;
    bottom: 16%;
    border: none;
    background-color: #d72b2b;
    color: #fff!important;
    text-decoration: none!important;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px
}

.survey-modal {
    width: 500px;
    background: #082d37;
    color: #ece5e5;
    text-align: center;
    padding: 15px;
    opacity: .95;
    margin: 0 auto;
}

#video,
.video-container {
    width: 100%;
    height: 100%;
    position: absolute
}

.survey-close {
    margin-left: 94%;
	margin-bottom: 5px;
}

#video {
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -99999
}

.video-container {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -99998
}

.header-section {
    margin-top: 320px;
    margin-bottom: 100px;
    height: 350px
}

#video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -100;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-shadow {
    width: 100%;
    height: 109%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -99;
    background: url(../img/bg_video_shadow.png) repeat
}

.dp-box{
    padding:50px 0px;
}
.dp-box-container-top1{
	background: url(../img/league_system/top-1.jpeg) repeat;
	border-radius: 0;
	padding: 50px 10px;
	border: none;
	border-color: #2d0e03;
}
.dp-box-container-top2{
	background: url(../img/league_system/top-2.jpeg) repeat;
	border-radius: 0;
	padding: 50px 10px;
	border: none;
	border-color: #2d0e03;
}
.dp-box-container-top3{
	background: url(../img/league_system/top-3.jpeg) repeat;
	border-radius: 0;
	padding: 50px 10px;
	border: none;
	border-color: #2d0e03;
}
.dp-box-container-top4{
	background: url(../img/league_system/top-4.jpeg) repeat;
	border-radius: 0;
	padding: 50px 10px;
	border: none;
	border-color: #2d0e03;
}
.dp-hall-of-fame{
	display:block;
	color: #ff6600;
	font-size: 30px;
	font-weight: 700;
	text-shadow: 0px 0px 1px #ff0000;
	padding-bottom:10px;
	-webkit-animation: shadowswitch 1s infinite alternate;
	-moz-animation: shadowswitch 1s infinite alternate;
	animation: shadowswitch 1s infinite alternate;
}
@-webkit-keyframes shadowswitch {
    0% {text-shadow: 0px 0px 1px #ff0000;}
    100% {text-shadow: 0px 0px 6px #ff3300;}
}

.close-countdown{
	background: url('../img/countdown/close-btn.png') no-repeat;
	position: absolute;
	width: 32px;
	height: 32px;
	border: none;
	margin-top: 4.5%;
	margin-left: 35%;
}

/* */

.confirm-button:hover{
	height: 50px;
	width: 200px;
	background-color: #08a42d !important;
	border-radius: 0;
	font-size: 18px;
	color: #fff !important;
	border: none !important;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.badge{
	background-color: #d72b2b !important;
}

/* */
.table > thead > tr > th {
  vertical-align: bottom !important;
  border-bottom: 2px solid #68381f !important;
}