/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
a{
	text-decoration:none;
	color:none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*FIM DO RESET*/
/*fonts*/
@font-face {
     font-family:social;
     src: url('../fonts/Social.otf');
}
@font-face {
     font-family:openSansLight;
     src: url('../fonts/OpenSans-Light.ttf');
}
@font-face {
     font-family:openSansRegular;
     src: url('../fonts/OpenSans-Regular.ttf');
}
@font-face {
     font-family:openSansBold;
     src: url('../fonts/OpenSans-Bold.ttf');
}
@font-face {
     font-family:openSansExtraBold;
     src: url('../fonts/OpenSans-ExtraBold.ttf');
}
@font-face {
     font-family:heydings;
     src: url('../fonts/heydings.ttf');
}
#main{
	width:100%;
	height:auto;	
	background-color:rgba(255,255,255,1);
	overflow:hidden;	
}
.header{
	width:100%;
	height:4rem;
	display:flex;
	flex-direction:rows;
	justify-content:space-between;
	background-color:#1F1F1F;	
	position:fixed;	
	z-index:1000;	
}

.logo{
	width:15%;
	height:3.5rem;
	padding-top:0.4rem;	
	margin-left:4rem;
	text-align:center;	
	background:transparent;
}
.logo img{
	width:100%;
	height:auto;
	
}
.logo img:hover{
	cursor:pointer;
}
.menu-mobile{
	top:0rem;
	right:3rem;
	width:4.6%;
	height:3rem;
	padding-top:0.5rem;
	float:right;
	position:absolute;	
	display:none;
	z-index:1000;
	background:transparent;
}
.menu-mobile img{
	width:3rem;
	opacity:0.8;
}
.menu-mobile img:hover{
	opacity:1;
	cursor:pointer;
}
.nav{	
	width:74%;
	height:4rem;
	background:transparent;
	margin-left:3rem;
	padding-left:10rem;	
	
}
.nav ul{
	display:block;
}
.nav ul li{
	display:inline;
	line-height:4rem;
	padding-left:5.2rem;	
}

.nav li a{
	font-family:openSansRegular;
	font-size:1.1rem;	
	color:rgba(0,0,0,0.8);
	text-shadow:1px 1px 1px rgba(255,255,255,0.6);	
	
}
.nav li a:hover{
	color:rgba(169,3,41, 1);	
	
}
@media(min-width:1026px){
	.nav{
		display:block;
	}
}
@media(max-width:1024px){
	.nav{
		display:none;
	}
	.menu-mobile{
		display:block;
	}
	
}
@media(max-width:812px){
	.logo{
		width:20%;
	}
}
@media(max-width:812px){
	.logo{
		width:30%;
	}
}
.mobile{
	top:4.2rem;
	left:0rem;	
	width:14rem;
	height:80vh;
	background-color:#1f1f1f;			
	position:absolute;
	z-index:1000;
}
.mobile ul{
	diplay:block;
}
.mobile ul li{
	display:block;	
	padding-top:1.6rem;	
	padding-left:4rem;
}

.mobile li a{
	font-family:openSansRegular;
	font-size:1.6rem;	
	color:rgba(0,0,0,0.8);
	text-shadow:1px 1px 1px rgba(255,255,255,0.6);
}
.mobile li a:hover{
	color:rgba(169,3,41, 1);
	text-shadow:1px 1px 1px rgba(255,255,255,0.6);	
}
.section-01{	 
    width: 100%;
    height: 46rem; 
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:relative;	
	overflow:hidden;
}
.section-01-1{
	width:100%;
	height:6rem;	
	z-index:1;
}
.section-01-1 h2{
	font-family:openSansBold;
	color:rgba(255,255,255,1);
	font-size:2rem;
	text-shadow:1rem 2rem 2rem rgba(0,0,0,0.8);
	text-align:center;
}
.section-01-2{
	width:100%;
	height:16rem;
	z-index:1;
}
.section-01-2 h1{
	font-family:openSansExtraBold;
	color:rgba(255,255,255,1);
	font-size:15vw;
	text-shadow:1rem 2rem 3rem rgba(0,0,0,0.8);
	text-align:center;
	
}
.section-01-2 span{
	color:rgba(169,3,41, 1);
}
.section-01-3{
	width:100%;
	height:2rem;
	z-index:1;
}
.section-01-3 p{
	font-family:openSansRegular;
	color:rgba(250,250,250,1);
	font-size:1.6rem;
	text-shadow:1rem 2rem 3rem rgba(0,0,0,1);
	text-align:center;
}
.section-02{
	width:92%;
	height:46rem;	
	display:flex;
	margin:2rem auto;
	flex-direction:rows;
	justify-content:space-between;
	background:transparent;
	
}
@media(max-width:812px){
	.section-02{
		width:100%;
		height:auto;
		flex-direction:column;
	}
}

