/*--------------------------------------------------------
Responsive elements
--------------------------------------------------------*/

/*menu*/
#navbarMobile{
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: #ffffff;
}


@media only screen and (min-width: 1024px) {
    #navbarMobile{
        display: none !important;
    }
}



@media only screen and (min-width: 769px) and (max-width: 959px) {
                h1 { font-size: 68px;}
                
                #slidecaption { font-size: 35px }
                .slidedescription { font-size: 21px }
                .slider-text { bottom: 0; } 
                .bg1, .bg3 { background-size: 150%;}
                .bg2 { background-size: 1280px;}
                #contact { background-size: 1437px; }
                .item { height: 167px; }
                .ib-text { padding-right: 26%; }
} 

@media(max-width:1023px){
    .container .sixteen.columns{
        width: 100%;
    }

    .nav-link{
        border-bottom: 1px solid#ccc;
        padding: 0 1rem .8rem !important
        
    }

    .dropdown-menu a.dropdown-item{
        border-bottom: 1px solid#ccc;
        padding: .75rem .5rem .5rem 1.5rem;
    }

    .dropdown-menu{
        margin-top: -2px;
    }

    .dropdown-menu:before{
        display: none;   
    }

	#homepage{
		height: auto;
    }
    
    nav{
        height: 125px;
    }

	nav .header-logo {
		width: 152px;
		
		position: relative;
		float: left;
	}

    .navbar-toggler{
        position: absolute;
        top: -24px;
        right: 0;
    }

    .navbar-nav{
        background-color: #ffffff;
        margin-top: 0;
    }

    .navbar-nav li{
        margin: 10px 0;
    }    

    .carousel-caption-txt .container .txt,
    .carousel-caption-bg{
        width: 100%;
        
    }

    .carousel-caption{
        bottom: 70px;
        height: 130px;
        
    }
    .carousel-caption-txt .container .txt{
        font-size: 21px;
    }
    .carousel-caption-txt .container .slidedescription { 
        font-size: 18px;
    }

    .atuacao-box a:first-child{
        margin-left: 1%;
    }


    .servicos-veja-tambem a,
                .servicos-box a{
                    width: 50%;
                    margin: 20px 0;
                }
                .servicos-box a.plus{
                    width: 50%;
                }

                .atuacao-box a{
                    width: 48%;
                    margin: 1%;
                }

    .vcenter{
        width: 100%;
    }

	.s75{
		width: 100%;
	}
	
	.s50{
		width: 100%;
	}
	.s25{
		width: 100%;
	}

	.row .spaceLeft input,
	.row .spaceLeft select{
		width: 100%;
		margin-left: 0;
	}

    h2{
        font-size: 30px;
    }
    h4{
        font-size: 18px;
    }

    

	.iti{
        margin: 0 !important;
        margin-bottom: 15px !important;
		top: 0 !important;
    }
    
    #contato .social-links{
        font-size: 32px;
        padding-top: 0;
    }

    nav a.logo-nav{
        top: -40px;
        position: absolute;
    }

    #contato .error.telefone{
        margin-top: -10px;
    }

    .form-message-area{
		width: calc(100% - 15px);
    }
    
    .form-message-captcha{
		width: calc(100% - 15px); 
		padding-left: 15px; 
	}
}	
 
