@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-escallare-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-escallare:hover { background-color:#D7D7D7 }

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

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

.div-logos { width:50%; height:100vh; float:left; background-color:#DFDFDF }
.div-logos-margin { width:calc(100% - 200px); margin:0 100px 0 100px; height:auto; float:left }
.div-logos-frase { width:100%; height:auto; float:left; padding:0 0 10px 0; font-weight:500; font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:center; font-size:20px }
.div-logos-escallare { width:calc(100% - 40px); height:auto; float:left; padding:20px 20px 20px 20px }
.div-logos-layup { width:calc(100% - 150px); height:auto; float:left; padding:20px 75px 20px 75px }
.div-logos-mixfilm { width:calc(100% - 150px); height:auto; float:left; padding:20px 75px 20px 75px }

}





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

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

.div-logos { width:50%; height:100vh; float:left; background-color:#DFDFDF }
.div-logos-margin { width:calc(100% - 180px); margin:0 90px 0 90px; height:auto; float:left }
.div-logos-frase { width:100%; height:auto; float:left; padding:0 0 10px 0; font-weight:500; font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:center; font-size:20px }
.div-logos-escallare { width:calc(100% - 40px); height:auto; float:left; padding:20px 20px 20px 20px }
.div-logos-layup { width:calc(100% - 150px); height:auto; float:left; padding:20px 75px 20px 75px }
.div-logos-mixfilm { width:calc(100% - 150px); height:auto; float:left; padding:20px 75px 20px 75px }

}




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

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

.div-logos { width:50%; height:100vh; float:left; background-color:#DFDFDF }
.div-logos-margin { width:calc(100% - 120px); margin:0 60px 0 60px; height:auto; float:left }
.div-logos-frase { width:100%; height:auto; float:left; padding:0 0 10px 0; font-weight:500; font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:center; font-size:20px }
.div-logos-escallare { width:calc(100% - 40px); height:auto; float:left; padding:20px 20px 20px 20px }
.div-logos-layup { width:calc(100% - 150px); height:auto; float:left; padding:20px 75px 20px 75px }
.div-logos-mixfilm { width:calc(100% - 150px); height:auto; float:left; padding:20px 75px 20px 75px }

}




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

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

.div-logos { width:50%; height:100vh; float:left; background-color:#DFDFDF }
.div-logos-margin { width:calc(100% - 50px); margin:0 25px 0 25px; height:auto; float:left }
.div-logos-frase { width:100%; height:auto; float:left; padding:0 0 10px 0; font-weight:500; font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:center; font-size:18px }
.div-logos-escallare { width:calc(100% - 40px); height:auto; float:left; padding:20px 20px 20px 20px }
.div-logos-layup { width:calc(100% - 100px); height:auto; float:left; padding:20px 50px 20px 50px }
.div-logos-mixfilm { width:calc(100% - 100px); height:auto; float:left; padding:20px 50px 20px 50px }


}




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

.div-logo-escallare { width:100%; height:auto; float:left; background-color:#060606; padding:30px 0 30px 0 }
.div-logo-escallare-margin { width:calc(100% - 120px); margin:0 60px 0 60px; height:auto; float:left }
.div-logo-escallare-img { width:100%; height:auto; float:left }
.img-logo-escallare { width:100%; height:auto; float:left }
.div-logo-escallare-dados { width:100%; height:auto; float:left; margin:40px 0 0 0 }
.div-logo-escallare-dados p { margin:2px 0 0 0; font-size:14px; color:#E9E9E9; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-logo-escallare-dados-link { font-size:14px; color:#E9E9E9; text-decoration:none; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }

.div-logos { width:100%; height:auto; float:left; background-color:#DFDFDF; padding:30px 0 30px 0 }
.div-logos-margin { width:calc(100% - 100px); margin:0 50px 0 50px; height:auto; float:left }
.div-logos-frase { width:100%; height:auto; float:left; padding:0 0 10px 0; font-weight:500; font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:center; font-size:18px }
.div-logos-escallare { width:calc(100% - 40px); height:auto; float:left; padding:20px 20px 20px 20px }
.div-logos-layup { width:calc(100% - 200px); height:auto; float:left; padding:20px 100px 20px 100px }
.div-logos-mixfilm { width:calc(100% - 200px); height:auto; float:left; padding:20px 100px 20px 100px }


}





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

.div-logo-escallare { width:100%; height:auto; float:left; background-color:#060606; padding:30px 0 30px 0 }
.div-logo-escallare-margin { width:calc(100% - 60px); margin:0 30px 0 30px; height:auto; float:left }
.div-logo-escallare-img { width:100%; height:auto; float:left }
.img-logo-escallare { width:100%; height:auto; float:left }
.div-logo-escallare-dados { width:100%; height:auto; float:left; margin:40px 0 0 0 }
.div-logo-escallare-dados p { margin:2px 0 0 0; font-size:14px; color:#E9E9E9; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }
.div-logo-escallare-dados-link { font-size:14px; color:#E9E9E9; text-decoration:none; font-weight:300; font-family:"Roboto", Arial, Helvetica, sans-serif }

.div-logos { width:100%; height:auto; float:left; background-color:#DFDFDF; padding:30px 0 30px 0 }
.div-logos-margin { width:calc(100% - 50px); margin:0 25px 0 25px; height:auto; float:left }
.div-logos-frase { width:100%; height:auto; float:left; padding:0 0 10px 0; font-weight:500; font-family:"Roboto", Arial, Helvetica, sans-serif; text-align:center; font-size:18px }
.div-logos-escallare { width:calc(100% - 40px); height:auto; float:left; padding:20px 20px 20px 20px }
.div-logos-layup { width:calc(100% - 120px); height:auto; float:left; padding:20px 60px 20px 60px }
.div-logos-mixfilm { width:calc(100% - 120px); height:auto; float:left; padding:20px 60px 20px 60px }

}