@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

#site { 
	width:100%;
	float:left;
	overflow-x:hidden;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x:hidden;
	background-color:#FFFFFF;
}

.texto-14 {
	color : #000000;
	font-size : 14px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-14 a:link { text-decoration: none }
.texto-14 a:visited { text-decoration: none }
.texto-14 a:hover {text-decoration: underline; color: #000000; }
.texto-14 a:active { text-decoration: none }


.texto-14-branco {
	color : #F2F2F2;
	font-size : 14px;
	font-family:"Roboto", Arial, Helvetica, sans-serif;
}

.texto-14-branco a:link { text-decoration: none }
.texto-14-branco a:visited { text-decoration: none }
.texto-14-branco a:hover {text-decoration: underline; color: #F2F2F2; }
.texto-14-branco a:active { text-decoration: none }

.div_whats { width:300px; height:auto; float:left; background-color:#0CB466; padding:8px 0 8px 0; color:#FFFFFF; cursor:pointer; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; margin:0 calc((100% / 2) - (300px / 2)) 5px calc((100% / 2) - (300px / 2)); font-size:28px; font-weight:700; white-space:nowrap }

.div-logo-AgenciaEvolucaoCriativa-dados-link:hover { text-decoration:underline; color:#F2F2F2 }
.logos-img { width:100%; height:auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; filter: alpha(opacity=30); -webkit-transition: opacity 1s; transition: opacity 1s; }
.logos-img:hover { opacity: 1; filter: alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }

.div-logos-AgenciaEvolucaoCriativa:hover { background-color:#D7D7D7 }


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

.div-logo-AgenciaEvolucaoCriativa { width:40%; height:100vh; float:left; background-color:#111111 }
.div-logo-AgenciaEvolucaoCriativa-margin { width:calc(100% - 200px); margin:0 100px 0 100px; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-img { width:70%; height:auto; float:left; margin: 0 15% 70px 15% }
.img-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-dados { width:100%; height:auto; float:left; margin:20px 0 0 0 }
.div-logo-AgenciaEvolucaoCriativa-dados p { margin:2px 0 0 0; font-size:16px; color:#E9E9E9; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-logo-AgenciaEvolucaoCriativa-dados-link { font-size:16px; color:#E9E9E9; text-decoration:none; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }

.div-logo-AgenciaEvolucaoCriativa-item { width:calc(100% - 20px); padding: 10px; margin: 0 0 5px 0; height:auto; float:left; font-weight:600; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
	
.div-fotos { width:60%; height:100vh; float:left; background-color:#DFDFDF }

}





@media only screen and (min-width: 961px) and (max-width: 1170px){

.div-logo-AgenciaEvolucaoCriativa { width:40%; height:100vh; float:left; background-color:#111111 }
.div-logo-AgenciaEvolucaoCriativa-margin { width:calc(100% - 200px); margin:0 100px 0 100px; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-img { width:80%; height:auto; float:left; margin: 0 10% 50px 10% }
.img-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-dados { width:100%; height:auto; float:left; margin:20px 0 0 0 }
.div-logo-AgenciaEvolucaoCriativa-dados p { margin:2px 0 0 0; font-size:16px; color:#E9E9E9; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-logo-AgenciaEvolucaoCriativa-dados-link { font-size:16px; color:#E9E9E9; text-decoration:none; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }

.div-logo-AgenciaEvolucaoCriativa-item { width:calc(100% - 20px); padding: 10px; margin: 0 0 5px 0; height:auto; float:left; font-weight:600; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
	
.div-fotos { width:60%; height:100vh; float:left; background-color:#DFDFDF }

}




@media only screen and (min-width: 769px) and (max-width: 960px){

.div-logo-AgenciaEvolucaoCriativa { width:50%; height:100vh; float:left; background-color:#111111 }
.div-logo-AgenciaEvolucaoCriativa-margin { width:calc(100% - 100px); margin:0 50px 0 50px; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-img { width:80%; height:auto; float:left; margin: 0 10% 50px 10% }
.img-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-dados { width:100%; height:auto; float:left; margin:20px 0 0 0 }
.div-logo-AgenciaEvolucaoCriativa-dados p { margin:2px 0 0 0; font-size:16px; color:#E9E9E9; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-logo-AgenciaEvolucaoCriativa-dados-link { font-size:16px; color:#E9E9E9; text-decoration:none; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }

.div-logo-AgenciaEvolucaoCriativa-item { width:calc(100% - 20px); padding: 10px; margin: 0 0 5px 0; height:auto; float:left; font-weight:600; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
	
.div-fotos { width:50%; height:100vh; float:left; background-color:#DFDFDF }

}




@media only screen and (min-width: 621px) and (max-width: 768px){

.div-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left; background-color:#111111 }
.div-logo-AgenciaEvolucaoCriativa-margin { width:calc(100% - 100px); margin:70px 50px 70px 50px; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-img { width:50%; height:auto; float:left; margin: 0 25% 30px 25% }
.img-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-dados { width:100%; height:auto; float:left; margin:20px 0 0 0 }
.div-logo-AgenciaEvolucaoCriativa-dados p { margin:2px 0 0 0; font-size:16px; color:#E9E9E9; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-logo-AgenciaEvolucaoCriativa-dados-link { font-size:16px; color:#E9E9E9; text-decoration:none; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }

.div-logo-AgenciaEvolucaoCriativa-item { width:calc(100% - 20px); padding: 10px; margin: 0 0 5px 0; height:auto; float:left; font-weight:600; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
	
.div-fotos { width:100%; height:600px; float:left; background-color:#DFDFDF }

}




@media only screen and (min-width: 481px) and (max-width: 620px){

.div-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left; background-color:#111111 }
.div-logo-AgenciaEvolucaoCriativa-margin { width:calc(100% - 100px); margin:50px 50px 50px 50px; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-img { width:70%; height:auto; float:left; margin: 0 15% 30px 15% }
.img-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-dados { width:100%; height:auto; float:left; margin:20px 0 0 0 }
.div-logo-AgenciaEvolucaoCriativa-dados p { margin:2px 0 0 0; font-size:16px; color:#E9E9E9; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-logo-AgenciaEvolucaoCriativa-dados-link { font-size:16px; color:#E9E9E9; text-decoration:none; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }

.div-logo-AgenciaEvolucaoCriativa-item { width:calc(100% - 20px); padding: 10px; margin: 0 0 5px 0; height:auto; float:left; font-weight:600; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
	
.div-fotos { width:100%; height:500px; float:left; background-color:#DFDFDF }

}





@media only screen and (min-width: 0px) and (max-width: 480px){

.div-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left; background-color:#111111 }
.div-logo-AgenciaEvolucaoCriativa-margin { width:calc(100% - 50px); margin:30px 25px 30px 25px; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-img { width:80%; height:auto; float:left; margin: 0 10% 30px 10% }
.img-logo-AgenciaEvolucaoCriativa { width:100%; height:auto; float:left }
.div-logo-AgenciaEvolucaoCriativa-dados { width:100%; height:auto; float:left; margin:15px 0 0 0 }
.div-logo-AgenciaEvolucaoCriativa-dados p { margin:2px 0 0 0; font-size:16px; color:#E9E9E9; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-logo-AgenciaEvolucaoCriativa-dados-link { font-size:16px; color:#E9E9E9; text-decoration:none; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }

.div-logo-AgenciaEvolucaoCriativa-item { width:calc(100% - 20px); padding: 8px 10px 8px 10px; margin: 0 0 5px 0; height:auto; float:left; font-weight:600; font-family:"Roboto", Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
	
.div-fotos { width:100%; height:350px; float:left; background-color:#DFDFDF }

}