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




body {
	font-size: 62.5%;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
}

hr {
	height: 20px;
	background-color: #f1f1f1;
	border: none;
}



/* CLEAR FIX */
.clearfix::before,
.clearfix::after {
content: "";
display: table;
}
.clearfix::after {
clear: both;
}

.overflow {
	overflow: hidden;
}

/* CORES #FFE556 */

.geral {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.container {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

 header  {
	height: 120px;
	width: 100%;
	position: fixed;
	top:0;
	z-index: 10;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.2); 
}


header img {
	height: 80px;
	padding: 20px;
	float: left;
}

nav ul {
	float: right;	
}

header a {
	text-decoration:none;
	color:inherit;
}

nav ul li {
	list-style: none;
	display: inline-block;
	font-size: 1.2em;
	color:#6a1010;
}

nav ul li a {
	display: inline-block;
	line-height: 120px;
	padding: 0 15px;
}

nav ul li:hover {
	cursor: pointer;
	color: #000;
}

/* MENU */
header .active {
	text-shadow: 0px 0px 2px rgba(0,0,0, 0.1);
	color:#000;
	font-weight: 500;
	border-bottom: 3px solid #000;
}

header .active:after {
	content:"";
	position: absolute;
	bottom:0;
	left: 50%;
	margin-left: -8px; 
	border: 8px solid;
	border-color: transparent transparent #000 transparent;
}

header nav li {
	position: relative;
}

.menu-mobile {
	margin-top: 120px;
	
	background-color: #f1f1f1;
	display: none;
}

.menu-mobile p {
	font-family: 'Raleway'. sans-serif;
	font-size: 1.5em;
	text-align: center;
	line-height: 2.5em;
	position: relative;

}

.menu-mobile a {
	text-decoration: none;
	color:#808080;
	position: relative;
	display: inline-block;
	width: 100%;
}

.menu-mobile a:hover {
	text-decoration: none;
	color:#fff;
	position: relative;
	background-color: #540806;
}

.menu-mobile p:before {
	content:"";
	border: 1px solid rgba(204,204,204, 0.1);
	width: 100%;
	position: absolute;
	bottom: 0;

}
/* Botão Menu mobile */

.menu-mobile-click {
	margin-top: 30px;
	float: right;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	visibility: hidden;
}

.menu-mobile-click:hover {
	cursor: pointer;
	border: 1px solid #ccc;
}

.menu-mobile-click img {
	width: 30px;
	height: 30px;
	padding: 10px;

}

/* ###################### HOME ##################### */


/* BANNER  */

.banner {
	width: 100%;
} 

.imagem-banner, .imagem-banner2 {
	margin-top: 120px;
	height: 400px;
	overflow: hidden;
	background-image: url('FOTOS/PORTIFOLIO/bg.jpg');
	box-shadow: 0px 2px 10px rgba(0,0,0, 0.7);
}

.imagem-banner2 { height: 500px;}

.imagem-banner img {
	width: 100%;
}

.img-mosaico {
	position: relative;
	width: 200px;
	height: 200px; 
	float: left;
	overflow: hidden;
	background-size: 200px;
	background-position: 0;
}

.img-mosaico img {
	width: 200px;
	
}

.img-mosaico img:hover {
	cursor: pointer;
}

.img-mosaico span {
	opacity: 0;
	position: absolute;
	color:white;
	bottom:20px;
	right: 20px;
	font-size: 20px;
	padding: 10px;
	background-color: rgba(0,0,0, 0.5);
}





/* FRASE GUIA */

.frase-a {
	width: 100%;
	font-weight: 100;
	background-color: #540806;
	/*background-color: #610907;*/
	text-align: center;
	position: relative;
	font-size: 2.5em;
	letter-spacing: -0.01em;
	line-height: 100px;
	height: 100px;
	overflow: hidden;
	font-family: 'Raleway', sans-serif;
	color:white;
	position: relative;
	text-shadow: 0px 0px 5px rgba(255,255,255, 0.5); 
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -moz-transform: translateY(30px); }
	5% { opacity: 1; -moz-transform: translateY(0px);}
    17% { opacity: 1; -moz-transform: translateY(0px); }
	20% { opacity: 0; -moz-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}

.frase-a span {
    position: absolute;
    right: 0;
	opacity: 0;
    overflow: hidden;
    width: 100%;
    color: #fff;
}

.frase-a span {
    -webkit-animation: rotateWord 20s linear infinite 0s;
    -moz-animation: rotateWord 20s linear infinite 0s;
}

.frase-a span:nth-child(2) { 
    -webkit-animation-delay: 5s; 
    -moz-animation-delay: 5s; 
}

.frase-a span:nth-child(3) { 
    -webkit-animation-delay: 10s; 
    -moz-animation-delay: 10s; 
}
.frase-a span:nth-child(4) { 
    -webkit-animation-delay: 15s; 
    -moz-animation-delay: 15s; 
}

.frase-a div {
	position: absolute;
	width: 100%;
	top:100px;
	opacity: 0;
}



/* RESUMO SERVICOS */

.resumo-servicos {
	position: relative;
	font-size: 1.4em;
	opacity: 0;
}

.resumo-servicos div:not(.container) {
	display: inline-block;
	margin: 30px 2%;
	width: 28%;
	text-align: center; 
	vertical-align: top;
}

.resumo-servicos div p {
	display: inline-block;
	line-height: 1.6em;
}

.resumo-servicos span {
	display: block;
	line-height: 40px;
	text-align: center;
	padding: 15px;
	color: #404040;
}

.resumo-servicos h2 {
	font-weight: bold;
	color: #A03E3B;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 10px;
}

/* PERFIL STELLA ROCCHE */

.perfil { 
	padding:20px;
	background-color: #f1f1f1;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

.perfil-foto {
	width: 250px;
	height: 200px;
	display: inline-block;

}

.perfil-content {
	width: 100%;
	padding:50px 0px;
	display:inline-block;
	float: right;
	text-align: left;
	font-size: 1.6em;	
	opacity: 0;
}

.perfil-foto div {
	margin: auto;
	margin-top: -110px;
	width: 200px;
	height: 200px;
	overflow: hidden;
	border-radius: 100%;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0,0,0, 0.9);
	background-color: #000;
	vertical-align: top;
}

.perfil-foto img {
	width: 200px;
}

.perfil-content h2 {
	font-family: 'Raleway', sans-serif;
	letter-spacing: -0.05em;
	font-size: 1.8em;
	color:#000;
	margin-bottom: 20px;
	padding: 20px 20px;
	margin-left: 250px;
	line-height: 1em;
	font-weight: normal;
	position: relative;

}


.perfil-content h2 small {
	font-size: 0.6em;
	color:#E8AA2E;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	font-weight: bold;
	
}

.perfil-content p {
	line-height: 1.4em;
	padding-left: 10px;
	margin: 5px 10px;
	font-family: 'Josefin Sans', sans-serif;
}

.perfil-content p b {
	color:#404040;
}

.perfil-content .bloco {
	display: inline-block;
	width: 460px;
	vertical-align: top;
	text-align: justify;
	font-size: 1.1em;
}

/* VIDEO */

.video {
	background-color: #fff;
	
}
.video-content {
	text-align: center;
}

.video-content .bloco {
	text-align: center;
	display:inline-block;
}

.video-content iframe {
	margin-bottom: 40px;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.8); 

}

