/*** ScrollBar ***/

::-webkit-scrollbar {
	width: 12px
}

::-webkit-scrollbar-track {
	background-color: #69030e;
	border-left: 1px solid #69030e
}

::-webkit-scrollbar-thumb {
	background-color: #d80027
}

::-webkit-scrollbar-thumb:hover {
	background-color: #ff9a22
}

html {
	height: 100%;
	min-height: 100%
}

body {
	height: 100%;
	min-height: 100%;
	background-color: #111111;
	background-repeat: no-repeat;
	font-family: "Open Sans";
	color: white;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased
}

body>iframe {
	display: none
}

button:focus {
	outline: 0px!important
}

.wrapper {
	min-height: calc(100% - 353px)
}

a {
	text-decoration: none
}

a:hover,
a:visited,
a:focus,
a:active {
	text-decoration: underline
}

#bloco-01 p,
#bloco-02 p {
	text-shadow: 1px 1px 2px #222
}

.oculto {
	display: none
}

.middle {
	margin: 0px auto;
	max-width: 700px;
	display: block
}

.centro {
	margin: 0 auto;
	text-align: center
}

.margin-top-30 {
	margin-top: 30px
}

.margin-top-20 {
	margin-top: 20px
}

.margin-top-10 {
	margin-top: 10px
}

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

.wrapper ol,
.wrapper ul {
	list-style: none
}

.padding-15 {
	padding: 15px
}

.padding-t-15 {
	padding-top: 15px
}

.padding-b-15 {
	padding-bottom: 15px
}

.bg-black {
	background-color: rgba(10, 10, 10, 0.9)
}

.bg-lt-black {
	background-color: rgba(0, 0, 0, 0.75)
}

.font-13 {
	font-size: 13px
}

.font-14 {
	font-size: 14px
}

#conteudo-pag-cadastro {
	min-height: 100%;
	position: relative
}

.header-cadastro #logo-header {
	padding: 16px 0 15px;
	margin: 0;
	text-align: center
}

.header-cadastro h1 {
	font-size: 30px;
	font-weight: 400;
	text-align: center
}

.header-cadastro h1 #logo-ongame {
	display: block;
	margin: 0 auto 20px
}

.header-cadastro h2 {
	margin: 0;
	font-weight: 400;
	font-size: 15px;
	text-align: center;
	border-radius: 6px;
	margin-bottom: 3rem
}

@media (max-width:767px) {
	.header-cadastro h2 {
		margin-bottom: 1rem
	}
}

.header-cadastro h2 * {
	color: #FF6600;
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	margin: 0px
}

.logo-size {
	display: flex;
	align-items: center;
	width: 200px;
	height: 158px;
	margin: 0 auto;
	justify-content: center
}

.m2-logo {
	max-width: 304px;
	width: 100%
}

.logo-size img {
	max-width: 100%;
	flex-shrink: 0
}

.panel {
	padding: 30px;
	background-color: rgba(10, 10, 10, 0.9)
}

@media (min-width:768px) {
	.float-md-right {
		float: right
	}
	.float-md-left {
		float: left
	}
}

.form-title {
	font-size: 16px
}

.form-link-account {
	margin-bottom: 20px;
	font-size: 14px;
	color: #888
}

.form .inputTransparent:-webkit-autofill,
.form .inputTransparent:-webkit-autofill:hover,
.form .inputTransparent:-webkit-autofill:focus,
.form .inputTransparent:-webkit-autofill:active,
.form input:-internal-autofill-previewed,
.form input:-internal-autofill-selected,
.form textarea:-internal-autofill-previewed,
.form textarea:-internal-autofill-selected,
.form select:-internal-autofill-previewed,
.form select:-internal-autofill-selected {
	webkit-transition-delay: 99999s;
	border: 1px solid #1C1C1C!important;
	-webkit-text-fill-color: white!important;
	-moz-text-fill-color: white!important;
	background-color: rgba(0, 0, 0, 0)!important;
	background: rgba(0, 0, 0, 0)!important;
	box-shadow: 0 0 0px 500px #0D0D0D inset!important
}

