body, html{ min-height: 100%; display: inline-block;float: left;width: 100%;height:100% !important;}
body{font-family: 'Open Sans', sans-serif;}
header{z-index: 999;position: relative;width: 100%;float: left;background: #fff}
.navbar{float: left;width: 100%;padding: 0 1rem;}
.navbar-light .navbar-nav .nav-link{font-size: 16px;font-family: 'Roboto', sans-serif;padding:7px 20px;border-radius: 50px;border: 2px solid transparent;color: #000!important;}
.navbar-light .navbar-nav .nav-link:hover{border: 2px solid #fff;color: #fff}
.navbar-light .navbar-toggler{color: #fff;border-color:  #fff;}
.item-social a{float: left}
.header-home{position: absolute;top:0;width: 100%;background: transparent}
.header-home .navbar{padding: 4px 1rem 0 1rem;}
.header-home .navbar-nav .nav-link:hover{border: 2px solid #5ECCC2;color: #fff}
.dropdown-menu{background: #fff;padding:10px 0;border-radius: 10px!important;border: 0}
.dropdown-item{color: #292929;}
.dropdown-item:hover, .dropdown-item:focus{background: #5ECCC2;color: #fff}
/** HOME **/
#banners{position: relative;background: #fff; height:100% !important;}

.frase .descricao-banner{}
.frase h3{font-family: 'Open Sans', sans-serif;font-weight:bold;font-size: 35px;color: #fff;}
.frase p{font-family: 'Open Sans', sans-serif;font-size: 20px;color: #fff;}

.bxslider, .bxslider li{ height:100% !important;}
.bx-viewport, .bx-wrapper{ position:relative; width:100%; height:100% !important;  top:0;  left:0;}
.bxslider, .bxslider li{ height: 100% !important;}
.bxslider li{  background-repeat: no-repeat; background-position: top center; background-size: cover;}
.bx-wrapper .bx-viewport{ border: none !important;}

#banners .descricao-banner{position: absolute;top:20%;width: 100%;z-index: 99}
#banners .pelicula{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
#banners h3{font-family: 'Open Sans', sans-serif;font-weight:bold;font-size: 55px;color: #fff;margin-bottom: 20px}
#banners p{font-family: 'Open Sans', sans-serif;font-size: 30px;color: #fff;}

#sobre h2{font-family: 'Roboto', sans-serif;color: #000; font-size: 45px;font-weight: bold}
#sobre p{font-family: 'Roboto', sans-serif;color: #000; font-size: 16px;line-height: 30px}
#sobre a{font-family: 'Roboto', sans-serif;font-size: 16px;color: #000;border: 2px solid #000;background: transparent; border-radius: 50px;padding: 10px 40px}
#sobre a:hover{background: #000;color: #fff }
#sobre h3{font-family: 'Roboto', sans-serif;color: #000; font-size: 20px;font-weight: bold}

#servicos,#clientes,#contato{background: #fff}
#servicos h2{font-family: 'Roboto', sans-serif;color: #000; font-size: 45px;font-weight: bold}
#servicos p{font-family: 'Roboto', sans-serif;color: #000; font-size: 16px;line-height: 30px}
#servicos a{font-family: 'Roboto', sans-serif;font-size: 16px;color: #000;border: 2px solid #000;background: transparent; border-radius: 50px;padding: 10px 40px}
#servicos a:hover{background: #000;color: #fff }
#servicos h3{font-family: 'Roboto', sans-serif;color: #000; font-size: 20px;font-weight: bold}


#contato h2{font-family: 'Roboto', sans-serif; color: #000; font-size: 35px; font-weight: bold;}
#contato p{color: #717171;font-size: 15px;}
#contato input,#contato button  { border-radius: 50px;  font-size: 17px;   padding: 12px 20px;  height: auto;}
#contato button { font-family: 'Roboto', sans-serif; font-size: 16px; color: #fff; border: 2px solid #000; background: #000; border-radius: 50px; padding: 12px 40px;}
#contato button:hover{background: #000}
#contato textarea { border-radius: 10px;  resize: none; height: 185px; font-size: 17px; padding: 12px 20px;}
#map_wrapper { height:480px;}
#map { width: 100%;height: 100%;border-radius:5px;}

#modalInformacoes .modal-header { border: 0;}
#modalInformacoes input { border-radius: 50px; border:1px solid #5ECCC2; padding: 12px 20px; height: auto!important;}
#modalInformacoes textarea { border-radius: 20px; resize: none; height: 100px; border:1px solid #5ECCC2; padding: 12px 20px;    width: 100%;}
#modalInformacoes form button { font-family: 'Roboto', sans-serif; font-size: 15px; color: #fff; background: #5ECCC2; padding: 12px 50px; border-radius: 50px;}

.modal input { border-radius: 50px; border:1px solid #ccc; padding: 12px 20px; height: auto!important;}
.modal textarea { border-radius: 20px; resize: none; height: 100px; border:1px solid #ccc; padding: 12px 20px;    width: 100%;}
.modal form button { font-family: 'Roboto', sans-serif; font-size: 15px; color: #fff; background: #000;border: 1px #000; padding: 12px 50px; border-radius: 50px;}
.modal h4{font-family: 'Roboto', sans-serif;color: #000; font-size: 22px;font-weight: bold}

footer{background: #292929;position: relative}
footer h4{color: #fff;font-size: 17px;}
footer p{color: #fff;font-size: 14px;    position: relative;}
footer .redes li{ float: left;display: inline-block;margin: 0 3px}
footer ul.footer-menu{list-style: none;	padding: 0;}
footer ul.footer-menu>li{display: inline;float: left;width: 100%; }
footer ul.footer-menu>li>a{color: #fff;font-size: 15px;margin-bottom: 8px;float: left;display: table}
footer .local:before {content: ""; display: block; background: url(../images/icone-local.png?v=2) no-repeat; width: 13px; height: 20px; position: absolute; left: -28px; top: 4px;}
footer .email:before {content: ""; display: block; background: url(../images/icone-email.png?v=2) no-repeat; width: 20px; height: 20px; position: absolute; left: -30px; top: 8px;}
footer .telefone:before { content: ""; display: block; background: url(../images/icone-telefone.png?v=2) no-repeat; width: 20px;height: 20px;position: absolute;left: -28px;top: 4px;}
footer .whatsapp:before { content: ""; display: block; background: url(../images/icone-whatsapp.png?v=2) no-repeat; width: 20px;height: 20px;position: absolute;left: -28px;top: 4px;}

.copyright{background: #222222 ;padding: 12px 0 ;position: relative}
.copyright a,.copyright p{color: #fff;font-size: 13px}
.whatsapp-avatar { position: fixed; bottom: 20px; right: 30px; background: #24D366; border-radius: 4px; padding: 5px; z-index: 99999;}
.whatsapp-avatar a{text-decoration: none!important;}
.whatsapp-avatar .whatsapp-fechar{position: absolute;top: 5px; right: 10px;z-index: 9999;cursor: pointer}
.whatsapp-avatar .whatsapp-abrir{display: block;float: left;width: 100%;height: 100%;padding: 8px 35px 8px 10px;color: #fff;font-size: 15px;}
.whatsapp-avatar .whatsapp-abrir img{float: left;margin-right: 20px;}

@media (max-width: 992px)  {
    /*#banners .descricao-banner{top:12%;}*/
    #banners h3{font-size: 40px;margin: 0!important;}
    #banners p{font-size: 22px;}
    #banners a{font-size: 15px; padding: 5px 40px;margin: 0!important;}
    .navbar-collapse{ background: #fff; padding: 10px}
    .navbar-brand img{height: 60px}
}

@media (max-width: 768px) {
    /*#banners .descricao-banner{top:10%;}*/
    #banners h3{font-size: 35px;}
    #banners p{font-size: 18px;}
    #banners a{font-size: 15px;}
    .local, .email, .telefone{margin-left: 35px}
    .dropdown-item{color: #292929;white-space: normal!important;}
    .whatsapp-avatar{border-radius: 22px;}
    .whatsapp-abrir {padding:2px 16px 2px 8px!important;}
    .whatsapp-avatar .whatsapp-abrir img{ height: 31px;}
}

@media (max-width: 500px) {
}