.video-content h2 {
	font-family: 'Raleway', sans-serif;
	color:#000;
	font-size: 2.5em;
	display: block;
	text-align: center;
	width: 100%;
	padding: 50px 0px 0px 0px;
	
}

.video-content span {
	display: block;
	text-align:center;
	padding: 0px 0px 50px 0px;
	color:#7F284A;
	color:#808080;
	font-size: 1.5em;
	position: relative;
}

.video-content span:after{
	content: "";
	border: 2px solid #A01F1C;
	position: absolute;
	width: 100px;
	bottom: 25px;
	left: 50%;
	margin-left: -50px;

}




/* ############################ QUEM SOMOS ########################## */

/* DESCRIÇÃO */

.quem-somos {
	font-size: 1.8em;
	line-height: 1.6em;
	font-family: 'Josefin Sans', sans-serif;
}


.quem-somos-content {
	text-align: center;
	margin: 50px 0px 0px 0px;
}

.quem-somos-content h2 {
	color:#000;
	font-size: 1.8em;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	position: relative;
}

.quem-somos-content h3 {
	position: relative;
	font-size: 1em;
	margin-bottom: 40px;
	font-weight: normal;
}

.quem-somos-content h3:after{
	content: "";
	border: 1px solid #A01F1C;
	position: absolute;
	width: 60px;
	bottom: -10px;
	left: 50%;
	margin-left: -30px;
}


