*{
    font-family: 'PT Sans', sans-serif;
    font-size: 1em;
    color: #666;
}
a{text-decoration: none;}
.container{width: 100%; float: left;}
.content{float: left; width: 90%; margin: 0 5%;}

.paginator{display: block; width: 100%; text-align: center; float: left; margin-bottom: 40px;}
.paginator li{display: inline-block;}
.paginator li span,
.paginator li a{display: inline-block; padding: 6px 12px; margin: 0 5px; text-decoration: none; color: #333;  /*background: #d92027;*/}
.paginator li span, .paginator li a:hover{background: #afa46e; color: #fff;}

/*MENU MOBILE*/
.mobile_action{width: 40px;height: 30px; margin: 35px 0px 0px !important; float: right;cursor: pointer;
               background: url(../images/mobile.png) #f7941d center center no-repeat;
               background-size: 100%;
               -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.mobile_action:hover, .mobile_action.active{background: #333333 url(../images/mobile.png) center center no-repeat; background-size: 100%;}

@media (max-width: 1023px){ 
    .main_header_nav{top: 0; padding-top: 20px; position: fixed;left: -100%;width: 76%;height: 100%;min-width: 200px;max-width: 360px;background: #696969;z-index: 10;overflow: hidden;overflow-y: auto;}

    .main_header_nav_item{float: left;width: 100%;position: relative;}
    .main_header_nav_item > a{float: left;width: 100%;padding: 15px;text-transform: uppercase;text-decoration: none;color: #eee;font-weight: bold;font-size: 1em; font-family: 'Raleway', sans-serif; 
                              font-weight: 300; border-bottom: 1px solid #ccc;}
    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover{background: #444;color: #fff;}
    .main_header_nav_sub{float: left;width: 100%;padding: 10px;background: #CCC;}
    .main_header_nav_sub_item{float: left;width: 100%;}
    .main_header_nav_sub_item a{float: left;width: 100%;padding: 15px;text-transform: uppercase;text-decoration: none;color: #333;font-size: 0.8em;}
    .main_header_nav_sub_item a:hover{background: #666; color: #FFF;}
}

/*SITE*/

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#vidtop-content {
    top: 0;
    color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }



h1, h2, h3{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.bgParallax{
    float: left;
    width: 100%;
    background-image: url('../images/bk_criacaosites.jpg');
    background-repeat: repeat-y;
    background-size: 100%;
    position: relative;
    min-height: 100%;
    background-position: 50% 0;
    background-attachment: fixed;
}

.logo{
    float: left;
    width: 200px;
    margin-top: 20px;
    position: relative;
}
.logo img{
    width: 165px;
}

.site_title{
    position: absolute;
    font-size: 0.7em;
    left: 80px;
    top: 48px;

}

.banner{
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
    padding-bottom: 30px;
    min-height: 250px !important;
}

.banner h1{
    font-size: 1.4em;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.banner p{
    font-family: 'Raleway', sans-serif;
    width: 100%;
    margin-bottom: 30px;
}

.banner .btn_banner{
    color: #FFF;
    padding: 10px;
    background: #f7941d;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    /*width: 300px;*/
}

.cta{
    width: 100%;
    float: left;
    margin-bottom: 50px;
    background: #666;
    padding: 30px 0;
}
.cta h3{
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.cta h3 span{
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    color: #FFF;
}
.cta p{
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 0.9em;
    margin-bottom: 15px;
}
.cta form{
    width: 100%;
    float: left;
    font-weight: 400;
}
.cta input[type="email"]{
    width: 75%;
    float: left;
    border: none;
    font-family: 'Raleway', sans-serif;
}
.cta input[type="submit"]{
    width: 25%;
    float: left;
    background: #f7941d;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    color: #FFF;
    font-family: 'Raleway', sans-serif;
}

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

.titulo{
    font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 300;
}

.subtitulo{
    font-family: 'Raleway', sans-serif; 
}

.ocultamobile{
    display: none;
}

.home_servicos p,
.home_acoes p{
    font-family: 'Raleway', sans-serif;
    line-height: 1.5em;
    margin-bottom: 10px;
}
.home_servicos strong{
    font-family: 'Raleway', sans-serif;
    line-height: 1.5em;  
    color: #f7941d;
    font-weight: 400;
}

.home_acoes{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.home_acoes li{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
    /*height: 160px;*/
}
.home_acoes li img{
    max-width: 55%;
}
.home_acoes li h2{
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
}

.bk_projetos{
    background: url('../images/pattern/white.png') repeat;
    padding-top: 20px;
}

.projetos_home{
    margin-top: 30px;
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.projetos_home li{
    width: 100%;
    float: left;
    /*margin-bottom: 20px;*/
    border: 1px solid #DEDEDE;
}

.projetos_home li img{
    width: 100%;
}


.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.view .mask, .view .content {
    width: 100%; 
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0
}
.view img {
    display: block;
    position: relative
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(246, 127, 35, 0.8);
    margin: 20px 0 0 0
}
.view p {
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.view a.info:hover {
    box-shadow: 0 0 5px #000;
}

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(0,0,0, 0.7); 
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
    margin-bottom: 20px;
}
.view-first p { 
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}
.view-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.view-first:hover img { 
    transform: scale(1.1);
} 
.view-first:hover .mask { 
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.view-first:hover p {
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*
.slider{
    width: 100%;
    float: left;
    margin-bottom: 30px;

}

.wc_slide_item_desc{
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    color: #FFF;
    padding: 10px 10%;
}

.wc_slide_item_desc h2{
    color: #FFF;
    font-size: 1em;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.wc_slide_item_desc a{
    color: inherit;
    text-decoration: none;
}

.wc_slide_item_desc a:hover{
    text-decoration: underline;
}

.wc_slide_item_desc p{
    font-size: 1em;
    color: #FFF;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
}*/

.home_noticias{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.home_noticias li{
    margin-bottom: 20px;
}

.home_noticias li h2{
    font-size: 1.2em;
    font-weight: 300;
    margin-bottom: 10px;
}

footer{
    background:#626262;
    padding: 20px 0;
}

footer h4{
    color: #FFF;
    font-size: 1.2em;
    font-weight: 300;
    margin-bottom: 10px;
}

footer p,
footer li,
footer a,
footer span,
footer strong{
    color: #FFF; 
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    line-height: 1.5em;
}

.foot1,
.foot2,
.foot3{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

footer li{
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
}
footer li a{
    width: 100%;
    display: block;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}
.social{
    width: 100%;
    float: left;
    margin-top: 20px;
}
.social a{
    margin: 15px 10px 0px 0px;
    font-size: 1.5em;
    background-color: #333;
    padding: 8px;
    transition: background-color 0.5s ease;
}

.social a:hover{
    background-color: #999;
}

.topo_miolo{
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

#tabs ul li a{
    color: #FFF; 
    font-size: .9em;
    float: left;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 50%;
    height: 180px;
    padding: 4% 5px;
}

#tabs ul li img{
    width: 50%;
    margin: 0 25% 10px;

}

#tabs ul li a#aba1, 
#tabs ul li a#aba2, 
#tabs ul li a#aba3, 
#tabs ul li a#aba4,
#tabs ul li a#aba5,
#tabs ul li a#aba6{
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    background:#E7E7E7;
    color: #333;
    border-top: 8px solid #a0a0a0;
}
#tabs ul li a#aba1:hover, 
#tabs ul li a#aba2:hover, 
#tabs ul li a#aba3:hover, 
#tabs ul li a#aba4:hover, 
#tabs ul li a#aba5:hover, 
#tabs ul li a#aba6:hover{background:#DEDEDE;}

#tabs ul li a#aba1.active,
#tabs ul li a#aba2.active,
#tabs ul li a#aba3.active,
#tabs ul li a#aba4.active,
#tabs ul li a#aba5.active,
#tabs ul li a#aba6.active{
    color: #333;
    border-top: 8px solid #f7931d;
    background: #FFF;
}


#tabs ul li a .img_c{
    display: block;
}

#tabs ul li a:hover .img_c,
#tabs ul li a.active .img_c{
    display: none;
}

#tabs ul li a .img_a{
    display: none;
}

#tabs ul li a:hover .img_a,
#tabs ul li a.active .img_a{
    display: block;
}

#tabs ul li a:hover, #tabs ul li a.active{
    background-repeat: no-repeat !important; 
    background-size: 100% !important;
}

#tabs .content_tab {
    background: #FFF;
    padding: 20px;
    width: 100%;
    margin-bottom: 40px;
}

/*TABS*/
#tabs .content_tab ul{
    width: 100%;
    clear: both;
    float: left;
    margin: 20px 0;
}

.content_tab p, .content_tab li, .content_tab a{
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    line-height: 1.3em;
}

.content_tab hr{
    width: 100%;
    float: right;
    background: url(../images/tile-separator.gif);
    height: 6px;
    border: 0px;
    margin: 40px 0px;
}

.content_tab h2{
    color: #f7931d;
    font-size: 1.2em;
    font-weight: 300;
    text-transform: uppercase; 
    margin-bottom: 15px;
}
.content_tab h3{
    text-transform: uppercase; 
    margin-bottom: 15px;
}
.content_tab h4{
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 40px;
}

.lista_fazemos li{
    list-style: url('../images/lista_fazemos.png') inside;
    margin-bottom: 5px;
}

.lista_servicos li{
    list-style: url('../images/lista_servicos.png') inside;
    margin-bottom: 10px;
}

.img_fazemos{
    width: 40%;
    margin: 0 30%;
    margin-bottom: 20px;
}

.monitores{
    margin-bottom: 20px;
    width: 100%;
}

.design_grupo, .logo_grupo, .seo_grupo, .email_grupo, .social_grupo{
    width: 100%;
    float: left;
}


.design_grupo li img, .logo_grupo li img, .seo_grupo li img, .social_grupo li img{
    margin-bottom: 20px !important;
}


.design_grupo li, .logo_grupo li, .seo_grupo li, .social_grupo li, .email_grupo li{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

/* Modal
--------------------------------------*/
.modall{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 999;
}
.modal {  
    position: fixed;
    top: 0px; 
    background-color: #fff;
    width: 70%;
    left: 15%;
    right: 15%;
    height: 100%;
    outline: none;
    overflow: auto;   
    z-index: 999;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;  
}

.close-custom {
    font: 2em 'Raleway';
    position: absolute;
    top: 15px;
    left: 15px;

    line-height: 20px;
    height: 52px;
    width: 52px;
    border: none;
    color: #FFF;
    background: #cdcdcd;
    opacity: 0.45;
    filter: alpha(opacity=45); 
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;						  
}
.close-custom:hover,
.close-custom:focus {
    cursor: pointer;
    opacity: 0.99;
    filter: alpha(opacity=99);
}
.modal{
    -webkit-box-shadow: inset 2px 2px 15px #999;	
    -moz-box-shadow: inset 2px 2px 15px #999;	
    -o-box-shadow: inset 2px 2px 15px #999;	
    box-shadow: inset 2px 2px 15px #999;
    behavior: url(js/PIE.htc);
}
.modal .modal-body{	
    width: 90%;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.modal .modal-body .title{
    margin-top: 60px;
    color: #9b9b9b;
    display: block;	
    font: 2em 'Raleway';
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.modal .modal-body .sub_title{
    color: #494949;
    display: block;	
    font-size: 1em;
    margin-bottom: 20px;
    text-align: center;	
}

.modal .modal-body p{
    color: #747474;
    font-size: 1em;
    margin-bottom: 10px;
    margin-top:20px;
}
.modal .modal-body img{
    border:1px solid #ccc;
}


.logo_clientes li{
    float: left;
    margin: 15px;
    background: #FFF;
}

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

.depoimentos{
    width: 100%;
    float: left;
    background: #FFF;
    padding: 15px;
    margin-bottom: 30px;
}

.depoimentos hr{
    width: 100%;
    float: right;
    background: url(../images/tile-separator.gif);
    height: 6px;
    border: 0px;
    margin: 40px 0px;
}

.depoimentos h2{
    font-size: 1.3em;
    margin-bottom: 20px;
}

.depoimentos article{

}

#contato{
    width: 100%;
    float: left;
}

#contato input,
#contato textarea{
    margin-bottom: 15px;
    border: 1px solid #CCC;
}

#contato .input_check{
    height: 50px;
    opacity: 0;
    filter: alpha(opacity=0);  
    position: relative;
    width: 100px;
}

#contato .input_check:hover{
    cursor: pointer;
}
#contato .thumb{
    display: block;
    float: left;
    height: 49px;
    left: 50%;
    margin: 0 0 -80px -25px;
    position: relative;	
    width: 49px;  
}
#contato #img_wd{
    background: url(../images/icons/icon_wd_medium.png) no-repeat bottom;
}
#contato #img_dg{
    background: url(../images/icons/icon_dg_medium.png) no-repeat bottom;
}
#contato #img_iv{
    background: url(../images/icons/icon_iv_medium.png) no-repeat bottom;
}
#contato #img_seo{
    background: url(../images/icons/icon_seo_medium.png) no-repeat bottom;
}
#contato #label_webdesign span{
    color: #7b7b7b;
    display: block;
}
#contato .lab{
    float: left;
    text-align: center;
    width: 25%;
}
#contato span{
    color: #7b7b7b;
    display: block;
}

