@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1440px
2. 1280px
3. 1199px
4. 1024px
5. 991px
6. 959px
7. 880px
8. 768px
9. 767px
10. 639px
11. 479px
12. 400px

******************************/

/************
1. 1440px
************/

@media only screen and (max-width: 1440px)
{
    .content{
        width: 90%;
        margin: 0 5%;
    }

    .main_logo{
        text-align: center;
        margin: 0 40px 0 0;
        width: 160px;
    }
    .alinhamento-centro{
        text-align: center;
    }
    .container{

    }
    .header {
        display: block;
        position: fixed;
        left: 0;
        width: 100%;
        height: 80px;
        margin: 0;
        z-index: 10001;
        /*background: red;*/
        margin-top: 40px;
    }

    .main_nav{

        width: 100%;
        padding-left: 0;
        margin: 10px 0 0 0;
    }
}

/************
2. 1280px
************/

@media only screen and (max-width: 1280px)
{

    .main_logo{

    }
}

/************
3. 1199px
************/

@media only screen and (max-width: 1199px)
{
    #about::before,
    #services::before,
    #work::before,
    #team::before
    {
        display: none;
    }
    .home_content h1
    {
        font-size: 64px;
    }

    .main_nav {
        display: inline-block;
        position: relative;
        /*top: -20px;*/
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        float: right;
    }
}

/************
4. 1024px
************/

@media only screen and (max-width: 1024px)
{
    #contact::after
    {
        display: none;
    }

    .header {
        display: block;
        position: fixed;
        left: 0;
        width: 100%;
        height: 80px;
        margin: 0;
        z-index: 10001;
        /*background: red;*/
        margin-top: 60px;
    }

    .main_logo img{
        background:red;
        float:left;
        padding: 30px;
    }

    .main_nav ul {
        display: block;
        position: relative;
        margin-top: 0px;
    }
    .main_nav ul li {
        display: inline-block;
        margin-top: -40px;
    }
    .main_logo{
        text-align: center;
        margin: 0 40px 0 10px;
        width: 120px;
    }
}

/************
5. 991px
************/

@media only screen and (max-width: 991px)
{

}

/************
6. 959px
************/

@media only screen and (max-width: 959px)
{
    .trans_200
    {

        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }
}

/************
7. 880px
************/

@media only screen and (max-width: 880px)
{
    .buttons_container
    {
        display: block;
        position: relative;
        width: 90% !important;
        margin-left: 5%;
    }
    #home
    {
        position: relative;
        width: 100%;
        min-height: 100%;
        position: relative;
        top: 0;
        left: 0;
        color: #fff;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .home_background
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: -1;
    }
    .home_background_overlay
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        /*height: 100% !important;*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        z-index: -1;
        padding-bottom: 30px !important;
    }
    .home_content{
        padding: 80px 10px;
        margin:0;
        text-align: center;
    }
    .home_content h1{
        font-size:4rem;
        margin-top: 40px;
        float: left;
    }
    .home_content h3{
        color:#FFF;
        text-align: center;
        padding-left: 0 !important;
        margin: 30px 0 30px 0;
        width: 100%;
    }

    .botao-slide{
        width: 100%;
        /*background: red;*/
        margin: 20px 0 0 0;

    }
    .main_nav
    {
        display: none;
    }
    .menu_container
    {
        display: inline-block; top:40px; display: block; position: fixed;
    }
    .logo-mobile{
        height: 40px; float: left; top:30px; display: block; position: fixed;
    }
    .logo-mobile img{
        float: left; z-index: 999;
    }
    .artista_title {
        font-weight: 400;
        font-size: 1em !important;
        letter-spacing: 1px;
        text-align: center;
        margin: 15px 0 !important;
        cursor: pointer;
    }
    .form_index{width: 80% !important; margin:50px 10% !important;}
}

/************
8. 768px
************/

@media only screen and (max-width: 768px)
{

    .topo_responsivo{
        text-align: center !important;
        width: 100%;
        border-top:2px solid orange;
        padding:20px 0;
        background:#FFF;
        z-index:  9999;
        position:  FIXED;

    }
    .main_nav{
        background: red;
    }
    .topo_responsivo h1{
        text-align: center;
    }
    .alinhamento-centro{
        text-align: center;
    }
    .menu_container{

    }
    .home_content
    {

    }
    .home_content h1
    {
        font-size: 32px;
        width: 100%;
        margin-top: 10px;
    }
    .home_content h3
    {
        margin-top: 25px;
        width: 60%;
    }

}