.quem-somos-descricao {
	background-color: #540806;
	background-color: #f1f1f1;
	padding: 50px;
	position: relative;
	border-radius: 10px;
	text-align: justify; 

}




.quem-somos-descricao .bloco {
	display: inline-block;
	width: 42%;
	vertical-align: top;
	margin: 3%;
	color: rgba(255,255,255, 0.9);
	color: #808080;
}



/* MISSÃO VISÃO E VALORES */

.quem-somos2 {
	margin: 60px 0px 0px 0px;
	height: auto;
	padding: 10px 30px;
	width: 100%;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.quem-somos2-content {
	font-size: 1.6em;
}

.quem-somos2 h3 {
	font-weight: bold;
	font-size: 1.6em;
	font-family: 'Raleway', sans-serif;
	position: relative;
	color:#A03E3B;
}


.center {
	display: inline-block;
	margin: 0 auto
}


.quem-somos2 .div {
	width: 25%;
	text-align: center;
	display: inline-block;
	padding: 4%;
	float: left;
}

.quem-somos2 .group h3, .quem-somos2 .group span{
	display: inline-block;
	line-height: 70px;
	vertical-align: top;
	text-align: justify;
	padding: 5px; 
	
}

.quem-somos2 p {
	text-align: center; 
}



/* FOOTER */

footer {
	background-color: #212327;

}

 footer div.principal {
	display: inline-block;
	font-family: 'Raleway', sans-serif;
	width: 31.0%;
	padding: 1%;
	float: left;
	margin: 50px 0px;
	text-align: center;
	color:#808080;
	font-size: 1.1em;
	
}

footer div.principal span {
	display: block;
	padding: 5px;
	font-size: 1.4em;
	letter-spacing: -0.06em;
	
}

footer div.principal a > span:hover {
	color: #E8AA2E;
}

 footer div.principal p {
 	display: block;
	padding: 5px;
	font-size: 1.3em;	
	letter-spacing: -0.02em;
 }


footer h3 {
	font-size: 1.4em;
	letter-spacing: 0.02em;
	text-align: center;
	padding: 0px 0px 30px 10px;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	color:#ccc;
}



footer a {
	text-decoration: none;
	color:inherit;
	display: inline-block;
}


footer div.bottom-footer {
	display: block;
	text-align: center;
	font-size: 1.0em;
	width: 100%;
	float:none;
	clear: both;
	margin: 10px;
	padding: 0;
}

footer div.detalhe {
	position: relative;
}

footer div.detalhe:after, footer div.detalhe:before {
	content:"";
	border: 1px solid rgba(0,0,0, 0.1);
	width: 50px;
	position: absolute;
	top: -20px;
	right: 50%;
}

footer div.detalhe:before {
	left: 50%;
}

footer .contato {
	font-size: 1.3em;
	font-family: 'Raleway', sans-serif;
}

.bottom-footer a {
	color:#ccc;
}

.bottom-footer a:hover {
	color:#ff4500;
}

/* SERVIÇOS ##################################################### */

.servicos-content {
	margin: 40px 0px;
	text-align: center;
}

.servicos-content h2 {
	color:#000;
	font-size: 3em;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	position: relative;
}

.servicos-content h3 {
	position: relative;
	font-size: 1.5em;
	margin-bottom: 40px;
	font-weight: normal;
}

.servicos-content h3:after{
	content: "";
	border: 1px solid #A01F1C;
	position: absolute;
	width: 60px;
	bottom: -10px;
	left: 50%;
	margin-left: -30px;
}

.servicos-content h4 {
	color:#540806;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.2em;
	margin-bottom:40px;
	text-indent: 20px;
	position: relative;
}

.servicos-content h4:before {
	content: "";
	border: 2px solid #ccc;
	width: 50px;
	position: absolute;
	bottom: -10px;
	left: 20px;
}


.bloco .foto {
	display: inline-block;
	width: 350px;
}

.bloco .foto-descricao {
	display: inline-block;
	width: 750px;
	vertical-align: top;
	font-size: 1.7em;
	text-align: justify;
}



.servicos-content .bloco {
	text-align: left;
	background-color: #f1f1f1;
	padding: 40px 40px;
	margin: 40px 0;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.servicos-content img {
	width: 300px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	border: 3px solid white;
}

/* CLIENTES ###################################################### */

/* AGRADECIMENTOS */
.agradecimento-content {
	text-align: center;
	margin: 40px;

}

.agradecimento-content h2 {
	color:#000;
	font-size: 3em;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	position: relative;
}

.agradecimento-content h3 {
	position: relative;
	font-size: 1.5em;
	margin-bottom: 40px;
	font-weight: normal;
}

.agradecimento-content h3:after{
	content: "";
	border: 1px solid #A01F1C;
	position: absolute;
	width: 60px;
	bottom: -10px;
	left: 50%;
	margin-left: -30px;
}

.agradecimento-content span {
	font-size: 2em;
	font-family: 'Josefin Sans', sans-serif;


}

.agradecimento-content blockquote {
	padding: 10px 0px 40px 0px;
	font-family: 'Raleway', sans-serif;
	font-size: 1.4em;
	color: #202020;
	border-bottom: 1px solid rgba(0,0,0,0.8);
	position: relative;
	
}

.agradecimento-content blockquote:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	border: 5px solid;
	border-color: transparent transparent rgba(0,0,0,0.8) transparent;
}


/* CLIENTES */

.clientes-content {
	padding-top:40px;
}
.clientes-content div.bloco {
	display: inline-block;
	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
}


/* SERVIÇOS */





/* GALERIA ################################################### */

.galeria-content {
	text-align: center;
	margin: 150px 0px;
}

.galeria-content h2 {
	color:#000;
	font-size: 3em;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	position: relative;
}

.galeria-content h3 {
	position: relative;
	font-size: 1.5em;
	margin-bottom: 40px;
	font-weight: normal;
}

.galeria-content h3:after{
	content: "";
	border: 1px solid #A01F1C;
	position: absolute;
	width: 60px;
	bottom: -10px;
	left: 50%;
	margin-left: -30px;
}


.fotos {
	background-color: #f1f1f1; 
	width: 1195px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	border: 1px solid #ccc;
}

.fotos-align {
	
	width: 1020px;
	text-align: left;
	margin: 80px auto;
	
}

.fotos-align h4 {
	margin: 40px 20px;
	font-size: 2em;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.9);
}