.section-02-article{
	width:31%;
	height:100%;
	padding:1rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background:transparent;
}
@media(max-width:812px){
	.section-02-article{
		width:90%;
		margin:auto;
		
	}
}

.section-02-article-1{
	width:100%;
	height:auto;	
}
.section-02-article-1 h2{
	font-family:openSansBold;
	font-size:2rem;
	text-align:center;
	color:rgba(0,0,0,0.8);
}
.section-02-article-2{
	width:100%;
	height:auto;
	margin-top:1.2rem;
	overflow:hidden;	
}
.section-02-article-2 img{
	width:100%;
	height:100%;
	opacity:0.9;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	transform:scale(1.1);
	
}
.section-02-article-2 img:hover{		
	opacity:1;
	transform:scale(1.2);
	cursor:pointer;
}
.section-02-article-3{
	width:100%;
	height:auto;
	margin-top:1.2rem;
}
.section-02-article-3 p{
	font-family:openSansRegular;
	font-size:1.1rem;
	color:rgba(0,0,0,1);
	text-align:justify;
	text-indent:3rem;
	
}
.section-02-article-4{
	width:100%;
	height:auto;
	margin-top:1.2rem;
	
}
.section-02-article-4 h4{
	font-family:openSansRegular;
	font-size:1rem;
	color:rgba(0,0,0,0.8);		
}
.section-03{
	width:100%;	
	height:46rem;
	margin-top:4rem;	
	background-image:url("../imagens/back2.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	display:flex;
	flex-direction:column;
	justify-content:center;	
	position:relative;
}
.section-03::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.section-03::after {
    content: '';  
    background-color:rgba(0,0,0,0.8);	
}
.section-03-1{
	width:100%;
	height:6rem;
	text-align:center;
	z-index:1;
}
.section-03-1 img{
	width:6rem;
	border-radius:50%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
}
.section-03-1 img:hover{
	transform:scale(1.2);
	cursor:pointer;
}
.section-03-2{
	width:100%;
	height:6rem;
	background:transparent;
	margin-top:3rem;
	z-index:1;	
}
.section-03-2 h2{
	font-family:openSansExtraBold;
	font-size:7vw;
	color:rgba(255,255,255,1);
	text-shadow:1px 2px 3px rgba(0,0,0,0.8);
	text-align:center;
}
@media(max-width:812px){
	.section-03-2 h2{
		font-size:10vw;
		
	}
}
.section-03-2 span{
	color:rgba(169,3,41, 1);
}
.section-03-3 {
	width:90%;
	height:auto;
	margin:3rem auto;
	z-index:1;
}
.section-03-3 p{
	font-family:openSansRegular;
	font-size:1.6rem;
	color:rgba(255,255,255,1);
	text-shadow:1px 2px 3px rgba(0,0,0,0.8);
	text-align:justify;
}
.section-03-4{
	width:90%;
	height:4rem;
	margin:3rem auto;
	background:transparent;
	text-align:center;
	z-index:1;
}
.section-03-4 button{
	width:40%;
	height:4rem;
	background-color:transparent;
	border:2px solid #0080FF;
	border-radius:2rem;
	box-shadow:2px 2px 3px rgba(0,0,0,0.8);
	font-family:openSansRegular;
	color:#fff;
	font-size:2.2rem;	
	text-shadow:1px 1px 1px #000;
	outline:none;	
}
.section-03-4 button:hover{
	background-color:#0080FF;
	cursor:pointer;
}
@media(max-width:812px){
	.section-03-4 button{
		width:80%;		
	}
}
.section-04{
	width:100%;	
	height:30rem;
	margin-top:3rem;	
	display:flex;
	flex-direction:row;
	justify-content:space-around;	
	background-color:transparent;	
}
.section-04-article{
	width:31%;
	height:30rem;
	padding:1rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background:transparent;	
}
@media(max-width:812px){
	.section-04{
		flex-direction:column;
		height:auto;
	}
	.section-04-article{
		
		width:90%;
		margin:auto;
		
	}
}
.article-04-1{
	width:60%;
	height:4rem;
	margin:auto;
	text-align:center;
	
}
.article-04-1 img{
	width:4rem;
	height:4rem;
	border-radius:50%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
	
}
.article-04-1 img:hover{
	transform:scale(1.2);
	cursor:pointer;
}
.article-04-2{
	width:100%;
	height:4rem;
	
}
.article-04-2 h2{
	font-family:openSansBold;
	font-size:2.3rem;
	color:rgba(0,0,0,0.8);
	text-align:center;
}
.article-04-3{
	width:100%;
	height:6rem;
	
}
.article-04-3 p{
	font-family:openSansRegular;
	font-size:1.2rem;
	color:rgba(0,0,0,0.8);
	text-align:center;
}
.article-04-4{
	width:100%;
	height:4rem;
	text-align:center;
	padding-bottom:6rem;	
}
.article-04-4 button{
	width:60%;
	height:3rem;
	background-color:#0080FF;
	border:none;
	border-radius:1.5rem;
	box-shadow:2px 2px 3px rgba(0,0,0,0.8);
	font-family:openSansRegular;
	color:#fff;
	font-size:1.2rem;	
	text-shadow:1px 1px 1px #000;	
}
.article-04-4 button:hover{
	background-color:#013ADF;
	cursor:pointer;
}

.section-05{
	width:100%;	
	height:46rem;
	margin-top:4rem;
	padding-bottom:3rem;	
	background-image:url("../imagens/back3.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	display:flex;
	flex-direction:column;
	justify-content:center;	
	position:relative;
}
.section-05::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.section-05::after {
    content: '';  
    background-color:rgba(0,0,0,0.8);
	
}
.section-05-1{
	width:80%;
	height:6rem;
	margin:auto;
	text-align:center;
	z-index:1;
}
.section-05-1 img{
	width:6rem;
	height:6rem;
	border-radius:50%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;	
	
}
.section-05-1 img:hover{
	transform:scale(1.2);
	cursor:pointer;
}
.section-05-2{
	width:100%;
	height:10rem;
	z-index:1;
	
}
.section-05-2 h2{
	font-family:openSansExtraBold;
	font-size:5vw;
	color:rgba(255,255,255,1);
	text-shadow:1px 2px 3px rgba(0,0,0,0.8);
	text-align:center;
}
.section-05-3{
	width:100%;
	height:20rem;
	text-align:center;
	z-index:1;	
}
.section-05-3 .imput{
	width:70%;
	height:2rem;
	margin-top:0.8rem;
	border:1px solid #fff;
	border-radius:0.2rem;	
	background-color:transparent;
	font-family:openSansRegular;
	font-size:1.5rem;	
	color:rgba(255,255,255,1); 
}
.section-05-3 .mensagem{
	width:70%;
	height:6rem;
	margin-top:0.8rem;
	border:1px solid #fff;
	border-radius:0.2rem;
	background-color:transparent;
	font-family:openSansRegular;
	font-size:1.5rem;	
	color:rgba(255,255,255,1); 
}
::-webkit-input-placeholder  {
	font-family:openSansRegular;
	font-size:1.5rem;	
	color:rgba(255,255,255,1); 
}
input:-moz-placeholder { 
	font-family:openSansRegular;
	font-size:1.5rem;	
	color:rgba(255,255,255,1); 
}
.section-05-3 .botao{
	width:36%;
	height:4rem;
	margin-top:0.8rem;
	background-color:transparent;
	border:2px solid #0080FF;
	border-radius:2rem;
	box-shadow:2px 2px 3px rgba(0,0,0,0.8);
	font-family:openSansRegular;
	color:#fff;
	font-size:2.2rem;	
	text-shadow:1px 1px 1px #000;
	outline:none;	
}
.section-05-3 .botao:hover{
	background-color:#0080FF;	
	cursor:pointer;
}
/*CSS modal login*/	
.modal-login{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.8);
    opacity: 0.6;
	display:none;
    visibility: hidden;
    transform: scale(1.5);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index:1000;
}	
.modal-content-login {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-color:rgba(250,250,250,1); */
	background-image:linear-gradient(to right,rgba(169,3,41, 1),rgba(169,3,41, 0.6));
    width: 30%;
	height:30rem;		
	box-shadow:0px 4px 6px rgba(0,0,0,0.5);
    border-radius: 0.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:2rem;
	
 }
 @media(max-width:812px){
	 .modal-content-login{
		 width:80%;
	 }
 }
.buttom-login{
	width:100%;
	height:1.5rem;
    text-align:right;
	margin-top:0;
}
.close-button-login {
    float: right;
	width:2rem;
	height:2rem;
	line-height:2rem;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
	
}
.close-button-login:hover {
    background-color: darkgray;
}
.show-modal-login {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}	
.formulario{
	width:100%;
	height:100%;
	margin:1rem;
	text-align:center;
	background:transparent;
}

.formulario legend{
	font-family:openSansBold;
	font-size:2rem;
	color:rgba(255,255,255,1);
	text-align:center;
	padding-bottom:5rem;	
}
.formulario label{
	font-family:openSansRegular;
	font-size:1.6rem;
	color:rgba(0,0,0,0.8);
}
.formulario input{
	width:100%;
	height:2.5rem;
	border:1px solid rgba(255,255,255,0.6);
	margin-bottom:1rem;
	padding-left:0.6rem;
	border-radius:0.2rem;
	background:transparent;
	font-family:openSansRegular;
	font-size:1.5rem;	
	color:rgba(255,255,255,1); 
	outline:none;
}
/*::-webkit-input-placeholder  {
	font-family:lato;
	font-size:1.2rem;	
	color:rgba(250,250,250,1); 
}
input:-moz-placeholder { 
	font-family:lato;
	font-size:1.2rem;	
	color:rgba(250,250,250,1); 
}*/
.btn-login{
	width:100%;
	height:4rem;
	background-color:#0080FF;
	font-family:openSansRegular;
	font-size:1.6rem;
	color:rgba(255,255,255,1);
	border:none;
	border-radius:2rem;
	box-shadow:0px 2px 2px rgba(0,0,0,0.8);
	margin-bottom:1.2rem;
	outline:none;
	cursor:pointer;
}
.btn-login:hover{	
	background-color:#013ADF;
}
.btn-login-danger{
	width:100%;
	height:2rem;
	background-color:#FA5858;
	font-family:openSansRegular;
	font-size:1.2rem;
	color:rgba(255,255,255,1);
	border:none;
	border-radius:1rem;
	box-shadow:0px 2px 2px rgba(0,0,0,0.8);
	outline:none;
	cursor:pointer;
	
}
.btn-login-danger:hover{	
	background-color:#DF0101;
}
.atalho-cadastro a{
	font-family:openSansRegular;
	font-size:1.2rem;
	color:#fff;
	text-decoration:none;
}
/*CSS modal cadastro*/
.modal-cadastro{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.8);
    opacity: 0.6;
	display:none;
    visibility: hidden;
    transform: scale(1.5);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index:1000;
}	
.modal-content-cadastro {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-color:rgba(250,250,250,1);*/ 
	background-image:linear-gradient(to right,rgba(169,3,41, 1),rgba(169,3,41, 0.6));
    width: 60%;
	height:30rem;		
	box-shadow:0px 4px 6px rgba(0,0,0,0.5);
    border-radius: 0.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:2rem;
	
 }
 @media(max-width:812px){
	 .modal-content-cadastro{
		 width:80%;
	 }
 }