/************
9. 767px
************/

@media only screen and (max-width: 767px)
{
    .header
    {
        height: 90px;
        margin-top: 0px;
    }
    .logo_container a
    {
        font-size: 24px;
    }
    .home_content
    {
        /*padding-bottom: 135px;*/
        /*        float:left;
                margin-bottom: 75px;*/
    }
    .home_content h1
    {
        font-size: 32px;
        width: 100%;
        margin-top: 10px;
    }
    .home_content h3
    {
        margin-top: 25px;
        width: 60%;
    }
    .main_nav
    {
        display: none;
    }
    .menu_container
    {
        display: inline-block;
    }
    .topo-interno{
        height: 90px;
    }
    .section_title h2
    {
        font-size: 32px;
    }
    .work_process:nth-last-child(2)
    {
        margin-bottom: 30px;
    }
    .work_process:last-child
    {
        margin-bottom: 0px;
    }
    .service_item
    {
        margin-bottom: 30px;
    }
    .service_item:last-child
    {
        margin-bottom: 0px;
    }

    .footer_nav
    {
        float: none;
    }
    .sub_input_container
    {
        float: none;
        width: 100%;
    }
    .sub_btn_container
    {
        float: none;
        margin: 0 auto;
        width: 130px;
    }
    .sub_description
    {
        display: none;
    }
    .footer_contact
    {
        display: none;
    }
    .footer_social
    {
        margin-top: 0px;
        text-align: center;
        float:none;
    }
    .contact_info
    {
        float: none;
    }
    .copyright
    {
        margin-top: 10px;
        text-align: center;
    }
    #home img{
        max-width: 400px;
    }
    .main_logo{
        width: 30%; margin-top: 10px !important;
    }
    .logo-mobile-down{
        height: 40px; float: left;  display: block;
    }
    .logo-mobile{
        height: 40px; float: left; top:10px; display: block; position: fixed;
    }
    .logo-mobile img{
        float: left; z-index: 999;
    }
    .box25{
        width: 50%;
        margin-bottom: 0;
    }
    .artista_item_inner{
        margin: 0;
        text-align: center;
    }
    .botao-slide{
        margin-top: 30px;
    }
    .redes-sociais-footer{
        width: 100%;
    }
    #home
    {
        position: relative;
        width: 100%;
        min-height: 100%;
        position: relative;
        top: 0;
        left: 0;
        color: #fff;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .home_background
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: -1;
    }
    .home_background_overlay
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        /*height: 100%;*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        z-index: -1;
    }
    .botao-slide{
        width: 100%;
        /*background: red;*/
        margin: 30px 0 50px 0;
    }
    .home_content h3{
        margin-bottom: 10px;
    }
    .home_content h1{
        margin-top: 50px !important;
    }
    .main_sidebar {
    float: left;
    width: 30%;
    padding: 30px 10px;
    background: #fff;
}
    .left_content {
        float: left;
        width: 100%;
    }
    .main_sidebar{
        display: none;
    }
}

/************
10. 639px
************/

@media only screen and (max-width: 640px)
{
    .home_content h3
    {
        /*        width: 100%;
                padding-right: 15px;*/
        margin-bottom: 30px;
    }
    .botao-slide{
        width: 100%;
        /*background: red;*/
        margin-bottom: 50px;

    }
    .rotate
    {
        margin-top: 20px;
        /*line-height: 30px;*/
    }
    .pill_button
    {
        font-size: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .round_button
    {
        height: 40px;
        width: 40px;
        font-size: 12px;
        margin-left: 25px;
    }
    .round_button_text
    {
        font-size: 10px;
        margin-left: 10px;
        padding-top: 12px;
    }
    .full_client_list
    {
        column-count: 2;
    }

    .services_container{
        padding-bottom: 90px;
        float: left;
        width:100%;
        margin:0;
        padding:0 20px;
    }
    #home
    {
        position: relative;
        width: 100%;
        min-height: 100%;
        position: relative;
        top: 0;
        left: 0;
        color: #fff;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .home_background
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: -1;
    }
    .home_background_overlay
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        z-index: -1;
    }


    .left_content{
        width: 100%;
        text-align: left !important;
    }
    .left_content p{
        text-align: left !important;
    }
    
    .right_content{
        width: 100%;
    }
    
    .main_sidebar {
        width: 100%;
    }
    .form_index {
        width: 100% !important;
        margin: 50px 0 0 0 !important;
    }
    .areas-de-atuacao{
        padding-top: 50px !important;
    }
}

