classificações de standard liège x kvc westerlo
faz um bet
rb leipzig x mainz05minuto a minuto
gogowin jogo
como cancelar saque betano
homenagem ao dia8de março frases
jogo de dama online
p9eva l09caracteristicas
campeonato uzbequistão
qual a porcentagem de ganhar na mega sena
jogos de caça niquel gratis
fc nomme united
baixar app h2bet
utorrent
quando que o brasil vai jogar
grupo do macaco no jogo do bicho
ganhar dinheiro respondendo pesquisas
tigrinho slots
gusttavo lima2022
bzbet com
jogo da cobrinha google
jogos de general lamadrid
eliminatorias america do sul
materia fantástico tigrinho
como sacar dinheiro no brabet
jogos da champions league hoje
aline calixto
kasíno
mines apostar app
atitude mudança frases de reflexão
melhores armas do free fire
tucuman x
jogos de calcio lecco1912
que dia vai ser o sorteio da mega-sena
kgf
pvpbet. com
live online casino uk
casino canada
jogos de madura united
badoo com.br
willkommensbonus ohne einzahlung
samba win
tigrinho grande ganho
achat p9lite
site de aposta do tigrinho
lyon x toulouse fc
jogadores de girona
site365bet
cacau888
ficha dourada betano como usar
.img-d{
display: block!important;
}
/* .img-m{
display: none!important;
} */
.procedimentos-main-interna{
z-index: 10;
background: #fff;
position: relative;
border-radius: 0px 0px 40px 40px;
width: 100%;
}
.procedimentos-banner{
width: 100%;
position: relative;
}
.procedimentos-banner picture {
aspect-ratio: 16/9;
width: 100%;
filter: brightness(0.5);
}
.procedimentos-banner img{
width: 100%;
height: 100%;
object-fit: cover;
transform: rotateY(180deg);
}
/* .procedimentos-main-interna .procedimentos-banner .texto-container{
position: absolute;
top: 50%;
transform: translate(10%, -50%);
left: 100px;
z-index: 99;
} */
.procedimentos-main-interna .procedimentos-banner .texto-container {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
z-index: 99;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.procedimentos-main-interna .procedimentos-banner .texto-container .img-background{
width: 600px !important;
display: none;
}
/* .procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
gap: 30px;
align-items: center;
justify-content: center;
} */
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container {
display: flex;
flex-direction: column;
gap: 30px;
align-items: center;
justify-content: center;
}
/* .procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2::first-line{
background-color: var(--secundaria);
} */
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2{
color: #fff;
font-size: 65px;
font-weight: 300;
font-family: 'Outfit', sans-serif;
text-align: center;
border-radius: 20px;
}
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2 span{
font-size: 65px;
color: #fff;
background-color: var(--secundaria);
line-height: 1;
border-radius: 20px;
position: relative;
}
.conteudo-direita, .conteudo-esquerda{
gap: 100px;
margin: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow-x: clip;
overflow-y: visible;
position: relative;
margin-top: -200px;
}
.lg-container{
margin-top: 0px !important;
}
.conteudo-direita .lg-container, .conteudo-esquerda .lg-container{
gap: 100px;
margin: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding-left: 150px;
}
.conteudo-esquerda::before{
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -35px;
background: url(../imagens/ebook/shadow-overlay.png) no-repeat;
background-size: 130%;
opacity: 0.4;
background-position: -700px 200px;
z-index: 1;
}
.conteudo-direita .texto-container,
.conteudo-esquerda .texto-container{
width: 50%;
display: flex;
align-items: start;
justify-content: center;
flex-direction: column;
gap: 30px;
}
.conteudo-direita .texto-container h2,
.conteudo-esquerda .texto-container h2{
color: #4A4F50;
font-size: 60px;
font-weight: 400;
font-family: 'Outfit', sans-serif;
}
.conteudo-direita .texto-container h2 span,
.conteudo-esquerda .texto-container h2 span{
font-size: 60px;
color: #fff;
background-color: var(--secundaria);
line-height: 1;
border-radius: 20px;
position: relative;
}
.conteudo-direita .texto-container p,
.conteudo-esquerda .texto-container p{
font-size: 18px;
font-weight: 300;
font-family: 'Outfit', sans-serif;
color: #4A4F50;
}
.conteudo-direita .image-container,
.conteudo-esquerda .image-container{
width: 100%;
margin-right: -330px;
position: relative;
}
.conteudo-direita .image-container::before,
.conteudo-esquerda .image-container::before{
content: "";
width: 90%;
height: 100%;
top: 140px;
right: -80px;
background: url(../imagens/icones/circle.svg) no-repeat;
background-size: 80%;
display: block;
position: absolute;
z-index: 20;
}
.conteudo-esquerda .image-container::before{
top: 100px;
right: -30px;
}
.conteudo-direita .image-container img,
.conteudo-esquerda .image-container img{
width: 100%;
height: 100%;
object-fit: cover;
margin-left: 60px
}
.conteudo-direita .image-container img:first-child,
.conteudo-esquerda .image-container img:first-child{
position: absolute;
width: 80%;
top: 50%;
height: 95%;
transform: translate(5%, -50%);
-webkit-mask-image: url(../imagens/icones/blob.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
}
.conteudo-direita .image-container img:last-child,
.conteudo-esquerda .image-container img:last-child{
width: 85%;
}
.conteudo-esquerda{
padding-left: 0px;
margin-bottom: 0px;
padding-bottom: 200px;
z-index: 0;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
}
.conteudo-esquerda .texto-container{
order: 2;
width: 30%;
z-index: 5;
}
.conteudo-esquerda .image-container{
order: 1;
margin-right: 0px;
margin-left: -500px;
width: 70%;
}
.procedimentos-main-interna .portfolio{
width: 100%;
display: flex;
padding: 400px 0px 300px 0px;
gap: 50px;
position: relative;
background: url(../imagens/depoimentos/bg.png) no-repeat;
background-size: cover;
border-radius: 40px;
overflow: hidden;
margin-top: -200px;
z-index: -1;
}
.procedimentos-main-interna .portfolio h2,
.procedimentos-main-interna .portfolio p{
color: #fff;
}
.diferenciais{
padding-bottom: 200px;
}
.procedimentos-main-interna .procedimentos{
position: relative;
margin-top: -200px;
}
.procedimentos-main-interna .diferenciais .image-container .text-container h2,
.procedimentos-main-interna .diferenciais .image-container .text-container h2 span{
font-size: 50px;
}
.compartilhar{
width: 100%;
padding: 150px 100px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 50px;
}
.compartilhar h2{
font-size: 40px;
font-weight: 300 !important;
font-family: 'Outfit', sans-serif;
text-align: center;
color: #4A4F50;
}
.compartilhar .icones-container{
display: flex;
align-items: center;
gap: 20px;
}
.compartilhar .icones-container a{
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
border-radius: 10px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
overflow: hidden;
}
.compartilhar .icones-container a img{
transition: transform .3s ease-in-out;
}
.compartilhar .icones-container a:hover img{
transform: scale(1.2);
transform-origin: 50% 50%;
}
/* MOBILE */
@media screen and (max-width: 1500px){
.conteudo-direita .lg-container, .conteudo-esquerda .lg-container{
padding-top: 120px;
}
}
@media screen and (max-width: 1200px){
.conteudo-direita .lg-container, .conteudo-esquerda .lg-container{
padding-top: 200px;
}
}
@media screen and (max-width: 1100px){
.procedimentos-banner {
display: block;
}
/* .procedimentos-main-interna .procedimentos-banner .texto-container{
top: 50%;
left: 50%;
transform: translate(-80%, -50%);
} */
.conteudo-direita, .conteudo-esquerda{
flex-direction: column;
gap: 50px;
padding-left: 0px;
padding: 0px 5%;
margin: 50px 0;
}
.conteudo-direita .lg-container, .conteudo-esquerda .lg-container{
flex-direction: column;
gap: 50px;
padding-left: 0px;
padding: 0px 5%;
margin: 50px 0;
}
.conteudo-direita .texto-container,
.conteudo-esquerda .texto-container{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 30px;
order: 2;
margin-bottom: 50px;
}
.conteudo-direita{
margin-top: -40px;
}
.conteudo-direita .image-container,
.conteudo-esquerda .image-container{
order: 1;
width: 100%;
margin-right: 0px;
margin-left: 0px;
border-radius: 30px;
}
.conteudo-direita .image-container img:first-child,
.conteudo-esquerda .image-container img:first-child{
margin-left: 0px;
width: 80%;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.conteudo-direita .image-container::before, .conteudo-esquerda .image-container::before {
top: 50%;
left: 50%;
transform: translate(-40%, -40%);
}
.procedimentos-main-interna .portfolio{
margin-top: -300px !important;
}
}
@media screen and (max-width: 800px){
/* .procedimentos-main-interna .procedimentos-banner .texto-container .img-background{
width: 400px !important;
}
.procedimentos-main-interna .procedimentos-banner .texto-container{
transform: translate(-80%, -50%);
} */
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2,
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2 span{
font-size: 45px;
}
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container .btn-agendar{
font-size: 16px !important;
}
.conteudo-esquerda::before{
display: none;
}
}
@media screen and (max-width: 600px){
/* .img-d{
display: none!important;
}
.img-m{
display: block!important;
} */
.procedimentos-banner picture {
aspect-ratio: 16/9;
width: 100%;
height: 1000px;
display: block;
}
.procedimentos-banner img {
width: 100%;
height: 100%;
object-fit: cover;
/* transform: rotateY(180deg); */
}
/* .procedimentos-main-interna .procedimentos-banner .texto-container {
transform: translate(-50%, 0%);
width: 100%;
} */
.procedimentos-main-interna .procedimentos-banner .texto-container .img-background{
width: 100% !important;
}
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container{
gap: 20px;
}
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2,
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2 span{
font-size: 11vw;
}
.conteudo-direita, .conteudo-esquerda {
gap: 0;
}
.conteudo-direita{
padding-top: 60px;
}
.conteudo-esquerda{
padding-bottom: 60px;
}
.conteudo-direita .texto-container, .conteudo-esquerda .texto-container {
order: 1;
margin-bottom: 0px;
}
.conteudo-esquerda .texto-container{
margin-top: 0px;
}
.conteudo-direita .texto-container h2, .conteudo-esquerda .texto-container h2,
.conteudo-direita .texto-container h2 span, .conteudo-esquerda .texto-container h2 span {
font-size: 45px;
text-align: center;
}
.procedimentos-main-interna .diferenciais .image-container .text-container h2,
.procedimentos-main-interna .diferenciais .image-container .text-container h2 span{
font-size: 28px;
padding: 0;
background-color: transparent !important;
}
}
@media screen and (max-width: 500px){
/* .procedimentos-main-interna .procedimentos-banner .texto-container{
transform: translate(-50%, -15%);
} */
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2,
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container h2 span{
font-size: 40px;
}
.procedimentos .procedimentos-slider .procedimentos-slide .slide-texto h2,
.procedimentos .procedimentos-slider .procedimentos-slide .slide-texto h2 span {
font-size: 40px;
}
.conteudo-direita .image-container img:last-child,
.conteudo-esquerda .image-container img:last-child{
margin-left: 25px;
}
.compartilhar{
padding: 100px 30px;
}
}
@media screen and (max-width: 375px){
.procedimentos-main-interna .procedimentos-banner .texto-container .absolute-container .btn-agendar{
font-size: 16px !important;
padding: 12px 10px;
}
}