/*================HEADER HACK==================*/

/*================HEADER HACK==================*/

body {
	background-image: url(../img/background-overall.png);
}

.fadein,
.fadeout {
	opacity: 0;
	/*-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;*/
}

.fadein {
	transition: all 0.3s ease-in-out;
	transform: translateY(0);

	opacity: 1 !important;
}

.mini-arrow-left {
	position: absolute;
	top: 1.3rem;
	left: -5px;

	display: none;

	border-top: 5px solid transparent;
	border-right: 5px solid #f00;
	border-bottom: 5px solid transparent;
}

/******************************************/
/******HOVER LOJA******/
/******************************************/
.menu-hover span img {
	padding-right: 5px;

	vertical-align: middle;
}

.link-hover {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;

	display: block;
	padding: 10px;

	text-align: center;
}
#loja .link-hover:hover {
	display: block;
}

@media (min-width: 1024px) {
	#loja-hover,
	#news-hover {
		display: -ms-flexbox;
		display: flex;

		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#loja-hover > *,
	#news-hover > * {
		display: inline-block;
		float: left;
		margin-right: 1.3rem;
	}

	#loja-hover > * > span {
		float: left;
	}

	#loja-hover > * > a {
		float: right;
	}

	#loja-hover .mais-vendidos {
		max-width: 60%;
		min-width: 50%;
	}

	#loja-hover .mais-vendidos .vitrine {
		display: -ms-flexbox;
		display: flex;
		clear: both;

		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#loja-hover .mais-vendidos .vitrine .destaque {
		position: relative;

		display: inline-block;
		width: 32%;
		height: 250px;
		max-width: 235px;
	}

	#loja-hover .mais-vendidos .vitrine .item-info {
		margin-top: 35%;
	}

	#loja-hover .mais-vendidos .vitrine .item-info > * {
		display: block;
		margin: 5px auto;

		text-align: center;
	}

	#loja-hover .beneficios {
		text-align: left;
	}

	#loja-hover .beneficios span {
		margin-bottom: 1.3rem;
	}

	#loja-hover .cartoes {
		max-width: 30%;
	}

	#loja-hover .cartoes img {
		width: 100%;
	}

	.menu-hover ul li {
		margin-bottom: 10px;
	}
}

/******************************************/
/******HOVER NEWS******/
/******************************************/
@media (min-width: 1024px) {
	#news-hover {
		text-align: left;
	}

	#news-hover .destaque {
		position: relative;

		width: 780px;
		height: 282px;
	}

	#news-hover .info {
		width: 100%;
	}

	#news-hover .novo {
		position: relative;

		width: 368px;
		height: 282px;
	}

	#news-hover .ultimas-novidades h4 {
		margin-bottom: 20px;
	}

	#news-hover .ultimas-novidades span {
		display: block;
	}
}

.past {
	color: #808080 !important;
}

/******************************************/
/******BARRA DE MANUTENÇÃO******/
/******************************************/
/******************************************/
/******MAIN NEWS******/
/******************************************/
/*.content .info p{
  padding-bottom: 20px;
  text-transform: uppercase;
  }*/
.content .banner {
	height: 560px;
	overflow: hidden;
}

.content .banner:before {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;

	width: 100%;
	height: 50%;

	content: "";
	pointer-events: none;
}
.content .banner > a {
	position: relative;

	display: block;
	overflow-x: hidden;
}

.content .banner > a > div {
	height: 560px;
	overflow: hidden;
}

.content .banner div > img {
	height: auto;

	transition: all 0.5s;
}

.content .filtros > nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid #ff794a;
}
@media (min-width: 600px) {
	.content .filtros > nav {
		height: 35px;
	}
}

.content .filtros ul {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	height: 100%;
	flex-wrap: wrap;
}

.content .filtros ul li {
	position: relative;

	display: inline-block;
	margin: 0 20px 0 0;
}

.content .filtros ul li a {
	text-decoration: none;
}

@media (min-width: 601px) and (max-width: 849px) {
	.content .filtros ul div a h2 {
		padding: 12px 0 12px !important;
	}
}

