/* GLOBAIS */
* { margin: 0px; padding: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; }
.clr { clear:both; }
img { border: 0; }
.fLeft { float: left; border: 6px solid #FFFFFF; margin: 0px 25px 25px 0px; }
.fRight { float: right; border: 6px solid #FFFFFF; margin: 0px 0px 25px 25px; }
.fRight img { display:block; }
.left { float:left; }
.right { float:right; }
.dnone { display: none; }
a { color: #111821; outline: none; cursor: pointer; }
a img { display:block; margin:0 auto; }
input, select, textarea { outline: none; }
hr.line { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #FFF; border-left: 0px; border-right: 0px; margin-bottom: 30px; }
p.msg.success { width: 439px; padding: 5px !important; margin-bottom: 15px; color: #528f5b; border: 1px solid #d2ecd4; background: #e9f6eb; }
p.msg.error { width: 439px; padding: 5px !important;  margin-bottom: 15px; color: #a33030; border: 1px solid #eccfcf; background: #f9e4e4; }

/*BOT�ES*/
a.botao { display: block; height: 23px; background-position: top; background-repeat: no-repeat; text-indent: -9999px; }
a:hover.botao { background-position: bottom; }
.bt-cadastre-se { width: 79px; background-image: url(../img/bt-clique-aqui.gif); }
.bt-mapa { width: 79px; background-image: url(../img/bt-mapa.gif); }
.bt-consciencia { width: 155px; background-image: url(../img/bt-consciencia.gif); }

@font-face {
  font-family: 'Heebo-Light';
  src: url('../fonts/Heebo-Light.woff') format('woff'), url('../fonts/Heebo-Light.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Heebo-Medium';
  src: url('../fonts/Heebo-Medium.woff') format('woff'), url('../fonts/Heebo-Medium.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}


*{
    box-sizing: border-box;
}

/*ESQUELETO*/
body { padding: 0px; overflow-x:hidden; }

#header{ padding:19px 0;}
#header .brand{ display: inline-block;}
#header .brand a{ width:100%; height:100%; display: block;}
#header .brand img{ width:100%;}

.navigation{ float:right; text-align: left;}
.navigation ul{ display: inline-block;}
.navigation li{ display: inline-block; margin:0 20px;}
.navigation li:first-child{ margin-left:0;}
.navigation li:last-child{ margin-right: 0; margin-left: 65px;}
.navigation a{ text-decoration: none; color:#333; font-size: 16px; text-transform: uppercase; font-family: 'Heebo-Medium'; padding:20px 0; display: block;}
.navigation a:hover{ color:#004184;}
.navigation .phone-block{ float:right;}
.navigation .phone-block span{ display: inline-block; vertical-align: middle; width:19px; height: 21px; background:url('../img/2017/icons/phone.png') no-repeat center; }
.navigation .phone-block a{ color:#004184;}

#footer{ background-color:#5a6473; padding:60px 0;}
#footer .block-left span{ display: block; color:#FFF; font-family: 'Heebo-Light';}
#footer .block-left span:first-child{ margin-bottom: 5px; font-family: 'Heebo-Medium';}

.block-left{ float:left; max-width: 48%;}
.block-right{ float:right; max-width: 48%;}

#footer .phone-block{ padding-top: 37px;}
#footer .phone-block li{ display: inline-block; list-style: none; }
#footer .phone-block li:after{ content:''; display: inline-block;vertical-align: top; width:1px; height: 17px; background-color:#FFF; margin:5px 8px 0;}
#footer .phone-block li:last-child:after{ display: none;}
#footer .phone-block a{ text-decoration:none; color:#FFF; font-size: 20px; font-family: 'Heebo-Medium';}
#footer .phone-block span { display: inline-block; vertical-align: middle; width:19px; height: 21px; background:url('../img/2017/icons/footer/phone.png') no-repeat center;}

.banner{ position:relative;}
.banner .slides .slide{ position:relative;}
.banner .slides .slide .wrap{ position:absolute; top:0; left:50%; height:100%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0);}
.banner .slides .slide .text{ width:100%; position:absolute; top:50%; left:50%; text-align:center; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.banner .slides .slide .phrase{ width:100%; display: block; font-size:62px; color:#FFF; font-family: 'Heebo-Light'; margin-bottom:40px;}
.banner .slides .slide a{ width:230px; height:50px; line-height: 50px; display: block; margin:0 auto; border:2px solid #FFF; font-size:18px; text-transform: uppercase; font-family: 'Heebo-Medium'; text-decoration:none; color:#FFF;}
.banner img{ width:100%; display: block;}
.banner .ctrl{ position:absolute; bottom:29px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); text-align: center;}
.banner .dots li{ width:11px; height: 11px; border-radius:50%; display: inline-block; margin:0 5px; background-color:#FFF; cursor: pointer; list-style: none;}
.banner .dots .slick-active { background-color:#728495;}
.banner .dots button{ display: none;}
.banner .arrows{ height:100%; position:absolute; top:0; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); pointer-events: none;}
.banner .arrow{ width:31px; height: 100%; display: block; background:url('../img/2017/icons/arrow.png') no-repeat center; cursor: pointer; pointer-events: all; position:absolute; top:0;}
.banner .arrow-left{ left:0; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.banner .arrow-right{ right:0;}

.wrap{
    max-width: 100%;
    width:1200px;
    margin:0 auto;
    padding:0 15px;
}

.home{ padding:60px 0; text-align: center;}
.home h1{ font-family: 'Heebo-Light'; font-size: 32px; color:#004184; text-align: center; margin:0 auto 15px; border-bottom:1px solid #86b8e8; display: inline-block; padding:0 25px 15px;}
.home p{ font-size: 16px; color:#3d3d3d; font-family: 'Heebo-Light'; margin:0 auto 60px; max-width: 540px;}
.home ul{ font-size: 0;}
.home li{ display: inline-block; width:370px; max-width: 100%; position:relative;}
.home .info{position:absolute; top:0; left:0; width:100%; height: 100%;}
.home .text{ width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.home h2{ font-size: 32px; color:#FFF; font-family: 'Heebo-Medium';}
.home small{ font-family: 'Heebo-Light'; font-size: 16px; color:#FFF; display: block;}
.home .button{ height: 50px; line-height: 50px; background-color:#004184; width:100%; display: block; border:none; font-size: 16px; color:#FFF; font-family: 'Heebo-Medium'; position:absolute; bottom:0; left:0; transition:.3s; opacity: 0;}
.home .button span{ float:right; display: block; width:50px; height: 50px; background-color:#003872 !important; background:url('../img/2017/icons/arrow.png') no-repeat center; background-size:14px 27px;}
.home img{ width:100%; display: block;}
.home a{ width:100%; height: 100%; display: block; position:absolute; top:0; left:0;}
.home ul li a{ position:absolute;}
.home ul li a:hover:before,
.home ul li a:hover:after{ display:none;}
.home li:hover .button{ opacity: 1;}
.home .ctrl{ display: none;}

.inner-wrap .banner{ position:relative; margin-bottom:45px;}
.inner-wrap .banner img{ width:100%; display: block;}
.inner-wrap .banner h1{ font-family: 'Heebo-Light'; font-size: 62px; color:#FFF; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.inner-wrap{ margin-bottom: 45px;}
.inner-wrap h2,
.inner-wrap h1 { font-size: 32px; color:#004184; font-family: 'Heebo-Light'; margin-bottom:45px; font-weight: 400;}
.wrap > img { width:100%; display: block; margin-bottom:45px;}

.content p,
.content div { font-size:16px; color:#3d3d3d; font-family: 'Heebo-Light'; line-height: 25px; margin-bottom:30px;}

.gallery{ margin-bottom:45px; position:relative;}
.item{ margin:0 15px;}
.item a{ width:100%; height:100%; display: block; position:relative;}
.item a:before{ content:''; width:100%; height: 100%; display: block; position:absolute; top:0; left:0; background-image: linear-gradient(to bottom, rgba(255,255,255,.75), rgba(0,65,132,.75)); opacity:0; transition:.3s;}
.item a:after{ content:''; width:100%; height:100%; position:absolute; top:0; left:0; display: block; background:url('../img/2017/icons/zoom.png') no-repeat center; opacity: 0; transition:.3s;}
.item a:hover:before,
.item a:hover:after{ opacity:1; }
.item a img{ width:100%;}

.slick-prev,
.slick-next{ position:absolute; top:50%; width:25px; height: 39px; background:url('../img/2017/icons/gallery.png') no-repeat center; cursor: pointer; border:none; text-indent: -99999px; z-index: 999; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
.slick-prev{ left:30px;}
.slick-next{ right:30px; transform:translate(0,-50%) rotate(180deg); -webkit-transform:translate(0,-50%) rotate(180deg);}

.button-wrap{ text-align: center;}
.button-wrap .button{ padding:10.5px 20px; background-color:#004184; color:#FFF; text-align: center; font-family: 'Heebo-Medium'; font-weight: bold; font-size:16px; border-radius:5px; cursor:pointer; border:none; text-decoration: none; display: inline-block; margin:0 auto; letter-spacing: .4px;}

.services{ text-align:center;}
.services h2 { display:inline-block; padding:0 60px 15px; border-bottom: 1px solid rgba(134,184,232,.35);}
.services .wrap { width:1030px;}

.box.box{ width:100%; background: none; padding: 0; margin-bottom: 45px; text-align: left;}
.box.box .photo{ max-width: 370px; display: inline-block; vertical-align: top; margin-bottom: 0; text-align: left;}
.box.box .photo a{ width:100%; height: 100%; display: block;}
.box.box img{ max-width:100%; display: inline-block;}
.box.box .text{ max-width:600px; display: inline-block; vertical-align: top; padding-left:60px; text-align: left; padding-top: 16px;}
.box.box h3 { color:#004184; font-size: 28px; font-family: 'Heebo-Light'; margin-bottom: 20px; font-weight: 400;}
.box.box .text p{ margin-bottom: 0; padding-bottom: 25px; border-bottom: 1px solid rgba(134,184,232,.35);}
.box.box .text ul{ padding-bottom: 25px; border-bottom: 1px solid rgba(134,184,232,.35);}
.box.box .text li{ list-style: disc inside; line-height: 27px; color:#3d3d3d; font-size: 16px;}

.busca { width:830px; max-width: 100%; margin:0 auto 40px; }
.busca form input { width:93.7369436%; height: 50px; line-height: 50px; border:1px solid #d0d0d0; border-right:none; padding-left:58px; font-size: 20px; color:#3d3d3d; font-family: 'Heebo-Light'; float:left;}
.busca form button { width:6.2630564%; height: 50px; background:url('../img/2017/icons/search.png') no-repeat center #003872; cursor: pointer; border:none; display: block; float:left;}

.resultado .callback{ width:100%; display: block; margin-bottom: 30px; color:#3d3d3d; font-size: 20px; font-family: 'Heebo-Light'; text-align:center;}
.resultado ul{ border:1px solid #5a6473; text-align: left;}
.resultado li{ list-style: none; padding:9px 0;}
.resultado li:nth-child(even){ background-color:#e6e8ea;}
.resultado li:first-child{ background-color:#5a6473; padding:11.5px 0;}
.resultado li:first-child span{ color:#FFF;}
.resultado li span{ color:#3d3d3d; font-size: 18px; font-family: 'Heebo-Light'; display: inline-block; padding:0 30px;}
.resultado .codigo{ min-width: 115px;}

.location{ margin-bottom: 0;}
.map{ width:100%; height: 500px; border: none; display: block;}
address{ max-width: 100%; width:430px; margin:0 auto 45px; font-style: inherit;}
address span{ display: block; width:100%; color:#3d3d3d; font-size:16px; font-family: 'Heebo-Light';}
address .title{ font-size: 20px; color:#3d3d3d; font-family: 'Heebo-Medium'; font-weight: bold;}

.contact p{ font-size: 16px; color:#3d3d3d; font-family: 'Heebo-Light';}
.contact form{ max-width: 100%; width:500px; margin:40px auto 0;}
.contact fieldset{ border:none;}
.contact label{ width:100%; font-family: 'Heebo-Medium'; font-weight: 400; font-size: 16px; color:#3d3d3d; margin-bottom:5px; display: block; text-align: left;}
.contact input{ width:100%; height: 45px; line-height: 45px; border:1px solid #9f9f9f; margin-bottom:15px; border-radius:5px; padding:0 5px;}
.contact textarea{ width:100%; height: 100px; resize:none; border:1px solid #9f9f9f; margin-bottom:15px; border-radius:5px; padding:0 5px;}
.contact .button-wrap{ text-align: left;}

#formContato input.erro,
#formContato textarea.erro { border: solid 1px #a33030; }

#formContato .error { color: #a33030; background: #f9e4e4; border: solid 1px #eccfcf; display: none;}
#formContato .success { color: #528f5b; background: #e9f6eb; border: solid 1px #d2ecd4; display: none;}
#formContato .loading { color: #666666; background: #f1f1f1; border: solid 1px #cfcfcf; display: none;}