body{font-family: 'Source Sans Pro', sans-serif;padding-top: 151px;} 

/* header */
#sticked {height: 40px;background-color: #f5f7fa;border-bottom:1px solid #e6e9ed;padding: 0}
#sticked .navbar-nav a.nav-link {text-transform: lowercase;color:#506a85;font:normal 400 12px/40px 'Source Sans Pro', sans-serif;margin: 0 5px 0 0;padding: 0 5px; }
#sticked .navbar-nav a.nav-link:hover {color:#fff;}
#nav-logo {margin-top: 40px;background-color: #fff}
.navbar{height: 110px;transition: height 300ms linear, background-color 300ms linear;}
.navbar-brand {width: 188px;height: 74px;}
.navbar-brand img {transition: 300ms linear;}
.navbar-nav a.nav-link {text-transform: uppercase; color:#506a85;font:normal 600 14px/22px 'Source Sans Pro', sans-serif;transition: background 0.15s ease, font-size 300ms linear, color 300ms linear; margin: 0 5px }
.navbar-nav a.nav-link:hover {background: #506a85; color:#fff;}
.navbar-nav a.social {width: 20px;height: 20px;background: url(../img/sprite-social.png) no-repeat 0 0;text-indent: -99999em; margin: 11px 10px;border-radius: 0}
.navbar-nav a.social:hover {background: transparent url(../img/sprite-social.png) no-repeat 0 0; }
.navbar-nav a.facebook {background-position: -28px 0;}
.navbar-nav a.facebook:hover {background-position: -28px 0;}
.custom-toggler.navbar-toggler {border-color: rgb(49,86,93);}
.custom-toggler .navbar-toggler-icon i{font-size: 32px;color: #02565d;}

/*Home*/
.home {height: auto;padding: 0}

/* Conheça */
.conheca {height: auto;padding: 100px;}
.conheca h2{width: 100%;font: normal 900 44px/47px 'Lato', sans-serif;color: #506a85; text-align: center;margin-bottom: 30px;}
.conheca p{width: 100%;font: normal 400 22px/28px 'Source Sans Pro', sans-serif;color: #73879c;}
.conheca h3{width: 100%;font: normal 900 24px/28px 'Lato', sans-serif;color: #506a85;}
.text-menor p{width: 100%;font: normal 400 16px/20px 'Source Sans Pro', sans-serif;color: #73879c;text-align: left;padding: 0}

/* Socios */
.socios {padding: 90px 0;background-color: #f2f5f7}
.socios h2{width: 100%;font: normal 900 47px/50px 'Lato', sans-serif;color: #506a85; }
.socios h3{width: 100%;font: normal 400 22px/28px 'Source Sans Pro', sans-serif;color: #73879c;margin-bottom: 40px}
.infos {height: 220px;margin: 50px 0 30px;}
.infos img {float: left;border-radius: 50%;margin-right: 30px;}
.infos h4 {font: normal 700 52px/56px 'Lato', sans-serif;color: #506a85;}
.infos h5 {font: normal 400 32px/36px 'Lato', sans-serif;color: #73879c;}
.infos a {width: 150px;height: 35px;display:inline-block;border-radius:5px;text-transform: uppercase;margin: 5px 0 0; background-color:#00bc9c;font: normal 700 22px/70px 'Source Sans Pro', sans-serif;color: #fff;box-shadow: 0 5px 0 0 #00a085;}
.infos a img.logo-linkedin {border-radius: 0;float: none;width: 70%;display: table;margin: 0 auto;}
.membro p {font: normal 400 18px/22px 'Lato', sans-serif;color: #73879c;}


/* Serviços */
.servicos {padding: 90px 0;}
.servicos h2{width: 100%;font: normal 900 44px/48px 'Lato', sans-serif;color: #506a85; }
.servicos h3{width: 100%;font: normal 400 22px/28px 'Source Sans Pro', sans-serif;color: #73879c;margin-bottom: 40px}
.servicos ul {list-style: none;}
.servicos h4 {font: normal 700 36px/40px 'Lato', sans-serif;color: #506a85;}
.servicos p {font: normal 400 18px/22px 'Lato', sans-serif;color: #73879c;}

/* carreiras */
.carreiras {background-color: #f2f5f7;padding: 90px 0;}
.carreiras h2{width: 100%;font: normal 900 44px/48px 'Lato', sans-serif;color: #506a85; }
.carreiras h3{width: 100%;font: normal 400 22px/28px 'Source Sans Pro', sans-serif;color: #73879c;margin-bottom: 40px}
.carreiras p {width: 100%;font: normal 400 18px/22px 'Lato', sans-serif;color: #73879c;}
.carreiras a {width: 285px;height: 70px;display:inline-block;border-radius:5px;text-transform: uppercase;margin: 30px 20px 0; background-color:#00bc9c;font: normal 700 22px/70px 'Source Sans Pro', sans-serif;color: #fff;box-shadow: 0 5px 0 0 #00a085;}


footer.footer-logo {width: 100%;height: 300px;background: #2f4052;position: relative;}
footer.footer-logo ul {list-style: none;color:#a3b1bf;padding: 0;margin: 0;}
footer.footer-logo ul li {padding:0;margin-bottom: 15px}
footer.footer-logo ul li:last-child {margin-bottom: 0}
footer.footer-logo ul li a {font: normal 400 19px/24px 'Source Sans Pro', sans-serif;color:#a3b1bf}
footer.footer-logo ul li a i {margin: 0 8px 0 0}
footer.footer-logo h3 {text-transform:uppercase;font: normal 700 16px/22px 'Source Sans Pro', sans-serif;color:#fff;margin-bottom: 15px;}
footer.footer-logo p {font: normal 700 14px/20px 'Source Sans Pro', sans-serif;color:#a3b1bf;}
footer.footer-logo form {position: relative}
footer.footer-logo input {background:#4e5c6c;border-radius: 3px;border: none;color:#a3b1bf;width: 100%;height: 40px;padding: 0 105px 0 15px;}
footer.footer-logo .btn-footer {position: absolute;top: 5px;width: 90px;height: 28px;display: inline-block;border-radius: 3px;text-transform: uppercase;background-color:#00bc9c;font: normal 700 13px/16px 'Source Sans Pro', sans-serif;color:#fff;box-shadow: 0 2px 0 #00a085;right: 5px;}


footer.footer-rights {width: 100%;min-height: 90px;background: #283645;position: relative; padding-top: 10px;}
footer.footer-rights p {margin: 5px; font: normal 700 14px/38px 'Source Sans Pro', sans-serif;color:#707e8c;     line-height: 1.3em;}
footer.footer-rights .nav-footer {float: right;}

@media only screen and (max-width: 1199px) {
    .conheca .crope {margin: 38% 0 0;}
}
@media only screen and (max-width: 991px) {
    .home {height: 485px;width: 100%;background: transparent url(../img/banner_home/banner_topo_hofa.jpg) center center;background-size: cover;}
    .home img {display: none;}

    .conheca{height: 100%;padding: 45px 0 0;}
    .conheca .col{margin: 0 0 45px 0;}
    
    .infos {text-align: center;height: auto;}
    .infos img{float: none;margin: 0}

    .servicos ul {padding: 0}

    .clientes {padding: 45px 0;}
    .clientes .col{margin: 0 0 45px 0;}

    .servicos {padding: 45px 0}

    .navbar .container {max-width: 98%;}
    .nav-item {float: left;}
    .navbar-nav .nav-item a {display: block;color:#fff}

    .contato .col{margin: 0 0 45px 0;}

    .footer-logo {height:auto !important;padding: 20px 0;}
    .newsletter {margin-top: 30px;}

    footer.footer-rights  {height: auto !important; padding: 20px 0}
    footer.footer-rights p {float: none;}
    footer.footer-rights .nav-footer {float: none;}
}
@media only screen and (max-width: 767px) {

    .home {height: 230px;}
    .navbar-collapse{background-color: #2f4052;padding: 5px;border-radius: 0px 0px 8px 8px;margin: 11px 0 0;}
    .custom-toggler.navbar-toggler {border-color: #2f4052;}
    .custom-toggler .navbar-toggler-icon i{font-size: 32px;color: #2f4052;}
    #sticked .navbar-nav a.nav-link {margin: 0 4px 0 0;padding: 0 2px;}
    
    .conheca p {font: normal 400 20px/26px 'Source Sans Pro', sans-serif}

    .servicos h4 {font: normal 700 28px/40px 'Lato', sans-serif;}
    .servicos p {font: normal 400 16px/21px 'Lato', sans-serif;}

    .text-menor p {text-align: center;}

    .contato a.tel,
    .contato a.email {font: normal 600 16px/22px 'Montserrat', sans-serif;}
    
}