@charset "utf-8";
/* CSS Document
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
	font-family: 'Roboto', sans-serif;
	margin: 0; padding: 0;
    font-size: 18px;
    color:#616161;
    font-weight: 300;
}

b{
    font-weight: 800;
}

.form-control2{
width: 100%;
padding: 15px;
border: 0px!important;
color:#000!important;
border-radius:10px;
}


/* all */
::-webkit-input-placeholder { color:#000!important; }
::-moz-placeholder {color:#000!important;} /* firefox 19+ */
:-ms-input-placeholder { color:#000!important; } /* ie */
input:-moz-placeholder { color:#000!important; }


.check{
list-style-image: url("../dados/layout/check.png");
}


.tp-caption a{color: #fff!important;}

a{color:inherit;}

a:hover{
	text-decoration: none;
	color: inherit;
	}
	

.row{
margin-left: 0;
margin-right:0;
}


.boldCond{
color: #59595b;
font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
font-size: 30px;
}




.font48{
font-size: 48px;
font-weight: 300;
}

.font24{
    font-size: 24px;
    }
    

    .comoFuncItemFont{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 24px;
        color:#59595b;
        font-weight: 800;
    }

    .whatsBt{
        width:67px;
        height:67px;
        position:fixed;
        bottom:0;
        right:0;
        margin:15px;
        z-index:400;
    }

/*PROJETOS*/
.deskpadding{
padding-top: 150px;
}


/*PAGINA COMO FUNCIONA*/

.circle {
    background: #f29801;
    font-weight:900;
    color: #fff;
    padding: 5px 15px;
    font-size: 24px;
    float: left;
    border-radius: 50%;
    margin-right: 15px;
}





/*TOPO DO SITE*/


/*PAGINA ESPECIALIDADES*/
.especialidade{
    margin-top: 120px;
    width: 100%;
    background: url("../dados/layout/especialidades-residenciais.jpg") no-repeat center;
    background-size: cover;
    color: #59595b;
    height: 100vh;
    width: 100%;
    }


   
    .bgEsp{
        width: 100%;
        background: url("../dados/layout/azulTextura.png")center no-repeat;
        background-size: cover;
        color: #fff;
        padding: 30px 30px 10px 30px;
        line-height:30px;
    }
    
    .bgEsp h4{
        color: #fff;
        width: 100%; text-align: center;
        font-size: 20px;
        font-family: 'Roboto Condensed', sans-serif;
    }
    




.titleFinaFont{
    font-weight:900;
font-size: 60px;
font-weight: 300;
color: #59595b;
}

.fontAzul{
font-size: 20px;
color: #59595b;
font-weight: 500;
}


.tituloEsp{
font-weight:900;
font-size: 60px;
font-weight: 300;
color: #133049;
}
    .tituloEsp b{
    font-weight: 900;
    font-size: 100px;
    }

    .espTxt p{
    font-size: 30px;
    font-weight: bold;
    }




.espIcons{
font-size: 24px;
margin: 0; padding: 0 20px;
font-weight: 500;
text-align: left;
color: #133049;
}

.espIcons img{
float: left;
margin: 10px 15px 0 0;
}





/*TOPOS DO SITE*/

.topoFunc2{
    margin-top: 120px;
width: 100%;
background-color: #e3e3e3;
color: #000;

    }  

.garota{
    background: url("../dados/layout/garota2.jpg") center no-repeat;
    background-size: contain;
}

.topo{
    margin-top: 120px;
    width: 100%;
    background: url("../dados/layout/lampada.png") no-repeat left;
    background-size: contain;
    background-color: #ebeff2;
    color: #000;
    padding: 50px 0;
    }

    .topoFunc{
        margin-top: 120px;
    width: 100%;
    background: url("../dados/layout/garota.jpg") no-repeat left;
    background-size: contain;
    background-color: #e3e3e3;
    color: #000;
    padding: 50px 0;
        }    

    .tituloTopo{
        font-size: 48px;
        font-weight: 300;
     }

     .tituloContato{
        font-size: 30px;
        font-weight: 300;
     }

     .tituloTopo b{
      font-weight: 700;
     }

     .tituloTopo h1{
        font-weight:900;
        font-size: 48px;
     }
     
    





/*EFEITO ESCONDER TOPO E MOSTRAR*/

.topoNew{
	position: fixed;
	z-index: 1000;
	width: 100%;
	top: 0;
    transition: top 0.5s ease-in-out;

}


.nav-up {
    top: -150px;
	transition: all 0.5s ease;

	
}



/*FICHA DE ORÇAMENTO HOME*/

#Brands {width: 100%;


}
#Brands .logos{
	float: left;
}








/*FORMULARIO MODAL*/


.modalForm{
    width: 100%;
    background-size: contain;
    background-color: #b5a596;
    color: #000;
    padding: 50px 0;
    }

    .modalForm input[type=submit] {
        margin:25px 0 0 30px;
        border: none;
       
      }
    
      .tituloModal{
        font-size: 30px;
        font-weight: 300;
        padding: 0 20px;
        margin: 0;
     }
     .tituloModal b{
      font-weight: 700;
     }
     




/*FICHA DE ORÇAMENTO HOME*/
.ficha{
width: 100%;
background: url("../dados/layout/worker.png") no-repeat left;
background-size: contain;
background-color: #b5a596;
color: #000;
padding: 50px 0;
}


label{
margin-top: 20px;
}

.form-control{
padding: 25px;
border-radius: 10px;
}

.ficha input[type=submit] {
    margin:25px 0 0 30px;
    border: none;
   
  }





/*TEXTURA AZUL DA HOME 3 BOXES*/

.texturAzul{
width: 100%;
background: url("../dados/layout/azulTextura.png")center no-repeat;
background-size: cover;
color: #fff;
padding: 30px 30px 15px 30px;
line-height:30px;
}

.texturAzul h4{
    color: #fff;
    font-size: 24px;
}

.texturAzul a{margin-top: 10px;}


.paddingNew{
    padding: 50px;
    transition: all 0.5s ease;
}

.paddingNew img{
    transition: all 0.5s ease;
}

.paddingNew:hover img{
    -webkit-filter: saturate(2.2)!important;
    filter: saturate(2.2)!important;
 }



/*BACKGROUND HOME*/
.bgNew{
    background: url("../dados/layout/bgNew.jpg") no-repeat center;
    background-size: cover;
    width: 100%;
}

/*TITULOS DO SITE*/
.tituloHome{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    color:#59595b;
    font-weight: 600;
}
.tituloParallax{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    font-weight: bold;
}

.tituloH2{
    font-weight: light;
    color: #59595b;
    text-align: center;
    padding: 0 30px;
}

.tituloFicha{
   font-size: 48px;
   font-weight: 300;
}
.tituloFicha b{
 font-weight: 700;
}




/*LINHAS HR*/

.hr1 { 
    background: url('../dados/layout/linha.png') no-repeat ;
    background-size: contain;
    display: block;
    height: 4px;
    overflow: hidden;
    width: 100%;
    margin: 0;
    border: 0;
    position: relative;
}


.hr2 { 
    background: url('../dados/layout/linha2.png') no-repeat ;
    background-size: cover;
    display: block;
    height: 4px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 10px 0;
    border: 0;
    position: relative;
}

.hr3 { 
    background: url('../dados/layout/linha3.png') center no-repeat ;
   
    width: 566px; margin: 0 auto;
    height: 4px;
    overflow: hidden;
    width: 100%;
  
    border: 0;
    position: relative;
}


.hr4 { 
    background: url('../dados/layout/linha2.png') no-repeat ;
    background-size: ;
    display: block;
    height: 4px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 20px 0;
    border: 0;
    position: relative;
}



/*CLASSES DE FONTES*/

/*fonts do slider*/
.font110{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 110px;
	font-weight: 900;
}

.robotoCond{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 900;
}


/*CAROUSEL DA HOPME*/
.font20{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	font-weight: 500;
}








/* * * * * * * * *
CONTENT SWITCH BUTTON DO MENU TOPO
* * * * * * * * */
#switch {
    border: 1px solid #f29801;
	background-color: #f29801;

    top: -5px;
    display: block;

	font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
	border-radius: 10px;
    height: 50px;
	margin-left: 20px;
	font-weight: bold;
    line-height:50px ;
    padding: 0px 50px 0px 20px;
    position: relative;
	font-size: 18px;
    overflow: hidden;
    transition: .4s all ease;
}

#switch:before {
    content:url("../dados/layout/icons/seta3.png");
    position: absolute;
    right: 10px;
	top: 7px;
    filter: brightness(0) invert(1);
}


#switch:hover::after {
    content:url("../dados/layout/icons/seta3.png");
    position: absolute;
    right: 10px;
	top: 7px;
    filter: brightness(0) invert(1) brightness(0.35);
}

