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



@media (min-width: 1280px) and (max-width: 1366px) and (orientation:landscape) {
  
}
	
	





/*@media screen and (max-aspect-ratio: 13/9){
	
	
	.modal-dialog{
	margin-left: 0%;
}
.modal-content{
	width: 100%!important;
	left: 0!important;
}
	
}*/






/*CELULAR*/
@media (min-width: 220px) and (max-width: 600px) and (orientation:portrait) { 
	
	.colteste {
  flex: 2 0 50%; /* The important bit. This percentage decides your columns. 
 The percent can be px. It just represents your minimum starting width.
  */
 
}
	
	
	.fancybox-inner > .fancybox-caption {
  
	margin-bottom: 0px;
}
	
	
	.descricao h4{
	border-bottom:solid 1px;
	width: 100%!important;
	margin: 0!important; padding:0px!important;
	margin-bottom: 5px!important;
		display: block!important;
}

	.p-0{
		padding: 0;
	}
	
	
	.obra{
	position: relative;
	}


	
	.nav-link{
	 background-size: 50%;
	 padding:20px;
	 background-image: image(none)!important;
    }
	
	.ls-bg{position: relative; left: 100px!important;}
	
	.mobileWidth img{width: 100%;}
	.marginMobile{margin-bottom: 30px!important}
	
	.displayNon{display: none;}
	
	/*--menu do lado--*/
	.navbar-collapse {
        position: fixed;
        top: 10px;
		background-color: #000;
        left: 0;
       padding-top: 30px;
        width: 75%;
        height: 100vh;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
	/*--fim menu do lado--*/
	
	.loguinho img{width: 100px!important;}
	.positionMenu{padding-top: 0;}
	.navbar-brand img{width: 200px;}
	.floater{float: right!important; padding-top: 20px;}

	.social{padding: 50px 40px 0 0 ;}
	
	
	h4{width: 100%;}
	
	.contato a{margin: 20px 0; width:100%;}
	
	footer{
		text-align: center;
		padding: 100px 0;
	}
	
	
	 .descricao{
		 float: left; position: relative;
	 }
	
	
}
	








/* TABLET VERTICAL*/

 @media (min-width: 680px) and (max-width: 980px) and (orientation:portrait) { 	

	 .container-fluid{
        max-width: 100%;
		
    }
	 
	 .ls-bg{position: relative; left: 200px!important;}
	 
	 .mobileWidth img{width: 100%;}
	 
	 .displayNon{display: none;}
	 /*--menu do lado--*/
	 
	 .nav-link{
	 background-size: 50%;
	 padding:20px;
	 background-image: image(none)!important;
    }
	 
	.navbar-collapse {
        position: fixed;
        top: 10px;
		background-color: #000;
        left: 0;
       padding-top: 30px;
        width: 35%;
        height: 100vh;
    }

    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
	/*--fim menu do lado--*/
	 
	 
	 
	.positionMenu{padding-top: 0;}

	.floater{float: right!important; padding-top: 20px;}

	.social{padding: 50px 40px 0 0 ;}
	 
	 .alturaSlider{
	height: 70vh;
	margin: 0px 0 0px 0;
	position: relative;
	z-index: 4;
}
	 
	.positionMenu{padding-top: 0;}
	
	footer{
		text-align: center;
		padding: 100px 0;
	}
}










/* TABLET HORIZONTAL*/
@media (min-width: 860px) and (max-width: 1366px) and (orientation:landscape) { 

	.image{margin: 0 auto; width: 445px; position: relative; right: 200px;}
	
   .positionMenu{padding-top: 0;}

	.nav-link{color: #fff!important;  font-weight: 500; font-size: 15px; padding: 0; margin: 0; }
	.box{
	padding: 0px;
	}
	
}