.content .filtros ul li a h2 {
	padding: 0 0 12px;
}

.content .filtros ul li.search {
	margin-top: -4px;
}

.content .busca input[type="text"] {
	width: 100%;
	height: 50px;

	text-align: center;

	border: none;
}

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

.filtros form input[type="text"] {
	border: solid 1px #ffa500;
	border-radius: 30px;
	padding: 5px 10px;
	margin-right: 5px;
	outline: none;
}

.filtros form button {
	border: 0;
	height: 30px;
	background: none;
}

.filtros form button img {
	width: auto;
	height: 100%;
}

.content .busca input[type="text"] {
	width: 100%;
	height: 50px;

	text-align: center;

	border: none;
}

.content .thumbs .past,
.hover-thumb .past {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;

	padding: 10px;
	margin-left: 10px;
}

.content .thumbs .past img {
	margin-right: 5px;

	vertical-align: middle;
}

.content .mais {
	display: block;
	height: 60px;
	text-align: center;
	cursor: pointer;
	margin-top: 0px;
}

.content .mais h1 {
	font-size: 1.4rem;
	line-height: 60px;

	text-transform: uppercase;
}

.content .manutencao {
	display: block;
}

.content .thumbs ul:after {
	display: inline-block;
	visibility: hidden;
	width: 100%;

	content: ".";
}

@media (min-width: 1024px) {
	.content .manutencao {
		text-align: left;
	}

	.content .banner > a > img {
		width: 100%;
	}
}

/******************************************/
/******MAIN NEWS INTERNA******/
/******************************************/
#news-interna {
	margin-top: 0;
}

#news-interna .banner {
	position: relative;

	height: 560px;
	overflow: hidden;
}

#news-interna .banner h1 {
	width: 75%;

	font-size: 2em;
	line-height: 1.2em;
}

#news-interna .banner img {
	filter: grayscale(30%) blur(3px);
	-webkit-filter: grayscale(30%) blur(3px);
	-moz-filter: grayscale(30%) blur(3px);
	-ms-filter: grayscale(30%) blur(3px);
	-o-filter: grayscale(30%) blur(3px);
}

#news-interna .class-icon {
	margin-right: 3px;
	height: 12px;
	width: auto;
}

/* ARTICLE-TABLE */
#news-interna table {
	float: none !important;
	width: 100%;
	margin: 0 auto 5% auto;
}

#news-interna table tr:nth-child(1) td {
	background: #00c1ff;
	font-size: 1rem;
	text-align: center;
	text-transform: none;
	color: #ffffff;
	letter-spacing: 0.05em;
}

#news-interna table tr {
	background: #ffffff;
}

#news-interna table td {
	height: 30px;
	padding: 15px;
	border: 1px solid #00c1ff;
	color: #101010;
	vertical-align: middle;
}

#news-interna table tr:nth-child(1) td p {
	color: #000;
}

#news-interna table tr td p {
	margin: 0;
}
/* ARTICLE-TABLE-END */

.left-content {
	display: none;
}

.tag-black {
	position: absolute;
	top: 50%;
	left: 50%;

	padding: 20px;

	transform: translate(-50%, -65%);
	text-align: center;
	text-transform: uppercase;
}

.tag-date {
	position: absolute;
	bottom: 15%;
	left: 50%;

	padding: 10px;

	transform: translate(-50%, -50%);
	text-align: center;
	text-transform: uppercase;
}

.publicidade-rodape {
	display: none;
}

.blog {
	max-width: 95%;
	margin: -100px auto 0;
}

.blog .header {
	padding: 1.3rem;

	text-align: center;
}

.blog .header .profile {
	top: 0;

	padding: 15px;
}

.blog .header .profile .autor {
	display: inline-block;
	padding-left: 5px;

	padding-top: 1.6rem;

	text-align: left;
	vertical-align: middle;
}

.blog .header .profile .autor > span {
	display: block;
}

.blog .header .profile .autor > span:first-child {
	font-weight: bold;
}

.blog .header .profile .autor > * {
	display: block;
}

.blog .header .profile img {
	display: inline-block;
	width: 70px;
	height: 70px;

	vertical-align: middle;

	border-radius: 150px;
}

