/*
/*
Theme Name:Direscopio 2026.
Theme URI:https://www.direscopio.com.br
Author:Direscópio Design
Author URI:https://www.direscopio.com.br
Description:Tema desenvolvido para a empresa Direscópio Serviços
Version:1.0 
*/
*:focus {
  outline:none;
}
html {
	margin:0px !important;
	padding:0px !important;
}
body {
	font-family:Inter;
	margin:0;
	overflow-x:hidden;
	color:#4B4B4D;
}
.clearfix {
	clear:both;
}
header {
	float:left;
	width:100%;
	padding:77 0 0 0;
	z-index:997;
	position:absolute;
}
.logo {
	display:block;
	float:left;
	margin-left:calc(5% - 24px);
}
.logo img {
	width:auto;
	height:110px;
}
.menu {
	width:100%;
	float:right;
	margin-left:100%;
	position:fixed;
	z-index:999;
	min-height:100vh;
}
header .menu-icone:after {
	content:"Menu";
	position:absolute;
	left:-60;
	top:10;
	font-size:12pt;
	font-weight:400;
}
.menu .fechar:after {
	content:"Fechar";
	position:absolute;
	left:-60;
	top:10;
	font-size:12pt;
	font-weight:400;
	color:#fff;
}
.animacao-esquerda {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
} 
@keyframes fadeInLeft {
   0% {
      margin-left:100%;
   }
   100% {
       margin-left:0;
   }
}
@keyframes fadeInLeft1 {
   0% {
      margin-left:100%;
   }
   100% {
       margin-left:0%;
   }
}
.animacao-direita {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
} 
@keyframes fadeInRight {
   0% {
      margin-left:0%;
   }
   100% {
       margin-left:100%;
   }
}
.fechar {
	position:absolute;
	top:15;
	right:15;
	cursor:pointer;
	z-index:1004;
}
.ajuda {
	position:absolute;
	top:15;
	left:15;
	cursor:pointer;
	z-index:1004;
}
.fechar svg, .ajuda svg {
	width:50;
	height:50;
}
.fechar:hover svg rect {
	fill:#8fcdff!important;
}
.ajuda:hover svg path {
	fill:#8fcdff!important;
}
#qlwapp .qlwapp-toggle:hover {
	background:#1EA951;
}
.menu .opacity {
	width:100%;
	height:100vh;
	background:#1a1a1a;
	position:fixed;
	min-height:100vh;
	z-index:1000;
	opacity:0.95;
}
.item-menu {
	position:absolute;
	display:block;
	list-style:none;
	padding:0;
	width:90%;
	margin:0 5%;
	z-index:1001;
}
.item-menu h3 {
	float:left;
	width:30%;
	margin:0 65% 0 5%;
	font-weight:700;
	color:#8fcdff;
	padding:80 0 40 0;
}
.item-menu li a {
	float:left;
	display:block;
	width:30%;
	margin:0 65% 0 5%;
	padding:10 0;
	font-size:11pt;
	text-decoration:none;
	color:#fff;
}
.item-menu li a svg {
	margin:0 10 0 0;
	vertical-align:middle;
	width:35 !important;
	height:25 !important;
}
.item-menu li a:hover {
	color:#8fcdff;
}
.item-menu li a svg path {
	fill:#8fcdff!important;
}
.menu-icone {
	position:absolute;
	right:20;
	top:20;
	border-radius:100%;
	z-index:998;
	cursor:pointer;
	display:block;
	box-shadow:0px 0px 5px rgb(0,0,0,0.4);
}
.menu-icone svg {
	height:50;
	width:50;
}
.menu .imagens {
	float:left;
	width:45%;
	right:0;
	margin-top:77;
	position:absolute;
	z-index:1001;
}
.menu .imagens .setas {
	float:left;
	width:100%;
	position:relative;
	min-height:85vh;
	display:none;
}
.menu .imagens .setas svg path {
	stroke-width:4px!important;
}
.menu .seta-1, .menu .seta-2, .menu .seta-3, .menu .seta-4 {
	position:absolute;
}
.menu .seta-1 {
	top:0;
	left:0;
	z-index:1004;
}
.menu .seta-1 svg {
	height:216;
	width:216;
}
.menu .seta-2 {
	top:0;
	right:0;
	z-index:1004;
}
.menu .seta-2 svg {
	height:154;
	width:154;
}
.menu .seta-3 {
	bottom:0;
	right:0;
	z-index:1004;
}
.menu .seta-3 svg {
	height:216;
	width:216;
}
.menu .seta-4 {
	bottom:0;
	left:0;
	z-index:1004;
}
.menu .seta-4 svg {
	height:154;
	width:154;
}
.menu .img {
	float:left;
	position:absolute;
	width:calc(100% - 34px);	
	margin:17;
	min-height:calc(85vh - 34px);
	border-radius:40px 29px 40px 29px;
	z-index:1002;
	display:none;
	background-size:cover;
	background-position:center;
}
#menu-link-1:hover ~ .imagens .img, #menu-link-2:hover ~ .imagens .img, #menu-link-3:hover ~ .imagens .img, #menu-link-4:hover ~ .imagens .img, #menu-link-5:hover ~ .imagens .img, #menu-link-6:hover ~ .imagens .img, #menu-link-7:hover ~ .imagens .img, #menu-link-8:hover ~ .imagens .img {
	display:block;	
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-delay:0.25s;
	-webkit-animation-name:fadeScale;
	animation-name:fadeScale;
}
#menu-link-1:hover ~ .imagens .setas, #menu-link-2:hover ~ .imagens .setas, #menu-link-3:hover ~ .imagens .setas, #menu-link-4:hover ~ .imagens .setas, #menu-link-5:hover ~ .imagens .setas, #menu-link-6:hover ~ .imagens .setas, #menu-link-7:hover ~ .imagens .setas, #menu-link-8:hover ~ .imagens .setas {
	display:block;	
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-delay:0s;
	-webkit-animation-name:fadeScale;
	animation-name:fadeScale;
}
/* Landing Page */
.botoes-lading {
	float:left;
	width:90%;
	margin:60 5%;
}
.botoes-lading a {
	margin:10 0;
	font-weight:700;
	padding:25;
	text-decoration:none;
	display:block;
}
/* Type */
p {
	font-weight:300;
	font-size:12pt;
	line-height:18pt;
	margin:0;
	padding:10 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:700;
	padding:10 0;
	margin:0;
}
h2 {
	font-size:25pt;
	line-height:30pt;
}
h3 {
	font-size:20pt;
	line-height:24pt;
}
h4 {
	font-size:18pt;
	line-height:21pt;
}
h5 {
	font-size:15pt;
	line-height:19pt;
}
h6 {
	font-size:13pt;
	line-height:16pt;
}
/* FIm Type */
/* Cores */
.negrito {
	font-weight:500 !important;
}
.botao-branco {
	border:solid 1px #fff;
	background:transparent;
	color:#000;
}
.botao-branco:hover {
	background:#fff;
	color:#000;
}
.botao-cinza {
	border:solid 1px #606060;
	background:transparent;
	color:#606060;
}
.botao-cinza:hover {
	background:#606060;
	color:#fff;
}
.botao-cinza span svg path {
	fill:#606060!important;
}
.botao-cinza:hover span svg path {
	fill:#fff!important;
}
.branco {
	color:#fff;
}
.laranja {
	color:#f37835;
}
.botao-branco-azul {
	border:solid 1px #04223B;
	background:transparent;
	color:#04223B;
}
.botao-branco-azul:hover {
	background:#04223B;
	color:#fff;
}
.botao-branco-azul span svg path {
	fill:#04223B!important;
}
.botao-branco-azul:hover span svg path {
	fill:#fff!important;
}
.botao-laranja {
	border:solid 1px #f37835;
	background:transparent;
	color:#f37835;
}
.botao-laranja:hover {
	background:#f37835;
	color:#fff;
}
.botao-laranja span svg path {
	fill:#f37835!important;
}
.botao-laranja:hover span svg path {
	fill:#fff!important;
}
.traco-laranja {
	background:#f37835;
	float:left;
	width:calc(100% - 40px);
	margin:30 20;
	min-height:2;
}
.botao-portfolio {
	padding:10;
	margin:5 0;
	font-size:9pt;
	font-weight:500;
	border:solid 1px #f37835;
	background:#fff;
	color:#f37835;
	border-radius:5px;
	display:inline-block;
	text-decoration:none;
}
.botao-portfolio div {
	padding:0;
	min-height:20;
}
.botao-portfolio:hover {
	background:#f37835;
	color:#fff;
}
.botao-laranja-1 {
	padding:25;
	font-weight:700;
	border:none;
	background:#f37835;
	color:#fff;
	border-radius:5px;
	display:inline-block;
	text-decoration:none;
}
.botao-laranja-1:hover {
	background:#C2571D;
	color:#fff;
}
.botao-laranja-2 {
	padding:5 15;
	margin:5 0;
	font-weight:300;
	border:none;
	background:#f37835;
	color:#fff;
	border-radius:5px;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
	font-size:11pt;
}
.botao-laranja-2:hover {
	background:#C2571D;
	color:#fff;
}
.botao-laranja-2 span {
	vertical-align:middle;
}
.botao-laranja-2 span svg {
	width:21!important;
	height:21!important;
	margin-right:5!important;
}
.botao-laranja-2 span svg path {
	fill:#fff!important;
}
.azul {
	color:#035ba3;
}
.botao-azul {
	border:solid 1px #035ba3;
	background:transparent;
	color:#035ba3;
}
.botao-azul:hover {
	background:#035ba3;
	color:#fff;
}
.botao-azul span svg path {
	fill:#035ba3!important;
}
.botao-azul:hover span svg path {
	fill:#fff!important;
}
.traco-azul {
	background:#035ba3;
	float:left;
	width:calc(100% - 40px);
	margin:30 20;
	min-height:2;
}
.verde {
	color:#69ba4e;
}
.verde-escuro {
	color:#1C5C07;
}
.botao-verde-1 {
	padding:25;
	font-weight:700;
	border:none;
	background:#69ba4e;
	color:#fff;
	border-radius:5px;
	display:inline-block;
	text-decoration:none;
}
.botao-verde-1:hover {
	background:#1C5C07;
	color:#fff;
}
.botao-verde {
	border:solid 1px #69ba4e;
	background:transparent;
	color:#69ba4e;
}
.botao-verde:hover {
	background:#69ba4e;
	color:#fff;
}
.botao-verde span svg path {
	fill:#69ba4e!important;
}
.botao-verde:hover span svg path {
	fill:#fff!important;
}
.traco-verde {
	background:#69ba4e;
	float:left;
	width:calc(100% - 40px);
	margin:30 20;
	min-height:2;
}
.vermelho {
	color:#ed3237;
}
.botao-preto {
	border:solid 1px #4B4B4D;
	background:transparent;
	color:#4B4B4D;
}
.botao-preto:hover {
	color:#fff;
	background:#4B4B4D;
}
.botao-preto span svg path {
	fill:#4B4B4D!important;
}
.botao-preto:hover span svg path {
	fill:#fff!important;
}
/* Fim Cores */
/* Chamadas */
.chamada h2, .chamada p, .chamada .redes-sociais {
	margin:0;
	-webkit-animation-name:fadeLeft;
	animation-name:fadeLeft;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.chamada h2 {
    font-size:30pt;
    line-height:35pt;
	animation-delay:0.25s;
}
.chamada p {
	animation-delay:0.5s;
}
.chamada .redes-sociais {
	float:left;
	animation-delay:0.75s;
}
/* Fim Chamadas */
/* Opções */
.opcoes p, .opcoes a {
	-webkit-animation-name:fadeTop;
	animation-name:fadeTop;
	-webkit-animation-duration:0.8s;
	animation-duration:0.8s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.opcoes p {
	animation-delay:0.5s;
}
.opcoes a .link {
	float:left;
	padding:10 0;
}
.opcoes a:nth-child(1) {
	animation-delay:0.5s;
}
.opcoes a:nth-child(2) {
	animation-delay:0.6s;
}
.opcoes a:nth-child(3) {
	animation-delay:0.8s;
}
.opcoes a:nth-child(4) {
	animation-delay:1s;
}
.opcoes a:nth-child(5) {
	animation-delay:1.2s;
}
.opcoes a:nth-child(6) {
	animation-delay:1.4s;
}
.opcoes a:nth-child(7) {
	animation-delay:1.6s;
}
.opcoes a:nth-child(8) {
	animation-delay:1.8s;
}
.opcoes a span {
	vertical-align:middle;
}
/* Fim Opções */
/* Slider */
.slider {
	float:left;
	width:100%;
	position:relative;
    background: radial-gradient(
        ellipse at 50% 45%,
        #252525 0%,
        #171717 35%,
        #000000 65%,
        #000000 100%
    );
}
.slider::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(30,30,30, 70%) 1px, transparent 1px),
        linear-gradient(90deg, rgba(30,30,30,70%) 1px, transparent 1px);
    background-size: 90px 90px;
    mask-image: linear-gradient(
        to bottom,
        black 0%,
        rgba(0,0,0,.7) 60%,
        transparent 100%
    );
    pointer-events: none;
}
.slider .fundo {
	position:absolute;
	background-size:cover;
	background-position:center center;
	height:100%;
	width:100%;
	opacity:0.1;
	z-index:1;
}
.slider .chamada {
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:5%;
	min-height:70vh;
	padding-top:30vh;
	z-index:2;
	position:relative;
	color:#fff;
}
.slider .chamada h1 {
    font-size:3.5em;
    line-height:110%;
}
.slider .chamada p, .slider .opcoes p {
    padding: 40 0;
    font-size: 15pt;
    line-height: 180%;
    font-weight: 200;
}
.slider a {
	text-decoration:none;
}
.slider a svg {
	height:38 !important;
	width:38 !important;
	margin-right:17;
}
.slider .chamada a svg path {
	fill:#4B4B4D;
}
.slider .chamada a:hover svg path {
	fill:#33CCFF;
}