.fotos-align .principal a {
	position: absolute;
	bottom: 0;
	right: 0;
	text-decoration: none;
	color: inherit;
	background-color: rgba(0,0,0,0.5);
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}


.fotos-align .principal a:hover {
	background-color: rgba(0,0,0,0.9);
	text-shadow: 0px 0px 10px white;

}


.fotos-align .principal {
	vertical-align: top;
	display: inline-block;
	text-align: center; 
	width: 200px;
	height: 200px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
	color:snow;
	font-family:'Raleway', sans-serif; 	
	position: relative;
	font-size: 1.5em;
	text-shadow: 1px 1px 10px rgba(255,255,255, 0.6);
	margin: 1px 0;
	position: relative;
	overflow: hidden;
}

.fotos-align .principal img {
	width: 200px;
	height: 200px;
}


/*  ALBUM ############################## */


.div-album {
	width: 200px;
	height: 200px;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
	display: inline-block;
}

.fotos-album {
	width: 200px;
	min-height: 200px;

}


/*  Font Icons */

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-8x1o41');
	src:url('fonts/icomoon.eot?#iefix-8x1o41') format('embedded-opentype'),
		url('fonts/icomoon.woff?-8x1o41') format('woff'),
		url('fonts/icomoon.ttf?-8x1o41') format('truetype'),
		url('fonts/icomoon.svg?-8x1o41#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 2em;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: "\e603";
	font-size:15px;
}
.icon-mobile:before {
	content: "\e604";
	font-size:15px;
}
.icon-mail:before {
	content: "\e605";
	font-size:15px;
}
.icon-video:before {
	content: "\e600";
	font-size: 30px;
}
.icon-facebook:before {
	content: "\e601";
	font-size: 30px;
}
.icon-instagram:before {
	content: "\e602";
	font-size: 30px;
}
.icon-camera:before {
	content: "\e012";
}
.icon-toolbox:before {
	content: "\e014";
}
.icon-briefcase:before {
	content: "\e015";
	font-size:40px;
}
.icon-lightbulb:before {
	content: "\e030";
}
.icon-pencil:before {
	content: "\e032";
}
.icon-magnifying-glass:before {
	content: "\e037";
}
.icon-wine:before {
	content: "\e043";
	font-size:40px;
}
.icon-hotairballoon:before {
	content: "\e044";
}
.icon-heart:before {
	content: "\e04a";
}
.icon-global:before {
	content: "\e052";
	font-size:40px;
}
.icon-number:before {
	content: "\e606";
	font-size: 1em;
}
.icon-number2:before {
	content: "\e607";
	font-size: 1em;
}
.icon-number3:before {
	content: "\e608";
	font-size: 1em;
}