.form {
	padding: 20px;
	border-radius: 6px;
	background-color: #0D0D0D
}

.form .relative {
	position: relative;
	clear: both
}

.form .flex-content {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.form .data-de-nascimento {
	margin-bottom: 15px;
	font-size: 14px;
	color: #aaa
}

.form #group-dia,
.form #group-mes,
.form #group-ano {
	display: inline-block;
	width: 33.3333%;
	float: left
}

.form #group-ddi,
.form #group-ddd {
	display: inline-block;
	width: 25%;
	float: left
}

.form #group-telefone {
	display: inline-block;
	width: 50%;
	float: left
}

.form .social-register {
	padding: 12px;
	margin-bottom: 26px;
	background-color: #161616;
	border-radius: 6px
}

.form .social-register>ul {
	padding-left: 0;
	margin-bottom: 0;
	font-size: 14px;
	color: #ff4031
}

.form__field-group {
	position: relative;
	margin-bottom: 26px;
	font-size: 14px
}

.form__field-group.flex {
	display: flex
}

.form__field-group__input-radio {
	display: flex;
	align-items: center
}

.form__field-group__input-radio:first-child {
	margin-right: 16px
}

.form__field-group__input-radio input {
	margin-right: 4px
}

.form__field-group label:first-child {
	margin-right: 16px
}

.form__field-group label {
	display: flex;
	align-items: center;
	margin-bottom: 0
}

.form__field-group label input {
	margin-right: 4px
}

.form__field-group input[type="hidden"]+.form__field-group__field-name {
	display: none
}

.form__field-group select:invalid {
	color: #757575
}

.form__field-group select option:not(:checked) {
	color: #757575
}

.form__field-group select option {
	background-color: #0D0D0D
}

.form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
.form__field-group select {
	position: relative;
	display: block;
	width: 100%;
	height: 38px;
	padding: 0 10px;
	border: 1px solid #1C1C1C;
	border-radius: 3px;
	outline: 0;
	color: white;
	z-index: 1;
	border-radius: 2px;
	background-color: rgba(0, 0, 0, 0);
	transition: background-color 0.1s 300s
}

.form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).erro,
.form__field-group select.erro {
	border: 1px solid #c62828
}

.form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active+.form__field-group__field-name,
.form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).active+.form__field-group__field-name,
.form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):valid[required]+.form__field-group__field-name,
.form__field-group select.active+.form__field-group__field-name,
.form__field-group select.active+.form__field-group__field-name,
.form__field-group select:valid[required]+.form__field-group__field-name {
	margin-top: -32px;
	border-radius: 3px;
	font-size: 12px;
	background-color: #0D0D0D;
	z-index: 1;
	color: #777
}

.form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).erro.active+.form__field-group__field-name,
.form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).erro.active+.form__field-group__field-name,
.form__field-group input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]).erro:valid[required]+.form__field-group__field-name,
.form__field-group select.erro.active+.form__field-group__field-name,
.form__field-group select.erro.active+.form__field-group__field-name,
.form__field-group select.erro:valid[required]+.form__field-group__field-name {
	color: white;
	background-color: #c62828
}

.form__field-group__field-name {
	position: absolute;
	top: 50%;
	left: 7px;
	padding: 2px 4px;
	margin-top: -13px;
	font-size: 14px;
	color: #757575;
	transition: all 0.15s linear;
	z-index: 0
}

.form__field-group__help-icon {
	position: absolute;
	left: calc(100% + 8px);
	top: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #383838;
	cursor: help;
	box-shadow: 2px 2px 2px #1B1B1B;
	z-index: 2
}

.form__field-group__help-icon:hover {
	background-color: #666
}

.form__field-group__help-icon:hover+.form__field-group__help-box {
	display: block
}

