@charset "utf-8";
* {
    font-display:swap;
    }
/* Font-face */
@font-face {
    font-family: 'Sofia Pro Soft';
    src: url('/assets/fonts/sofia-bold-webfont.woff2') format('woff2'),
         url('/assets/fonts/sofia-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro Soft';
    src: url('/assets/fonts/sofia-light-webfont.woff2') format('woff2'),
         url('/assets/fonts/sofia-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sofia Pro Soft';
    src: url('/assets/fonts/sofia-regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/sofia-regular-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

::selection{ background: #960eff; color: #a7fb61}
::-moz-selection{ background: #960eff; color: #a7fb61}

::-webkit-scrollbar { width: 8px; height: 6px; }
::-webkit-scrollbar-track { background: #202020; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 16px; width: 6px; }
::-webkit-scrollbar-thumb:hover { background: #2afc8d; }

p{font:500 16px/24px 'Sofia Pro Soft'}
p a{font:500 16px/24px 'Sofia Pro Soft'; text-decoration:none}

span{font:300 16px/18px 'Sofia Pro Soft'; color:#ccc}
h3{font:700 16px/24px 'Sofia Pro Soft'; margin:0}

.center{text-align:center;}
.center span{display:inline-block; text-align:center; margin:0 auto}
.center span a{color:#666; text-decoration:none; text-align:center; padding: 20px 10px 0; float:left; display:inline-block}
.center span a:hover{color:#2afc8d; cursor:pointer}

/* Border-boxing */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, select { -webkit-appearance: none; }
select { -webkit-appearance: menulist; }

/* Clearfix */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* Base */
html,
body { height: 100%; }
.wrapper { overflow: hidden; }
body { background: #202020; font-size: 16px; margin: 0; padding: 0; }
img { border: 0; }
.wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 40px; position: relative; }
.controle { clear: both; word-spacing: -4px; height: 0; line-height: 0; }
.divider { border-bottom: 1px solid rgba(0,0,0,0.15); height: 0; margin: 24px 0; overflow: hidden; }

a { color: #2afc8d; text-decoration: underline; }
a:hover { text-decoration: none; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.sr-only { height: 1px; width: 1px; overflow: hidden; }
.grecaptcha-badge { visibility: hidden; }

.wrap-flex { display: flex; flex-wrap: wrap; }
.flex-align-fs { align-items: flex-start; }
.flex-align-c { align-items: center; }
.flex-sb { justify-content: space-between; }




/*     contato*/

#tituloAlerta{ color: #fff; font: 400 4vw/110% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -1.5px; }
#contentBoxAlerta{display:none; text-align:center;  width:100%;  margin:10% auto; position:fixed; left:auto; right:auto; top:10%;z-index:9999; color:#fff;}




.contato-infos{float:left; width:300px}






/* Messages */
.message { display: flex; align-items: center; justify-content: space-between; border-radius: 4px; color: #fff; font: 500 13px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 16px; padding: 10px; text-decoration: none; text-shadow: none; }
.message:before { display: inline-block; color: rgba(0,0,0,0.5); font-size: 24px; margin: 0 16px 0 0; vertical-align: middle; }
.message span { flex: 1 1 auto; }
.message.c-success:before { content: '\f00c'; font-family: 'FontAwesome'; }
.message.c-error:before { content: '\f00d'; font-family: 'FontAwesome'; }
.message.c-alert:before { content: '\f071'; font-family: 'FontAwesome'; }
.message.c-info:before { content: '\f129'; font-family: 'FontAwesome'; }
.message a { color: #fff; }

/* Colors */
.white { color: #fff; }
.default { color: #2afc8d; }

/* UI Colors */
.c-green-a { color: #2afc8d; }
.c-green-b { color: #a7fb61; }
.c-purple-a { color: #8500bd; }
.c-purple-b { color: #960eff; }
.c-gray { color: #202020; }
.bg-green-a { background-color: #2afc8d; }
.bg-green-b { background-color: #a7fb61; }
.bg-purple-a { background-color: #8500bd; }
.bg-purple-b { background-color: #960eff; }
.bg-gray { background-color: #202020; }

.c-default { background: rgba(0,0,0,0.075); border: 1px solid rgba(0,0,0,0.015); color: #484848; }
.c-default:hover, .c-default:focus { background: #eee; }
.c-primary { background: #ffc107; }
.c-primary:hover, .c-primary:focus { background: #504847; }
.c-secondary { background: transparent; border: 2px solid #f7bf4d; color: #f7bf4d; }
.c-success { background: #40b75f; }
.c-success:hover, .c-success:focus { background: #40b75f; }
.c-info { background: #4259ca; }
.c-info:hover, .c-info:focus { background: #4259ca; }
.c-alert { background: #f08a4e; }
.c-alert:hover, .c-alert:focus { background: #f08a4e; }
.c-error { background: #d02950; }
.c-error:hover, .c-error:focus { background: #d02950; }
.c-black { background: #181818; }
.c-black:hover, .c-black:focus { background: #151515; }
.c-text { background: #fafafa; border: 2px solid rgba(0,0,0,0.05); color: #484848 !important; text-shadow: none !important; }
.c-text:hover, .c-text:focus { background: #fafafa; }

.bg-gradient { background: #2afc8d; background: -moz-linear-gradient(45deg, #2afc8d 0%, #a7fb61 100%); background: -webkit-linear-gradient(45deg, #2afc8d 0%, #a7fb61 100%); background: linear-gradient(45deg, #2afc8d 0%, #a7fb61 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2afc8d', endColorstr='#a7fb61',GradientType=1 ); }
.bg-gradient2 { background: #8500bd; background: -moz-linear-gradient(45deg, #8500bd 0%, #960eff 100%); background: -webkit-linear-gradient(45deg, #8500bd 0%, #960eff 100%); background: linear-gradient(45deg, #8500bd 0%, #960eff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8500bd', endColorstr='#960eff',GradientType=1 ); }

/* Scroll to top */
.btn-scroll-to-top { display: none; cursor: pointer; color: #202020; border-radius: 2px; position: fixed; bottom: 20px; right: 20px; z-index: 1200; width: 36px; height: 36px; text-align: center; line-height: 33px; font-family: FontAwesome; font-size: 1em; }
.wp-fixed { display: none; box-shadow: 0 5px 10px rgba(0,0,0,0.15); position: fixed; bottom: 18px; right: 70px; z-index: 9999; width: auto; border-radius: 50px; background: #25d366; vertical-align: middle; text-align: center; padding: 7.5px 15px; color: #fff;  font: 500 13px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-decoration: none; }
.wp-fixed i { font-size: 26px; vertical-align: middle; margin: 0 5px 0 0; }

/* Structure */
header { background: #181818; box-shadow: -4px 12px 22px rgba(0,0,0,0.35); height: auto; margin: 0; padding: 16px 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 6001; transition: all 0.35s ease; }
header .wrap { position: relative; display: flex; align-items: center; justify-content: space-between; }
header .logotipo { margin: 0 25px 0 0; padding: 0; height: 62px; text-decoration: none; }
header .logotipo img { display: block; margin: 0 auto; height: 62px; }


header .logotipoMobile { margin: 0; display:none}

header nav { height: 100%; margin: 0; padding: 0; text-align: left; flex-grow: 1; }
header nav > ul,
header nav > ul > li { display: inline-block; margin: 0; padding: 0; list-style: none; position: relative; }
header nav > ul > li { margin: 0 0 0 20px; position: relative; }
header nav > ul > li > a { color: #fff; display: inline-block; font: 500 15px/50px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0px; margin: 0; padding: 0 2px; text-decoration: none; transition: all 0.5s ease; position: relative; text-transform: lowercase; }
header nav > ul > li > a:hover { color: #2afc8d; }
header nav > ul > li > a:after { content: ''; background: #2afc8d; height: 2px; border-radius: 50px; width: 0; position: absolute; left: 50%; bottom: -22px; transition: all 0.25s ease-out; }
header nav > ul > li > a.active:after,
header nav > ul > li:hover > a:after { left: 20%; width: 60%; }
header .busca { background: rgba(255,255,255,0.075); border-radius: 12px; height: 40px; margin: 0 0; padding: 8px 16px 8px 30px; width: auto; transition:0.3s; position: relative; }
header .busca:before { content: '\f002'; font-family: 'FontAwesome'; font-size: 20px; color: #555; line-height: 40px; display: inline-block; width: 30px; height: 40px; vertical-align: middle; position: absolute; top: 0; left: 8px; text-align: center; }
header .busca form input { display: block; background: none; border: 0; color: #fff; font: 500 14px/24px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; width: 0; height: 24px; outline: none; transition: all 0.35s ease; margin: 0; padding: 0; }
header .busca form input:hover,
header .busca form input:focus { width: 240px; margin: 0 0 0 16px; }
header .customer-area { border-left: 1px solid rgba(0,0,0,0.5); margin: 0 0 0 32px; padding: 0 0 0 32px; }
header .customer-area a.customer-avatar { background: #101010; border-radius: 50%; display: inline-block; margin: 0 16px 0 0; padding: 2px; width: 40px; height: 40px; vertical-align: middle; position: relative; }
header .customer-area a.customer-avatar span.customer-avatar-img { display: block; width: 100%; height: 100%; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; }
header .customer-area a.customer-avatar span.customer-avatar-alert { position: absolute; top: -2px; right: -4px; width: 18px; height: 14px; background: #960eff; border-radius: 50px; color: #fff; font: 500 10px/13px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-align: center; }
header .customer-area a.customer-btn { border: 2px solid #2afc8d; border-radius: 12px; color: #2afc8d; font: 500 14px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; display: inline-block; margin: 0; padding: 8px 16px; text-decoration: none; vertical-align: middle; transition: all 0.35s ease; }
header .customer-area a.customer-btn:hover { background: #2afc8d; color: #202020; }

header .nav-ico,
header .close-btn { display: none; }

footer { background: #181818; font-size: 0; margin: 0; padding: 64px 0; position: relative; width: 100%; }
footer .logotipo { display: block; margin: 0 0 10px; max-width: 80px; width: 100%; }
footer .wrap { z-index: 100; }
footer .c-infos { display: inline-block; width: 24%; margin: 0 0.5%; padding: 50px 0; vertical-align: top; position: relative; }
footer h5 { color: #2afc8d; font: 500 18px/110% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 20px; padding: 0; text-transform: none;  }
footer p { color: #eee; font: 400 14px/150% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0.25px; margin: 0 0 20px; padding: 0; }
footer a { color: #eee; text-decoration: none; }
footer .c-infos a { display: block; margin: 0 0 6px; }
footer a:hover { color: #fff; text-decoration: none; }
footer a.social-ico { background-color: #2afc8d; border-radius: 8px; color: #181818; display: inline-block !important; vertical-align: middle; margin: 30px 5px 0; padding: 8px 10px; }
footer a.social-ico:before { content: attr(data-ico); color: #181818; font-family: 'FontAwesome'; font-size: 22px; font-weight: normal; }
footer a.social-ico:after { width: 60% !important; left: 20% !important; bottom: 5px; }
.footer-contatos { margin: 0 0 15px; color: #fff; font: 400 15px/30px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }
.footer-contatos img { display: inline-block; max-width: 24px; margin: 0 8px 0 0; vertical-align: middle; }
.disclaimer { border-top: 1px solid rgba(255,255,255,0.1); padding: 40px; }
.disclaimer p { font: 400 12px/150% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; }

.newsletter { border-top: 1px solid rgba(0,0,0,0.15); height: auto; padding: 56px 16px 0; position: relative; z-index: 1200; text-align: center; }
.newsletter .wrap { border-radius: 16px; margin: 0 auto -40px; padding: 40px; position: relative; }
.newsletter h5 { color: #fff; font: 700 40px/110% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -1.5px; margin: 0 0 8px; padding: 0; }
.newsletter p { color: rgba(255,255,255,0.985); font: 300 17px/160% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 0; padding: 0; }
.newsletter form { font-size: 0; margin: 32px auto; padding: 0; position: relative; }
.newsletter .mailing { background: none; border: 2px solid rgba(0,0,0,0.25); border-radius: 8px; margin: 0 8px; padding: 16px; outline: none; color: #fff; font: 500 16px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 8px; transition: all 0.5s ease; text-transform: none; width: 280px; }
.newsletter .mailing::placeholder { color: #fff; }
.newsletter .btn-cadastro { cursor: pointer; background: none; border: 2px solid #fff; border-radius: 8px; color: #fff; display: inline-block; font: 700 16px/16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; height: 52px; width: auto; margin: 0 8px; padding: 16px 24px; outline: none; text-decoration: none; }

/* Home */
.pub { background: #202020; height: 720px; margin: 0; padding: 0; position: relative; width: 100%;margin-top:50px; }
.pub .bx-wrapper,
.pub .bx-viewport { height: 100% !important; }
.pub ul,
.pub ul li { height: 100%; list-style: none; margin: 0; padding: 0; }
.pub ul li { background: -moz-linear-gradient(45deg, #202020 0%, #0b1b38 100%); background: -webkit-linear-gradient(45deg, #202020 0%, #0b1b38 100%); background: linear-gradient(45deg, #202020 0%, #0b1b38 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#0b1b38',GradientType=1 ); }
.pub ul li .bg { background-position: center top; background-repeat: no-repeat; filter: grayscale(15%); mix-blend-mode: overlay; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pub ul li .wrap { position: relative; height: 100%; padding-top: 300px; text-align: center; z-index: 2000; }
.pub h1 { color: #fff; font: 300 48px/115% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0 0 24px; padding: 0; }
.pub h1 strong { font-weight: 700; color: #fff; }
.pub p { color: rgba(255,255,255,0.985); font: 300 17px/160% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 0; padding: 0; }
.pub a.btn { border-radius: 12px; color: #fff; font: 500 17px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; display: inline-block; margin: 25px 0 0; padding: 11px 32px 14px; text-decoration: none; vertical-align: middle; transition: all 0.35s ease; text-transform: lowercase; }
.pub .bx-controls { height: 20px; position: absolute; bottom: 140px; left: 0; z-index: 1400; width: 100%; }
.pub .bx-pager { height: 20px; text-align: center; }
.pub .bx-pager .bx-pager-item { display: inline-block; vertical-align: middle; }
.pub .bx-pager .bx-pager-item a { background: #fff; border: 2px solid transparent; border-radius: 8px; display: block; font-size: 1000px; height: 8px; width: 8px; margin: 0 6px;  overflow: hidden; transition: all 0.25s ease; }
.pub .bx-pager .bx-pager-item a.active { background: #2afc8d; border: 2px solid #2afc8d; width: 32px; }
.pub:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 250px; z-index: 1200; background: -moz-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }

.stream-home { margin: -500px 0 160px; position: relative; z-index: 2000; }
.stream-home iframe { background: #151515; border-radius: 6px; display: block; padding: 8px; }

.jogos-lista { margin: -80px 0 80px; position: relative; z-index: 1200; }
.jogos-lista .wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.jogos-lista h2 { color: #fafafa; font: 500 32px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 32px; text-align: left; flex-basis: 100%; }
.jogos-lista .jogos-item { flex: 1; margin: 0 16px; text-decoration: none; text-align: center; min-height:200px}
.jogos-lista .jogos-item img { border-radius: 6px;box-shadow:5px 5px 55px rgba(0,0,0,0.8); display: block; margin: 0; padding: 0; width: 100%; height: auto; }
.jogos-lista .jogos-item span { display: block; color: #888; font: 500 16px/22px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 10px 0; }
.jogos-lista .jogos-item:hover span { color: #2afc8d; }
.jogos-lista .jogos-item:hover img{ box-shadow:0px 10px 19px rgba(150,14,255,0.1), 0px 4px 9px rgba(150,14,255,0.2) }

.ad-vertical-wrap { display: flex; align-items: flex-start; justify-content: center; margin: 64px 0; }
.ad-vertical {  width: 976px; height: auto; max-width: 100%; margin: 0 16px; }
.ad-vertical img { display: block; width: 100%; height: auto; }


.contentCampInfo{width:30%; float:right}

.campeonatos-lista { background: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); margin: 0;margin-top:-130px; padding: 64px 0 100px;  z-index: 1200;}
.campeonatos-lista h2 { color: #fafafa; font: 500 32px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 32px; text-align: left; flex-basis: 100%; }
.campeonatos-lista .campeonatos-item {background-size:cover; background-blend-mode: overlay !important;background-color:#282828; border: 0px solid rgba(255,255,255,0.075); border-radius: 6px; margin: 8px 0; padding: 8px; color: #888; font: 500 18px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; text-decoration: none; }
.campeonatos-lista .campeonatos-item img { border-radius: 6px; width: 100px; margin:0 auto }
.campeonatos-lista .campeonatos-item div { padding: 8px 24px; }
.campeonatos-lista .campeonatos-item .campeonato-dados { flex-grow: 1; float:left; width:25%;}
.campeonatos-lista .campeonatos-item .campeonato-dados span { display: block; font-size: 14px; }
.campeonatos-lista .campeonatos-item .campeonato-status span { border: 0px solid #fff; border-radius: 50px; color: #fff; background: rgba(255,255,255,0.1); display: inline-block; font-size: 18px; padding: 12px 20px 12px; text-align: center; }
.campeonatos-lista .campeonatos-item .campeonato-premio { color: #2afc8d; }
.campeonatos-lista .campeonatos-item .campeonato-players { text-align: center; }
.campeonatos-lista .campeonatos-item .campeonato-players span { display: block; font-size: 12px; }
.campeonatos-lista .campeonatos-item .campeonato-status span[data-value="open"] { border-color: #2afc8d; color: #2afc8d; }
.campeonatos-lista .campeonatos-item .campeonato-status span[data-value="closed"] { opacity: 0.25; }
.campeonatos-lista .campeonatos-item:hover { background-blend-mode: multiply !important;background-color: #2afc8d; color: #282828; cursor: pointer; }
.campeonatos-lista .campeonatos-item:hover .campeonato-premio { color: #960eff; }
.campeonatos-lista .campeonatos-item:hover span { color: #960eff; }
.campeonatos-lista .campeonatos-item:hover .campeonato-status span { background: #202020; }

.campeonatos-lista .campeonatos-item .contentCampInfo .campeonato-premio span { display: block; font-size: 12px; line-height:12px }
.campeonatos-lista .campeonatos-item div { padding: 8px 15px; width: 55%; text-align: left; }
.campeonatos-lista .campeonatos-item .campeonato-dados { flex-grow: 1; font-size: 22px;}
.campeonatos-lista .campeonatos-item .campeonato-dados span { display: block; font-size: 12px; }
.campeonatos-lista .campeonatos-item .campeonato-status span { border: 0px solid #fff; border-radius: 50px; color: #fff; background: rgba(255,255,255,0.1); display: inline-block; font-size: 18px; padding: 12px 20px 12px; text-align: center; }
.campeonatos-lista .campeonatos-item div .campeonato-premio { color: #2afc8d; width:25%; font-size:22px; line-height:25px; float:left; padding:8px 0}
.campeonatos-lista .campeonatos-item div .campeonato-players { text-align: center; width:20%;margin-top:0px; float:left }
.campeonatos-lista .campeonatos-item div .campeonato-status {width:30%; float:right; text-align:right}
.campeonato-dados-data{font-size:13px}


#playerPage{display: flex;  flex: 0 0 auto;  width: 74%;}


.ciff{font: 200 14px/110% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; color:#666; margin:0 5px 0 0}

.campeonatos-flex { display: flex; align-items: flex-start; justify-content: space-between; }
.campeonatos-wrap { flex: 1 1 auto; margin-right:40px }
.campeonatos-ads {  width: 187px; height: 600px; margin: 0 0 0 0px; border-radius:14px; overflow:hidden }

.como-funciona { margin: 0; padding: 0 0 40px; position: relative; z-index: 1200; text-align: center; }
.como-funciona .wrap { border-radius: 16px; margin: -40px auto 40px; padding: 80px; position: relative; }
.como-funciona h2 { color: #fff; font: 400 40px/110% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -1.5px; margin: 0 0 32px; padding: 0; }
.como-funciona h2 strong { font-weight: 700; }
.como-funciona p { color: rgba(255,255,255,0.985); font: 300 17px/160% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 0; padding: 0; }
.como-funciona a.btn { border: 2px solid #fff; border-radius: 12px; color: #fff; font: 500 17px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; display: inline-block; margin: 25px 0 0; padding: 11px 32px 14px; text-decoration: none; vertical-align: middle; transition: all 0.35s ease; text-transform: lowercase; }
.como-funciona .wrap-items { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.como-funciona .etapas { border-radius: 12px; flex-basis: 25%; margin: 0 16px; padding: 24px 0; text-decoration: none; text-align: center; }
.como-funciona .etapas img { display: block; margin: 0 auto; padding: 0; height: 120px; mix-blend-mode: multiply; opacity: 0.5 }
.como-funciona .etapas h3 { color: #fff; font: 500 26px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 15px 0 10px; }
.como-funciona .etapas p { color: #fff; font: 500 14px/18px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0; }
.como-funciona .etapas:hover span { color: #2afc8d; }

.streams-lista { background: #fafafa; margin: 0; padding: 64px 0; position: relative; z-index: 1200; }
.streams-lista .wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.streams-lista h2 { color: #202020; font: 500 32px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 32px; text-align: left; flex-basis: 100%; }
.streams-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; flex: 1 0 100%; margin: 8px 0 16px; }
.streams-header h2 { flex: 0 0 auto; margin: 0 32px 0 0; }
.streams-header .streams-header-cats { flex: 1 1 auto; display: flex; align-items: flex-start; justify-content: left; }
.streams-header .streams-header-cats a { border: 2px solid #960eff; border-radius: 50px; color: #960eff; font: 500 16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 4px; padding: 8px 16px; text-decoration: none; transition: all 0.45s ease; }
.streams-header .streams-header-cats a i { margin: 0 4px 0 0; font-size: 14px; }
.streams-header .streams-header-cats a:hover,
.streams-header .streams-header-cats a.on { background: #960eff; color: #fff; }

.streams-item{flex: 0 0 32%;  margin: 16px 0; text-decoration: none; text-align: center; position: relative;  }
.streams-item a{ box-shadow: 0 8px 40px rgba(0,0,0,0.5);border-radius: 12px; text-decoration: none; text-align: center; position: relative; overflow: hidden; display:inline-block }
.streams-item a:after { content: ''; height: 80%; width: 100%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }
.streams-item img { border-radius: 6px; background-position: center; background-size: cover; display: block; margin: 0; padding: 0; width: 100%; height: 250px; }
.streams-item span { display: block; color: #fff; font: 500 14px/16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 10px; background: #960eff; border-radius: 6px; position: absolute; bottom: 16px; left: 16px; max-width:calc(100% - 32px); z-index: 1000; transition: all 0.35s ease; }
.streams-item i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 50px; color: #fff; z-index: 1200; }
.streams-item:hover span { background-color: #2afc8d; padding: 10px 16px; }
.streams-item:hover a{box-shadow: 0 8px 20px rgba(138,5,210,0.5);}

.noticias-lista { background: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); margin: 0; padding: 64px 0 100px; position: relative; z-index: 1200; }
.noticias-lista h2 { color: #fafafa; font: 500 32px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 32px; text-align: left; flex-basis: 100%; }
.noticias-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }

.noticia-post { flex: 0 1 31.333333%; margin: 16px 1%; text-decoration: none; text-align: left; position: relative; }
.noticia-image { position: relative; border-radius: 6px; overflow: hidden; }
.noticia-image img { background-color: #101010; border-radius: 6px; background-position: center; background-size: cover; display: block; margin: 0; padding: 0; width: 100%; height: auto; }
.noticia-image:after { content: ''; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }
.noticia-info { padding: 18px; position: absolute; bottom: 0; left: 0; width: 100%; }
.noticia-info span { display: inline-block; border-radius: 6px; color: #fff; font: 500 12px/16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 6px; background: #960eff; margin: 0 0 12px; }
.noticia-info h3 { display: block; color: #fff; font: 500 18px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 5px; padding: 0; }
.noticia-info p { color: #ddd; font: 500 15px/18px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 5px; padding: 0; }







.times-lista { background: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.1); margin: 0; padding: 64px 0 100px; position: relative; z-index: 1200; }
.times-lista h2 { color: #fafafa; font: 500 32px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 32px; text-align: left; flex-basis: 100%; }
.times-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }

.times-post { flex: 0 1 20%; margin: 16px 0%; text-decoration: none; text-align: left; position: relative; }
.times-image { position: relative; border-radius: 500px; overflow: hidden; text-align:center; max-width:250px;border:5px solid #242424 }
.times-image:hover {border:5px solid #2afc8d}
.times-image img { background-color: #101010; border-radius: 400px; background-position: center; background-size: cover; display: block; margin: 0 0; padding: 0; width: 100%; max-width:250px; max-height:250px; height: 250px; }
.times-image:before { content: ''; height: 250px; width: 250px; border-radius: 400px;  position: absolute; bottom: 0; left:0; text-align:center; background: -moz-linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }
.times-info { padding: 0px; position: absolute; top: 68px; left: 0; width: 100%; max-width:200px;  text-align:center}
.times-info span { display: inline-block; border-radius: 6px; color: #fff; font: 500 12px/16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 6px 0; background: #960eff; margin: 0 0; }
.times-info h3 { display: inline-block; color: #fff; font: 500 18px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 auto; padding: 0; }
.times-info p { color: #ddd; font: 500 15px/18px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 5px; padding: 0; }









.patrocinadores-lista { margin: 0; padding: 72px 0; position: relative; z-index: 1200; }
.patrocinadores-lista .wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.patrocinadores-lista h2 { color: #202020; font: 500 32px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 32px; text-align: left; flex-basis: 100%; }
.patrocinadores-lista .patrocinadores-item { margin: 0 16px; text-decoration: none; text-align: center; }
.patrocinadores-lista .patrocinadores-item img { border-radius: 6px; display: block; margin: 0; padding: 0; max-width: 100px; height: auto; filter: grayscale(100%) contrast(1.2); mix-blend-mode: multiply; }

/* Content */
.title { background: -moz-linear-gradient(45deg, #202020 0%, #0b1b38 100%); background: -webkit-linear-gradient(45deg, #202020 0%, #0b1b38 100%); background: linear-gradient(45deg, #202020 0%, #0b1b38 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#0b1b38',GradientType=1 ); margin: 0; padding: 240px 0 40px; position: relative; width: 100%; }
.title-bg { background-position: center top; background-repeat: no-repeat; filter: grayscale(15%); mix-blend-mode: overlay; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.title .wrap { position: relative; z-index: 1500; }
.title h1 { color: #fff; font: 500 32px/115% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0 0 8px; padding: 0; }
.title p { color: rgba(255,255,255,0.985); font: 300 15px/130% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 0 0 8px; padding: 0; }
.title a.btn { border: 2px solid #2afc8d; border-radius: 12px; color: #2afc8d; font: 500 15px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; display: inline-block; margin: 16px 0 0; padding: 8px 16px 11px; text-decoration: none; vertical-align: middle; transition: all 0.35s ease; text-transform: lowercase; }
.title img.title-cover { float: left; width: 120px; border-radius: 6px; margin: 0 24px 0 0; }
.title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; z-index: 1200; background: -moz-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }

.content-tabs { clear: both; border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0; padding: 24px 0 0; height: 74px; }
.content .content-tabs { margin: 0 0 24px; padding: 0; height: 50px; }
.content-tabs a { color: #fff; display: inline-block; font: 300 17px/48px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0px; margin: 0 12px; padding: 0 2px; text-decoration: none; position: relative; text-transform: lowercase; }
.content-tabs a.on { border-bottom: 2px solid #2afc8d; }
.content-block { display: none; margin: 0 40px 24px 0; }
.content-block.on { display: block; width:100%; }

.content { border-top: 1px solid rgba(0,0,0,0.05); padding: 40px 0; }
.content h1 { color: #2afc8d; font: 800 44px/100% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 5px; padding: 0; }
.content h2 { color: #ddd; font: 500 32px/105% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 16px; padding: 0; }
.content h3 { color: #ddd; font: 500 24px/32px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.content h4 { color: #202020; font: 500 18px/22px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 15px 0; padding: 0; }
.content h5 { color: #484848; font: 500 18px/110% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0 0 10px; padding: 0; text-transform: none; }
.content p { color: #ddd; font: 400 15px/175% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 auto 24px; }
.content ul,
.content ol { color: #aaa; font: 400 15px/150% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; font-feature-settings: "liga"; margin: 12px auto; padding: 0 25px; }
.content ul li,
.content ol li { margin: 5px 0; padding: 0; }

.content-flex { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.content-sidebar { display: inline-block; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; margin: 16px 0; padding: 24px; flex-basis: 24%; }
.content-sidebar h4 { color: #2afc8d; margin: 0 0 16px; }
.content-sidebar ul { list-style: none; margin: 8px 0; padding: 0 ; }
.content-sidebar ul li { margin: 3px 0; padding: 0; }
.content-sidebar ul li a { display: block; color: #eee; text-decoration: none; }
.content-sidebar ul li a:hover { color: #2afc8d; }

.content-text { padding: 16px; flex-basis: 72%; }

/* Jogos */
.content .campeonatos-lista { background: none; border: none; margin: 0; padding: 16px 0; }
.content .streams-lista { background: none; padding: 16px 0; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;  }
.ranking-lista .players-item { border: 1px solid rgba(255,255,255,0.075); border-radius: 6px; margin: 4px 0; padding: 4px; color: #888; font: 500 16px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; text-decoration: none; }
.ranking-lista .players-item div { padding: 8px; }
.ranking-lista .players-item .player-data { display: flex; flex-grow: 1; font-size: 16px; text-align: left; align-items: center; justify-content: left; }
.ranking-lista .players-item .player-rank { display: flex; }
.ranking-lista .players-item .player-rank span { display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1); color: #fff; border-radius: 4px; width: 40px; height: 40px; }
.ranking-lista .players-item:nth-child(1) { background: #960eff; color: #fff; }
.ranking-lista .players-item:nth-child(2) .player-rank span,
.ranking-lista .players-item:nth-child(3) .player-rank span { background: #960eff; }
.ranking-lista .players-item .player-data .player-name { width: 50%; }
.ranking-lista .players-item .player-data .player-team { width: 50%; }
.ranking-lista .players-item .player-score { margin-right: 16px; }

/* Campeonatos */




.campeonatos-filtro-jogos { border-bottom: 1px solid rgba(0,0,0,0.075); margin: 0 0 16px; padding: 0 0 16px; }
.campeonatos-filtro-jogos p { color: #fff; font: 400 15px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 8px; text-align: left; flex-basis: 100%; }
.campeonatos-filtro-jogos-list { display: flex; align-items: flex-start; justify-content: left; flex-wrap: nowrap; overflow: auto; }
.campeonatos-filtro-jogos-list .jogos-item { flex: 0 0 150px; margin: 8px; text-decoration: none; text-align: center; min-height:200px }
.campeonatos-filtro-jogos-list .jogos-item img { border: 2px solid transparent; border-radius: 6px; display: block; margin: 0; padding: 0; width: 100%; height: 200px; background:#333 }
.campeonatos-filtro-jogos-list .jogos-item.on img { border: 2px solid #2afc8d; }


.campeonatos-filtro-jogos-list-all { display: flex; align-items: flex-start;  justify-content: space-between; flex-wrap: wrap;}
.campeonatos-filtro-jogos-list-all .jogos-item { flex: 0 0 250px; margin: 8px; text-decoration: none; text-align: center; }
.campeonatos-filtro-jogos-list-all .jogos-item img { border: 2px solid transparent; border-radius: 6px; display: block; margin: 0; padding: 0; width: 100%; height: auto; }
.campeonatos-filtro-jogos-list-all .jogos-item.on img { border: 2px solid #2afc8d; }


.campeonatos-filtros { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border: 1px solid rgba(255,255,255,0.05); margin: 16px 0; }
.campeonatos-filtros-field { padding: 16px; }
.campeonatos-filtros-field:nth-child(1) { flex: 1 1 auto; }
.campeonatos-filtros-field:nth-child(1) input { min-width: 350px; }
.campeonatos-filtros-field:nth-child(2),
.campeonatos-filtros-field:nth-child(3) { flex: 0 0 auto; }
.campeonatos-filtros-field input,
.campeonatos-filtros-field select { display: block; background: rgba(255,255,255,0.05); border: 0; border-radius: 4px; color: #fff; font: 500 15px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; min-width: 200px; max-width: 100%; height: 40px; outline: none; transition: all 0.35s ease; margin: 0; padding: 8px 12px; }




.campeonatos-lista-square { display: flex; align-items: flex-start; justify-content: left; flex-wrap: wrap; }
.campeonatos-lista-square .campeonatos-item { flex: 0 0 31.333333%; border: 0px solid rgba(255,255,255,0.075); border-radius: 6px; margin: 0 1% 24px; padding: 4px; color: #888; font: 500 16px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display: flex; align-items: center; justify-content: center;/*flex-direction: column;*/ flex-wrap: wrap; text-decoration: none; }
.campeonatos-lista-square .campeonatos-item .campeonato-img { background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 4px; overflow: hidden; width: 100%; text-align:center; height: 100px; margin: 80px auto 0; }
.campeonatos-lista-square .campeonatos-item div { flex: 1 0 80%; width: 80%; text-align: center; border-radius: 56px; }
.campeonatos-lista-square .campeonatos-item .campeonato-premio { color: #050505; padding: 16px; }
.campeonatos-lista-square .campeonatos-item .campeonato-status span { margin: 0 auto 8px; }

/* Campeonato */
.content-campeonato-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 0; }

.campeonato-header { margin: 0 0 32px; position: relative; }
.campeonato-banner { background-color: rgba(0,0,0,0.5); background-size: cover; background: center top; background-repeat: no-repeat; background-attachment: fixed; height: 640px; position: relative; }
.campeonato-banner:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1200; background: -moz-linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }
.campeonato-header-id { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1200; padding: 24px 0; }
.campeonato-header-id .wrap { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
.campeonato-header-img { flex: 0 0 auto; width: 20%; margin: 0; padding: 0 40px 0 0; }
.campeonato-header-img .campeonato-header-avatar { border: 5px solid rgba(0,0,0,0.5); display: block; border-radius: 50%; overflow: hidden; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: -60px; }
.campeonato-header-img .campeonato-header-avatar img { display: block; width: 100%; height: auto; }
.campeonato-header-info { flex: 1 1 auto; width: 76%; }
.campeonato-header-id h1 { color: #fff; font: 500 32px/105% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0; padding: 0; }
.campeonato-header-id p { color: #ddd; font: 400 15px/175% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0; padding: 0; }

.campeonato-sidebar { flex: 0 0 25%; margin: 0 0 0 64px; }
.campeonato-detalhes { background: rgba(0,0,0,0.25); border-radius: 8px; margin: 0 0 24px; }
.campeonato-detalhes h2 { border-radius: 8px 8px 0 0; color: #151515; font: 500 22px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 8px; padding: 24px; text-align: center; }
.campeonato-detalhes .campeonato-detalhes-item { display: flex; align-items: center; justify-content: space-between; color: #aaa; font: 400 14px/140% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 12px 24px; }
.campeonato-detalhes .campeonato-detalhes-item span:first-child { display: flex; align-items: center; justify-content: left; }
.campeonato-detalhes .campeonato-detalhes-item span:first-child img { width: 24px; margin: 0 12px 0 0; }
.campeonato-detalhes .campeonato-detalhes-btn { border-top: 1px solid rgba(0,0,0,0.1); margin: 8px 0 0; padding: 24px; }
.campeonato-detalhes .campeonato-detalhes-btn a { background: #960eff; border: 2px solid #960eff; border-radius: 8px; color: #fff; font: 500 17px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; display: inline-block; padding: 10px 16px 12px; text-decoration: none; transition: all 0.35s ease; text-transform: lowercase; width: 100%; text-align: center; }
.campeonato-content { flex: 1 0 0; }

.stream-interna { margin: 0 0 32px; position: relative; z-index: 2000; }
.stream-interna iframe { background: #151515; border-radius: 6px; display: block; padding: 8px; }

.campeonato-block { margin: 0 0 16px; padding: 8px 0; font-size: 0; }

.campeonato-block .campeonato-item { display: inline-block; border: 1px solid rgba(255,255,255,0.1); border-radius: 6px; margin: 10px 1%; padding: 16px; width: 31.333333%; }
.campeonato-block .campeonato-item img { display: block; max-height: 32px; margin: 8px 0; }
.campeonato-block .campeonato-item img.img-avatar { background: #181818; border: 2px solid #181818; width: 40px; height: 40px; max-height: 40px; border-radius: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.campeonato-block .campeonato-item p { color: #ddd; font: 400 16px/120% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.campeonato-block .campeonato-item p span { display: block; font-size: 13px; }

.chaves-wrap { display: flex; align-items: center; justify-content: left; border: 1px solid rgba(255,255,255,0.075); border-radius: 4px; padding: 8px; }
.chaves-wrap .grouping { display: flex; align-items: center; flex-direction:row-reverse; justify-content: flex-start; flex-wrap: nowrap; overflow: auto;}
.chaves-wrap .grouping .match { width: 200px; padding: 8px 24px; }
.chaves-wrap .grouping .match .teams { width: 100%; display: flex; flex-direction: column; }
.chaves-wrap .grouping .match .teams .team { display: flex; align-items: center; justify-content: space-between; background: rgba(0,0,0,0.25); border-radius: 2px; margin: 1px 0; padding: 4px; }
.chaves-wrap .grouping .match .teams .team.team-win { border-left: 2px solid #2afc8d; }
.chaves-wrap .grouping .match .teams .team-img { background-color: #960eff; background-position: center; background-repeat: no-repeat; border-radius: 4px; width: 24px; height: 24px; margin: 0; display: inline-block; vertical-align: middle; }
.chaves-wrap .grouping .match .teams .team-name { flex: 1 1 auto; color: #888; font: 500 14px/18px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 0 8px;}
.chaves-wrap .grouping .match .teams .team-score { flex: 0 0 auto; color: #888; font: 500 20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 0 8px; }
.chaves-wrap .grouping .previous { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-around; height: 720px; }

.campeonato-equipes-wrap { display: flex; flex-direction: row; align-items: flex-start; justify-content: left; flex-wrap: wrap; }
.equipe-item { flex: 0 0 18%; margin: 16px 1%; text-align: center; }
.equipe-item img { background-color: #960eff; background-image: url(/assets/images/logotipo-weegame.png); background-blend-mode: darken; background-position: center; background-repeat: no-repeat; background-size: 40%; border-radius: 6px; display: block; margin: 0; padding: 0; width: 100%; height: auto; }
.equipe-item span { display: block; color: #888; font: 500 16px/22px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 10px 0; }
.equipe-item:hover span { color: #2afc8d; }

.partidas-lista .partidas-item { border: 1px solid rgba(255,255,255,0.075); border-radius: 6px; margin: 8px 0; padding: 8px; color: #888; font: 500 15px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; text-decoration: none; }
.partidas-lista .partidas-item img { border-radius: 6px; width: 70px; }
.partidas-lista .partidas-item div { padding: 8px 16px; }
.partidas-lista .partidas-item .partida-times { display: flex; flex-grow: 1; font-size: 16px; text-align: center; align-items: center; justify-content: center; }
.partidas-lista .partidas-item .partida-times .partida-timeA { width: 180px; display: inline-block; text-align: right; }
.partidas-lista .partidas-item .partida-times .partida-timeB { width: 180px; display: inline-block; text-align: left; }
.partidas-lista .partidas-item .partida-times .partida-timeA span.time-img,
.partidas-lista .partidas-item .partida-times .partida-timeB span.time-img { background-color: #960eff; background-position: center; background-repeat: no-repeat; border-radius: 4px; width: 56px; height: 56px; margin: 0 8px; display: inline-block; vertical-align: middle; }
.partidas-lista .partidas-item .partida-times .partida-timeB span.time-img { background-color: #2afc8d; }
.partidas-lista .partidas-item .partida-times .partida-times-X { font-size: 24px; margin: 0 8px; }
.partidas-lista .partidas-item .partida-status span { border: 2px solid #fff; border-radius: 50px; color: #fff; width: 100px; display: block; font-size: 13px; padding: 2px 0 3px; text-align: center; }
.partidas-lista .partidas-item .partida-status span[data-value="finalizada"] { border-color: #2afc8d; color: #2afc8d; }
.partidas-lista .partidas-item .partida-status span[data-value="aguardando"] { opacity: 0.25; }

/* Blog */
.noticias-content { max-width: 1080px; margin: 0 auto; padding: 0; }
.noticias-content-categorias { border-bottom: 1px dotted rgba(0,0,0,0.125); margin: 0 0 16px; padding: 0 0 16px; }
.noticias-content-categorias a { background: #960eff; border-radius: 50px; color: #fff; display: inline-block; font: 400 13px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 3px; padding: 3px 10px; text-decoration: none; }
.noticias-content-image { background-position: center; background-size: cover; border-radius: 6px; height: 360px; }
.noticias-content-text{ margin: 0; padding: 40px;color:#fff; font: 300 19px/32px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; width: calc(100% - 205px)}
.noticias-content-text p{color:#fff; font: 300 19px/32px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }


.noticias-content-text p i{font: italic 200 22px/26px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display:inline-block;  margin:20px 50px; padding:30px 45px; background:#111; border-radius:6px; color:#960eff}
.noticias-content-text ul{list-style: circle; color:#2afc8d; margin:0 50px 40px}
.noticias-content-text ul li{font: italic 200 20px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin:20px auto; padding:0px;  border-radius:6px; color:#fff}
.noticias-content-text p a, .noticias-content-text p strong, .noticias-content-text b{ color:#2afc8d}

.noticias-content-text u{font: 600 28px/28px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display:block; margin:20px 0; color:#960eff; text-decoration: none;}

.noticias-content-text img { border: 1px solid rgba(0,0,0,0.05); border-radius: 2px; display: block; margin: 32px auto; max-width: 100%; }

.noticias-mais { border-top: 1px solid rgba(0,0,0,0.1); padding: 16px 0; }
.noticias-mais > h3 { color: #fafafa; font: 500 24px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0; text-align: center; }

/* WeeTV */
.weetv-stream { background: #202020 url(/assets/images/backgrounds/img1.jpg) center top no-repeat; height: auto; margin: 0; padding: 150px 0 32px; position: relative; width: 100%; }
.weetv-stream:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 500px; z-index: 1200; background: -moz-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }
.weetv-stream .wrap { z-index: 1300; }
.weetv-stream iframe { border: 4px solid #151515; border-radius: 4px; display: block; margin: 0; }

.stream-category { border-bottom: 1px solid rgba(0,0,0,0.075); margin: 0 0 16px; padding: 0 0 16px; }
.stream-category h2 { color: #fff; font: 500 24px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0; text-align: left; flex-basis: 100%; }
.stream-category-list { display: flex; align-items: flex-start; justify-content: left; flex-wrap: nowrap; overflow: auto; }
.stream-category-list .streams-item { margin-right: 1%; }

.stream-partners { margin: 40px 0; }
.stream-partners h2 { color: #960eff; font: 500 24px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 auto; text-align:center }
.stream-partners-list { display: flex; align-items: flex-start; justify-content: left; flex-wrap: nowrap; overflow: auto; }


.streamer-user { display: flex; align-items: center; justify-content: flex-start;  flex: 1 0 10%; margin: 16px 0; text-align: center; height:230px; }
.streamer-user a{text-decoration:none; margin:0 auto; transition: 1s; -webkit-transition: 1s; max-width:120px !important}

.streamer-user a .span { display:none; border-radius: 6px; color: #fff;background:#960eff; font: 500 12px/16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 6px; background: #960eff; margin: 0 0 12px; }
.streamer-user:hover{display:block}

.streamer-user a span{display: none}


.streamer-user a img { border: 10px solid #333; border-radius: 80px;  position: relative;  }
.streamer-user:hover .streamer-user-img { border: 10px solid #2afc8d; width:150px }
.streamer-user-info { flex: 1 0 100%; background: #191919; border-radius: 32px; padding: 90px 40px 30px; width: 100%; }
.streamer-user h4 { font: 500 24px/24px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display:block; color:#fff}
.streamer-user:hover h4 { color:#960eff; }
.streamer-user span {color:#888; display:block; font: 300 14px/18px 'Sofia Pro Soft', Arial, Helvetica, sans-serif;}
/*.streamer-user a {border: 2px solid #2afc8d; border-radius: 12px; color: #2afc8d; font: 500 14px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; display: inline-block; margin: 10px 0 0; padding: 8px 16px; text-decoration: none; vertical-align: middle; transition: all 0.35s ease; }
.streamer-user a:hover { background: #2afc8d; color: #202020; }*/

/* Como funciona */
.cf-header { background: #202020 url(/assets/images/backgrounds/img1.jpg) center top no-repeat; background-size: cover; height: auto; margin: 0; padding: 150px 0 32px; position: relative; width: 100%; }
.cf-header:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; z-index: 1200; background: -moz-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #202020 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }
.cf-header .wrap { padding: 80px 0 120px; text-align: center; }
.cf-header h1 { color: #fff; font: 300 48px/115% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0 0 24px; padding: 0; }
.cf-header h1 strong { font-weight: 700; color: #fff; }
.cf-header p { color: rgba(255,255,255,0.985); font: 300 17px/160% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0.5px; margin: 0; padding: 0; }

.cf-items { margin: 0 0 48px; }
.cf-item { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; padding: 0 80px; }
.cf-item:nth-child(odd) { flex-direction: row-reverse; }
.cf-item > div { flex: 1; padding: 0 24px; }
.cf-item-img img { max-width: 75%; height: auto; margin: 0 auto; display: block; padding: 80px; border-radius: 60px; }
.cf-item-info h3 { color: #2afc8d; font: 400 32px/115% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -0.5px; margin: 0 0 16px; padding: 0; }
.cf-item-info h3 strong { font-weight: 700; color: #2afc8d; }
.cf-item-info p { color: rgba(255,255,255,0.985); font: 300 17px/160% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

/* Loja */
.loja-wrap { padding: 80px 0 0; }

.loja-slider { background: #202020; border-radius: 8px; height: auto; margin: 0; padding: 0; position: relative; width: 100%; }
.loja-slider ul,
.loja-slider ul li { height: auto; list-style: none; margin: 0; padding: 0; }
.loja-slider ul li a { display: block; }
.loja-slider ul li img { display: block; border-radius: 8px; width: 100%; margin: 0; height: auto; }
.loja-slider .bx-controls { height: 20px; position: absolute; bottom: 24px; left: 0; z-index: 1400; width: 100%; }
.loja-slider .bx-pager { height: 20px; text-align: center; }
.loja-slider .bx-pager .bx-pager-item { display: inline-block; vertical-align: middle; }
.loja-slider .bx-pager .bx-pager-item a { background: #fff; border: 2px solid transparent; border-radius: 8px; display: block; font-size: 1000px; height: 8px; width: 8px; margin: 0 6px;  overflow: hidden; transition: all 0.25s ease; }
.loja-slider .bx-pager .bx-pager-item a.active { background: #2afc8d; border: 2px solid #2afc8d; width: 32px; }

.loja-menu { display: flex; align-items: center; justify-content: space-around; border-radius: 8px; margin: 24px 0; padding: 0 16px; }
.loja-menu a { display: flex; align-items: center; justify-content: center; flex-direction: column; text-decoration: none; text-align: center; padding: 16px 20px; position: relative; transition: all 0.4s ease; }
.loja-menu a:after { content: ''; background: #181818; border-radius: 4px 4px 0 0; height: 4px; width: 80%; position: absolute; bottom: 0; left: 10%; opacity: 0; transition: all 0.4s ease; }
.loja-menu a img { max-height: 40px; margin: 0 0 4px; }
.loja-menu a span { color: #181818; font: 400 13px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; width: 100%; text-align: center; }
.loja-menu a:hover { background: rgba(0,0,0,0.025); }
.loja-menu a:hover:after { opacity: 1; }

.loja-categoria { margin: 32px 0; position: relative; }
.loja-categoria h2 { border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff; font: 500 26px/105% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 16px; padding: 0; }
.loja-categoria h2 span { border-bottom: 2px solid #2afc8d; display: inline-block; color: #2afc8d; font: 500 26px/105% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 16px 0; }
.loja-categoria ul,
.loja-categoria ul li { list-style: none; margin: 0; padding: 0; }
.loja-categoria .arrow { cursor: pointer; height: 50px; width: 27px; opacity: 0.25; position: absolute; top: 55%; transition: all 0.4s ease; }
.loja-categoria .arrow:hover { opacity: 1; }
.loja-categoria .arrow.prev { background: url(/assets/images/layout/prev.png) center no-repeat; left: -30px; }
.loja-categoria .arrow.next { background: url(/assets/images/layout/next.png) center no-repeat; right: -30px; }
.loja-categoria .bx-controls { margin: 16px 0 0; height: 20px; z-index: 1000; width: 100%; }
.loja-categoria .bx-pager { height: 20px; text-align: center; }
.loja-categoria .bx-pager .bx-pager-item { display: inline-block; vertical-align: middle; }
.loja-categoria .bx-pager .bx-pager-item a { background: #444; border: 2px solid transparent; border-radius: 8px; display: block; font-size: 1000px; height: 8px; width: 8px; margin: 0 6px;  overflow: hidden; transition: all 0.25s ease; }
.loja-categoria .bx-pager .bx-pager-item a.active { background: #2afc8d; border: 2px solid #2afc8d; width: 32px; }
.loja-produtos { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 0 }
.loja-item { flex: 0 0 24%; width: 24%; background: rgba(255,255,255,0.0275); border-radius: 4px; padding: 8px; text-align: center; text-decoration: none; }
.loja-item span.loja-item-img { display: block; padding: 8px; }
.loja-item span.loja-item-img img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.loja-item span.loja-item-info { border-top: 1px solid rgba(0,0,0,0.15); display: block; padding: 16px; }
.loja-item span.loja-item-info h4 { color: #eee; font: 400 15px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; min-height: 60px; max-height: 60px; overflow: hidden; margin: 0; padding: 0; }
.loja-item span.loja-item-rating { display: block; margin: 12px 0; }
.loja-item span.loja-item-rating i { color: #2afc8d; font-size: 16px; margin: 0 2px; }
.loja-item span.loja-item-price,
.loja-item span.loja-item-price span { color: #aaa; font: 400 14px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }
.loja-item span.loja-item-price span.price-before { display: block; text-decoration: line-through; }
.loja-item span.loja-item-price span.price { color: #eee; font-size: 24px; line-height: 24px; font-weight: 500; margin: 2px 0; }
.loja-item span.loja-item-price span.price-description { display: block; }

/* Minha Conta */
.account-header { margin: 0 0 80px; position: relative; }
.account-banner { background-color: rgba(0,0,0,0.5); background-size: cover; background: center top; background-repeat: no-repeat; background-attachment: fixed; background-blend-mode: overlay; height: 350px; position: relative; }
.account-banner:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1200; background: -moz-linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }
.account-header-id { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1200; padding: 24px 0; }
.account-header-id .wrap { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
.account-header-img { flex: 0 0 auto; width: 22%; margin: 0 4% 0 0; padding: 0 40px; }
.account-header-img .account-header-avatar { border: 6px solid rgba(32,32,32,1); background:rgba(23,23,23,1) url(/assets/images/loading.png) center no-repeat; background-size: 70%; box-shadow: 0 8px 32px rgba(0,0,0,0.1); display: block; border-radius: 50%; overflow: hidden; margin-bottom: -80px; }
.account-header-img .account-header-avatar img { display: block; width: 100%; height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; }
.account-header-info { flex: 1 1 auto; width: 74%; }
.account-header-id h1 { color: #fff; font: 500 32px/105% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0; padding: 0; }
.account-header-icons { display: flex; align-items: center; color: #ddd; font: 400 15px/175% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 0; }
.account-header-icons a { display: flex; align-items: center; margin: 0 24px 0 0; text-decoration: none;; }
.account-header-icons a i { color: #2afc8d; font-size: 24px; margin: 0 8px;  }

.account-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin: 0 0 40px; }

.account-menu { flex: 0 0 auto; width: 22%; margin: 0 4% 0 0; display: flex; flex-direction: column; }
.account-menu .account-menu-btn { cursor: pointer; display: none; align-items: center; justify-content: space-between; border: 2px solid #960eff; border-radius: 4px; color: #960eff; font: 500 16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-align: center; margin: 0 0 4px; padding: 16px; text-decoration: none; width: 100%; }
.account-menu .account-menu-btn:after { content: '\f078'; font-family: 'FontAwesome'; }
.account-menu > div { display: flex; flex-direction: column; }
.account-menu a { display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.035); border-radius: 4px; color: #fff; font: 400 15px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 2px; padding: 8px; text-decoration: none; }
.account-menu a:hover { background: #960eff; }
.account-menu a img { margin: 4px; width: 32px; height: 32px; opacity: 0.35; }
.account-menu a span { flex: 1 0 auto; padding: 0 8px; }
.account-menu .on { background: #960eff; }
.account-menu div.divider { margin: 4px 0; }

.account-content { flex: 1 1 auto; width: 74%; }

.account-dashboard { background: rgba(0,0,0,0.25); border-radius: 8px; margin: 0 0 40px; padding: 0; display: flex; align-items: flex-start; justify-content: space-evenly; flex-wrap: wrap; }
.dashboard-item { flex: 0 0 23%; margin: 16px 0; background: rgba(0,0,0,0.125); border-bottom: 2px solid #960eff; border-radius: 2px; padding: 16px; }
.dashboard-item h3 { color: #960eff; font-size: 32px; line-height: 100%; margin: 0 0 4px; padding: 0; }
.dashboard-saldo { flex: 1 0 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background: #960eff; border-radius: 8px 8px 0 0; color: #ddd; font: 400 15px/175% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0; padding: 24px; }
.dashboard-saldo strong { flex: 1; color: #2afc8d; font-size: 30px; padding: 0 16px; }
.dashboard-saldo a { border: 2px solid #fff; border-radius: 50px; color: #fff; padding: 6px 14px; text-decoration: none; }
.dashboard-campeonatos { flex: 1 0 100%; margin: 0; padding: 24px; }
.dashboard-campeonatos h3 { margin: 0 0 8px; }
.dashboard-campeonatos a.btn { background: #960eff; border-radius: 8px; color: #fff; display: inline-block; font: 400 15px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 16px 24px; text-decoration: none; }

.account-teammates { flex: 1 0 100%; border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0 0 40px; padding: 0 0 40px; display: flex; align-items: flex-start; justify-content: left; flex-wrap: wrap; }
.account-teammates h3 { flex: 1 0 100%; }
.account-teammates .teammate-item { flex: 0 0 20%; text-align: center; margin: 8px 0; padding: 0 16px; text-decoration: none; }
.account-teammates .teammate-item .teammate-img { background-color: rgba(0,0,0,0.15); border: 4px solid rgba(0,0,0,0.35); border-radius: 50%; width: 128px; height: 128px; margin: 0 auto; position: relative; }
.account-teammates .teammate-item .teammate-img img { border-radius: 50%; display: block; width: 100%; height: 100%; object-fit: cover; }
.account-teammates .teammate-item .teammate-img span.delete { display: flex; align-items: center; justify-content: center; background: #fa406b; border-radius: 50%; color: #fff; font-size: 14px; width: 30px; height: 30px; position: absolute; top: 0; right: 0; opacity: 0; transition: all 0.25s ease; }
.account-teammates .teammate-item:hover .teammate-img span.delete { opacity: 1; }
.account-teammates .teammate-item .teammate-data { display: block; margin: 8px 0; }
.account-teammates .teammate-item .teammate-data h3 { margin: 4px 0; font-size: 14px; }
.account-teammates .teammate-item .teammate-data span { background-color: #960eff; border-radius: 50px; color: #fff; display: inline-block; font: 400 12px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 4px 8px; }

.account-achievements { border-bottom: 1px solid rgba(255,255,255,0.1); margin: 0 0 40px; padding: 0 0 40px; }
.account-achievements h3 { flex: 1 0 100%; }

.achievements-progress { margin: 16px 0; }
.achievements-progress .achievements-progress-stats { display: flex; align-items: flex-start; justify-content: space-between; }
.achievements-progress .achievements-progress-stats span { background: rgba(0,0,0,0.25); border-radius: 4px; font: 500 15px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 4px 0; padding: 4px 12px 5px; }
.achievements-progress .achievements-progress-bar { display: flex; align-items: flex-start; justify-content: left; background: rgba(0,0,0,0.25); border-radius: 60px; height: 12px; margin: 8px 0 40px; overflow: hidden; }
.achievements-progress .achievements-progress-bar span { border-radius: 50px; height: 12px; width: 30%; }

.account-achievements .achievements-items { display: flex; align-items: flex-start; justify-content: left; flex-wrap: wrap; margin: 16px 0; }
.account-achievements .achievement-item { flex: 0 0 20%; text-align: center; margin: 0 0 16px; padding: 0 12px; }
.account-achievements .achievement-item .achievement-img { background-color: rgba(0,0,0,0.25); border-radius: 8px; width: 128px; height: 128px; margin: 0 auto; padding: 12px; overflow:hidden; }
.account-achievements .achievement-item[data-active="yes"] .achievement-img { background: #2afc8d; background: -moz-linear-gradient(45deg, #2afc8d 0%, #a7fb61 100%); background: -webkit-linear-gradient(45deg, #2afc8d 0%, #a7fb61 100%); background: linear-gradient(45deg, #2afc8d 0%, #a7fb61 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2afc8d', endColorstr='#a7fb61',GradientType=1 ); }
.account-achievements .achievement-item .achievement-img img { display: block; width: 100%; height: auto; }
.account-achievements .achievement-item p { font: 500 14px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 4px 0; }
.account-achievements .achievement-item p span { color: #fff; display: block; font: 500 16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }

.inputPhoto { display: flex; align-items: flex-start; justify-content: center; margin: 16px 0; }
.inputPhoto label { cursor: pointer; position: relative; width: 200px !important; }
.inputPhoto label i { display: flex; align-items: center; justify-content: center; background: #960eff; border-radius: 50%; color: #fff; font-size: 16px; width: 48px; height: 48px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,50%); transition: all 0.35s ease-in-out; }
.inputPhoto label:hover i { width: 56px; height: 56px; }
.inputPhoto input { display: none; }
.inputPhoto .inputPhoto-img { border: 10px solid rgba(0,0,0,0.1); background:rgba(23,23,23,1) url(/assets/images/loading.png) center no-repeat; background-size: 70%; display: block; border-radius: 50%; width: 200px; height: 200px; margin: 0 auto; position: relative; overflow: hidden; }
.inputPhoto .inputPhoto-img img { display: block; }

.inputPhoto-team { border: 1px solid rgba(0,0,0,0.1); background:rgba(0,0,0,0.25); border-radius: 6px; margin: 40px 0 0 40px; padding: 24px; }
.inputPhoto-team label { text-align: center; }
.inputPhoto-team label p { margin: 0 0 4px; font-size: 16px; opacity: 0.6; }

.account-games { flex: 1 0 100%; border-top: 1px solid rgba(0,0,0,0.25); margin: 16px 0; padding: 16px 0; }
.account-games-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.account-games-wrap:after { content: ''; flex: auto; } 
.gameBox { padding: 10px 16px 40px !important; text-align: center; }
.gameBox div {background: #191919; border-radius: 10px; padding: 5px; width: 100%; text-align: center; overflow: hidden; }
.gameBox div img { border-radius: 6px; display: block; max-width: 100%; height: auto; }
.gameBox:hover div, .gameBox:focus div{background:#960eff; cursor:pointer}
.gameBox span{margin-top:10px}
.gameBox input{width:80% !important; margin:0 auto !important}
.gameBox span, .gameBox input{display:none !important; ; text-align:center; width:90%}
.gameBoxOn div {background:#960eff; cursor:pointer}
.gameBoxOn span, .gameBoxOn input{display:inline-block !important; }

.account-policies { flex: 1 0 100%; background: rgba(0,0,0,0.185); border-radius: 8px; margin: 0 0 16px; padding: 12px; }
.account-policies label { display: block; margin: 0 !important; }

.account-campeonatos { border-bottom: 1px solid rgba(0,0,0,0.15); margin: 8px 0; padding: 12px 0; }
.account-campeonatos .campeonatos-item { background: rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.05); border-radius: 4px; display: flex; color: #888; font: 500 18px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 8px 0; padding: 8px; text-decoration: none; }
.account-campeonatos .campeonatos-item img { border-radius: 6px; width: 100px; margin: 4px 8px; }
.account-campeonatos .campeonatos-item > div { padding: 8px 24px; }
.account-campeonatos .campeonatos-item .campeonato-dados { flex-grow: 1; }
.account-campeonatos .campeonatos-item .campeonato-dados span { display: block; font-size: 14px; font-weight: 500; }
.account-campeonatos .campeonatos-item .campeonato-status span { border-radius: 50px; color: #fff; background: rgba(255,255,255,0.1); display: inline-block; font-size: 12px; padding: 8px 12px; text-align: center; font-weight: 500; }
.account-campeonatos .campeonatos-item .campeonato-premio { color: #2afc8d; }
.account-campeonatos .campeonatos-item .campeonato-players { text-align: center; }
.account-campeonatos .campeonatos-item .campeonato-players span { display: block; font-size: 12px; font-weight: 500; }
.account-campeonatos .campeonatos-item .campeonato-status span[data-value="open"] { color: #2afc8d; }
.account-campeonatos .campeonatos-item .campeonato-status span[data-value="closed"] { opacity: 0.25; }
.account-campeonatos .campeonatos-item:hover { background-blend-mode: multiply !important;background-color: #2afc8d; color: #282828; cursor: pointer; }
.account-campeonatos .campeonatos-item:hover .campeonato-premio { color: #960eff; }
.account-campeonatos .campeonatos-item:hover span { color: #960eff; }
.account-campeonatos .campeonatos-item:hover .campeonato-status span { background: #202020; }
.account-campeonatos .campeonatos-item.active { border-left: 5px solid #2afc8d; }

.account-myteams h3 { color: #2afc8d; font-size: 18px; margin: 4px 0; }
.account-myteams p span { font-size: 14px; font-weight: inherit; }
.account-myteams a.create-team { display: flex; align-items: center; justify-content: center; flex-flow: wrap row; background: #960eff; border-radius: 50px; padding: 8px 16px; text-decoration: none; transition: all 0.45s ease; }
.account-myteams a.create-team:hover { background: #6d0ab9; color: #fff; }
.account-myteams a.create-team img { width: 56px; margin: 0 12px 0 0; mix-blend-mode: multiply; }
.account-myteams a.create-team span { color: #fff; font: 500 16px/115% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0; }
.account-myteams-wrap { flex: 1 0 100%; border-top: 1px solid rgba(255,255,255,0.05); margin: 16px 0; padding: 16px 0; }
.account-myteams-wrap .team-item { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background: rgba(0,0,0,0.085); border: 1px solid rgba(0,0,0,0.15); border-radius: 6px; margin: 8px 0 8px 85px; }
.account-myteams-wrap .team-item .team-info { flex: 1; display: flex; align-items: center; justify-content: left; padding: 16px; }
.account-myteams-wrap .team-item .team-info .team-img { border: 10px solid rgba(0,0,0,0.1); background:rgba(23,23,23,1) url(/assets/images/loading.png) center no-repeat; background-size: 70%; display: block; border-radius: 50%; width: 170px; height: 170px; margin: 0 0 0 -101px; overflow: hidden; }
.account-myteams-wrap .team-item .team-info .team-img { display: block; object-fit: cover; }
.account-myteams-wrap .team-item .team-info .team-description { flex: 1; padding: 0 24px; }
.account-myteams-wrap .team-item .team-info .team-description span.team-jogo { background-color: #960eff; border-radius: 50px; color: #fff; display: inline-block; font: 400 12px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 4px 8px; margin: 0 0 8px; }
.account-myteams-wrap .team-item .team-info .team-description h3 { color: #ddd; font-size: 24px; line-height: 28px; margin: 0 0 4px; }
.account-myteams-wrap .team-item .team-info .team-lineup { flex: 0 0 50%; display: flex; align-items: center; justify-content: left; padding: 0 24px; flex-wrap: wrap; }
.account-myteams-wrap .team-item .team-info .team-lineup h4 { flex: 1 0 100%; color: #666; margin: 0 0 8px; }
.account-myteams-wrap .team-item .team-info .lineup-item { flex: 0 0 20%; text-align: center; padding: 0 4px; text-decoration: none; }
.account-myteams-wrap .team-item .team-info .lineup-item .lineup-img { background-color: rgba(0,0,0,0.15); border: 2px solid rgba(0,0,0,0.35); border-radius: 50%; width: 54px; height: 54px; margin: 0 auto; overflow:hidden; }
.account-myteams-wrap .team-item .team-info .lineup-item .lineup-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.account-myteams-wrap .team-item .team-info .lineup-item .lineup-data { display: block; margin: 8px 0; }
.account-myteams-wrap .team-item .team-info .lineup-item .lineup-data span { color: #fff; display: block; font: 400 12px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }
.account-myteams-wrap .team-item .team-options { display: flex; flex-flow: wrap column; align-items: center; justify-content: center; background: rgba(0,0,0,0.15); flex: 0 0 auto; padding: 16px; height: 220px; }
.account-myteams-wrap .team-item .team-options a { display: flex; align-items: center; justify-content: center; border: 1px solid #282828; background: none; border-radius: 6px; color: #ddd; font-size: 20px; margin: 4px; width: 40px; height: 40px; text-decoration: none; transition: all 0.25s ease; }
.account-myteams-wrap .team-item .team-options a:hover { background: #2afc8d; color: #191919; }
.account-myteams-wrap .team-item .team-options a span { display: none; }

.account-recruiting { flex: 1 0 100%; background: rgba(0,0,0,0.25); border-radius: 6px; margin: 0 0 24px; padding: 20px 24px; }
.account-recruiting h3 { margin: 0 0 12px; }
.account-recruiting label { display: block; width: 100%; }
.account-recruiting label input { width: 100%; }
.account-recruiting div#receberRecruta { border-top: 1px solid rgba(255,255,255,0.05); padding: 8px 0; }
.account-recruiting div#receberRecruta:empty { display: none; }
.account-recruiting div#receberRecruta a.btn-recrutar { display: block; background: #960eff; border-radius: 6px; color: #fff; font: 500 16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-align: center; padding: 16px; text-decoration: none; width: 100%; }

/* Minha Conta */
.account-wrap { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin: 0 0 40px; }

.account-menu { flex: 0 0 auto; width: 22%; margin: 0 4% 0 0; display: flex; flex-direction: column; }
.account-menu a { display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.035); border-radius: 4px; color: #fff; font: 400 15px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 2px; padding: 8px; text-decoration: none; }
.account-menu a:hover { background: #960eff; }
.account-menu a img { margin: 4px; width: 32px; height: 32px; opacity: 0.35; }
.account-menu a span { flex: 1 0 auto; padding: 0 8px; }
.account-menu .on { background: #960eff; }

.account-content { flex: 1 1 auto;}

.account-teams .teams-item { position:relative;display: block; margin: 24px 0; padding: 0px; border: 1px solid rgba(0,0,0,0.1); border-radius: 16px; background:#191919}
.account-teams .team-card { float:left; width: 93%; border-radius:20px; overflow:hidden; height:220pxr; margin:0;}
.account-teams .team-card .team-img { background-color: rgba(0,0,0,0.1); background-position: center; background-repeat: no-repeat; border-radius: 150px; width: 150px; height: 150px; margin: 30px 30px 30px 0; float:right; overflow:hidden; }
.account-teams .team-card .team-info { position:absolute; right:280px; top:50px; text-align:right }
.account-teams .team-card .team-info h3 { margin: 0 0 8px; }
.account-teams .team-card .team-info span { background-color: #960eff; border-radius: 50px; color: #fff; display: inline-block; font: 400 12px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 4px 8px; margin: 0 0 8px; }
.account-teams .team-card .team-info p { margin: 0; }

.account-teams .team-plantel { width: 100%; float:none }
.account-teams .team-plantel .players-item { border: 1px solid rgba(255,255,255,0.075); border-radius: 100px; margin: 4px 10px; padding: 4px; color: #888; font: 500 16px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif;float:left; text-decoration: none; }
.account-teams .team-plantel .players-item div { padding: 0px;border-radius: 100px; overflow:hidden }
.account-teams .team-plantel .players-item .player-img {border-radius: 100px; overflow:hidden}


.account-teams .team-plantel .players-item .player-data { display: flex; flex-grow: 1; font-size: 16px; text-align: left; align-items: center; justify-content: left; }
.account-teams .team-plantel .players-item .player-rank { display: flex; }
.account-teams .team-plantel .players-item .player-rank span { display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1); color: #fff; border-radius: 4px; width: 40px; height: 40px; }
.account-teams .team-plantel .players-item:nth-child(1) { background: #960eff; color: #fff; }
.account-teams .team-plantel .players-item:nth-child(2) .player-rank span,
.account-teams .team-plantel .players-item:nth-child(3) .player-rank span { background: #960eff; }
.account-teams .team-plantel .players-item .player-data .player-name { width: 50%; }
.account-teams .team-plantel .players-item .player-data .player-team { width: 50%; }
.account-teams .team-plantel .players-item .player-score { margin-right: 16px; }



.account-teams .team-plantel-img { float:left; margin:0 10px}
.account-teams .team-plantel-img .players-item { border: 1px solid rgba(255,255,255,0.075); border-radius: 100px; margin: 4px 10px; padding: 4px; color: #888; font: 500 16px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif;float:left; text-decoration: none; }
.account-teams .team-plantel-img .players-item div { padding: 0px;border-radius: 100px; overflow:hidden }
.account-teams .team-plantel-img .players-item .player-img {border-radius: 100px; overflow:hidden}

.account-teams .team-plantel-img .players-item .player-data { display: flex; flex-grow: 1; font-size: 16px; text-align: left; align-items: center; justify-content: left; }
.account-teams .team-plantel-img .players-item .player-rank { display: flex; }
.account-teams .team-plantel-img .players-item .player-rank span { display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1); color: #fff; border-radius: 4px; width: 40px; height: 40px; }
.account-teams .team-plantel-img .players-item:nth-child(1) { background: #960eff; color: #fff; }
.account-teams .team-plantel-img .players-item:nth-child(2) .player-rank span,
.account-teams .team-plantel-img .players-item:nth-child(3) .player-rank span { background: #960eff; }
.account-teams .team-plantel-img .players-item .player-data .player-name { width: 50%; }
.account-teams .team-plantel-img .players-item .player-data .player-team { width: 50%; }
.account-teams .team-plantel-img .players-item .player-score { margin-right: 16px; }




.team-opt{position:absolute; right:-20px; top:18px}
.team-opt .dark-btn{padding:13px 15px; border-radius:6px; width:47px; height:47px;box-shadow:3px 3px 15px rgba(0,0,0,0.4); overflow:hidden; display:inline-block; background:#2afc8d; margin:5px 0}
.team-opt .dark-btn span{padding:15px; display:inline-block}
.team-opt .dark-btn i{color:#282828; font-size:20px}



.purple-btn{font: 500 25px/115% 'Sofia Pro Soft', Arial, Helvetica, sans-serif;padding:30px 30px; background:#960eff; border-radius:50px; display:inline-block; text-decoration:none; color:#2afc8d}
.purple-btn:hover{background:#6d0ab9; color:#fff}

#caixaFoto{border-radius:180px; width:180px; height:180px; margin:0 10px; overflow:hidden}
#caixaFoto i{color:#2afc8d; margin:40px; font-size:100px; opacity:0.2}
#caixaFoto img{width:180px; max-width:280px}

#caixaFoto2{border-radius:180px; width:180px; height:180px; margin:0 10px; overflow:hidden}
#caixaFoto2 i{color:#2afc8d; margin:40px; font-size:100px; opacity:0.2}
#caixaFoto2 img{width:180px; max-width:280px}

/* Player */
.player-profile { padding: 0; }
.player-header { margin: 0 0 40px; position: relative; }
.player-banner { background-color: rgba(0,0,0,0.5); background-size: cover; background: center top; background-repeat: no-repeat; background-attachment: fixed; height: 540px; position: relative; background-size:auto; height:640px;-webkit-background-size: contain;  -moz-background-size: contain;  -o-background-size: contain;  background-size: contain; background-position:center 52px}
.player-banner:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1200; background: -moz-linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #111 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }
.player-header-id { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1200; padding: 24px 0; }
.player-header-id .wrap { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
.player-header-img { flex: 0 0 auto; width: 22%; margin: 0 4% 0 0; padding: 0 40px; }
.player-header-img .player-header-avatar { border: 5px solid rgba(32,32,32,1); background:rgba(0,0,0,0.5); display: block; border-radius: 50%; overflow: hidden; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: -80px; }
.player-header-img .player-header-avatar img { display: block; width: 100%; height: auto; }
.player-header-info { flex: 1 1 auto; width: 74%; }
.player-header-id h1 { color: #fff; font: 500 32px/105% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0; padding: 0; }
.player-header-id p { color: #ddd; font: 400 15px/175% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0; padding: 0; }
.player-header-icons { display: flex; align-items: center; color: #ddd; font: 400 15px/175% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 16px 0 0; }
.player-header-icons span { display: flex; align-items: center; margin: 0 24px 0 0; }
.player-header-icons span i { color: #2afc8d; font-size: 24px; margin: 0 8px;  }

.player-content { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin: 0 0 40px; }
.player-content-sidebar { flex: 0 0 auto; width: 22%; margin: 40px 4% 0 0; display: flex; flex-direction: column; }
.player-content-sidebar ul { margin: 0; padding: 0 24px; list-style: none; }
.player-content-sidebar ul li  { display: flex; align-items: center; color: #aaa; font: 400 14px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 16px; padding: 0; text-decoration: none; }
.player-content-sidebar ul li i { color: #2afc8d; font-size: 20px; margin: 0 12px 0 0; width: 20px; text-align: center; }
.player-content-wrap { flex: 1 1 auto; width: 74%; }

.player-messages { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 32px; padding: 0 0 32px; }
.message { background: #191919; border-radius: 8px; margin: 0 0 16px; padding: 0; display: flex; flex-direction: column; }
.message-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,0.15); padding: 16px; width: 100%; }
.message-header img { width: 50px; height: 50px; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 16px 0 0; }
.message-header span.message-header-name { flex: 1; color: #eee; font: 400 13px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }
.message-header span.message-header-name:first-line { font-size: 15px; }
.message-body { padding: 24px; width: 100%; }
.message-body *:last-child { margin-bottom: 0; }
.message-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(0,0,0,0.15); padding: 16px; width: 100%; }
.message-footer span { display: flex; align-items: center; margin: 0 24px 0 0; }
.message-footer span i { color: #2afc8d; font-size: 24px; margin: 0 8px;  }

.lineup  { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 32px; padding: 0 0 32px; }
.lineup .players-item {float:left;  margin: 4px 10px; padding: 3px 3px 20px; color: #888; font: 500 16px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display: inline-block; text-decoration: none; overflow:hidden; }
.lineup .players-item .player-img { padding: 4px;border: 1px solid rgba(255,255,255,0.075); border-radius:  100px }
.lineup .players-item span { font: 500 16px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }
.lineup .players-item .player-data { display: flex; flex-grow: 1; font-size: 16px; text-align: left; align-items: center; justify-content: left; }
.lineup .players-item .player-rank { display: flex; }
.lineup .players-item .player-rank span { display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1); color: #fff; border-radius: 4px; width: 40px; height: 40px; }
.lineup .players-item:nth-child(2) .player-img { background: #960eff; color: #fff; }
.lineup .players-item .player-data .player-name { width: 50%; }
.lineup .players-item .player-data .player-team { width: 50%; }
.lineup .players-item .player-score { margin-right: 16px; }

/* Tables */
table, tr, th, td { border: 0; border-collapse: collapse; }
table { background-color: #fff; border: 6px solid #fff; border-radius: 3px; box-shadow: 0 7.5px 10px rgba(0,0,0,0.025); margin: 32px 0; padding: 0; width: 100%; }
table td input { vertical-align: middle; }
table caption { background: #202020; border-bottom: 0; border-radius: 8px 0; color: #fff; font: 700 16px/150% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 15px; text-align: center; }
table th { border: 0; border-bottom: 1px solid rgba(0,0,0,0.1); color: #2afc8d; font: 500 16px/125% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 12px; text-align: left; text-transform: uppercase; vertical-align: middle; }
table td { color: #585858; font: 500 14px/125% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 10px 12px; vertical-align: middle; }
table td strong { font-weight: 400; }

div.tbl-list { margin: 20px 0; max-width: 100%; overflow: auto; }
.tbl-list table tr:nth-child(even) { background-color: #fafafa; }
.tbl-list table tr:hover td { background-color: rgba(0,0,0,0.03); }
.tbl-list table tfoot tr td { background: none !important; }
.tbl-list table td { border-bottom: 1px solid #eee; }

.tbl-boxie { border: 0px solid #eee; }
.tbl-boxie caption { background: #fff; border: 0; border: 1px solid rgba(0,0,0,0.05); color: #484848; }
.tbl-boxie td { border: 1px solid #eee; border-top: 0; padding: 15px; }

.tbl-img { background: #fff; border: 1px solid #ddd; display: inline-block; height: 34px; margin: 1px 8px 1px 0; width: 34px; vertical-align: middle; }
.tbl-img img { display: block; width: 100%; height: 100%; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }
.opt { background: #fafafa; border: 1px solid rgba(0,0,0,0.1); color: #484848; border-radius: 35px; display: inline-block; font-size: 0.65em; font-weight: 500; margin: 0 2.5px; padding: 2px 10px; text-decoration: none; text-transform: uppercase; transition: all 0.35s ease; }
.opt:hover { background: #00d2b5; color: #fff; }

table.tbl-docs th { background: #303030; border: 1px solid #151515 !important; color: #fff; }

a.btn-action { display: inline-block; background: #2afc8d; border: 0; border-radius: 50px; cursor: pointer; color: #fff; font: 500 15px/44px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; height: 44px; width: auto; margin: 30px 0; padding: 0 25px; text-decoration: none; }

/* Formulários */
.form-default { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; font-size: 0; margin: 16px auto; }

.lbl-1-2 { width: 49% !important; }
.form-default .lbl-1-3 { width: 32.333333%; }
.form-default .lbl-1-4 { width: 24%; }
.form-default .lbl-1-5 { width: 19%; }
.form-default .lbl-1-6 { width: 15.66666%; }
.form-default .lbl-1-7 { width: 13.2%; }
.form-default label { margin: 0 0 8px; padding: 0; width: 100%; }
.form-default label span { display: block; color: #aaa; font: 500 13px/16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 4px; }
.form-default label .text { background: rgba(255,255,255,0.075); border: 0; border-radius: 4px; margin: 0; padding: 12px; outline: none; color: #ddd; font: 500 15px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; width: 100%; transition: all 0.5s ease; text-transform: none; }
.form-default label .text:focus { border-color: #2afc8d; }
.form-default label select { height: auto; padding: 10px; }
.form-default label textarea { height: 120px; }
.form-default .divider,
.form-default p { width: 100%; }
.form-default .btn-wrap { text-align: center; padding: 10px 0 0; width:100% }
.form-default .btn-enviar { background: #960eff; border: 0; border-radius: 8px; cursor: pointer; color: #fff; font: 600 16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; width: 49%; padding: 16px 32px; margin:8px 0 0}
.form-default .btn-dark { background: #333; border: 0; border-radius: 8px; cursor: pointer; color: #666; font: 600 16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; width: 49%; padding: 16px 32px; margin:8px 2% 0 0}




/* Misc */
.radio, .checkbox { cursor: pointer; margin: 0 0 5px !important; vertical-align: middle; }
.radio-inline, .checkbox-inline { display: inline-block !important; padding: 0 30px 0 0; width: auto !important; }
.radio input, .checkbox input { float: left; margin: 3px 10px 0 0; }

.custom-radio { padding: 10px; overflow: hidden; }
.custom-radio input { visibility: hidden; position: absolute; text-indent: -9999px; }
.custom-radio span { display: inline-block; padding: 0; }
.custom-radio span:before { content: '\f00c'; color: #fff; font-family: 'FontAwesome'; font-size: 9px; font-weight: normal; display: inline-block; line-height: 12px; width: 18px; height: 18px; background: #fff; border: 3px solid #ccc; border-radius: 50%; margin: -1px 7px 0; vertical-align: middle; text-align: center; }
.custom-radio.radio-on span:before { border: 3px solid #00386b !important; background: #00386b; }

.custom-checkbox { padding: 5px !important; margin: 0 10px 10px 0 !important; overflow: hidden; }
.custom-checkbox input { visibility: hidden; position: absolute; text-indent: -9999px; }
.custom-checkbox span { display: inline-block; padding: 0; font-size: 18px !important; }
.custom-checkbox span:before { content: '\f00d'; color: transparent; font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; display: inline-block; line-height: 18px; width: 24px; height: 24px; background: none; border: 3px solid rgba(255,255,255,0.25); border-radius: 10%; margin: -1px 10px 0 0; vertical-align: middle; text-align: center; }
.custom-checkbox.checkbox-on span { color: #960eff !important; }
.custom-checkbox.checkbox-on span:before { border: 3px solid #960eff !important; background: #960eff; color: #fff; }

.custom-checkbox span#mini:before{float:right; margin:-2px 0 0 6px}

#miniInt:before{float:left; margin:-2px 10px 0 6px}


#clickFoto{transition:0.3s; -webkit-transition:0.3s; display: block;background:#111; border-radius:200px; width:200px; height:200px; margin:20px auto; cursor:pointer; padding:10px 0 0 0; position:relative}
#clickFoto:hover{background:#960eff;}
#clickFoto .purple-circle{padding:15px; background:#960eff; border-radius:50px; display:inline-block; position:absolute; left:50%; bottom:-20px; margin-left:-26px}
#clickFoto:hover .purple-circle{padding:25px; bottom:-30px; margin-left:-36px}

#clickFoto2{transition:0.3s; -webkit-transition:0.3s; display: block;background:#111; border-radius:200px; width:200px; height:200px; margin:20px auto; cursor:pointer; padding:10px 0 0 0; position:relative}
#clickFoto2 .purple-circle{padding:15px; background:#960eff; border-radius:50px; display:inline-block; position:absolute; left:50%; bottom:-20px; margin-left:-26px}




.purple-circle i{color:#fff; margin:0px; font-size:16px;padding:0px; opacity:1;}
.purple-circle:hover i{color:#2afc8d; cursor:pointer;}

/* Modal */
.modal { background-color: #202020 !important; display: none; max-width: 1080px; padding: 0 !important; width:100%}
.modal h2 { background: #960eff; border-bottom: 1px solid rgba(0,0,0,0.05); color: #fff; font: 600 24px/24px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0; padding: 24px 32px; position: relative; }
.modal .modal-content { padding: 32px; }
.modal .modal-content h3 { color: #ddd; font: 400 18px/22px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 16px 0; }
.modal .modal-content p { color: #ddd; font: 400 15px/175% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 0 24px; }
.modal .fancybox-close-small:after { background: none; border: 2px solid #fff; color: #fff; line-height: 26px; top: 22px; right: 22px; }


/* Modal open */
.modalOn { background-color: #202020 !important; display: none; max-width: 700px; padding: 0 !important; box-shadow:0 0 80px rgba(0,0,0,0.5) }
.modalOn h2 { background: #960eff; border-bottom: 1px solid rgba(0,0,0,0.05); color: #fff; font: 600 24px/24px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; margin: 0; padding: 24px 32px; position: relative; }
.modalOn .modal-content { padding: 32px; }
.modalOn .modal-content h3 { color: #ddd; font: 400 18px/22px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 16px 0; }
.modalOn .modal-content p { color: #ddd; font: 400 15px/175% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; text-rendering: optimizelegibility; margin: 0 0 24px; }
.modalOn .fancybox-close-small:after { background: none; border: 2px solid #fff; color: #fff; line-height: 26px; top: 22px; right: 22px; }





*:disabled { border: 2px solid rgba(0,0,0,0.05) !important; opacity: 0.75; cursor: not-allowed; }


.disabled { opacity: 0.25;  cursor: not-allowed;pointer-events: none;}

.disabled > a{ border: 2px solid rgba(0,0,0,0.05) !important; pointer-events: none;} 


.input, .inputOn { background: #333; border: 2px solid #333; border-radius: 8px; margin: 0 0px; padding: 16px; outline: none; color: #fff; font: 500 14px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; transition: all 0.5s ease; text-transform: none; width: 280px; }
.input::placeholder { color: #999; }
.input:hover, .input:focus, .inputOn { background: #333; border: 2px solid #960eff; color:#2afc8d;font: 500 17px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif;}



/*
/    Login
*/


.left25 { width: 25%; }
.left50 { width: 50%; }
.left75 { width: 75%; }


.gameBox{text-align:center; padding:10px 15px 40px !important;}
.gameBox div{background:#191919;border-radius:10px; padding:5px !important; width:100%;  text-align:center; overflow:hidden}
.gameBox:hover div, .gameBox:focus div{background:#960eff; cursor:pointer}

.gameBox span{margin-top:10px}
.gameBox input{width:80% !important; margin:0 auto !important}
.gameBox span, .gameBox input{display:none !Important; text-align:center; width:90%}

.gameBoxOn div {background:#960eff; cursor:pointer}
.gameBoxOn span, .gameBoxOn input{display:inline-block !Important}



#btnDownGame{float:right; width:35%; margin:0}
#totalJogs{float:left; width:35%}
#plat{float:left; width:20%;}
#plat h3, #totalJogs h3{color:#8500bd; margin:0; padding:0}

#contentPainelGeral{margin-top:200px}

#contentNomeJogador{flex: 1 1 auto;width: 54%; margin-top:50px}
/*
/    Responsive

*/


.box-video-stremer{background:#960eff; padding:10px 0; position:relative; height:90px}
.box-video-stremer .fotoStr {width:210px; height:210px; border-radius:110px; border:10px solid #960eff; box-shadow:0 0 20px rgba(0,0,0,0.5); float:left; margin:10px 30px 10px 30px}
.box-video-stremer .fotoStr img {border-radius:100px; height:190px; width:190px}
.box-video-stremer .strInfo{float:left; margin:30px 0 0 0px}
.box-video-stremer .strInfo h2{color:#fff; border-radius:50px; margin-bottom:10px}
.box-video-stremer .strInfo div{margin-left: 30px}
.box-video-stremer .strInfo div span{color:#999; margin:0 0px}
.box-video-stremer .strInfo div .dividir{margin:10px 0 0px}
.box-video-stremer .strInfo div p{color:#fff;}
.box-video-stremer .strInfo div i{font-size:8px; color:#960eff; margin:0 10px}

.live{font-size:20px !important; padding:10px !important}


.logg {padding:60px 40px 30px 0;max-width:500px; min-width:300px; width:80%; margin:0 auto 50px;  text-align: center; display:block; border-radius: 0; border-right:1px solid #111;text-align:left; color:#fff}
 





.streamer-user-img{width:150px !important; border-radius:150px}
.streamer-user a img { border: 5px solid #333; border-radius: 150px;  position: relative; width:150px !important; background:none  }
.streamer-user:hover .streamer-user-img { border: 5px solid #2afc8d;border-radius: 150px; }
.streamer-user-info { flex: 1 0 100%;  border-radius: 32px; padding: 30px 20px 30px; width: 100%; }
.streamer-user h4 { font: 500 24px/24px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display:block; color:#fff}
.streamer-user h4 { color:#999; }
.streamer-user span {color:#888; display:block; font: 300 14px/18px 'Sofia Pro Soft', Arial, Helvetica, sans-serif;}


.no-padding{padding:0 !important}



#contentLogin{border-top:2px solid #960eff;padding:60px 40px 0px; width:100%; margin:130px auto 0px; background: #222; text-align: center; display:block; border-radius:30px; text-align:left; box-shadow:3px 3px 25px rgba(0,0,0,0.7); color:#fff}


/*    shine   */


.shine {
  background: #303030;
  background-image: linear-gradient(to right, #303030 0%, #303030 20%, #8209ef 40%, #303030 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%; 
  display: inline-block;
  position: relative; 
  
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
  }


@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  
  100% {
    background-position: 468px 0; 
  }
}

















.fase{background: #960eff; padding:15px 0 !important; border-radius:10px; text-align:center; display: block}

[style*="--aspect-ratio"] > :first-child {
    width: 100%;
  }
  [style*="--aspect-ratio"] > img {  
    height: auto;
  } 
  @supports (--custom:property) {
    [style*="--aspect-ratio"] {
      position: relative;
    }
    [style*="--aspect-ratio"]::before {
      content: "";
      display: block;
      padding-bottom: calc(100% / (var(--aspect-ratio)));
    }  
    [style*="--aspect-ratio"] > :first-child {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
    }  
  }


/*
/ Responsive
*/
@media screen and (max-width: 1040px) {
  .player-banner { background-color: rgba(0,0,0,0.5); background-size: cover; background: center top; background-repeat: no-repeat; background-attachment: local; position: relative; background-size: 100%; height:456px;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; background-position:center 52px}

  /* Default*/
    .campeonatos-wrap { flex: 1 1 auto; margin-right:0px }
    .left50{width: 100%}

    .wrap { padding: 0 24px; }

    /* Header */
    header .logotipo { margin: 0; }
    header .busca { display: none; }

    header .nav-ico { cursor: pointer; display: block; border-top: 3px solid #2afc8d; width: 28px; height: 19px; margin: 0; position: relative; transition: all 0.5s ease; }
    header .nav-ico:before { content: ''; display: block; background: #2afc8d; height: 3px; width: 100%; position: absolute; top: 5px; left: 0; transition: all 0.5s ease; }
    header .nav-ico:after { content: ''; display: block; background: #2afc8d; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease; }

    header .close-ico { display: block; text-align: left; }
    header .close-ico span { cursor: pointer; display: inline-block; border-top: 0; width: 28px; height: 19px; margin: 0 auto 15px; position: relative; transition: all 0.5s ease; }
    header .close-ico span:before { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #2afc8d; position: absolute; transform: rotate(45deg); top: 10px; }
    header .close-ico span:after { content: ''; display: block; width: 100%; left: 0; height: 3px; background: #2afc8d; position: absolute; transform: rotate(135deg); bottom: initial; top: 10px; }

    header nav { background: #181818; display: block; box-shadow: 0 0 20px rgba(0,0,0,0.2); margin: 0; padding: 24px; width: 100%; height: 100%; max-width: 350px; overflow: auto; position: fixed; top: 0; left: -400px; transition: all 0.5s ease; z-index: 999999; }
    header nav.on { left: 0; }
    header nav > ul,
    header nav > ul > li { display: block; }
    header nav > ul > li { margin: 0; }
    header nav > ul > li > a { font: 500 15px/40px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }
    header nav > ul > li > a:after,
    header nav > ul > li > a.active:after,
    header nav > ul > li:hover > a:after { display: none; }

    header nav .btn-mob-fechar { display: block; background: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.075); color: #fff; display: block; font: 700 11px/55px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 2px; padding: 0 20px; text-decoration: none; text-transform: uppercase; }
    header nav .login-box { display: block; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); }
    header nav .login-box .login-box-login { display: block; color: #fff; font: 300 13px/20px 'Sofia Pro Soft', Helvetica, sans-serif; text-decoration: none; padding: 20px; }
    header nav .login-box .login-box-login:first-line { font-weight: 700; font-size: 15px; }
    header nav .login-box .login-box-login i { float: left; font-size: 40px; height: 40px; line-height: 40px; margin: 0 10px 0 0; color: #e8901c; background: -moz-linear-gradient(0deg, #e38122 0%, #f0a414 100%); background: -webkit-linear-gradient(0deg, #e38122 0%, #f0a414 100%); background: linear-gradient(0deg, #e38122 0%, #f0a414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e38122', endColorstr='#f0a414',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    header nav .login-box .login-box-login a { color: #fff; text-decoration: none; }

    /* Footer */
    footer { padding: 24px 0; }
    footer .c-infos { width: 50%; margin: 0; padding: 20px; }
    footer a.social-ico { margin: 8px 8px 16px; }
    .disclaimer { padding: 20px; }

    .newsletter { border: 0; padding: 0; }
    .newsletter .wrap { border-radius: 0;margin: 0; width: auto; padding: 32px; }
    .newsletter .wrap form { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
    .newsletter .wrap .mailing { flex: 0 0 49%; width: 49%; margin: 8px 0; }
    .newsletter .wrap .btn-cadastro { flex: 1 1 100%; width: 100%; margin: 8px 0; }

    /* Home */
    .pub { background: #202020; height: 600px; }
    .pub ul li .wrap { padding-top: 180px; }
    .pub h1 { color: #fff; font: 300 32px/110% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0 0 16px; }
    .pub p { font: 300 15px/150% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }
    .pub:after { height: 200px; }
    .pub .bx-controls { bottom: 110px; }

    .stream-home { margin: -470px 0 100px; position: relative; z-index: 2000; }
    .stream-home iframe { background: #151515; border-radius: 6px; display: block; padding: 8px; }

    .jogos-lista { margin: -64px 0 32px; }
    .jogos-lista h2 { font: 500 24px/32px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 8px 0 16px; text-align: center; }

    .jogos-lista .jogos-item { flex: 1; margin: 16px 5px; text-decoration: none; text-align: center; }
    .campeonatos-lista { padding: 40px 0 64px; }
    .campeonatos-lista h2 { margin: 0 0 24px; }

    .como-funciona .wrap { margin: -32px 16px 32px; width: auto; padding: 40px 32px; }
    .como-funciona h2 { margin: 0 0 24px; }
    .como-funciona .etapas { flex-basis: 30%; margin: 0 0.5%; }

    .streams-lista { padding: 48px 0; }
    .streams-lista h2 { margin: 0 0 24px; }
    .streams-lista .streams-item { margin: 0 0px;flex: 0 0 48%; }

    .noticias-lista { padding: 48px 0; }
    .noticias-lista h2 { margin: 0 0 24px; }
    .noticia-post { margin: 8px; }
    .noticia-info h3 { font: 500 17px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; }
    .noticia-info p { font: 500 13px/18px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin: 0; }
    .noticia-image img {}

    .patrocinadores-lista { padding: 24px 0; }
    .patrocinadores-lista .patrocinadores-item { flex-basis: 33.333333%; margin: 16px 0; }
    .patrocinadores-lista .patrocinadores-item img { margin: 0 auto; }


    .logg {padding:60px 0px 30px 0;max-width:500px; min-width:300px; width:80%; margin:0 auto 50px;  text-align: center; display:block; border-radius: 0; border-right:0px solid #111;text-align:left; color:#fff}
 
    .form-default .lbl-1-5 { width: 25%; }
}

@media screen and (max-width: 920px) {
    /* Home */
    .ad-vertical-wrap { margin: 32px auto; }
    .campeonatos-ads { display: none; }

    /* Campeonato */
    .campeonato-sidebar { flex: 0 0 40%; margin: 0 32px 0 0; }




}


@media screen and (max-width: 768px) {
  #playerPage{display: flex;  flex: 0 0 auto;  width: 100%;}

  #contentLogin{border-top:2px solid #960eff;padding:60px 40px 0px; width:100%; margin:30px auto 0px; background: #222; text-align: center; display:block; border-radius:30px; text-align:left; box-shadow:3px 3px 25px rgba(0,0,0,0.7); color:#fff}

  .form-default .lbl-1-5 { width: 33%; }

.campeonatos-filtros{display:none}


  .logg {padding:20px 0px 40px 0;width:100%; margin:0 auto 0px;  text-align: center; display:block; border-radius: 0; border-right:0px solid #111 !important;border-bottom:1px solid #333 !important;text-align:left; color:#fff}
 

.campeonato-header-id{bottom:0px}
  .campeonato-header-img { flex: 0 1 auto; width: 55%; height:55vw; margin: 0 auto; padding: 0 0px 0 0; }
  .campeonato-header-img .campeonato-header-avatar { border: 5px solid rgba(0,0,0,0.5); display: block; border-radius: 50%; overflow: hidden; border-radius: 50%; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: -60px; }
  .campeonato-header-img .campeonato-header-avatar img { display: block; width: 100%; height: auto; }



  header { background: #181818; box-shadow: -4px 12px 22px rgba(0,0,0,0.35); height: auto; margin: 0; padding: 16px 0; width: 100%; position: fixed; bottom: 0; top:auto; left: 0; z-index: 6001; transition: all 0.35s ease; }
 

#tituloAlerta{ color: #fff; font: 400 8vw/110% 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: -1.5px; }
#contentBoxAlerta{display:none; text-align:center;  width:100%;  margin:10% auto; position:fixed; left:auto; right:auto; top:10%;z-index:9999; color:#fff;}


  .contentCampInfo{width:100% ; float:none}


  .contato-infos{float:none; width:100%; text-align:center}

    .noticia-image:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, #101010 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='rgba(0,0,0,0)',GradientType=1 ); }


    .jogos-lista .jogos-item { flex: 0; margin: 16px 5px; text-decoration: none; text-align: center; }

    /* Default */
    .wrap { padding: 0 16px; }

    /* Header */
    header { padding: 8px 18px 25px 18px; background: #2afc8d }
    header .customer-area { margin: 0; padding: 0 0 0 8px; border:none }
    header .customer-area a.customer-btn { display: inline-block; font-size:0; line-height:14px; border-radius:50px; padding:1px 1px 0; color:#2afc8d; background:#181818 }
    header .customer-area a.customer-btn i { display: inline-block; font-size:36px }
    header .customer-area a.customer-avatar { margin: 0; }

    header .nav-ico { cursor: pointer; display: block; border-top: 3px solid #181818; width: 28px; height: 19px; margin: 0; position: relative; transition: all 0.5s ease; }
    header .nav-ico:before { content: ''; display: block; background: #181818; height: 3px; width: 100%; position: absolute; top: 5px; left: 0; transition: all 0.5s ease; }
    header .nav-ico:after { content: ''; display: block; background: #181818; height: 3px; width: 100%; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease; }


   

    /* Footer */
    footer { padding: 16px 0 85px; }
    footer .c-infos { width: 50%; margin: 0; padding: 16px; }
    footer .logotipo { margin: 10px auto ;}
    .disclaimer { padding: 16px; }



    header .logotipo { margin: 0; display:none !important}
    header .logotipoMobile { margin: 0; display:block;padding:0px 0}
    header .logotipoMobile img{ height:40px}


    /* Home */
    .pub { background: #202020; height: 550px;margin-top:0px }
    .pub ul li .wrap { padding-top: 180px; }
    .pub:after { height: 180px; }

    .jogos-lista .jogos-item { flex-basis: 31.333333%; margin: 8px 1%; }

    .campeonatos-lista { padding: 40px 0; margin-top:50px}
    .campeonatos-lista .wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
    .campeonatos-lista h2 { margin: 0 0 16px; }
    .campeonatos-lista .campeonatos-item { flex-basis: 98%; margin: 8px 1%; }
    .campeonatos-lista .campeonatos-item img { margin: 0 0 6px; width: 33%; }
    .campeonatos-lista .campeonatos-item .campeonato-status span { margin: 8px auto; width: 100%; }
    .campeonatos-lista .campeonatos-item .campeonato-players { text-align: left; }




    .campeonatos-lista .campeonatos-item div { padding: 8px 5px; width: 100%; text-align: right;  }
    .campeonatos-lista .campeonatos-item .campeonato-dados { flex-grow: 1; font-size: 22px;}
    .campeonatos-lista .campeonatos-item .campeonato-dados span { display: block; font-size: 12px; }
    .campeonatos-lista .campeonatos-item .campeonato-status span { border: 0px solid #fff; border-radius: 50px; color: #fff; background: rgba(255,255,255,0.1); display: inline-block; font-size: 18px; padding: 12px 20px 12px; text-align: center; }
    .campeonatos-lista .campeonatos-item div .campeonato-premio { color: #2afc8d; width:32%; font-size:25px; line-height:25px; float:left; margin-top:10px}
    .campeonatos-lista .campeonatos-item div .campeonato-players { text-align: center; width:20%;margin-top:10px; float:left }
    .campeonatos-lista .campeonatos-item div .campeonato-status {width:25%; float:right}
    .campeonato-dados-data{font-size:13px}

    .campeonatos-lista .campeonatos-item .contentCampInfo .campeonato-premio span { display: block; font-size: 12px; }
    .campeonatos-lista .campeonatos-item div .campeonato-players span { display: block; font-size: 12px; }
    .campeonatos-lista .campeonatos-item div .campeonato-status span[data-value="Aberto"] { border-color: #2afc8d; color: #2afc8d; }
    .campeonatos-lista .campeonatos-item div .campeonato-status span[data-value="Finalizado"] { opacity: 0.25; }
    .campeonatos-lista .campeonatos-item:hover { background-blend-mode: multiply !important;background-color: #2afc8d; color: #282828; cursor: pointer; }
    .campeonatos-lista .campeonatos-item:hover .campeonato-premio { color: #960eff; }
    .campeonatos-lista .campeonatos-item:hover span { color: #960eff; }
    .campeonatos-lista .campeonatos-item:hover .campeonato-status span { background: #202020; }
    


    .contentCampInfo{width:100% ; float:none; border-top:1px solid #181818}

    .como-funciona { padding: 0; }
    .como-funciona .wrap { margin: 0 16px -16px; width: auto; padding: 32px; }
    .como-funciona h2 { margin: 0 0 24px; }
    .como-funciona .etapas { flex-basis: 100%; margin: 0; padding: 16px; }
    .como-funciona a.btn { margin: 24px 0; }



    .streams-item { flex:0 0 72%; margin: 16px 15px; }

    .streams-lista { padding: 40px 0; }
    .streams-lista h2 { margin: 0 0 8px 20px; }
    .streams-lista .streams-item { flex-basis: 100%; margin: 8px 0; }

    .noticias-lista { padding: 40px 0; }
    .noticias-lista h2 { margin: 0 0 8px 20px; }
    .noticia-post { flex-basis: 100%; margin: 8px 0; }
    .noticia-image img {  }

    .noticias-lista-home .noticias-wrap { display: flex; align-items: flex-start; justify-content: left; flex-wrap: nowrap; overflow: auto; }
    .noticias-lista-home .noticias-wrap .noticia-post { flex: 0 0 80%; margin-right: 2%; }

    .patrocinadores-lista { padding: 16px 0; }
    .patrocinadores-lista .patrocinadores-item { margin: 12px 0; }
    .patrocinadores-lista .patrocinadores-item img { margin: 0 auto; max-width: 56%; }

    /* Content */
    .content { border: 0; padding: 0; }

    .content-sidebar { margin: 0 0 16px; padding: 24px; flex-basis: 100%; }
    .content-text { padding: 16px 0; flex-basis: 100%; }

 
    .title { padding: 42px 0 32px; }
    .title a.btn { border: 2px solid #2afc8d; border-radius: 12px; color: #2afc8d; font: 500 15px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; letter-spacing: 0; display: inline-block; margin: 16px 0 0; padding: 8px 16px 11px; text-decoration: none; vertical-align: middle; transition: all 0.35s ease; text-transform: lowercase; }
    .title img.title-cover { float: none; display: block; width: 100px; margin: 0 0 16px; }
    .title-bg { background-position: center top; background-repeat: no-repeat; filter: grayscale(15%); mix-blend-mode: overlay; background-size: cover; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }



    .content-tabs { overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
    .content-tabs span { line-height: 47px; padding: 0 10px; }

    /* Campeonato */
    .content-campeonato-wrap { flex-direction: ; }
    .campeonato-sidebar,
    .campeonato-content { flex: 1 1 100%; width: 100%; margin: 0 0 24px; }
    .campeonato-sidebar iframe { display: none; }

    .stream-interna { margin: 0 0 24px; }
    .stream-interna iframe { height: 280px; }
    .campeonato-block { margin: 16px 0; padding: 16px 0; font-size: 0; }
    .campeonato-block .campeonato-item { margin: 8px 1%; width: 48%; }

    .equipe-item { flex: 0 0 31.333333%; }

    .partidas-lista .partidas-item .partida-data { flex-basis: 100%; text-align: center; }
    .partidas-lista .partidas-item .partida-times .partida-timeA,
    .partidas-lista .partidas-item .partida-times .partida-timeB { width: auto; flex-grow: 1; flex-direction: column; display: flex; align-items: center; justify-content: center; }
    .partidas-lista .partidas-item .partida-times .partida-timeA { flex-direction: column-reverse; }
    .partidas-lista .partidas-item .partida-times .partida-timeA span.time-img,
    .partidas-lista .partidas-item .partida-times .partida-timeB  span.time-img { margin: 0 0 8px; }
    .partidas-lista .partidas-item .partida-status { flex-basis: 100%; text-align: center; }
    .partidas-lista .partidas-item .partida-status span { margin: 0 auto; }

    /* Minha Conta */
    .account-menu { flex: 1 1 100%; width: 100%; margin: 0 0 24px; }
    .account-content { flex: 1 1 100%; width: 100%; }


    /* Minha Conta */  
    .left25,
    .left50,
    .left75 { width: 100%; padding: 8px 0; }

    .account-banner { height: 300px; background-attachment: initial; background-position: left center; }
    .account-header { margin: 0px 0 16px; text-align: center; }
    .account-header-id { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1200; padding: 24px 0; }
    .account-header-id .wrap { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
    .account-header-id h1 { width: 100%; white-space: nowrap; text-overflow: ellipsis; line-height: 130%; overflow: hidden; }
    .account-header-img { flex: 1 1 100%; width: 100%; margin: 0; padding: 0 40px; }
    .account-header-img .account-header-avatar { margin: 0 auto; max-width: 150px; }
    .account-header-info { flex: 1 1 100%; width: 100%; text-align: center; }
    .account-header-icons { justify-content: center; margin: 8px 0 0; }
    .account-header-icons span { margin: 0 8px; }
    .account-header-icons span i { font-size: 24px; margin: 0 4px;  }

    .account-menu { flex: 1 1 100%; width: 100%; margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid rgba(255,255,255,0.05); }
    .account-menu .account-menu-btn { display: flex; }
    .account-menu > div { display: none; }
    .account-menu.active > div { display: flex; }

    .account-content { flex: 1 1 100%; width: 100%; }

    .dashboard-item { flex: 0 0 48%; }
    .dashboard-item span { font-size: 14px; }
    .dashboard-saldo { flex: 1 0 100%; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 16px; }
    .dashboard-saldo strong { flex: 1 0 100%; margin: 4px 0 20px; }
    .dashboard-saldo a { margin: 0; text-align: center; }

    .account-teammates .teammate-item { flex: 0 0 50%; padding: 0 12px; }
    .account-achievements .achievement-item { flex: 0 0 50%; padding: 0 12px; }

    .account-myteams-wrap .team-item { flex-direction: column; margin: 85px 0 8px; }
    .account-myteams-wrap .team-item .team-info { flex: 1 0 100%; justify-content: center; flex-direction: column; text-align: center; }
    .account-myteams-wrap .team-item .team-info .team-img { margin: -80px 0 0; width: 140px; height: 140px; }
    .account-myteams-wrap .team-item .team-info .team-description { flex: 1 0 100%; padding: 16px 0; width: 100%; }
    .account-myteams-wrap .team-item .team-info .team-lineup { flex: 1 0 100%; padding: 0; width: 100%; }
    .account-myteams-wrap .team-item .team-options { flex: 1 0 100%; flex-direction: row; height: auto; width: 100%; }

    .inputPhoto-team { margin: 0; }

    .account-games-wrap:after { display: none; }

    .account-policies { margin: 0 0 12px; padding: 8px; }
    .account-policies label { padding: 0 !important; }
    .account-policies .custom-checkbox span { font-size: 13px !important; }

    /* Player */
    .player-header { margin: 0px 0 16px; text-align: center; }
    .player-banner { height: 360px; }
    .player-header-id { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1200; padding: 24px 0; }
    .player-header-id .wrap { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
    .player-header-img { flex: 1 1 100%; width: 100%; margin: 0; padding: 0 40px; }
    .player-header-img .player-header-avatar { margin: 0 auto 16px; max-width: 200px; }
    .player-header-info { flex: 1 1 100%; width: 100%; text-align: center; }
    .player-header-icons { justify-content: center; margin: 8px 0 0; }
    .player-header-icons span { margin: 0 8px; }
    .player-header-icons span i { font-size: 24px; margin: 0 4px;  }

    .player-content { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin: 0 0 40px; }
    .player-content-sidebar { flex: 1 1 100%; width: 100%; margin: 16px 0; }
    .player-content-sidebar ul { padding: 0 16px; }
    .player-content-wrap { flex: 1 1 100%; width: 100%; }

    /* Loja */
    .loja-item { flex: 0 0 49%; width: 49%; margin: 8px 0; padding: 4px; }

    /* Formulários */
    .form-default label.lbl-1-2,
    .form-default label.lbl-1-3,
    .form-default label.lbl-1-4 { width: 100% !important; }
    .form-default .btn-enviar { width: 100%; text-align: center; }

    /* Modal */
    .modal { max-width: 97%; width:100% }
    






.streamer-user { display: flex; align-items: center; justify-content: flex-start;  flex: 0 0 44%; margin: 10px 0px; text-align: center; height:190px; background:none !important}
.streamer-user a{text-decoration:none; margin:0 auto; transition: 1s; -webkit-transition: 1s; width:100%; display:inline-block}

.streamer-user a .span { display:inline-block; border-radius: 6px; color: #fff;background:#960eff; font: 500 12px/16px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; padding: 6px; background: #960eff; margin: 0 0 12px; min-width:75px }
.streamer-user a .span, .streamer-user a span{display:inline-block; min-width:75px }

.streamer-user a span{display: inline-block}

.streamer-user-img{width:250px !important; border-radius:150px}
.streamer-user a img { border: 5px solid #333; border-radius: 150px;  position: relative; width:150px !important; background:none  }
.streamer-user:hover .streamer-user-img { border: 5px solid #2afc8d;border-radius: 150px; }
.streamer-user-info { flex: 1 0 100%;  border-radius: 32px; padding: 30px 20px 30px; width: 100%; }
.streamer-user h4 { font: 500 24px/24px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display:block; color:#fff}
.streamer-user h4 { color:#960eff; }
.streamer-user span {color:#888; display:block; font: 300 14px/18px 'Sofia Pro Soft', Arial, Helvetica, sans-serif;}



.content-block { display: none; margin: 0 0px 24px 0; }






/*     TV   */

.streamer-user {background:#191919; border-radius: 30px; padding:30px 10px; width:49%; text-align:center; position:relative; margin-top:90px; text-decoration:none}
.streamer-user a img{ margin:0 auto; border-radius:100px; overflow:hidden; width:110px; border: 10px solid #202020; margin:-80px auto 10px;}





.noticias-content-text{ margin: 0; padding: 40px 10px;color:#fff; font: 300 19px/32px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; width:100%}
.noticias-content-text p i{font: italic 200 22px/26px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display:inline-block;  margin:20px 0px; padding:30px 45px; background:#111; border-radius:6px; color:#960eff}
.noticias-content-text ul{list-style: circle; color:#2afc8d; margin:0 0px 40px}
.noticias-content-text ul li{font: italic 200 20px/20px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; margin:20px auto; padding:0px;  border-radius:6px; color:#fff}
.noticias-content-text p a, .noticias-content-text p strong, .noticias-content-text b{ color:#2afc8d}

.noticias-content-text u{font: 600 28px/28px 'Sofia Pro Soft', Arial, Helvetica, sans-serif; display:block; margin:20px 0; color:#960eff; text-decoration: none;}


.box-video-stremer{background:#960eff; padding:10px 0; position:relative; height:90px}
.box-video-stremer .fotoStr {width:110px; height:110px; border-radius:110px; border:10px solid #960eff; box-shadow:0 0 20px rgba(0,0,0,0.5); float:left; margin:10px 10px 10px 20px}
.box-video-stremer .fotoStr img {border-radius:100px; height:90px; width:90px}
.box-video-stremer .strInfo{float:left; margin:20px 0 0 0px}
.box-video-stremer .strInfo h2{color:#fff; border-radius:50px; margin-bottom:10px; padding:20px}
.box-video-stremer .strInfo div{margin-left: 20px}
.box-video-stremer .strInfo div span{color:#999; margin:0 0px}
.box-video-stremer .strInfo div .dividir{margin:10px 0 0px}
.box-video-stremer .strInfo div p{color:#fff;}
.box-video-stremer .strInfo div i{font-size:8px; color:#960eff; margin:0 10px}


.center{text-align:center; width:100%; }
.center span{display:inline-block; text-align:center; margin:0 auto;}
.center span a{color:#666; text-decoration:none; text-align:center; padding: 20px 10px 0; float:left; display:inline-block}
.center span a:hover{color:#2afc8d; cursor:pointer}

.streams-item-home{flex:0 0 61% !important; margin:0 6px !important; }

.streams-item img { border-radius: 6px; background-position: center; background-size: cover; display: block; margin: 0; padding: 0; width: 100%; height: 230px; }

.weetv-stream iframe{height:59vw}

#btnDownGame{float:right; width:100%; margin:20px 0 0}
#totalJogs{float:left; width:50%}
#plat{float:left; width:50%;}
#plat h3, #totalJogs h3{color:#8500bd; margin:0; padding:0}

#contentPainelGeral{margin-top:0px; text-align:center}

#contentNomeJogador{flex: 1 1 auto;width: 80%; margin:0}

.times-post { flex: 0 1 48%; margin: 16px 0%; text-decoration: none; text-align: left; position: relative; }
.player-banner { background-color: rgba(0,0,0,0.5); background-size: cover; background: center top; background-repeat: no-repeat; background-attachment: local; height: 340px; position: relative; background-size:cover; height:340px;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; background-position:center 0px}
}

@media screen and (max-width: 540px) {
  .times-post { flex: 0 1 48%; margin: 16px 0%; text-decoration: none; text-align: left; position: relative; }
  .form-default .lbl-1-5 { width: 48%; }
  header { padding: 8px 18px 25px 18px; background: #2afc8d }

  .title-bg { background-position: center top; background-repeat: no-repeat; filter: grayscale(15%); mix-blend-mode: overlay; background-size: cover; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }

  .title { padding: 42px 0 32px; margin-top:0px }
  .campeonatos-filtro-jogos-list-all { display: flex; align-items: flex-start;  justify-content: space-between; flex-wrap: wrap;}
.campeonatos-filtro-jogos-list-all .jogos-item { flex: 0 0 45%; margin: 8px; text-decoration: none; text-align: center; }
.campeonatos-filtro-jogos-list-all .jogos-item img { border: 2px solid transparent; border-radius: 6px; display: block; margin: 0; padding: 0; width: 100%; height: auto; }
.campeonatos-filtro-jogos-list-all .jogos-item.on img { border: 2px solid #2afc8d; }

  .streams-item-home{flex:0 0 76% !important; margin:0 6px !Important}

 .contentCampInfo{width:100% ; float:none}
  .campeonatos-lista .campeonatos-item img { margin: 0 0 6px; width: 33%; }
  .campeonatos-lista .campeonatos-item div { padding: 8px 5px; width: 100%; text-align: right; }
  .campeonatos-lista .campeonatos-item .campeonato-dados { flex-grow: 1; font-size: 22px;}
  .campeonatos-lista .campeonatos-item .campeonato-dados span { display: block; font-size: 12px; }
  .campeonatos-lista .campeonatos-item .campeonato-status span { border: 0px solid #fff; border-radius: 50px; color: #fff; background: rgba(255,255,255,0.1); display: inline-block; font-size: 18px; padding: 12px 20px 12px; text-align: center; }
  .campeonatos-lista .campeonatos-item div .campeonato-premio { color: #2afc8d; width:35%; font-size:25px; line-height:50px; float:left}
  .campeonatos-lista .campeonatos-item div .campeonato-players { text-align: center; width:25%;margin-top:10px; float:left }
  .campeonatos-lista .campeonatos-item div .campeonato-status {width:40%; float:right}
  .campeonato-dados-data{font-size:13px}

  .campeonatos-lista .campeonatos-item div .campeonato-players span { display: block; font-size: 12px; }
  .campeonatos-lista .campeonatos-item div .campeonato-status span[data-value="Aberto"] { border-color: #2afc8d; color: #2afc8d; }
  .campeonatos-lista .campeonatos-item div .campeonato-status span[data-value="Finalizado"] { opacity: 0.25; }
  .campeonatos-lista .campeonatos-item:hover { background-blend-mode: multiply !important;background-color: #2afc8d; color: #282828; cursor: pointer; }
  .campeonatos-lista .campeonatos-item:hover .campeonato-premio { color: #960eff; }
  .campeonatos-lista .campeonatos-item:hover span { color: #960eff; }
  .campeonatos-lista .campeonatos-item:hover .campeonato-status span { background: #202020; }
  

  .campeonatos-lista .campeonatos-item { flex-basis: 98%; margin: 8px 1%; }

  #contentBoxAlerta{display:none !important; text-align:center;  width:100%;  margin:10% auto; position:fixed; left:auto; right:auto; top:10%;z-index:9999; color:#fff;}

  .center{text-align:center; width:100%; }
  .center span{display:inline-block; text-align:center; margin:0 auto;}
  .center span a{color:#666; text-decoration:none; text-align:center; padding: 20px 10px 0; float:left; display:inline-block}
  .center span a:hover{color:#2afc8d; cursor:pointer}
    /* Home
    .campeonatos-lista .campeonatos-item { flex-basis: 48%; margin: 8px 1%; } */

    /* Campeonatos */
    .equipe-item { flex: 0 0 47%; margin: 16px 1.5%; }
    .content-campeonato-wrap { flex-direction: ; }
    .footerAtendimento{width:100% !important; text-align:center}

    /* Loja */
    .loja-item { flex: 0 0 49%; width: 49%; margin: 4px 0; padding: 0; }
    .streams-item-home{flex:0 0 80% !important}
    footer { padding: 16px 0 85px; }
    
    /* Minha Conta */
    
    .account-campeonatos .campeonatos-item { flex-direction: column; text-align: center; }
    .account-campeonatos .campeonatos-item img { border-radius: 6px; width: 100px; margin: 4px 8px; }
    .account-campeonatos .campeonatos-item > div { padding: 8px; width: 100%; }
    .account-campeonatos .campeonatos-item .campeonato-dados span { display: block; font-size: 14px; font-weight: 500; }
    .account-campeonatos .campeonatos-item .campeonato-status span { border-radius: 50px; color: #fff; background: rgba(255,255,255,0.1); display: inline-block; font-size: 12px; padding: 8px 12px; text-align: center; font-weight: 500; }
    .account-campeonatos .campeonatos-item .campeonato-premio { color: #2afc8d; }
    .account-campeonatos .campeonatos-item .campeonato-players { text-align: center; }
    .account-campeonatos .campeonatos-item .campeonato-players span { display: block; font-size: 12px; font-weight: 500; }
    .account-campeonatos .campeonatos-item .campeonato-status span[data-value="open"] { color: #2afc8d; }
    .account-campeonatos .campeonatos-item .campeonato-status span[data-value="closed"] { opacity: 0.25; }
    .account-campeonatos .campeonatos-item:hover { background-blend-mode: multiply !important;background-color: #2afc8d; color: #282828; cursor: pointer; }
    .account-campeonatos .campeonatos-item:hover .campeonato-premio { color: #960eff; }
    .account-campeonatos .campeonatos-item:hover span { color: #960eff; }
    .account-campeonatos .campeonatos-item:hover .campeonato-status span { background: #202020; }
    .account-campeonatos .campeonatos-item.active { border-left: 0; border-top: 5px solid #2afc8d; }
  }