html,
body {
    height: 100%;
 
}


.backgroundSecPericia{
    background-image: url("../img/bg_Pericia_6.jpg");	
    background-position: bottom; 
    background-size: cover;
}

.backgroundSecDocumento{
    background-image: url("../img/bg_document_6-2.jpg");	
    background-position: bottom; 
    background-size: cover;
}
.backgroundSecImobiliaria{
    background-image: url("../img/bg_imobiliaria_6.jpg");	
    background-position: center; 
    background-size: cover;
}

.backgroundSecGrafologia{
    background-image: url("../img/bg_grafologia_6.jpg");	
    background-position: center; 
    background-size: cover;
}

.clientes{
    padding: 30px;
}

.perito{
    padding-top: 30px;
    padding-bottom: 30px;
}

.backgroudClientes{
    background-color: rgb(207, 207, 207);
}



/* ----------- tamanho full ----------- */
@media (min-width: 1200px) {
    html,
    body {
    height: 100%;
    min-height: 600px;
    }


    .backgroundSecAPP{
        background-image: url("../img/bg_app_6.jpg");	
        background-position: center; 
        background-size: cover;
    }
    .backgroundSecSistema{
        background-image: url("../img/bg_sistema_6.jpg");	
        background-position: bottom; 
        background-size: cover;
    }
    
    .PaddingLogoCapa {
        padding-top: 50px;
        padding-left: 80px;
    }
    .PaddingIdentVisual {
        padding-top: 50px;
        padding-bottom: 120px;     
    }
    .PaddingWebsie {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .PaddingApp {
        padding-left: 30px;
        padding-top: 50px;
        padding-bottom: 130px;
    }
    .PaddingSistema {
        padding-top: 80px;
        padding-bottom: 80px;
        padding-right: 30px;
    }
    .PaddingConsultoria {
        padding-top: 70px;
        padding-bottom: 50px;
    }
    .PaddingSeguranca {
        padding-top: 50px;
        padding-bottom: 200px;
    }
    
    .imgIndetVisual {
        width: 80%;
        height: auto;
    }
    .imgOS {
        height: 130px;
        
    }

    .TituloWebsite {
        padding-left: 50px;
        color: rgb(238, 106, 75);
    }
    .txtWebsite {
        color: rgb(79, 79, 79);
    }
    .txtApp {
        color: rgb(79, 79, 79);
    }
    
}


/* ----------- tamanho x large ----------- */
@media (max-width: 1199px) {
    html,
    body {
    height: 100%;
    min-height: 500px;
    }
   

    
    .backgroundSecAPP{
        background-image: url("../img/bg_app_5.jpg");	
        background-position: center; 
        background-size: cover;
    }
    .backgroundSecSistema{
        background-image: url("../img/bg_sistema_5.jpg");	
        background-position: bottom; 
        background-size: cover;
    }
    
    .PaddingLogoCapa {
        padding-top: 30px;
        padding-left: 50px;
    }
    .PaddingIdentVisual {
        padding-top: 50px;
        padding-bottom: 90px;    
    }
    .PaddingWebsie {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .PaddingApp {
        padding-left: 30px;
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .PaddingSistema {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 30px;
    }
    .PaddingConsultoria {
        padding-top: 70px;
        padding-bottom: 50px;
    }
    .PaddingSeguranca {
        padding-top: 50px;
        padding-bottom: 200px;
    }

    .imgIndetVisual {
        width: 100%;
        height: auto;
    }
    .imgOS {
        height: 100px;
        
    }
    
    .TituloWebsite {
        padding-left: 50px;
        color: rgb(238, 106, 75);
    }
    .txtWebsite {
        color: rgb(79, 79, 79);
    }
    .txtApp {
        color: rgb(79, 79, 79);
    }
}

/* ----------- tamanho large ----------- */
@media (max-width: 991px) {
    html,
    body {
    height: 100%;
    min-height: 700px;
    }

    
    .backgroundSecAPP{
        background-image: url("../img/bg_app_4.jpg");	
        background-position: center; 
        background-size: cover;
    }
    .backgroundSecSistema{
        background-image: url("../img/bg_sistema_4.jpg");	
        background-position: bottom; 
        background-size: cover;
    }

    .PaddingIdentVisual {
        padding-top: 50px;
        padding-bottom: 50px;      
    }
    .PaddingApp {
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
}

/* ----------- tamanho middle ----------- */
@media (max-width: 768px) {
    

    
    .backgroundSecAPP{
        background-image: url("../img/bg_app_3.jpg");	
        background-position: center; 
        background-size: cover;
    }
    .backgroundSecSistema{
        background-image: url("../img/bg_sistema_3.jpg");	
        background-position: bottom; 
        background-size: cover;
    }

    .TituloSistema {
        font-size: 35px;
       
    }
    .TituloSeguranca {
        font-size: 35px;
       
    }

    .PaddingSeguranca {
        padding-top: 50px;
        padding-bottom: 100px;
        
    }
    
    
}

/* ----------- tamanho small ----------- */
@media (max-width: 575px) {


    
    .backgroundWebsite{
        background: rgba(238, 106, 75, 0.5);
    }
    .backgroundSecAPP{
        background-image: url("../img/bg_app_2.jpg");	
        background-position: center; 
        background-size: cover;
    }
    .backgroundApp{
        background: rgba(62, 122, 213, 0.6);
    }
    .backgroundSecSistema{
        background-image: url("../img/bg_sistema_2.jpg");	
        background-position: bottom; 
        background-size: cover;
    }
    .backgroundSistema{
        background: rgba(243, 244, 228, 0.85);
    }

    .PaddingIdentVisual {
        padding-top: 30px;
        padding-bottom: 30px;    
    }
    .PaddingSistema {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 20px;
        padding-left: 20px;
    }
    
        
    .TituloWebsite {
        padding-left: 50px;
        color: white;
    }
    .txtWebsite {
        color: white;
    }
    .txtApp {
        color: rgb(255, 255, 255);
    }

    .TituloSeguranca {
        font-size: 25px;
       
    }

   
}

/* ----------- tamanho small ----------- */
@media (max-width: 400px) {
    .TituloSeguranca {
        font-size: 20px;
       
    }
}



/* ----------- iphone X -----------*/
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape)  {
.NotchLeft {
    padding-left: 20px;
}
.NotchLeft2 {
    padding-left: 35px;
}
.NotchRight {
    padding-right: 20px;
}


}

/* ----------- all -----------*/
.backgroundPericia{
    
    background: rgba(255, 255, 255, 0.8);
    border-right: 5px solid white;
}

.backgroundDocument{
    
    background: rgba(2, 20, 95, 0.6);
    
}

.backgroundImobiliaria{
    
    background: rgba(255, 255, 255, 0.5);
    border-right: 5px solid white;
}

.PadingVisualBorder {
    padding-left: 20px;
}

.Titulo {
    font-family: 'Signika Negative', sans-serif;
    
}

.txtWhite {
    color: white;
}

.txtAzul {
    color: rgb(13, 76, 125);
}

.txtOrange2 {
    color: rgb(203, 110, 119);
}

.txtGray {
    color: rgb(79, 79, 79);
}

.txtFooter {
    
    font-weight:normal;
    font-style:normal;
    color: white;
    font-size: 15px;
    margin: 0px;
    margin-bottom: 5px;

}
.pFont {
    font-family: Verdana, Geneva, sans-serif;
    
    font-size: 20px;
}

.pBold {
    font-weight: 900;
}

.divSpaceline {
    padding: 5px;
}

.txtIconEnvelope {
    margin-right: 10px;
}

.imglogoFooter {
    margin-bottom: 10px;
    
}
footer{
    background-color: rgb(83, 83, 83);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 10px;
}

.nav-brand-img {
    margin-left: 20px;
    
}

.nav-link.active {
    color: rgb(83, 156, 203) !important;
}

.a.scrollto.nav-link {
    color: white;
}

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 2px solid rgb(79, 79, 79);
   
}
.navbar.hideme {
    opacity: 0;
}

.backgroundTop{
	background-image: url("../img/backgroudTop.jpg");	
	background-size: cover;
	background-position: center;
    height: 100%;
    width: 100%;
    margin-bottom: 10px;
    
}

.imgLogoCapa {
    width: 80%;
}