@media (max-width: 767px){ /* Extra small devices */
    .xs-center{
        text-align: center;
    }
    .tipo-opcao{
        margin-left: 6px !important;
        width: 80px !important;
    }
    .grupo .row, .grupo .title{
        display: inherit !important;
    }
}
@media (min-width: 768px) and (max-width: 991px){ /* Small devices */
    
}
@media (min-width: 992px) and (max-width: 1199px){ /* Medium devices */
    
}
@media (min-width: 1200px){ /* Large devices */
    
}
@media (max-width: 991px){
    .nav-md .container.body .col-md-3.left_col{
        width: 0 !important;
        display: block !important;
    }
    .nav-md .container.body .right_col_aviso{
        margin-left: 0 !important;
    }
}
@media (max-width: 320px){
    .nav>li>a{
        padding: 13px 11px 12px !important;
    }
}

/* ### BACKGROUND/LAYOUT ### */
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.estrutura{ width: 100%; float: left; }
body{
    
}
.img-responsive.img100{
    width: 100% !important;
}

.ico_mini_torneio{
    background: url(../images/logo-torneio_virtual_mini2.png) no-repeat;
    background-size: contain;
    width: 50px; height: 50px;
    float: left;
    margin: 6px 10px 0 0 !important;
}
.nav-md .container.body .right_col{
    padding: 60px 20px 0 !important;
}
.nav-md .container.body .right_col_aviso{
    margin-left: 230px;
    padding: 60px 20px 0 !important;
    background: #F7F7F7;
}
.bg_ajax{
    position: fixed;
    width: 100%; height: 100%;
    background: #000;
    color: #fff;
    z-index: 1051;
    text-align: center;
    padding-top: 20%;
    opacity:0.80; -moz-opacity: 0.80; filter: alpha(opacity=80);
}