.buttom-cadastro{
	width:100%;
	height:1.5rem;
    text-align:right;
	margin-top:0;
}
.close-button-cadastro {
    float: right;
	width:2rem;
	height:2rem;
	line-height:2rem;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: lightgray;
	
}
.close-button-cadastro:hover {
    background-color: darkgray;
}
.show-modal-cadastro {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}	
.formulario-cadastro{
	width:100%;
	height:100%;
	margin:1rem;
	text-align:center;
	background:transparent;
}

.formulario-cadastro legend{
	font-family:openSansBold;
	font-size:4rem;
	color:rgba(255,255,255,1);
	text-align:center;
	padding-bottom:4rem;	
}
.formulario-cadastro label{
	font-family:openSansRegular;
	font-size:1.6rem;
	color:rgba(0,0,0,0.8);
}
.formulario-cadastro input{
	width:100%;
	height:2.5rem;
	border:1px solid rgba(255,255,255,0.6);
	margin-bottom:1rem;
	padding-left:0.6rem;
	border-radius:0.2rem;
	background:transparent;
	font-family:openSansRegular;
	font-size:1.5rem;	
	color:rgba(255,255,255,1); 
	outline:none;
}
.btn-cadastro{
	width:40%;
	height:4rem;
	background-color:#0080FF;
	font-family:openSansRegular;
	font-size:1.6rem;
	color:rgba(255,255,255,1);
	border:none;
	border-radius:2rem;
	box-shadow:0px 2px 2px rgba(0,0,0,0.8);
	margin-bottom:1.2rem;
	cursor:pointer;
}
.btn-cadastro:hover{	
	background-color:#013ADF;
}