.blog .header ul {
	text-transform: uppercase;
}

.blog .header ul li {
	display: inline-block;
	padding: 10px;
}

.blog .publicacao > * {
	margin-bottom: 1.3rem;
}

.blog .publicacao h3 {
	padding-top: 5.3rem;
	padding-bottom: 1.3rem;
}

.blog .publicacao img {
	height: auto;
	max-width: 100%;
}

/*.content h2 {
	padding: 10px;
	margin: 10px 0;
	clear: both;
}
*/

.blog .publicacao .item {
	border: none !important;
}

.blog .publicacao .item h3 {
	margin-top: 0;
	margin-bottom: 20px;
}

.blog .publicacao .item img {
	margin-right: 20px !important;
	float: left;
}

.blog .publicacao .item > div {
	overflow: hidden;
}

.blog .publicacao .item > div > div {
	margin-bottom: 20px;
}

.blog .publicacao .item > div > div:last-child > * {
	margin-bottom: 0;
}

.blog .publicacao .item-small {
	position: relative;
	display: inline-block;
	margin: 10px 10px 10px 10px;
	text-align: center;
	width: 120px;
	border: none !important;
}
.blog .publicacao .item-small img {
	margin-bottom: 10px;
}
.blog .publicacao .item-small h3 {
	font-size: 0.8rem;
	margin-top: 0px;
	text-align: center;
}
.blog .publicacao .item-small .description {
	display: block;
	position: absolute;
	min-width: 240px;
	left: 50%;
	bottom: 0%;
	background-color: #fff;
	padding: 20px;
	transform: translateX(-50%) scale(0.1);
	opacity: 0;
	transition: all 0.3s;
	z-index: 1;
}

.blog .publicacao .item-small:hover .description {
	bottom: 80%;
	transform: translateX(-50%) scale(1);
	opacity: 1;
}

.blog .publicacao .item-small .description p {
	font-size: 0.8rem;
	line-height: 1.2rem;
}
.blog .publicacao .item-small .description > div p {
	margin-bottom: 0;
}

.blog .publicacao .item-small .link {
	margin-top: 10px;
}

.blog .publicacao .item-small .link a {
	font-size: 0.7rem;
	text-decoration: none !important;
}

/*.right-content > span,
.right-content ul {
	display: none;
}*/

@media (max-width: 1023px) {
	.blog .publicacao {
		padding: 1.2rem 4vw;
	}
}

@media (min-width: 1024px) {
	.content h2 a:hover {
		padding: 0 0 5px;
	}

	.tag-date {
		bottom: 30%;
	}

	#news-interna .banner h1 {
		max-width: 1000px;
	}

	.blog .publicacao {
		padding: 2rem 4vw;

		text-align: left;
	}

	.publicidade-rodape {
		display: block;
	}

	#news-interna .blog .header {
		height: 100px;
		padding: 0;
	}

	#news-interna .blog .header .profile {
		position: absolute;

		float: left;
	}

	#news-interna .blog .header ul {
		float: right;
		padding-top: 30px;
		padding-right: 10px;
	}

	#news-interna .banner img {
		opacity: 0.5;
	}

	#news-interna .publicidade-rodape {
		display: -ms-flexbox;
		display: flex;
		width: 100%;

		-ms-flex-pack: center;
		justify-content: center;
	}

	#news-interna .confira,
	#news-interna .comentarios {
		float: none !important;
		clear: both;
	}

	#news-interna .confira ul {
		text-align: justify;
	}

	#news-interna .confira ul li {
		position: relative;

		display: inline-block;
		width: 23%;
		height: 250px;
		/* display: none; */
		margin: 10px 1%;
		overflow: hidden;
	}

	#news-interna .confira ul li:before {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 4;

		width: 100%;
		height: 50%;

		content: "";
	}

	#news-interna .confira ul li:hover a > img {
		transform: scale(1.05);
	}

	#news-interna .confira ul li a > img {
		position: absolute;
		top: 0;
		left: -10%;
		z-index: 3;

		display: block;
		height: 100%;
		margin: 0 auto;

		transition: all 0.5s;
	}

	/*#news-interna .right-content ul {
		margin: 10px 0 30px;
	}

	#news-interna .right-content ul li {
		position: relative;
		padding: 5%;
	}*/
}

