* {
 margin:0px;
 padding:0px;
 
}

body {
margin: 0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
}

tz-gallery > img {
	
	
	width:30%;
	
	
}


.card {
	border:0px !important;
}

ul.galeria li {
	
	list-style:none;
}

.galeria img {
	display:block;
	max-width:100%;
	
}

.galeria {
	padding:20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.menu {
	
	padding-top:-5px;
	text-align:center;
	line-height:50px;
	width:100%;
	margin:auto;
	z-index:9999;
	position:fixed;
	margin-left:-15px;
}


.logotopo {
	position:absolute;
	left:40%;
	top:30%;
    animation:logoanima 3s;
	
	
}

@keyframes logoanima {
	
from 
{
	
left: -50%; 

}

to {

right: 30%; 
	
	}
}


.sobrepc {
	opacity:0;
	transform:translate3d(-100px,0,0);
	transition: .5s;
	
	
	
}


.dono {
	opacity:0 !important;
	transform:translate3d(-100px,0,0) !important;
	transition: .5s;
	
	
	
}


.sobrepc-start {
	opacity:1 !important;
	transform:translate3d(0,0,0) !important;
	
	
}
.menu a {
font-family: 'Open Sans', sans-serif;
color: #fff;
text-decoration: none;
margin-right: 30px;

}


.menu a:hover {
text-decoration: underline;
color:#ffd200;
}
h1, h2 {
font-family: 'Open Sans', sans-serif;
margin: 0px;
padding: 0px;
}

h1 {
font-size: 60px;
font-weight: bold;
}
h2 {
font-size: 40px;
font-style: normal;
}
.bio  {
font-size: 13px;


}
input[type=text], textarea {
font-family: 'Open Sans', sans-serif;
padding: 2%;
margin: 2%;
border: 0px;
resize: none;
}
input[type=submit] {
padding-left: 9%;
padding-right: 9%;
padding-bottom: 2%;
padding-top: 2%;
margin: 1%;
border: 0px;
background: #fff;
font-family: 'Open Sans', sans-serif;
color: #000;
font-size: 22px;
font-weight: bold;
cursor: pointer;
}
form {
padding: 0px;
margin: 0px;
}
.menumobile a {
padding: 1%;
display: block;
color: #fff;
text-decoration: none;
text-align: center;
}


.modal {
	
	position:fixed;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.8);
	display:flex;
	justify-content:center;
	align-items:center;
	top:0;
	left:0;
}


.modalimg {
	width:70%;
	max-width:700px;
	
}

.espaco {
	margin-bottom:-7px !important;
	
	
}


.modalbutton {
	
	width:50px;
	height:50px;
	color:#fff;
	font-weight:bold;
	font-size:25px;
	font-family:monospace;
	line-height:50px;
	text-align:center;
	background:red;
	border-radius:50%;
	z-index:999999;
	position:absolute;
	right:10px;
	top:50px;
	cursor:pointer;
	
}

#rodapedesk a{
	color:#fff !important;
	font-size:11px !important;
	
}

#rodapedesk {
	color:#fff !important;
	font-size:11px !important;
	
}

#rodapemob a {
	color:#fff !important;
	font-size:16px;
	
}

#cinemalogo {
width: 30% !important;
margin-top:10% !important;
}

.col-md-4 {
	margin-bottom:10px !important;
}

#header {
	  background-image: url('imgs/topo1.jpg') !important;	
		height:100vh !important;
	}
	
	.projetosx {
		height:1250px !important;
	}
	
	
	


@media(min-width:700px) {
	
	.col5 {
	flex: 0 0 64%;
    max-width: 64%;
	margin-left:13px;
	
	}
}

@media (min-width: 200px) and (max-width: 700px) {
	
h1 {
font-size: 30px !important;
font-weight: bold !important;
}

.projetosx {
		height:2100px !important;
	}

.enviarbutton {
	font-size:12px !important;
}


.backlin {
	display:block !important;
	
}


.espaco {
	margin-bottom:0px !important;
	margin:auto !important;
	
	
}



#header {
	  background-image: url('imgs/topomob.jpg') !important;	
	  height:100vh !important;
		
		}
	
	
#backlined {
	display:none !important;
}


#backlinem {
	display:block !important;
}

.foto {
	width:200% !important;
}

#logomob {
	display:block !important;
	
}

#cinemalogo {
	display:none !important;
}



#backline{
	
	padding-bottom:75% !important;
}


#rodapedesk {
	
	display:none !important;
	
	
}

#rodapemob a {
	color:#fff !important;
	font-size:9px !important;
}

#rodapemob {
	
	display:block !important;
	font-size:9px;
	line-height:2px !important;
	padding-top:14px !important;
}


#videosxmob {
	
	display:block !important;
}

.logotopo {
	position:absolute;
	left:20%;
	top:4%;
    animation:logoanima 3s;
	
	
}
h2 {
font-size: 20px !important;
font-style: normal !important;
}
.sobremobile {
display: block !important;
height:100vh !important;
line-height:25px !important;

}
.sobrepc {
display: none !important;
}

.sobrepcx {
display: none !important;
}
.bio {
font-size: 15px !important;
line-height: 15px !important;
}
.menu {
display: none !important;
}
.mobileicon {
display: block !important;
}

.headerx {
background-attachment:scroll !important;


}
.parceirosx {
background-attachment:scroll !important;
}
.contatox {
	
background-attachment:scroll !important;
color:#fff !important;
}



}


@media (min-width: 200px) and (max-width: 400px) {
	#logomob {
		
		margin-top:50% !important;
		
	}
	
	
	
	.sobremobimg {
		
		width:49% !important;
		
		
		
	}
	
	.comofuncionaimg  {
		width:100% !important;		
		
		
	}
	
	
	.espaco {
		display:block !important;
		margin-top:70px !important;
	}
	
	.backlineitensmob {
		display:block !important;
		width:65% !important;
		margin-top:20px !important;
		margin-bottom:50px !important;
		
		
	}
	
}

@media (min-width:480px) {
	
	.galeriaitem {
	
	width:48%;
	margin:5px;
	
}

.comofuncionaimagens img {
	
	width:70% !important;
	
	
}

 .backlineitensmobr {
	 display:block !important;
	 width:400px !important;
	 
	 
	 
	 
	 
 }
 
 
 .backlineitensmob {
	  display:none !important;
	 
 }


}

@media (min-width:660px) {
	
	
	#comofunciona {
	
	padding-bottom:10% !important;
	
}

#projetosm {
	padding-left:70px !important;
	
}

 .backlineitensmobr {
	 display:block !important;
	 
	 
 }
 
 
 .backlineitensmob {
	  display:none !important;
	 
 }



}







@media(min-width:768px){
	
	.galeriaitem {
	
	width:20%;
	margin:15px;
	
}

#logoipad {
	
	display:block !important;
}

#cinemalogo {
	
	display:none !important;
}
}