#contato .hide{
    background: url(../images/backgrounds/bg_label.jpg);
    color: #7a7a7a;
    padding: 22px;
    margin-top: 30px;
    line-height:22px;
}
#contato .hide span{
    color: #333;;
    display: block;
    margin: 15px 0;
    text-transform: uppercase;
}
#contato .hide .input_text,
#contato .hide textarea{
    border: none;
    background: #f1f1f1;
    color: #7a7a7a;
    display: block;
    height: 37px;
    padding: 0 8px;
    position: relative;
    width: 514px;
    -webkit-outline: none;
    -moz-outline: none;
    -o-outline: none;
    outline: none;
    -webkit-box-shadow: -1px -1px 3px #AAA;
    -moz-box-shadow: -1px -1px 3px #AAA;
    -o-box-shadow: -1px -1px 3px #AAA;
    box-shadow: -1px -1px 3px #AAA;
}
#contato input[type='checkbox']{
    width: 20px !important;
}
#contato .hide .left{
    margin-right: 10px;
}
#contato .hide select{
    font: 16px Arial, Helvetica, sans-serif;
    outline: none;
    padding: 8px;
    position: relative;
    width: 530px;
}
#contato .hide textarea{
    height: 175px;
    margin: 0 0 20px;
    padding: 8px;
    resize: none;
}
#contato .input_text:hover, 
#contato textarea:hover{
    background: #e0dfdf;
}
#contato .input_text:focus, 
#contato textarea:focus{
    background: #e0dfdf;
    color: #5a5a5a;
    font: italic 18px Arial, Helvetica, sans-serif;
}
#contato #div_webdesign{
    border-left: 3px solid #ff6600;
}
#contato #div_design{
    border-left: 3px solid #15dce4;
}
#contato #div_identidade{
    border-left: 3px solid #a498eb;
}
#contato #div_seo{
    border-left: 3px solid #f33333;
}