.grupo{ border: 1px solid #e9ebee; }
.grupo .row,
.grupo .title{
    align-items: center;
    display: flex;
}
.grupo .title{
    overflow: hidden;
}
.grupo img.logo_grupo{
    width: 80px; height: 80px;
    background: #ececec;
}
.grupo .title>div{
    margin-left: 12px;
    float: left;
}

.page-title{ height: auto !important; }

.ico_coroa{
    position: absolute;
    background: url(../images/ico_coroa.png) no-repeat;
    width: 21px; height: 21px;
    top: 5px;
    left: 5px;
}

.menu_footer{
    position: sticky;
    width: 100%;
    bottom: 0;
    padding: 15px 30px 15px 15px;
    background: #565E61;
    color: #fff;
}
.ico_star{
    width: 30px;
    height: 30px;
    float: left;
    margin-top: -6px;
}
/* ### FIM BACKGROUND/LAYOUT ### */

/* ### MENU ### */
.icon-bar {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}
.top-bar {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    
    transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    -webkit-transform-origin: 10% 10%;
}
.middle-bar {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
.bottom-bar {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    
    transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    -webkit-transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
}

.nav-sm .container.body .col-md-3.left_col{
    width: 200px !important;
}
.nav-sm .main_container .top_nav{
    margin-left: 200px !important;
}
.nav-sm .navbar.nav_title{
    width: auto !important;
}
.nav-sm .menu_section h3{
    display: block !important;
}
.nav-sm .menu_section{
    margin-bottom: 35px !important;
}

.container.body .col-md-3.left_col,
.nav-sm .container.body .right_col,
.nav-sm .main_container .top_nav{
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.nav.child_menu li.active,
.nav-md ul.nav.child_menu li:hover:before{
    background: #ffc722 !important;
}
/* ### FIM MENU ### */

/* ### FORMULARIOS ### */
/* ### FIM FORMULARIOS ### */

/* ### UTILITY ### */
.semOverflow{overflow: hidden;}

.btn{cursor: pointer;}
.btn_visual{cursor: pointer;}

.aSemUnderline a, .aSemUnderline a:hover{text-decoration: none;}

.bordaRedonda{-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}

.top-0{ margin-top: 0; }
.top-5{ margin-top: 5px; } .top-10{margin-top: 10px;}
.top-15{margin-top: 15px;} .top-20{margin-top: 20px;}
.top-25{margin-top: 25px;} .top-30{margin-top: 30px;}
.top-35{margin-top: 35px;} .top-40{margin-top: 40px;}
.top-45{margin-top: 45px;} .top-50{margin-top: 50px;}
.top-55{margin-top: 55px;} .top-60{margin-top: 60px;}
.top-65{margin-top: 65px;} .top-70{margin-top: 70px;}
.top-75{margin-top: 75px;} .top-80{margin-top: 80px;}
.top-85{margin-top: 85px;} .top-90{margin-top: 90px;}
.top-95{margin-top: 95px;} .top-100{margin-top: 100px;}
.top-110{margin-top: 110px;} .top-120{margin-top: 120px;}
.top-130{margin-top: 130px;} .top-135{margin-top: 135px;} 
.top-140{margin-top: 140px;} .top-150{margin-top: 150px;}
.top-165{margin-top: 165px;} .top-180{margin-top: 180px;}
.top-200{margin-top: 200px;}

.bottom-0{margin-bottom: 0 !important;} .bottom-5{margin-bottom: 5px;}
.bottom-10{margin-bottom: 10px;} .bottom-20{margin-bottom: 20px;} .bottom-25{margin-bottom: 25px;}
.bottom-30{margin-bottom: 30px;} .bottom-40{margin-bottom: 40px;}
.bottom-50{margin-bottom: 50px;} .bottom-60{margin-bottom: 60px;}
.bottom-70{margin-bottom: 70px;} .bottom-80{margin-bottom: 80px;}
.bottom-90{margin-bottom: 90px;} .bottom-100{margin-bottom: 100px;}
.bottom-130{margin-bottom: 130px;} .bottom-140{margin-bottom: 140px;}
.bottom-150{margin-bottom: 150px;}

hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0px;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}
/* ### FIM UTILITY ### */

/* ### CORES ### */
.preto, .preto a{ color: #000; } .preto a:hover{ color: #000; }
.preto2, .preto2 a{ color: #363533; } .preto2 a:hover{ color: #363533; }
.branca, .branca a{ color: #fff; } .branca a:hover{ color: #fff; }
.laranja, .laranja a{ color: orange; } .laranja a:hover{ color: orange; }
.azul, .azul a{ color: #0D3B85; } .azul a:hover{ color: #0D3B85; }
/* ### FIM CORES ### */

/* ### FONTES ### */
.font-arial{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.font-oswald{ font-family: 'Oswald', sans-serif; }

.font-11{ font-size: 11px !important; } .font-12{ font-size: 12px !important; } .font-13{ font-size: 13px !important; }
.font-14{ font-size: 14px !important; } .font-16{ font-size: 16px !important; }
.font-18{ font-size: 18px !important; } .font-20{ font-size: 20px !important; }
.font-22{ font-size: 22px !important; } .font-24{ font-size: 24px !important; }
.font-26{ font-size: 26px !important; } .font-28{ font-size: 28px !important; }
.font-30{ font-size: 30px !important; } .font-32{ font-size: 32px !important; }
.font-34{ font-size: 34px !important; } .font-36{ font-size: 36px !important; }
/* ### FIM FONTES ### */

/* ### TIPOS RADIO ### */
.tipo-opcoes {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tipo-opcoes:after {
    content: "";
    clear: both;
}
.tipo-opcao {
    border: 1px solid #ccc;
    box-sizing: border-box;
    float: left;
    height: 125px;
    position: relative;
    width: 120px;
}
.tipo-opcao:first-child {
    margin-left: 0px !important;
}
.tipo-opcao {
    margin-left: 3%;
}
.tipo-opcao label {
    background: #fff no-repeat center center;
    bottom: 1px;
    cursor: pointer;
    display: block;
    font-size: 0;
    left: 1px;
    position: absolute;
    right: 1px;
    text-indent: 100%;
    top: 1px;
    white-space: nowrap;
    margin: 0;
    
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    /*qualidade*/
    image-rendering: auto;
}
.copa label {
    background-image: url(../images/ico_trofeu.png);
}
.mata-mata label {
    background-image: url(../images/ico_luva.png);
}
.pontos-corridos label {
    background-image: url(../images/ico_medalha.png);
}
.tipo-opcoes input {
    margin-left: 2px !important;
}
.tipo-opcoes input:focus + label,
.tipo-opcoes input:hover + label {
    outline: 2px dotted #21b4d0;
}
.tipo-opcoes input:checked + label {
    outline: 4px solid #21b4d0;
    filter: none; /* Firefox 10+ */
    -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
}
.tipo-opcoes input:checked + label:after {
    background: url(../images/ico_checked.png) center center no-repeat;
    bottom: 0px;
    content: "";
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 0px;
    width: 25px;
    background-color: #21b4d0;
}
/* ### FIM TIPOS RADIO ### */

/* ### INICIO LISTA TORNEIOS ### */
.btn-list-torneios .collapsed{
    opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50);
}
/* ### FIM LISTA TORNEIOS ### */

/* ### INICIO JOGOS ### */
.lista-jogos li{
    border: 1px solid #cccccc;
    float: left;
    padding: 10px;
/*  
    width: 46%;
    margin: 10px 2%;
*/
    width: 100%;
    margin: 10px 0;
}
.lista-jogos li:hover{
    background-color: #fcf1b7;
}
.lista-jogos li.fechado{
    background: rgb(95, 7, 7, 0.5);
    color: #e6e6e6;
}
.lista-jogos li.fechado .preto2{
    color: #fff !important;
}
.lista-jogos li.fechado .equipe_1,
.lista-jogos li.fechado .equipe_2{
    opacity:0.50; -moz-opacity: 0.50; filter: alpha(opacity=50);
}
.status_placar{
/*
    transform: translateY(50%);
*/
}
.placar{
/*    width: 55px !important;*/
    text-align: center;
    display: inline !important;
}

.score .title {
    margin-top: -12px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #a6a6a6;
}
.score .table {
    position: relative;
    font-size: 0;
    background: #ffc722;
    font-family: 'Oswald', sans-serif;
}
.score .table:before {
    content: '';
    border: 1px solid #ffc722;
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
}
.score .table .left {
    width: 37%;
    float: left;
    font-size: 33px;
    text-align: center;
    line-height: 70px;
    position: relative;
    color: #000;
}
.score .table .left:before {
    content: 'vs';
    margin-top: -15px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffc722;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -55px;
}
.score .table .right {
    width: 37%;
    float: right;
    position: relative;
    font-size: 33px;
    text-align: center;
    z-index: 1;
    color: #ffc722;
    line-height: 70px;
    background: #363533;
}
.score .table .right:before {
    content: '';
    width: 90%;
    z-index: -1;
    position: absolute;
    background: #363533;
    left: -35px;
    top: 0;
    right: 100%;
    bottom: 0;
    transform: skewX(-33deg);
    -webkit-transform: skewX(-33deg);
    transition: background 600ms;
    -webkit-transition: background 600ms;
}
.score .table .center {
    float: left;
}
/* ### FIM JOGOS ### */

/* ### INICIO EDIT FANTASMA ### */
#list_fantasmas span .efeito{
    display: none;
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}
#list_fantasmas span .efeito .fa-pencil{
    line-height: 50px;
}
#list_fantasmas span.liberado:hover .efeito{
    display: block !important;
}
/* ### FIM EDIT FANTASMA ### */

/* ### BTNs SHARE ### */
.fb-share-button{
    height: 22px; margin: 0 6px 5px 0;
}
.btn-share-twitter{
    border: 0; overflow: hidden; height: 25px; margin: 0 6px 5px 0;
}
.btn-whatsapp-share{
    height: 22px;
    background: #1EBEA5;
    padding: 3px 8px 3px 6px;
    margin: 0 6px 5px 0;
    float: left;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
}
.btn-whatsapp-share:hover{
    text-decoration: none;
    color: #fff;
    background: #1b9c89;
}
.telegram-share{
  position: relative;
  display: inline-block;
  height: 22px;
  padding: 1px 8px 1px 6px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  background-color: #0088cc;
  border-radius: 3px;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 11px;
  float: left;
  margin: 0 6px 5px 0;
}

.telegram-share span{
  display: inline-block;
  margin-top: 3px;
}

.telegram-share:hover{
  background-color: #007dbb;
  color: #fff;
}

.telegram-share:active{
  background-color: #026698;
  color: #fff;
}
.skypeShare.small{
    height: 22px; margin: 0 6px 5px 0;
    border-radius: 3px !important;
}
/* ### FIM BTNs SHARE ### */

/* ### SUPORTE E FAQ ### */
.footer_ajuda{
    background: #00b4c5;
}
.footer_ajuda .chamada{
    display: flex;
    white-space: nowrap;
}
.footer_ajuda .chamada>i{
    color: #008996;
    margin-right: 16px;
    margin-left: calc(50% - 25%);
}
.footer_ajuda .chamada>span{
    font-size: 16px;
}
.footer_ajuda form>input{
    background: #008996;
    color: #fff;
    border: none;
    outline: 0;
    width: 90%;
    width: calc(100% - 54px);
    float: left;
}
.footer_ajuda form>.btn-default{
    margin-left: 10px;
    padding: 4px 8px;
}
.footer_ajuda form>.btn-default>i{
    color: #00b4c5;
    font-size: 22px;
}
.footer_ajuda form>input::-webkit-input-placeholder { /* Edge */
    color: #fff;
}

.footer_ajuda form>input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.footer_ajuda form>input::placeholder {
    color: #fff;
}
/* ### FIM SUPORTE E FAQ ### */

/* ### INICIO AFILIADOS ### */
.hero-widget { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.hero-widget .fa-stack { float: left; font-size: 44px; }
.hero-widget var { display: block; height: 50px; font-size: 40px; line-height: 64px; font-style: normal; }
.hero-widget label { font-size: 17px; }
.hero-widget .options { margin-top: 10px; }
/* ### FIM AFILIADOS ### */

/* ### INICIO VENDA PREMIUM ### */
.pricing .x_content{
    padding-left: 0;
    padding-right: 0;
}
.pricing .title{
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.pricing .title.bronze{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffefef+0,dbb399+0,dd8f5b+55,a6522b+100 */
    background: #ffefef; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffefef 0%, #dbb399 0%, #dd8f5b 55%, #a6522b 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffefef 0%,#dbb399 0%,#dd8f5b 55%,#a6522b 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #ffefef 0%,#dbb399 0%,#dd8f5b 55%,#a6522b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefef', endColorstr='#a6522b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pricing .title.prata{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffefef+0,c6c7c7+0,a4a8a1+55,7b8180+100 */
    background: #ffefef; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffefef 0%, #c6c7c7 0%, #a4a8a1 55%, #7b8180 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffefef 0%,#c6c7c7 0%,#a4a8a1 55%,#7b8180 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #ffefef 0%,#c6c7c7 0%,#a4a8a1 55%,#7b8180 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefef', endColorstr='#7b8180',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pricing .title.ouro{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffefef+0,e0cb67+0,d1b055+55,d3af49+100 */
    background: #ffefef; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffefef 0%, #e0cb67 0%, #d1b055 55%, #d3af49 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffefef 0%,#e0cb67 0%,#d1b055 55%,#d3af49 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #ffefef 0%,#e0cb67 0%,#d1b055 55%,#d3af49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefef', endColorstr='#d3af49',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pricing .bronze>img,
.pricing .ouro>img{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+100&1+0,0+70 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(164,206,239,0) 70%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(164,206,239,0) 70%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(164,206,239,0) 70%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pricing .prata>img{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#adadad+0,7db9e8+100&1+0,0+70 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(173,173,173,1) 0%, rgba(139,181,214,0) 70%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(173,173,173,1) 0%,rgba(139,181,214,0) 70%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(173,173,173,1) 0%,rgba(139,181,214,0) 70%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* ### FIM VENDA PREMIUM ### */