/* 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;

}



.wh-45 {

    width: 45px;

    height: 45px;

}



.pt-9 {

    padding-top: 90px;

}



.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;

}





/* 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);

}