/************
11. 479px
************/

@media only screen and (max-width: 479px)
{

    p
    {
        font-size: 13px;
        line-height: 1.5;
        text-align: center;
    }
    .home_content
    {
        margin-top:0;
        padding-bottom: 20px;
    }
    .home_content h1
    {
        font-size: 4rem;
        line-height: 38px !important;
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .home_content h1 span
    {
        margin-top: 4px;
    }
    .home_content h3
    {
        font-size: 2rem;
        margin-top: 20px;
    }
    .home_content .buttons_container
    {
        margin-top: 50px;
    }
    .header
    {
        height: 40px;
    }
    .logo_container a
    {
        font-size: 18px;
    }
    .menu_hamburger
    {
        width: 10px;
        margin-right: 3px;
        height: 10px;
    }
    .hamburger_container
    {
        top: 3px;
    }
    .hamburger_lines
    {
        height: 2px;
    }
    .line_2
    {
        top: 3px;
    }
    .line_3
    {
        top: 6px;
    }
    .menu_toggle span
    {
        font-size: 16px;
    }
    .break_content h3
    {
        font-size: 16px;
    }
    .section_title h2
    {
        font-size: 2em !important;
        /*line-height: 1.3;*/
        font-weight: bold;
    }
    .section_title_2 h2
    {
        font-size: 3rem !important;
        color: #ee4c2d;
        text-transform: uppercase;
        font-weight: bold;
    }
    .section_title p
    {
        margin-top: 15px;
    }
    .section_subtitle
    {
        font-size: 20px;
    }
    .expertise_text
    {
        margin-top: 15px;
    }
    .skill_bar
    {
        height: 25px;
        margin-bottom: 30px;
        box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.3);
    }
    .skill_bar span
    {
        font-size: 16px;
        margin-top: 1px;
    }
    .scale span
    {
        font-size: 16px;
    }
    .new_project_container a
    {
        font-size: 12px;
    }
    .new_project_container
    {
        display: block;
        margin-bottom: 15px;
    }
    #quote
    {
        padding-top: 180px;
        padding-bottom: 180px;
    }
    #quote span
    {
        font-size: 24px;
    }
    .project_title_large,
    .project_title_small
    {
        font-size: 20px;
        text-align: center;
    }
    .pill_button_small
    {
        font-size: 9px;
    }
    #new_project
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .new_project_container a
    {
        font-size: 10px;
        padding-left: 15px;
        padding-right: 15px;
        letter-spacing: 1px;
    }
    #testimonials,
    #work,
    #services,
    #about,
    #team,
    #clients
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .testimonial_text::before
    {
        top: -30px;
        width: 70px;
        height: 70px;
        font-size: 70px;
    }
    .testimonial_slider .owl-dots
    {
        display: none;
    }

    .testimonial_item
    {
        padding-top: 25px;
        /*background: yellow;*/
        padding: 0;
    }

    .bloco-depoimento{
        /*background: purple;*/
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .testimonial_user_info{
        width: 100%;
        /*background: magenta;*/
        margin: 0;
    }

    .bloco-imagem{
        /*background: orange;*/
        width: 100% !important;
        padding: 0;
    }

    .depoimentos{
        background: #FFF;
        width: 100%;
    }
    .depoimentos_content{
        /*background: pink;*/
        width: 100%;
        margin:0;
        float: left;
    }

    .depoimentos_img{
        margin: 0 auto;
        /*background: orange;*/
        padding: 5px;
        float: left;
    }

    .depoimentos_img img{
        border-radius: 50%;
    }
    .depoimentos_content{
        text-align: center;
        margin-top: 10px;
    }
    .depoimentos_content h4{
        font-size: 2em;
        text-transform: uppercase;
    }
    .depoimentos_content h6{
        font-size: 1em;
    }
    .depoimentos_content h4{
        font-size: 2em;
        text-transform: uppercase;
    }
    .team_image_rect
    {
        padding: 15px;
    }
    .team_image_rect_inner
    {
        display: none;
    }
    .team_name a
    {
        font-size: 16px;
    }
    .team_role
    {
        font-size: 12px;
        margin-bottom: 15px;
        text-align: center;
    }
    .team_name{
        text-align: center;
    }
    .team_content
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .team_content p
    {
        font-size: 13px;
    }
    .stats_counter
    {
        font-size: 32px;
    }
    .full_client_list
    {
        column-count: 1;
    }
    .footer_nav li
    {
        font-size: 11px;
    }
    #contact h1
    {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .contact_subtitle
    {
        font-size: 14px;
    }
    .contact_subtitle::after
    {
        bottom: -30px;
    }
    #contact-form
    {
        margin-top: 90px;
    }
    .view_project{
        text-align: center;
    }

    .box25{
        width: 100%;
    }
    .box33{
        width: 100%;
    }
    .service_button{
        padding: 0;
    }

    .home_content{
        padding: 50px 10px 50px 10px;
        margin:50px 0 0 0;
        text-align: center;
    }
    .home_content h1{
        font-size:3rem;
        margin-top: 50px;
    }
    .home_content h3{
        color:#FFF;
        text-align: center;
        padding-left: 0 !important;
        margin-left: 0;
        width: 100%;
    }

    .label_50 .label{float: left; width: 100%;}
    .label_50 .label:nth-of-type(2n+0){margin-left: 0;}
    .label_50 .label:last-of-type{margin-right: 0%;}

    .form_index{width: 100% !important; margin:50px 0 20px 0 !important;}

    .htmlchars{
        padding: 0 20px;
    }

    .menu_container
    {
        display: inline-block; top:40px; display: block; position: fixed;
    }
    
     .home_background
    {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height:auto;
        z-index: -1;
        background: red;
    }
    
    .home_background img{
        max-width: 100px !important;
        display: none !important;
    }
}

/************
12. 400px
************/

@media only screen and (max-width: 400px)
{
    #home
    {
        position: relative;
        width: 100%;
        min-height:100vh;
        position: relative;
        top: 0;
        left: 0;
        color: #fff;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.15);
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .box25{
        width: 100%;
    }
    .box33{
        width: 100%;
    }

    .service_item{
        margin: 0 auto;
    }
    .service_item_inner{
        margin: 0 auto;   
    }

    .services_container{
        width: 100%;
        margin: 0 auto;
    }


    .testimony{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 101;
        display: none;
    }

    .testimony_content{
        display: block;
        position: relative !important;
        width: 800px;
        max-width: 90%;
        margin: 3% auto 0 auto;
        background: #222;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-top:10%;
    }

    .testimony_content h1{
        font-size: 1.2em;
        font-weight: 300;
        color: #FFF;
        padding: 20px;
        margin:20px 0 0 20px;
    }

    .testimony_content h1 b{
        font-weight: bold;
        color: #00896F;
    }

    .testimony_close{
        color: #fff;
        background: #000;
        border: 3px solid #fff;
        padding: 6px 12px;
        position: absolute;
        right: -15px;
        top: -15px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        cursor: pointer;
    }

    .testimony_close:hover{
        background: #c78585;
    }

    .testimony_content .content_like{
        display: block;
        width: 100%;
        padding: 20px;
    }

    .testimony_content .box_like{
        display: inline-block;
        width: 50%;
        text-align: center;
        padding: 0;
        vertical-align: top;
    }

    .testimony_content .box_like p{
        font-weight: 300;
        margin-bottom: 15px;
        color: #555;
    }

    .lead_take h1{
        font-size: 0.9em;
        font-weight: 300;
        float: left;
        margin-top: -50px;
    }

    .lead_take .thumb{
        position: relative;
    }

    .lead_take .false_bg{
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100%;
        background: rgba(0,0,0,0.5);
        background-size: 100%;
        cursor: pointer;
    }

    .lead_take .false_bg:hover{
        background-color: rgba(0,0,0,0.1);
        transition-duration: 0.3s;
    }

    .lead_take h1 b{
        font-weight: 500;
        color: #00896F;
    }

    .lead_take span{
        color: #00896F;
        border-bottom: 1px dotted #00896F;
        font-weight: 300;
        font-style: italic;
        cursor: pointer;
        padding: 0 0 0 15px;
    }

    .testimony_content{
        display: block;
        position: relative !important;
        width: 800px;
        max-width: 90%;
        margin: 3% auto 0 auto;
        background: #222;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-top:25%;
    }
    .box25{
        width: 100%;
    }
    .box33{
        width: 100%;
    }
    .service_button{
        padding: 0;
    }

    .home_content{
        padding: 0 10px;
        margin:0;
        text-align: center;
    }
    .home_content h1{
        font-size:2rem;
    }
    .home_content h3{
        color:#FFF;
        text-align: center;
        padding-left: 0 !important;
        margin: 30px 0 50px 0;
        width: 100%;
    }

    .botao-slide{
        width: 100%;
        /*background: red;*/
        margin: 50px 0 0 0;

    }
}