/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.navbar-inverse{
	background-color: transparent;
    border-color: transparent;
    background-image: url("../img/bg_menu.png");
    width: 100%;
    float: left;
        height: 113px;
    background-position: center;
}

.navbar-brand{
    width: 170px;
    height: 82px;
    margin-left: 0;
    padding: 0;
    margin: 12px !important;
    float: right;
}

#navbar{float: right;}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #fff !important;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
    text-shadow: none;
    color: #fff;
}

.navbar-nav>li>a {
    padding-top: 40px;
    padding-bottom: 39px;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 4px solid #fff;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: transparent;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-bottom: 4px solid #fff;
}

.navbar-inverse .navbar-nav>li>a:hover{
    border-bottom: 4px solid #fff;
}

.BannerSlider{
    width: 100%;
    float: left;
}

.navbar {
    margin-bottom: -10px;
    position: relative;
    z-index: 999;
}


.sectionSobreNos{
    width: 100%;
    float: left;
    background: #E9F1EE;
    padding: 20px 0 0 0;
}

.blocoSubHeader{
    text-align: center;
    
        padding: 20px 20px;
}

.blocoSubHeader h2{
    width: 100%; 
    text-align: center;
    color: #fff;
        font-size: 19px;
        font-weight: bold;
}

.blocoSubHeader h4{
    color: #775206;
    width: 100%;
    text-align: center;
        font-size: 15px;
    font-weight: bold;
}