.dentro{
    background: #FFF;
    padding: 20px;
}

.form_orca h4{
    font-family: "Raleway";
    margin-bottom: 30px;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 20px;
    color: #f7931d;
}

.btn_orca{
    width: 200px;
    background: #f7931d;
    margin-top: 30px;
    text-transform: uppercase;
    color: #FFF;
    border: 0px;
    float: right;
}

.btn_orca:hover{
    background: #ff6600;
}

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

.mgf_contato p{
    margin-bottom: 20px;
    line-height: 2em;
}

.mgf_contato h2{
    font-family: "Raleway";
    margin-bottom: 15px;
    font-weight: 500;
    color: #f7931d;
    text-transform: uppercase;
}

.mgf_contato span{
    margin-right: 10px;
    margin-bottom: 20px;
}

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

.erro404 li{
    list-style: inside;
}

.erro404 li a{
    text-transform: uppercase;
    margin-bottom: 15px;

}


/*AREA RESTRITA*/
.login_clientes{
    width: 100%;
    float: left;
    margin: 80px 0px;
}

/*MEDIA QUERIES///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (min-width: 480px){

    #tabs ul li a{
        width: 33.333%;
        height: 200px;
    }

}
@media (min-width: 640px){

/*    .home_acoes li{
        width: 50%;
    }*/

    .banner{
        width: 90%;
        margin: 50px 5% 0;
    }

    .banner h1{
        margin-top: 10%;
        font-size: 2em;
    }

    .banner p{
        font-size: 1.2em;
    }

    .home_acoes li{
        width: 33%;
        float: left;
        text-align: center;
        margin-bottom: 20px;
    }
    .foot2{
        width: 45%;
    }
    .foot3{
        width: 45%;
        float: right;
    }

    .design_grupo li, .logo_grupo li{
        width: 45%;
        margin-right: 5%;
        height: 300px;
    }

    .seo_grupo li, .email_grupo li{
        width: 45%;
        margin-right: 5%;
    }

    .seo_grupo li img{
        width: 25% !important;
    }

    .email_grupo li img{
        width: 100% !important;
        margin: 0px !important;
    }


    .design_grupo li:nth-of-type(2n+0), logo_grupo li:nth-of-type(2n+0), seo_grupo li:nth-of-type(2n+0){
        margin-right: 0px;
    }

    .projetos_home li{
        width: 50%;
        /*margin-right: 5%;*/
    }

    .projetos_home li:nth-of-type(2n+0){
        /*margin-right: 0px;*/
    }


}
@media (min-width: 768px){

    .wc_slide_item_desc{
        background:rgba(0,0,0,0.7);
        padding: 10px;
        position: absolute;
        width: 38%;
        top: 10%;
        left: 5%;
        /*padding: 0px;*/
    }

    .wc_slide_item_desc h2{
        font-size: 1.2em;
        font-weight: bold;
    }

    #tabs ul li a{
        height: 230px;
    }
}
@media (min-width: 1024px){
    .mobile_action{display: none;}
    /*MENU*/

    .menu{float: right; padding-top: 20px;}
    .main_header_nav{
        text-align: center;
        position:relative;
        z-index: 10;
    }
    .main_header_nav_item{
        display: inline-block;
        text-transform: uppercase;
        position:relative;
        z-index:99;
    }
    .main_header_nav_item a{
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        text-decoration: none;
        /*transition: color 0.3s ease;*/
        display: block;
        padding: 5px 9px;
        border: 1px solid transparent;
    }
    .main_header_nav_item a.active{
        /*.main_header_nav_item a:hover*/
        box-shadow: inset 0 0 0 2px #f7941d, 0 0 1px rgba(0, 0, 0, 0);
        /*color: #666;*/
    }
    /*submenu*/
    .main_header_nav_sub{
        position:absolute; 
        top:40px; 
        left:0;
        display:none;
    }
    .main_header_nav_sub li{
        position: relative;
    }
    .main_header_nav_item ul li a{
        display:block; 
        padding:10px;
        width:190px;
        font-size:0.9em;
        transition:none;
        background-color:#eee; 
        color: #666;
        margin-bottom: 1px;
    }
    .main_header_nav_item ul li a:hover{
        background:#ffcf06;
        text-decoration:none;
        color:#FFF;
    }
    /*FIM MENU*/

    .menu_orcamento{
        background: #f7941d;
        border-radius: 10px;
        color: #FFF;
    }

    .menu_orcamento:hover{
        background: #f33333;
    }

    .modal{
        width: 50%;
        left: 25%;
        right: 25%;
    }

    .projetos_home li{
        width: 33.333%;
        /*margin-right: 5%;*/
    }

    .projetos_home li:nth-of-type(2n+0){
        /*margin-right: 5%;*/
    }

    .projetos_home li:nth-of-type(3n+0){
        /*margin-right: 0px;*/
    }


    /*    .banner{
            width: 70%;
            margin: 50px 15% 0;
        }
    
        .banner h1{
            font-size: 2em;
            line-height: 1.5em;
            margin-bottom: 15px;
        }
    
        .banner p {
            font-size: 1.3em;
        }*/
    .ocultamobile{
        display: block;
    }

    .cta h3{
        font-size: 1.2em;
    }
    .cta p{
        margin-bottom: 0px;
    }
    .cta_txt{
        width: 45%;
        float: left;
    }
    .cta form{
        width: 55%;
        float: right;
    }
    .home_acoes{
        margin-bottom: 30px;
    }

    .home_acoes li{
        width: 16.666%;
        height: auto;
    }
    .home_servicos{
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    .home_servicos_esq{
        width: 38%;
        margin-right: 2%;
        float: left;
    }

    .home_servicos_dir{
        width: 60%;
        float: left;
    }

    .home_servicos_col1{
        width: 48%;
        float: left;
    }
    .home_servicos_col2{
        width: 48%;
        float: right;
    }

    #tabs ul li a{
        width: 16.666%;
        height: 200px;
    }

    .como_fazemos{
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    .content_tab h2{
        font-size: 1.6em;
    }

    .fazemos_esq{
        width: 20%;
        float: left;
    }

    .fazemos_dir{
        width: 80%;
        float: right;
    }

    .fazemos_grupo{
        width: 30%;
        margin-right: 5%;
        float: left;
    }
    .fazemos_grupo:nth-of-type(3n+0){
        margin-right: 0px;
    }

    .tit_monitor{
        float: left;
        width: 60%;
    }

    .txt_monitores{
        width: 40%;
        float: left;
    }
    .monitores{
        width: 40%;
        float: right;
    }

    .monitores_grupo{
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    .design_grupo li{
        width: 21.25%;
        margin-right: 5%;
        height: auto;
    }


    .design_grupo li:nth-of-type(2n+0){
        margin-right: 5%;
    }
    .design_grupo li:nth-of-type(4n+0){
        margin-right: 0px;
    }

    .logo_grupo li{
        width: 16%;
        margin-right: 5%;
        height: auto;
    }

    .logo_grupo li:nth-of-type(2n+0){
        margin-right: 5%;
    }
    .logo_grupo li:nth-of-type(5n+0){
        margin-right: 0px;
    }

    .social_grupo li{
        width: 21.25%;
        margin-right: 5%;
    }

    .social_grupo li:nth-of-type(3n+0){
        margin-right: 0px;
    }

    .logo_clientes{
        width: 65%;
    }

    .depoimentos{
        width: 35%;
    }

    #contato{
        width: 65%;
        float: left;
    }

    .mgf_contato{
        width: 30%;
        float: right;
    }

}
@media (min-width: 1280px){

    .content{
        width: 80%;
        margin: 0 10%;         
    }

    .wc_slide_item_desc{
        width: 30%;
        top: 10%;
        left: 10%;

    }


    .banner h1{
        font-size: 2em;
        line-height: 1.5em;
        margin-bottom: 15px;
        font-weight: 300;
    }

    .home_noticias li{
        width: 30%;
        float: left;
        margin-right: 5%;
    }
    .home_noticias li:nth-of-type(3n+0){
        margin-right: 0%;
    }

    .foot1,
    .foot2,
    .foot3{
        width: 30%;
    }

    .foot1,
    .foot2{
        margin-right: 5%;
    }

    .titulo{
        font-size: 1.4em;
    }

    #tabs ul li a{
        height: 220px;
    }

    .tit_monitor{
        float: left;
        width: 55%;
    }

    .txt_monitores{
        width: 55%;
        float: left;
    }
    .monitores{
        width: 45%;
        float: right;
    }
}
@media (min-width: 1366px){
    .content{
        width: 70%;
        margin: 0 15%;         
    }

    .wc_slide_item_desc{
        width: 20%;
        top: 10%;
        left: 15%;

    }

    .banner{
        width: 80%;
        margin: 50px 10% 0;
    }

    .banner h1{
        margin-top: 5%;
        font-size: 2.8em;
        line-height: 1.5em;
        margin-bottom: 15px;
    }

    .banner p {
        font-size: 1.2em;
    }

    .cta h3{
        font-size: 1.3em;
    }

    .titulo{
        font-size: 1.6em;
    }

    .fazemos_esq{
        width: 30%;
    }

    .fazemos_dir{
        width: 70%;
    }
}