/*##################### */


/* RESPONSIVIDADE */

/* Telefones em landscape e abaixo */
@media (max-width: 480px) { 
	.container { width:290px; position: relative;}
	header ul{ display: none;}
	.img-mosaico {
		width: 145px;
		height: 145px;
		background-size: 145px;
	}
	.img-mosaico img {
		width: 145px;
		height: 145px;	
	}
	.imagem-banner {
	height: 290px;
	overflow: hidden;
	}
	.imagem-banner2 {
	height: 390px;
	overflow: hidden;
	}

	.menu-mobile-click { visibility: visible;}

	.resumo-servicos div:not(.container) { display: block; width: 80%; margin: 30px auto;}
	.perfil-foto img, .perfil-foto div { width:152px; height: 152px;}
	
	.perfil-foto {height: 152px; width: 152px; margin: 20px auto; display: block;}
	.perfil-foto div { margin: 0;}
	.perfil-content { width: 100%; margin-left: 0;}
	.perfil-content p { padding: 0;}
	.perfil-content .bloco { display: block; width: 100%;}
	.perfil-content h2 { padding:0; margin: 0; text-align: center;}

	.frase-a { font-size: 1.4em;}

	.resumo-servicos { font-size: 1.25em;}

	.perfil-content { font-size: 1.45em;}

	.video-content .bloco { width: 89%;}

	.bloco .foto-descricao { width: 300px; }
	
	.video-content .bloco iframe { width: 100%; height: 200px;}

	.fotos-align .principal { width: 200px; height: 200px; }
	.fotos-align .principal img { width: 200px; height: 200px; }
	.fotos-align {text-align: center; width: 220px; }
	.fotos { width: 99.5%;}
	.clientes-content { padding-top:40px; width:400px;}
	.clientes-content div.bloco { width: 300px; height: 200px;}

	
	.video-content { font-size: 0.85em;}
 	footer div.principal { display: block; width: 100%; padding: 0;}

	.quem-somos-descricao .bloco { width: 100%; display: block; padding: 0; margin:10px 0; font-size: 0.9em; line-height: 1.3em;}
	.quem-somos2 .div { width: 100%; display: block; margin: 0; padding: 0;}
	.quem-somos2 { padding: 50px 0;}

	.bloco .foto { width: 100%; display: block; text-align: center;}
	.bloco .foto img { width: 200px;}
	.bloco .foto-descricao { width: 200px; margin: 15px auto 0; display: block; font-size: 1.55em;}


}