@media (max-width:1049px) {
	.form__field-group__help-icon {
		display: none
	}
}

.form__field-group__help-box {
	position: absolute;
	top: -13px;
	left: calc(100% + 42px);
	display: none;
	width: 100%;
	padding: 15px;
	border-radius: 2px;
	z-index: 1;
	line-height: 1.4;
	font-size: 13px;
	text-shadow: 1px 1px 2px #222;
	background-color: rgba(10, 10, 10, 0.9);
	color: #ddd
}

.form__field-group__help-box::before {
	content: "";
	position: absolute;
	top: 18px;
	right: 100%;
	border: 12px solid rgba(10, 10, 10, 0.9);
	border-left-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent
}

@media (max-width:1279px) {
	.form__field-group__help-box {
		width: 80%
	}
}

@media (max-width:1049px) {
	.form__field-group__help-box {
		display: none!important
	}
}

.form__field-group__help-box__item:not(:last-child) {
	margin-bottom: 15px
}

.form__field-group>ul {
	padding: 4px 10px 0;
	font-size: 12px;
	color: #f44336;
	margin-bottom: 0
}

.form .orange {
	color: #FF6600
}

.form .checkbox {
	cursor: pointer;
	margin-bottom: 30px
}

.form .checkbox .checkbox-text {
	flex: 1;
	color: #ccc
}

.user-info .security img {
	margin-top: -2px
}

.user-info .security .donuts {
	position: relative;
	width: 130px;
	height: 130px
}

.user-info .security .donuts h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin-top: -2px;
	margin-bottom: 0;
	transform: translate3d(-50%, -50%, 0);
	text-align: center;
	font-size: 14px;
	color: white
}

.user-info .security .donut-number {
	font-size: 28px
}

.user-info .security .circle-chart__circle {
	animation: circle-chart-fill 2s reverse;
	transform: rotate(-90deg);
	transform-origin: center
}

@keyframes circle-chart-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@keyframes circle-chart-appear {
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.user-info .security .done {
	color: #4CAF50
}

.user-info .security .not-done {
	color: #f44336
}

.user-info .security .no-style-button {
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	cursor: pointer
}

.user-info .security form {
	padding: 0;
	background-color: unset
}

.user-info .flex-wrap {
	flex-wrap: wrap
}

.user-info .flex-1 {
	flex: 1;
	padding: 0 15px;
	margin: 15px 0
}

@media (max-width:991px) {
	.user-info .flex-1 {
		flex: 100%;
		max-width: 146px;
		width: 100%
	}
}

@media (max-width:372px) {
	.user-info .flex-1 {
		max-width: 100%
	}
}

.user-info h1 {
	font-size: 35px;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #222
}

.user-info h2 {
	font-size: 20px;
	color: #9A9B9C
}

.user-info strong {
	font-size: inherit
}

.user-info .font-size--15 {
	font-size: 15px!important
}

.user-info .mt-3 {
	margin-top: 15px
}

.user-info .mt-6 {
	margin-top: 30px
}

.user-info .mb-3 {
	margin-bottom: 15px
}

.user-info .mb-6 {
	margin-bottom: 30px
}

.user-info .pl-0 {
	padding-left: 0
}

.text-orange {
	color: #FF6600;
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	margin: 20px 0px;
	text-transform: uppercase
}

.text-orange#titulo-ul {
	margin: 0 0 20px 0
}

#bloco-01 #botao-login-google {
	display: flex;
	align-items: center;
	border-radius: 5px;
	padding: 15px;
	width: 260px;
	margin: 0 auto 10px;
	border: none;
	color: white;
	background-color: #D44638;
	transition: background-color 300ms ease 0s
}

#bloco-01 #botao-login-google:hover {
	text-decoration: none;
	background-color: #B23121
}

#bloco-01 #botao-login-google span.texto,
#bloco-01 #botao-login-google i {
	font-size: 14px;
	font-weight: 600;
	padding: 0 15px 0 0
}