.slider .botao1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 15px 35px;
    min-height: 60px;
    box-sizing: border-box;

    border: 3px solid transparent;
    border-radius: 14px;

    
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
	background:transparent;
    cursor: pointer;
    transition: transform .3s ease, box-shadow .3s ease;
	margin:40px 0px 40px 20px;
}

.slider .botao1.botao-laranja:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 140, 20, .2);
}
.slider .botao1.botao-verde:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 168, 59, .2);
}
/* Versão laranja */
.slider .botao1.botao-laranja {
    background:
        linear-gradient(#0d0d0d, #0d0d0d) padding-box,
        linear-gradient(
            110deg,
            #ff7518 0%,
            #ffdc22 50%,
            #d85b13 100%
        ) border-box;

    color: #ff981b;
}
.slider:has(.botao-laranja:hover) .botao-hover-1 {
    display: block;
}
/* Versão verde */
.slider .botao1.botao-verde {
    color: #00c94b;
    background:
        linear-gradient(#0d0d0d, #0d0d0d) padding-box,
        linear-gradient(
            110deg,
            #00a83b 0%,
            #00df56 50%,
            #00a83b 100%
        ) border-box;
		color: #00a83b;
}
.slider:has(.botao-verde:hover) .botao-hover-2 {
    display: block;
}
.slider .dispositivos {
	float:left;
	width:60%;
	top:0px;
	text-align:center;
	z-index:1;
	position:absolute;
	right:-5%;
	min-height:100vh;
}


/* Fim Slider */
.float-1 { animation: floating 4s ease-in-out infinite;display:inline-block; }
.float-2 { animation: floating 5s ease-in-out infinite 0.5s;display:inline-block; }
.float-3 { animation: floating 6s ease-in-out infinite 1s;display:inline-block; }
.float-4 { animation: floating 7s ease-in-out infinite 1.5s;display:inline-block; }


.slider .botao-hover-1 {
	position:absolute;
	width:20%;
	bottom:0px;
	font-weight:200;
	font-size:10pt;
	line-height:200%;
	padding:70px 5%;
	color:#fff;
	background: #FE7311;
	background: linear-gradient(90deg, rgba(254, 115, 17, 0.8) 0%, rgba(255, 225, 46, 0.55) 50%, rgba(254, 115, 17, 0) 100%);
	display:none;
}
.slider .botao-hover-2 {
	position:absolute;
	width:20%;
	bottom:0px;
	font-weight:200;
	font-size:10pt;
	line-height:200%;
	padding:70px 5%;
	color:#fff;
	background: #04A62B;
	background: linear-gradient(90deg,rgba(4, 166, 43, 1) 0%, rgba(10, 234, 100, 0.55) 50%, rgba(4, 166, 43, 0) 100%);
	display:none;
}
@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* Quem Somos */
.quem-somos {
	float:left;
	width:100%;
	margin:0;
	padding:100 0;
}
.opcao-quem-somos {
	position:absolute;
	top:50%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.opcao-quem-somos a {
    padding:16 80!important;
    width:calc(100% - 300px - 160px)!important;
    margin:6 150!important;
}
.quem-somos .imagem {
	background-size:cover;
	background-position:center center;
	border-radius:0px 58px 80px 0px;
	min-height:615;
	float:left;
	width:40%;
}
.quem-somos .texto {
	float:left;
	width:40%;
	margin:0 10%;
}
.quem-somos h3 {
	font-weight:300;
	padding:0 0 50 0;
}
.quem-somos h3 span {
	min-height:71;
	float:left;
	margin-right:30;
}
.quem-somos h3 span svg {
	height:71;
	width:71;
}
.objetivos {
	float:left;
	width:90%;
	margin:130 5% 65 5%;
	padding:0;
	position:relative;
}
.objetivos .texto {
	float:left;
	width:calc(40% - 90px);
	padding:105 45;
	position:relative;
}
.objetivos .titulo {
	float:left;
	width:25%;
	margin-left:15%;
}
.objetivos h2 {
	font-weight:300;
	text-align:right;
	padding:90 0 120 0;
}
.foguete {
	text-align:right;
}
.foguete svg {
	height:189;
	width:152;
}
.foguete svg path {
	fill:#11436B;
}
.esquerda-azul, .direita-laranja, .direita-verde, .esquerda-vermelho {
	position:absolute;
}
.esquerda-azul {
	top:0;
	left:0;
}
.direita-laranja {
	top:0;
	right:0;
}
.direita-verde {
	bottom:0;
	right:0;
}
.esquerda-vermelho {
	bottom:0;
	left:0;
}
.topico-valores {
	float:left;
	width:90%;
	margin:0 5% 80 5%;
}
.topico-valores .bloco {
	background:#fff;
	display:inline-flex;
	border-radius:10px;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
	margin:20 0;	
}
.topico-valores .imagem-bloco {
	background-size:cover;
	background-position:center;
	float:left;
	width:30%;
	margin-right:5%;
	border-radius:10px 0px 0px 10px;
}
.topico-valores .bloco .texto {
	float:left;
	width:60%;
	padding:70 0;
}
.topico-valores h5 span {
	float:left;
	margin-right:30;
}
.topico-valores .titulos {
	padding-top:10;
}
.topico-valores svg {
	height:40;
	width:40;
}
/* Fim Quem Somos */
/* Fazemos Assim */
.fazemos {
	float:left;
	width:90%;
	margin:0 5%;
	padding:85 0;
	background-position:center;
	background-size:cover;
	position:relative;
	border-radius:10px;
	color:#fff;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
}
.fazemos .overlay {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(2,23,41,0.8) 15%, rgba(2,23,41,1) 100%);
	position:absolute;
	top:0;
	padding:85 0;
	width:100%;
	border-radius:10px;
	color:#fff;
}
.fazemos h2 {
	float:left;
	width:calc(100% - 140px);
	margin:0 70 30 70;
	font-weight:700;
	font-size:28pt;
	line-height:32pt;
	color:#8FCDFF;
}
.fazemos .texto-1, .fazemos .texto-2 {
	float:left;
	width:calc(50% - 140px);
	margin:0 70;
}
/* Fim Fazemos Assim */
/* Serviço Home */
.servico-home, .servico-assessoria {
	float:left;
	width:90%;
	margin:70 5%;
}
.servico-home:nth-child(1) {
	padding:60 0;
}
.servico-home:nth-child(2) {
	padding:0 0 60 0;
}
.servico-home .texto, .servico-assessoria .texto {
	float:left;
	width:45%;
}
.servico-home h3 {
	padding:60 0 40 0;
}
.servico-home .icone-1, .servico-home .icone-2 {
	float:left;
	margin-right:30;
}
.servico-home .icone-1 svg {
	height:70;
	width:41;
}
.servico-home .icone-2 svg {
	height:70;
	width:70;
}
.servico-home .subtitulo {
	font-weight:300;
	font-size:12pt;
}
.servico-home .titulo {
	font-weight:700;
}
.servico-home .imagem, .servico-assessoria .imagem {
	float:left;
	width:40%;
	margin:50 0 0 0;
	margin-left:10%;
	background-position:center;
	background-size:cover;
	min-height:615;
	border-radius:60px;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
}
.servico-home .topicos, .servico-assessoria .topicos {
	float:left;
	width:60%;
	margin:80 20% 0 20%;
}
.servico-home .topicos .bloco, .servico-assessoria .topicos .bloco {
	display:inline-flex;
	border-radius:10px;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
	margin:20 0;
}
.servico-assessoria .topicos .bloco {
	background:#fff;
	width:100%;
}
.servico-home .topicos .bloco:nth-child(1), .servico-home .topicos .bloco:nth-child(4) {
	background:#fff;
}
.servico-home .topicos .bloco:nth-child(2), .servico-home .topicos .bloco:nth-child(5) {
	background:#e6e6e6;
}
.servico-home .topicos .bloco:nth-child(3), .servico-home .topicos .bloco:nth-child(6) {
	background:#333333;
	color:#fff;
}
.servico-home .imagem-bloco, .servico-assessoria .imagem-bloco {
	background-size:cover;
	background-position:center;
	float:left;
	width:40%;
	margin-right:5%;
	border-radius:10px 0px 0px 10px;
}
.servico-home .topicos .bloco .texto, .servico-assessoria .topicos .bloco .texto {
	float:left;
	width:50%;
	padding:70 0;
}
.servico-home .botao {
	text-decoration:none;
	background:#f37835;
	display:inline-block;
	color:#fff;
	padding:10 15;
	margin:15 0 0 0;
	border-radius:5px;
}
.servico-home .botao:hover {
	background:#E75A0D;
}
/* Fim Serviço Home */
/* Vantagens */
.vantagens {
	float:left;
	width:100%;
	padding:60 0;
	background:#e6e6e6;
}
.vantagens .bloco {
	float:left;
	width:80%;
	margin:0 10%;
}
.vantagens .blocos {
	float:left;
	width:calc(100% / 3 - 40px);
	margin:0 20;
	padding:40 0;
	background:#fff;
	border-radius:10px;
}
.vantagens .bloco h3 {
	float:left;
	width:100%;
	text-align:center;
	font-weight:300;
	padding:0 0 40 0;	
}
.vantagens .bloco span {
	vertical-align:middle;
}
.vantagens .bloco span svg {
	height:70;
	width:70;
}
.vantagens .bloco span svg path {
	fill:#f37835;
}
.vantagens .blocos .icone {
	float:left;
	width:calc(100% - 80px);
	margin:0 40;
	text-align:center;
}
.vantagens .blocos .icone svg {
	height:70;
	width:70;
}
.vantagens .blocos .icone svg path {
	fill:#f37835;
}
.vantagens .blocos h5 {
	float:left;
	text-align:center;
	padding:20 40;
	width:calc(100% - 80px);
}
.vantagens .blocos p {
	float:left;
	padding:10 40;
	width:calc(100% - 80px);
}
/* Feito */
.feito {
	float:left;
	width:100%;
	margin:60 0;
}
.feito h3 {
	float:left;
	width:90%;
	font-weight:300;
	margin:0 5% 20 5%;
}
.feito h3 span {
	float:left;
	margin-right:30;	
}
.feito h3 span svg {
	height:70;
	width:70;
}
.feito h3 .titulos {
	padding-top:15;
}
.feito .bloco {
	float:left;
	width:90%;
	margin:20 5% 20 5%;
	background:#fff;
	display:inline-flex;
	border-radius:10px;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);	
}
.feito .imagem-bloco {
	background-size:cover;
	background-position:center;
	float:left;
	width:30%;
	margin-right:5%;
	border-radius:10px 0px 0px 10px;
	position:relative;
}
.feito .texto {
	float:left;
	width:60%;
	padding:70 0;
}
.feito h5 span {
	float:left;
	margin-right:30;
}
.feito h5 span svg {
	height:40;
	width:52;
}
.feito h5 span svg path {
	fill:#f37835;
}
.feito .titulos {
	padding-top:10;
}
.feito h5 span {
	height:40;
	width:40;
}
/* Beneficios */
.beneficios {
	float:left;
	width:100%;
	padding:60 0;
	background:#fde8df;
}
.beneficios .bloco {
	float:left;
	width:90%;
	margin:0 5%;
}
.beneficios .blocos {
	float:left;
	width:calc(100% / 2 - 40px);
	margin:0 20;
	padding:40 0;
	background:#fff;
	border-radius:10px;
}
.beneficios .bloco h3 {
	float:left;
	width:100%;
	text-align:center;
	font-weight:300;
	padding:0 0 40 0;	
}
.beneficios .bloco span {
	vertical-align:middle;
}
.beneficios .bloco span svg {
	height:70;
	width:70;
}
.beneficios .bloco span svg path {
	fill:#f37835;
}
.beneficios .bloco p {
	float:left;
	padding:10 40;
	width:calc(100% - 80px);
}
/* Dúvidas */
.duvidas-page {
	float:left;
	width:100%;
	margin-top:20vh;
}
.duvida-botao-laranja, .duvida-botao-verde {
	float:left;
	width:100%;
	padding:40 0;
}
.duvida-botao-laranja {	
	background:#FDE8DF;
}
.duvida-botao-verde {
	background:#D7EACD;
} 
.duvida-botao-laranja a {
	color:#f37835;
}
.duvida-botao-laranja a:hover {
	color:#fff;
}
.duvida-botao-verde a {
	color:#69ba4e;
}
.duvida-botao-verde a:hover {
	color:#fff;
}   
.duvida-botao-laranja a, .duvida-botao-verde a {
	display:block;
	width:60%;
	margin:0 20%;
	border-radius:8px;
	padding:20 0;
	font-size:11pt;
	text-decoration:none;
	text-align:center;
}
/* Instagram */
.instagram {
	float:left;
	width:100%;
	background:#1a1a1a;
	color:#fff;
	padding:138 0;
	display:flex;
}
.instagram .texto {
	float:left;
	width:65%;
	margin-left:5%;
}
.instagram h3 {
	padding:60 0 40 0;
	font-weight:700;
}
.instagram .icone {
	float:left;
	min-height:70;
	margin-right:30;
}
.instagram .icone svg {
	height:70;
	width:70;
}
.instagram .subtitulo {
	font-weight:300;
	font-size:12pt;
}
.instagram .icone svg path {
	fill:#fff;
}
.instagram .perfis {
	width:25%;
	float:left;
	position:relative;
}
.instagram .perfil {
	text-align:center;
	padding-bottom:40;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.instagram .perfil:nth-child(3) {
	padding-bottom:0;
}
.instagram h4 {
	font-weight:300;
	padding:100 0 0 0;
}
.instagram h5 {
	font-weight:300;
	padding:0;
	margin:0;
	font-size:12pt;
}
.instagram a {
	color:#fff;
	text-decoration:none;
}
/* Fim Instagram */
/* Contato */
.contato {
	float:left;
	width:100%;
	background:#fff;
	color:#000;
	padding:100 0;
}
.contato .titulos {
	float:left;
	width:90%;
	margin:0 5%;
}
.contato .texto {
	float:left;
	width:40%;
	margin-left:5%;
}
.contato .titulos h3 {
	padding:0 0 40 0;
	font-weight:700;
}
.contato .icone {
	float:left;
	min-height:70;
	margin-right:30;
}
.contato .icone svg {
	height:70;
	width:70;
}
.contato .subtitulo {
	font-weight:300;
	font-size:12pt;
}
.contato .formulario {
	float:left;
	width:40%;
	margin:0 0 0 10%;
}
.contato .formulario p {
	padding:0;
	margin:12 0;
}
.formulario p input, .formulario p textarea, .formulario .select2-container .select2-selection--single {
	padding:20 25;
	border-radius:8px !important;
	border:none!important;
	background:#e6e6e6;
	width:100%;
	height:auto!important;
}
.select2-container .select2-selection--single .select2-selection__rendered, .select2-results ul li {
    padding-left: 0!important;
    padding-right: 0!important;
    color: #444!important;
    font-size: 10pt;
    line-height: 16pt !important;
    font-weight: 300;
	text-align:left;
}
.select2-results ul li {
	padding-left:20!important;
    color: #444!important;
    font-size: 10pt;
    line-height: 16pt !important;
    font-weight: 300;
	text-align:left;
}
.select2-results ul li:hover {
	background:#A6A6A6!important;
	color:#fff!important;
}
.select2-selection__arrow {
    height:65!important;
    top:0!important;
    right:20!important;
    width:20!important;
}
.select2-search, .select2-results ul li:first-child  {
	display:none!important;
}
.select2-container {
	width:100%!important;
}
.select2-container--open .select2-dropdown {
    padding:20;
	margin-top:10;
	background:#e6e6e6;
	border:none!important;
}
.formulario p textarea {
	margin-bottom:20;
}
.formulario .wpcf7-submit {
	border:none;
	border-radius:5px;
	width:100%;
	float:left;
	font-size:12pt;
	padding:15 0;
	background:#333333;
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
}
.formulario .wpcf7-submit:hover {
	background:#6bbe50;
}
.formulario .cf7as-captchcode input {
	min-width:100%;
}
.formulario .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    position: relative;
    display: inline-block;
    padding: 10px 0px;
    border-radius: 10px;
    background: #46b450;
    color: #b1ebb6;
    margin: 0px;
    width: calc(100% - 266px);
}
.formulario .wpcf7 form.invalid .wpcf7-response-output, .formulario .wpcf7 form.unaccepted .wpcf7-response-output, .formulario .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    position: relative;
    display: inline-block;
    padding: 10px 0px;
    border-radius: 10px;
    background: #ffb900;
    color: #fff;
    margin: 0px;
    width: calc(100% - 266px);
}
/* Fim Contato */
/* Footer */
footer {
	float:left;
	width:100%;
	background:#1a1a1a;
	color:#fff;
	padding:0 0 60 0;
	position:relative;
}
footer .bloco {
	float:left;
	width:90%;
	padding:60 0 0 0;
	margin:0 5%;
	text-align:center;
	color:#fff;
}
.rodape-menu {
	float:left;
	width:100%;
	padding:50 0;
	background:#021729;
}
.rodape-menu .bloco {
	float:left;
	width:90%;
	margin:0 5%;
	padding:0;
	text-align:left;
}
.rodape-menu .item {
	float:left;
	width:calc(100% / 3);
	margin:0;
}
.rodape-menu .acesso {
	float:left;
	width:90%;
	color:#8FCDFF;
	padding:0;
	cursor:pointer;
}
.rodape-menu .acesso:hover {
	color:#fff;
}
.rodape-menu svg {
	width:20;
	height:20;
}
.rodape-menu svg path {
	fill:#8FCDFF!important;
}
.rodape-menu .open {
	display:block;
	cursor:pointer;
}
.rodape-menu .close {
	display:none;
	cursor:pointer;
}
.rodape-menu .open, .rodape-menu .close {
	float:left;
	width:10%;
}
.rodape-menu .open:hover svg path, .rodape-menu .close:hover svg path {
	fill:#fff!important;
}
.rodape-menu .item h5 {
	color:#8FCDFF;
	padding:50 0 40 0;
}
.rodape-menu .item {
	display:none;
}
.rodape-menu .item ul {
	list-style:none;
	margin:0;
	padding:0;
}
.rodape-menu .item ul li {
	padding:10 0;
	width:70%;
}
.rodape-menu .item a {
	color:#fff;
	text-decoration:none;
}
.rodape-menu .item a:hover {
	color:#33CCFF;
}
.scroll {
	position:absolute;
	right:10%;
	bottom:60;
}
.scroll svg {
	height:52 !important;
	width:52 !important;
}
.logo-rodape {
	padding:50 0;
}
/* Fim Footer */
/* Bloco-Topo */
.bloco-topo {
	float:left;
	width:100%;
	position:relative;
}
#bloco-topo-mobile  {
	display:none;
}
.bloco-topo .chamada {
	float:left;
	width:35%;
	margin:0 10% 0 5%;
	background:#fff;
	min-height:85vh;
	padding-top:30vh;
	z-index:2;
	position:relative;
}
.bloco-topo .chamada .botoes {
	float:left;
	width:100%;
	margin:0 0 40 0;
}
.bloco-topo .chamada .botoes a {
	vertical-align:middle;
}
.bloco-topo .chamada .botoes svg {
	height:20!important;
	width:20!important;
	vertical-align:middle;
}
.bloco-topo .chamada .botoes a svg path {
	fill:#f37835!important;
}
.bloco-topo .chamada .botoes a:hover svg path {
	fill:#fff!important;
}
.bloco-topo .chamada h1 {
    font-size:30pt;
    line-height:35pt;
}
.bloco-topo h1 .icone {
	float:left;
	width:100%;
	margin-bottom:20;
}
.bloco-topo h1 .icone svg {
	height:70;
	width:100;
}
.bloco-topo .assessoria h1, .bloco-topo .consultoria h1 {
	float:left;
	width:60%;
	margin-bottom:100;
	margin-right:40%;
}
.frase-assessoria {
	text-align:left;
}
.bloco-topo .opcoes .frase-assessoria a {
	margin:20 133 6 133;
}
.bloco-topo .chamada p {
    padding:15 0 30 0;
    font-size:13pt;
	line-height:17pt;
    font-weight:300;
}
.bloco-topo a {
	text-decoration:none;
}
.bloco-topo a svg {
	height:38 !important;
	width:38 !important;
	margin-right:10;
}
.bloco-topo .chamada a svg path {
	fill:#4B4B4D;
}
.bloco-topo .chamada a:hover svg path {
	fill:#33CCFF;
}
.bloco-topo .opcoes {
	float:left;
	width:45%;
	margin-top:77;
	text-align:center;
	z-index:2;
	position:relative;
	min-height:85vh;
}
.bloco-topo .opcoes .seta-1, .bloco-topo .opcoes .seta-2, .bloco-topo .opcoes .seta-3, .bloco-topo .opcoes .seta-4 {
	position:absolute;	
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
}
.bloco-topo .opcoes .seta-1, .bloco-topo .opcoes .seta-2, .bloco-topo .opcoes .seta-3, .bloco-topo .opcoes .seta-4 {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-delay:0s;
}
.bloco-topo .opcoes .seta-1 {
	-webkit-animation-name:fadeTopLeft;
	animation-name:fadeTopLeft;
}
.bloco-topo .opcoes .seta-2 {
	-webkit-animation-name:fadeTopRight;
	animation-name:fadeTopRight;
}
.bloco-topo .opcoes .seta-3 {
	-webkit-animation-name:fadeBottomLeft;
	animation-name:fadeBottomLeft;
}
.bloco-topo .opcoes .seta-4 {
	-webkit-animation-name:fadeBottomRight;
	animation-name:fadeBottomRight;
}
.bloco-topo .opcoes p {
	color:#1a1a1a;
	padding:10 0 10 0;
	float:left;
	width:calc(100% - 266px);
	margin:0 133 0 133;
}
.bloco-topo .opcoes .frase {
	position:absolute;
	top:50%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.bloco-topo .opcoes a {
	display:block;
	text-align:left;
	float:left;
	width:calc(100% - 266px - 70px);
	margin:6 133;
	border-radius:8px;
	padding:16 35;
	font-size:11pt;
	text-decoration:none;
}
.bloco-topo .opcoes a span {
	vertical-align:middle;
	float:left;
}
/* Fim Assessoria de Design */
/* BPO */
.bloco-topo .opcoes .icone-bpo {
	margin-top:10vh;
}
.bloco-topo .opcoes .icone-bpo path {
	fill:#fff!important;
}
.bloco-topo .opcoes .icone-bpo svg {
	width:60!important;
	height:60!important;
	margin-bottom:15;
}
.bloco-topo .opcoes a .bpo {
	width:15%;
	float:left;	
}
.bloco-topo .opcoes a .texto {
    width:65%;
    float:left;
    margin:4 0 0 10;
}
.frase-comunicacao .titulos {
	padding-top:10;
}
.descritivo-servico {
	float:left;
	width:90%;
	margin:0 5%;
}
.descritivo-servico .bloco {
	float:left;
	margin:30 0 60 0;
}
.descritivo-servico h3 {
	float:left;
	width:90%;
	margin:0 5%;	
}
.descritivo-servico h3 span {
	float:left;
	margin-right:30;
}
.descritivo-servico h3 span svg {
	height:70;
	width:70;
}
.descritivo-servico .subtitulo {
	font-weight:300;
	font-size:12pt;
}
.bloco-bpo, .bloco-projetos-graficos {
	float:left;
	width:100%;
	margin:20 0;
	background:#fff;
	display:inline-flex;
	border-radius:10px;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);	
}
.bloco-bpo .imagem-bloco, .bloco-projetos-graficos .imagem-bloco {
	background-size:cover;
	background-position:center;
	float:left;
	width:30%;
	margin-right:5%;
	border-radius:10px 0px 0px 10px;
	position:relative;
}
.bloco-bpo .imagem-bloco .multiply {
	position:absolute;
	height:100%;
	width:100%;
	background:#1a1a1a;
	opacity:0.8;
	z-index:2;
	border-radius:10px 0px 0px 10px;
}
.bloco-bpo .imagem-bloco .icone {
	position:relative;
	top:50%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
	z-index:3;
}
.bloco-bpo .imagem-bloco .icone svg {
	height:70;
	width:100%;
}
.bloco-bpo .imagem-bloco .icone svg path {
	fill:#c2e3b8!important;
}
.bloco-bpo .texto, .bloco-projetos-graficos .texto {
	float:left;
	width:60%;
	padding:70 0;
}
.bloco-bpo h5 span, .bloco-projetos-graficos h5 span {
	float:left;
	margin-right:30;
}
.bloco-projetos-graficos h5 span svg {
	height:40;
	width:52;
}
.bloco-projetos-graficos h5 span svg path {
	fill:#f37835;
}
.bloco-bpo .titulos, .bloco-projetos-graficos .titulos {
	padding-top:10;
}
.bloco-bpo svg, .bloco-projetos-graficos h5 span {
	height:40;
	width:40;
}
/* Fim BPO */
/* FAQ */
.faq {
	float:left;
	width:90%;
	margin:60 5%;
}
.faq h3 .subtitulo {
	font-weight:300;
	font-size:12pt;
}
.faq h3 span {
	float:left;
	margin-right:30;
}
.faq h3 span svg {
	width:70;
	height:70;
}
.questoes-bpo, .questoes-design {
	float:left;
	width:100%;
	margin:40 0;
}
.accordion-bpo {
  background:#d8f2d0;
  margin:10 0 0 0;
  cursor:pointer;
  width:100%;
  border:none;
  border-radius:10px;
  text-align:left;
  outline:none;
  transition:0.4s;
  padding:25 40;
}
.accordion-design {
  background:#fde8df;
  margin:10 0 0 0;
  cursor:pointer;
  width:100%;
  border:none;
  border-radius:10px;
  text-align:left;
  outline:none;
  transition:0.4s;
  padding:25 40;
}
.accordion-bpo h6, .accordion-design h6 {
	padding:0;
	margin:0;
	font-weight:300;
	float:left;
	width:90%;
	vertical-align:middle;
}
.accordion-bpo h6 span, .accordion-design h6 span {
	font-size:25pt;
	font-weight:700;
	vertical-align:middle;
}
.accordion-bpo .seta, .accordion-design .seta {
	height:20;
	width:20;
	float:right;
	vertical-align:middle;
}
.accordion-bpo .seta {
	content:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/plus-icone-verde.svg);
}
.accordion-design .seta {
	content:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/plus-icone-laranja.svg);
}
.questoes-bpo .active, .questoes-design .active {
	 border-radius:10px 10px 0px 0px!important;
}
.questoes-bpo .active .seta, .questoes-design .active .seta {
	height:20;
	width:20;
	float:right;
	vertical-align:middle;
}
.questoes-bpo .active .seta {
	content:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/minus-icone-verde.svg);
}
.questoes-design .active .seta {
	content:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/minus-icone-laranja.svg);
}
.panelbpo, .paneldesign {
	background:#d8f2d0;
	display:none;
	overflow:hidden;
	padding:0 0 40 0;
	border-radius:0 0 10px 10px;
}
.panelbpo {
	background:#d8f2d0;
}
.paneldesign {
	background:#fde8df;
}
.panelbpo p, .paneldesign p  {
	text-align:left;
	padding:10 40;
	color:#000;
}
/* Fim FAQ */
/* Quem Somos */
.missao-visao-valores {
	margin-top:10vh;
}
.bloco-topo .opcoes .missao-visao-valores a {
	display:block;
	width:calc(100% - 240px);
	margin:16 0;
	border-radius:8px;
	padding:10 120;
	font-size:11pt;
	text-decoration:none;
	text-align:left;
	float:left;
	color:#000;
}
/* Fim Quem Somos */
/* Projetos Gráficos */
.projetos-graficos .opcoes a {
	display:block;
	text-align:left;
	float:left;
	width:calc(100% - 266px - 70px);
	margin:5 133;
	border-radius:8px;
	padding:8 35;
	font-size:11pt;
	text-decoration:none;
}
.projetos-graficos .opcoes a span {
	vertical-align:middle;
	float:left;
}
.projetos-graficos .opcoes a .titulos {
	padding:10 0 0 0;
}
.projetos-graficos-bloco {
	float:left;
	width:100%;
	padding:80 0;
}
.projetos-graficos-bloco .botao {
	width:100%;
	margin:40 0;
	text-align:center;
	display:inline-block;
}
.tipos-projetos-graficos .projetos-graficos-bloco:nth-child(odd) {
	background:#e6e6e6;
}
.tipos-projetos-graficos .projetos-graficos-bloco:nth-child(even) {
	background:#ffffff;
}
.projetos-graficos-bloco .bloco {
	float:left;
	width:90%;
	margin:0 5%;
}
.branding .slick-list, .identidade-visual .slick-list, .midia-digital .slick-list, .midia-impressa .slick-list, .sinaletica .slick-list {
    min-height:336;
}
.branding-mobile .slick-list, .identidade-visual-mobile .slick-list, .midia-digital-mobile .slick-list, .midia-impressa-mobile .slick-list, .sinaletica-mobile .slick-list {
    min-height:336;
}
.branding, .identidade-visual, .midia-digital, .midia-impressa, .sinaletica {
	float:left;
	width:90%;
	margin:40 5% 0 5%;
	clear:both;
}
.branding-mobile, .identidade-visual-mobile, .midia-digital-mobile, .midia-impressa-mobile, .sinaletica-mobile {
	float:left;
	width:100%;
	margin:40 0;
	clear:both;
	display:none!important;
}
.branding .slick-list .slick-track .slick-slide,  .identidade-visual .slick-list .slick-track .slick-slide, .midia-digital .slick-list .slick-track .slick-slide, .midia-impressa .slick-list .slick-track .slick-slide, .sinaletica .slick-list .slick-track .slick-slide {
	margin-left:0;
}
.branding-mobile .slick-list .slick-track .slick-slide,  .identidade-visual-mobile .slick-list .slick-track .slick-slide, .midia-digital-mobile .slick-list .slick-track .slick-slide, .midia-impressa-mobile .slick-list .slick-track .slick-slide, .sinaletica-mobile .slick-list .slick-track .slick-slide {
	margin-left:0;
}
.branding .slick-slide, .identidade-visual .slick-slide, .midia-digital .slick-slide, .midia-impressa .slick-slide, .sinaletica .slick-slide {
	height:auto !important;
}
.branding-mobile .slick-slide, .identidade-visual-mobile .slick-slide, .midia-digital-mobile .slick-slide, .midia-impressa-mobile .slick-slide, .sinaletica-mobile .slick-slide {
	height:auto !important;
}
.branding .miniatura, .identidade-visual .miniatura, .midia-digital .miniatura, .midia-impressa .miniatura, .sinaletica .miniatura {
	margin:0 20 0 0;
}
.branding-mobile .miniatura, .identidade-visual-mobile .miniatura, .midia-digital-mobile .miniatura, .midia-impressa-mobile .miniatura, .sinaletica-mobile .miniatura {
	margin:0 10;
}
.slick-prev:before, .slick-next:after {
    font-size:0px!important;
	opacity:1!important;
}
.slick-prev, .slick-next {
	height:75!important;
	width:89!important;
	z-index:3;
	position:absolute;
}
.slick-prev {
	left:0!important;
	background-image:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/imagem-setas/seta_laranja_esquerda.png)!important;
}
.branding-mobile .slick-next, .identidade-visual-mobile .slick-next, .midia-digital-mobile .slick-next, .midia-impressa-mobile .slick-next, .sinaletica-mobile .slick-next {
	right:0!important;
}
.slick-next {
	right:20!important;
	background-image:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/imagem-setas/seta_laranja_direita.png)!important;
}
.slick-prev:before {
	content:none!important;
}
.slick-next:before {
	content:none!important;
}
.miniatura {
	min-height:365!important;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
	border-radius:10px;
}
.projetos-graficos-bloco h3 {
	text-align:center;
	padding:0 0 40 0;
}
.projetos-graficos-bloco h3 span {
	float:left;
	width:100%;
	padding-bottom:20;
}
.projetos-graficos-bloco h3 span svg {
	height:70;
	width:70;
}
.topico-projetos h2 {
	float:left;
	width:80%;
}
.topico-projetos .icone-titulo {
	float:left;
	width:20%;
}
.topico-projetos .icone-titulo svg {
	text-align:right;
}
.topico-projetos .marcas svg {
	height:60px!important;
	width:79px!important;
}
.topico-projetos .identidade svg {
	height:60px!important;
	width:86px!important;
}
.topico-projetos .digital svg {
	height:60px!important;
	width:46px!important;
}
.topico-projetos .impressa svg {
	height:60px!important;
	width:60px!important;
}
.topico-projetos .sinaletica svg {
	height:60px!important;
	width:53px!important;
}
.topico-projetos .titulo {
    margin:0 10%;
    float:left;
    width:calc(100% - 20%);
}
.topico-projetos .texto {
	padding:20 0;
	float:left;
}
.topico-projetos p {
	font-size:12pt !important;
	line-height:25pt !important;
	padding:10 0!important;
	margin:0;
}
.topico-projetos .chamada {
	padding-top:25vh !important;
	min-height:75vh;
}
.topico-projetos .opcoes {
	margin:0!important;
	width:50%;
	min-height:100vh;
	background-size:cover;
	background-position:center;
	position:relative;
}
.topico-projetos .opcoes .botoes {
	position:absolute;
	bottom:60;
	float:left;
	margin:0 20%;
	width:60%;
}
.topico-projetos .opcoes .botoes .botao-laranja {
	width:60%;
	float:left;
	padding:5 0;
	text-align:center;
}
.topico-projetos .opcoes .botoes .botao-laranja svg {
	width:18px!important;
	height:30px!important;
}
.topico-projetos .opcoes .botoes .botao-laranja svg path {
	fill:#fff!important;
}
.topico-projetos .opcoes .botoes .botao-cinza {
	width:calc(40% - 20px);
	margin-left:20;
	float:left;
	padding:10 0;
	text-align:center;
}
.botao-contorno-laranja {
	border-radius:10px;
	border:solid 2px #f37835;
	padding:10 0;
	width:auto !important;
	text-align:center;
	color:#000;
}
.botao-contorno-laranja:hover {
	background:#f37835;
	color:#fff;
}
.servico-design .icone {
	margin:0 10% 30 10%;
}
.servico-design .icone svg {
	height:60!important;
	width:77!important;
}
.servico-design .redes-sociais {
	padding:40 0;
}
.servico-design .opcoes p {
	color:#000;
	line-height:25pt;
	text-align:left;
}
.servico-design .opcoes {
    float:left;
    width:calc(50% - 10%);
    padding-top:30vh;
    text-align:center;
    margin:0 5% 0 0;
}
/* Fim Projetos Gráficos */
/* Portfolio */
.portfolio-page {
	float:left;
	width:90%;
	margin:175 5%;
}
.portfolio-page .topo-icone {
	text-align:center;
}
.portfolio-page .topo-icone svg {
	height:70;
	width:100;
}
.portfolio-page .bloco-topo {
	margin-bottom:60;
}
.portfolio-page .botao-esquerda, .portfolio-page .botao-direita {
	width:20%;
	vertical-align:middle;
	padding:14 0;
	color:#f37835;
}
.portfolio-page .botao-esquerda, .portfolio-page .botao-direita {
	float:left;
}
.portfolio-page .botao-esquerda p , .portfolio-page .botao-direita p {
	font-weight:700;
	font-size:10pt;
}
.portfolio-page .botao-esquerda .icones {
	float:left;
	background:#f37835;
}
.portfolio-page .botao-direita .icones {
	float:right;
	background:#f37835;
}
.portfolio-page .botao-esquerda:hover .icones, .portfolio-page .botao-direita:hover .icones {
	background:#b04c15;
}
.portfolio-page .botao-esquerda:hover p, .portfolio-page .botao-direita:hover p {
	color:#b04c15;
}
.portfolio-page .botao-esquerda .icones {
	border-radius:0px 5px 5px 0px;
}
.portfolio-page .botao-direita .icones {
	border-radius:5px 0px 0px 5px;
}
.portfolio-page .botao-esquerda p {
	margin-left:10;
	float:left;
}
.portfolio-page .botao-direita p {
	margin-right:10;
	float:right;
}
.portfolio-page .botao-esquerda .icones svg, .portfolio-page .botao-direita .icones svg {
	height:21!important;
	width:21!important;
	text-align:center;
	padding:14;
	margin:0!important;
}
.portfolio-page .botao-esquerda .icones svg path, .portfolio-page .botao-direita .icones svg path{
	fill:#fff!important;
}
.portfolio-page .titulo {
	float:left;
	width:60%;
	text-align:center;
} 
.bloco-portfolio {
	float:left;
	width:calc(100% / 3 - 20px);
	margin:10;
	position:relative;
	background:#FDE8DF;
	text-align:center;
	position:relative;
	background-size:cover;
	background-position:center;
	border-radius:10px;
}
.bloco-portfolio-overlay {
	position:absolute;
	top:0;
	width:100%;
	background:#000;
	text-align:center;
	opacity:0.8;
	border-radius:10px;
}
.bloco-portfolio-overlay:hover {
	background:#fff;
}
.bloco-portfolio h5, .bloco-portfolio-overlay h5 {
	padding:20 0;
	font-weight:300;
	color:#fff;
}
.bloco-portfolio p, .bloco-portfolio-overlay p {
	float:left;
	width:calc(100% - 60px);
	min-height:40;
	margin:0 30;
	padding:0 0 80 0;
	font-size:9pt;
	color:#fff;
}
.bloco-portfolio svg, .bloco-portfolio-overlay svg {
	padding:120 0 0 0;
	width:75!important;
	height:50!important;
}
.bloco-portfolio svg path, .bloco-portfolio-overlay svg path {
	fill:#F37835!important;
}
.bloco-portfolio:hover svg path, .bloco-portfolio-overlay:hover svg path {
	fill:#000!important;
}
.bloco-portfolio:hover h5, .bloco-portfolio-overlay:hover h5, .bloco-portfolio:hover p, .bloco-portfolio-overlay:hover p {
	color:#000;
}
.bloco-portfolio a, .bloco-portfolio-overlay a {
	display:block;
	text-decoration:none;
}
.categoria-portfolio {
	float:left;
	width:100%;
}
.categoria-portfolio .bloco-item {
	background:#fff;
	border-radius:10px;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
}
.categoria-portfolio .bloco-item .imagem-portfolio {
	border-radius:10px 10px 0px 0px;
	min-height:365;
	margin-bottom:20;
	background-position:center;
	background-size:cover;
}
.bloco-item {
	float:left;
	width:calc(100% / 3 - 40px);
	margin:20;
}
.bloco-item .imagem-portfolio {
	border-radius:10px;
	min-height:365;
	margin-bottom:20;
	background-position:center;
	background-size:cover;
}
.bloco-item h4 {
	font-size:15pt;
	padding:0 20;
	float:left;
	font-weight:300;
	width:calc(100% - 120px);
	margin:0 20 0 0;
	min-height:80;
}
.bloco-item .botao-avancar {
	float:left;
	padding:20;
	text-align:center;
	background:#f37835;
	border-radius:5px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:12px 21px;
	background-image:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/seta_branca_direita.svg);
}
.blog-bpo .bloco-item .botao-avancar {
	background:#6bbe50;
	float:left;
	padding:20;
	text-align:center;
	border-radius:5px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:12px 21px;
	background-image:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/seta_branca_direita.svg);
}
.blog-bpo .bloco-item .botao-avancar:hover {
	background:#006633;
	float:left;
	padding:20;
	text-align:center;
	border-radius:5px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:12px 21px;
	background-image:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/seta_branca_direita.svg);
} 
.blog-design .bloco-item .botao-avancar {
	background:#f37835;
	float:left;
	padding:20;
	text-align:center;
	border-radius:5px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:12px 21px;
	background-image:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/seta_branca_direita.svg);
}
.blog-design .bloco-item .botao-avancar:hover {
	background:#C2571D;
	float:left;
	padding:20;
	text-align:center;
	border-radius:5px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:12px 21px;
	background-image:url(https://www.direscopio.com.br/wp-content/themes/Direscopio/icones/seta_branca_direita.svg);
}
.autor-projeto {
	float:left;
	width:100%;
	margin:60 0;
	padding:0;
}
.autor-projeto .imagem {
	background-size:cover;
	background-position:center;
	border-radius:0px 58px 80px 0px;
	min-height:615;
	float:left;
	width:40%;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
}
.autor-projeto .texto {
	float:left;
	width:40%;
	margin:0 10%;
}
.autor-projeto .texto a {
	color:#000;
	text-decoration:none;
	font-weight:700;
}
.autor-projeto .texto a:hover {
	color:#646464;
}
.autor-projeto h4 {
	float:left;
	width:100%;
	font-weight:700;
	margin:40 0 0 0;
	text-transform:capitalize;
}
.autor-projeto h4 span {
	min-height:71;
	float:left;
	width:100%;
	margin-bottom:40;
}
.autor-projeto h4 span svg {
	height:71;
	width:71;
}
.autor-projeto h4 span svg path {
	fill:#0962ab;
}
.desenvolvimento {
	float:left;
	width:100%;
	background:#fde8df;
	padding:80 0;
}
.desenvolvimento .bloco {
	float:left;
	width:90%;
	margin:0 5%;
}
.desenvolvimento .bloco svg {
	height:70;
	width:110;
}
.desenvolvimento .bloco h4 {
	vertical-align:middle;
	float:left;
	width:100%;
}
.desenvolvimento .bloco h4 .titulos {
	display:inline-block;
}
.desenvolvimento .bloco h4 span {
	display:inline-block;
	margin-right:20;
	vertical-align:middle;
}
.desenvolvimento .bloco h4 span path {
	fill:#f37835;
}
.desenvolvimento .bloco .texto {
	float:left;
	padding:40 0;
}
.desenvolvimento .bloco .texto a {
	color:#000;
	text-decoration:none;
	font-weight:700;
}
.desenvolvimento .bloco .texto a:hover {
	color:#646464;
}
.objetivos-portfolio {
	float:left;
	display:inline-flex;
	text-align:center;
}
.objetivo-principal, .objetivo-inicial, .objetivo-alcancado {
	float:left;
	width:calc(100% / 3 - 40px);
	margin:10 20;
	border-radius:10px;
	background:#fff;
	padding:40 0;
}
.objetivo-principal svg path {
	fill:#0962ab;
}
.objetivo-inicial svg path {
	fill:#f37835;
}
.objetivo-alcancado svg path {
	fill:#6bbe50;
}
.objetivos-portfolio .frase {
	width:calc(100% - 80px);
	margin:0 40;
	text-align:left;
}
.mensagem-conceito {
	float:left;
	width:100%;
	margin:60 0;
}
.mensagem-conceito .mensagem {
	float:left;
	width:45%;
	margin:0 5%;
	padding-bottom:60;
}
.mensagem-conceito h4 {
	vertical-align:middle;
	padding:0 0 60 0;
}
.mensagem-conceito h4 span {
	float:left;
	width:100%;
	display:block;
	margin-bottom:20;
}
.mensagem-conceito h4 span svg path {
	fill:#0962ab;
}
.mensagem-conceito h4 .titulos {
	padding-top:15;
}
.mensagem-conceito .conceito {
	float:left;
	width:40%;
}
.construcao {
	float:left;
	width:100%;
	background:#e6e6e6;
}
.construcao .descritivo {
	float:left;
	margin-left:5%;
	padding:80 0;
	width:45%;
}
.imagem-construcao {
	background-size:cover;
	background-position:left center;
	border-radius:58px 0px 0px 80px;
	min-height:615;
	float:left;
	margin:60 0 60 10%;
	width:40%;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
}
.projeto-cores {
	float:left;
	width:90%;
	margin:60 5%;
	text-align:center;
}
.projeto-cores h4 {
	float:left;
	width:100%;
	vertical-align:middle;
	padding:0 0 60 0;
}
.projeto-cores h4 span {
	display:inline-block;
	margin-right:20;
	vertical-align:middle;
}
.projeto-cores h4 span svg path {
	fill:#000;
}
.projeto-cores h4 .titulos {
	display:inline-block;
}
.projeto-cores .descritivo {
	float:left;
	width:100%;
}
.cor-bloco {
	float:left;
	background:#fff;
	border-radius:10px;
	width:calc(100% / 3 - 40px);
	margin:20 20;
	padding:40 0;
	box-shadow:0px 0px 10px 6px rgb(0, 0, 0, 0.1);
}
.cor-bloco h5, .cor-bloco .frase {
	float:left;
	width:calc(100% - 80px);
	margin:0 40;
}
 .cor-bloco .frase {
	text-align:left;
}
.tracos-cores {
	float:left;
	height:2px;
	width:calc(100% - 80px);
	margin:20 40;
}
.galeria {
	float:left;
	width:100%;
	text-align:center;
	background:#04223b;
	color:#fff;
}
.galeria .bloco {
	float:left;
	width:90%;
	margin:60 0;
}
.galeria h4 {
	float:left;
	width:100%;
	vertical-align:middle;
	padding:0;
}
.galeria h4 span {
	display:inline-block;
	margin-right:20;
	vertical-align:middle;
}
.galeria h4 span svg {
	height:70;
	width:70;
}
.galeria h4 span svg path {
	fill:#fff;
}
.galeria h4 .titulos {
	display:inline-block;
}
.galeria .frase {
	float:left;
	width:100%;
}
.overlay-galeria {
	position:fixed;
	height:100%;
	width:100%;
	z-index:999;
	background:#000;
	display:none;
	top:0;
}
.overlay-galeria svg {
	position:absolute;
	top:20;
	right:20;
	cursor:pointer;
	height:20!important;
	width:20!important;
}
.imagem-portfolio-open {
	min-height:70%;
	width:60%;
	margin:8% 20%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.imagem-galeria {
	float:left;
	width:50%;
	min-height:50vh;
	background-size:cover;
	background-position:center;
}
.imagem-galeria-oculta {
	display:block;
}
/* Fim Portfolio */
/* Single BPO */
.single-bpo {
	float:left;
	width:90%;
	margin:30vh 5% 60 5%;
}
.single-bpo .imagem {
	background-size:cover;
	background-position:center;
	border-radius:10px;
	min-height:350;
	float:left;
	width:40%;
	-webkit-filter: drop-shadow(5px 5px 5px #b5b5b5);
	filter: drop-shadow(5px 5px 5px #b5b5b5);
}
.single-bpo .texto {
	float:left;
	width:50%;
	margin:0 5% 0 0;
}
.single-bpo h4 {
	font-weight:300;
	padding:0;
	float:left;
	width:100%;
}
.single-bpo h4 .titulos {
	padding:0 0 40 0;
}
.single-bpo h4 span {
	min-height:71;
	float:left;
	width:100%;
	margin:20 0;
}
.single-bpo h4 span svg {
	height:71;
	width:150;
}
.single-bpo h4 span svg path {
	fill:#6bbe50;
}
.single-bloco {
	float:left;
	width:80%;
	margin:0 10%;
	padding:60 0;
}
.single-bpo .titulo, .single-bpo .icone {
	float:left;
	width:50%;
}
.single-bpo .titulo {
	text-align:right;
	padding-bottom:40;
}
.single-bpo h5 {
	font-weight:300;
	padding:0;
	margin:0;
	font-size:12pt;
}
.single-bpo h5 a {
	text-decoration:none;
	color:#000;
}
.single-bpo .bloco .ajuste {
	padding:90 0;
	float:left;
	width:100%;
}
.single-bpo .icone {
	padding:10 0 0 0;
}
.single-bpo .icone svg {
	width:100! important;
	height:100 !important;
}
.single-bpo .icone svg path {
	fill:#69ba4e !important;
}
.single-oque {
	float:left;
	width:40%;
	margin:0 5% 60 0;
}
.imagem-single-servico {
	float:left;
	min-height:400;
	width:50%;
	background-size:cover;
	background-position:center;
}
.fundo-cinza, .fundo-verde, .fundo-laranja {
	float:left;
	width:100%;
	padding:100 0;
}
.fundo-cinza h4, .fundo-verde h4, .fundo-laranja h4 {
	font-weight:500;
}
.fundo-laranja {
	background:#fde8df;
}
.fundo-verde {
	background:#D7EACD;
}
.fundo-cinza {
	background:#E6E6E6;
}
.fundo-verde .titulo, .fundo-cinza .como-e-feito, .single-link {
	width:90%;
	margin:0 5%;
	float:left;
}
.fundo-cinza .como-e-feito {
	color:#000;
}
.fundo-verde .bloco {
	width:90%;
	margin:0 5%;
	float:left;
	display:inline-flex;
}
.topico {
	float:left;
	width:calc(100% / 3 - 20px);
	margin:20 10;
	border-radius:10px;
	text-decoration:none;
	color:#000;
	background:#fff;
	padding-bottom: 40;
}
.topico h6 {
	margin:30 0;
}
.topico h6, .topico p {
	padding:10 40;
}
.single-link {
	text-align:center;
}	
.single-link a {
	padding:20;
	text-decoration:none;
	text-align:center;
	color:#fff;
	width:fit-content;
	display:block;
	margin:60 auto;
	border-radius:10px;
}
/* Fim Single BPO */
/* Blog */
.blog {
	float:left;
	width:90%;
	margin:175 5%;
}
.blog .topo-icone {
	text-align:center;
}
.blog .topo-icone svg {
	height:70;
	width:100;
}
.blog .bloco-topo {
	margin-bottom:60;
}
.blog .botao-esquerda {
	width:20%;
	vertical-align:middle;
	padding:14 0;
	color:#04223b;
}
.blog .botao-esquerda {
	float:left;
}
.blog .botao-esquerda p {
	font-weight:700;
	font-size:10pt;
}
.blog .botao-esquerda .icones {
	float:left;
	background:#04223b;
}
.blog .botao-esquerda:hover .icones {
	background:#03192B;
}
.blog .botao-esquerda:hover p {
	color:#03192B;
}
.blog .botao-esquerda .icones {
	border-radius:0px 5px 5px 0px;
}
.blog .botao-direita .icones {
	border-radius:5px 0px 0px 5px;
}
.blog .botao-esquerda p {
	margin-left:10;
	float:left;
}
.blog .botao-esquerda .icones svg {
	height:21!important;
	width:21!important;
	text-align:center;
	padding:14;
	margin:0!important;
}
.blog .botao-esquerda .icones svg path {
	fill:#fff!important;
}
.blog .titulo {
	float:left;
	width:60%;
	text-align:center;
} 
.blocos-blog {
	display:inline-flex;
}
.blocos-blog a {
	float:left;
	width:calc(100% / 3 - 40px);
	margin:20 20;
	border-radius:10px;
	text-decoration:none;
	color:#000;
}
.bloco-blog-verde {
	background:#D7EACD;
}
.bloco-blog-laranja {
	background:#FDE8DF;
}
.bloco-blog-azul {
	background:#A8D8FF;
}
.blocos-blog .icone {
	width:100%;
	text-align:center;
	padding:40 0 20 0;
}
.blocos-blog .icone svg {
	height:70;
	width:70;
}
.blocos-blog h5 {
	text-align:center;
	margin:0;
	width:calc(100% - 80px);
	padding:20 40;
	float:left;
}
.blocos-blog p {
	text-align:left;
	width:calc(100% - 80px);
	padding:10 40 40 40;
	margin:0;
	float:left;
}
.blog-bpo, .blog-design {
	float:left;
	width:90%;
	margin:175 5%;
}
.blog-bpo .topo-icone, .blog-design .topo-icone {
	text-align:center;
}
.blog-bpo .topo-icone svg, .blog-design .topo-icone svg {
	height:70;
	width:100;
}
.blog-bpo .bloco-topo, .blog-design .bloco-topo {
	margin-bottom:60;
}
.blog-bpo .botao-esquerda, .blog-bpo .botao-direita {
	width:20%;
	vertical-align:middle;
	padding:14 0;
	color:#6bbe50;
}
.blog-design .botao-esquerda, .blog-design .botao-direita {
	width:20%;
	vertical-align:middle;
	padding:14 0;
	color:#f37835;
}
.blog-bpo .botao-esquerda, .blog-bpo .botao-direita, .blog-design .botao-esquerda, .blog-design .botao-direita {
	float:left;
}
.blog-bpo .botao-esquerda p , .blog-bpo .botao-direita p, .blog-design .botao-esquerda p , .blog-design .botao-direita p {
	font-weight:700;
	font-size:10pt;
}
.blog-bpo .botao-esquerda .icones {
	float:left;
	background:#6bbe50;
}
.blog-design .botao-esquerda .icones {
	float:left;
	background:#f37835;
}
.blog-bpo .botao-direita .icones {
	float:right;
	background:#6bbe50;
}
.blog-design .botao-direita .icones {
	float:right;
	background:#f37835;
}
.blog-bpo .botao-esquerda:hover .icones, .blog-bpo .botao-direita:hover .icones {
	background:#3c8224;
}
.blog-design .botao-esquerda:hover .icones, .blog-design .botao-direita:hover .icones {
	background:#b04c15;
}
.blog-bpo .botao-esquerda:hover p, .blog-bpo .botao-direita:hover p {
	color:#3c8224;
}
.blog-design .botao-esquerda:hover p, .blog-design .botao-direita:hover p {
	color:#b04c15;
}
.blog-bpo .botao-esquerda .icones, .blog-design .botao-esquerda .icones {
	border-radius:0px 5px 5px 0px;
}
.blog-bpo .botao-direita .icones, .blog-design .botao-direita .icones  {
	border-radius:5px 0px 0px 5px;
}
.blog-bpo .botao-esquerda p, .blog-design .botao-esquerda p {
	margin-left:10;
	float:left;
}
.blog-bpo .botao-direita p, .blog-design .botao-direita p {
	margin-right:10;
	float:right;
}
.blog-bpo .botao-esquerda .icones svg, .blog-bpo .botao-direita .icones svg, .blog-design .botao-esquerda .icones svg, .blog-design .botao-direita .icones svg {
	height:21!important;
	width:21!important;
	text-align:center;
	padding:14;
	margin:0!important;
}
.blog-bpo .botao-esquerda .icones svg path, .blog-bpo .botao-direita .icones svg path, .blog-design .botao-esquerda .icones svg path, .blog-design .botao-direita .icones svg path{
	fill:#fff!important;
}
.blog-bpo .titulo, .blog-design .titulo {
	float:left;
	width:60%;
	text-align:center;
}
.blog-bpo .bloco-item {
	background:#eaffe3;
	border-radius:10px;
}
.blog-design .bloco-item {
	background:#fde8df;
	border-radius:10px;
}
.blog-bpo .bloco-item h4, .blog-design .bloco-item h4 {
	min-height:120;
}
.bloco-item .imagem-blog {
	border-radius:10px 10px 0px 0px;
	min-height:365;
	margin-bottom:20;
	background-position:center;
	background-size:cover;
}
/* Fim Blog */
/* Landign Page */
/* Projetos Gráficos */
.bloco-topo-lading {
	float:left;
	width:100%;
	background-size:cover;
	background-position:center;
	display:flex;
}
.bloco-topo-lading .chamada {
	float:left;
	width:40%;
	margin:0 5%;
	background:#fff;
	min-height:70vh;
	padding-top:30vh;
}
.bloco-topo-lading .imagem-lading {
	float:left;
	width:50%;
	background-size:cover;
	background-position:center center;
}
.overlay-lading {
	height:100%;
	background:#000;
	opacity:0.4;
}
.bloco-topo-lading .chamada h1, .bloco-topo-lading .chamada p, .bloco-topo-lading .chamada .redes-sociais {
	margin:0;
}
.bloco-topo-lading .chamada h1 {
    font-size:30pt;
    line-height:35pt;
}
.bloco-topo-lading .chamada h1 span {
	font-size:20pt;
}
.bloco-topo-lading .chamada p {
    padding:30 0;
    font-size:14pt;
	line-height:20pt;
    font-weight:300;
}
.bloco-topo-lading a {
	text-decoration:none;
}
.bloco-topo-lading a svg {
	height:38 !important;
	width:38 !important;
	margin-right:10;
}
.bloco-topo-lading a svg path {
	fill:#4B4B4D;
}
.bloco-topo-lading a:hover svg path {
	fill:#33CCFF;
}
.bloco-topo-lading .redes-sociais {
	padding-bottom:100;
}
.bloco-importancia, .bloco-tipos-de-materiais, .bloco-como-e-feito {
	float:left;
	width:100%;
}
.bloco-importancia {
	background:#f37835;
	color:#fff;
}
.bloco-como-e-feito {
	background:#D9D9D9;
}
.bloco-importancia .bloco, .bloco-tipos-de-materiais .bloco, .bloco-como-e-feito .bloco {
	width:80%;
	margin:40 10%;
	float:left;
}
.bloco-importancia h3, .bloco-tipos-de-materiais h3, .bloco-como-e-feito h3 {
	font-weight:500;
}
/* Animações */
/* Animacoes */
@keyframes fadeLeft {
   0% {
      opacity: 0;
      transform: translateX(-40px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
} 
.fadeLeft {
	-webkit-animation-name:fadeLeft;
	animation-name:fadeLeft;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
} 
@keyframes fadeRight {
   0% {
      opacity: 0;
      transform: translateX(40px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}   
.fadeRight {
	-webkit-animation-name:fadeRight;
	animation-name:fadeRight;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
} 
@keyframes fadeBottom {
   0% {
      opacity: 0;
      transform: translateY(40px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}   
.fadeBottom {
	-webkit-animation-name:fadeBottom;
	animation-name:fadeBottom;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
} 
@keyframes fadeTop {
   0% {
      opacity: 0;
      transform: translateZ(-40px);
   }
   100% {
      opacity: 1;
      transform: translateZ(0);
   }
}   
.fadeTop {
	-webkit-animation-name:fadeTop;
	animation-name:fadeTop;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@keyframes fadeTopLeft {
   0% {
      opacity: 0;
      top:100;
	  left:100;
   }
   100% {
      opacity: 1;
      top:0;
	  left:0;
   }
}   
.fadeTopLeft {
	-webkit-animation-name:fadeTopLeft;
	animation-name:fadeTopLeft;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
} 
@keyframes fadeTopRight {
   0% {
      opacity: 0;
      top:100;
	  right:100;
   }
   100% {
      opacity: 1;
      top:0;
	  right:0;
   }
}   
.fadeTopRight {
	-webkit-animation-name:fadeTopRight;
	animation-name:fadeTopRight;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
} 
@keyframes fadeBottomRight {
   0% {
      opacity: 0;
      bottom:100;
	  right:100;
   }
   100% {
      opacity: 1;
      bottom:0;
	  right:0;
   }
}   
.fadeBottomRight {
	-webkit-animation-name:fadeBottomRight;
	animation-name:fadeBottomRight;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@keyframes fadeBottomLeft {
   0% {
      opacity: 0;
      bottom:100;
	  left:100;
   }
   100% {
      opacity: 1;
      bottom:0;
	  left:0;
   }
}   
.fadeBottomLeft {
	-webkit-animation-name:fadeBottomLeft;
	animation-name:fadeBottomLeft;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
@keyframes fadeScale {
   0% {
      opacity: 0;
      scale:0.8;
   }
   100% {
      opacity: 1;
      scale:1;
   }
}   
.fadeScale {
	-webkit-animation-name:fadeScale;
	animation-name:fadeScale;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
} 
/* Fim Animações */

/*Fim Landing Page */
/* Chat */
.chat {
	position:fixed;
	width:30%;
	right:20;
	bottom:80;
	display:none;
	z-index:998;
	background:#fff;
	border-radius:10px 10px 0px 10px;
	box-shadow:0px 0px 10px 5px rgb(0, 0, 0, 0.2);
}
.bloco-chat {
	float:left;
	width:calc(100% - 80px);
	padding:20 40;
	background:#69BA4E;
	color:#fff;
	text-align:left;
	border-radius:10px 10px 0px 0px;
}
.icone-chat, .chat-close {
	position:fixed;
	right:20;
	bottom:20;
	z-index:998;
	cursor:pointer;
}
.icone-chat svg {
	height:50;
	width:50;
}
.icone-chat {	
	display:block;	
}
.chat-close {
	display:none;
	height:50;
	width:50;
	background:#4B4B4D;
	text-align:center;
	border-radius:100%;
}	
.chat-close svg {
	height:20;
	width:20;
	margin:15 0 0 0;
}
.chat .item {
	color:#000;
	float:left;
	width:calc(100% - 80px);
	margin:20 40;
}
.chat .icone {
	float:left;
	width:60;
}
.chat .icone img {
	height:60;
	width:60;
	border-radius:100%;
}
.chat .dados {
	float:left;
	width:calc(100% - 80px);
	margin-left:20;
}
.chat .dados a {
	display:block;
	text-decoration:none;
}
.chat .dados h6 {
	font-size:10pt;
	color:#4B4B4D;
	font-style:italic;
	padding:5 0;
}
.chat .dados h5 {
	font-size:12pt;
	padding:5 0;
}
/* Fim Chat */
/* Seo Page */
.seo-importancia {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
.seo-importancia .imagem {
	background-size:cover;
	background-position:center;
	border-radius:0px 58px 80px 0px;
	min-height:615;
	float:left;
	width:40%;
}
.seo-importancia .texto {
	float:left;
	width:40%;
	margin:0 10%;
}
.seo-importancia h3 {
	font-weight:300;
	padding:0 0 50 0;
}
.seo-importancia h3 .titulos {
	padding:15 0 0 0;
}
.seo-importancia h3 span {
	min-height:71;
	float:left;
	margin-right:30;
}
.seo-importancia h3 span svg {
	height:71;
	width:71;
}
.seo-economia {
	float:left;
	width:90%;
	margin:100 5% 100 5%;
}
.seo-economia .bloco {
	float:left;
	width:calc(50% - 80px);
	margin:0 40;
}
.seo-economia .bloco-1 {
	float:left;
	width:50%;
}
.seo-economia .bloco-cinza, .seo-economia .bloco-vermelho, .seo-economia .bloco-verde {
	border-radius:10px;
	float:left;
	margin:10 0;
	width:100%;
}
.seo-economia .bloco-cinza {
	color:#fff;
	background:#333333;
}
.seo-economia .bloco-vermelho {
	background:#fce8e9;
}
.seo-economia .bloco-verde {
	background:#eaffe3;
}
.seo-economia h4 {
	font-weight:300;
}
.seo-economia .frase {
	float:left;
	padding:40;
	width:calc(100% - 80px);
}
.seo-economia .icone {
	float:left;
	width:100%;
	padding-bottom:40;
}
.seo-economia .icone svg {
	height:120;
	width:120;
}
.seo-economia h2 {
	color:#3c8224;
	line-height:36pt;
	font-weight:300;
	float:left;
	width:70%;
	padding-bottom:20;
}
.seo-economia h2 strong {
	color:#000;
	font-weight:700;
}
/* Links */
.logo-links {
	display:block;
	float:left;
	width:100%;
	margin:0 10%;
	padding:35 0;
}
.opcoes-links {
    float:left;
    width:calc(50% - 20%);
	padding:10vh 10%;
	z-index:999;
	background-size:cover;
	background-position:center center;
}
.botao-links {
	float:left;
	width:100%;
}
.botao-links a {
	display:block;
	border:solid 2px #fff;
	border-radius:10px;
	padding:8 40;
	margin:4 0;
	color:#fff;
	font-size:11pt;
	text-decoration:none;
}
.botao-links a:hover {
	border:solid 2px #262626;
	background:#262626;
}
.botao-links a svg {
	margin-right:10;
	vertical-align:middle;
}
/* Blog Post */
.bloco-post {
	float:left;
	width:100%;
	display:inline-flex;
}
.categoria {
	color:#000;
	text-decoration:none;
	font-size:11pt;
	font-weight:300;
}
.single-post {
	float:left;
	width:65%;
	margin:200 5% 0 5%;
}
.single-post h3 span {
	display:inline-block;
	margin-right:20;
	vertical-align:middle;
}
.single-post h3 .titulos {
	display:inline-block;
	vertical-align:middle;
}
.single-post h3 span svg {
	height:70;
	width:70;
}
.sidebar-design, .sidebar-bpo {
	float:left;
	width:25%;
}
.sidebar-design .ajuste, .sidebar-bpo .ajuste {
	float:left;
	width:calc(100% - 80px);
	margin:200 40 0 40;
}
.sidebar-bpo {
	background:#eaffe3;
}
.sidebar-design {
	background:#fce8e9;
}
.imagem-post {
	width:100%;
	border-radius:10px;
	min-height:365;
	background-size:cover;
	background-position:center;
	margin:20 0 40 0;
}
.single-post .conteudo {
	float:left;
	width:100%;
	padding:0 0 60 0;
}
.single-post .simplesocialbuttons {
	float:left;
	width:100%;
	margin:60 0 0 0;
}
.single-post .chamada {
	float:left;
	width:100%;
	margin:0 0 60 0;
}
.single-post a {
	text-decoration:none;
}
.single-post a svg {
	height:38 !important;
	width:38 !important;
	margin-right:17;
}
.single-post .chamada a svg path {
	fill:#4B4B4D;
}
.single-post .chamada a:hover svg path {
	fill:#33CCFF;
}
.single-post .chamada .redes-sociais {
	padding:60 0;
}
.widget_search {
	list-style:none;
}
.widget_search .search-field {
	padding:20;
	border:none;
	float:left;
	width:80%;
	margin:0;
	border-radius:5px 0px 0px 5px;
}
.widget_search .submit {
	background:#1a1a1a;
	padding:20 0;
	border:none;
	float:left;
	width:20%;
	margin:0;
	color:#fff;
	border-radius:0px 5px 5px 0px;
	cursor:pointer;
}
.widget_search .submit:hover {
	background:#999999;
}
.widget_categories {
	list-style:none;
	float:left;
	padding:60 0;
}
.widget_categories h2 {
	font-size:15pt;
	padding:20 0;
}
.sidebar-design .ajuste ul, .sidebar-bpo .ajuste ul {
	padding:0;
	margin:0;
	list-style:none;
}
.sidebar-design .ajuste ul li, .sidebar-bpo .ajuste ul li {
	padding:0;
	margin:0;
	list-style:none;
}
.sidebar-design .ajuste ul li a, .sidebar-bpo .ajuste ul li a {
	list-style:none;
	padding:10 0;
	text-decoration:none;
	float:left;
	color:#000;
}
.sidebar-design .ajuste ul li a:hover {
	color:#B05321;
}
.sidebar-bpo .ajuste ul li a:hover {
	color:#3C8224;
}
@media all and (max-width:1100px),
only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1100px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:1100px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1100px),
only screen and (min-device-pixel-ratio:2) and (max-width:1100px),
only screen and (min-resolution:192dpi) and (max-width:1100px),
only screen and (min-resolution:2dppx) and (max-width:1100px) {
	header {
		padding:15 0 0 0;
	}
	.fechar svg, .ajuda svg, .icone-chat svg, .menu-icone svg, .chat-close {
		width:35;
		height:35;
	}
	.item-menu h3, .item-menu li a {
		width:100%;
		margin:0;
	}
	.chat-close svg {
		height:15;
		width:15;
		margin-top:10;
	}
	.item-menu h3 {
		font-size:15pt;
		padding:80 0 20 0;
	}
	.menu .imagens {
		display:none!important;
	}
	.slider .chamada {
		width:90%;
		margin:0 5%;
		padding-top:20vh;
		min-height:0;
	}	
	.slider .chamada h1, .bloco-topo .chamada h1 {
		font-size: 25pt;
		line-height: 30pt;
	}
	.slider a svg {
		margin-right:10;
	}
	.slider .opcoes {
		width:90%;
		margin:60 5% 0 5%;
		min-height:0;
		padding:120 0;
		position:relative;
		float:left;
	}
	.slider .opcoes .frase {
		position:relative;
		top:0;
		-ms-transform:none;
		transform:none;
		float:left;
	}
	.slider .opcoes .seta-1 img, .slider .opcoes .seta-4 img {
		height:80;
	}
	.slider .opcoes .seta-2 img, .slider .opcoes .seta-3 img {
		height:50;
	}
	.slider .opcoes p {
		width:100%;
		margin:0;
	}
	.slider .opcoes a {
		width:calc(100% - 70px);
		margin:6 0;
	}
	.quem-somos {
		margin:40 0;
	}
	.quem-somos .imagem {
		border-radius:10px;
		min-height:300;
		width:90%;
		margin:0 5%;
	}
	.quem-somos .texto {
		width:90%;
		margin:40 5%;
	}
	.quem-somos h3 span {
		min-height:71;
		float:left;
		margin:20 0;
		width:100%;
	}
	.objetivos {
		width:90%;
		margin:60 5%;
	}
	.objetivos .texto {
		float:left;
		width:calc(90% - 90px);
		padding:105 45;
	}
	.objetivos .titulo {
		width:100%;
		margin:0;
	}
	.objetivos h2 {
		padding:60 0;
	}
	.fazemos, .fazemos .overlay {
		padding:40 0;
	}
	.fazemos h2 {
		width:calc(100% - 80px);
		margin:0 40 30 40;
	}
	.fazemos .texto-1, .fazemos .texto-2 {
		width:calc(100% - 80px);
		margin:0 40;
	}
	.servico-home, .servico-assessoria {
		margin:40 0 0 0;
		width:100%;
	}
	.servico-home .texto, .servico-assessoria .texto {
		width:90%;
		margin:0 5% 40 5%;
	}
	.servico-home .imagem, .servico-assessoria .imagem {
		border-radius:10px;
		min-height:300;
		width:90%;
		margin:0 5% 40 5%;
	}
	.servico-home .topicos, .servico-assessoria .topicos {
		width:90%;
		margin:60 5%;
	}
	.servico-home .topicos .bloco, .servico-assessoria .topicos .bloco {
		display:block;
		border-radius:10px;
		float:left;
	}
	.servico-home .imagem-bloco, .servico-assessoria .imagem-bloco {
		width:100%;
		margin:0;
		height:300;
		border-radius:10px 10px 0px 0px;
	}
	.servico-home .topicos .bloco .texto, .servico-assessoria .topicos .bloco .texto {
		width:calc(100% - 80px);
		padding:40;
		margin:0;
	}
	.servico-home .icone-1, .servico-home .icone-2, .instagram .icone, .contato .icone, .faq h3 span, .descritivo-servico h3 span, .vantagens .bloco span, .feito h3 span, .beneficios .bloco span {
		width:100%;
		display:block;
		margin:20 0;
	}
	.servico-home h3 {
		padding:0 0 40 0;
	}
	.instagram {
		width:100%;
		padding:60 0;
		display:block;
	}
	.instagram .texto {
		width:90%;
		margin:0 5% 50 5%;
	}
	.instagram .perfis, .contato .texto, .contato .formulario {
		width:90%;
		margin:0 5%;
	}
	.instagram h4 {
		text-align:center;
		padding:40 0 0 0;
	}
	.contato {
		padding:60 0;
	}
	.rodape-menu .item {
		width:100%;
		margin:0 0 40 0;
	}
	.bloco-topo .chamada {
		width:90%;
		margin:0 5%;
		min-height:0vh;
		padding-top:20vh;
	}
	.bloco-topo a svg {
		margin-right:10;
	}
	.bloco-topo .opcoes {
		width:90%;
		margin:60 5% 0 5%;
		min-height:0;
		position:relative;
		float:left;
	}
	.bloco-topo .opcoes .seta-1 img, .bloco-topo .opcoes .seta-4 img {
		height:80;
	}
	.bloco-topo .opcoes .seta-2 img, .bloco-topo .opcoes .seta-3 img {
		height:50;
	}
	.bloco-topo .opcoes p {
		width:100%;
		margin:0;
	}
	.bloco-topo .opcoes .frase {
		position:relative;
		top:0;
		margin:120 0;
		-ms-transform:none;
		transform:none;
		float:left;
	}
	.bloco-topo .opcoes a, .opcao-quem-somos a {
		width:calc(100% - 70px)!important;
		margin:30 0 0 0!important;
		padding:10 35!important;
	}
	.topico-valores {
		width:90%;
		margin:60 5%;
	}
	.topico-valores .bloco {
		display:block;
		float:left;
	}
	.topico-valores .bloco .imagem-bloco {
		width:100%;
		margin:0;
		height:300;
		border-radius:10px 10px 0px 0px;
	}
	.topico-valores .bloco .texto {
		width:calc(100% - 80px);
		padding:40;
		margin:0;
	}
	.seo-importancia {
		margin:60 0;
	}
	.seo-importancia .imagem {
		border-radius:10px;
		min-height:300;
		width:90%;
		margin:0 5% 40 5%;
	}
	.seo-importancia .texto {
		width:90%;
		margin:0 5%;
	}
	.seo-importancia h3 span {
		width:100%;
		display:block;
		margin:0 0 20 0;
	}
	.seo-importancia h3 {
		padding:0 0 40 0;
	}
	.descritivo-servico {
		width:100%;
		margin:0;
	}
	.descritivo-servico .bloco {
		margin:10 0;
	}
	.bloco-bpo, .bloco-projetos-graficos {
		background:#fff;
		display:block;
		margin:20 5%;
		width:90%;
	}
	.bloco-bpo .imagem-bloco, .bloco-projetos-graficos .imagem-bloco, .feito .imagem-bloco {
		width:100%;
		margin:0;
		border-radius:10px 10px 0px 0px;
		min-height:350;
	}
	.bloco-bpo .texto, .bloco-projetos-graficos .texto, .feito .texto {
		width:calc(100% - 80px);
		margin:0 40;
		padding:40 0;
	}
	.accordion-bpo h6 span, .accordion-design h6 span {
		display:block;
		margin:0 0 20 0;
	}
	.seo-economia {
		width:90%;
		margin:40 5%;
	}
	.seo-economia .bloco, .seo-economia .bloco-1 {
		width:100%;
		margin:0;
	}
	.descritivo-servico .titulo {
		float:left;
		width:100%;
	}
	.bloco-bpo .imagem-bloco .multiply {
		min-height:350;
		border-radius:10px 10px 0px 0px;
	}
	.bloco-bpo .imagem-bloco .icone {
		position:absolute;
		top:50%;
		left:50%;
		-ms-transform:translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%) ;
		z-index: 3;
	}
	.vantagens .bloco {
		width:90%;
		margin:0 5%;
	}
	.vantagens .blocos {
		width:100%;
		margin:10 0;
	}
	.feito .bloco {
		display:block;
	}
	.beneficios .blocos {
		width:100%;
		margin:10 0;
	}
	.tipos-projetos-graficos .projetos-graficos-bloco:nth-child(1) {
		margin-top:40;
	}
	.tipos-projetos-graficos .branding, .tipos-projetos-graficos .identidade-visual, .tipos-projetos-graficos .midia-digital, .tipos-projetos-graficos .midia-impressa, .tipos-projetos-graficos .sinaletica {
		display:none;
	}
	.tipos-projetos-graficos .branding-mobile, .tipos-projetos-graficos .identidade-visual-mobile, .tipos-projetos-graficos .midia-digital-mobile, .tipos-projetos-graficos .midia-impressa-mobile, .tipos-projetos-graficos .sinaletica-mobile {
		display:block!important;
	}
	.blog .botao-esquerda p {
		margin:0;
	}
	.blocos-blog {
		display:block;
	}
	.blocos-blog a {
		width:100%;
		margin:20 0;
	}
	#bloco-topo {
		display:none;
	}
	#bloco-topo-mobile {
		display:block;
	}
	#bloco-topo-mobile .botao-esquerda, .#bloco-topo-mobile .botao-direita {
		width:20%;
	}
	#bloco-topo-mobile .botao-esquerda p, #bloco-topo-mobile .botao-direita p {
		display:none;
	}
	#bloco-topo-mobile .topo-icone {
		float:left;
		width:60%;
	}
	#bloco-topo-mobile .titulo {
		width:100%;
	}
	.bloco-item {
		width:100%;
		margin:10 0;
	}
	.bloco-item h4 {
		padding:0;
		width:calc(100% - 100px);
		margin:30 20;
		min-height:0;
	}
	.bloco-item .botao-avancar {
		margin:30 0;
	}
	.bloco-item .imagem-blog {
		margin:0;
	}
	.blog-bpo .bloco-item h4, .blog-design .bloco-item h4 {
	   min-height:0;
	}
	.bloco-post {
		display:block;
	}
	.single-post {
		width:90%;
		margin:120 5% 0 5%;
	}
	.sidebar-design, .sidebar-bpo {
		width:100%;
	}
	.single-post a svg {
		margin-right:10;
	}
	.single-bpo .titulo, .single-bpo .icone {
		width:100%;
	}
	.single-bpo h4 span, .single-bpo h4 .titulos {
		text-align:center;
	}
	.single-bpo .texto {
		width:100%;
		margin:0;
	}
	.single-bpo .imagem {
		margin:40 0;
		min-height:350;
		width:100%;
	}
	.fundo-cinza, .fundo-verde, .fundo-laranja {
		padding:50 0;
	}
	.fundo-verde .bloco {
		display:block;
	}
	.topico {
		width:100%;
		margin:20 0;
	}
	.chat {
		width:90%;
		right:5%;
	}
	.portfolio-page {
		margin:120 5%;
	}
	.bloco-portfolio {
		width:100%;
		margin:10 0;
	}
	.categoria-portfolio .bloco-item .imagem-portfolio {
		min-height:350;
		margin:0;
	}
	.bloco-topo-lading {
		display:block;
	}
	.bloco-topo-lading .chamada {
		width:90%;
		margin:0 5%;
		min-height:75vh;
		padding-top:20vh;
	}
	.bloco-topo-lading .imagem-lading {
		width:100%;
	}
	.bloco-topo-lading a svg {
		margin-right:10;
	}
	.autor-projeto .imagem {
		border-radius:10px;
		min-height:250;
		width:90%;
		margin:0 5%;
	}
	.autor-projeto .texto {
		width:90%;
		margin:0 5%;
	}
	.desenvolvimento {
		padding:40 0;
	}
	.desenvolvimento .bloco .texto {
		padding:20 0 40 0;
	}
	.objetivos-portfolio {
		display:block;
	}
	.objetivo-principal, .objetivo-inicial, .objetivo-alcancado {
		width:100%;
		margin:10 0;
	}
	.construcao .descritivo {
		margin:0 5%;
		padding:40 0;
		width:90%;
	}
	.imagem-construcao {
		border-radius:10px;
		min-height:250;
		width:90%;
		margin:40 5%;
	}
	.galeria .bloco {
		margin:40 5%;
	}
	.imagem-galeria {
		width:100%;
	}
	.mensagem-conceito {
		width:100%;
		margin:0;
		padding:40 0;
	}
	.mensagem-conceito .mensagem {
		width:90%;
		margin:0 5%;
	}
	.mensagem-conceito h4 span {
		float: left;
		display:block;
		width:100%;
		margin:0 0 20 0;
	}
	.mensagem-conceito h4 {
		padding:0 0 30 0;
	}
	.construcao {
		float:left;
		width:100%;
	}
	.projeto-cores {
		margin:40 5%;
	}
	.cor-bloco {
		width:100%;
		margin:20 0;
	}
	.projetos-graficos .chamada {
		min-height:1vh!important;
	}
	.projetos-graficos .chamada .redes-sociais {
		margin-bottom:60;
	}
	.bloco-topo-lading {
		display:block;
	}
	.bloco-topo-lading .chamada {
		width:90%;
		min-height:70vh;
	}
	.bloco-topo-lading .imagem-lading {
		height:350;
	}
	.overlay-lading {
		height:350;
	}
	.faq .titulo {
		text-align:center;
	}
	.fundo-verde .titulo, .fundo-cinza .como-e-feito, .single-link {
		width:80%;
		margin:0 10%;
	}
}