/*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:Montserrat-Regular;
     src: url('../fontes/Montserrat-Regular.ttf');
}
@font-face {
     font-family:Montserrat-Light;
     src: url('../fontes/Montserrat-Light.ttf');
}
@font-face {
     font-family:Montserrat-SemiBold;
     src: url('../fontes/Montserrat-SemiBold.ttf');
}
@font-face {
     font-family:Montserrat-ExtraBold;
     src: url('../fontes/Montserrat-ExtraBold.ttf');
}
@font-face {
     font-family:Montserrat-Thin;
     src: url('../fontes/Montserrat-Thin.ttf');
}
@font-face {
     font-family:gabriola;
     src: url('../assets/fontes/gabriola.ttf');
}
@font-face {
     font-family:social;
     src: url('../assets/fontes/Social Media Circled.otf');
}
/*Header*/
body{
	width:100%;
	height:240rem;
}
.header{
	width:100%;
	height:6rem;
	background-color:transparent;
	position:fixed;
	z-index:10;
	display:flex;
	flex-direction:rows;
	justify-content:space-between;		
	z-index:1000;
	transition:0.8s;
}
.logo{
	width:6rem;
	height:6rem;
	background-color:#fdba05;
	border-radius:50%;
	top:1rem;
	left:5rem;	
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	box-shadow:-0.1rem 0.1rem 0.1rem rgba(0,0,0,0.8);	
	opacity:0.9;
	z-index:1000;
	position:absolute;
}
.logo:hover{
	opacity:1;
	cursor:pointer;
}

.logo h2{
	letter-spacing:0.3rem;	
	font-family:gabriola;
	font-size:1.6rem;
	color:rgba(61,45,1,1);
	font-weight:bold;	
	text-shadow:0.08rem 0.08rem 0.08rem rgba(0,0,0,1);
}

/*Navegação*/
.nav{
	display:block;
	width:60%;
	margin-left:30vw;
	padding-left:10vw;
	height:6rem;
	line-height:6rem;	
	background-color:transparent;	
	z-index:1000;
}

.nav ul{
	list-style:none;
}
.nav ul li{
	display:inline;
}
.nav ul li a{
	text-decoration:none;
	padding-left:3rem;
	font-family:Montserrat-Regular;
	font-size:1.2rem;
	font-weight:bold;
	/*color:rgba(61,45,1,1);*/
	color:rgba(255,255,255,1);	
	text-transform:uppercase;
	letter-spacing:0.2rem;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;	
	transition:0.6s;
}
.nav ul li a:hover{
	color:#FF8000;	
}
.button{
	width:14rem;
	height:3rem;	
	background-color:#4CDB0C;
	box-shadow:0.1rem 0.1rem 0.1rem rgba(0,0,0,.6);
	border-radius:1.5rem;
	border:none;
	transition:0.8s;
}
.button:hover{
	background-color:#42BF08;
	cursor:pointer;
}
.button h2{
	font-family:Montserrat-Regular;
	font-size:1.2rem;
	font-weight:bold;
	color:rgba(250,250,250,1);
	text-transform:uppercase;
	transition:0.6s;
}
.button h2:hover{
	text-shadow:0.1rem 0.1rem 0.2rem rgba(0,0,0,.6);
}
.mobile{
	display:none;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:3.2rem;
	height:3.2rem;
	top:2rem;
	right:6rem;		
	border-radius:0.2rem;
	background-color:transparent;
	cursor:pointer;		
	transition:.5s;
	position:absolute;
	z-index:1000;
	opacity:0.9;
}
.mobile:hover{
	opacity:1;
}
.mobile-001{
	width:3.2rem;
	height:0.6rem;
	margin-bottom:0.4rem;	
	background: linear-gradient(to right, #FDBA05, #3D2D01 );
	border-radius:0.2rem;
	
}
@media(max-width:812px){
	.nav{
		display:none;
	}
	.mobile{
		display:block;
	}
}

/*Menu*/
.menu{
	display:none;
	width:40%;
	top:6rem;
	right:0rem;
	padding-top:2rem;
	padding-left:2rem;
	height:100vh;		
	background-color:#fdba05;
	border-radius:0.2rem;
	box-shadow:-0.2rem 0.2rem 0.2rem rgba(0,0,0,0.6);
	z-index:1000;
	position:absolute;
}

.menu ul{
	list-style:none;
}
.menu ul li{
	display:block;
}
.menu ul li a{
	text-decoration:none;	
	font-family:Montserrat-Regular;
	font-size:1.6rem;
	font-weight:bold;
	line-height:2.6rem;
	color:rgba(61,45,1,1);		
	letter-spacing:0.2rem;
	text-transform:uppercase;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;	
}
.menu ul li a:hover{
	color:#FF8000;	
}
.mar{
	visibility: hidden;
}

/*Slides*/
.section-01{
	width:100%;
	height:41rem;
	padding-top:6rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
	position:relative;
	overflow:hidden;
	
}
.section-01::after {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	background-color:rgba(0,0,0,0.6);
    z-index: 0;
}
.titulo{
	width: 100%;
    height: 100%;
    top: 6rem;
    left: 0px;
	display:flex;
	flex-direction:column;
	justify-content:center;	
	align-items:center;
	background:transparent;	
	position:absolute;
	
}
.anime{
	width:100%;
	height:10rem;
	text-align:center;
	background:transparent;
	z-index:10;
}
h1{
	font-family:gabriola;
	font-size:12vw;
	color:#fdba05;	
	font-weight:bold;
	letter-spacing:1rem;
	text-shadow:0.2rem 0.4rem 0.4rem rgba(0,0,0,0.6);
}
.efeito1{
			display:inline-block;			
			position: relative;
			cursor:pointer;
}

.efeito1 h1 span{
			display:inline-block;
			position:relative;			
			animation: anima linear 0.5s;			
		}
.efeito1 h1 span:nth-child(1){
			animation-delay: 0s;			
		}
.efeito1 h1 span:nth-child(2){
			animation-delay: 0.1s;			
		}
.efeito1 h1 span:nth-child(3){
			animation-delay: 0.2s;			
		}
.efeito1 h1 span:nth-child(4){
			animation-delay: 0.3s;			
		}
.efeito1 h1 span:nth-child(5){
			animation-delay: 0.4s;			
		}
		@keyframes anima{
			0%{
				transform: translateY(0px);
			}
			
			50%{
				transform: translateY(-200px);
			}
			100%{
				transform: tranlateY(0px);
			}
		}

h2{
	font-family:Montserrat-SemiBold;
	font-size:4vw;
	color:rgba(250,250,250,1);	
	letter-spacing:0.6rem;
	text-shadow:0.1rem 0.1rem 0.1rem rgba(0,0,0,0.6);

}

.section-01 .slide {
  z-index:0;
  position:absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  transition:opacity 1.5s ease-in-out; 
  background-position:center;
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-size: cover;
  opacity: 0;
  
}
.section-01 .slide.show{
  opacity: 1; 
  animation:slide-out 10s;
}
@keyframes slide-out{	
	33%{
		transform:scale(1);
	}
	66%{
		transform:scale(1.2);
	}
	100%{
		transform:scale(1);
	}
}