#news-interna .news-gallery {
	position: relative;
	max-width: 100%;
}

#news-interna .news-gallery .slick-list {
	overflow: hidden;
	border-radius: 18px;
	margin: -4px;
}

#news-interna .news-gallery img {
	max-height: 400px;
	margin: 0 5px;
	opacity: 0.4;
}

#news-interna .news-gallery img {
	max-height: 400px;
	margin: 0 5px;
	opacity: 0.4;
	width: auto;
	transition: all 0.3s;
}

#news-interna .news-gallery img.slick-active {
	opacity: 1;
}
#news-interna .news-gallery button {
	position: absolute;
	width: 60px;
	height: 60%;
	background-color: #15d2e8;
	background-image: url(../img/icons/arrow.png);
	background-size: 15px;
	border-radius: 50px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	border: none;
	outline: none;
	cursor: pointer;
	transition: all 0.3s;
}
#news-interna .news-gallery button:hover {
	background-color: #009dd0;
}
@media (max-width: 800px) {
	#news-interna .news-gallery button {
		width: 30px;
		height: 30px;
		background-size: 8px;
	}
}

#news-interna .news-gallery button.slick-prev {
	left: 12px;
}

#news-interna .news-gallery button.slick-next {
	right: 12px;
	transform: translateY(-50%) scale(-1);
}

#btn_store {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}

@media (min-width: 1200px) {
	.left-content {
		display: block;
	}

	/*.right-content > span,
	.right-content ul {
		display: block;
	}*/

	#news-interna .blog {
		top: -120px;

		margin-bottom: -120px;
	}

	#news-interna .banner img {
		width: 100%;
	}

	#news-interna .middle-content {
		width: 70%;
		/*width: 75%;*/
	}

	#news-interna .content {
		/*width: 95%;*/
		position: relative;
	}

	.left-content {
		width: 300px;
		position: absolute;
		top: -35px;
		left: calc(22% - 300px);
		transition: opacity 0.3s, transform 0.3s ease-out;
		opacity: 1;
	}

	.left-content > * {
		margin-bottom: 20px;
	}

	.left-content.faded {
		opacity: 0;
		transform: translateY(-500px);
		transition: opacity 0.3s, transform 0.3s ease-in;
	}

	.left-content .navigator {
		background: #fff;
	}

	.left-content .navigator ul {
		padding: 20px;
	}

	.left-content .navigator ul li {
		margin-bottom: 10px;
		cursor: pointer;
	}

	.left-content .navigator ul li:last-child {
		margin-bottom: 0px;
	}

	.middle-content {
		margin-right: auto;
		margin-left: auto;
	}

	/*.right-content {
		width: 200px;
		position: absolute;
		top: -35px;
		right: calc(22% - 200px);
		transition: opacity 0.3s;
		opacity: 1;
	}

	.right-content.faded {
		opacity: 0;
	}

	.right-content .media {
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		width: 100%;

		align-items: flex-end;
		-ms-flex-align: end;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.right-content .media li {
		width: 90%;
		text-align: center;
	}*/

	.fb_iframe_widget,
	#___plus_0,
	#twitter-widget-0 {
		padding: 0 2%;
	}
}
@media (max-width: 1365px) {
	.left-content {
		width: 250px;
		left: calc(22% - 250px);
	}
	.left-content .square-ad {
		display: none;
	}
}
/******************************************/
/******VIDEO INTERNA******/
/******************************************/