#bloco-01 #botao-login-google i {
	font-size: 19px;
	float: left;
	margin-top: 2px;
	margin-left: 8px
}

#bloco-01 #botao-login-facebook {
	display: flex;
	align-items: center;
	border-radius: 5px;
	padding: 15px;
	width: 260px;
	margin: 0 auto 10px;
	border: none;
	color: white;
	background-color: #3C5A99;
	transition: background-color 300ms ease 0s
}

#bloco-01 #botao-login-facebook:hover {
	text-decoration: none;
	background-color: #315295
}

#bloco-01 #botao-login-facebook span.texto,
#bloco-01 #botao-login-facebook i {
	font-size: 14px;
	font-weight: 600;
	padding: 0 15px 0 0
}

#bloco-01 #botao-login-facebook i {
	font-size: 19px;
	float: left;
	margin-top: 1px;
	margin-left: 5px
}

#bloco-01 .botao-rede-social {
	width: 250px;
	height: 32px;
	margin: 28px auto 0px;
	text-align: center
}

#bloco-01 .botao-rede-social#botao-gplus {
	margin-bottom: 40px
}

#bloco-01 p {
	text-align: center;
	font-size: 18px
}

#bloco-01 .bloco-texto {
	width: 260px;
	padding: 5px;
	margin: 10px auto 0
}

#bloco-03 p,
#bloco-03 * {
	text-align: center;
	font-size: 18px
}

#bloco-01 #logos,
#bloco-03 #logos {
	margin-top: 20px;
	text-align: center
}

@media (min-width:768px) {
	#bloco-01 .form {
		margin-left: auto
	}
}

form {
	padding: 20px;
	margin: 0;
	width: 100%;
	background-color: #272727
}

@media (min-width:768px) {
	form {
		max-width: 333px
	}
}

@media (max-width:767px) {
	form.secundario {
		margin-top: 10px
	}
}

form section {
	position: relative
}

form section input {
	background-color: #3F3F3F;
	border: 1px solid #0f0f0f;
	height: 38px;
	transition: border 1s ease;
	padding: 0 10px
}

form section input[type="radio"] {
	height: 14px;
	margin-top: 1px
}

form section input[type="text"],
form section input[type="password"],
form section input[type="number"] {
	width: 100%;
	font-size: 14px
}

form section input.nascimento {
	width: 27%;
	text-align: center
}

form section input:active {
	border: 1px solid #EB5C10
}

form section input.erro {
	border: 1px solid #f44336!important
}

form section input#ano {
	width: 29%
}

form section input#dia {
	margin-left: 0px
}

form section input#ddi {
	width: 25%;
	text-align: center
}

form section input#ddd {
	margin-left: 0px;
	width: 25%;
	text-align: center
}

form section input#telefone {
	width: 50%
}

form section input#numero {
	margin-right: 4px;
	width: 26%
}

form section input#complemento {
	width: 72%
}

form section input#cidade {
	margin-right: 4px;
	width: 80%
}

form section input#estado {
	width: 18%;
	text-align: center
}

form section select {
	width: 100%;
	padding: 10px;
	background-color: rgba(60, 60, 60, 0.5);
	border: 1px solid rgba(10, 10, 10, 0.5)!important;
	border-radius: 3px;
	box-shadow: 2px 2px 2px #1B1B1B inset;
	transition: all 1s ease 0s;
	color: white
}

form section .info {
	top: 4px;
	right: -220px;
	width: 200px;
	padding: 15px;
	background-color: #141415;
	border-radius: 0px 0px 10px;
	position: absolute;
	z-index: 1;
	display: none;
	background-color: #0a0a0a
}

form section .info .ponta {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 5px;
	left: -13px;
	transform: rotate(45deg);
	background-color: #0a0a0a;
	font-size: 0px
}