.atalho-logar a{
	font-family:openSansRegular;
	font-size:1.2rem;
	color:#fff;
	text-decoration:none;
}


/*FOOTER*/
.footer{
	display:flex;
	flex-direction:column;
	justify-content:center;	
	width:100%;
	height:23rem;
	margin-top:0;
	padding-top:0rem;
	/*background-image:linear-gradient(to right,rgba(0,0,0,0.1)0%, rgba(0,0,0,0.6)50%, rgba(0,0,0,0.1)100%);*/
	background-color:#1F1F1F;	
	border-top: 5px solid transparent;
	-moz-border-image: -moz-linear-gradient(to right,#FAAC58 0%, #B45F04 50%,#FAAC58 100%);
	-webkit-border-image: -webkit-linear-gradient(to right,#FAAC58 0%, #B45F04 50%,#FAAC58 100%);
	border-image: linear-gradient(to right,#FAAC58 0%, #B45F04 50%,#FAAC58 100%);
	border-image-slice: 1;
}
.footer .social{
	font-family:social;
	font-size:2.5rem;
	text-shadow:0px 1px 1px #000;
	text-align:center;	
	height:4rem;
	line-height:4rem;
	margin-top:4rem;
}

.social .e a{
	opacity:0.8;
	color:#3b5998;
	text-decoration:none;
}
.social .e a:hover{
	opacity:1;
}
.social .k a{
	opacity:0.8;
	color:#0078d4;
	text-decoration:none;
}
.social .k a:hover{
	opacity:1;	
}
.social .d  a{
	opacity:0.8;
	color:#00acee;
	text-decoration:none;
}
.social .d  a:hover{
	opacity:1;	
}
.social .p a{
	opacity:0.8;
	color:#c4302b;
	text-decoration:none;
}
.social .p a:hover{
	opacity:1;	
}
.social .g a{
	opacity:0.8;
	color:#24292e;
	text-decoration:none;
}
.social .g a:hover{
	opacity:1;	
}
.footer .hora{
	width:50%;
	height:4rem;
	margin:0 auto;
	font-family:openSansLight;
	color:rgba(0,0,0,0.8);
	text-shadow:1px 1px 1px rgba(255,255,255,0.6);
	line-height:4rem;
	font-size:1rem;
	text-align:center;
}
.footer .marca{
	margin:4rem auto;
	font-family:openSansLight;
	font-size:0.8rem;
	color:rgba(0,0,0,0.5);
	text-align:center;
	width:90%;
	text-shadow:1px 1px 1px rgba(255,255,255,0.6);
	
}
.footer .marca a{	
	text-decoration:none;
	color:rgba(0,0,0,0.6);
	
}
.footer .marca hr{	
	border: 1px solid rgba(255,255,255,0.1);
    /*color: rgba(0,0,0,0.6);*/
    background-color:#1f1f1f;
    height: 1px;
}