#video-interna,
#streams {
	margin-top: 0;
}
#video-interna .banner,
#streams .banner {
	position: relative;

	height: 800px;

	text-align: center;
}
#video-interna .banner iframe,
#streams .banner iframe {
	margin-top: 100px;
}
#video-interna .tag-black,
#streams .tag-black {
	top: 75%;
}
#video-interna .tag-date,
#streams .tag-date {
	top: 85%;
	bottom: inherit;
}
#video-interna h2 {
	padding: 10px 0;
	margin: 10px 0;
}
#video-interna .info p {
	width: 90%;
}
#video-interna .info span {
	padding: 2px;
}
@media (min-width: 1024px) {
	#video-interna .blog {
		/*top: -120px;*/
		/*max-width: 60%;*/
		margin: 0 auto;
	}
	#video-interna .blog .header {
		height: 100px;
		padding: 0;
	}
	#video-interna .blog .header .profile {
		position: absolute;
	}
	#video-interna .blog .header ul {
		float: right;
		padding-top: 30px;
		padding-right: 10px;
	}
	#video-interna .banner img {
		width: 100%;
	}
	#video-interna .publicidade-rodape {
		display: -ms-flexbox;
		display: flex;
		width: 100%;

		-ms-flex-pack: center;
		justify-content: center;
	}

	.left-content.fixed {
		position: fixed;
		top: 85px;
	}

	#video-interna .confira,
	#video-interna .comentarios {
		float: none !important;
		clear: both;
	}
	#video-interna .confira ul {
		display: -ms-flexbox;
		display: flex;

		text-align: center;

		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#video-interna .confira ul li {
		position: relative;

		display: inline-block;
		width: 250px;
		height: 200px;
		/*display: none;*/
		margin: 10px 10px 10px 0;
		overflow: hidden;
	}

	#video-interna .confira ul li a > img {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 3;

		display: block;
		height: 100%;
		margin: 0 auto;
		-webkit-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
}
@media (min-width: 1200px) {
	#video-interna .blog {
		top: -120px;
	}

	#video-interna .middle-content {
		width: 55%;
	}
	#video-interna .right-content {
		max-width: 15%;
	}
}

/******************************************/
/******STREAMS******/
/******************************************/
#streams .banner {
	display: -ms-flexbox;
	display: flex;

	-ms-flex-pack: distribute;
	justify-content: space-around;
}

#streams .banner > div {
	display: inline-block;
}

#streams .banner .publicidade {
	margin-top: 100px;
}

.filtros .busca {
	position: relative;
}

.filtros .busca .search {
	position: relative;

	display: table;
	margin: 0 auto;
}

.filtros .busca .search img {
	position: absolute;
	top: 25%;
	left: 10px;
}

/******************************************/
/******SUPORTE******/
/******************************************/
#suporte .topicos ul {
	max-width: 1680px;
	display: flex;
	justify-content: space-between;
	text-align: center;
	flex-wrap: wrap;
}

#suporte .topicos ul li {
	display: inline-block;
	/*max-width: 360px;*/
	/*min-height: 280px;*/
	/*display: block;*/
	padding: 0px;
	/*margin: 0 auto 10px;*/
	/*width: 50%;*/

	vertical-align: top;
}
@media (max-width: 388px) {
	#suporte .topicos ul li {
		width: 100%;
	}
	.title2-suporte {
		margin-bottom: 20px;
	}
	#suporte .topicos ul li.whatsapp {
		margin-bottom: 20px;
	}
}

@media (min-width: 389px) {
	#suporte .topicos ul li:not(.title2-suporte) {
		width: 44%;
	}
	#suporte .topicos ul li a:not(:last-child) {
		height: 140px;
	}
	.title2-suporte {
		margin-bottom: 20px;
	}
}

#suporte .topicos ul li * {
	margin-bottom: 5px;
}
#suporte .topicos ul li:not(.title2-suporte) * {
	color: #a0543d;
}

#suporte .topicos ul li a {
	display: block;
	padding: 30px 10px;
}

#suporte .topicos ul li a span {
	display: block;
}

#suporte .topicos ul li p {
	font-size: 15px;
	text-align: justify;
	padding: 0px 5px;
}

#suporte .hot-topics h2 {
	padding: 0;
	margin-bottom: 50px;
}

#suporte .hot-topics ul {
	text-align: justify;
}

#suporte .hot-topics ul:after {
	display: inline-block;
	visibility: hidden;
	width: 100%;

	content: ".";
}

#suporte .hot-topics ul li {
	position: relative;

	padding: 15px;
	margin-bottom: 10px;

	text-align: left;
}