form section .info p {
	margin-bottom: 15px;
	line-height: 1.4;
	font-size: 13px!important;
	text-align: left!important
}

form section .info .requisitos {
	color: #EB5C10;
	margin: 0px 0 8px 0;
	text-align: left;
	font-size: 11px;
	line-height: 1.3
}

form section .info .requisitos i {
	color: #EB5C10
}

form section .info i {
	width: 12px
}

form section .info .ok {
	color: #2AD32A;
	transition: color 0.5s
}

form section .info .ok i {
	color: #2AD32A;
	transition: color 0.5s
}

form section .info .erro {
	color: #f44336;
	transition: color 0.5s
}

form section .info .erro i {
	color: #f44336;
	transition: color 0.5s
}

form section#box-captcha {
	height: 58px
}

form section#box-captcha .g-recaptcha {
	transform: scale(0.75);
	transform-origin: 0 0
}

form section #esqueci-senha {
	display: block;
	margin: 5px auto;
	width: 50%;
	color: #FFFFFF;
	outline: none
}

form section .erro_submit {
	text-align: left;
	margin-left: 5px;
	color: #f44336;
	font-size: 14px
}

@media only screen and (max-width:1020px) {
	form section .info {
		left: 0px;
		right: 0;
		top: 7px!important;
		width: 100%!important;
		position: relative
	}
	form section .info .ponta {
		transform: rotate(45deg);
		left: 4px!important;
		top: -10px!important;
		display: none
	}
	form section .info#info-dia .ponta {
		left: 5px!important
	}
	form section .info#info-mes .ponta {
		left: 43px!important
	}
	form section .info#info-ano .ponta {
		left: 123px!important
	}
}

.btn-common {
	display: block;
	padding: 12px 0;
	border: medium none;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	transition: box-shadow 300ms ease 0s;
	width: 100%;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1)
}

.btn-common:hover {
	text-decoration: none
}

.btn-common i {
	display: inline-block;
	margin-right: 8px
}

.btn-border {
	color: white!important;
	background-color: #080808;
	font-size: 14px;
	border-radius: 6px
}

.btn-border:hover {
	background-color: #121212
}

#bloco-02 form #group-button button .ico {
	width: 40px;
	height: 32px;
	background-image: url("/static/img/img_seta.png");
	background-position: left center;
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 5px
}

#bloco-02 form #group-button button span {
	font-size: 22px;
	height: 32px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	top: -4px
}

#termos {
	line-height: 12px;
	margin: 10px auto 0px;
	padding: 0 6px;
	text-align: center;
	width: 333px;
	font-size: 12px
}

#termos a {
	color: #ff6600;
	font-size: 12px
}

#termos a:hover {
	color: #ff6600
}

#bloco-03 p {
	margin-top: 30px
}

#bloco-03 #logos {
	margin-bottom: 20px
}

#erro {
	color: #f44336;
	display: none;
	font-size: 14px;
	padding: 0 0 15px;
	text-align: center
}

@media (max-width:767px) {
	#botao-login-facebook {
		margin-bottom: 20px
	}
}

@media (max-width:575px) {
	.fb_iframe_widget_fluid span {
		width: 100%!important
	}
	.fb_iframe_widget_fluid span iframe {
		position: static;
		display: block;
		max-width: 290px!important;
		margin: 20px auto
	}
}

@media (max-width:360px) {
	#termos {
		width: 390px;
		padding: 0 3px
	}
}

#pag-cadastro-finalizado h3 {
	font-size: 19px;
	margin-top: 25px;
	margin-bottom: 40px;
	line-height: 1.6;
	text-shadow: -2px -2px 10px #141414, 3px 3px 5px #141414
}

.box-img {
	text-align: center
}

.box-img img {
	max-width: 90%
}

#box-bottom {
	margin-top: 60px;
	margin-bottom: 30px;
	text-align: center
}

#box-bottom span {
	color: #ccc;
	font-style: italic;
	text-shadow: -2px -2px 10px #141414, 3px 3px 5px #141414, 3px 3px 5px #141414
}

