/* Import fonts */
@import url('https://fonts.googleapis.com/css?family=Merriweather');

html {
    box-sizing: border-box;
}

h1 {
    font-size: 2.25rem;
    line-height: 2.75rem;
}

h2 {
    font-size: 1.875rem;
    line-height: 2.375rem;
}

h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}

h4 {
    font-size: 1.125rem;
    line-height: 1.625rem;
}

h5 {
    font-size: 1rem;
    line-height: 1.5rem;
}

h6 {
    font-size: .75rem;
    line-height: 1.25rem;
}

h1, h2, h3, h4, h5, h6, ul {
    padding: 0;
    margin: 0;
}

ul,li {
    text-decoration: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

.hideMe {
    -moz-animation: cssAnimation 0s ease-in 9s forwards;
    -webkit-animation: cssAnimation 0s ease-in 9s forwards;
    -o-animation: cssAnimation 0s ease-in 9s forwards;
    animation: cssAnimation 0s ease-in 9s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
        display: none;
        border: 0;
        opacity: 0;
        text-indent: -9999px;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
        display: none;
        border: 0;
        opacity: 0;
        text-indent: -9999px;
    }
}

.mt2cms_icon_ml {
	margin:0 0 0 3px;
}
.mt2cms_icon_mr {
	margin:0 3px 0 0;
}
.mt2cms_color {
	color: #bbbbbb;
}

body {
    font-family: 'Merriweather', serif !important;
	/*background: #020000;*/
    /*background: #020000 url('../img/bg.png');
    background-repeat: no-repeat;
    background-position: center top;
	*/
    font-size: 14px;
    color: #fff;
	background: #020000 url('../img/header.png') center top no-repeat;
}

/* Container
   ========================================================================== */
#mt2cms {
    width: 1175px;
    margin: 0 auto 20px auto;
	/*background: url('../img/header.png') center center no-repeat;*/
}

.mt2cms_grid {
    position: absolute;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .1;
    z-index: -1;
}

/* Main Content
   ========================================================================== */

 /* Language */
 