#switch span {
    position: relative;
    top: 0px;
    transition: .4s all ease;
}

#switch span:after {
    content: "ORÇAMENTO";
    display: block;
    opacity: 0;
    transition: .4s all ease;
}

#switch:hover {
    border-color: #f29801;
	background-color: #f29801;
	color:#59595b;
}

#switch:hover:before {
    color: #59595b;
}

#switch:hover span {
    top: -50px;
	color:#59595b;
}

#switch:hover span:after {
    opacity: 1;
	color:#59595b;
}








/* * * * * * * * *
CONTENT SWITCH BUTTON CAROUSEL
* * * * * * * * */
#titleLink{
    border: 1px solid #f29801;
	font-family: 'Roboto Condensed', sans-serif;
    color: #f29801;
	border-radius: 10px;
    height: 50px;
	font-weight: bold;
    line-height:50px ;
    padding: 0px 50px 0px 20px;
    position: relative;
	font-size: 18px;
    width: 165px;
    overflow: hidden;
    display: flex;
    transition: .4s all ease;
}

#titleLink:before {
    content:url("../dados/layout/icons/seta2.png");
    position: absolute;
    right: 10px;
	top: 7px;
}


#titleLink:hover::after {
    content:url("../dados/layout/icons/seta3.png");
    position: absolute;
    right: 10px;
	top: 7px;
    filter: brightness(0) invert(1) brightness(0.35);
}

