/* VARIASTRAP - GERAL */

/* OUTROS */

.bdr-5 {
    border-bottom-right-radius: 100px;
}

.b-radius3 {
    border-top-right-radius: 180px;
}

.bdr-1{
    border-bottom-right-radius: 180px;
}

/* PADDING, MARGIN, ALTURAS, LARGURAS */

.wh-50 {
    width: 50px;
    height: 50px;
}

.w-90 {
    width: 90%;
}

.wh-20 {
    width: 20px;
    height: 20px;
}

.wh-45 {
    width: 45px;
    height: 45px;
}

.pt-9 {
    padding-top: 90px;
}

.py-9 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.h-400 {
    height: 400px;
}

.msn-8 {
    margin-left: -80px !important;
}

.h-650 {
    height: 650px;
}

.mtn-8 {
    margin-top: -80px;
}


/* EFEITOS, SHADOW, MAIS */

.cp,
.links {
    cursor: pointer;
}

.tr-4,
.tr-4:hover,
.efeito {
    transition: 0.4s all;
}

.efeito:hover {
    transform: scale(0.97);
}


/* VARIAÇÕES DE BACKGROUNDS */
.bg-1 {
    background-color: #202020;
}

.bg-whats {
    background-color: #25d366 !important;
}

/* cover:  a imagem pode não ser exibida por completo, precisando ser ajustada manualmente no codigo */
.bg-cover {
    background-size: cover;
}

/* nao permite que a imagem se repita */
.bg-norepeat {
    background-repeat: no-repeat;
}

/* bg-position: conseguimos definir a posição que a gente quer que a imagem seja exibida */
.bg-center {
    background-position: center;
}


/* VARIAÇÕES PARA FONTES E TEXTOS */

.text-1 {
    color: #105fc5 !important;
}

.text-2 {
    color: #5f5e5e;
}

.text-graya {
    color: #707070;
}

.fsize-14 {
    font-size: 14px;
}

.texto-grande {
    font-size: 2.7rem;
  }

  .texto-grande2 {
    font-size: 2.0rem;
  }

  .texto-grandinho{
    
        font-size: 1.7rem;
     
  }

.text-rotate {
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
}