#suporte .hot-topics ul li span {
	display: block;
	margin: 5px 0;
}

#suporte .hot-topics ul li span:nth-child(2) {
	margin-left: 130px;
}

#suporte .hot-topics ul li span:nth-child(3) {
	margin: 10px 0;
}

@media (min-width: 800px) {
	#suporte .hot-topics ul li {
		width: 46%;
	}

	#suporte .topicos ul li {
		display: inline-block;
		width: 21%;
		min-height: 265px;
		margin-bottom: 10px;
		vertical-align: top;
	}

	#suporte .topicos ul li:not(.title2-suporte) {
		width: 21%;
	}

	#suporte .topicos ul li.title2-suporte {
		width: 100%;
		min-height: auto;
	}

	#suporte .hot-topics ul li {
		display: inline-block;
	}
	#suporte .topicos .ticket,
	#suporte .topicos .whatsapp {
		width: 49% !important;
	}
}

@media (min-width: 1680px) {
	#suporte .hot-topics ul li {
		width: 47%;
		margin-bottom: 1.3rem;
	}
}

/******************************************/
/******FOOTER******/
/******************************************/
/******************************************/
/******GERAL******/
/******************************************/
.play-icon {
	position: absolute;
	top: 30%;
	left: 50%;
	z-index: 4 !important;

	height: initial !important;
	max-width: 20%;

	transform: translateX(-50%);
}

.whitebox {
	position: absolute;
	top: 50%;
	left: 50%;

	padding: 4% 6% 4% 6%;

	transform: translate(-50%, -50%);
}

#back-to-top {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 9999;

	width: 32px;
	height: 32px;

	cursor: pointer;
	transition: opacity 0.2s ease-out;
	text-align: center;
	text-decoration: none;
}

.thumbs .box-video {
	position: relative;

	height: 252px;
	margin: 1.1rem 0;
	overflow: hidden;

	cursor: pointer;
}

#shadow,
#shadow-background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30;

	width: 100%;
	height: 100%;
}

#shadow {
	display: none;
}

#shadow-background {
	position: absolute;
}

#shadow,
#shadow-background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30;

	width: 100%;
	height: 100%;
}

#shadow-content {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 40;

	padding: 38px 0 5px 0;

	background-size: 100% 38px;
}

.close-shadow {
	position: absolute;
	top: 0;
	right: 0;

	width: 30px;
	height: 30px;
	padding: 10px;
}

/***************************************************/
/*****************DOWNLOAD****************/
/***************************************************/
#master button {
	cursor: pointer;

	border: none;
	outline: none;
}

#master section .container {
	position: relative;

	width: 80%;
	margin: auto;
}

#master div.loader {
	width: 100%;
	height: 0;

	transition: 0.5s;
}

#master div.loader.visible {
	height: 400px;

	opacity: 1;
	background-size: auto 80px;
}

#master #no-results {
	margin-bottom: 400px;
}

#master section.news-list img#search-loader,
#master section.news-list p#no-results,
#master section.news-list p#search-result {
	display: none;
}

/*=================RESPONSIVE====================*/
@media (max-width: 1024px) {
	#background img {
		transform: scale(1.5) translateY(10%);
	}

	#master section .container {
		width: 90%;
	}
}

@media (max-width: 800px) {
	#background img {
		transform: scale(1.8) translateY(10%);
	}
}

@media (max-width: 480px) {
	#master section .container {
		width: 90%;
		margin: 0 5%;
	}

	#master section.article .container.title h1 {
		font-size: 2em;
	}
}

h2 .blacktile,
h3 .blacktile,
a .blacktile {
	display: inline;
	padding: 10px 0;
}

a .blacktile {
	letter-spacing: 0 !important;
}

#master section.download .container {
	width: 40%;
	padding: 10% 0;
	margin-left: 10%;
}

#master section.footer ul.menu li a:hover {
	color: #f00 !important;
}

#master section.download strong,
#master section.download a {
	font-weight: normal;
}

#master section.download button.download {
	display: block;
	width: 100%;
	height: 80px;
	margin: 0 0 40px 0;
}