.social_elements a {
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 1px 0 10px;
    filter: alpha(opacity=30);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.social_elements {
    position: fixed;
    top: 180px;
    right: 10px;
}

.l_en {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGNpcmNsZSBzdHlsZT0iZmlsbDojRjBGMEYwOyIgY3g9IjI1NiIgY3k9IjI1NiIgcj0iMjU2Ii8+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0yNDQuODcsMjU2SDUxMmMwLTIzLjEwNi0zLjA4LTQ1LjQ5LTguODE5LTY2Ljc4M0gyNDQuODdWMjU2eiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0yNDQuODcsMTIyLjQzNWgyMjkuNTU2Yy0xNS42NzEtMjUuNTcyLTM1LjcwOC00OC4xNzUtNTkuMDctNjYuNzgzSDI0NC44N1YxMjIuNDM1eiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0Q4MDAyNzsiIGQ9Ik0yNTYsNTEyYzYwLjI0OSwwLDExNS42MjYtMjAuODI0LDE1OS4zNTYtNTUuNjUySDk2LjY0NEMxNDAuMzc0LDQ5MS4xNzYsMTk1Ljc1MSw1MTIsMjU2LDUxMnoiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNMzcuNTc0LDM4OS41NjVoNDM2Ljg1MmMxMi41ODEtMjAuNTI5LDIyLjMzOC00Mi45NjksMjguNzU1LTY2Ljc4M0g4LjgxOSAgIEMxNS4yMzYsMzQ2LjU5NiwyNC45OTMsMzY5LjAzNiwzNy41NzQsMzg5LjU2NXoiLz4KPC9nPgo8cGF0aCBzdHlsZT0iZmlsbDojMDA1MkI0OyIgZD0iTTExOC41ODQsMzkuOTc4aDIzLjMyOWwtMjEuNywxNS43NjVsOC4yODksMjUuNTA5bC0yMS42OTktMTUuNzY1TDg1LjEwNCw4MS4yNTJsNy4xNi0yMi4wMzcgIEM3My4xNTgsNzUuMTMsNTYuNDEyLDkzLjc3Niw0Mi42MTIsMTE0LjU1Mmg3LjQ3NWwtMTMuODEzLDEwLjAzNWMtMi4xNTIsMy41OS00LjIxNiw3LjIzNy02LjE5NCwxMC45MzhsNi41OTYsMjAuMzAxbC0xMi4zMDYtOC45NDEgIGMtMy4wNTksNi40ODEtNS44NTcsMTMuMTA4LTguMzcyLDE5Ljg3M2w3LjI2NywyMi4zNjhoMjYuODIybC0yMS43LDE1Ljc2NWw4LjI4OSwyNS41MDlsLTIxLjY5OS0xNS43NjVsLTEyLjk5OCw5LjQ0NCAgQzAuNjc4LDIzNC41MzcsMCwyNDUuMTg5LDAsMjU2aDI1NmMwLTE0MS4zODQsMC0xNTguMDUyLDAtMjU2QzIwNS40MjgsMCwxNTguMjg1LDE0LjY3LDExOC41ODQsMzkuOTc4eiBNMTI4LjUwMiwyMzAuNCAgbC0yMS42OTktMTUuNzY1TDg1LjEwNCwyMzAuNGw4LjI4OS0yNS41MDlsLTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDlsOC4yODgsMjUuNTA5aDI2LjgyMmwtMjEuNywxNS43NjVMMTI4LjUwMiwyMzAuNHogICBNMTIwLjIxMywxMzAuMzE3bDguMjg5LDI1LjUwOWwtMjEuNjk5LTE1Ljc2NWwtMjEuNjk5LDE1Ljc2NWw4LjI4OS0yNS41MDlsLTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDlsOC4yODgsMjUuNTA5aDI2LjgyMiAgTDEyMC4yMTMsMTMwLjMxN3ogTTIyMC4zMjgsMjMwLjRsLTIxLjY5OS0xNS43NjVMMTc2LjkzLDIzMC40bDguMjg5LTI1LjUwOWwtMjEuNy0xNS43NjVoMjYuODIybDguMjg4LTI1LjUwOWw4LjI4OCwyNS41MDloMjYuODIyICBsLTIxLjcsMTUuNzY1TDIyMC4zMjgsMjMwLjR6IE0yMTIuMDM5LDEzMC4zMTdsOC4yODksMjUuNTA5bC0yMS42OTktMTUuNzY1bC0yMS42OTksMTUuNzY1bDguMjg5LTI1LjUwOWwtMjEuNy0xNS43NjVoMjYuODIyICBsOC4yODgtMjUuNTA5bDguMjg4LDI1LjUwOWgyNi44MjJMMjEyLjAzOSwxMzAuMzE3eiBNMjEyLjAzOSw1NS43NDNsOC4yODksMjUuNTA5bC0yMS42OTktMTUuNzY1TDE3Ni45Myw4MS4yNTJsOC4yODktMjUuNTA5ICBsLTIxLjctMTUuNzY1aDI2LjgyMmw4LjI4OC0yNS41MDlsOC4yODgsMjUuNTA5aDI2LjgyMkwyMTIuMDM5LDU1Ljc0M3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat 0;
	background-size: 40px 40px;
}

.l_es {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGREE0NDsiIGQ9Ik0wLDI1NmMwLDMxLjMxNCw1LjYzMyw2MS4zMSwxNS45MjMsODkuMDQzTDI1NiwzNjcuMzA0bDI0MC4wNzctMjIuMjYxICBDNTA2LjM2NywzMTcuMzEsNTEyLDI4Ny4zMTQsNTEyLDI1NnMtNS42MzMtNjEuMzEtMTUuOTIzLTg5LjA0M0wyNTYsMTQ0LjY5NkwxNS45MjMsMTY2Ljk1N0M1LjYzMywxOTQuNjksMCwyMjQuNjg2LDAsMjU2eiIvPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNEODAwMjc7IiBkPSJNNDk2LjA3NywxNjYuOTU3QzQ1OS45MDYsNjkuNDczLDM2Ni4wNzEsMCwyNTYsMFM1Mi4wOTQsNjkuNDczLDE1LjkyMywxNjYuOTU3SDQ5Ni4wNzd6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRDgwMDI3OyIgZD0iTTE1LjkyMywzNDUuMDQzQzUyLjA5NCw0NDIuNTI3LDE0NS45MjksNTEyLDI1Niw1MTJzMjAzLjkwNi02OS40NzMsMjQwLjA3Ny0xNjYuOTU3SDE1LjkyM3oiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat 0;
	background-size: 40px 40px;
}

.mt2cms_header {
    margin: 0 auto;
	position: absolute;
    width: 100%;
    height: 100%;
	background: url('../img/header.png') center center no-repeat;
}

/* Logo */

.mt2cms_logo_bg {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    background: url('../img/logo.png') center center no-repeat;
    position: relative;
}

.mt2cms_logo_bg a {
    width: 100%;
    height: 100%;
	margin: 0 auto;
    display: block;
}

/* Menu */

.mt2cms_menu {
    width: 100%;
    background: url(../img/navbar.png) center center no-repeat;
    height: 87px;
    margin: 0 auto;
	margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.mt2cms_menu_content {
    padding-top: 35px;
    height: auto;
    line-height: 37px;
    font-size: 23px;
    font-weight: 700;
}

.mt2cms_menu_content li {
    float: left;
    width: 14%;
    text-align: center;
    transition: all 0.15s ease-in-out;
}

.mt2cms_menu_content .dropdown-menu li {
    width: 100%;
}

.mt2cms_menu_content li:first-child {
    border-left: none;
}

.mt2cms_menu_content li:last-child {
    border-right: none
}

.mt2cms_menu_content li a {
	font-family: 'Merriweather', serif !important;
    display: block;
    font-weight: normal;
   /* text-transform: uppercase; */
    text-shadow: 0px 1px 2px rgb(252, 255, 180);
    font-size: 16px;
	color: #fff;
}

.mt2cms_menu_content li.btn-download {
	padding-right: 22%;
    padding-left: 1%;
	position: relative;
    top: -10px;
}

.mt2cms_menu_content li.btn-download a {
    font-size: 25px;
	text-shadow: 1px 1px 9px #75e10b;
	text-align: center;
	width: 180px;
}

.mt2cms_menu_content li .text-nav {
	font-size: 14px;
    text-align: center;
    font-family: 'Merriweather',serif;
    text-shadow: 0px 1px #26c29b;
    width: 180px;
    position: absolute;
    top: 21px;
    left: 3%;
}

/* Main */

.mt2cms_main {
    padding: 0;
    margin: 0px auto;
    width: 100%;
}

.mt2cms_main_box_middle_content_label {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 5px 0;
	color: #165568;
}

.mt2cms_main_box_middle_content_input, .form-control {
    width: 100%;
	background-color: #282020;
    border: 3px solid #165568;
    padding: 4px 6px 4px 6px;
    margin: 5px 0px 5px 0px;
    font-size: 14px;
	color: #fff;
}

.mt2cms_main .text-link {
	color: #fff !important;
}

.mt2cms_main .stats-value {
	display: inline-block;
    vertical-align: middle;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    color: #165568;
}

.mt2cms_main_content_button {
    background: url(../img/button.png) center center no-repeat;
	background-size: contain;
    width: 100%;
    margin: 15px auto 7px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 15px;
    border: none;
}

.btn {
    background: url(../img/button.png) center center no-repeat;
	background-size: contain;
    width: 100%;
    margin: 0px auto 7px;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 15px;
    border: none;
}

.mt2cms_main_content_button:hover {
    background: url(../img/button-hover.png) center center no-repeat;
	background-size: contain;
}

.mt2cms_main_right .panel, .mt2cms_main_left .panel {
	margin-bottom: 0px;
}

.heading-secondary-text {
	text-align: center;
	color: #165568;
	font-size: 13px;
	margin: 0 0 4px auto;
}

/* Left panel */

.ranking-row {
    height: 58px;
    width: 100%;
    background-color: #0d0c0c;
    border-bottom: 1px solid #141212;
}

.mt2cms_main_left_panel_body {
	background: #1d1d1d;
}

.mt2cms_main_left {
	float: left;
	padding: 0 25px 0 0;
}

.mt2cms_main_left_panel_header, .pre-social {
	font-family: 'Merriweather', serif !important;
	background: #165568 !important;
	text-transform: uppercase;
	text-align: center;
    height: 33px;
    padding: 0 0 0 0;
    line-height: 29px;
	font-size: 23px;
	border: none;
	border-radius: 0;
	border-top: 5px solid #011f27 !important;
}

.mt2cms_main_right .online-now {
	width: 75%;
	text-align: center;
	margin: 0 auto;
	background: url('../img/stats-numbers.png');
	background-size: contain;
	background-position: 0px center;
    background-repeat: no-repeat;
	color: #ffae08;
	font-size: 5rem;
    font-family: Arial;
}

.mt2cms_main_right .offline-shops {
    letter-spacing: 1.0px;
    color: #7d7d7d;
    font-size: 11px;
    text-align: center;
    margin-top: 1px;
    width: 100%;
}

.mt2cms_main_right .stats {
	height: auto;
    background-color: #0d0c0c;
    margin-top: 10px;
	margin-bottom: 10px;
    text-align: center;
    padding-top: 6px;
	padding-bottom: 6px;
}

.mt2cms_main_right .stats-value {
	display: inline-block;
    vertical-align: middle;
    font-family: Arial;
    font-weight: 600;
    font-size: 12px;
    color: #165568;
}

/* Right panel */

.user_panel_buttons_row {
    background-color: #0d0c0c;
    font-family: Arial;
    font-size: 11px;
    letter-spacing: 0.4;
    color: #FFF;
    height: 34px;
    outline: none;
    border: none;
    width: 100%;
    text-align: left;
    margin-bottom: 2px;
}

.user_panel_buttons_icon {
    text-align: center;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
	font-size: 15px;
}

.user_panel_buttons {
    margin: 15px auto;
}

.mt2cms_main_right {
	float: left;
	padding: 0 0 0 25px;
}

.mt2cms_main_left .ranking-icon {
    background-position: center;
    background-repeat: no-repeat;
    height: 60px;
}

.mt2cms_main_left .jugadores  div > div:nth-child(1) > div.ranking-icon {
    background-image: url(../img/top1icon.png);
}

.mt2cms_main_left .jugadores  div > div:nth-child(2) > div.ranking-icon {
	background-image: url(../img/top3icon.png);
}

.mt2cms_main_left .jugadores  div > div:nth-child(3) > div.ranking-icon {
	background-image: url(../img/top2icon.png);
}

.mt2cms_main_left .jugadores  div > div:nth-child(4) > div.ranking-icon {
	background-image: url(../img/top4icon.png);
}

.mt2cms_main_left .jugadores  div > div:nth-child(5) > div.ranking-icon {
	background-image: url(../img/top5icon.png);
}

.mt2cms_main_left .jugadores div > div:nth-child(1) > div:nth-child(2) {
	color: #ffbf00;
}

.mt2cms_main_left .jugadores div > div:nth-child(2) > div:nth-child(2) {
	color: #beb9b6;
}

.mt2cms_main_left .jugadores div > div:nth-child(3) > div:nth-child(2) {
	color: #f2ac68;
}

.mt2cms_main_left .jugadores {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
	color: #165568;
	/*background-color: #0d0c0c;*/
}

/* Middle panel */

.main_board_darker_background {
    width: 390px;
    margin: auto;
    padding: 20px 30px 20px 30px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.main_board_subtitle {
    color: #ca9020;
    font-family: 'Merriweather',serif;
    font-size: 14px;
    letter-spacing: 0.4;
    margin-bottom: 15px;
}

.main_board_regular_text {
    color: #9d7933;
    font-family: 'Merriweather',serif;
    font-size: 11px;
    letter-spacing: 0.4;
    line-height: 1.6;
}

.download_requirements {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
}

.download_option {
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    margin-bottom: 12px;
}

.mt2cms_main .text-debug {
	line-height: 20px;
    color: #165568;
    font-size: 11px;
    text-align: center;
	margin: 0 auto;
	margin-bottom: 25px;
    width: 65%;
}

.mt2cms_main_middle {
    padding: 0;
    margin: 0 auto;
}

.mt2cms_bg_transparent {
	background: transparent;
	background: -moz-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(50%, rgba(15, 14, 10, 0.6)), color-stop(100%, transparent));
	background: -webkit-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -o-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -ms-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	padding:1px 0;
}

.mt2cms_main_middle_message_error {
	background: transparent;
	background: -moz-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(50%, rgba(15, 14, 10, 0.6)), color-stop(100%, transparent));
	background: -webkit-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -o-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: -ms-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, rgba(15, 14, 10, 0.6) 50%, transparent 100%);
	font-family: 'Raleway', sans-serif;
	width: 100%;
	margin:70px auto;
	text-align:center;
	color:#fff;
	text-transform: uppercase;
	padding:20px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_middle_legend_left {
    /* background: url(../img/left.png) left center no-repeat; */
    background: transparent;
    background: -moz-linear-gradient(right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -webkit-gradient(right top, left top, color-stop(0%, transparent), color-stop(50%, rgba(15, 14, 10, 0.7)), color-stop(100%, rgba(15, 14, 10, 0.6)));
    background: -webkit-linear-gradient(right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -o-linear-gradient(right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -ms-linear-gradient(right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: linear-gradient(to left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    width: 80%;
	float: left;
    position: relative;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 29px;
    padding: 0 0 0 25px;
    margin: 10px 0 5px;
    color: #fff;
    text-align: left;
	text-transform: uppercase;
    line-height: 29px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.mt2cms_main_middle_legend_left:after {
	content: "\f053";
	font: normal normal normal 15px/1 FontAwesome;
	color: #df893b;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	padding-right: 3px;
	position: absolute;
	line-height: 29px;
	left: 7px;
}

.mt2cms_main_middle_btn_left {
    background: url(../img/btnLeft.png) center center no-repeat;
    background-size: 240px;
    width: 240px;
    height: 62px;
    line-height: 62px;
    float: left;
    position: relative;
    letter-spacing: 5px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_middle_btn_download {
    background: url(../img/btndownload.png) center center no-repeat;
    background-size: 260px;
    width: 260px;
    height: 44px;
    line-height: 44px;
    margin: 0 0 10px 0;
    float: left;
	left: -36px;
    position: relative;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_middle_btn_download:hover {
    background: url(../img/btndownloadhover.png) center center no-repeat;
    background-size: 240px;
}

.mt2cms_main_middle_btn_panelink {
    /*background: url(../img/btnpanellink.jpg) center center no-repeat;
    background-size: 200px;
    width: 200px;
    height: 25px;
    margin: 0 0 10px 0;
    float: left;
    position: relative;*/
    letter-spacing: 5px;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_title {
    width: 290px;
    margin: 0 auto 10px;
    height: 30px;
    background: url(../img/title1.png) left center no-repeat,url(../img/title2.png) right center no-repeat;
    top: 15px;
    text-align: center;
    line-height: 30px;
    color: #2D0707;
    letter-spacing: 5px;
}

.mt2cms_main_middle_box_top {
    width: 100%;
    height: 35px;
    float: left;
	position: relative;
    height: 0px;
    width: 270px;
    border-top: 65px solid #2ACA95;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
}

.mt2cms_main_box_middle {
    background: #1d1d1d;
    width: 100%;
    height: auto;
    float: left;
	min-height: 500px;
	margin: 0 auto
}

.mt2cms_main_box_middle_content_create_success {
    background: #DFF2BF;
    color: #4F8A10;
    margin: 0;
    text-align: center;
    border: 1px solid;
    line-height: 30px;
}

.mt2cms_main_box_middle_content_create_error {
    background: #FFBABA;
    color: #D8000C;
    margin: 0;
    text-align: center;
    border: 1px solid;
    line-height: 30px;
}

input:-webkit-autofill {
	background-color: #282020 !important;
}

.mt2cms_main_box_middle_content_input:focus {
    border: 1px solid #94191B;
    box-shadow: 0px 0px 5px 0px #000000
}

.mt2cms_main_middle_legend_right {
    /* background: url(../img/right.png) right center no-repeat; */
	background: transparent;
    background: -moz-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(50%, rgba(15, 14, 10, 0.7)), color-stop(100%, rgba(15, 14, 10, 0.6)));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(15, 14, 10, 0.7) 50%, rgba(15, 14, 10, 0.6) 100%);
    width: 80%;
	float: right;
    position: relative;
	white-space: nowrap;
    text-overflow: ellipsis;
    /* overflow: hidden!important;*/
    height: 29px!important;
    padding: 0 25px 0 0!important;
    margin: 10px 0 5px!important;
    color: #fff !important;
    text-align: right!important;
	text-transform: uppercase!important;
    line-height: 29px!important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1)!important;
	-webkit-border-top-right-radius: 4px!important;
    -webkit-border-bottom-right-radius: 4px!important;
    -moz-border-radius-topright: 4px!important;
    -moz-border-radius-bottomright: 4px!important;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
}

.mt2cms_main_middle_legend_right:after {
	content: "\f054";
	font: normal normal normal 15px/1 FontAwesome;
	color: #df893b;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	padding-left: 3px;
	position: absolute;
	line-height: 29px;
	right: 7px;
}

.mt2cms_main_middle_stats_right h2 {
    font-weight: normal;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.mt2cms_main_middle_stats_right_shinso {
    background: url(../img/shinso.png) no-repeat right 8px;
    height: 36px;
	display: inline-block;
    background-size: auto 25px;
    width: 52px;
    opacity: .7;
}

.mt2cms_main_middle_stats_right_chunjo {
    background: url(../img/chunjo.png) no-repeat right 8px;
    height: 36px;
	display: inline-block;
    background-size: auto 25px;
    width: 52px;
    opacity: .7;
}

.mt2cms_main_middle_stats_right_jinno {
    background: url(../img/jinno.png) no-repeat right 8px;
    height: 36px;
	display: inline-block;
    background-size: auto 25px;
    width: 52px;
    opacity: .7;
}

.mt2cms_main_middle_btn_right {
    background: url(../img/btnRight.png) center center no-repeat;
    background-size: 240px;
    width: 240px;
    height: 62px;
    line-height: 62px;
    float: right;
    position: relative;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

.follow-us-icon {
	background-position: 0px center;
    background-repeat: no-repeat;
    width: 66px;
    height: 78px;
    border: none;
    outline: none;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.follow-us-text {
    color: #165568;
    font-size: 12px;
	width: 65%;
    display: inline-block;
    vertical-align: middle;
}

.post img {
    max-width: 100%!important;
}

.post {
    background-color: #201e1e;
    border: 1px solid #165568;
    width: calc(100%-30px);
    padding: 11px 15px 21px 15px;
}

.post_title {
    color: #165568;
    font-family: 'Merriweather', serif;
    font-size: 14px;
    letter-spacing: 0.4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: 10px;
}

.post_content a {
    text-decoration: none;
    color: #FFF;
}

.post_content {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.4;
    width: 100%;
    line-height: 1.7;
    border-bottom: 1px solid #165568;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

.post_date {
    color: #165568;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    letter-spacing: 0.4;
    width: 280px;
    display: inline-block;
    vertical-align: middle;
}

.read_more a {
    color: #165568;
    text-decoration: none;
}

.read_more {
    cursor: pointer;
    float: right;
    margin-top: -5px;
    margin-right: -1px;
}

.read_more_text {
    color: #165568;
    font-family: 'Merriweather', serif;
    font-size: 11px;
    letter-spacing: 0.4;
    font-weight: 600;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.read_more_button {
    width: 26px;
    height: 25px;
    background-image: url("../img/read_more_button.png");
    background-position: 0px center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.read_more:hover>.read_more_button {
    background-position: center;
}

.read_more:active>.read_more_button {
    background-position: -52px center;
}

.posts_navigation {
    text-align: center;
    margin: 35px 0px 10px 0px;
}

.posts_navigation_item {
    display: inline-block;
    width: 10px;
    height: 12px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-left: 11px;
    margin-right: 11px;
    outline: none;
    border: none;
}

.mt2cms_footer {
    margin: 0px 0;
	position: relative;
	top: 62%;
    text-align: center;
    color: #fff;
    font-family: 'Amaranth', 'Salsa', sans-serif;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
}

#footer-bg {
	margin: 0 auto;
	top: 75%;
	z-index: -1;
	position: absolute;
    width: 100%;
    height: 62%;
    background: url('../img/footer.png') center center no-repeat;
}

#footer {
    position: relative;
    margin: 0 auto;
    width: 40%;
    z-index: 20;
}

#footer_navigator_items_list {
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
}

.footer_navigator_item {
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle;
}

.footer_navigator_item a:hover {
    color: #fff;
}

.footer_navigator_item a {
    color: #fff;
    text-decoration: none;
	text-shadow: 0 1px 1px #0d0c0c;
}

#footer_other_infos {
	color: #fff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
    font-family: Arial;
    font-size: 11px;
    text-align: center;
    margin-bottom: 20px;
}

#social_networks {
    width: 100%;
    text-align: center;
}

.mt2cms_rank_title {
    line-height: 30px;
	color: #165568;
	margin-bottom: 13px;
}

.mt2cms_rank_content {
    line-height: 60px;
	color: #fff;
	background-color: #0d0c0c;
    border-bottom: 2px solid #1d1d1d;
}

.mt2cms_race_style {
	vertical-align: middle;
    width: 14%;
    height: 82px;
    border-radius: 45px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.67),inset 0px 0px 0px 1px rgba(255,255,255,0.05);
}

.mt2cms_race_war_1 {
    background: url(../img/warm.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_war_2 {
    background: url(../img/warf.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_ninja_1 {
    background: url(../img/ninjam.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_ninja_2 {
    background: url(../img/ninjaf.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_sura_1 {
    background: url(../img/suram.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_sura_2 {
    background: url(../img/suraf.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_shaman_1 {
    background: url(../img/shamanm.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_race_shaman_2 {
    background: url(../img/shamanf.jpg) center center no-repeat;
    background-size: cover,contain;
}

.mt2cms_reich_style {
    position: relative;
    float: left;
    height: 24px;
    width: 47px;
    margin: 8px 10px 8px 0;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.67),inset 0px 0px 0px 1px rgba(255,255,255,0.05);
}

.mt2cms_reich_shinso {
    background: url(../img/shinso.png) no-repeat center center;
    background-size: auto 25px;
}

.mt2cms_reich_chunjo {
    background: url(../img/chunjo.png) no-repeat center center;
    background-size: auto 25px;
}

.mt2cms_reich_jinno {
    background: url(../img/jinno.png) no-repeat center center;
    background-size: auto 25px;
}

.mt2cms_reich_custom {
    background-size: cover,contain;
    width: 28px;
    height: 19px;
    margin: 2px 5px 2px 0;
}

.mt2cms_country_style {
    background-image: url("../img/flags.png");
    background-position: 50% 96.0199005%;
    background-repeat: no-repeat;
    background-size: 30px auto;
    float: left;
    width: 32px;
    height: 20px;
    -webkit-filter: drop-shadow(1px 1px 2px rgba(96,112,129,0.6));
}

.mt2cms_country_custom {
    background-size: 28px auto;
    width: 28px;
    height: 19px;
    margin: 2px 5px 2px 0;
}

.mt2cms_fb {
	min-height:500px;margin:5px 0;max-width:340px;
}

.mt2cms_middle_page_title {
	width: 100%;
	text-align: center;
	font-weight: normal;
	position: relative;
    display: inline-block;
	color: #4c4c4c;
	text-transform: uppercase;
	font-size:13px;
}
.mt2cms_middle_page_title:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 1px;
    background: transparent;
    background: -moz-linear-gradient(left, transparent 0%, #8a8a8a 50%, transparent 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, transparent), color-stop(50%, #8a8a8a), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, #8a8a8a 50%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, #8a8a8a 50%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, #8a8a8a 50%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, #8a8a8a 50%, transparent 100%);
}
.mt2cms_margin_icon_right {
	margin: 0 5px 0 0;
}

.mt2cms_bor {
    background: url(../img/warm.jpg) center center no-repeat;
	background-size: cover,contain;
    position: relative;
    float: right;
    width: 60px;
    height: 46px;
    border-radius: 3px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.67),inset 0px 0px 0px 1px rgba(255,255,255,0.05);
}

.mt2cms_recaptcha {
	margin: 10px auto;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #165568;
    border-color: #165568;
}

.pagination>li>a, .pagination>li>span {
    color: #165568;
}

.panel-heading > h4 {
	line-height: 27px !important;
}

.panel-default>.panel-heading {
	background-image: linear-gradient(to bottom,#165568 0,#0e3440 100%);
	color: #fff;
	text-align: center;
}

.panel {
	background: none;
	border: none;
	margin-bottom: 0px;
}

.debuglink, .debuglink:hover {
	color: #d20202;
	font-size: 14px;
}

.tooltip-arrow {
	border-top-color: #185ea1 !important;
}

.tooltip-inner {
	background-color: #185ea1;
}

.center {
	text-align: center;
}

.popover {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
}

/* equipamento */
.mt2cms_equip {
	margin: 0 auto; 
    background: url(../img/equipment_m.png);
    width: 162px;
    height: 194px;
	float: left;
}

.mt2cms_costume {
	margin: 0 auto; 
    background: url(../img/costume_m.png);
    width: 119px;
    height: 165px;
	float: right;
}

#eq_0 {
	position: absolute;
	margin-left: 47px;
	margin-top: 46px;
}
#eq_1 {
	position: absolute;
	margin-left: 45px;
	margin-top: 8px;
}
#eq_2 {
	position: absolute;
	margin-left: 47px;
	margin-top: 154px;
}
#eq_3 {
	position: absolute;
	margin-top: 76px;
	margin-left: 84px;
}
#eq_4 {
	position: absolute;
	margin-top: 6px;
	margin-left: 6px;
}
#eq_5 {
	position: absolute;
	margin-top: 78px;
	margin-left: 120px;
}
#eq_6 {
	position: absolute;
	margin-left: 121px;
	margin-top: 45px;
}
#eq_7 {
	position: absolute;
	margin-left: 121px;
	margin-top: 155px;
}
#eq_8 {
	position: absolute;
	margin-top: 115px;
	margin-left: 121px;
}
#eq_9 {
	position: absolute;
	margin-top: 4px;
	margin-left: 118px;
}
#eq_10 {
	position: absolute;
	margin-top: 47px;
	margin-left: 85px;
}

#eq_19 {
	position: absolute;
	margin-top: 42px;
	margin-left: 240px;
}

#eq_20 {
	position: absolute;
	margin-top: 5px;
	margin-left: 240px;
}

#eq_21 {
	position: absolute;
	margin-top: 13px;
	margin-left: 200px;
}

#eq_22 {
	position: absolute;
	margin-top: 121px;
	margin-left: 200px;
}

#eq_23 {
	position: absolute;
	margin-top: 117px;
	margin-left: 240px;
}

#eq_24 {
	position: absolute;
	margin-top: 107px;
	margin-left: 9px;
}

#eq_25 {
	position: absolute;
	margin-top: 107px;
	margin-left: 83px;
}

#eq_26 {
	position: absolute;
	margin-top: 118px;
	margin-left: 50px;
}
.page-hd {
	background-image: none!important;
	padding-bottom: 10px;
}
.jumbotron, .jumbotron-fluid {
	background-color: #1d1d1d!important;
}
.footer-nav .social a {
    display: -webkit-inline-box;
    height: 36px;
    width: 36px;
    margin: 0 auto;
    text-align: left;
    background: url(../../images/site/social-icons.png) no-repeat 0 0;
    border-radius: 5px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.footer-nav .social a:hover {
    -webkit-filter: brightness(140%);
    filter: brightness(140%);
}
}
.footer-nav .social a.youtube {
    background-position: 0 0
}
.footer-nav .social a.facebook {
    background-position: -36px 0
}
.footer-nav .social a.twitter {
    background-position: -72px 0
}
.footer-nav .social a.tumblr {
    background-position: -108px 0
}
.footer-nav .social a.flickr {
    background-position: -180px 0
}
.footer-nav .social a.discord {
    background-position: -144px 0
}
.footer-nav .social a.rss {
    background-position: -216px 0
}
.footer-nav .social a.twitchtv {
    background-position: -360px 0
}
.padding-container {
	padding: 15px;
}

/* UPDATE */
.padding-menu {
	display: none;
}
.table > tbody > tr > td, .table > tbody > tr > th {
    vertical-align: middle;
}
.nav-item a.active {
	border: 1px solid #484343;
}
[dir="rtl"] .mt2cms_menu_content li.btn-download a {
	float: inherit;
}
[dir="rtl"] .user_panel_buttons_row {
	text-align: right;
}
.a-link {
	color: white;
}
.account-data {
	padding-left: 30px;
}

@media only screen and (max-width: 1180px) {
	.mt2cms_menu, .mt2cms_logo_bg {
		display: none;
	}
	
	.padding-menu {
		display: block;
	}
	
	#mt2cms {
		width: 100%;
		margin: 0 auto 20px auto;
	}
	
	.mt2cms_main_left {
		float: none;
		padding: 0 5px 25px 5px;
		width: 100%
	}
	
	.mt2cms_main_right {
		padding: 25px 5px 25px 5px;
		width: 100%;
	}
	
	.padding-menu {
		padding: 15px 5px 10px 5px;
	}
		
	#footer {
		width: 100%;
	}
	
	.top-inline {
		float: left;
	}
	.top-inline-empire {
		float: right !important;
	}
	
	.online-now {
		width: 100%;
		background-position: center!important;
	}
	
	.mt2cms_main_middle {
		width: 100%
	}
}