.blocoSubHeader.bgTradicao{background: #E8A10C;}
.blocoSubHeader.bgQualidade{background: #068549;}
.blocoSubHeader.bgTecnologia{background: #00AC55;}
.blocoSubHeader.bgMeioAmbiente{background: #55C20D;}

.bgQualidade h4{color:#55C20D;}
.bgTecnologia h4{color:#fff;}
.bgMeioAmbiente h4{color:#fff;}


.sectionSobreNos .txtSobreNos{}
.sectionSobreNos .txtSobreNos h2{font-weight: bold; font-size: 23px; color: #000;}
.sectionSobreNos .txtSobreNos h2 span{font-weight: bold; font-size: 23px; color: #00AC55;}
.sectionSobreNos .txtSobreNos .descricao{
   font-size: 21px;
    text-align: justify;
    padding: 30px 0;
    padding-right: 20px;
}
.sectionSobreNos .txtSobreNos a{
        background-color: #00AC55;
    float: left;
    padding: 15px 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold
}
.sectionSobreNos .imgSobreNos{text-align: center;}

.subHeader{
    margin-top: -90px;
    position: relative;
    z-index: 9999;
}

.blocoSubHeader:hover{
        margin-top: -30px;
    border-radius: 35px 35px 0 0;
    padding-bottom: 50px;
}

.txtSobreNos{padding: 25px 0;}
.imgSobreNos{padding: 25px 0 0 0;}

.sectionISO{
       background-image: url(../img/bgIso.jpg);
    width: 100%;
    float: left;
    height: 330px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sectionISO .imagem{margin: 0 auto;padding: 40px 0;}
.sectionISO .texto{float: left;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 25px;}


.sectionNossaHistoria{
    width: 100%;
    float: left;
    background: #E9F1EE;
    padding: 20px 0 0 0;
}

.sectionNossaHistoria .txtSobreNos{}
.sectionNossaHistoria .txtSobreNos h2{font-weight: bold; font-size: 23px; color: #000;}
.sectionNossaHistoria .txtSobreNos h2 span{font-weight: bold; font-size: 23px; color: #00AC55;}
.sectionNossaHistoria .txtSobreNos .descricao{
   font-size: 21px;
    text-align: justify;
    padding: 30px 0;
    padding-right: 20px;
}
.sectionNossaHistoria .txtSobreNos a{
        background-color: #00AC55;
    float: left;
    padding: 15px 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold
}
.sectionNossaHistoria .imgSobreNos{text-align: center;}


.sectionNossaHistoria .blocoNossaHistoria{}
.sectionNossaHistoria .blocoNossaHistoria .ano{
    color: #00AC55;
    width: 100%;
    float: left;
    text-align: left;
    font-weight: bold;
    font-size: 41px;
}
.sectionNossaHistoria .blocoNossaHistoria .imagem{
    width: 100%;
    float: left;
    text-align: center;
}

.sectionNossaHistoria .blocoNossaHistoria .imagem img {
    width: 100%;
    max-width: 260px;
}

.sectionNossaHistoria .blocoNossaHistoria h2{
    color: #00AC55;
    width: 100%;
    float: left;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}
.sectionNossaHistoria .blocoNossaHistoria p{
    color: #000;
    width: 100%;
    float: left;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
}

.sectionNossaHistoria .blocoNossaHistoria .bgAno{
    width: 100%;
    float: left;
    text-align: left;
}


.sectionEscopo{width: 100%; float: left; background-color: #fff; padding: 50px 0;}
.sectionEscopo .txtSobreNos h2{font-weight: bold; font-size: 23px; color: #000;}
.sectionEscopo .col-md-3{padding: 0; }
.sectionEscopo .blocoEscopo{margin-bottom: 30px; width: 100%; float: left;}
.sectionEscopo .blocoEscopo .imagem{float: left; width: 100%;}
.sectionEscopo .blocoEscopo .imagem img{
    width: 295px;
    background-position: 50% 50%;
    height: 210px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sectionEscopo .blocoEscopo .texto{
        float: left;
    margin: 0 auto;
    background-color: #fff;
    width: 86%;
    padding: 15px 10px;
    /* bottom: -159px; */
    /* position: relative; */
    /* height: 93px; */
    margin-top: -45px;
    margin-left: 7%;
    box-shadow: 1px 1px 6px #ccc;
}
.sectionEscopo .blocoEscopo p{
       width: 100%;
    margin: 0;
    font-size: 13px;
    color: #aaa;
    height: 21px;
    float: left;
    line-height: 11px;
}
.sectionEscopo .blocoEscopo h2{
        width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
}

.sectionEquipe{
    background-image: url(../img/bgEquipe.jpg);
    width: 100%;
    float: left;
    height: 848px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sectionEquipe .txtSobreNos{    padding: 30% 0 0 0;}
.sectionEquipe .txtSobreNos h2{font-weight: bold; font-size: 23px; color: #fff;}
.sectionEquipe .txtSobreNos h2 span{font-weight: bold; font-size: 23px; color: #00AC55;}
.sectionEquipe .txtSobreNos .descricao{}
.sectionEquipe .txtSobreNos .descricao h2{
        font-weight: normal;
    font-size: 35px;
    color: #fff;
    padding-bottom: 40px;
}
.sectionEquipe .txtSobreNos .descricao p{
        font-weight: normal;
    font-size: 20px;
    text-align: justify;
    color: #fff;
}


.sectionBlog{width: 100%; float: left; background-color: #fff; padding: 50px 0;}
.sectionBlog .txtSobreNos strong{font-weight: bold; font-size: 38px; color: #000; width: 100%; float: left;}
.sectionBlog .txtSobreNos h2{font-weight: bold; font-size: 23px; color: #000;}
.sectionBlog .txtSobreNos h2 span{font-weight: bold; font-size: 23px; color: #00AC55;}
.sectionBlog .col-md-3{padding: 0; }
.sectionBlog .blocoEscopo{margin-bottom: 30px; width: 100%; float: left;}
.sectionBlog .blocoEscopo .imagem{float: left; width: 100%;}
.sectionBlog .blocoEscopo .imagem img{width: 100%;}
.sectionBlog .blocoEscopo .texto{
        float: left;
    margin: 0 auto;
    background-color: #fff;
    width: 96%;
    padding: 15px 10px;
    margin-top: -20px;
    margin-left: 2%;
    box-shadow: 0px 0px 6px #ccc;
}
.sectionBlog .blocoEscopo p{
        width: 100%;
    margin: 0;
    font-size: 22px;
    color: #000;
    float: left;
    padding: 15px 5px 20px 5px;
}
.sectionBlog .blocoEscopo h2{
        width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
}

.sectionBlog .blocoEscopo .texto .data{
    color: #fff;
    background: #00AC55;
    font-weight: bold;
    font-size: 15px;
    padding: 8px 18px;
    float: left;
}

.sectionBlog .blocoEscopo .texto a{
        float: right;
    color: #00AC55;
    font-weight: bold;
    font-size: 15px;
    padding: 8px 18px;
}

.vejamais{
    margin: 0 auto;
    text-align: center;
        margin-top: 40px;
}

.vejamais a{
       color: #fff;
    background: #00AC55;
    font-weight: bold;
    font-size: 20px;
    padding: 15px 45px;
    float: 0;
    margin-top: 30px;
}


.sectionDeterminacoes{
    background-image: url(../img/bgDeterminacoes.jpg);
    width: 100%;
    float: left;
    height: 719px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sectionDeterminacoes .txtSobreNos{ }
.sectionDeterminacoes .txtSobreNos h2{font-weight: bold; font-size: 23px; color: #fff;     padding: 25px 0;}


.sectionDeterminacoes .blocoDeterminacoes{width: 100%; float: left;}
.sectionDeterminacoes .imagem{width: 63px; float: left; margin-right: 10px;}
.sectionDeterminacoes .descricao{float: left; width: 85%; margin-bottom: 25px;}
.sectionDeterminacoes .descricao h2{width: 100%; float: left; color: #fff; margin: 0; padding: 11px 0; font-size: 21px; font-weight: bold;}
.sectionDeterminacoes .descricao p{
    width: 100%;
    float: left;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 19px;
    font-weight: normal;
    line-height: 33px;
}

.sectionInstagran{
    width: 100%;
    float: left;
    background: #FFF;
    padding: 20px 0 60px 0;
}
.sectionInstagran .txtSobreNos{ }
.sectionInstagran .txtSobreNos h2{font-weight: bold; font-size: 23px; color: #00AC55;}


.formFaleConosco h2{font-weight: bold; font-size: 23px; color: #000; text-align: center;}
.formFaleConosco h2 span{font-weight: bold; font-size: 23px; color: #00AC55;}

.sectionFaleConosco{
    background-image: url(../img/bgContato.jpg);
    width: 100%;
    float: left;
    height: 466px;
    background-repeat: no-repeat;
    background-size: cover;
}

.formFaleConosco{
      background-color: #fff;
    padding: 25px 50px;
    margin: 57px 0 0 0;
}

.float-label-control { position: relative; margin-bottom: 1.5em; }
.float-label-control ::-webkit-input-placeholder { color: #000; }
.float-label-control :-moz-placeholder { color: #000; }
.float-label-control ::-moz-placeholder { color: #000; }
.float-label-control :-ms-input-placeholder { color: #000; }
.float-label-control input:-webkit-autofill,
.float-label-control textarea{resize: none;}
.float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
.float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
    .float-label-control input:focus,
    .float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0; }
    .float-label-control textarea:focus { padding-bottom: 4px; }
.float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 16px 30px; border: none; border-radius: 0px; border-bottom: 1px solid #aaa; outline: none; margin: 0px; background: none; }
.float-label-control textarea {    padding: 0.1em 0em 16px 30px;
    height: 120px; }
.float-label-control label { position: absolute; font-weight: normal; top: -1.0em; left: 0.08em; color: #aaaaaa; z-index: -1; font-size: 0.85em; -moz-animation: float-labels 300ms none ease-out; -webkit-animation: float-labels 300ms none ease-out; -o-animation: float-labels 300ms none ease-out; -ms-animation: float-labels 300ms none ease-out; -khtml-animation: float-labels 300ms none ease-out; animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/ animation-play-state: running !important; -webkit-animation-play-state: running !important; }
.float-label-control input.empty + label,
.float-label-control textarea.empty + label { top: 0.1em; font-size: 1.5em; animation: none; -webkit-animation: none; }
.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label { z-index: 1; }
.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label { color: #aaaaaa; }
.float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }

.btn_Enviar{
    width: 100%;
    text-align: center;
    margin: 40px 0 0 0;
}

.btnEnviar{
   background-color: #00AC55;
    color: #fff;
    margin: 0 auto;
    width: 150px;
    border: none;
    font-size: 17px;
}


.form-group .inputNome{
    background-image: url(../img/bgInputNome.jpg);
    background-repeat: no-repeat;
    background-size: 21px 21px;
}
.form-group .inputEmail{
    background-image: url(../img/bgInputEmail.jpg);
    background-repeat: no-repeat;
    background-size: 21px 21px;
}
.form-group .inputMensagem{
    background-image: url(../img/bgInputMensagem.jpg);
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

@keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: -1em; opacity: 1; }
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: -1em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

.sectionMapa{
    width: 100%;
    float: left;
    height: 438px;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:23%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


footer{
    background-image: url(../img/bgFooter.jpg);
    width: 100%;
    float: left;
    height: 355px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sectionFooter{
    background-image: url(../img/bg_Footer.png);
    width: 100%;
    float: left;
    height: 76px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -90px;
}

.sectionFooter p{
      color: #fff;
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 0;
    margin-top: 46px;
    font-size: 12px;
}

.logofooter {
    text-align: center;
    margin-top: 65px;
}


.logofooter .navbar-brand{
        width: 170px;
    height: 82px;
    margin-left: 0;
    padding: 0;
    margin: 0;
    float: none;
}

.logofooter .navbar-brand>img {
    display: inherit;
}

.facefooter{
    margin-top: 60px;
}

.menuFooter{
        float: left;
    width: 100%;
    padding-left: 50px;
    margin-top: 42px;

}

.menuFooter h2{
    color: #fff;
    font-size: 18px;
    font-weight: bold;}
.menuFooter ul{width: 100%; float: left; list-style: none; margin: 0; padding: 0;}
.menuFooter ul li{
    width: 100%;
    float: left;
    font-size: 12px;
    margin-bottom: 5px;
}
.menuFooter ul li a{color: #fff;}


.enderecofooter{    margin-top: 75px;}
.enderecofooter p{color: #fff;    width: 100%;
    float: left;}
.enderecofooter img{}
.enderecofooter span{float: left;width: 80%;}
.enderecofooter span.img{float: left; width: 20px; margin-right: 5px; }


.col-md-25{
    width: 20%;
    float: left;
}

@media screen and (max-width: 768px){
    .sectionEscopo .blocoEscopo .imagem img {
        width: 100%;
        background-position: 50% 50%;
        height: auto;
    }
    .col-md-25{
        width: 100%;
        float: left;
    }
}

@media screen and (max-width: 768px){
    .navbar-brand {float:left;}

    #navbar {
        float: right;
        width: 50%;
        background: #00ac55;
        margin: -55px -15px;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid;
    }

    .sectionISO {
        background-image: url(../img/bgiso.jpg);
        width: 100%;
        float: left;
        height: auto;
        text-align: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .sectionEquipe {
        background-image: url(../img/bgEquipe.jpg);
        width: 100%;
        float: left;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .sectionDeterminacoes {
        background-image: url(../img/bgDeterminacoes.jpg);
        width: 100%;
        float: left;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .sectionMapa {
        width: 100%;
        float: left;
        height: auto;
    }

    footer {
        background-image: url(../img/bgFooter.jpg);
        width: 100%;
        float: left;
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .menuFooter {
        float: left;
        width: 100%;
        padding-left: 0;
        margin-top: 42px;
        text-align: left;
        margin-bottom: 30px;
    }

    .menuFooter h2{text-align: center;}
    .menuFooter ul{text-align: center;}

    .facefooter {
        margin-top: 30px;
        text-align: center;
        margin-bottom: 90px;
        width: 100%;
        float: left;
    }

    .sectionFooter {
        background-image: url(../img/bg_Footer.png);
        width: 100%;
        float: left;
        height: 76px;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin-top: -95px;
    }

    .subHeader {
        margin-top: -4px;
        position: relative;
        z-index: 0;
    }
}