/* Opções Globais */
*,
*:after,
*:before{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html, body{
	overflow-x: hidden;
	font-family: 'Open Sans', sans-serif;
}
body {
	margin: 0;
	padding: 0;
	background-color: #f7f7f7;
}
a:link, a:visited, a:hover, a:active   {	text-decoration: none }
ul{
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
/* animacões */

@keyframes rotateRightToLeft {
	0% { 
		transform: rotate(360deg);
		left: 100vw;
	}
	100% { 
		transform: rotate(0deg);
		left: 0;
	 }
}
@keyframes rotateLeftToRight {
	0% { 
		transform: rotate(0deg);
		left: -100vw;
	}

	30%{
		transform: rotate(0deg);
		left: -100vw;
		opacity: 1;
	}
	50%{
		opacity:0.5;
	}
	100% { 
		transform: rotate(0deg);
		left: 0;
	 }
}
@keyframes dash {
	0% {
		stroke-dasharray: 1,150; 
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90,150; 
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -124; 
	}
}
@keyframes btn_infinity{
	0%{
		top: 0vh;
	}
	50%{
		top: 1.5vh;
	}
	75%{
		top: 1vh;
	}
	100%{
		top:0vh;
	}
}
@keyframes fade-opacity{
	0%{ opacity: 0;}
	51%{ opacity: 0;}
	75%{opacity: 0.8;}
	100%{ opacity: 1;}
}
@keyframes down-scroll{
	0%{opacity: 0;}
	30%{opacity: 1;}
	60%{opacity: 1;}
	100%{opacity: 0; top: 85%}
}
/* Fontes */
@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Vesper+Libre&display=swap');
@import url('http://fonts.cdnfonts.com/css/sketch-block');
@import url('https://fonts.googleapis.com/css2?family=Vesper+Libre&display=swap');
@import url('http://fonts.cdnfonts.com/css/calluna');
@import url('https://fonts.googleapis.com/css2?family=MuseoModerno:wght@100;200;300;500;600&display=swap');

@font-face {
	font-family: 'VarelaRound';
	src: url('../fonts/varelaround/VarelaRound.eot?#iefix') format('embedded-opentype'),  url('../fonts/varelaround/VarelaRound.otf')  format('opentype'),
		url('../fonts/varelaround/VarelaRound.woff') format('woff'), url('../fonts/varelaround/VarelaRound.ttf')  format('truetype'),
		url('../fonts/varelaround/VarelaRound.svg#VarelaRound') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/roboto/roboto_regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/roboto/roboto_regular/Roboto-Regular.woff') format('woff'), url('../fonts/roboto/roboto_regular/Roboto-Regular.ttf')  format('truetype'), url('../fonts/roboto/roboto_regular/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'JosefinSans';
	src: url('../fonts/josefin/regular/JosefinSans.eot?#iefix') format('embedded-opentype'),  url('../fonts/josefin/regular/JosefinSans.woff') format('woff'), url('../fonts/josefin/regular/JosefinSans.ttf')  format('truetype'), url('../fonts/josefin/regular/JosefinSans.svg#JosefinSans') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'latoregular';
	src: url('../fonts/lato/latoregular/lato-regular-webfont.eot');
	src: url('../fonts/lato/latoregular/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/lato/latoregular/lato-regular-webfont.woff') format('woff'), url('../fonts/lato/latoregular/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato/latoregular/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'JosefinSans-SemiBold';
	src: url('../fonts/josefin/semibold/JosefinSans-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/josefin/semibold/JosefinSans-SemiBold.woff') format('woff'), url('../fonts/josefin/semibold/JosefinSans-SemiBold.ttf')  format('truetype'), url('../fonts/josefin/semibold/JosefinSans-SemiBold.svg#JosefinSans-SemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* css para seta */
.wrapper_container{width:100%;text-align:right;position:fixed;z-index:100;float:right}
#wrapper{position:relative;float:right}a#top{position:fixed;bottom:8px;right:12px}
.down-scroll{
	height: 50px;
	width: 30px;
	/*border: 2px solid #c1c1c1;*/
	box-shadow: inset 0 0 4px 0px #858585;
	position:absolute;
	left: 50%;
	bottom: 10px;
	border-radius: 50px;
	cursor: pointer;
	z-index: 999;
}
.down-scroll::before,
.down-scroll::after{
	content: '';
	position: absolute;
	top: 10%;
	left: 50%;
	border: 1px solid #ccc;
	height: 10px;
	width: 10px;
	transform:translate(-50%, -50%) rotate(45deg);
	border-top:transparent;
	border-left: transparent;
	animation: down-scroll 1s ease-in-out infinite;
}
.down-scroll:after{
	top: 20%;
	animation-delay: .3s;
}

.fa {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.fa-facebook-f:before,
.fa-facebook:before {
	content: "\f09a";
	font-size: 30px;
	margin-left: 4vw;
}
.fa-facebook-f:hover,
.fa-facebook:hover {
	color: #3eb6dd;
	cursor: pointer;
}
.fa-twitter:before {
	content: "\f099";
	font-size: 30px;
}
.fa-twitter:hover {
	color: #3eb6dd;
	cursor: pointer;
}
.fa-instagram:before {
	content: "\f16d";
	font-size: 30px;
}
.fa-instagram:hover {
	color: #3eb6dd;
	cursor: pointer;
}
.fa-linkedin:before {
	content: "\f0e0";
	font-size: 30px;
}
.fa-linkedin:hover {
	color: #3eb6dd;
	cursor: pointer;
}
/*
.fa-linked:before{
	content: "\f0e1";
	font-size:30px;
}
.fa-linked:hover{
	color: #3eb6dd;
	cursor: pointer;
}
*/
/* icons servicos*/
.fa-envio:before {
	content: "\f48b";
}
.fa-producao:before {
	content: "\f083";
}
.fa-desenvolvimento:before {
	content: "\f48b";
}
.fa-manipular:before{
	content:"\e2ca";
	font-weight: lighter;
}
.fa-execucao:before {
	content: "\f1c5";
}
.service_icon {
	position: absolute;
	font-size: 60px;
	color: #fff;
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
	content: "\f0c9";
}
.icon_menu {
	margin-left: -1px;
}
.facebook_menu {
	margin-top: 30px;
	transition: all 0.2s ease-in;
}
.twitter_menu {
	margin-top: 30px;
	margin-left: 5px;
	transition: all 0.2s ease-in;
}
.instagram_menu {
	margin-top: 30px;
	margin-left: 20px;
	transition: all 0.2s ease-in;
}
.linked_menu {
	margin-top: 30px;
	margin-left: 20px;
	transition: all 0.2s ease-in;
}
.posicao-btn{
	position: fixed;
    width: 20vw;
    height: 5vh;
    bottom: 5vh;
    right: 5vw;
	z-index: 99;
	animation: fade-opacity 6s ease;
}
.btn{
	width: fit-content;
	min-height: 30px;
	background-color: #225a7c;
	border-radius: 10px;
    box-shadow: 2px 2px 10px -2px #7c7c7c;
}
.btn.btn-orcamento{
	position: absolute;
    background-color: #068506;
    top: 0vh;
	animation: btn_infinity 750ms ease-out 4s infinite;
}
.btn.btn-orcamento a{
	display: block;
	padding: 10px 25px;
	color:#f1f1f1;
	font-weight: bold;
	font-size: 0.92em;
}
/* Estrutura */
/* Sessão Topo */
.main{
	position: absolute;
	width: 100%;
	height:100%;
}
/*
.topo_overlay {
	background:url('../img/slide-bg/iluminacao-para-estudio-fotografico-1-1024x576.jpg') no-repeat scroll;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	height: 100%;
	opacity: 0.65;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
}
*/
.topo_overlay{
    position: absolute;
    top: 50px;
    width: 100%;
    height: 85vh;
    background-image: linear-gradient(to top right, #f1f1f1, #e5e2e2);
    clip-path: polygon(0% 10%, 0 -1%, 110% 30%, 50% 100%);
    z-index: 9;
}
section{
	padding: 60px 0 120px 0;
	height: auto;
}
section.topo_sessao {
	width:100%;
	height:100%;
	float: left;
	background-size: cover;
	min-height:100%;
}
.topo_container {
	width: 70%;
	margin: 0 auto;
	font-family: 'JosefinSans';
}
.topo_container_conteudo {
	position: absolute;
	top: 15%;
    text-align: center;
    z-index: 10;
	width: 100%;
}
.topo_container_conteudo .topo_container_rows{
	position: relative;
	top: 15vh;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
	flex-direction: row-reverse;
}
.topo_conteudo_texto {
	width: 49%;
    position: relative;
	animation-name: rotateLeftToRight;
	animation-duration: 4s;
}
.topo_conteudo_texto:before{
	content: "\201C";
        font-size: 13em;
        position: absolute;
		top:-86px;
        left: 0;
        color: #666;
}
.topo_conteudo_texto:after{
	content: "”";
	font-size: 13em;
	position: absolute;
	right: 60px;
	top: 130px;
	color: #666;
}
.topo_conteudo_texto .blockquote_index{
	width: 580px;
	font-family:  Calluna, sans-serif;
	font-size: 2.65em;
	letter-spacing: .075em;
	float: left;
	padding: 25px 40px 30px 40px;
	margin: 0;
	border-top: 2px dotted #858585;
	border-bottom: 2px dotted #858585;
	transform: rotate(5deg);
}
.topo_conteudo_texto .blockquote_index:first-line{
	font: 1.85em "Sketch Block";
	color: #225a7c;
}
.topo_conteudo_texto .blockquote_index:first-letter{
	font-size: 2.6em;
	text-transform: lowercase;
	float: left;
	line-height: .49em;
	margin-right: -45px;
	position: relative;
	z-index: 1;
}
.topo_conteudo_texto .blockquote_index strong:first-child{
	margin-left: 8px;
	letter-spacing: 0;
}
.topo_conteudo_texto .blockquote_index strong:last-child{
	font: 2em "Museo 700";
	text-transform: uppercase;
	letter-spacing: 0;
}
.topo_conteudo_texto .blockquote_index span{
	border-bottom: 2px dotted #858585;
          padding-left: 5px;
}
.topo_conteudo_texto .blockquote_index + sitAutor{
	position: relative;
	top: 25px;
	right: 200px;
	float: right;
	margin-top: 10px;
	font-family: 'JosefinSans';
	font-size: 1.2em;
	font-style: oblique;
	letter-spacing: .15em;
}
/* 
.topo_conteudo_texto p{
	font-size: 31px;
    text-align: justify;
}
 */

.topo_container_logo{
	position: relative;
	width: 35%;
	height: auto;
	animation-name: rotateRightToLeft;
	animation-duration: 4s;
}
.topo_container_logo picture img{
	width: 100%;
    padding: 60px 8px;
    transform: rotateZ(0deg);
    opacity: 1;
    top: 5vh;
    position: relative;
}
.topo_conteudo_subtitulo {
	color: #e8e8e8;
	font-size: 25px;
	margin-top: 10px;
}
.topo_container_botao {
	width: 70%;
	margin: 0 auto;
}
.topo_container_botao a {
	color: #fff;
}
.topo_botao {
	position: relative;
	width: 180px;
	height: 50px;
	border: 2px #fff solid;
	cursor: pointer;
	margin: 60px auto 0px auto;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
			transition-property: color;
	-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
}
.topo_botao a {
	color: #fff;
	text-decoration: none;
}
.topo_botao:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(255, 255, 255, 0.5);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.topo_botao:hover, .topo_botao:focus, .topo_botao:active {
  background: url('img/icons/scroll_down.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.topo_botao:hover:before, .topo_botao:focus:before, .topo_botao:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.topo_botao_titulo {
	line-height: 45px;
}
.topo_container_botao a .topo_botao:hover > .topo_botao_titulo {
	display: none;
}
.topo_menu_desktop {
	background-color: black;
	width: 100%;
	margin: 0 auto;
	height: 75px;
	position: fixed;
	top: 0px;
	z-index: 999;
	transition: all 0.2s ease-in;
}
.menu_desktop_container {
	width: 80%;
	margin: 0 auto;
	font-family: 'JosefinSans';
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu_desktop_coluna1 {
	width: 20%;
	float: left;	
}
.menu_desktop_coluna2 {
	width: 65%;
	float: left;
}
.img_logo {
	margin-top: 2px;
	/*background:#203436;*/
    padding: 5px 50px;
    width: 265px;
}
.menu_desktop_coluna2 ul {
	width: 100%;
	text-align:right;
	list-style: none;
	margin: 0 auto;
	height: 80px;
	padding-top: 20px;
}
.menu_desktop_coluna2 ul li {
	width: auto;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 40px;
}
.menu_desktop_coluna2 li a{
	color: #fff;
	text-decoration: none !important;
	transition: all 0.2s ease-in;
	margin-right: 15px;
	margin-left: 15px;
}
.menu_desktop_coluna2 li a:hover {
	color: #2da2c8;
}
.menu_desktop_coluna2 li {
	display:inline-block;
    position:relative;
	width: auto;
	height: 33px;
	font-size: 13px;
	text-align: left;
}
.topo_subcontainer_menu li.active a{
  color:#2da2c8;
}
.menu_desktop_coluna3{
	width: 15%;
	float:left;
}
.menu_desktop_coluna3 phone{
	display: inline-block;
    position: relative;
    width: auto;
    height: 75px;
    font-size: 15px;
    text-align: left;
    line-height: 75px;
}
.menu_desktop_coluna3 phone a{
    color: #fff;
    transition: all 0.2s ease-in;
    margin-right: 15px;
    margin-left: 15px;
    font-weight: 700;
}
.menu_desktop_coluna3 phone a i{margin-right: 7.5px; font-size: 1.23em;}
.menu_desktop_coluna3 phone a:hover {
	color: #1da811;
}
/* Menu Mobile */
/* MENU CONF*/
.menu {
	position: fixed;
	right: -200px;
	width: 260px;
	height: 100%;
	top: 0;
	z-index: 99;
	text-align: left;
}
.menu ul {
	width: 100%;
}
.menu li {
	text-decoration: none;
	list-style: none;
	width: 100%;
}
.menu.menu-open {
	right: 0px;
}
.menu-wrap {
	position: absolute;
	top: 0;
	left: 60px;
	background: rgba(36, 36, 52, 0.8);
	width: 200px;
	height: 100%;
}
.logo_mobile {
	width: 150px;
	margin-top: 30px;
}
.menu h1.logo a:hover {
	cursor: default;
}
.menu img.logo {
	margin: 20px 0;
	max-width: 160px;
}
.menu a {
	padding-left: 20px;
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: 'JosefinSans';
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.menu ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.menu a:hover {
	color: #2da2c8;
}
.menu a:active {
	color: #2da2c8;
}
.menu a > i {
	/*float: left;*/
	display: inline-block;
	vertical-align: middle; 
	text-align: left;
	width: 25px;
	font-size: 14px;
	line-height: 40px;
	margin: 25px 2px;
}
.menu-close {
	cursor: pointer;
	display: block;
	position: absolute;
	font-size: 14px;
	color: #808080;
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: 20px;
	right: 5px;
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
}
.menu-close:hover {
	color: #ffffff;
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
}
/* Push the body after clicking the menu button */
.body-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.body-push-toright {
	left: 200px;
}
.body-push-toleft {
	left: -200px;
}
.menu,
.body-push {
	transition: all .3s ease;
}
#menuToggle {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 99;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	background: rgba(36, 36, 52, 0.8);
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}
#menuToggle:hover {
	color: #ffffff;
	background: rgba(0,0,0,0.2);
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		 -o-transition: all .1s ease-in-out;
			transition: all .1s ease-in-out;
}
/* Sessão Top Fim */
/* Sessão Serviços */
section.servicos_sessao {
	width: 100%;
	float: left;
	/*
	padding-top: 50px;
	padding-bottom: 120px;
	*/
	background:#fff;
}
.servicos_container {
	width: 85%;
	margin: 0 auto;
}
.servicos_container_titulo {
	text-align: center;
	font-size: 30px;
	font-family: 'JosefinSans';
	color: #232323;
}
.servicos_container_linha {
	height: 2px;
	width: 40%;
	margin: 20px auto;
	background-color: #2da2c8;
}
.servicos_container_texto {
	text-align: justify;
	margin-top: 40px;
	margin-right: 5px;
	font-size: 18px;
	color: #535353;
	width: 54.5%;
	float: left;
}
.blockquote{
    position: relative;
    background-color: #f3f3f3;
    width: 90%;
    line-height: 1.6;
    margin: 20px auto;
    padding: 1.6em 2vh 1.4em 5vh;
    border-left: 5px solid #1776A4;
    font-family: system-ui;
    text-align: center;
    font-style: italic;
    font-size: 1.1em;
}
.blockquote:before{
	position: absolute;
    left: 3px;
    top: -7px;
	font-family: Arial;
	content: "\201C";
	color:#1776A4;
	font-size: 4em;
}
.blockquote:after{ content: ""}
.blockquote sitacao{
    display: block;
    font-weight: 700;
    font-size: 0.72em;
    text-align: right;
    margin-top: 20px;
}
.servico_container_curriculo{
	text-align: justify;
    margin-top: 40px;
    font-size: 18px;
    color: #535353;
    width: 40%;
    float: right;
}
.servico_container_curriculo .hearder_curriculo{
	height: 100%;
    display: flex;
    align-items: flex-end;
	margin-bottom: 20px;
}
.servico_container_curriculo .foto_liza{
    position: relative;
    width: 160px;
    overflow: hidden;
    height: 180px;
    display: block;
    float: left;
    margin-right: 20px;
}
.servico_container_curriculo .foto_liza picture img{
	width: auto;
    height: 100%;
    margin: 0 auto;
    position: relative;
    left: 0;
}
.servicos_colunas_container {
	width: 100%;
}
.servicos_colunas {
	width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	float: left;
	margin-top: 80px;
	text-align: center;
}
.servicos_coluna_img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #2da2c8;
	margin: 0 auto;
	transition:all .2s ease;
	margin-bottom: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.servicos_coluna_titulo {
	text-align: center;
	margin-top: 15px;
	font-size: 18px;
}
.servicos_coluna_linha {
	height: 3px;
	background-color: #2da2c8;
	margin-top: 15px;
	max-width: 80%;
	margin: 12px auto;
}
.servicos_coluna_texto {
	margin-top: 15px;
	text-align: center;
	font-size: 0.86em;
}
.servicos_img_fix {
	height: 180px;
}
.servicos_colunas:hover > .servicos_img_fix .servicos_coluna_img {
	background-color: #fff;
	border: 1px #2da2c8 solid;
}
.servicos_colunas:hover > .servicos_img_fix .servicos_coluna_img .service_icon {
	color: #2da2c8;
}
.servicos_colunas:hover > .servicos_coluna_titulo {
	color: #2da2c8;
}
.servicos_sessao article.mini_InfoGrafico{
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
}
.servicos_sessao .txt_obs{
	font-size: 0.86em;
	margin-top: 20px;
}
/* Sessão Serviços Fim */
/* Sessão Portfólio */
.portfolio_sessao {
	width: 100%;
	float: left;
}
.portfolio_container {
	width: 100%;
	margin: 0 auto;
}
.portfolio_container .portfolio_titulo{
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	font-family: 'JosefinSans';
	color: #232323;
}
.portfolio_container .portfolio_linha{
	height: 2px;
	width: 40%;
	margin: 20px auto;
	background-color: #2da2c8;
}
.portfolio_container .row{
	width: 85%;
	min-height: 85px;
	height: auto;
	display: block;
	text-align: center;
	margin: 7px auto 30px;
}
.portfolio_conteudo{
	position: relative;
}
ul.filtro{
	width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
ul.filtro li.portfolio{
	width: 150px;
    height: 50px;
    margin: 20px 10px;
	line-height: 50px;
    float: left;
}
ul.filtro li.portfolio.active a.linkPort{
	background-color: tomato;
    color: #fff;
}
ul.filtro li.portfolio a.linkPort{
    background-color: #54b4be;
	width: inherit;
    color: #fff;
    font-weight: 600;
	transition: 0.5s;
}
a.linkPort{ width: 100%; height: 100%; float: left;}

ul.filtro li.portfolio a.linkPort:hover{
    background-color: tomato;
    color: #fff;
}

.portfolio_container .galeria_fotos{
	width: 100%;
	height: 100%;
	background-color: rgb(32, 29, 29);
	padding:30px 10px;
	overflow: hidden;
}
ul.group_portfolio{
	width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 16% 16% 16% 16% 16% 16%;
	justify-content: center;
	overflow: hidden;
}
ul.group_portfolio li.item_photo{
	width: 100%;
	height: auto;
	padding: 2px;
	overflow: hidden;
}
ul.group_portfolio li.item_photo .modelPhoto{
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 15px;
}
ul.group_portfolio li.item_photo .modelPhoto picture.fotos{
    width: 100%;
    height: 150px;
    overflow: hidden;
    align-items: center;
    display: flex;
}
ul.group_portfolio li.item_photo .modelPhoto picture.fotos img{
	width: 100%;
}
/*
.portfolio_container .galeria_fotos picture.fotos{
	width: 190px;
	height: 190px;
	margin: 4px;
	display: flex;
	align-items: center;
}

.portfolio_container .galeria_fotos picture.fotos img{
	width: 100%;
}
*/

/* Sessão POrtfolio Fim */
/* Sessão Contato */
section.contato_sessao {
	width: 100%;
	float: left;
	background-color: #f1f1f1;
}
.contato_container {
	width: 90%;
	margin: 0 auto;
	font-family: 'JosefinSans';
}
.contato_container_titulo {
	text-align: center;
	color: #393939;
	font-size: 33px;
	margin-top: 10px;
	text-transform: uppercase;
}
.contato_container_separador {
	width: 100%;
	margin: 20px auto 40px auto;
	text-align: center;
	cursor: default;
}
.contato_container_linha {
	height: 2px;
	width: 45%;
	background-color: #1776A4;
	margin: 10px auto 30px auto;
}
.contato_container_texto {
	text-align: center;
	font-family: 'JosefinSans';
	font-weight: 600;
    line-height: 20px;
    font-size: 18px;
    color: #393939;
	margin-top: 45px;
}
.contato_container_colunas {
	position: relative;
	width: 100%;
	height: 25vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
	top: 15vh;
}
.contato_container_colunas .contato_box{
	position: relative;
	width: 30%;
	float: left;
	cursor: pointer;
}
.contato_container_colunas .contato_box:hover .icon-local{
	color: #6e7a81;
}
.contato_container_colunas .contato_box .icon-local{
    font-size: 3.75em;
    float: left;
    padding: 10px 13px 0 10px;
    transition: 450ms;
    color: #44c5d6;
    width: 25%;
}
.contato_container_colunas .contato_box .conteudo_box{
	float: left;
    width: 70%;
}
.contato_container_colunas .contato_box .conteudo_box .titulo{
	font-weight: bold;
	font-size: 1.56em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.45em;
	transition: 450ms;
}
.contato_container_colunas .contato_box:hover .conteudo_box .titulo{
	color: #44c5d6;
}
.contato_container_colunas .contato_box .conteudo_box .descricao{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.contato_row{
	width: 100%;
	height:150px;
	clear: both;
}
.contato_coluna1_titulo {
	font-weight: bold;
	font-size: 25px;
	color: #393939;
}

.social_media {
	width: 25%;
	text-align: center;
	color: #cdd2d6;
	float: left;
}
.social_media a {
	color: #788387;
}
.facebook {
	margin-top: 30px;
	transition: all 0.2s ease-in;
}
.twitter {
	margin-top: 30px;
	transition: all 0.2s ease-in;
}
.instagram {
	margin-top: 30px;
	transition: all 0.2s ease-in;
}
.linked {
	margin-top: 30px;
	transition: all 0.2s ease-in;
}
.contato_facebook{
	width: 425px;
	height: 100%;
	float: left;
	margin-top:50px;
	display: block;
}
.contato_container_botao {
	width: 99.7%;
	float: left;
	font-family: 'JosefinSans';
	font-size: 0.72em;
	text-align: center;
}
.contato_botao {
	width: 160px;
	height: 35px;
	line-height: 30px;
	cursor: pointer;
	/*float: right;*/
	background-color: #1776A4;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s; 
}
.contato_botao:before {
	content: "";/*
	background-repeat: no-repeat;
	background-position: 50% 50%; */
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
  background-color: rgba(199, 203, 205, 0.7);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.contato_botao_titulo {
	margin-top: 3px;
	color: #f1f1f1;
}
.contato_botao:hover > .contato_botao_titulo {
	color: #2a2c2d;
}
.contato_botao:hover, .contato_botao:focus, .contato_botao:active {
  color: white;
}
.contato_botao:hover:before, .contato_botao:focus:before, .contato_botao:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* divs footers*/
footer.footers{
	position: relative;
	width: 100%;
	height: 70px;
	background:url(../img/bottom.png) repeat-x center bottom #333;
	color:#fff;
	clear: both;
	padding:20px 50px;
}
.footer_rows{
	position: relative;
	margin: 0 auto;
	width: 100%;
	display: block;
}
.footers_coluna{
	width: 50%;
	height: 200px;
	padding: 15px 0;
}
.left{
	float: left;
}
.right{
	float: right;
}
.footers_direitos {
	width: 50%;
	padding: 5px 10px;
	line-height:20px;
	text-align: left;
	font-size: 0.74em;
	clear: both;
	float: left;
}
.footers_direitos_img{
	text-align: right;
	line-height: 20px;
	margin-right:20px;
	float: right;
}
.table_parceiro{
	display: table;
	width: 100%;
	padding: 0 20px;
}
.parceiro_box{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 120px;
	height:53px;
	float: left;
	margin: 5px 7px;
}
.logo_parceiro{
	width: 98%;
	height: auto;
	vertical-align: middle;
}
.footers_dados{
	float:left;
	text-align: right;
	height:auto;
	font-size: 0.72em;
	padding: 30px 10px;
}
.footers_tgk{
	float: right;
	padding-right: 50px;
}
.mapsGoogle{
    position: relative;
    height: 315px;
}
.mapsGoogle .mascaraBlock{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.212);
}
.mapsGoogle iframe{
    border: none;
    height: 100%;
}
/* Medias ports */
@media all and (min-width:1201px){
	.menu { display: none; }
}
@media all and (max-width:1000px){
/* Sessão Top */
.topo_menu_desktop {
	display: none;
}
.topo_conteudo_titulo {
	font-size: 45px;
}
.topo_conteudo_subtitulo {
	font-size: 22px;
}
	.topo_container_conteudo{
		top:50px;
		width: 100%;
		height:auto;
	}
	.rowsEventos{
		position: relative;
		width: 85%;
		top:70px;
		margin: 0 auto;
	}
	.boxEventos{
		width: 48%;
		height:auto;
		margin: 0 2.5px 5px;
	}
	.txt-Evento[name="data"]{
		font-size: 1.2em;
		padding:4px;
	}
	.txt-Evento[name="titulo"]{
		font-size: 1.2em;
		padding: 4px;
	}
	.txt-Evento[name="sinopse"]{
		font-size: 0.82em;
		height:130px;
		padding:10px 5px 0;
	}
/* Sessão Top Fim */
/* Sessão Serviços */
.servicos_colunas {
	width: 47%;
}
/* Sessão Serviços Fim */
/* Sessão Contato */
.contato_coluna1 {
	width: 100%;
}
/* Sessão Contato Fim */
}
@media all and (max-width:700px){
/* Sessão Top */
.topo_container_conteudo {
	margin-top: -150px;
	width:100%;
	height:auto;
}
.topo_conteudo_titulo {
	font-size: 38px;
}
.topo_conteudo_subtitulo {
	font-size: 22px;
}
	.rowsEventos{
		position:relative;
		width: 90%;
		height: auto;
		top:0px;
		margin: 0 10px;
	}
	.boxEventos{
		width: 48%;
		height: auto;
		margin:0 5px 5px;
	}
	.txt-Evento[name="data"]{
		font-size:1.2em;
		padding:2px;
	}
	.txt-Evento[name="titulo"]{
		font-size:0.95em;
	}
	.txt-Evento[name="sinopse"]{
		font-size:0.76em;
		height:100px;
	}
/* Sessão Top Fim */
}
@media all and (max-width: 650px){
	.posicao-btn {
		width: 55vw;
		top: 0vh;
		right: 15vw;
	}
	.topo_container_conteudo{
		margin-top:0px;
		top: 0;
	}
	.topo_container_conteudo .topo_container_rows{
		flex-direction: column-reverse;
		top: 10px;
		flex-wrap: nowrap;
	}
	.topo_conteudo_texto {
		display: block;
		width: 80%;
	}
	.topo_conteudo_texto .blockquote_index {
		width: 100%;
		font-size: 1.5em;
		letter-spacing: 0.28em;
		padding: 30px 3px 25px 5px;
		margin: 50px 0 0;
	}
	.topo_conteudo_texto:before {
		font-size: 8em;
		top: -15px;
	}
	.topo_conteudo_texto:after {
	    font-size: 8em;
		right: -11px;
		top: 157px;
	}
	.topo_conteudo_texto .blockquote_index + sitAutor {
		top: 10px;
		right: 65px;
		float: right;
		margin-top: 10px;
		font-family: 'JosefinSans';
		font-size: 1.2em;
		font-style: oblique;
		letter-spacing: .15em;
	}
	.topo_conteudo_texto .blockquote_index::first-letter {
		font-size: 2.2em;
		line-height: 0.21em;
		margin-right: -56px;
	  }
	.topo_conteudo_texto .blockquote_index::first-line {
		font: 1.95em "Sketch Block";
	  }
	.topo_container_logo{
		width: 60%;
	}
	.topo_container_logo picture img {
		width: 100%;
	}
	/* Sessão Serviços */
	.servicos_colunas {
		width: 100%;
		margin: 70px auto 0px auto;
	}
	.servicos_container_texto, .servico_container_curriculo{
		width: auto;
		float: none;
		font-size: initial;
	}
	.servicos_sessao article.mini_InfoGrafico {
		flex-direction: column;
	}
	/* Sessão Serviços Fim */
	/*Portfolio*/
	ul.filtro{
		flex-wrap: wrap;
	}
	ul.group_portfolio{
		grid-template-columns: 48% 48%;
		justify-items: center;
	}
	ul.filtro li.portfolio{
		width: 100%;
		margin: 0;
		float: none;
	}
	.contato_coluna2{
		margin: 10px auto;
		float: none;
		width: 100%;
	}
	.contato_container_colunas {
		flex-direction: column;
		align-items: center;
		top: 5vh;
		height: 325px;
	}
	.contato_container_colunas .contato_box {
		width: 96%;
		height: auto;
		padding-bottom: 15px;
	}
	.contato_container_colunas .contato_box .conteudo_box { width: 74%;}
	.contato_container_colunas .contato_box .conteudo_box .titulo{
		font-size: 1.38em;
		text-align: left;
		padding-left: 20px;
	}
	footer.footers {
		padding:5px 30px;
	}
	.footers_direitos{
		padding: 5px;
	}
	.footers_tgk img{
		width: 65%;
		text-align: center;
		margin: 0px 30%;
	}
}