#box-bottom span:first-child {
	padding-bottom: 3px
}

@media (max-width:767px) {
	#box-bottom span:last-child {
		margin-bottom: 15px
	}
}

#box-bottom .btn-revenviar-email {
	color: #fff;
	text-transform: uppercase;
	padding: 12px;
	margin: 0px auto 0px;
	display: block;
	max-width: 216px;
	font-size: 10pt
}

#box-bottom .btn-revenviar-email:hover {
	text-decoration: none
}

.btn-padrao {
	background-color: #FF6600;
	color: #fff;
	text-transform: uppercase;
	padding: 4px;
	margin: 0px auto 0px;
	display: block;
	width: 220px;
	font-size: 16pt;
	text-align: center;
	float: left
}

.btn-padrao:hover {
	text-decoration: none;
	background-color: #E45F05;
	color: #fff
}

.btn-padrao#btn-ok {
	margin-bottom: 20px
}

#box-espacamento {
	height: 12px;
	width: 100%
}

#pag-cadastro-ativado #ul-escolha-jogo {
	padding-left: 0
}

#pag-cadastro-ativado #ul-escolha-jogo a {
	position: relative;
	display: block;
	width: 157px;
	height: 180px;
	margin: 10px auto;
	background-color: #222;
	background-repeat: no-repeat;
	background-position: top center;
	box-shadow: -2px -2px 10px 2px rgba(0, 0, 0, 0.3)
}

@media (max-width:575px) {
	#pag-cadastro-ativado #ul-escolha-jogo a {
		width: 130px
	}
}

#pag-cadastro-ativado #ul-escolha-jogo a .legenda {
	background-color: rgba(0, 0, 0, 0.85);
	bottom: 0px;
	display: inline-block;
	position: absolute;
	text-align: center;
	width: 100%;
	padding: 3px 0;
	transition: color 300ms ease 0s
}

#pag-cadastro-ativado #ul-escolha-jogo a .legenda p {
	width: 100%;
	margin: 0px
}

#pag-cadastro-ativado #ul-escolha-jogo a .legenda p.linha-1 {
	font-size: 12px;
	text-transform: uppercase
}

#pag-cadastro-ativado #ul-escolha-jogo a:hover .legenda {
	color: #FF6600!important
}

#pag-cadastro-ativado #ul-escolha-jogo #download-jogo-1 a {
	background-image: url("../../img/m2/jogo_1.png")
}

#pag-cadastro-ativado #ul-escolha-jogo #download-jogo-2 a {
	background-image: url("../../img/m2/jogo_1.png")
}

#pag-cadastro-ativado #ul-escolha-jogo #download-jogo-3 a {
	background-image: url("../../img/m2/jogo_1.png")
}

#pag-cadastro-ativado #ul-escolha-jogo #download-jogo-4 a {
	background-image: url("../../img/m2/jogo_1.png")
}

#pag-cadastro-ativado h3 {
	text-align: center;
	text-transform: uppercase;
	margin-top: 40px
}

#pag-cadastro-ativado ul.ul-redes-sociais {
	margin: 40px auto;
	padding: 0px;
	width: 100%;
	max-width: 264px;
	height: 40px
}

#pag-cadastro-ativado ul.ul-redes-sociais li {
	float: left;
	height: 38px;
	margin: 0 3px 8px;
	width: 38px
}

#pag-cadastro-ativado ul.ul-redes-sociais li a {
	float: left;
	width: 38px;
	height: 38px;
	text-align: center;
	color: #fff
}

#pag-cadastro-ativado ul.ul-redes-sociais li a i {
	font-size: 20px;
	margin-top: 10px;
	color: #fff
}

#pag-cadastro-ativado ul.ul-redes-sociais li.face a {
	background-color: #3559A4;
	transition: background-color 300ms ease 0s
}

