@charset "UTF-8";
/* CSS Document */

/*--------------RESET------------*/

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

html, body, div, span, h1, h2, h3,
h4, h5, h6, p, a, cite, code, em, font, img, 
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
form, label, legend, table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;}
	
	
/*HTML5display-roleresetforolderbrowsers*/
article, aside, details,
figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;}

body {
    line-height: 1;}

ol, ul {
    list-style: none;}

blockquote, q {
    quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;}
	
@font-face {
    font-family: 'calibriregular';
    src: url('../fontes/calibri_3.eot');
    src: url('../fontes/calibri_3.eot?#iefix') format('embedded-opentype'),
         url('../fontes/calibri_3.woff2') format('woff2'),
         url('../fontes/calibri_3.woff') format('woff'),
         url('../fontes/calibri_3.ttf') format('truetype'),
         url('../fontes/calibri_3.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'cm_sans_serif_2012medium';
    src: url('../fontes/cm_sans_serif_2012-webfont.woff2') format('woff2'),
         url('../fontes/cm_sans_serif_2012-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'watchword_thin_demoregular';
    src: url('../fontes/watchword_thin_demo-webfont.woff2') format('woff2'),
         url('../fontes/watchword_thin_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'datalegreyadot';
    src: url('../fontes/datalegreya-dot-webfont.woff2') format('woff2'),
         url('../fontes/datalegreya-dot-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
	
	
	
a{
	text-decoration:none;}
	
body{
	font-family:'calibriregular';
	line-height:24px;
	text-align:justify;
	font-size:8px;
	-webkit-animation: abertura 1s; /* Safari and Chrome */
    -moz-animation: abertura 1s; /* Firefox */
    -ms-animation: abertura 1s; /* Internet Explorer */
    -o-animation: abertura 1s; /* Opera */
    animation: abertura 1s;
	color:#303635;
	overflow-x: hidden; 
font-weight: 100;}
	
	
h1{
	width: 800px;
	font-family:'cm_sans_serif_2012medium';
	font-size:30px;
	color:#FFFFFF;
	text-align:center;
	line-height:36px;
	margin:0 auto;
	padding-top: 170px;}
	
h2{
	font-family:'cm_sans_serif_2012medium';
	font-size:22px;
	color:#313131;	
	margin-bottom: 10px;}
	
	
h3{
	
	font-family:'cm_sans_serif_2012medium';
	width: 600px;
	margin:0 auto;
	font-size:15px;
	color:#303635;
	text-align:center;
	padding-top:10px;
	text-transform:uppercase;}
	
h4{
	
	font-family:'datalegreyadot';
	font-size:18px;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	padding-top: 140px;}
	
h5{
	
	font-family:'cm_sans_serif_2012medium';
	font-size:25px;
	color:#FFF;
	text-align:left;
	margin:0 auto;
	padding-top: 140px;}


/*--------------HEADER------------*/

header{
	width:100%;
	height:130px;
	background:#FFFFFF;}

#header{
	width:90%;
	margin:0 auto;}
	
#logo{
	width:25%;
	height:100px;
	/*background:#EA3526;*/
	float:left;}
	
.logo{
	width:100%;
	margin:0 auto;
	margin-top:18px;
	margin-left:20%;}
	
.selo{
	width:20%;
	}
	
.menu-bar ul{
	width:auto;
	float:right;
	margin:20px 0 0 0;}
	
.menu-bar ul li{
	width:auto;
	padding:25px 20px 15px 20px;
	float:left;}
	
.menu-bar ul li a{
	font-family:'calibriregular';
	font-size:14px;
	color:#303635;
	text-transform: uppercase;}
	
.menu-bar a:hover{
	color:#F4A834;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	border-bottom:solid 1px #F4A834;}
	
ul.egmenu { 
	z-index:99999;}

ul.egmenu > li { 
    float: left; 
    position: relative;
	z-index:99999;}

ul.egmenu ul {
	overflow:hidden;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	display: none; 
    position: absolute;
	z-index:99999;}

ul.egmenu a{
    display: block;}

.egmenu li ul li a:hover  {
	list-style: none;
	color:#FFFFFF; }

ul.egmenu li:hover a {
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;}

ul.egmenu li:hover ul { display: block;  }



/*--------------HOME------------*/


#all{
	width:100%;}

#home{
	width: 100%;
	height:500px;
	background:url(../images/Business-3.jpg) top center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	 transform: translateZ(-100px) scale(1.05);
}

#portfolio{
	width:90%;
	margin:0 auto;
	height: 600px;}
	
#portfolio li{
	width:30%;
	float:left;
	margin:60px 30px 10px 0px;}
	
.hoverzoom {
	position: relative;
    overflow: hidden;}
	

.retina{
	position: absolute;
	padding-top:70px;
	top:0;
    left: 0;
    opacity: 0;
	width:100%;
	height:100%;   
    text-align: center;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
}
.retina:hover {
    opacity: 1;
	background-color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7); 
	
    
}
.hoverzoom .retina p {
	color: #000000;;
	text-align:center;
	font-size:14px;
}
.hoverzoom .retina a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
}

/*--------------SERVIÇOS------------*/

#agencia{
	width:100%;
	margin:0 auto;
	margin-top:0px;}

#banner{
	width:100%;
	height:750px;
	background:url(../images/fachada-espaco-284-coworking.jpg) top center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	 transform: translateZ(-100px) scale(1.05);}
	 
#boxtxt{
	width:35%;
	float:left;
	position: fixed;
	margin-top:12%;
	/*background:#023561;*/
	background:#F2F0E2;
	padding:50px;
	color:#FFFFFF;}
	
