/* VARIASTRAP - GERAL */

/* OUTROS */

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

.b-radius3{
    border-top-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;
}

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