@import url('https://fonts.googleapis.com/css2?family=Acme&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url("tinymce.css");
@import url("padrao.css?1");

.titulo {
	font-family: 'Acme', sans-serif;
	line-height: normal;
}

.t300 {
	font-weight: 300;
}

.t400 {
	font-weight: 400;
}

.t500 {
	font-weight: 500;
}

.t700 {
	font-weight: 700;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #F6F4F5;
	font-weight: 300;
	background: url("../images/bg.png") repeat top;
}

.page {
	padding-top: 70px;
}

#menu {
	padding: 0;
	margin: 0;
}

#menu li {
	list-style: none;
	color: #B1DDEA;
	margin: 8px;
}

#menu li :hover {
	list-style: none;
	color: #FAF5B4;
}

#menu li.active {
	list-style: none;
	color: #FAF5B4;
}

#menu_flutuante {
	position: fixed;
	top: -100px;
	width: 100%;
	z-index: 9999;
}

#menu_flutuante {
	background: linear-gradient(to right, #01943f 0%, #15603c 100%);
}

.hr {
	height: 2px;
	width: 130px;
	background-color: #E4A57C;
}


.thumb {
	background-repeat: no-repeat;
	height: 0;
	background-size: cover;
	background-position: 50% 30%;
	width: 100%;
}

.testimonial {
	text-align: center;
}

.description {
	color: #ede9e9;
	padding: 0px 3%;
	position: relative;
}

.pic {
	width: 94px;
	height: 94px;
	margin: 0 auto;
}

.pic img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.testimonial-title {
	font-size: 18px;
	color: #9c9c9c;
	font-weight: bolder;
	text-transform: capitalize;
}

.testimonial-title>small {
	display: block;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	margin-top: 5px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #ef8d26;
}

.owl-theme .owl-controls .owl-page span {
	opacity: 1;
}

@media screen and (max-width: 480px) {
	.description {
		font-size: 19px;
		line-height: 29px;
	}

	.description:before,
	.description:after {
		font-size: 25px;
	}
}

#sobre {
	background: url("../images/bg_sobre.png") no-repeat top/cover;
	padding-bottom: 58%;
	/* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
	height: 0;
}

#sobre .media button {
	right: 0;
	z-index: 99;
}

.titulo_sobre .traco {
	background: url("../images/traco.svg") no-repeat center /100% auto;
	width: 65px;
	margin-right: 20px;
}

.titulo_sobre .txt {
	width: 100%;
	font-family: 'Acme';
	font-size: 30px;
}

@media screen and (max-width: 500px) {
	.shape {
		width: 180px;
	}
}

#jogos .box1 {
	background-color: #2B59A2;
}

#jogos .box2 {
	background-color: #9A0D89;
}

#jogos .box3 {
	background-color: #01943f;
}

#jogos .box4{
	background-color: #EAA22D;
}

#jogos .selo {
	position: relative;
	margin-top: -45px;
	width: 100%;
}

#jogos .botao {
	border: 2px solid #fff;
	border-radius: 6px;
	padding: 3px 18px;
}

#carrinho {
	background-color: #ef8d26;
	border-radius: 5px 0 0 5px;
	position: fixed;
	bottom: 45px;
	right: -230px;
	width: 230px;
	z-index: 9999;
	padding: 10px;
}

#galeria .wrapper {
	position: relative;
	flex-grow: 1;
	margin: 30px auto 180px;
	max-width: 1200px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-gap: 1vmin;
	justify-items: center;
	align-items: center;
}

#galeria .wrapper img {
	z-index: 1;
	grid-column: span 2;
	max-width: 100%;
	margin-bottom: -52%;
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	transform: scale(1);
	transition: all 0.25s;
}

@media screen and (min-width: 601px) {

	#galeria .wrapper img:nth-child(5n + 1) {
		grid-column: 2 / span 2;
	}

}

#galeria .wrapper img:hover {
	z-index: 2;
	transform: scale(2);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

@media screen and (max-width: 600px) {
	#galeria .wrapper {
		grid-template-columns: repeat(6, 1fr);
	}

	#galeria .wrapper img:nth-child(5n + 1) {
		grid-column: 2 / span 2;
	}
}


#instagram .caption {
	position: absolute;
	bottom: 0px;
	background-color: #000000cf;
	width: 100%;
}

footer li {
	margin-bottom: 3px;
}


.banner {
	border: #00000015 dashed 1px;
	padding: 5px;
}

.banner .marca {
	font-size: 10px;
	color: #00000050;
	margin: 0 0 2px 0;
}

.whatsapp_button {
	position: fixed;
	bottom: 4%;
	z-index: 999;
}

#back_button {
	position: fixed;
	bottom: 5%;
	right: 20px;
	z-index: 999;
	display: none;
}

#contato .form-control {
	background-color: transparent;
	padding: 20px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ecf0f1;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-size: 1em;
	font-weight: 100;
	border-radius: 0;
	color: #fff;
}

#contato .form-control:focus {
	background-color: transparent;
	color: #fff;
	border-color: #ffab08;
	box-shadow: none;
	outline: 0 none;
}


#pages ul {
	display: inline-block;
}

#pages a {
	color: black;
	float: left;
	padding: 6px 12px;
	text-decoration: none;
	transition: background-color .3s;
	font-size: 16px;
	font-weight: bolder;
	margin: 0 4px;
	background-color: #faf5b4;
}

#pages a:hover {
	background-color: transparent;
	color: #faf5b4;
	transition: background-color .4s;
}

#pages a.active {
	background-color: transparent;
	color: #faf5b4;

}