#master section.download button.download img {
	height: 30%;
	padding: 0 8px;

	transform: scale(1.1);
}

#master section.download div.other-options {
	margin: 0 auto;
}

#master section.download div.other-options p,
#master section.download div.other-options ul {
	margin: 10px 0;
}

#master section.download div.other-options ul li {
	display: inline-block;
	margin: 0 10px;
}

#master section.download button.download:hover {
	background-position: 100% 200%;
}

#master section.download img.cheerful {
	position: absolute;
	top: 10%;
	right: -100%;

	width: 100%;
}

/*============SECTION REQUIREMENTS================*/

#master section.requirements ul.feat {
	padding-left: 3%;

	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}

#master section.requirements ul.feat li {
	display: table; /* Actually FF 20+ */
	/*display: inline-block;*/
	margin-bottom: 30px;

	break-inside: avoid-column; /* IE 11 */
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
	page-break-inside: avoid; /* Theoretically FF 20+ */
}

#master section.requirements ul.feat li h3 {
	position: relative;

	display: inline-block;
	width: auto;
	margin: 0;
}

#master section.requirements ul.feat li h3:before {
	position: absolute;
	right: -36px;

	width: 30px;
	height: 30px;

	content: "";
}

#master section.requirements ul.feat li.operational-system-windows h3:before {
	background-position: 0 0;
}

#master section.requirements ul.feat li.processor h3:before {
	background-position: -30px 0;
}

#master section.requirements ul.feat li.memory h3:before {
	background-position: -60px 0;
}

#master section.requirements ul.feat li.video-card h3:before {
	background-position: -90px 0;
}

#master section.requirements ul.feat li.directx h3:before {
	background-position: -120px 0;
}

#master section.requirements ul.feat li.hard-drive h3:before {
	background-position: -150px 0;
}

#master section.requirements ul.feat li.browser h3:before {
	background-position: -180px 0;
}

#master section.requirements ul.feat li ul li {
	position: relative;

	display: inline-block;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 15px;
}

#master section.requirements ul.feat li ul li:before {
	position: absolute;
	top: -16px;
}

#master section.requirements ul.feat li ul li.minimum {
	margin-top: 20px;
}

/*============SECTION DOWNLOAD-PLUS================*/
#master section.download-plus {
	margin: 100px 0 50px 0;
}

#master section.download-plus ul.feat {
	padding-left: 3%;
}

#master section.download-plus ul.feat > li {
	display: inline-block;
	width: 28%;
	margin: 0 5% 5% 0;

	vertical-align: top;
}

#master section.download-plus ul.feat li h3 {
	position: relative;

	display: inline-block;
	width: auto;
	margin: 0;
}

#master section.download-plus ul.feat li ul {
	text-align: center;
}

#master section.download-plus ul.feat li ul li {
	display: inline-block;
	margin: 2%;
}

#congratulationsMessage {
	position: absolute;

	width: 40%;
	padding: 0 10%;
	margin-top: 50px;
}

/*=================RESPONSIVE====================*/
@media (max-width: 1024px) {
	#master section.requirements ul.feat {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	#master section.download-plus ul.feat > li {
		width: 44%;
	}
}

@media (max-width: 800px) {
	#master section.download .container {
		width: 80%;
	}

	#master section.download img.cheerful {
		display: none;
	}
}

@media (max-width: 640px) {
	#master section.requirements ul.feat {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	#master section.download-plus ul.feat > li {
		width: 100%;
		margin-bottom: 40px;
	}
}

.title2-suporte {
	width: 100%;
}
.title2-suporte h2 {
	padding: 0;
	margin: 40px auto 30px auto;
	text-align: center;
	margin-bottom: 3rem;
	font-size: 2rem;
	text-transform: uppercase;
	color: #ffa500;
	font-family: "Caudex Bold";
	text-align: left;
	border-bottom: solid 1px #ff794a;
}

#suporte .topicos .ticket h2,
#suporte .topicos .whatsapp h2 {
	margin-top: 10px;
}
#suporte .topicos ul li.whatsapp a {
	border: 5px solid #00d45e;
}