#boxtxt p{
	color:#000000;
	width:90%;
	margin:0 auto;}

#conteudo{
	width:90%;
	margin:0 auto;
	margin-top:20px;}
	
p{
	line-height:22px;
	font-size:14px;}
	
#conteudo ul{
	width:90%;
	margin:auto;}
	
.servicos{
	width:100%;
	margin:0 auto;
	clear: both;
	margin-top:30px;}

.servicosLeft{
	width:45%;
	float: left;}

.servicosLeft img{
	width:100%;
	float: left;}
	
.servicosRight{
	width: 45%;
	float: right;
	text-align:justify;}


.fa-chevron-circle-right{
	color:#B0AD97;
	margin-right: 6px;
}
	

.mais{
	width: 220px;
	padding: 10px;
	height: 22px;
	border-radius:3px;
	margin-top:40px;
	background: #F2F0E2;
	color: #000000;}

.mais:hover{
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	background:#A3A191;
	
}

#bannerServicos{
	width:100%;
	height:370px;
	background:url(../images/estrutura.jpg) top center;}
	
#servicos{
	width:82%;
	margin:0 auto;}

/*--------------CONTATO------------*/
	
#contato{
	width:80%;
	margin:0 auto;
	margin-top:50px;}
	
	
#contato input{
	width:48%;
	float:left;
	height:32px;
	border:solid 1px #A5A5A5;
	margin-right:1%;
	margin-bottom:10px;
	color:#A5A5A5;}
	
#contato textarea{
	width:97%;
	height:100px;
	border:solid 1px #A5A5A5;
	margin-bottom:10px;
	color:#A5A5A5;
	float:left;}
	
#bannerContato{
	width:100%;
	height:100px;
	background:url(../images/banner-contato.jpg) top center;
	background-attachment:fixed;
	background-size:cover;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	 transform: translateZ(-100px) scale(1.09);
	 padding-top:14%;}
	 
#left{
	width:60%;
	float:left;}
	
#right{
	width:35%;
	margin-left:10px;
	float:right;}
	
.botao{
	float:left;}
	
/*--------------FOOTER------------*/

footer{
	width:100%;
	height:40px;
	background:#F2F0E2;
	color:#000000;
	font-size:10px;
	padding-top:20px;
	line-height:26px;
	margin-top:-10px;
	}
	
#footer{
	width:85%;
	margin: 0 auto;
}

	

	
	
/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 678px) {
	
h1{
	width: 90%;
	font-family:'cm_sans_serif_2012medium';
	font-size:30px;
	color:#FFFFFF;
	text-align:center;
	line-height:36px;
	margin:0 auto;
	padding-top: 170px;}
	
h3{
	
	font-family:'calibriregular';
	width: 95%;
	margin:0 auto;
	font-size:15px;
	font-weight:100px;
	color:#000000;
	text-align:center;
	padding-top:10px;
	text-transform:uppercase;}
	
#portfolio{
	width:90%;
	margin:0 auto;
	height: auto;
	clear: both;}
	
#portfolio li{
	width:90%;
	margin: 0 auto;
	margin:60px 30px 10px 0px;
	clear: both;}
	
#header{
	width:95%;
	margin:0 auto;}
	
#logo{
	width:60%;
	height:auto;
	/*background:#EA3526;*/
	float:left;}
	
.logo{
	
	margin:0 auto;
	margin-top:13px;
	margin-left:10%;}
	
	
.egmenu.js {
	display: none;}
	
#menu {
	width:50px;
	background:#ddd;
	font-size:1.35em;
	text-align: center;
	float:right;
	margin-top:20px;}
	
.menu-bar ul {
	width:100%;
	display:block;
	margin-top:60px;}
	
.menu-bar ul li{
	padding:15px 20px 15px 20px;
	border:solid 1px #F1F1F1;
	width:100%;
	float:none;}

.menu-bar {
	float:none;}
	
.egmenu {
	background:#FFFFFF;
	position: absolute;
	z-index:99;}
	
ul.egmenu ul{
	width:100%;
	padding:0;
	overflow:visible;
	transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	display: none; 
    position: relative;
	top: 0;
	z-index:9999999;}

ul.egmenu a{
	color:#585858;
	text-transform:uppercase;
	display:block;}

.egmenu li ul li a:hover{
	list-style: none;
	color:#FFFFFF;}
	
#boxtxt{
	width:55%;
	float:left;
	margin-top:6%;
	/*background:#023561;*/
	background:#F4A834;
	padding:50px;
	color:#FFFFFF;}

#bannerServicos{
	width:100%;
	height:450px;}
	
.servicos{
	width:90%;
	float:none;
	margin-bottom:30px;
	height:auto;
	margin-right:20px;}

.servicosLeft{
	width:90%;
	margin: 0 auto;}

.servicosLeft img{
	width:100%;}
	
.servicosRight{
	width: 90%;
	margin: 0 auto;
	text-align:justify;}
	
#left{
	width:95%;
	float:left;}
	
#right{
	width:100%;
	margin-left:10px;
	float:right;
	padding-top:40px;
	margin-bottom:20px;}
	
}
	

@media screen and (min-width: 768px) {
		#menu {
			display: none;
		}
	}
	
/* Ipad (portrait) ———– */
@media screen and (min-width: 679px) and (max-width: 900px) { 
	

}

	
/* ABERTURA */
@keyframes abertura {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes abertura {
   from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes abertura {
     from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes abertura {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes abertura {
   from { opacity: 0; }
    to   { opacity: 1; }
}​