/* VARIASTRAP - GERAL */
/* OUTROS */
.bc-1 {
    border-color: #ff030f !important;
}
.bx-1 {
    box-shadow: 1px 3px 20px 0px rgba(181, 181, 181, 0.75) inset;
    -webkit-box-shadow: 1px 3px 20px 0px rgba(181, 181, 181, 0.75) inset;
    -moz-box-shadow: 1px 3px 20px 0px rgba(181, 181, 181, 0.75) inset;
}
.d-site{
    display: none !important;
}
/* PADDING, MARGIN, ALTURAS, LARGURAS */
.wh-50 {
    width: 50px;
    height: 50px;
}
.pb-9 {
    padding-bottom: 100px;
}
.pb-7 {
    padding-bottom: 70px;
}
.w-90 {
    width: 90%;
}
.wh-20 {
    width: 20px;
    height: 20px;
}

.h-650 {
    height: 650px;
}

.wh-45 {
    width: 45px;
    height: 45px;
}
.pt-9 {
    padding-top: 90px;
}

.wh-230{
    width: 230px !important;
    height: 230px !important;
}

.mx-5 {
    margin-left: 50px;
    margin-right: 50px;
}
.mx-9 {
    margin-left: 90px;
    margin-right: 90px;
}
.py-9 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.h-400 {
    height: 400px;
}
.w-45 {
    width: 45%;
}
.msn-8 {
    margin-left: -80px !important;
}
.h-650 {
    height: 650px;
}
.mbn-20 {
    margin-bottom: -20px;
}
.mtn-8 {
    margin-top: -80px;
}
.h-250{
    height: 250px;
}
.mtn-5 {
    margin-top: -50px;
}

.wh-230{
    width: 230px !important;
    height: 230px !important;
}

/* 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: #4d4d4d !important;
}
.bg-3 {
    background-color: #ff030f !important;
}
.bg-4 {
    background-color: #eeeeee !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.btn-2 {
    background-color: #292929 !important;
}
.h-50 {
    height: 50px ! important;
}
.btn-3 {
    background-color: #ff030f !important;
}
.btn-3:hover {
    background-color: #ffb900 !important;
}
.btn-4 {
    background-color: #ffb900 !important;
}
.btn-4:hover {
    background-color: #ff030f !important;
    color: #fff !important;
}
.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;
}
.bg-contain{
    background-size: contain;
}
.bg-100{
    background-size: 100% 100%;
}
.bg-100x{
    background-size: 100% auto;
}
.bg-fixed {
    background-attachment: fixed;
}
/* 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;
}
.bg-op {
    background-color: #0000009a;
}
.bg-op-2 {
    background-color: rgba(255, 255, 255, 0.616);
}
/* VARIAÇÕES PARA FONTES E TEXTOS */
.text-1 {
    color: #dddddd !important;
}
.text-2 {
    color: #ffb900 !important;
}
.text-3 {
    color: #ff252f;
}
.text-graya {
    color: #707070;
}
.fsize-14 {
    font-size: 14px;
}
.fsize-15 {
    font-size: 15px !important;
}
.text-justify {
    text-align: justify ! important;
}
.texto-mega {
    font-size: 5rem;
}
.texto-giga {
    font-size: 4rem;
}
.texto-grande {
    font-size: 3.3rem;
}
.texto-grande2 {
    font-size: 2.0rem;
}
.sombra {
    text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.20);
}
.texto-grandinho {
    font-size: 1.7rem;
}
.text-rotate {
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
}