@import url('../lib/animate/animate.css');
@import url('../lib/bootstrap/css/bootstrap.min.css');
@import url('../lib/font-awesome/font-awesome.min.css');
@import url('custom.css');

html, body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:normal;
	color:#fff;
	overflow-x:hidden !important;
}

body{
	background: #8f0306;
}

#home{
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #8f0306 100%), url(../img/layout/background-home.jpg) center top no-repeat;
	background-size:cover;
}
#home .col-md-12{
	padding:20px 0px
}
#home-relative{
	position:relative;
	width:900px;
	height:635px;
	margin:auto;	
}
@media only screen and (max-width: 600px) {
	#home-relative{
		width:450px;
		height:318px;
	}
}
#home-logo{
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}
#home-logo img{
	animation: float 3s ease-in-out infinite;
}
#home-tigrinho{
	position:absolute;
	left:0;
	top:0;
	z-index:2	
}
#home-tigrinho img{
	animation: float_down 3s ease-in-out infinite;
}
#home-moedas{
	position:absolute;
	left:0;
	top:0;
	z-index:1	
}
#home-moedas img{
	animation: float 3s ease-in-out infinite;
}
#home-botao{
	position:absolute;
	left:9%;
	bottom:15%;
	z-index:4	
}
@media only screen and (max-width: 600px) {
	#home-botao{
		left:21%;
		bottom:8%;
	}
}
#home-botao p{
    animation: shake 4s infinite;
	margin:0;
	padding:0
}
.p-class-shake{
	animation: shake 4s infinite;
	margin:0;
	padding:0
}
@keyframes float{
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px); /* Adjust distance as needed */
	}
}
@keyframes float_down{
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px); /* Adjust distance as needed */
	}
}
@keyframes shake {
	0%, 100% {
		transform: translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		transform: translateX(-5px);
	}
	20%, 40%, 60%, 80% {
		transform: translateX(5px);
	}
}

#section-conteudo-1{
	background: rgb(179,10,14);
	background: linear-gradient(180deg, rgba(179,10,14,1) 0%, rgba(143,3,6,1) 73%);
}
#section-conteudo-1 h3{
	font-family: 'Oswald';
	font-size:32px;
	font-weight:700;
	color:#fdc641;
	margin-bottom:10px;
}
@media only screen and (max-width: 600px) {
	#section-conteudo-1 h3{
		font-size:24px;
	}
}
#section-conteudo-1 h3 strong{
	color:#fdc641
}
#section-conteudo-1 p{
	font-family: 'Open Sans';
	font-size:17px;
	line-height:25px;
	font-weight:300;
	color:#fff;
	margin:0;
	padding:0
}
@media only screen and (max-width: 600px) {
	#section-conteudo-1 p{
		font-size:16px;
		line-height:25px;
	}
}
#section-conteudo-1 p strong{
	font-weight:700;
}

#section-conteudo-2{
	background: rgb(143,3,6,1);
	background: linear-gradient(180deg, rgba(143,3,6,1) 0%, rgba(179,10,14,1) 73%);
}

#section-conteudo-3{
	background:url(../img/layout/background-china.jpg) bottom center no-repeat #d08e14;
	background-size:cover;
	/*
	background: rgb(206,140,20);
	background: linear-gradient(180deg, rgba(206,140,20,1) 0%, rgba(253,170,18,1) 69%);	
	*/
}
@media only screen and (max-width: 600px) {
	#section-conteudo-3{
		background-size:100%;
	}
}

#section-conteudo-3 h3{
	font-family: 'Oswald';
	font-size:32px;
	font-weight:700;
	color:#000000;
	margin-bottom:10px;
}
@media only screen and (max-width: 600px) {
	#section-conteudo-3 h3{
		font-size:24px;
	}
}

#botao-red,
#botao-red a,
#botao-red a:link,
#botao-red a:active,
#botao-red a:visited{
	width:310px;
	height:107px;
	background:url(../img/layout/botao-red.png) center center no-repeat;
	background-size:100%;
	text-align:center;
	font-family: 'Oswald';
	font-size:32px;
	line-height:102px;
	font-weight:700;
	color:#fff;
	text-shadow: 3px 3px 9px rgba(0,0,0,0.9);
	display:inline-block;
	text-decoration:none;
	transition: transform 0.3s ease;
	cursor:pointer
}
#botao-red:hover,
#botao-red a:hover{
	transform: scale(1.1);
}
@media only screen and (max-width: 600px) {
	#botao-red,
	#botao-red a,
	#botao-red a:link,
	#botao-red a:active,
	#botao-red a:visited{
		width:220px;
		height:76px;
		font-size:24px;
		line-height:70px;
	}
}


.img-float-up{
	animation: float 3s ease-in-out infinite;	
}
.img-float-down{
	animation: float_down 3s ease-in-out infinite;	
}

.box-icones{
	background:rgba(0,0,0,0.1);
	border-radius:15px;
	border:solid 1px red;
	margin:15px 0px
}

.box-icones h3{
	font-size:18px !important;
	margin-top:8px;
	margin-bottom:0px !important;
	color:#fff !important;
	font-weight:400 !important
}
.box-icones p{
	font-size:30px !important;
	font-weight:700 !important;
	margin-bottom:10px !important;
	color:#fdc641 !important
}

.box-icones-2{
	background:rgba(0,0,0,0.1);
	border-radius:15px;
	border:solid 1px red;
	margin:15px 0px;
	min-height:200px;
	transition: transform 0.3s ease;
	cursor:pointer
}
.box-icones-2:hover{
	transform: scale(1.1);	
}

.icones-boxes,
.icones-boxes a,
.icones-boxes a:link,
.icones-boxes a:active,
.icones-boxes a:visited{
	font-family: "Oswald", sans-serif;
	font-size:16px !important;
	line-height:19px;
	font-weight:700;
	padding:0px 5px 0px 5px;
	margin:0px;
	transition:0.5s;
	text-decoration:none !important;
	color: #000
}

.icones-boxes:hover,
.icones-boxes a:hover{
	color: #fff;
	text-decoration:underline
}

.google-index{
	font-size:10px !important;
	color:transparent !important;
	opacity:0 !important;
	margin:0 !important;
	padding:0 !important;	
}