.radiusD { border-radius: 100px; }
.radiusMin { border-radius: 20px; }
.radiusNano { border-radius: 8px; }
.logo { margin-right: 4px; }

a, button {cursor:pointer}

/* botões  . . . . . . . . . */
a,a:hover { text-decoration: none; cursor: pointer; transition: .2s }
.bt1 { display: flex; align-items: center; justify-content: center; box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.1),inset 0px -9px 0px -5px rgba(0,0,0,0.2); text-shadow: 1px 1px 1px rgb(0 0 0 / 40%) }
.bt1:hover { box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1),inset 0px -7px 0px -5px rgba(0,0,0,0.1); }
.bts-header { height: 45px; width: 145px; font-size: 15px; line-height: 20px; font-weight: 700; text-transform: uppercase; margin: 0px 3px }

.btmin { height: 46px; font-size: 14px; }
.btmax { height: 51px; font-size: 16px; }

.menu-sanduba { background: url(../img/menu-sanduba.svg) no-repeat center; width: 24px; height: 24px; display: block; margin-left: 6px; cursor: pointer }

.bt-color1 { background: var(--cor-layout-1); color: #fff; transition:0.5s }
.bt-color2 { background: var(--cor-layout-2); color: #fff; transition:0.5s}
.bt-color3 { background: var(--cor-layout-3); color: #fff; transition:0.5s}
.bt-color4 { background: var(--cor-layout-1); color: #fff; transition:0.5s}
.bt-color1:hover, .bt-color2:hover, .bt-color3:hover, .bt-color4:hover, .bt1:hover{ opacity:0.7 !important; }

.bt-line2 { border: solid 1px var(--cor-layout-2); color: var(--cor-layout-2); text-shadow: none; }
.bt-lineBranco { border: solid 1px #fff; color: #fff; }
.ico-user { background: url(../img/ico-user.svg) no-repeat center; width: 24px; height: 24px; display: block; margin-right: 6px; }

.bt-entrar { background: var(--cor-layout-2); color: #fff }

.bt-apostar { width: 100%; height: 53px; background: #4CAF50; text-transform: uppercase; font-size: 22px; font-weight: 500; color: #fff; text-shadow: none; }
.bt-color-cta-min { width: 100%; background: #FAEBC7; height: 53px; text-shadow: none; box-shadow: none; }

.bt-whats:before { content: ""; background: url(../img/icon-whatsapp.svg) no-repeat center; width: 22px; height: 22px; display: block; margin-right: 8px; }

.bt-question { font-size: 14px; color: #000; font-weight: 500; display: flex; align-items: center; height: 34px; border-radius: 4px; padding: 4px 12px; box-sizing: border-box; border: solid 1px #fff; background: #fff;  }
.bt-question:before { content: ""; background: url(../img/ico-question.svg) no-repeat center; width: 18px; height: 18px; display: block; margin-right: 8px; }
.bt-ico-question-branco { content: ""; background: url(../img/ico-question-branco.svg) no-repeat center; width: 18px; height: 18px; display: block; }

.linkS { color: var(--cor-layout-2); text-decoration: underline; }

.btRede { width: 20px; height: 20px; display: block; padding: 8px; }
.btRede.facebook:before { content: ""; background: url(../img/ico-facebook.svg) no-repeat center; width: 20px; height: 20px; display: block; }
.btRede.instagram:before { content: ""; background: url(../img/ico-instagram.svg) no-repeat center; width: 20px; height: 20px; display: block; }

.BTclosePushy:before { content: ""; background: url(../img/closeX.svg) no-repeat center; width: 25px; height: 25px; display: block; transition: .2s }
.BTclosePushy:hover:before { transform: rotate(180deg); transition: .2s }

.bt-excluir-ico { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 100px }
.bt-excluir-ico:before { content: ""; background: url(../img/ico-trash.svg) no-repeat center; width: 20px; height: 20px; display: block; } 
.bt-excluir-ico:hover { background: #3E9267; }

.btBuscar:before { content: ""; background: url(../img/ico-lupa.svg) no-repeat center; width: 18px; height: 18px; margin-right: 12px; }

.bt-bicho { width: 80px; height: 120px; position: relative; flex-direction: column; }
.bt-bicho .num { position: absolute; top: 4px; left: 4px; transition: .2s }
.bt-bicho .bicho { position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 35px; }
.bt-bicho .bicho:before { content: ""; height: 90px; width: 90px; display: block; transform: scale(.68); transition: .2s }
.bt-bicho .bicho:after { content: ""; display: block; width: 56px; height: 14px; background: rgba(0,0,0,0.1); border-radius: 100%; position: absolute; bottom: 50px; transition: .2s }
.bt-bicho .bar-text-bt { font-size: 15px; text-align: center; position: absolute; bottom: 16px; font-weight:700; text-shadow:none !important }
.bt-bicho .bar-text-bt .num-bicho { display: block; color: #000; color: var(--cor-layout-6) }
.bt-bicho:hover { transform: scale(1.1); }
.bt-bicho:hover .bicho:before { transform: scale(.9)translateY(-5px); transition: .2s }
.bt-bicho:hover .bicho:after { transform: scale(.8); transition: .2s }
.bt-bicho.ativo { background: #51BF87; }
.bt-bicho.ativo .bicho:before { transform: scale(.9)translateY(-5px); transition: .2s }
.bt-bicho.ativo .num { z-index: 9; transform: scale(1.5); transition: .2s }

.bt-bicho .bicho.avestruz:before { background: url(../img/avestruz.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.aguia:before { background: url(../img/aguia.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.borboleta:before { background: url(../img/borboleta.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.burro:before { background: url(../img/burro.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.cabra:before { background: url(../img/cabra.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.cachorro:before { background: url(../img/cachorro.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.camelo:before { background: url(../img/camelo.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.carneiro:before { background: url(../img/carneiro.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.cavalo:before { background: url(../img/cavalo.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.cobra:before { background: url(../img/cobra.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.coelho:before { background: url(../img/coelho.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.elefante:before { background: url(../img/elefante.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.galo:before { background: url(../img/galo.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.gato:before { background: url(../img/gato.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.jacare:before { background: url(../img/jacare.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.leao:before { background: url(../img/leao.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.macaco:before { background: url(../img/macaco.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.peru:before { background: url(../img/peru.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.porco:before { background: url(../img/porco.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.pavao:before { background: url(../img/pavao.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.tigre:before { background: url(../img/tigre.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.touro:before { background: url(../img/touro.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.urso:before { background: url(../img/urso.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.vaca:before { background: url(../img/vaca.png) no-repeat center; background-size: cover; }
.bt-bicho .bicho.veado:before { background: url(../img/veado.png) no-repeat center; background-size: cover; }

.display-mini-bichos.select-grupo li { padding: 4px; }
.display-mini-bichos .bt-bicho { width: 56px; height: 64px; }
.display-mini-bichos .bt-bicho .bicho { padding-bottom: 0px; }
.display-mini-bichos .bt-bicho .bicho:after { bottom: 15px; width: 48px; height: 12px; }
.display-mini-bichos .bt-bicho .num { font-weight: 600; z-index: 99; }
.display-mini-bichos .radiusD { border-radius: 8px; }

.bt-language { opacity: .8; transition: .2s }
.bt-language:hover { opacity: 1; transition: .2s }
.bt-language:before { content: ""; background: url(../img/ico-language.svg) no-repeat center; width: 20px; height: 20px; display: block;  }

.bt-language-flag { display: flex; align-items: center; opacity: .8; transition: .2s }
.bt-language-flag:hover { opacity: 1; transition: .2s }
.bt-language-flag.Portugues:before { content: ""; background: url(../img/flag_brasil.svg) no-repeat center; width: 28px; height: 20px; margin-right: 2px; }
.bt-language-flag.Ingles:before { content: ""; background: url(../img/flag_usa.svg) no-repeat center; width: 28px; height: 20px; margin-right: 2px; }
.bt-language-flag.Espanhol:before { content: ""; background: url(../img/flag_espanha.svg) no-repeat center; width: 28px; height: 20px; margin-right: 2px; }
.bt-language-flag:after { content: ""; background: url(../img/seta-min.svg) no-repeat center; width: 8px; height: 8px; }

.link-lan { font-size: 18px; color: #000; display: flex; align-items: center; opacity: .8; transition: .2s }
.link-lan-portugues:before { content: ""; background: url(../img/flag_brasil.svg) no-repeat center; width: 38px; height: 30px; background-size: cover; margin-right: 8px; }
.link-lan-ingles:before { content: ""; background: url(../img/flag_usa.svg) no-repeat center; width: 38px; height: 30px; background-size: cover; margin-right: 8px; }
.link-lan-espanhol:before { content: ""; background: url(../img/flag_espanha.svg) no-repeat center; width: 38px; height: 30px; background-size: cover; margin-right: 8px; }
.link-lan:before { transition: .2s }
.link-lan:hover:before { margin-right: 12px; transition: .2s }
.link-lan:hover{ opacity: 1; transition: .2s }

@media ( max-width: 600px ) {
.bts-header { width: 115px; height: 41px; font-size: 13px }
.bt-entrar { width: 41px; }
}

/* cards . . . . . . . . . . . */

.card-play-dinheiro { padding: 6px 0 0 0; }
.card-play { display: block; padding: 0 6px 12px 6px; }
.card-play .bar-thumb { width: 100%; padding-top: 50px; pointer-events: none; }
.card-play .bar-thumb .thumb-dinheiro { display: flex; justify-content: center; }
.card-play-dinheiro .card-play .bar-text { padding:30px 0 16px 0; }

.card-play-aposta { padding: 6px 0 6px 0; }
.card-play-aposta .card-play { padding: 20px; box-sizing: border-box; }
.card-play .header-card-aposta { background:  var(--cor-layout-5); height: 59px; padding: 0 12px; box-sizing:  border-box; }
.card-play .header-card-aposta .moedas { position: absolute; left: 10px; bottom: -15px; }
.card-play .BarTipoJogo .setaBrancaVoltar { position: absolute; left: 0; }

.card-depoimento { border-radius: 4px; padding: 16px 12px; box-sizing: border-box; width: 276px; border: solid 1px #fff;
    background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,238,238,0.5321821732954546) 99%);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%); margin: 5px 0 5px 20px; }
.card-depoimento .bar-avatar { padding-right: 12px; }
.card-depoimento .bar-avatar .avatar { border-radius: 100px; width: 60px;  }

.card-text1 { padding: 0 6px 20px 6px; }

.card-resultado { max-width: 650px; margin: 0 auto }
.card-resultado .grade-resultado { width: 100%; }
.card-resultado .grade-resultado li { display: flex; justify-content: space-between; align-items: center; height: 41px; border-radius: 100px; border: solid 1px var(--cor-layout-6); background: var(--cor-layout-6); padding: 0 30px; box-sizing: border-box; margin-bottom: 6px; color: var(--cor-layout-1); font-weight:600}

.car-aposta {color: #fff; background: #51BF87; width: 100%; padding: 20px; box-sizing: border-box; margin-bottom: 12px; }
.car-aposta .bar-text { width: 100% }
.card-aposta-vazio { background: var(--cor-layout-3); }
.card-aposta-depois-sorteio { color: #4D4D4D; background: #FFF5DE; }

.card-cod-pix { background: #E4E4E4; padding: 12px; box-sizing: border-box; border-radius: 8px; margin-bottom: 12px; margin-top: 12px; }
.card-cod-pix textarea { border: 0; background: none; width: 100%; height: 100px; font-family: 'Ubuntu', sans-serif; }

span.num_sorteado {
    background: var(--cor-layout-2);
	color: #fff;
	font-weight:700;
	font-size:22px;
    height: 41px;
    line-height: 42px;
    padding: 0px 50px;
}

span.textCenter.fontMedium.colorCinza.block.strong500 {
    margin-top: 25px;
    font-size: 20px;
    font-weight: 700;
    color: var(--cor-layout-5) !important;
}

.owl-carousel .owl-stage-outer {
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.card-sorteio {
  width: 16%;
  height: auto;
  display: flex;
  flex-direction: column; /* Alinha os itens na vertical */
  align-items: center; /* Centraliza horizontalmente os itens */
  justify-content: center; /* Centraliza verticalmente os itens */
  padding: 55px 8px 40px 8px;
  box-sizing: border-box;
  background: url(../img/box-color.png) center no-repeat;
  background-size: cover;
  border-radius: 20px;
  text-align: center;
  position: relative; /* Necessário para posicionar o ::before */
}

.card-sorteio::before {
  content: "";
  background: url(../img/ico-relogio-min.svg) no-repeat center;
  background-size:100%;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute; /* Posiciona o ::before em relação ao .card-sorteio */
  top: 20px; /* Ajuste conforme necessário para o posicionamento desejado */
  margin-bottom: 20px; /* Espaço entre o ícone e o texto */
}

.card-sorteio .bar-text span {
  display: block;
}
.card-sorteio .font30 { font-size: 30px; line-height: 35px; font-weight: 800 }
.card-sorteio .bar-text span.horario { color: #fff; }
.card-sorteio .bar-text span.sigla { color: var(--cor-layout-1) !important; }
.card-sorteio .bar-text span.nome-sorteio { color: #fff; font-size: 14px; line-height: 19px  }

.bar-ganhou { background: var(--cor-layout-2); color: #fff; max-width: 300px; margin: 0 auto; height: 44px; border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-top: 16px; position: relative; }

/*
.bar-ganhou:before { content: ""; background: url(../img/simbolo-logo-min.svg) no-repeat center; display: block; width: 41px; height: 51px; position: absolute; left: 5px; bottom: 0; }*/

/* Menu Footer . . . . . . . . . . . . . . . . */

.space-menu { display: block; height: 104px; pointer-events: none; }
.bar-menu-footer { height: 64px; width: 100%; position: fixed; display: flex; align-items: center; bottom: 0; left: 0; z-index: 999999; transform: translateY(150px); transition: .2s; } 
.PageMin .bar-menu-footer { transform: none; }
.Scroll-User600 .bar-menu-footer {transform: translateY(0px); transition: .2s }
.menu-footer { display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 0 auto }
.menu-footer .link1 { color: #fff; font-size: 13px; font-weight: 300 }
.menu-footer .link1:hover { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) }
.menu-footer .menu-user { width: 35px; min-width: 35px; height: 35px; border-radius: 100px; background: #6432C7; display: flex; align-items: center; justify-content: center; box-shadow: inset 23px 11px 14px -12px rgba(0,0,0,0.2); }
.menu-footer .menu-user:before { content: ""; background: url(../img/ico-user.svg) no-repeat center; width: 21px; height: 21px; display: block; }
.bar-menu-footer .bar-content { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; }
.bar-menu-footer .bar-content .mascote-min-fixo { position: absolute; }
.bar-menu-footer .bar-content .mascote-min-fixo img {  }

/* formulários . . . . . . . . . . . . . . */

.form-aposta input {
	border: 0;
	height: 50px;
	background: #fff;
	border-radius: 5px;
	display: block;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 600;
	color: #4d4d4d;
	font-family: 'Open Sans', sans-serif;
}
.form-aposta input::placeholder { color: #999; font-weight: 300; }

.form-aposta input.insereDadoNumero { font-size: 28px; font-weight: 700; color: #000; text-align: center; }

.form-aposta label { font-size: 13px; display: block; text-align: center; padding: 5px 0; }
.form-aposta .select-loteria { background: #fff; font-size: 14px; padding: 0 6px; }

.formpixJB fieldset {
	position: relative;
	color: #4D4D4D;
	display: block;
	margin-bottom: 12px;
}

.formpixJB fieldset.min { width: 50%; }

.formpixJB fieldset label {
	position: absolute;
	top: 18px;
	left: 20px;
	font-size: 14px;
	font-weight: 500;
	pointer-events: none;
	transition: transform 150ms ease-out, font-size 150ms ease-out
}

.formpixJB fieldset.focused label {
	font-size: 13px;
    transform: translateY(-190%);
    background: #F7F7F7;
    padding: 0 2px;
    border-radius: 5px;
    display: block;
    opacity: .5;
	transition: transform 150ms ease-out, font-size 150ms ease-out
}

.formpixJB fieldset.noinput label {
	position: unset;
}

.formpixJB fieldset.noinput label.verde {
	color: #49751B;
	font-weight: 700;
	padding: 0 20px;
}

.formpixJB input, select,
.formpixJB textarea,
.formpixJB input[type="file"] {
	border: 0;
	height: 50px;
	background: #fff;
	border:1px solid #cacaca;
	border-radius: 5px;
	display: block;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 600;
	color: var(--cor-layout-1);
	font-family: 'Open Sans', sans-serif;
}
.formpixJB input[type="radio"] { width: 20px; height:20px; }
.formpixJB button { width: 100%; border: 0; }
.formpixJB input:focus,
.formpixJB select:focus,
.formpixJB input[type="file"]:focus
 {
	border: 0;
	outline: none;
}

.formpixJB textarea { padding: 8px; font-size: 14px; height: 100px; }
.formpixJB textarea:focus {
	border: 1px solid #C31E1E50;
	outline: none;

}


fieldset.fieldcheckbox { display: flex; align-items: center; }
.formpixJB input[type="checkbox"] {
	width: unset;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: #f7f7f7;
	border: 0;
}

.formpixJBBranco input { background: #fff }

.formLogin,.formCriarConta { max-width: 85%; margin: 0 auto; padding: 20px 0; }
.formLogin fieldset label { color: var(--cor-layout-3); font-weight: 600; }
.formLogin input {
	background: none;
	border-bottom: solid 1px var(--cor-layout-3); 
	border-radius: 0px;
	color: #000;
}
@media ( max-width: 600px ) {
	.formLogin,.formCriarConta { max-width: 95%; }
}

.formLogin input:focus {
	outline: none;
	border-bottom: solid 1px var(--cor-layout-1); 
}

.formLogin fieldset.focused label {
	opacity: .8;
	background: unset;
}


.formpixJBLineLight fieldset label { color: #4D4D4D; }
.formpixJBLineLight input {
	background: none;
	border-bottom: solid 1px #4D4D4D80; 
	border-radius: 0px;
	color: #4D4D4D;
}

.formpixJBLineLight input:focus {
	outline: none;
	border-bottom: solid 1px #4D4D4D; 
}

.fformpixJBLineLightfieldset.focused label {
	opacity: .8;
	background: unset;
}

/* Tabelas . . . . . . . . . . . . . */

.bar-tableCotacao { padding: 80px 20px 20px 20px; max-width: 100%; margin: 44px auto 24px; background: rgba(0,0,0,0.1); border-radius: 20px; box-sizing: border-box; position: relative; }
.bar-tableCotacao:before { content: ""; background: url(../img/moedas1.png) no-repeat center; width: 100%; height: 102px; display: block; position: absolute; top: -32px; pointer-events: none; }
.tableCotacao { width: 100%; }
.tableCotacao thead td { text-align: center; }
.tableCotacao tr { display: flex; }
.tableCotacao td { width: 50%; padding: 4px 18px; box-sizing: border-box; background: var(--cor-layout-2); border-radius: 4px; height: 51px; margin: 2px; display: block;  }
.tableCotacao td .content { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.tableCotacao td .content .nome { color: var(--cor-layout-1); font-size: 18px; font-weight: 600 }
.tableCotacao td .content .valor-cotacao { color: #fff; font-size: 22px; font-weight: 700; }
.bar-bts-question .bt-aposte-agora { max-width: 320px; margin: 0 auto }


/*outros . . . . . . . . . . . . . .  */

.bar-carrinho { padding-left: 8px; }
.bar-carrinho .carrinho { width: 40px; height: 40px; border-radius: 40px; background: var(--cor-layout-3); display: flex; align-items: center; justify-content: center; box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 10%), inset 0px -9px 0px -5px rgb(0 0 0 / 20%) }
.bar-carrinho .carrinho:hover { box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 5%), inset 0px -4px 0px -5px rgb(0 0 0 / 10%) }
.bar-carrinho .carrinho:before { content: ""; background: url(../img/ico-carrinho.svg) no-repeat center; width: 24px; height: 24px; }
.bar-carrinho .carrinho .qtd-carrinho { width: 17px; height: 17px; background: #E02020; border-radius: 100px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: #fff; position: absolute; top: -4px; right: -4px; }

.bar-select-resultados { width: 100%; margin: 15px auto 15px auto; height: 48px; display: flex; align-items: center; background: #fff; box-shadow: 0px 0px 39px -12px rgba(0,0,0,0.2); }
.bar-select-resultados .bt-result { width: 40px; min-width: 40px; height: 40px; border-radius: 100px; background: #fff; color: var(--cor-layout-1); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; border: solid 3px #fff }
.bar-select-resultados .bt-result:hover { background: var(--cor-layout-1); color: #fff; }
.bar-select-resultados .bt-result.ativo { background: #fff; border: solid 3px var(--cor-layout-3); color: var(--cor-layout-3); }

.bar-bts-question li { padding: 4px; }
.setaBottom:before { content: ""; background: url(../img/seta-bottom.svg) no-repeat center; width: 20px; height: 20px; display: block; }
.setaBrancaVoltar:before { content: ""; background: url(../img/setaLBranca.svg) no-repeat center; width: 21px; height: 21px; display: block; }
.stars5:before { content: ""; background: url(../img/stars.svg) no-repeat center; width: 68px; height: 12px; display: block; }
.brasilJB:before { content: ""; background: url(../img/brasil.png) no-repeat center; width: 22px; height: 14px; display: block; margin-right: 8px }
.bar-redes-sociais li { padding: 0 4px; }

@media ( max-width: 1024px ) {
.bar-tableCotacao { max-width: 98%; }
}

@media ( max-width: 768px ) {
.card-sorteio { width: 100px; height: 120px; flex-direction: column; padding: 8px; }
.card-sorteio:before { width: 16px; height: 16px; min-height: 16px; display: block; padding-right: 0px; padding-bottom: 16px; padding-top: 0px; }
.card-sorteio .font30 { font-size: 18px; line-height: 18px; font-weight: 800 }
.card-sorteio .bar-text span.horario { color: #fff; margin-top: 26px }
.card-sorteio .bar-text span.sigla { color: #F4AD49; }
.card-sorteio .bar-text span.nome-sorteio { color: #fff; font-size: 10px; line-height: 13px; text-transform: uppercase; }
.Scroll-User600.PageMin .bar-menu-footer { transform: translateY(0px); }
}

@media ( max-width: 600px ) {
.logo-header { max-width: 115px; }
.bt-entrar .ico-user { margin-right: 0px; }
.bt-entrar .label { display: none; }

.tableCotacao tr { flex-direction: column; }
.tableCotacao td { width: 100%; }

.box-config-aposta .bt-bicho { width: 76px; }

.card-play-aposta .card-play { padding: 8px; }
}


/* -------------------------------------------------------------------------------------------- */
/* COMO JOGAR */
/* -------------------------------------------------------------------------------------------- */
.container-responsive {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  width: 100%;
}
.como-jogar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 90px 20px 60px 20px;
  background: rgb(15,32,65);
  background: linear-gradient(180deg, rgba(15,32,65,1) 0%, rgba(27,41,86,1) 35%, rgba(35,53,112,1) 100%);
  /*
  background: url(../img/como-jogar/bg-como-jogar.png);
  */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.container-responsive.container-como-jogar {
  flex-direction: column;
  /*visibility: hidden;*/
}

.header-como-jogar {
  display: flex;
  text-align: center;
  flex-direction: column;
}

.header-como-jogar h1 {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight:800;
  color: #fff;
}

.header-como-jogar h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.content-como-jogar {
  width: 100%;
}

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

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background:#eaeaea;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: 500px;
  margin: 10px;
  border-radius: 20px;
  position: relative;
  transition: .5s ease-in-out;
}

.swiper-slide .swiper-cape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/box-color.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: .5s ease-in-out;
  border-radius: 20px;
}

.swiper-slide .swiper-cape span {
  background: var(--cor-layout-2);
  color: #fff;
  font-weight:800;
  padding: 15px 35px;
  font-size:16px;
  text-transform:uppercase;
  border-radius: 100px;
}

.swiper-slide.swiper-slide-active .swiper-cape {
  width: 100%;
  height: 0;
}

.swiper-slide.swiper-slide-active {
  border: 4px solid var(--cor-layout-2);
}

.swiper-button-prev,
.swiper-button-next {
  display: flex;
  height: 50px;
  width: 50px;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 5px 5px rgb(0, 0, 0, 0.25);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1rem;
  color: #343434;
}

.swiper-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 20px;
}

.swiper-body h1 {
  color: var(--cor-layout-4);
  font-size:20px;
  line-height:28px;
  font-weight:700
}

.swiper-body h2 {
  font-weight: 500;
  color: var(--cor-layout-1);
  font-size:15px;
  line-height:20px;
}

.swiper-body h2 span {
  font-weight: 600;
  font-size:14px;
  line-height:18px
}


.row-xs{height: 100% !important}
.middle-xs {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.center-xs {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}
.row-centered {text-align:center;}
.col-centered {display:inline-block !important;float:none; margin-right:-4px;vertical-align:top !important;}