@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,900');


body, figure, h1, h2, h3, h4, ul, p {margin: 0; border: 0; padding: 0;}
a {text-decoration: none;}
* {box-sizing: border-box; list-style: none; font-family: 'Roboto', sans-serif;}

/* AJUSTE DEFAULT */
    .floatLeft {float: left;}
    .floatRight {float: right;}
    img {max-width: 100%; height: auto;}

/*MENU*/
    .navbar {background-color: #ffffff !important;}
    .navbar .container .navbar-brand img {width: 100px;}
    #navbarSupportedContent {}
    #navbarSupportedContent ul li a {color: #242525}
    #navbarSupportedContent ul li.active {background-color: #3BB54A; border-radius: 3px; padding: 0 10px 0 10px;}
    #navbarSupportedContent ul li.active a {color: #ffffff;}
    #navbarSupportedContent ul li.active a:hover {color: #ffffff;}
    #navbarSupportedContent ul li a:hover {color: #3BB54A;}

    /* RESPONSIVE */
        @media only screen and (max-width: 1200px) and (min-width: 991px) {
            #navbarSupportedContent ul li a {font-size: 14px;}
        }

/* BANNER */
    section.banner {background: url(../img/banner_topo.jpg) no-repeat center; background-size: cover; min-height: 600px;}
    section.banner h1 {margin-top: 120px; font-size: 55px; color: #ffffff; font-weight: bolder}
    section.banner h1 span {color: #3BB54A; font-size: 80px;}

    /* RESPONSIVE */
        @media only screen and (max-width: 667px) {
            section.banner h1 {font-size: 24px; margin-left: 20px;}
            section.banner h1 span {font-size: 33px;}
            section.banner {min-height: 350px;}
        }

/* SERVICES */
    section.services {margin-bottom: 40px;} 
    section.services .alinha {text-align: center; margin-top: 10px; margin-bottom: 40px;}
    section.services h2.title {color: #3BB54A; font-size: 34px; margin-top: 15px;}
    section.services section.meiaServices aside {margin-bottom: 35px; margin-top: 35px;}
    section.services section.meiaServices {max-width: 800px; margin: 0 auto; height: auto;}
    section.services section.meiaServices h1 {font-size: 18px; color: #242525; font-weight: bold; margin-bottom: 15px;}
    section.services section.meiaServices p {color: #717070;}

/* NEWSLETTER */
    section.newsletter {background: url(../img/newsletter_background.jpg) no-repeat center; background-size: cover; min-height: 370px;}
    section.newsletter .alinha {text-align: center; margin-top: 10px; margin-bottom: 40px; color: #ffffff; margin-top: 120px;}
    section.newsletter .alinha h2 {margin-bottom: 30px; font-weight: bold;}
    section.newsletter .alinha p {font-size: 18px; margin-bottom: 30px;}
    section.newsletter .alinha button {background-color: #3BB54A; color: #ffffff;}

/* DIFERENCIAIS */
    section.diferenciais h1 {font-size: 20px;}
    section.diferenciais p {font-size: 14px; margin-top: 20px; color: #717070; min-height: 130px;}
    section.diferenciais a {background-color: #20B573; color: #ffffff; margin-top: 20px; padding-left: 30px; padding-right: 30px; font-size: 15px; border-radius: 0; margin-bottom: 45px;}
    
    /* RESPONSIVE */
        @media only screen and (max-width: 575px) {
            section.diferenciais aside {text-align: center;} 
        }


/* FOOTER */
    footer {background-color: #F4F4F4; width: 100%; height: auto; padding-top: 30px; padding-bottom: 30px; color: #717070;}
    footer .alinha {text-align: center;}
    footer .alinha p {margin-top: 15px;}
    footer .anulaP h3 {margin-left: -15px;}
    footer h3 {margin-bottom: 40px; color: #242525; text-align: left;}
    footer .row2 {margin-top: 15px;}
    footer .anulaP p {margin-top: 0;}
    footer i {float: left; margin-right: 10px; margin-top: 5px; color: #2F8C44;}
    footer .menuFooter h3 {margin-bottom: 30px;}
    footer .menuFooter ul li {text-align: left; text-decoration: #3BB54A; padding: 5px 0 0 20px; list-style: none; background-image: url("../img/list_style_circle.png"); background-repeat: no-repeat; background-position: left center; background-size: 10px; margin-bottom: 15px;}
    footer .menuFooter ul li a {color: #717070; text-decoration: none;}

    footer .location {margin-top: 30px;}
    footer .desktop {display: block;}
    footer .mobile {display: none;} 

    footer .phone img {margin-top: 3px; margin-right: 8px; width: 18px; height: 18px;}

    /* RESPONSIVE */
        @media only screen and (max-width: 767px) {
            footer .alinha {text-align: left;}
            footer .imgLogo img {width: 150px; height: 150px;}
            footer .alinha h3 {margin-top: 10px; margin-bottom: 15px;}         
            footer .anulaP h3 {margin-left: 0;}   
            footer .centerCont {text-align: left} 
            footer .desktop {display: none;} 
            footer .mobile {display: block;} 
            footer .phone {margin-left: 0;} 
        }


/* ---------- */
/*  BAND GREEN TOP */
    .greenBand {width: 100%; min-height: 120px; background-color: #3BB54A; margin-top: 25px;}
    .greenBand .marginTop {margin-top: 35px; color: #ffffff;}
    .greenBand .marginTop .breadcrumb {background-color: transparent; margin-right: 50px;}
    .greenBand .marginTop .breadcrumb p {font-weight: 300;}
    @media only screen and (max-width: 575px) {
        .greenBand .marginTop h1 {font-size: 26px; margin-top: 10px;}
        .greenBand .marginTop p {font-size: 14px;}
    }

/* QUEM SOMOS */
    .empresa {margin-top: 80px; margin-bottom: 80px;}
    .empImg img {width: 400px; height: 300px; float: left; margin-right: 15px;}
    /* .empresa .marginL {margin-left: 10px;} */
    .empresa p {color: #717070; font-weight: 300;}
    /* .empresa .paddingLR {padding-left: 50px; padding-right: 30px; margin-top: 10px;} */

    .empresa .espaceMVV {margin-top: 50px;}
    .empresa .espaceMVV .mvv {margin-top: 25px;}
    .empresa .espaceMVV h1 {margin-bottom: 15px; font-size: 30px;}
    /* RESPONSIVE */
        @media only screen and (max-width: 767px) {
            .empresa {text-align: center;}
            .empresa p {text-align: left;}
            .empImg img {width: 350px; height: 250px; float: none; margin-bottom: 20px;}
            .empresa .espaceMVV img {margin-top: 20px;}
        }

/* ATUAÇÃO */
    .atuacao {margin-top: 80px; margin-bottom: 80px;}
    .atuacao p {color: #717070; font-weight: 300;}

/* CLIENTES */
    .clientes img {width: 100%; margin-bottom: 35px;}

/* CONTATOS */
    .contatos form label {color: #717070; font-size: 14px;} 
    .contatos form button {background-color: #20B573; color: #ffffff; margin-top: 20px; padding-left: 50px; padding-right: 50px; font-size: 15px; border-radius: 0; margin-bottom: 45px;}

/* DIFERENCIAIS */
    .diferenciais {background: url(../img/fundo.png) no-repeat center; background-size: 100%; height: auto;}
    .diferenciais .certificacoes {padding-top: 80px; margin-bottom: 180px;}
    .diferenciais .certificacoes h1 {margin-top: -50px; font-size: 26px; color: #3BB54A}
    .diferenciais .certificacoes .desktop {display: block;}
    .diferenciais .certificacoes .mobile {display: none;}
    /* RESPONSIVE */
        @media only screen and (max-width: 767px) {
            .diferenciais .certificacoes h1 {margin-top: 10px;}
            .diferenciais .certificacoes p {text-align: left;}
        }
        @media only screen and (max-width: 575px) {
            .diferenciais .certificacoes .desktop {display: none;}
            .diferenciais .certificacoes .mobile {display: block;}
            .diferenciais .certificacoes p {margin-bottom: 20px;}
        }

/* SERVIÇOS */
    .servicos .marginTop {margin-top: 50px;}
    .servicos ul {padding-left: 50px;}
    .servicos ul h1 {color: #242525; font-size: 25px; margin-bottom: 20px;}
    .servicos ul li {list-style-type: disc; color: #717070; font-size: 18px; font-weight: 300;}
    @media only screen and (max-width: 575px) {
        .servicos {}
        .servicos img {width: 200px; height: auto; margin-bottom: 20px;}
    }