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

@import 'https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700';

body{font-family: 'Josefin Sans', sans-serif;margin: 0;padding: 0;font-weight: 300;line-height: 1.5em; font-size: 1.2em}
h1,h2,h3,h4,h5{ font-family: 'Josefin Sans'; font-weight: 400; }
h1{  font-size: 2vw; line-height: 2.3vw; }
a{ color: inherit; text-decoration: none; }
img{ vertical-align: middle; }
header{position: fixed;top: 0;width: 100%;z-index: 5;transition: all 0.5s; align-items:center; text-align: center;}
header>a{padding: 0.3vw;display: inline-block;width: 18vw;margin: 1vw;vertical-align: top;transition: all 0.5s; }
header>a img{display: block;width: 100%;}
nav{text-align: center;display: inline-block;position: relative;z-index: 2;width: 90vw;margin: 0 5vw;}
header nav>a{ display: none; }
header nav ul{padding: 0;margin: 0;}
header nav ul li{display: inline-block;padding: 1% 0;transition: all 1s;color: #FFFFFF;background-repeat: no-repeat;background-size: contain;background-position: center;width: 9vw; }
header nav ul li.active{ background-image: url(../images/bgactive.png); color: #FFF; }
header nav ul li:hover{background-image: url(../images/bgactive.png); color: #FFF;}
header nav ul li a{text-align: center;font-size: 1em;}


section{ position: relative; z-index: 1; }
section#slider div.icons{position: absolute;left: 0;right: 0;top: auto;bottom: 15vw;z-index: 1000;width: 45vw;margin: auto;display: flex;align-items: center;justify-content: space-between;}
section#slider div.icons a{width: 23%; display: block; transition: all 0.5s;}
section#slider div.icons a img{width: 100%; }
section#slider div.icons a p{ text-align: center; color: #E9BD6B; font-size: 1.5em; opacity: 0; transition: all 0.5s;}
section#slider div.icons a:hover{ width: 24%; }
section#slider div.icons a:hover p{ opacity: 1; }
section#sobre{ padding: 5% 0; color: #19334C; text-align: center;}
section#sobre div{position: relative;display: flex;padding: 1vw 6vw;width: 70vw;margin: 2vw auto;align-items: center;text-align: left;}
section#sobre div::before{ content: ' '; width: 5vw; height: 5vw; background-image: url(../images/canto2.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: auto; bottom: 0; left: auto; right: 0; }
section#sobre div::after{ content: ' '; width: 5vw; height: 5vw; background-image: url(../images/canto1.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: 0; bottom: auto; left: 0; right: auto; }
section#sobre div h1{margin-right: 5vw;width: 89vw;/* letter-spacing: 2px; */}
section#sobre a{background-image: url(../images/bgbotao.png);background-repeat: no-repeat;display: inline-block;background-size: contain;background-position: center;padding: 2vw;width: 18vw;min-width: 240px;font-weight: 600;}


section#mais{ background: #1d3853; /* Old browsers */
			  background: -moz-radial-gradient(center, ellipse cover,  #1d3853 0%, #081624 100%); /* FF3.6-15 */
			  background: -webkit-radial-gradient(center, ellipse cover,  #1d3853 0%,#081624 100%); /* Chrome10-25,Safari5.1-6 */
			  background: radial-gradient(ellipse at center,  #1d3853 0%,#081624 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3853', endColorstr='#081624',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			  padding-bottom: 5vw;
 }
section#mais div{ width: 70vw; margin: 0 auto; }
section#mais div h1{background-image: url(../images/barra.jpg); background-size: cover; color: #19334C; text-align: center; margin: 0; padding:0.5vw;  }
/*section#mais div img{ width: 100%; position: relative; z-index: 1}*/
section#mais div ul{ padding: 0; margin: 0 }
section#mais div ul li{ list-style: none; width: 33.33%; display: inline-block; position: relative;}
section#mais div ul li img{ width: 100%}
section#mais div ul li h2{ position: absolute; z-index: 2; color: #FFF; top: 40%; font-size: 1.2vw; font-weight: 400; text-align: center; left: 0; right: 0 }
section#mais article{ display: none; transition: all 0.8s; width: 65vw; margin: 2vw auto; color: #FFF; text-align: center;  }
section#mais article#textoDif_1{ display: block; }
section#novo{ background-image: url(../images/bgnovonegocio.jpg); background-position: top; background-size: cover; background-repeat: no-repeat; text-align: center; padding: 5vw 10vw; color: #FFF; }
section#novo img{ width: 10vw; }
section#novo h1{ color: #FFF; font-weight: 300; line-height: 1.5em;}
section#novo a{background-image: url(../images/bgbotao.png);background-repeat: no-repeat;display: inline-block;background-size: contain;background-position: center;padding: 2vw;width: 18vw;min-width: 240px;font-weight: 600;}

section#servicos{ position: relative; padding-bottom: 5vw 10vw; z-index: 2}
section#servicos img.setao{margin-top: -10vw;margin-bottom: -10vw;width: 27vw;display: inline-block;vertical-align: middle;}
section#servicos div{ display: inline-block; width:  60vw; vertical-align: middle; padding-left: 5vw; }
section#servicos h1{ color:#9D6D34;  }
section#servicos ul{ padding: 0; }
section#servicos ul li{list-style: none;display: inline-block;text-align: center;width: 18%;margin-right: 9%;}
section#servicos ul li:last-child{ margin: 0; }
section#servicos ul li img{ width: 100% }
section#servicos ul li p{ color:#9D6D34; font-size: 1.5em  }

section#consultoria{ background: #1d3853; /* Old browsers */
			  background: -moz-radial-gradient(center, ellipse cover,  #1d3853 0%, #081624 100%); /* FF3.6-15 */
			  background: -webkit-radial-gradient(center, ellipse cover,  #1d3853 0%,#081624 100%); /* Chrome10-25,Safari5.1-6 */
			  background: radial-gradient(ellipse at center,  #1d3853 0%,#081624 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3853', endColorstr='#081624',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			  padding: 5vw 10vw; color: #FFF; position: relative; z-index: 1; text-align: center;
 }
section#consultoria div{ position: relative; display: flex; padding: 1vw 6vw; width: 70vw; margin: 2vw auto; align-items: center; text-align: left; }
section#consultoria div h1{ margin-right: 5vw; width: 89vw; }
section#consultoria a{background-image: url(../images/bgbotao.png);background-repeat: no-repeat;display: inline-block;background-size: contain;background-position: center;padding: 2vw;width: 18vw;min-width: 240px;font-weight: 600;}

section#contato{color: #FFF; padding: 5% 10%; background-image: url(../images/bgcontato.jpg) ;background-attachment: fixed;background-size: cover;background-repeat: no-repeat; background-position: top;}
section#contato form{ width: 60%; display: inline-block;  vertical-align: middle;}
section#contato form h2{color: #E9BD6B; }
section#contato form input[type="text"]{display: inline-block;margin: 2% 1% 2% 0;width: 30%;padding: 1%;color: #8e8e8e;border:1px solid #8e8e8e;background-color: transparent;font-family: 'Josefin Sans';}
section#contato form input[type="email"]{display: inline-block; margin: 2% 0; width: 30%; padding: 1%; color: #8e8e8e; border:1px solid #8e8e8e; background-color: transparent;font-family: 'Josefin Sans';}
section#contato form textarea{display: block;margin: 2% 0;width: 96.5%;padding: 1%;color: #8e8e8e;border:1px solid #8e8e8e;background-color: transparent;font-family: 'Josefin Sans';}
section#contato form button{width: 99%;padding: 2% 0;border:none;color:#FFF;text-transform: uppercase;text-shadow: 1px 1px 10px rgba(0,0,0,0.5);background: #E9BD6B; }
section#contato>div{ width: 35%;/* display: inline-block; */margin-left: 4%; vertical-align: middle; display: inline-flex; align-items: flex-start;}
section#contato>div p:nth-child(2){  display: flex; align-items: flex-start; justify-content: space-between}
section#contato>div p:nth-child(2) span:nth-child(2){ font-size: 1.5em }
section#contato>p{ margin: 4% 0; }

footer{background-image: url(../images/bgrodape.jpg);background-size: 100%;background-repeat: no-repeat;background-position: top;border-bottom: 10px solid #8e8e8e;padding: 5% 10% 2%;} 
footer div{display: inline-block;width: 33%;text-align: right;}
footer div h1{ color: #F2CE30; }
footer div img{ display: block; margin: auto;  }

body#orcamento{ background-color: #f7f7f7; padding: 10%;  }
body#orcamento form h2{color: #F2CE30; }
body#orcamento form input{display: inline-block;margin: 2% 1% 2% 0;width: 96%;padding: 1%;color: #8e8e8e;border:1px solid #8e8e8e;background-color: transparent;font-family: 'Josefin Sans';}

body#orcamento form textarea{display: block; margin: 2% 0; width: 97%; padding: 1%; color: #8e8e8e; border:1px solid #8e8e8e; background-color: transparent; font-family: 'Josefin Sans'; }
body#orcamento form button{width: 100%;padding: 2% 0;border:1px solid #EAEAEA;color:#8e8e8e;text-transform: uppercase;background-color: #F2CE30;}

body#interna header{ display: flex; padding: 5% 10%; width: 80%; position: absolute; }
body#interna img#banner{ width: 100%; margin-bottom: 3%  }
body#interna header nav{margin: 0 0 0 5vw; width: 95vw}
body#interna section.conteudo{ padding: 4% 10vw; background-repeat: no-repeat; background-size: contain; }
body#interna section.conteudo div{ width: 50vw; text-align: left; display: inline-block;}
body#interna section.conteudo div h1{color: #9D6D34; min-width: 50% }
body#interna section#sobrenos{ background-image: url(../images/fundosobre.jpg); background-position: right; }
body#interna section#serv{ background-image: url(../images/fundoservicos.jpg); background-position: 10% bottom; text-align: right ; background-size: auto 80%;  }
body#interna section#consult{ background-image: url(../images/fundoconsultoria.jpg); background-position: 5% bottom; text-align: right;  background-size: 30% auto;}
body#interna section#consult div{ display: inline-flex; align-items: center; width: 60vw}
body#interna section#consult div article{ margin-left: 5vw }
body#interna section#novonegocio{ background-image: url(../images/fundonovo.jpg); background-position: right; }
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    background: transparent;
  }
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(234, 234, 234, 0.57);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border: 1px solid #F7f7f7;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(234,234,234, 0.57); 
}

@media only screen and (max-width: 768px) {
	h1{font-size:6vw;line-height: 8.2vw;white-space: break-spaces;}
	header{display: flex;background-color: #0e2032;justify-content: space-between;padding: 13px 0;}
	header>a{ width: 200px; }
	header nav{align-self: center;width: 75px;}
	header nav>a{display: block;margin-top: 2%;width: 50px;}
	header nav>ul{display: none;position: fixed;background: #fff;width: 100%;left: 0;right: 0;top: 15vh;}
	header nav>ul li{width: 100%;text-align: center;padding: 5% 0;border-bottom: 1px solid #f2ce30;}
	header nav ul li a{ font-size:4vw ; }
	section#slider{ margin-top:15vw;}

	section#sobre{ display: block; }
	section#sobre div{    display: block;}
	section#servicos ul li{width: 45%;margin: 2.5%;}
	section#sobre div{width: 90vw !important;padding: 5vw;}
	section#sobre div:first-child img { width: 90vw; }
	section#sobre div:last-child{ max-height: 50vh; }
	section#mais div ul li{ width: 100%}
	section#contato>div{ display: none;}
	section#contato form{ display: block; width: 100%}
	section#contato form input{ width: 97% !important}
	section#contato{ padding-bottom: 5%; }
	section#contato form button{ float: none; }
	footer{ background-size: cover;}
	footer div{ width: 90%; display: block; margin:auto; }
    section#servicos div{ width: 90vw; padding: 5vw}
    section#consultoria div{ display:block}
    section#mais div ul li h2{ font-size:16px}
}
@media only screen and (max-width: 480px) {
	section#slider{height: auto;margin-top: 22%;}


}