#suporte .topicos ul li.ticket a {
	border: 5px solid #00b7fd;
}

.guias-table-2,
.guias-table-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	margin: 0 auto;
	width: 60%;
}
.guias-table-2 > * {
	flex: 1 0 45%;
}

.guias-table-3 > * {
	flex: 1 0 31%;
}
.guias-table-3 > *,
.guias-table-2 > * {
	border: 1px solid black;
	padding: 10px;
	color: #484848;
	font-size: 1rem;
	line-height: 1.6rem;
	font-family: "signika_regular";
	text-align: center;
}
.guias-table-2 > *.table-full-line,
.guias-table-3 > *.table-full-line {
	flex: 1 1 100%;
}

.bonus__table {
	width: 100%;
}
.bonus__row {
	display: flex;
	background-color: #e4e4e4;
}

.blog .publicacao .item > div > .bonus__row {
	margin-bottom: 0px;
}

.bonus__item {
	border: 0.5px solid black;
	text-align: center;
	justify-content: center;
	flex: 1;
	display: flex;
	align-items: center;
	margin: 0px;
	padding: 0.5px;
}

.bonus__table .bonus__row:first-child {
	background-color: #ff794a;
}

.bonus__table .bonus__row:first-child p {
	color: #fff;
	font-weight: bold;
}
.hide__input {
	display: none;
}

.hide__input:checked + .bonus__table {
	display: none;
}

.hide__table {
	color: #00b7fd;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	margin-bottom: 12px;
	display: block;
}





/* --------------------------------------------------- */

@-webkit-keyframes scale-up-center {
	0% {
			-webkit-transform: scale(0.5);
			transform: scale(0.5);
	}

	100% {
			-webkit-transform: scale(1);
			transform: scale(1);
	}
}

@keyframes scale-up-center {
	0% {
			-webkit-transform: scale(0.5);
			transform: scale(0.5);
	}

	100% {
			-webkit-transform: scale(1);
			transform: scale(1);
	}
}

@-webkit-keyframes scale-down-center {
	0% {
			-webkit-transform: scale(1);
			transform: scale(1);
	}

	100% {
			-webkit-transform: scale(0);
			transform: scale(0);
	}
}

@keyframes scale-down-center {
	0% {
			-webkit-transform: scale(1);
			transform: scale(1);
	}

	100% {
			-webkit-transform: scale(0);
			transform: scale(0);
	}
}

@-webkit-keyframes fade-in {
	0% {
			opacity: 0;
	}

	100% {
			opacity: 1;
	}
}

@keyframes fade-in {
	0% {
			opacity: 0;
	}

	100% {
			opacity: 1;
	}
}

@-webkit-keyframes fade-out {
	0% {
			opacity: 1;
	}

	100% {
			opacity: 0;
	}
}

@keyframes fade-out {
	0% {
			opacity: 1;
	}

	100% {
			opacity: 0;
	}
}

.scale-up-center {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.scale-down-center {
	-webkit-animation: scale-down-center 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-down-center 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.fade-in {
	-webkit-animation: fade-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.fade-out {
	-webkit-animation: fade-out 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-out 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}



.modal-winter-hype {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-winter-hype::after {
	content: '';
	background: rgb(33 33 33 / 40%);
	width: 100vw;
	height: 100vh;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.modal-winter-hype .content button.close {
	width: 50px;
	height: 40px;
	position: absolute;
	right: 45px;
	top: 0;
	margin-top: -15px;
	border: none;
	background: transparent;
}

.modal-winter-hype .content button.close img {
	width: 30px;
	filter: invert(100%) drop-shadow(0 0 15px rgba(0, 0, 0, 0.8));
}

.modal-winter-hype .content {
	width: 100%;
}

.modal-winter-hype .content .body img {
	width: 95%;
	max-width: 1920px;
	box-shadow: 0 10px 40px rgb(0 0 0 / 20%);
	border-radius: 8px;
}

.arrow {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: relative;
}

.arrow.left {
	border-left: 10px solid #fff;
	left: 0;
}

.arrow.right {
	border-right: 10px solid #fff;
	right: -1px;
}