html{
    background-color: #FAF6EC;
}

h1{
    font-family: 'Oswald', sans-serif;
}

.content{
    width: 78%;
    padding: 30px 0;
}

.site_title{
    display: inline-block;
    width: 1px;
    position: absolute;
    text-indent: -9999px;
}

.site_header{
    margin-bottom: 40px;
}

.main_header .content{
    width: 100%;
    padding: 20px 0 0 0;
}

.mobile_menu{
    padding: 5px 10px;
    color: #ff0033;
    font-size: 1.2em;
    display: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.mobile_menu span{
    color: #784100;
    font-size: 0.8em;
}

.mobile_close{
    display: none;
    padding: 5px 10px;
    color: #784100;
    font-size: 1.2em;
    display: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.mobile_close.top{
    font-size: 1.6em;
}

.mobile_close.bottom span{
    font-size: 2.6em;
    font-weight: 300;
}

.mobile_close span{
    color: #ff0033;
}

.main_nav ul,
.main_nav ul li,
.main_nav ul li a{
    display: inline-block;
    vertical-align: middle;
}

.main_header nav{
    text-align: center;
    padding: 3px 0;
    display: block;
}

.main_header ul{
    width: 78%;
    margin: 0 auto;
}

.main_header li{
    text-align: center;
    font-size: 0.9em;
}

.main_header a{
    color: #784100;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    padding: 10px 20px;
}

.main_header a:hover,
.main_header a:focus{
    color: #0089c5;
    background-size: 100% 50px;
}

.main_header .menu_qs:hover, .main_header .menu_qs:focus{ background: url(/images/bg-m-quem-somos.png) center center no-repeat; }
.main_header .menu_ps:hover, .main_header .menu_ps:focus{ background: url(/images/bg-m-produtos-servicos.png) center center no-repeat; }
.main_header .menu_pc:hover, .main_header .menu_pc:focus{ background: url(/images/bg-m-parceiros-clientes.png) center center no-repeat; }
.main_header .menu_fv:hover, .main_header .menu_fv:focus{ background: url(/images/bg-m-fotos.png) center center no-repeat; }
.main_header .menu_ct:hover, .main_header .menu_ct:focus{ background: url(/images/bg-m-contato.png) center center no-repeat; }

.bfs_sobre .content{
    padding: 10px 0 0 0;
}

.bfs_sobre .logo{
    display: block;
    width: 28%;
    margin: 10px auto 30px;
}

.bfs_sobre .tagline{
    width: 60%;
    margin: 0 auto;
    font-size: 1.2em;
    text-align: center;
    color: #7F7F7F;
    font-weight: 300;
}

.bfs_sobre .sobre_imgs{
    position: relative;
    min-height: 320px;
}

.bfs_sobre p{
    color: #7F7F7F;
    text-align: justify;
    margin: 10px 0;
}

.sobre_imgs img{
    position: absolute;
    top: 20px;
    left: 50%;
}

.sobre_imgs .line{
    height: 280px;
    margin-left: -0.5px;
    z-index: 4;
}

.sobre_imgs .brain{
    width: 58px;
    margin-left: -29px;
    top: 40px;
    z-index: 3;
}

.sobre_imgs .bolt{
    height: 280px;
    margin-left: -116px;
    z-index: 2;
}

.sobre_imgs .boltbg{
    height: 70px;
    margin-left: -147px;
    top: 80px;
    z-index: 1;
}

.bfs_servicos{
    background-color: #FFF;
}

.bfs_servicos .box:before{
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background-color: #0089c5;
    border-radius: 50%;
    color: #fff;
    line-height: 20px;
}

.bfs_servicos .s1:before{ content: "1";}
.bfs_servicos .s2:before{ content: "2";}
.bfs_servicos .s3:before{ content: "3";}

.bfs_servicos h1{
    color: #784100;
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    margin: 15px 0;
    font-weight: 400;
}

.bfs_servicos .box h1{
    text-transform: uppercase;
    text-align: center;
    font-size: 1em;
    color: #0089c5;
    margin-bottom: 20px;
}

.bfs_servicos .tagline{
    font-size: 0.9em;
    color: #784100;
    text-align: center;
    margin-top: 10px;
}

.bfs_servicos .servicos_cover{
    position: relative;
}

.bfs_servicos .servicos_title01{
    position: absolute;
    bottom: 15%;
    left: 50%;
    margin-left: -125px;
    font-size: 0.7em;
}

.bfs_servicos .servicos_title03{
    position: absolute;
    bottom: 7%;
    left: 50%;
    font-size: 0.7em;
}

.bfs_servicos img{
    max-height: 300px;
    display: block;
    margin: 0 auto;
}

.bfs_servicos p{
    /*width: 88%;*/
    font-size: 0.9em;
    margin: 20px auto;
    text-align: justify;
    color: #7F7F7F;
}

.bfs_servicos p.higher{
    font-size: 1em;
}

.bfs_servicos span{
    display: block;
    /*width: 88%;*/
    margin: 0px auto;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 0.875em;
}

.bfs_servicos a{
    color: #0089c5;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
}

.bfs_servicos .single_title{
    text-transform: uppercase;
    text-align: center;
    font-size: 0.875em;
    color: #0089c5;
    margin-bottom: 20px;
}

.bfs_single_order{
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: #0089c5;
    font-size: 1em;
    text-align: center;
    padding: 15px 0;
    background-color: #FAF6EC;
    font-family: 'Oswald', sans-serif;
}

.bfs_single_order a{
    font-family: 'Oswald', sans-serif;
    color: #0089c5;
    text-decoration: none;
}

.bfs_historia h1{
    color: #784100;
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0 25px;
    font-weight: 400;
}

.bfs_historia img{
    display: block;
    opacity: 0.2;
    margin: 20px auto;
}

.bfs_historia p{
    width: 80%;
    margin: 0 auto;
    text-align: justify;
    color: #424242;
    font-weight: 300;
}

.bfs_historia span{
    width: 80%;
    display: block;
    margin: 25px auto 0;
}

.bfs_historia a{
    color: #7F7F7F;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
}

.bfs_anuncio .content{
    width: 100%;
    padding: 30px 0 0 0;
}

.bfs_clientes{
    background-color: #fff;
}

.bfs_clientes h1{
    color: #784100;
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    margin: 15px 0;
    font-weight: 400;
}

.bfs_clientes img{
    /*max-height: 66px;*/
    display: block;
    margin: 0 auto;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.bfs_clientes .box{
    border: 1px solid #ccc;
    padding: 15px;
}

.bfs_depoimento h1{
    color: #784100;
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    margin: 15px 0;
    font-weight: 400;
}

.bfs_depoimento img{
    width: 90%;
    max-width: 280px;
    margin: 10px auto;
    display: block;
}

.bfs_depoimento .box > p{
    width: 90%;
    margin: 20px auto 25px;
    text-align: center;
    color: #784100;
}

.bfs_depoimento .box h1{
    font-size: 0.9em;
    color: #7f7f7f;
    margin: 0 auto;
    text-align: center;
    width: 90%;
    font-family: 'Lato', sans-serif;
}

.bfs_depoimento .box .tagline{
    font-size: 0.9em;
    width: 90%;
    margin: 0 auto;
    color: #7f7f7f;
    text-align: center;
    font-weight: 300;
}

.bfs_videos h1, 
.bfs_fotos h1{
    text-transform: uppercase;
    font-size: 1.2em;
    color: #0089c5;
    margin-bottom: 20px;
    font-weight: 400;
}

.bfs_videos .videos .item-video {
    height: 300px;
}

.bfs_fotos img{
    display: block;
    margin: 0 auto;
}

.bfs_groupimg{
    width: 70%;
    margin: 30px auto;
    display: block;
}

.bfs_curriculo h1{
    color: #0089c5;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
}

.bfs_curriculo ul{
    margin: 20px 0;
    font-size: 0.9em;
    padding: 0 10px 0 0;
}

.bfs_curriculo li{
    margin: 4px 0;
    padding-left: 16px;
    color: #7F7F7F;
}

.bfs_curriculo li:before {
    content: "•";
    padding-right: 8px;
}

.bfs_curriculo a{
    color: #0089c5;
    font-family: 'Oswald', sans-serif;
    font-size: 0.875em;
}

.bfs_quemsomos .quemsomos_fotos{
    width: calc(100% - 100px);
    margin: 0 auto;
    display: block;
    position: relative;
}

.bfs_quemsomos .quemsomos_control{
    /*width: 32px;*/
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -52px;
}

.bfs_quemsomos .nextPhoto{
    float: right;
    right: -50px;
}

.bfs_quemsomos .prevPhoto{
    float: left;
    left: -50px;
}

.bfs_contato{
    background-color: #fff;
}

.bfs_contato p{
    color: #7F7F7F;
    width: 90%;
    margin: 5px auto 25px;
}

.bfs_contato .contato_pessoa{
    width: 40%;
    margin: 30px auto 20px;
}

.bfs_contato .contato_pessoa li{
    display: inline-block;
    width: 50%;
    text-align: center;
    color: #784100;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}

.bfs_contato .contato_pessoa .selected{
    color: #0089c5;
}

.bfs_contato .contato_formulario{
    display: none;
    margin: 0 auto;
    max-width: 800px;
}

.bfs_contato .box{
    padding-right: 40px;
}

.bfs_contato label{
    display: block;
    width: 100%;
    margin: 10px 0;
}

.bfs_contato .label{
    display: block;
    width: 100%;
    margin: 10px 0;
}

.bfs_contato label span,
.bfs_contato .label span{
    display: block;
    width: 100%;
    color: #0089c5;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.bfs_contato input[type="text"],
.bfs_contato input[type="email"],
.bfs_contato select,
.bfs_contato textarea{
    border: 0;
    background-color: #FAF6EC;
    color: #7F7F7F;
    background-image:  none;
    font-size: 0.9em;
}

.bfs_contato .date{
    width: 32%;
    margin-right: 2%;
}

.bfs_contato .date:nth-of-type(3n+0){
    margin-right: 0;
}

.bfs_contato .telephone_ddd{
    width: 32%;
    margin-right: 2%;
}

.bfs_contato .telephone_number{
    width: 66%;
}

.bfs_contato input[type="button"]{
    width: auto;
    color: #0089c5;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    border: 0;
    background-color: #fff;
    font-size: 1em;
}

.bfs_contato .contato_clear{
    color: #ccc !important;
}

.main_footer{
    background-color: #fff;
}

.footer_top{
    width: 100%;
}

.footer_top .logo{
    width: 18%;
    margin: 0 1%;
    display: inline-block;
}

.footer_top .menu{
    width: 58%;
    margin: 0 1%;
    display: inline-block;
    text-align: center;
    font-size: 0.9em;
}

.footer_top .menu li{
    display: inline-block;
    margin: 0 5px;
}

.footer_top .menu a{
    text-decoration: none;
    color: #7F7F7F;
}

.footer_top .socialmedia{
    width: 18%;
    margin: 0;
    display: inline-block;
    text-align: right;
}

.footer_top .socialmedia_list{
    width: 40px;
    display: inline-block;
    margin: 0 1%;
}

.footer_top .socialmedia_list img{
    max-width: 70px;
}

.main_footer .blueline{
    background-color: #0089c5;
    opacity: 0.5;
    width: 100%;
    padding: 20px 0;
}

.footer_bottom p{
    color: #7F7F7F;
    font-size: 0.9em;
    display: inline-block;
    width: 50%;
}

.footer_bottom a{
    display: inline-block;
    width: 49%;
    text-align: right;
    opacity: 0.3;
}

.j_gotop{
    width: 40px;
    /*height: 40px;*/
    /*background-color: rgba(0,0,0,0.3);*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    cursor: pointer;
    z-index: 2;
    color: #fff;
    font-size: 2.6em;
    text-align: center;
    line-height: 1.3em;
}

@media(max-width: 66em){
    .bfs_sobre .logo{
        width: 40%;
    }

    .bfs_sobre .tagline{
        width: 80%;
        font-size: 1.1em;
    }

    .bfs_historia p{
        width: 100%;
    }
    
    .bfs_historia span{
        text-align: center;
    }
}

@media (max-width: 60em){

    .bfs_depoimento .content{
        width: 100%;
    }

    .bfs_contato .contato_pessoa{
        width: 50%;
        margin: 10px auto 5px;
    }

}

@media (max-width: 48em){
    .mobile_menu{
        display: block;
    }

    .main_header .main_nav{
        float: left;
        width: 100%;
        display: none;
    }

    .main_header .main_nav_menu,
    .main_header .main_nav li{
        float: left;
        width: 100%;
    }

    .main_header .main_nav li a{
        display: block;
        width: 60%;
        margin: 0 auto;
        padding: 9px 0px;
    }

    .bfs_clientes .box4{
        width: 49%; margin: 1% 2% 1% 0 !important;
    }

    .bfs_clientes .box4:nth-of-type(2n+0){margin-right: 0 !important;}

    .bfs_groupimg{
        width: 100%;
        margin: 20px 0;
    }

    .bfs_contato .contato_pessoa{
        width: 80%;
        margin: 10px auto 5px;
    }

    .footer_top .logo{
        width: 70%;
        margin: 0 auto;
        display: block;
    }

    .footer_top .menu{
        width: 100%;
        margin: 20px auto;
        display: block;
    }

    .footer_top .menu li{
        display: block;
        margin: 3px 0;
    }

    .footer_top .socialmedia{
        width: 100%;
        display: block;
        text-align: center;
    }

    .footer_bottom{
        width: 100%;
        text-align: center;
        display: block;
    }

    .footer_bottom p{
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }

    .footer_bottom a{
        display: inline-block;
        width: 100%;
        text-align: center;
    }

}

@media (max-width: 40em){
    .bfs_sobre .logo{
        width: 70%;
    }

    .bfs_sobre .tagline{
        width: 100%;
        font-size: 1.1em;
    }

    .bfs_contato .content{
        width: 86%;
    }

    .bfs_contato .box{
        padding-right: 10px;
    }

}

@media (max-width: 34em){

    .bfs_contato .content{
        width: 90%;
    }

    .bfs_contato .box{
        padding-right: 0px;
    }

}