#titleLink span {
    position: relative;
    top: 0px;
    transition: .4s all ease;
}

#titleLink span:after {
    content: "SAIBA MAIS";
    display: block;
    opacity: 0;
    transition: .4s all ease;
}
#titleLink:hover {
    border-color: #f29801;
	background-color: #f29801;
	color:#59595b;
}

#titleLink:hover:before {
    color: #59595b;
}

#titleLink:hover span {
    top: -50px;
	color:#59595b;
}

#titleLink:hover span:after {
    opacity: 1;
	color:#59595b;
}















/*CAROUSEL 1*/

.bgAzul{
background-color: #59595b;
color: #fff;
}

#owl-demo4{
	width: 100%!important; float: left;
}

#owl-demo4 .item4{
	padding:10px 30px;
    font-weight: 300;
    margin: 40px 0;
    border-right: solid 3px #f29801;
    line-height: 20px;
	
}


#owl-demo5{
	width: 100%!important; float: left;
}

#owl-demo5 .item5{
	
	
}










/*ALTURA DO SLIDER*/
.alturaSlider{
height: 680px!important;
margin-top: 120px;
}


/*MENU*/
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(67, 64, 147, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	  
	  outline:none!important;
  }
  
  
  .nav-link{
	    color: #59595b!important;
	    font-size: 18px;
	    font-family: 'Roboto Condensed', sans-serif;
  }
 


.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;

	color: #f29801;
    border-bottom-color: #f29801;
    border-top-color: #f29801;
}


/*botao do slider*/
.btSlide{
 padding: 20px 70px 20px 30px;
 background: url("../dados/layout/icons/seta.png") center  no-repeat;
 font-family: 'Roboto', sans-serif;
background-position: 92% center;

 background-color: #f29801;
 color: #fff;
 text-transform: uppercase;
 border-radius: 10px;
 font-size: 24px;
 font-weight: bold;
 text-align: left;
 width: auto;


}


/*PARALLAX 1 HOME*/
.parallax1 {
	height: auto;
	/* max-height: 600px; */
	width:100%;
    padding: 100px 0;
	background-image:		
		url('../dados/layout/parallax1.jpg'), 
		url('../dados/layout/parallax1.jpg');
		
	background-repeat: repeat-x;
	background-position: 
		0 20%,
		0 95%,
		0 0,
		0 100%,
		0 0;
	background-size: 
		2500px,
		800px,
		500px 200px,
		1000px,
		400px 260px;
	animation: 50s para infinite linear;
	}

@keyframes para {
	100% {
		background-position: 
			-5000px 20%,
			-800px 95%,
			500px 0,
			1000px 100%,
			400px 0;
		}
	}

    .parallax1 .box1{
    padding: 50px;
    border-left:#f29801 solid 2px;
    border-bottom:#f29801 solid 2px;
    border-right:#f29801 solid 2px;
    color: #fff;
    text-align: center;
    }

    .bgAzul2{
    background-color: rgba(0, 0, 0, 0.71);
    padding: 50px;
    }

    /*botao do PARALLAX*/
.btParallax{
    padding: 15px 70px 15px 15px;
    background: url("../dados/layout/icons/seta.png") center  RIGHT no-repeat;
    font-family: 'Roboto', sans-serif;
   
    background-position: 93%;
    background-color: #f29801;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: bold;
    text-align: left;
    width: auto;
   
   
   }



   /*SLIDER DOS LOGOS CLIENTES*/



@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

.slider {
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
  padding-top: 30px;
  padding-bottom: 0;

  
}

  .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(260px * 16);
  }
  .slide {
    width: 260px;
    height: auto;
    margin: 0;
   
  }
  .slide img{
  width: 85%;
}



/*rodape*/
footer{
    padding: 50px 0 30px 0;
background: url("../dados/layout/bgFooter.jpg");
color: #fff;
background-size: cover;
}

footer.tituloParallax{
font-size: 25px;
}

.icones{
line-height: 20px;
padding: 0 60px;
}

.icones img{
    float: left;
    margin: 0 8px 10px 0 ;
    line-height: 10px;
    }