#pag-cadastro-ativado ul.ul-redes-sociais li.face a:hover {
	background-color: #0A1E69
}

#pag-cadastro-ativado ul.ul-redes-sociais li.youtube a {
	background-color: #E42827;
	transition: background-color 300ms ease 0s
}

#pag-cadastro-ativado ul.ul-redes-sociais li.youtube a:hover {
	background-color: #CC0505
}

#pag-cadastro-ativado ul.ul-redes-sociais li.youtube a i {
	font-size: 19px
}

#pag-cadastro-ativado ul.ul-redes-sociais li.twitch a {
	background-color: #6843AC;
	transition: background-color 300ms ease 0s
}

#pag-cadastro-ativado ul.ul-redes-sociais li.twitch a:hover {
	background-color: #3A2276
}

#pag-cadastro-ativado ul.ul-redes-sociais li.twitch a i {
	font-size: 22px;
	margin-top: 9px
}

#pag-cadastro-ativado ul.ul-redes-sociais li.forum a {
	background-color: #F46624;
	transition: background-color 300ms ease 0s
}

#pag-cadastro-ativado ul.ul-redes-sociais li.forum a:hover {
	background-color: #E52703
}

#pag-cadastro-ativado ul.ul-redes-sociais li.forum a i {
	font-size: 22px;
	margin-top: 6px
}

#pag-cadastro-ativado ul.ul-redes-sociais li.instagram a {
	background-color: #6A453B;
	transition: background-color 300ms ease 0s
}

#pag-cadastro-ativado ul.ul-redes-sociais li.instagram a:hover {
	background-color: #2C130E
}

#pag-cadastro-ativado ul.ul-redes-sociais li.instagram a i {
	font-size: 23px;
	margin-top: 8px
}

#pag-cadastro-ativado ul.ul-redes-sociais li.twitter a {
	background-color: #63CDF1;
	transition: background-color 300ms ease 0s
}

#pag-cadastro-ativado ul.ul-redes-sociais li.twitter a:hover {
	background-color: #25A5E4
}

#customBtn {
	background: none repeat scroll 0 0 #dd4b39;
	border-radius: 5px;
	color: white;
	display: inline-block;
	white-space: nowrap;
	width: 160px
}

#customBtn:hover {
	background: #e74b37;
	cursor: pointer
}

span.icon {
	background: url("https://developers.google.com/+/images/branding/btn_red_32.png") no-repeat scroll 2px 0.0526315789 auto transparent;
	border-right: 1px solid #bb3f30;
	display: inline-block;
	height: 22px;
	vertical-align: middle;
	width: 23px
}

span.buttonText {
	display: inline-block;
	font-family: arial, sans-serif;
	font-size: 12px;
	padding-left: 4px;
	vertical-align: middle
}

.header-cadastro h1 {
	font-size: 35px;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #000
}

.header-cadastro h2 {
	display: inline-block;
	text-shadow: 1px 1px 2px #222
}

.header-cadastro h2:empty {
	display: none!important
}

.erro-ico {
	color: #f44336
}

.informativo {
	background: rgba(30, 30, 30, 0.8) none repeat scroll 0 0;
	margin: 0 auto 10px;
	padding: 10px;
	width: 260px;
	font-size: 14px
}

form section input {
	border: 1px solid rgba(10, 10, 10, 0.5)!important;
	border-radius: 3px;
	transition: all 1s ease 0s;
	box-shadow: 2px 2px 2px #1B1B1B inset;
	color: white;
	outline: 0
}

input:-webkit-autofill {
	border: 1px solid #3D3D33!important;
	-webkit-box-shadow: 0 0 0px 1000px #2A2A2A inset!important;
	-webkit-text-fill-color: #aaa!important;
	border-radius: 0px
}

form {
	background-color: rgba(10, 10, 10, 0.9)
}

form section input {
	background-color: rgba(60, 60, 60, 0.5)
}

.checkbox {
	line-height: 1.2
}