@media only screen and (max-width: 768px) {
                h1 { font-size: 54px; line-height: 1; }
                .one-text { font-size: 21px; }
                .project-title { font-size: 14px; }
                .project-description { font-size: 11px; }
                #slidecaption { font-size: 26px}
                .lines { font-size: 24px; }
                #contact { height: auto;}
                .contact-social-icons li a { width: 40px; height: 40px; font-size: 20px; }
                .contact-social-icons li { margin: 0 5px 0 5px; }
                .links { display: none; }
                .dropmenu { display: block; margin-top: 5px; }
                .logo { width: 180px; height: auto; }
                
                .line { width: 80px; margin-bottom: 20px; }
                .social-icons { position: absolute; top: 4px; right:10px; margin-top: 0; }
                .social-icons li a { width: 18px; height: 18px; line-height: 1.8; font-size: 10px; }
                
                .slider-text  { bottom: 0;}
                #about, #culture, #services, #portfolio { padding-top: 32px; padding-bottom: 40px; }
                #prevslide, #nextslide{ position:absolute; height:15px; width:15px; top:50px; margin-top:-21px; opacity:0.6; }
                #culture h4 { padding-top: 27px; }
                .bg1, .bg2, .bg3 { background-attachment: scroll; background-size: cover; }
                .column .img-wrp { margin: 40px 0px 14px; }	
                #prevslide{ right:55px; font-size: 16px; }
				#nextslide{ right:30px; font-size: 16px; }
				#contact { background-size: cover; }
				.item { height: 330px; }
				.selectnav { display: block; margin-top: 5px;}
				.option-set { margin-left: 0; }
				.culture-full { padding: 40px 0px 40px 0px; margin: 40px 0px 14px 0px; }
				.info-block a.button { position: inherit; margin-top: 20px; }
				.ib-text { padding-right: 0; }
				.post-title { font-size: 36px; }
				p.lead { font-size: 14px; }
				.image-caption { display: none; }
				.blog-sidebar { display: none; }
                .post-info span { float: left; text-align: left; margin-top: 5px; }
                
                nav{
                    height: 125px;
                }
                nav.small .header-logo{
                    width: 130px;
                    margin-top: 0;
                    margin-bottom: 0;
                }

                nav .container{
                    margin-top: 8px;
                }

                nav a.logo-nav{
                    top: -25px;
                    position: absolute;
                }

                .navbar-toggler{
                    position: absolute;
                    top: -20px;
                    right: 0;
                }



                #servicos{
                    margin-top: 0;
                }

                

                


                .col-xs-6{
                    width: 50% ;
                }

                .vcenter {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translate(0, -50%);
                    width: 100%;
                    font-size: 20px;
                }

                .servicos-veja-tambem a,
                .servicos-box a{
                    width: 100%;
                    margin: 20px 0;
                }
                .servicos-box a.plus{
                    width: 100%;
                }

                .atuacao-box a{
                    width: 98%;
                    margin: 1%;
                }
    
                .p-tooltip {
                    width: 100%;
                    position: absolute;
                    left: 0 !important;
                    z-index: 9999999;
                    margin-top: 80px;
                }

                .p-tooltip:before{
                    content: "";
                    position: absolute;
                    bottom: 100%;
                    left: calc(50% - 20px);
                    width: 0;
                    border-bottom: 15px solid rgb(169,213,40);
                    border-left: 15px solid transparent;
                    border-right: 15px solid transparent;
                }

                .p-tooltip.bottom:before{
                    bottom: auto;
                    top: 100%;
                    border-bottom: none;
                    border-top: 15px solid rgb(169,213,40);
                }

                .text-area.block-content{
                    padding-right: 0;
                    padding-left: 0;
                }

                .text-area.block-content .one-text, 
                .text-area.block-content div, 
                .text-area.block-content a{
                    font-size: 21px;
                }

                .modal-cv .content-area{
                    width: 98%;
                    left: 1%;
                    padding: 15px;
                }

                .send-response{
                    width: 98%;
                    margin-left: 1%;
                    left: 0;
                    font-size: 21px;
                    padding: 60px 15px;
                }



                .box.bgw, .box.bgt{
                    max-width: calc(100% - 20px);
                    padding-bottom: 0;
	                min-height: 0;	
                }
                .box.menu-right{
                    max-width: 100%;
                    padding-left: 12px;
                }

                .box-white.recuo{
                    margin-top: -25%;
                }

                .box-white.recuo .menu-right,
                .box-white.recuo2 .menu-right,
                .box.menu-right
                {
                    margin-top: 20px;
                    margin-bottom: 42px;
                }

                .header_banner .layer_title{
                    width: 100%;
                }

                .header_banner .title{
                    width: 100%;
                    left: 0;
                }
                .header_banner .title .container{
                    padding: 0;
                }

                .box-exec{
                    width: 100%;
                }
                .box-exec:last-child{
                    margin-left: 0;
                    margin-top: 42px;
                }

                .box .resume{
                    margin-bottom: 42px;
                    min-height: 0;
                }
}
	
@media only screen and (max-width: 479px) {
                .slider-text  { bottom: 0; }
                #prevslide, #nextslide{ position:absolute; height:15px; width:15px; top:100px; opacity:0.6; }
                #prevslide{ left:0; }
				#nextslide{ left:25px; }
				.logo { top: 20px; }
                .item { height: 254px; }
                
                .box-white.recuo{
                    margin-top: -18%;
                }
                .box-white.recuo2{
                    margin-top: -25%;
                }

@media only screen and (min-width: 1400px) {
                nav .container,
                #homepage .container,
                #homepage .container
                .sixteen.columns
                { width: 96%; }

                nav .three.columns { float: right; }
                .slider-text { width: 100%; }
                .line { width: 180px; }
                
                #parallax1, #parallax2, #parallax3,
                #parallax1 .vertical-text, #parallax2 .vertical-text,
                #parallax3 .vertical-text, #parallax1 .pattern,
                #parallax2 .pattern, #parallax3 .pattern
                { height: 600px; }
                
                #prevslide, #nextslide{ position:absolute; height:30px; width:30px; top:210px; margin-top:-21px; opacity:0.6; }
                .bg1, .bg2, .bg3 { background-size: 100%; }
                
    }