/* 
    Created on : 09/03/2018, 08:42:35
    Author     : Fernando.Jost
*/

/** Fontes */
@font-face {
    font-family: 'gobold_extra1italic';
    src: url('../font/gobold_extra1_italic-webfont.woff2') format('woff2'),
         url('../font/gobold_extra1_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gobold_extra1regular';
    src: url('../font/gobold_extra1-webfont.woff2') format('woff2'),
         url('../font/gobold_extra1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/** padrão */
* { border: 0px; padding: 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.10em; line-height: 1.4em; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #333; }

.btn-verde { border-radius: 0px; background-color: #64A399; color: #fff; font-size: 13px; }
.btn-verde:hover { border-radius: 0px; background-color: #64A399; color: #fff; }

/** Body */
body { background-color: #fff; color: #595959; font-size: 14px; } 

/** header */
header { padding: 30px; position: absolute; z-index: 2; width: 100%; }
header .logo { width: 80%; height: 130px; margin: 0 auto; background-image: url(../img/logo.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
header .menu { list-style: none; color: #fff; font-size: 18px; margin-top: 53px; }
header .menu li { float: left; padding: 0px; padding-top: 6px; }
header .menu li a { font-family: "gobold_extra1italic", sans-serif; color: #fff; }
header .menu li::before { content: "/"; margin-right: 20px; margin-left: 20px; font-family: "gobold_extra1italic"; }
header .menu li:first-child:before { content: ""; margin: 0px; } 
/*header .ultimoMenu li:last-child:before { content: ""; margin: 0px; } 
header .ultimoMenu li:last-child { padding: 5px 20px; background-color: #001f38; margin-left: 20px; border-radius: 4px; } */
 
header .menuTop { font-size: 25px; color: #64A399; display: block; margin-top: 14px; color: #64A399; }

.minHeader { padding: 15px; position: fixed; z-index: 2; width: 100%; background-color: #00243A; border-bottom: 3px solid #64A399; box-shadow: 0 5px 15px rgba(0,0,0,.08); }
.minHeader .logo { width: 80%; height: 70px; margin: 0 auto; background-image: url(../img/logo_minHeader.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.minHeader .menu { list-style: none; color: #fff; font-size: 18px; margin-top: 13px; }
.minHeader .menu li { float: left; padding: 0px; padding-top: 6px; }
.minHeader .menu li a { font-family: "gobold_extra1italic", sans-serif; color: #fff; }
.minHeader .menu li::before { content: "/"; margin-right: 20px; margin-left: 20px; font-family: "gobold_extra1italic"; }
.minHeader .menu li:first-child:before { content: ""; margin: 0px; }  
/*.minHeader .ultimoMenu li:last-child { background-color: #30a59a; } */

/** Banner */
.banner { width: 100%; min-height: 100vh; height: 100vh; overflow: hidden; display: table; background-image: url(../img/banner.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.banner .conteudo { width: 520px; margin: 0 auto; color: #fff; text-align: center; display: table-cell; text-align: center; vertical-align: middle; padding: 200px 0px; }
.banner .conteudo h1 { font-family: 'gobold_extra1italic', sans-serif; font-size: 120px; }
.banner .conteudo p  { margin: 0px; font-size: 18px; margin-bottom: 40px; margin-top: 20px; }
.banner .conteudo .cadastro { border: 2px solid #fff; border-radius: 20px; padding: 10px 20px; font-family: "gobold_extra1italic", sans-serif; color: #fff; font-size: 20px; transition: all 0.3s; box-sizing: border-box; position: relative; }
.banner .conteudo .cadastro:hover { background-color: #fff; color: #d7806c; }
.banner .conteudo .social { margin: 0 auto; width: 145px; margin-top: 20px; height: 60px; }
.banner .conteudo .social li { list-style: none; float: left; padding: 10px; }
.banner .conteudo .social li a { color: #fff; font-size: 18px; margin-top: 10px; }

/** fazemos */
.fazemos { width: 100%; background-color: #fff; padding: 130px 0px; min-height: 100vh; }
.fazemos h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: center; margin-top: 0px; margin-bottom: 30px; }
.fazemos .txt { text-align: center; width: 900px; margin: 0 auto; }
.fazemos .servicos { width: 900px; margin: 0 auto; margin-top: 100px; }
.fazemos .servicos .circulo { border-radius: 50%; border: 3px solid #64A399; height: 113px; width: 113px; text-align: center; transition: all 0.7s; }
.fazemos .servicos .circulo img { margin-top: 20px; }
.fazemos .servicos h3 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; font-size: 18px; }

/** Soluções */
.solucoes { padding: 130px 0px; background-color: #00243A; min-height: 100vh; }
.solucoes h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: center; margin-top: 0px; margin-bottom: 30px; }
.solucoes .txt { text-align: center; width: 730px; margin: 0 auto; color: #fff; }
.solucoes .sistemas { width: 100%; margin-top: 100px; }
.solucoes .sistemas div { height: 385px; }
.solucoes .sistemas .danca { background-image: url(../img/sistema-1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.solucoes .sistemas .consultorios { background-image: url(../img/sistema-2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.solucoes .sistemas .empresas { background-image: url(../img/sistema-3.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.solucoes .sistemas .entrega { background-image: url(../img/sistema-4.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.solucoes .sistemas .conteudo { color: #fff; font-family: 'gobold_extra1italic', sans-serif; font-size: 30px; position: absolute; bottom: 160px; height: auto; cursor: pointer; }

/** portifolio */
.portifolio { width: 100%; min-height: 100vh; }
.portifolio .item { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0px; text-align: center; transition: all 0.5s; }
.portifolio .item img { max-width: 250px; max-height: 150px; display: inline-block; vertical-align: middle; opacity: 1; transition: 0.5s all; }
.portifolio .item::before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.portifolio .item .txt { color: #fff; margin: 0px; font-size: 18px; display: inline-block; vertical-align: middle; }
.portifolio .row { width: 100%; margin: 0px; min-height: 100vh; }
.portifolio .links { width: 100%; text-align: center; top: 0px; position: absolute; opacity: 0; background-color: rgba(0, 36, 58,0.8); transition: 0.5s all; }
.portifolio .links .circulo { width: 100px; height: 100px; /*border: 3px solid #64A399;*/ color: #64A399; border-radius: 50%; display: inline-block; font-size: 60px; padding: 8px; padding-left: 13px; vertical-align: middle; margin-right: 10px; }
.portifolio .links::before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.portifolio .linksB { width: 100%; text-align: center; bottom: 0px; position: absolute; opacity: 0; background-color: rgba(0, 36, 58, 0.8); transition: 0.5s all; }
.portifolio .linksB .circulo { width: 100px; height: 100px; /*border: 3px solid #64A399;*/ color: #64A399; border-radius: 50%; display: inline-block; font-size: 60px; padding: 8px; padding-left: 13px; vertical-align: middle; margin-right: 10px; }
.portifolio .linksB::before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.portifolio .i-60 { height: 60%; }
.portifolio .i-40 { height: 40%; }
.portifolio .i-75 { height: 75%; }
.portifolio .i-25 { height: 25%; }

/** contato */
.contato { width: 100%; padding: 80px 0px; padding-top: 250px; }
.contato h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: left; margin-top: 0px; margin-bottom: 10px; font-size: 24px; }
.contato .txt { padding-right: 150px; }
.contato .form-control { border: 1px solid #f5f5f5; background-color: #fff; margin-bottom: 10px; color: #989898; font-size: 13px; padding: .775rem .75rem; }
.contato .form-control::placeholder { color: #989898; opacity: 1; }
.contato .form-control:-ms-input-placeholder { color: #989898; }
.contato .form-control::-ms-input-placeholder { color: #989898; }
.contato textarea { min-height: 150px; }

.paginaContato { width: 100%; min-height: 100vh; background-image: url(../img/contato.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }

.equipe { width: 100%; background-color: #fff; padding: 80px 0px; }

.localizacao { width: 100%; height: 500px; }
.localizacao .mapa { width: 100%; height: 100%; }

/** bannerPortfolio */
.bannerPortfolio { width: 100%; height: 100vh; min-height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; display: table; background-attachment: fixed; }
.bannerPortfolio img { margin: 0 auto; position: relative; max-width: 300px; max-height: 200px; }

.descricaoPortfolio { width: 100%; padding: 100px 0px; }
.descricaoPortfolio .conteudo { width: 700px; margin: 0 auto; }
.descricaoPortfolio .conteudo h1 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: center; margin-top: 0px; margin-bottom: 30px; }
.descricaoPortfolio .conteudo p { text-align: center; }

.imagensPortifolio { width: 100%; padding-bottom: 150px; }
.imagensPortifolio .row { min-height: 100vh; margin: 0px; }
.imagensPortifolio .item { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom: 30px solid #fff; }

.destaquePortifolio { width: 100%; padding: 150px 0px; padding-top: 20px; }
.destaquePortifolio img { width: 100%; }

/** Menu Mobille */
.menuMobille { width: 100%; height: 100vh; position: fixed; z-index: 9; background-color: #00243A; color: #64A399; margin-left: 100%; transition: 0.5s all; }
.menuMobille .fecha { width: 100%; text-align: right; padding: 20px; font-size: 25px; padding-bottom: 0px; }
.menuMobille .fecha a { cursor: pointer; color: #64A399; }
.menuMobille .boxLogo { cursor: pointer; color: #64A399; margin-bottom: 40px; }
.menuMobille .boxLogo .logo { height: 70px; margin: 0 auto; background-image: url(../img/logo_minHeader.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.menuMobille .op { text-align: center; margin-bottom: 10px; }
.menuMobille .op a { color: #64A399; font-family: 'gobold_extra1italic', sans-serif; font-size: 20px; }
.menuMobille .boxSocial { width: 100%; }
.menuMobille .boxSocial .social { margin: 0 auto; width: 145px; margin-top: 40px; height: 60px; }
.menuMobille .boxSocial .social li { list-style: none; float: left; padding: 10px; }
.menuMobille .boxSocial .social li a { color: #fff; font-size: 18px; margin-top: 10px; }

/** footer */
footer { width: 100%; background-color: #00243A; padding: 40px 0px; }
footer .social { width: 160px; margin-top: 10px; }
footer .social li { list-style: none; float: left; padding: 10px; }
footer .social li a { color: #fff; font-size: 20px; margin-top: 10px; }
footer .menu { list-style: none; color: #fff; font-size: 13px; margin-top: 20px; }
footer .menu li { float: left; padding: 0px; }
footer .menu li a { font-family: "gobold_extra1italic", sans-serif; color: #fff; }
footer .menu li::before { content: "/"; margin-right: 3px; margin-left: 3px; font-family: "gobold_extra1italic"; }
footer .menu li:first-child:before { content: ""; margin: 0px; } 


.depoimentos { width: 100%; padding: 130px 0px; }
.depoimentos h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: center; margin-top: 0px; margin-bottom: 30px; }
.depoimentos .txt { width: 750px; margin: 0 auto; text-align: center; }
.depoimentos .carousel { width: 800px; margin: 0 auto; margin-top: 50px; }
.depoimentos .carousel .item .img { width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; background-position: center; background-size: cover; background-repeat: no-repeat; }
.depoimentos .carousel .item .boxConteudo { display: table;overflow: hidden;min-height: 120px; }
.depoimentos .carousel .item .boxConteudo .conteudo { text-align: left; display: table-cell;vertical-align: middle; }
.depoimentos .carousel .item .boxConteudo .conteudo h6 { font-family: 'gobold_extra1italic', sans-serif;  margin-top: 0px; margin-bottom: 10px; }

.vejaTb { width: 100%; padding: 60px 0px; padding-top: 0px; }
.vejaTb h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: left; margin-top: 0px; margin-bottom: 30px; }
.vejaTb .itens { margin-top: 20px; }
.vejaTb .itens .item { width: 100%; height: 200px; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 60px; text-align: center; display: table-cell; text-align: center; vertical-align: middle; }
.vejaTb .itens .item img { max-width: 100%; max-height: 100%; }

.contatos { margin: 0px; }
.contatos .perfil { width: 100%; text-align: left; margin-bottom: 10px; }
.contatos .perfil .dados { padding-top: 20px; }
.contatos .perfil img { max-width: 150px; }
.contatos .perfil h4 { margin: 0px; font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: left; }
.contatos .perfil img { margin-right: 10px; margin-top: 5px; }
.contatos .perfil table { text-align: left; }
.contatos .perfil table td { padding: 3px 5px; }

.tituloPaginas { width: 100%; background-color: #64A399; padding: 10px 0px; padding-top: 250px; }
.tituloPaginas h2 { font-family: 'gobold_extra1italic', sans-serif; color: #fff; text-align: left; margin: 0px; }

.textoPagina { padding: 10px 0px; font-size: 16px; }

.clientes { padding: 120px 0px; }
.clientes h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: center; margin-top: 0px; margin-bottom: 10px; }
.clientes p { text-align: center; }
.clientes .box { height: 150px; line-height: 150px; text-align: center; margin: 1em 0; }
.clientes .box img { vertical-align: middle; max-height: 150px; max-width: 180px; -webkit-filter: grayscale(100%); transition: all 0.5s; }
.clientes .box img:hover { -webkit-filter: grayscale(0%); }

.blog { width: 100%; padding: 80px 0px; padding-top: 250px; }
.blog h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: left; margin-top: 0px; margin-bottom: 10px; margin-bottom: 30px; }
.blog .lista { width: 100%; }
.blog .lista .img { width: 100%; height: 150px; background-image: url(../img/contato.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.blog .lista h6 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: left; margin-top: 10px; margin-bottom: 10px; }
.blog .lista p  { margin-bottom: 10px; }
.blog .lista .link { color: #64A399; text-align: right; }
.blog .lista .item { margin-bottom: 20px; }
.blog .input-group {  }
.blog .input-group input { border-left: 0px; border-right: 0px; border-top: 0px; border-radius: 0px; outline-style:none; box-shadow:none; width: 10px; } 
.blog .input-group span  { border-left: 0px; border-right: 0px; border-top: 0px; border-radius: 0px; background-color: transparent; }

.noticia { width: 100%; padding: 80px 0px; padding-top: 250px; }
.noticia h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: left; margin-top: 0px; margin-bottom: 10px; margin-bottom: 30px; }
.noticia .boxImg { text-align: center; }
.noticia .boxImg .img { width: 100%; height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; }
.noticia .reduzido { width: 800px; margin: 0 auto; }
.noticia .reduzido .compartilhar { width: 100%; margin-top: 100px; margin-bottom: 50px; padding-top: 10px; }
.noticia .reduzido .compartilhar .circulo { background-color: #828282; color: #fff; font-size: 18px; border-radius: 50%; width: 30px; height: 30px; display: block; text-align: center; padding-top: 3px; float: right; margin-left: 5px; margin-top: -6px; cursor: pointer; transition: all 0.5s; }
.noticia .reduzido .compartilhar .face:hover { background-color: #325c99; }
.noticia .reduzido .compartilhar .whats:hover { background-color: #1DA110; }

.newsletter { width: 100%; padding: 80px 0px; background-color: #00243A; }
.newsletter h2 { font-family: 'gobold_extra1italic', sans-serif; color: #64A399; text-align: center; margin-top: 0px; margin-bottom: 30px; }
.newsletter input { border-radius: 0px; }
.newsletter button { border-radius: 0px; background-color: #64a399; color: #fff; }

/** Media */
@media (min-width: 319px) { 
    header { padding: 0px; background-color: #00243A; border-bottom: 3px solid #64A399; position: fixed; }   
    header .logo { height: 60px; background-image: url(../img/logo_minHeader.png); }
    .minHeader { padding: 10px; background-color: #00243A; border-bottom: 3px solid #64A399; }   
    .minHeader .logo { height: 60px; background-image: url(../img/logo_minHeader.png); }
    
    .banner { }
    .banner .conteudo h1 { font-size: 80px; }
    .banner .conteudo { width: 100%; padding: 100px 10px; }
    
    .fazemos .txt { width: 100%; }
    .fazemos .servicos { width: 100%; }
    
    .fazemos .servicos { text-align: center; }
    .fazemos .servicos .circulo { margin: 0 auto; margin-bottom: 20px; }
    .fazemos .servicos .conteudo { margin-top: 0px; }
    
    .solucoes .txt { width: 100%; }
    .solucoes .sistemas { width: auto; }
    .solucoes .sistemas div { height: 200px; }
    .solucoes .sistemas .conteudo { bottom: 65px; }
    
    .portifolio .item .txt { font-size: 14px; }
    
    .i-100 { height: 200px; }
    .i-60 { height: 200px; }
    .i-40 { height: 200px; }
    .i-75 { height: 200px; }
    .i-30 { height: 200px; }
    .i-25 { height: 200px; }
    .i-20 { height: 200px; }
    
    .portifolio .i-100 { height: 200px; }
    .portifolio .i-60 { height: 200px; }
    .portifolio .i-40 { height: 200px; }
    .portifolio .i-75 { height: 200px; }
    .portifolio .i-25 { height: 200px; }
    
    .contato .txt { padding: 0px; }
    
    footer .menu { float: none !important; width: 300px; margin: 0 auto; margin-top: 20px; }
    footer .social { margin: 0 auto; }
    
    .descricaoPortfolio .conteudo { width: 100%; }
    
    .depoimentos .txt { width: 100%; }
    .depoimentos .carousel { width: 100%; }
    .depoimentos .carousel .item .boxConteudo .conteudo { text-align: center; }
    .depoimentos .carousel .item .boxConteudo .conteudo h6 { margin-top: 20px; }
    
    .contatos .perfil h4 { text-align: center; }
    .contatos .perfil { text-align: center; }
    
    .tituloPaginas { padding-top: 100px; }
    
    .contato { padding-top: 100px; }
    .blog { padding-top: 100px; }
    .noticia { padding-top: 100px; }
    
    .noticia .reduzido { width: 100%; }
}
@media (min-width: 576px) {
    .banner {  }
    .banner .conteudo h1 { font-size: 120px; }
    .banner .conteudo { width: 520px; padding: 130px 0px; }
    
    header { padding: 10px; background-color: transparent; border: 0px; position: absolute; }    
    header .logo { height: 130px; width: 100%; background-image: url(../img/logo.png); }
    header .menu { font-size: 14px; }
    header .menu li::before { margin-right: 10px; margin-left: 10px; }
    
    .minHeader { padding: 5px; }
    .minHeader .menu { font-size: 14px; }
    .minHeader .menu li::before { margin-right: 10px; margin-left: 10px; }
    
    .tituloPaginas { padding-top: 150px; }
    
    .contato { padding-top: 200px; }
    .blog { padding-top: 200px; }
    .noticia { padding-top: 200px; }
}
@media (min-width: 768px) {
    
    .tituloPaginas { padding-top: 200px; }
    
    .banner { }
    
    header .menu { font-size: 18px; }
    header .menu li::before { margin-right: 20px; margin-left: 20px; }
    
    .minHeader { padding: 15px; }
    .minHeader .menu { font-size: 18px; }
    .minHeader .menu li::before { margin-right: 20px; margin-left: 20px; }
    
    .solucoes .txt { width: 730px; }
    
    .i-100 { height: 100%; }
    .i-60 { height: 60%; }
    .i-50 { height: 50%; }
    .i-55 { height: 55%; }
    .i-40 { height: 40%; }
    .i-75 { height: 75%; }
    .i-35 { height: 35%; }
    .i-30 { height: 30%; }
    .i-25 { height: 25%; }
    .i-20 { height: 20%; }
    .i-10 { height: 10%; }
    .i-5  { height: 5%; }
    
    .portifolio .i-100 { height: 100%; }
    .portifolio .i-60 { height: 60%; }
    .portifolio .i-40 { height: 40%; }
    .portifolio .i-75 { height: 75%; }
    .portifolio .i-25 { height: 25%; }
    
    footer .menu { float: right !important; }
    footer .social { margin-left: 0px; }
    
    .descricaoPortfolio .conteudo { width: 700px; }
    
    .depoimentos .txt { width: 750px; }
}
@media (min-width: 996px) {
    
    .tituloPaginas { padding-top: 250px; }
    
    .contatos .perfil h4 { text-align: left; }
    .contatos .perfil { text-align: left; }
    
    .banner .conteudo { padding: 200px 0px; }
    
    .depoimentos .carousel { width: 800px; }
    .depoimentos .carousel .item .boxConteudo .conteudo { text-align: left; }
    .depoimentos .carousel .item .boxConteudo .conteudo h6 { margin-top: 0px; }
    
    header { padding: 30px; }
    
    .fazemos .txt { width: 900px; }
    .fazemos .servicos { width: 900px; }
    
    .fazemos .servicos { text-align: left; }
    .fazemos .servicos .circulo { margin: 0px; }
    .fazemos .servicos .conteudo { margin-top: 18px; }
    
    .solucoes .sistemas div { height: 385px; }
    .solucoes .sistemas .conteudo { bottom: 160px; }
    
    .portifolio .item .txt { font-size: 18px; }
    
    .contato .txt { padding-right: 150px; }
    
    .contato { padding-top: 250px; }
    .blog { padding-top: 250px; }
    .noticia { padding-top: 250px; }
    
    .noticia .reduzido { width: 800px; }
    
}
@media (min-width: 1200px) {
    /*.banner { padding-top: 300px; }*/
}

@media (min-width: 1400px) {
    .banner {  } 
}