/* Telefone em landscape a tablet em portrait */
@media (min-width: 481px) and (max-width: 767px) { 
	.container { width: 480px; position: relative;}
	header ul{ display: none;}
	.img-mosaico {
		width: 160px;
		height: 160px;
		background-size: 160px;
	}
	.img-mosaico img {
		width: 160px;
		height: 160px;	
	}
	.imagem-banner {
	height: 320px;
	overflow: hidden;
	}
	.imagem-banner2 {
	height: 420px;
	overflow: hidden;
	}

	.menu-mobile-click { visibility: visible;}

	.resumo-servicos div:not(.container) { display: block; width: 80%; margin: 30px auto;}
	.perfil-foto img, .perfil-foto div { width:152px; height: 152px;}
	
	.perfil-foto {height: 152px; width: 152px; margin: 20px auto; display: block;}
	.perfil-foto div { margin: 0;}
	.perfil-content { width: 100%;}
	.perfil-content .bloco { display: block;}
	.perfil-content h2 { padding:0; margin: 0; text-align: center;}

	.frase-a { font-size: 1.8em;}

	.resumo-servicos { font-size: 1.25em;}

	.perfil-content { font-size: 1.45em;}

	.video-content .bloco { width: 89%;}

	.bloco .foto-descricao { width: 300px; }
	
	.video-content .bloco iframe { width: 400px; height: 300px;}

	.fotos-align .principal { width: 200px; height: 200px; }
	.fotos-align .principal img { width: 200px; height: 200px; }
	.fotos-align {text-align: center; width: 480px; }
	.fotos { width: 99.5%;}
	.clientes-content { padding-top:40px; width:480px;}
	.clientes-content div.bloco { width: 240px; height: 240px;}

	
	.video-content { font-size: 0.85em;}
 	footer div.principal { display: block; width: 100%; padding: 0;}

	.quem-somos-descricao .bloco { width: 100%; display: block; padding: 0; margin:10px 0;}
	.quem-somos2 .div { width: 100%; display: block; margin: 0; padding: 0;}
	.quem-somos2 { padding: 50px 0;}
	.bloco .foto { width: 100%; display: block; text-align: center;}
	.bloco .foto-descricao { width: 300px; margin: 15px auto 0; display: block;}

}


/* tablet em portrait a landscape e desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.container { width: 750px; position: relative;}
	.img-mosaico {
		width: 150px;
		height: 150px;
		background-size: 150px;
	}
	.img-mosaico img {
		width: 150px;
		height: 150px;	
	}
	.imagem-banner {
	height: 300px;
	overflow: hidden;
	}
	.imagem-banner2 {
		height: 400px;
	overflow: hidden;	
	}

	.perfil-foto { width: 160px;}
	.perfil-foto img, .perfil-foto div { width:152px; height: 152px;}
	.frase-a { font-size: 2.1em;}
	
	.resumo-servicos { font-size: 1.25em;}

	.perfil-content { font-size: 1.45em;}
	
	
	
	
	.perfil-content .bloco { width: 290px;}
	.perfil-content h2 { margin-left: 160px;}

	.bloco .foto-descricao { width: 300px; }
	
	.video-content .bloco iframe { width: 100%; height: 500px; }
	
	.video-content .bloco { width: 89%;}



	.fotos-align .principal { width: 150px; height: 150px; }
	.fotos-align .principal img { width: 150px; height: 150px; }
	.fotos-align {text-align: center; width: 700px; }
	.fotos { width: 99.5%;}
	nav ul li a {padding: 0 7px;}
	.clientes-content { padding-top:40px; width:750px;}
.clientes-content div.bloco { width: 187.5px; height: 187.5px;}


}

/* Desktop grande */
@media (min-width: 980px) and (max-width: 1200px) {
	.container { width: 1000px;}
	.servicos-content .bloco .foto-descricao { width: 500px;}
	.servicos-content .bloco { width: 910px;}
	.fotos-align .principal {
		width: 200px;
		height: 200px;
	}
	.fotos-align .principal img {
		width: 200px;
		height: 200px;
	}
	.fotos { width: 990px;}
	.perfil-content .bloco { width: 350px;}
	.fotos-align {text-align: center; width: 900px; }

}








/* 2025 Edits */
.zap p{
	background-image: url(img/whatsapp-icon.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: left;
    padding-left: 27px !important;
    display: inline-block !important;
}
.email p{
	background-image: url(img/mail.svg);
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: left;
    padding-left: 27px !important;
    display: inline-block !important;
}
.email, .zap{
	display: block;
}
.email:hover p, .zap:hover p{
	color: #E8AA2E;
}






/* 2026 Edits */
.perfil ul{
	list-style: disc outside !important;
    padding-left: 1.5em !important;
}
.foto-descricao ul{
	margin-left: 40px;
}


@media (max-width: 480px) {
	main .servicos .servicos-content .bloco{
		padding: 40px 20px;
	}
}