.checkbox input {
	height: 13px;
	box-shadow: none
}

#box-sessoes-ativas {
	background-color: rgba(10, 10, 10, 0.9);
	padding: 15px
}

#box-sessoes-ativas .row {
	margin-bottom: 30px
}

#box-sessoes-ativas .row:last-child {
	margin-bottom: 0
}

#box-sessoes-ativas iframe {
	float: left
}

#box-sessoes-ativas .info-sessoes {
	font-size: 14px
}

@media (max-width:575px) {
	#box-sessoes-ativas .info-sessoes {
		padding-top: 10px
	}
}

#box-sessoes-ativas .mostrar-mais {
	background-color: #181818;
	text-align: center;
	padding: 5px 0
}

#box-sessoes-ativas .mostrar-mais:hover {
	background-color: #1C1C1C;
	cursor: pointer
}

#box-sessoes-ativas a.desconectar {
	display: block;
	text-decoration: unset!important;
	position: absolute;
	right: 15px;
	top: 40px;
	background-color: #ce2924;
	padding: 5px 10px;
	box-shadow: 2px 2px 20px 0 rgba(17, 17, 17, 0.9), 0 1px 5px 6px rgba(17, 17, 17, 0.44), 0 3px 1px -5px rgba(17, 17, 17, 0.5);
	border: 1px solid #E03832;
	border-radius: 3px;
	color: #FFF;
	font-size: 14px;
	line-height: 1.25;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(22, 22, 22, 0.6);
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media (max-width:575px) {
	#box-sessoes-ativas a.desconectar {
		position: static;
		width: 50%;
		margin: 10px auto 0
	}
}

#box-sessoes-ativas a.desconectar:hover {
	color: #CCC;
	background-color: #ad201c;
	box-shadow: 2px 2px 8px 0 rgba(22, 22, 22, 0.7), 0 1px 5px 0 rgba(22, 22, 22, 0.22), 0 3px 1px -2px rgba(22, 22, 22, 0.4);
	border-color: #811411;
	text-shadow: unset
}

#box-sessoes-ativas a.desconectar:hover,
#box-sessoes-ativas a.desconectar:focus,
#box-sessoes-ativas a.desconectar:active {
	text-decoration: unset!important
}

.table-punicao {
	font-size: 14px;
	background-color: rgba(10, 10, 10, 0.9)
}

.table-punicao td {
	border-color: black
}

i.ico-seta {
	width: 14px;
	height: 14px;
	border: 1px solid #FF640D;
	float: left;
	color: #FFFFFF;
	font-size: 7px;
	padding: 3px 4px 0
}

.cadastro-completo.status #bloco-02 {
	background-color: rgba(10, 10, 10, 0.9);
	padding: 30px
}

.box-aviso-trancar-conta {
	background-color: rgba(10, 10, 10, 0.9);
	padding: 15px;
	margin: 25px auto;
	font-size: 14px
}

.quiz-header-top {
	display: block;
	margin-top: -32px;
	padding-top: 45px;
	width: 100%;
	height: 225px;
	background-position: center bottom, center!important;
	background-repeat: no-repeat!important;
	background-size: cover!important
}

.quiz-header-top img {
	display: block;
	margin: 0 auto
}

.quiz-color {
	color: #ff4f02
}

@media all and (max-width:343px) {
	.quiz-header-top img {
		height: 130px
	}
}

body {
	background-color: #000000;
	background-image: url("../../img/m2/bg.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-position: top center
}

a,
a:hover,
a:visited,
a:focus,
a:active {
	color: #D81823
}

.main-color,
.form .orange {
	color: #D81823
}

.main-bg {
	background-color: #D81823
}

.main-color-lt {
	color: #e93a44
}

.btn-border {
	border: 1px solid #D81823
}

.btn-bg {
	color: #e11924;
	background-color: #121212
}

.btn-bg:hover {
	color: white;
	background-color: #e11924
}