/* CSS Document */

@import url("awesome/css/font-awesome.css");

@import url("fonts.css");

/* font-family: 'GothamBlack'; font-family: 'GothamMedium'; font-family: 'GothamBook'; font-family: 'GothamLight'; font-family: 'GothamBold'; font-family: 'GothamThin';*/ 

/* css */
html, body{font-family: 'GothamBook', sans-serif; font-size:14px; background:url("../images/bgqs.jpg") repeat left top; padding-top: 85px; }
strong, b{font-family: 'GothamBold';}
.content{ max-width: 1366px; margin: 0 auto;}
.content2{ max-width: 1008px; margin: 0 auto;}

/*#conheca, #numeros, #sobrenos, #banner, .barra, #cadastrese{ display:none !important}*/

.sucesso{ font-weight: bold; margin-bottom: 10px; color: #1ADD3C;}
.error{ font-weight: bold; margin-bottom: 10px; color: #FF0000;}

header{ border-top:10px solid #ed5338; font-family: 'GothamBlack'; background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 999999 !important}
header .content{ padding:30px 0;}
header a{text-decoration: none !important; }
header nav a, header nav a:hover{ color: #00667d; font-size: 12px; text-transform: uppercase; position: relative;}
header nav a::before{ position: absolute; content: ""; bottom:-5px; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: #ed5338; display: none}
header nav a:hover:before{ display:block}
header nav ul li.current a:before{ display:block}
header nav ul li.active a:before{ display:block}

header nav a::after{ position:absolute; content: ""; right: -15px; top:4.5px; background: #ed5338; width: 5px; height: 5px; border-radius:2.5px;}
header nav a.ult::after{ display:none}

header nav ul{ text-align: center; padding: 0}
header nav ul li{ display: inline-block; padding: 12px 10px 0 10px;}
header nav ul li a{ sdisplay: block; vertical-align: middle}

header .social{ background:#f2f2f2; width: 100%; padding: 5px 1%; text-align: right}
header .social a{ color:#00667d; text-decoration: none; display: inline-block; vertical-align: middle}
header .social a:last-child{ margin-right:30px;}
header .social a.link{ background:url("../images/ico_06.png") no-repeat; width: 35px; height: 35px;}
header .social a.face{ background:url("../images/ico_05.png") no-repeat; width: 35px; height: 35px;}
header .social a.inst{ background:url("../images/ico_04.png") no-repeat; width: 35px; height: 35px;}
header .social a.mail{ background:url("../images/ico_03.png") no-repeat left center; padding: 1px 10px 1px 35px;}
header .social a.fone{ background:url("../images/ico_02.png") no-repeat left center; padding: 1px 10px 1px 35px;}
header .social a.orca{ background:url("../images/ico_01.png") no-repeat left center; padding: 1px 10px 1px 45px; color: #fff}
header .social a.orca span{ background: #00667d; padding: 3px 6px; border-radius: 5px;}

.navbar-toggle {
	display:none;
	border: 1px solid #00667d;
	padding: 7px 8px;
	background-color: #fff;
	border-radius: 4px;
	cursor:pointer;
}
.navbar-toggle:hover, nav:hover .navbar-toggle{
	border: 1px solid #00667d;
	background:#ed5338;
}
.navbar-toggle .icon{
	background-color: #00667d;
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.navbar-toggle:hover .icon, nav:hover .navbar-toggle .icon{
	background-color: #fff;
}
.navbar-toggle .icon+ .icon{
    margin-top: 4px;
}


section#banner{ width:100%; position: relative;}
section#banner .cycle-slideshow{ width:100%; z-index: 0}
section#banner .cycle-slideshow img,
section#banner .cycle-slideshow a{ width:100%; display: block;}
section#banner .pager{ position: absolute; left: 0%; bottom: 25%; width: 100%; text-align: center;}
section#banner .pager span{ background:#fff; font-size:0px; width: 18px; height: 18px; display: inline-block; margin-right: 10px; cursor:pointer; border-radius: 18px;}
section#banner .pager span.cycle-pager-active{ background:#ed5338;}

.cycle-prev, .cycle-next { position: absolute; top: 50%; margin-top: -15px; width: auto; padding: 5px 8px 35px 8px; height: 30px; opacity: .7; filter: alpha(opacity=70); z-index: 800; cursor: pointer; color: #EEB530; font-size: 28px; line-height: 0; border-radius: 5px; }
.cycle-prev { left: 2%; background: rgba(0,0,0,0.75)}
.cycle-next { right: 2%; background: rgba(0,0,0,0.75)}

#sobrenos{ margin: 50px 0 0; padding-bottom: 100px; text-align: justify; background: url("../images/fundo_01.png") no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#sobrenos .txtqs{ color: #00667d; font-family: 'GothamBold'; padding-top:50px;}
#sobrenos .txtqs b, #sobrenos .txtqs strong{color:#ed5338 !important}
#sobrenos .bx01{ width: 310px; height: 310px; position: relative; margin-top: 20px;
background: #ed5338;
background: -moz-linear-gradient(-45deg,  #ed5338 0%, #00667d 100%);
background: -webkit-linear-gradient(-45deg,  #ed5338 0%,#00667d 100%);
background: linear-gradient(135deg,  #ed5338 0%,#00667d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5338', endColorstr='#00667d',GradientType=1 );
-webkit-box-shadow: 0px 21px 60px 20px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 21px 60px 20px rgba(0,0,0,0.2);
box-shadow: 0px 21px 60px 20px rgba(0,0,0,0.2);
}
#sobrenos .bx01 .imgbx{ position:absolute; top:0; margin-top: -50px; left:0; margin-left: 15px;}

#mvv{ padding: 50px 0 30px; padding-bottom: 100px; text-align: justify; 
background-color: #ed5338;
background-image: url("../images/fundo_02.png");
	background-position: center top;
	background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#mvv .missao, #mvv .visao, #mvv .valores{ padding-top: 160px; text-align: center;}
#mvv h2{ color: #00667d;font-family: 'GothamBlack'; font-size: 22px;}
#mvv .missao{ background:url("../images/ico_09.png") no-repeat top center;}
#mvv .visao{ background:url("../images/ico_08.png") no-repeat top center;}
#mvv .valores{ background:url("../images/ico_07.png") no-repeat top center;}

#servicos{ background: #00667d; padding: 50px 0; color: #fff;}
#servicos h2{ color:#fff; font-size: 42px;font-family: 'GothamBlack';}
#servicos h2 span{ color:#ed5338; display: block; line-height: 28px;}
#servicos p{font-family: 'GothamBold'; margin-top: 30px;}
#servicos ul{ text-align:left;}
#servicos ul li{ list-style:none; display:inline-block; width: 32%; vertical-align: top; text-align: center; margin-bottom: 25px;}
#servicos ul li img{ margin:0 auto; display: block}
#servicos ul li h3{font-family: 'GothamBold'; font-size: 9px; text-align: center;}


#area-de-atuacao{ padding: 50px 0 10px; padding-bottom: 100px; text-align: justify; position: relative;
background-color: #fff;
background-image: url("../images/bg_area.jpg");
	background-position: center top, center top;
	background-repeat:  no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#area-de-atuacao .barra{ width: 100%; height: 7px; background: url("../images/quebra_01.png") repeat-x center center; position: absolute; left: 0; top: 0;}
#area-de-atuacao h2{ color:#00667d; font-size: 48px;font-family: 'GothamBlack';}
#area-de-atuacao h2 span{ color:#ed5338; display: block; line-height: 28px;}
#area-de-atuacao .urgente{ color:#fff; background: #00667d; padding: 5px 10px; margin: 25px 0; font-family: 'GothamBlack'; font-size: 18px;}
#area-de-atuacao .urgente span{ color:#ed5338;}
#area-de-atuacao .barra2{ width: 100%; height: 19px; background:#ed5338 url("../images/quebra_03.jpg") no-repeat center center; position: absolute; left: 0; bottom: 0;}


#clientes{ padding: 50px 0 120px; background: #ed5338 url("../images/quebra_02.png") no-repeat bottom center;}
#clientes h2{ color:#fff; font-size: 48px;font-family: 'GothamBlack'; text-align: center}
#clientes h2 span{ color:#00667d; display: block; line-height: 28px;}
#clientes .linha{ height:1px; background: #fff; max-width: 250px; margin: 40px auto;}
#clientes .lcli{ text-aling:left}
#clientes .lcli a{ margin:18px; display: inline-block }
#clientes .lcli a img{ border-radius:5px;
-webkit-box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.1);
box-shadow: 0px 8px 0px 0px rgba(0,0,0,0.1);
}


section#contato{ padding:60px 0 20px; background: #00667d;position: relative;}
#contato .telefone a{color:#ed5338; font-family: 'GothamBold'; font-size: 14px;}
#contato p{ color:#fff; padding-left: 125px;}
#contato p a{ color:#fff; text-decoration: none} 

.fcont{ position: relative;}
.fcont .barrav{ position:absolute; height: 300px; width: 2px; background: #ed5338; right: 0; top:15px;}

section#contato #fcontato{ background: url("../images/ico_10.png") no-repeat 20px top; padding: 60px 0 0 20px;}
section#contato #fcontato input,
section#contato #fcontato textarea{ border-radius: 5px; padding: 5px; height: auto; background: #f2f2f2; border: none;
-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
}
section#contato #fcontato textarea{ height:80px;}
section#contato #fcontato button{color: #fff; background: #ed5338; border: none; text-transform: uppercase; border-radius:5px; padding: 10px;  font-family: 'GothamBlack';
-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
}

section#contato #fcontato input::-webkit-input-placeholder,
section#contato #fcontato textarea::-webkit-input-placeholder{font-family: 'GothamBook'; font-size: 12px; opacity: 0.5}
section#contato #fcontato input:-ms-input-placeholder,
section#contato #fcontato textarea:-ms-input-placeholder {font-family: 'GothamBook'; font-size: 12px; opacity: 0.5}
section#contato #fcontato input::placeholder,
section#contato #fcontato textarea::placeholder{font-family: 'GothamBook'; font-size: 12px; opacity: 0.5}


#footer{ background: #e6e6e6; color: #fff; font-size: 12px; font-family: 'GothamBold'; text-align: center; padding: 15px 0; overflow: hidden;border-bottom:10px solid #ed5338;}
#footer .copy{ color:#999999; margin-top: 9px; position: relative;}


.mao{ /*background:url("../images/mao.png") no-repeat center bottom; display: block; width: 206px; height: 270px;*/ position: absolute; left: 50%; margin-left: -140px; bottom: -79px;  }

@media only screen and (max-width: 1366px) {
	.content{ width:98%; margin: 0 1%;}
}
@media only screen and (max-width: 1240px) {
	.navbar-toggle {display:block; margin: 10px  auto;}
	nav#topnav ul{ display: none; position:absolute; left:0px; top:40px; background: #fff; width:100%; z-index: 999999; background: #f2f2f2;}
	nav#topnav ul li{ width:100%; display:block;margin:10px 0 !important; text-align:center;}
	nav#topnav ul li ul{ display:none !important; position: relative; top:0; left:0}
	nav#topnav ul br {display: none;}
	header nav ul li a{ height: auto;}
	header nav ul li a:after{ display:none}
}
@media only screen and (max-width: 1040px) {
}
@media only screen and (max-width: 1008px) {
	.content2{ width:90%; margin: 0 5%;}
	section#contato #fcontato{ position: relative; top: 0; right: 0; width: 100%;}
	section#contato .endereco{padding-top: 140px;}
	
}
@media only screen and (max-width: 972px) {
	section#conheca h2{ text-align: center; margin-bottom: 50px;}
	header .links{z-index: 0; display:none}
}
@media only screen and (max-width: 780px) {
	header{ text-align: center}
	header .content{ padding: 3px 0;}
	header .row{ padding:10px 0;}
	header nav ul{ margin:0}
	section#contato .mapa{ position: relative; bottom: 0;}
	section#contato .endereco{ background:none; text-align: center; padding-top: 50px;}
	.img{ margin: 0 auto; display: block;}
	section#contato .contatos{ padding-top: 40px;}
	section#contato .contatos a{ width:300px;margin: 10px auto;}
	section#contato .mapa{width: 100%; height: 300px; margin-bottom: 10px;}
	#area-de-atuacao img{ margin:0 auto; display: block}
	footer{ text-align: center;}

}
@media only screen and (max-width: 765px) {
	.mao{ display:none !important}
	.bx01{ margin:0 auto;}
}
@media only screen and (max-width: 550px) {
	#area-de-atuacao img{ width:100%; height: auto;}
	#contato p{ padding-left: 0}
	#servicos ul{ padding:0}
}
@media only screen and (max-width: 530px) {
	
	#clientes h2 span{ line-height: 38px;}
	.calls .titulo{ width: 98%; margin: 0 1%;}
}
@media only screen and (max-width: 430px) {
	.img{ width:100%; height: auto;}
	
	#clientes .lcli{ text-align: center}
	#servicos ul li{ width:90%}
}


#agencia11{ padding:10px 0; text-align:center;}
#agencia11 a{color:#d02509; text-decoration:none;}
#agencia11{ padding:10px 0; text-align:center;}
#agencia11 a{color:#d02509; text-decoration:none;}