html{
width: 100vw;
box-sizing: content-box;
overflow-x: hidden;
}
body{
font-family: 'Roboto', sans-serif;
}
.row{
margin: 0;
}
.in-blk{
display: inline-block;
}
.in-blk-dsk{
display: inline-block;
}
/* DESCRIÇÃO E REDES SOCIAIS */
#headerfoo{
background-color: black;
color: white;
height: 55px;
width: 100%;
font-size: 19px;
}
/* NAV DA LOGO E TELEFONES */
#logo{
max-height: 100px;
max-width: 230px;
margin: 10px 0;
}
.fone-back-dsk{
background-color: #6C2020;
color: white;
font-size: 12px;
padding: 0 20px 0px;
border-radius: 6px;
font-weight: 900;
}
.fone-texto-dsk{
}
.fone-icon-dsk{
font-size: 35px;
margin-right: 20px;
}
.nav-fone-dsk li{
margin: 35px 10px;
}
/* NAV DOS MENUS */
.menu-nav{
background-color: #EDE2CD;
height: 36px;
}
/* texto do menu */
.menu-nav li{
padding: 8px 20px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #555;
}
.nav-item.dropdown a{
color: #555;
}
/* traçado no submenu*/
.dropdown-menu.show{
margin-top: -1px;
padding: 0;
border-top: 3px #13AFF0 solid;
border-radius: 0;
width: 52px;
}
.dropdown-menu.dropsub-show{
margin-top: -1px;
padding: 0;
border-top: 3px #13AFF0 solid;
border-radius: 0;
line-height: 1.1;
width: 200px;
}
.dropdown-menu.dropsub-show li a{
color: #171717
}
.dropdown-item, .dropdown-menu.dropsub-show .drop-itm{
font-size: 14px;
padding: 10px 20px;
text-transform: capitalize;
text-align: left;
line-height: 1;
border-bottom: 1px solid #ededed;
}
.drop-itm a{
text-transform: capitalize;
}
.drop-itm a:hover{
color: #555;
text-decoration: none;
}
.drop-itm:hover{
background-color: #F8F9FA;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-top: -3px;
margin-left: 5px;
}
/* HERO SECTION */
#hero-section{
height: 542px;
background: url(../img/private-detective-brazil-rio-de-janeiro.jpg);
position: relative;
}
#hero-section:before {
content: "";
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
background: rgba(0, 0, 0, 0.72);
z-index: 1;
}
#hero-section h1{
z-index: 2;
position: relative;
color: #FFC300;
font-size: 44px;
text-align: center;
text-transform: uppercase;
padding-bottom: 50px;
}
#hero-section h2{
z-index: 2;
position: relative;
color: #efefef;
font-size: 37px;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
}
#hero-section h3{
z-index: 2;
position: relative;
color: #efefef;
font-size: 34px;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
}
#hero-section p{
z-index: 2;
position: relative;
color: #efefef;
font-size: 34px;
text-align: center;
}
#texto-hero{
padding-top: 80px;
}
/* SECTION ADULTERIO */
#adulterio-section{
padding-top: 50px;
}
#adulterio-section h2{
z-index: 2;
position: relative;
color: #000000;
font-size: 37px;
font-weight: bolder;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
}
#adulterio-section h3{
z-index: 2;
position: relative;
color: #FF1D00;
font-weight: bolder;
font-size: 37px;
text-align: center;
padding-bottom: 20px;
}
#adulterio-section p{
z-index: 2;
position: relative;
color: #FF1D00;
font-size: 21px;
text-align: center;
padding-bottom: 20px;
}
.linha-hr {
position: relative;
border: 2px solid red;
width: 180px;
margin-bottom: 50px;
z-index: 2;
}
#video-adulterio{
display: block;
margin-left: 50%;
margin-right: auto;
transform: translateX(-36%);
}
/* SECTION DESCRIÇÃO */
#descricao-section .row.descricao{
width: 100%;
}
#descricao-section .row.descricao .esquerda h2{
font-size: 47px;
z-index: 2;
position: relative;
color: white;
text-align: right;
padding-top: 300px;
}
#descricao-section .row.descricao .esquerda{
background-color: red;
height: 650px;
background: url(../img/investigator-rio-de-janeiro.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#descricao-section .row.descricao .esquerda:before {
content: "";
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
background: rgba(0, 0, 0, 0.72);
z-index: 1;
}
#descricao-section .row.descricao .direita p{
font-size: 23px;
z-index: 2;
color: black;
text-align: left;
padding: 20px 0 20px 25px;
}
#descricao-section .row.descricao .direita{
padding-top: 130px;
height: 650px;
background-color: #B7B7B7;
font-weight: bold;
}
/* SECTION VEJA */
#veja-section{
padding-top: 50px;
padding-bottom: 50px;
}
#veja-section h2{
z-index: 2;
position: relative;
color: #000000;
font-size: 37px;
font-weight: bolder;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
}
#veja-section .veja-linha{
width: 99%;
padding: 40px 20%;
}
#veja-section .veja-linha .col-lg-6 img{
box-shadow: 6px 6px #FF9400;
}
.veja-p div p{
padding-bottom: 10px;
text-align: left;
font-size: 19px;
font-weight: 500;
}
#rastreador-img{
width: 500px;
height: 300px;
}
.fas.fa-chevron-right{
color: #FF1900;
}
/* SECTION COMPROVAMOS */
#compr-section{
padding: 0;
margin: 0;
width: 100%;
background-color: #F4F4F4;
height: 344px;
word-wrap: break-word;
}
.esquerda-compr{
padding: 100px 50px 0 200px;
}
.esquerda-compr p{
font-size: 21px;
text-align: right;
}
.direita-compr{
padding: 70px 0 0;
}
.direita-compr p{
display: inline-block;
background-color: red;
padding: 12px 24px;
border-radius: 5px;
color: white;
}
/* SECTION COMPROVAMOS */
#votos-section{
position: relative;
padding: 50px 0;
background: url(../img/investigator-in-belo-horizonte.jpg);
background-repeat: no-repeat;
background-size: cover
}
#votos-section:before {
content: "";
position: absolute;
left: 0; right: 0;
top: 0; bottom: 0;
background: rgba(0, 0, 0, 0.85);
z-index: 1;
}
#votos-section h2{
z-index: 2;
position: relative;
color: #ffffff;
font-size: 37px;
font-weight: bolder;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
}
#votos-section .row .esquerda{
position: relative;
z-index: 2;
padding-left: 350px;
font-size: 25px;
color: #ffffff;
}
#votos-section .row .esquerda .fa-chevron-circle-right{
color: #FFA500;
padding-right: 12px;
}
#votos-section .row .direita{
position: relative;
z-index: 2;
color: #ffffff;
font-size: 17px;
}
#votos-section .row .direita p{
padding-left: 60px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 55%;
height: 55%;
}
#ligue-agora{
margin-top: -200px;
text-align: center;
}
#ligue-agora p{
z-index: 2;
position: relative;
color: #ffffff;
z-index: 2;
}
#ligue-agora p:first-child{
font-size: 21px;
}
#ligue-agora p:nth-child(2){
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 20px;
}
#ligue-agora p:nth-child(3){
display: inline;
padding: 12px 24px;
text-transform: uppercase;
font-size: 24px;
font-weight: bolder;
color: black;
background-color: #FF9400;
border-radius: 5px;
}
/* SECTION CONTRATAR */
#contratar-section{
position: relative;
padding: 50px 0 50px;
}
#contratar-section h2{
z-index: 2;
position: relative;
color: #000000;
font-size: 37px;
font-weight: bolder;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
z-index: 2;
}
.container.ctn{
max-width: 90% !important;
}
.tracado-div-1, .tracado-div-2{
max-width: 20%;
min-width: 15%;
border: 1px dashed #6a6a6a;
padding: 25px;
margin: 10px;
}
.tracado-div-1 p, .tracado-div-2 p{
font-size: 18px;
}
.tracado-div-1 .fa-check, .tracado-div-2 .fa-check{
color: #21B5E8;
font-size: 30px;
border: 2px #21B5E8 solid;
border-radius: 30px;
padding: 12px;
}
/* SECTION SERVIÇOS */
#servicos-section{
background-color: #F7F7F7;
position: relative;
padding: 50px 0;
min-height: 800px;
}
#servicos-section h2{
z-index: 2;
position: relative;
color: #000000;
font-size: 37px;
font-weight: bolder;
text-align: center;
text-transform: uppercase;
padding-bottom: 20px;
z-index: 2;
}
#servicos-section .container .row .d-flex{
padding-bottom: 20px;
}
#servicos-section .container .row .d-flex .card{
border-radius: 0;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.47);
width: 350px !important;
}
#servicos-section .container .row .d-flex .card .card-img-top{
padding: 10px;
}
#servicos-section .container .row .d-flex .card .card-title{
font-size: 17px;
font-weight: bold;
color: #FF1900;
}
/* SECTION SOBRE */
#sobre-section{
background-color: #001D3A;
position: relative;
padding: 50px 0 10px;
}
#sobre-section h2{
position: relative;
color: #fff;
font-size: 37px;
font-weight: bolder;
text-transform: uppercase;
}
#sobre-section hr{
position: relative;
border: 2px solid red;
width: 180px;
margin-bottom: 10px;
transform: translateX(-90%);
}
#sobre-section p{
position: relative;
color: #fff;
font-size: 16px;
}
#sobre-section img{
margin-top: 13%;
margin-bottom: 13%;
}