/******************************************************************************
  **************************CONFIGURAÇÕES GLOBAIS******************************
  *****************************************************************************/

.mp-none {
    margin: 0 !important;
    padding: 0 !important;
}

.overflow-none {
    overflow: hidden;
}

.overflow {
    overflow: auto;
}

.overflow-y {
    overflow-y: auto;
}

.overflow-x {
    overflow-y: auto;
}

.clear {
    clear: both !important;
}

.cursor {
    cursor: pointer;
}


/******************************************************************************
  **************************        TAMANHOS    *******************************
  *****************************************************************************/


/********************************* height *********************************/

.mmh10 {
    min-height: 10px !important;
    max-height: 10px !important;
}

.h10 {
    height: 10px !important;
}

.Minh10 {
    min-height: 10px !important;
}

.Maxh10 {
    max-height: 10px !important;
}

.mmh20 {
    min-height: 20px !important;
    max-height: 20px !important;
}

.h20 {
    height: 20px !important;
}

.Minh20 {
    min-height: 20px !important;
}

.Maxh20 {
    max-height: 20px !important;
}

.mmh30 {
    min-height: 30px !important;
    max-height: 30px !important;
}

.h30 {
    height: 30px !important;
}

.Minh30 {
    min-height: 30px !important;
}

.Maxh30 {
    max-height: 30px !important;
}

.mmh40 {
    min-height: 40px !important;
    max-height: 40px !important;
}

.h40 {
    height: 40px !important;
}

.Minh40 {
    min-height: 40px !important;
}

.Maxh40 {
    max-height: 40px !important;
}

.mmh50 {
    min-height: 50px !important;
    max-height: 50px !important;
}

.h50 {
    height: 50px !important;
}

.Minh50 {
    min-height: 50px !important;
}

.Maxh50 {
    max-height: 50px !important;
}

.mmh55 {
    min-height: 55px !important;
    max-height: 55px !important;
}

.h55 {
    height: 55px !important;
}

.Minh55 {
    min-height: 55px !important;
}

.Maxh55 {
    max-height: 55px !important;
}

.mmh60 {
    min-height: 60px !important;
    max-height: 60px !important;
}

.h60 {
    height: 60px !important;
}

.Minh60 {
    min-height: 60px !important;
}

.Maxh60 {
    max-height: 60px !important;
}

.mmh80 {
    min-height: 80px !important;
    max-height: 80px !important;
}

.h80 {
    height: 80px !important;
}

.Minh80 {
    min-height: 80px !important;
}

.Maxh80 {
    max-height: 80px !important;
}

.mmh85 {
    min-height: 85px !important;
    max-height: 85px !important;
}

.h85 {
    height: 85px !important;
}

.Minh85 {
    min-height: 85px !important;
}

.Maxh85 {
    max-height: 85px !important;
}

.mmh90 {
    min-height: 90px !important;
    max-height: 90px !important;
}

.h90 {
    height: 90px !important;
}

.Minh90 {
    min-height: 90px !important;
}

.Maxh90 {
    max-height: 90px !important;
}

.mmh100 {
    min-height: 100px !important;
    max-height: 100px !important;
}

.h100 {
    height: 100px !important;
}

.Minh100 {
    min-height: 100px !important;
}

.Maxh100 {
    max-height: 100px !important;
}

.h100pc {
    height: 100% !important;
}

.Minh100pc {
    min-height: 100% !important;
}

.Maxh100pc {
    max-height: 100% !important;
}

.mmh120 {
    min-height: 120px !important;
    max-height: 120px !important;
}

.h120 {
    height: 120px !important;
}

.Minh120 {
    min-height: 120px !important;
}

.Maxh120 {
    max-height: 120px !important;
}

.mmh150 {
    min-height: 150px !important;
    max-height: 150px !important;
}

.h150 {
    height: 150px !important;
}

.Minh150 {
    min-height: 150px !important;
}

.Maxh150 {
    max-height: 150px !important;
}

.mmh170 {
    min-height: 170px !important;
    max-height: 170px !important;
}

.h170 {
    height: 170px !important;
}

.Minh170 {
    min-height: 170px !important;
}

.Maxh170 {
    max-height: 170px !important;
}

.mmh180 {
    min-height: 180px !important;
    max-height: 180px !important;
}

.h180 {
    height: 180px !important;
}

.Minh180 {
    min-height: 180px !important;
}

.Maxh180 {
    max-height: 180px !important;
}

.mmh200 {
    min-height: 200px !important;
    max-height: 200px !important;
}

.h200 {
    height: 200px !important;
}

.Minh200 {
    min-height: 200px !important;
}

.Maxh200 {
    max-height: 200px !important;
}

.mmh220 {
    min-height: 220px !important;
    max-height: 220px !important;
}

.h220 {
    height: 220px !important;
}

.Minh220 {
    min-height: 220px !important;
}

.Maxh220 {
    max-height: 220px !important;
}

.mmh220 {
    min-height: 220px !important;
    max-height: 220px !important;
}

.h220 {
    height: 220px !important;
}

.mmh230 {
    min-height: 230px !important;
    max-height: 230px !important;
}

.h230 {
    height: 230px !important;
}

.Minh230 {
    min-height: 230px !important;
}

.Maxh230 {
    max-height: 230px !important;
}

.mmh240 {
    min-height: 240px !important;
    max-height: 240px !important;
}

.h240 {
    height: 240px !important;
}

.Minh240 {
    min-height: 240px !important;
}

.Maxh240 {
    max-height: 240px !important;
}

.mmh250 {
    min-height: 250px !important;
    max-height: 250px !important;
}

.h250 {
    height: 250px !important;
}

.Minh250 {
    min-height: 250px !important;
}

.Maxh250 {
    max-height: 250px !important;
}

.mmh260 {
    min-height: 260px !important;
    max-height: 260px !important;
}

.h260 {
    height: 260px !important;
}

.Minh260 {
    min-height: 260px !important;
}

.Maxh260 {
    max-height: 260px !important;
}

.mmh265 {
    min-height: 265px !important;
    max-height: 265px !important;
}

.h265 {
    height: 265px !important;
}

.Minh265 {
    min-height: 265px !important;
}

.Maxh265 {
    max-height: 265px !important;
}

.mmh270 {
    min-height: 270px !important;
    max-height: 270px !important;
}

.h270 {
    height: 270px !important;
}

.Minh270 {
    min-height: 270px !important;
}

.Maxh270 {
    max-height: 270px !important;
}

.mmh300 {
    min-height: 300px !important;
    max-height: 300px !important;
}

.h300 {
    height: 300px !important;
}

.Minh300 {
    min-height: 300px !important;
}

.Maxh300 {
    max-height: 300px !important;
}

.mmh310 {
    min-height: 310px !important;
    max-height: 310px !important;
}

.h310 {
    height: 310px !important;
}

.Minh310 {
    min-height: 310px !important;
}

.Maxh310 {
    max-height: 310px !important;
}

.mmh320 {
    min-height: 320px !important;
    max-height: 320px !important;
}

.h320 {
    height: 320px !important;
}

.Minh320 {
    min-height: 320px !important;
}

.Maxh320 {
    max-height: 320px !important;
}

.mmh330 {
    min-height: 330px !important;
    max-height: 330px !important;
}

.h330 {
    height: 330px !important;
}

.Minh330 {
    min-height: 330px !important;
}

.Maxh330 {
    max-height: 330px !important;
}

.mmh340 {
    min-height: 340px !important;
    max-height: 340px !important;
}

.h340 {
    height: 340px !important;
}

.Minh340 {
    min-height: 340px !important;
}

.Maxh340 {
    max-height: 340px !important;
}

.mmh350 {
    min-height: 350px !important;
    max-height: 350px !important;
}

.h350 {
    height: 350px !important;
}

.Minh350 {
    min-height: 350px !important;
}

.Maxh350 {
    max-height: 350px !important;
}

.mmh360 {
    min-height: 360px !important;
    max-height: 360px !important;
}

.h360 {
    height: 360px !important;
}

.Minh360 {
    min-height: 360px !important;
}

.Maxh360 {
    max-height: 360px !important;
}

.mmh400 {
    min-height: 400px !important;
    max-height: 400px !important;
}

.h400 {
    height: 400px !important;
}

.Minh400 {
    min-height: 400px !important;
}

.Maxh400 {
    max-height: 400px !important;
}

.mmh420 {
    min-height: 420px !important;
    max-height: 420px !important;
}

.h420 {
    height: 420px !important;
}

.Minh420 {
    min-height: 420px !important;
}

.Maxh420 {
    max-height: 420px !important;
}

.mmh450 {
    min-height: 450px !important;
    max-height: 450px !important;
}

.h450 {
    height: 450px !important;
}

.Minh450 {
    min-height: 450px !important;
}

.Maxh450 {
    max-height: 450px !important;
}

.mmh480 {
    min-height: 480px !important;
    max-height: 480px !important;
}

.h480 {
    height: 480px !important;
}

.Minh480 {
    min-height: 480px !important;
}

.Maxh480 {
    max-height: 480px !important;
}

.mmh500 {
    min-height: 500px !important;
    max-height: 500px !important;
}

.h500 {
    height: 500px !important;
}

.Minh500 {
    min-height: 500px !important;
}

.Maxh500 {
    max-height: 500px !important;
}

.mmh550 {
    min-height: 550px !important;
    max-height: 550px !important;
}

.h550 {
    height: 550px !important;
}

.Minh550 {
    min-height: 550px !important;
}

.Maxh550 {
    max-height: 550px !important;
}

.mmh600 {
    min-height: 600px !important;
    max-height: 600px !important;
}

.h600 {
    height: 600px !important;
}

.Minh600 {
    min-height: 600px !important;
}

.Maxh600 {
    max-height: 600px !important;
}

.mmh700 {
    min-height: 700px !important;
    max-height: 700px !important;
}

.h700 {
    height: 700px !important;
}

.Minh700 {
    min-height: 700px !important;
}

.Maxh700 {
    max-height: 700px !important;
}


/********************************* width % *********************************/

.w10pc {
    width: 10% !important;
}

.w25pc {
    width: 25% !important;
}

.w50pc {
    width: 50% !important;
}

.w63pc {
    width: 63% !important;
}

.w75pc {
    width: 75% !important;
}

.Maxw75pc {
    max-width: 75% !important;
}

.w100pc {
    width: 100% !important;
}

.Minw100pc {
    min-width: 100% !important;
}

.Maxw100pc {
    max-width: 100% !important;
}


/********************************* width PX *********************************/

.mmw25 {
    min-width: 25px !important;
    max-width: 25px !important;
}

.w25 {
    width: 25px !important;
}

.Minw25 {
    min-width: 25px !important;
}

.Maxw25 {
    max-width: 25px !important;
}

.mmw30 {
    min-width: 30px !important;
    max-width: 30px !important;
}

.w30 {
    width: 30px !important;
}

.Minw30 {
    min-width: 30px !important;
}

.Maxw30 {
    max-width: 30px !important;
}

.Minw50 {
    min-width: 50px !important;
}

.Maxw50 {
    max-width: 50px !important;
}

.Minw75 {
    min-width: 75px !important;
}

.Maxw75 {
    max-width: 75px !important;
}

.mmw100 {
    min-width: 100px !important;
    max-width: 100px !important;
}

.w100 {
    width: 100px !important;
}

.Minw100 {
    min-width: 100px !important;
}

.Maxw100 {
    max-width: 100px !important;
}

.w150 {
    width: 150px !important;
}

.Minw150 {
    min-width: 150px !important;
}

.Maxw150 {
    max-width: 150px !important;
}

.w180 {
    width: 180px !important;
}

.Minw180 {
    min-width: 180px !important;
}

.Maxw180 {
    max-width: 180px !important;
}

.w200 {
    width: 200px !important;
}

.Minw200 {
    min-width: 200px !important;
}

.Maxw200 {
    max-width: 200px !important;
}

.mmw300 {
    min-width: 300px !important;
    max-width: 300px !important;
}

.w300 {
    width: 300px !important;
}

.Minw300 {
    min-width: 300px !important;
}

.Maxw300 {
    max-width: 300px !important;
}

.mmw400 {
    min-width: 400px !important;
    max-width: 400px !important;
}

.w400 {
    width: 400px !important;
}

.Minw400 {
    min-width: 400px !important;
}

.Maxw400 {
    max-width: 400px !important;
}

.w500 {
    width: 500px !important;
}

.Minw500 {
    min-width: 500px !important;
}

.Maxw500 {
    max-width: 500px !important;
}

.w500 {
    width: 500px !important;
}

.Minw500 {
    min-width: 500px !important;
}

.Maxw500 {
    max-width: 500px !important;
}

.w400 {
    width: 400px !important;
}


/******************************************************************************
  ************************        LOCALIZAÇÃO    ******************************
  *****************************************************************************/

.location {
    border: 2px solid black;
}

.location-red {
    border: 2px solid red;
}

.location-white {
    border: 2px solid white;
}

.location-gray1 {
    border: 1px solid gray;
}

.location-gray {
    border: 2px solid gray;
}

.location-yellow {
    border: 2px solid yellow;
}


/******************************************************************************
  ***************************        MARGIN    ********************************
  *****************************************************************************/

.margin-0auto {
    margin: 0 auto !important;
}

.margin-none {
    margin: 0 !important;
}

.m-s {
    margin: 20px !important;
}

.m-exs {
    margin: 10px !important;
}

.m--s {
    margin: -20px !important;
}

.m--exs {
    margin: -10px !important;
}

.m-m {
    margin: 40px !important;
}

.m--m {
    margin: -40px !important;
}

.m-l {
    margin: 60px !important;
}

.m-exl {
    margin: 90px !important;
}

.m--exl {
    margin: -90px !important;
}

.m--l {
    margin: -60px !important;
}

.mt-none {
    margin-top: 0 !important;
}

.mt-s {
    margin-top: 20px !important;
}

.mt-exs3 {
    margin-top: 2.5px !important;
}

.mt-exs2 {
    margin-top: 5px !important;
}

.mt-exs {
    margin-top: 10px !important;
}

.mt--s {
    margin-top: -20px !important;
}

.mt--exs {
    margin-top: -10px !important;
}

.mt-m {
    margin-top: 40px !important;
}

.mt--m {
    margin-top: -40px !important;
}

.mt-l {
    margin-top: 60px !important;
}

.mt-exl {
    margin-top: 90px !important;
}

.mt--exl {
    margin-top: -90px !important;
}

.mt--l {
    margin-top: -60px !important;
}

.mb-none {
    margin-bottom: 0 !important;
}

.mb-exs {
    margin-bottom: 10px !important;
}

.mb-s {
    margin-bottom: 20px !important;
}

.mb--s {
    margin-bottom: -20px !important;
}

.mb-m {
    margin-bottom: 40px !important;
}

.mb--m {
    margin-bottom: -40px !important;
}

.mb-l {
    margin-bottom: 60px !important;
}

.mb-exl {
    margin-bottom: 80px !important;
}

.mb--l {
    margin-bottom: -60px !important;
}

.mr-exs1 {
    margin-right: 5px !important;
}

.mr-exs {
    margin-right: 10px !important;
}

.mr-s {
    margin-right: 20px !important;
}

.mr--exs {
    margin-right: -10px !important;
}

.mr--s {
    margin-right: -20px !important;
}

.mr-m {
    margin-right: 40px !important;
}

.mr--m {
    margin-right: -40px !important;
}

.mr-l {
    margin-right: 60px !important;
}

.mr--l {
    margin-right: -60px !important;
}

.ml-none {
    margin-left: 0 !important;
}

.ml-exs {
    margin-left: 10px !important;
}

.ml-s {
    margin-left: 20px !important;
}

.ml--s {
    margin-left: -20px !important;
}

.ml--exs {
    margin-left: -10px !important;
}

.ml-m {
    margin-left: 40px !important;
}

.ml--m {
    margin-left: -40px !important;
}

.ml-l {
    margin-left: 60px !important;
}

.ml--l {
    margin-left: -60px !important;
}

.mb-1000 {
    margin-bottom: 1000px !important;
}


/******************************************************************************
  ***************************        PADDING    *******************************
  *****************************************************************************/

.padding-none {
    padding: 0 !important;
}


/******************************** padding all *********************************/

.p-exs3 {
    padding: 2px !important;
}

.p-exs2 {
    padding: 5px !important;
}

.p-exs {
    padding: 10px !important;
}

.p-s {
    padding: 20px !important;
}

.p-m {
    padding: 40px !important;
}

.p-l {
    padding: 60px !important;
}


/******************************** padding right *********************************/

.pr-exs1 {
    padding-right: 5px !important;
}

.pr-exs {
    padding-right: 10px !important;
}

.pr-s {
    padding-right: 20px !important;
}

.pr-m {
    padding-right: 40px !important;
}

.pr-l {
    padding-right: 60px !important;
}


/******************************** padding top *********************************/

.pt-exs3 {
    padding-top: 2px !important;
}

.pt-exs2 {
    padding-top: 5px !important;
}

.pt-exs {
    padding-top: 10px !important;
}

.pt-s {
    padding-top: 20px !important;
}

.pt-m {
    padding-top: 40px !important;
}

.pt-l {
    padding-top: 60px !important;
}

.pt-exl {
    padding-top: 80px !important;
}


/******************************** padding bottom *********************************/

.pb-exs2 {
    padding-bottom: 5px !important;
}

.pb-exs {
    padding-bottom: 10px !important;
}

.pb-s {
    padding-bottom: 20px !important;
}

.pb-m {
    padding-bottom: 40px !important;
}


/******************************** padding left *********************************/

.pl-none {
    padding-left: 0px !important;
}

.pl-exs1 {
    padding-right: 5px !important;
}

.pl-exs {
    padding-left: 10px !important;
}

.pl-s {
    padding-left: 20px !important;
}

.pl-m {
    padding-left: 40px !important;
}

.pl-l {
    padding-left: 60px !important;
}


/*********************************************************************************
  ***************************        BACKGROUND    *******************************
  ********************************************************************************/

.bg-gray {
    background-color: #eee !important;
}

.bg-white {
    background-color: #fefefe !important;
}


/*********************************************************************************
  ***************************        IMG    *******************************
  ********************************************************************************/

.img-cover30auto {
    object-fit: cover !important;
    width: 30% !important;
    height: auto !important;
}

.img-contain30auto {
    object-fit: contain !important;
    max-width: 30% !important;
    height: auto !important;
}

.img-cover50auto {
    object-fit: cover !important;
    width: 50% !important;
    height: auto !important;
}

.img-contain50auto {
    object-fit: contain !important;
    max-width: 50% !important;
    height: auto !important;
}

.img-cover80auto {
    object-fit: cover !important;
    width: 80% !important;
    height: auto !important;
}

.img-contain80auto {
    object-fit: contain !important;
    max-width: 80% !important;
    height: auto !important;
}

.img-cover100auto {
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}

.img-contain100auto {
    object-fit: contain !important;
    max-width: 100% !important;
    height: auto !important;
}

.img-opacity {
    opacity: 75%;
    transition: all .7s;
}

.img-opacity:hover {
    opacity: 100%;
}


/*********************************************************************************
  ***************************        flex    *******************************
  ********************************************************************************/

.flex-col-center-center {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.flex-col-end-center {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-end !important;
}

.flex-row-center-center {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
}

.flex-rowReverse-center-center {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
    align-items: center !important;
}

@media(max-width: 600px) {
    .flex-col-center-center,
    .flex-col-end-center,
    .flex-row-center-center,
    .flex-rowReverse-center-center {
        display: block !important;
    }
}


/*********************************************************************************
  ***************************        text    *******************************
  ********************************************************************************/

.uppercase {
    text-transform: uppercase !important;
}

.f-lighter {
    font-weight: lighter !important;
}

.f-normal {
    font-weight: normal !important;
}

.f-bold {
    font-weight: bold !important;
}

.f-bolder {
    font-weight: bolder !important;
}

.f-sizes {
    font-size: 0.8em !important;
}

.f-sizem {
    font-size: 1em !important;
}

.f-sizel {
    font-size: 1.2em !important;
}

.f-sizeexl {
    font-size: 1.5em !important;
}

.f-sizeexl2 {
    font-size: 1.8em !important;
}

.f-sizeexl3 {
    font-size: 2.2em !important;
}

.f-sizeexl4 {
    font-size: 2.5em !important;
}

.f-sizeexl5 {
    font-size: 2.8em !important;
}

.f-sizeexl6 {
    font-size: 3.2em !important;
}

.f-sizeexl7 {
    font-size: 3.7em !important;
}

.linehAuto {
    line-height: auto;
}

.lineh10 {
    line-height: 10px;
}

.lineh12 {
    line-height: 12px;
}

.lineh15 {
    line-height: 15px;
}

.lineh30 {
    line-height: 30px;
}

.line-through {
    text-decoration: line-through !important;
}


/************************************text-align***************************************/

.tAlign-justify {
    text-align: justify;
}

.tAlign-center {
    text-align: center;
}

.tAlign-left {
    text-align: left;
}

.tAlign-right {
    text-align: right;
}


/*********************************************************************************
  ***************************        border    *******************************
  ********************************************************************************/

.b-radius5 {
    border-radius: 5px !important;
}

.b-radius10 {
    border-radius: 10px !important;
}

.b-radius15 {
    border-radius: 15px !important;
}

.b-radius20 {
    border-radius: 20px !important;
}

.b-radius50pc {
    border-radius: 50% !important;
}

.b-none {
    border: none !important;
}

.bt-none {
    border-top: none !important;
}


/*********************************************************************************
  ***************************        display    *******************************
  ********************************************************************************/

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-inline {
    display: inline !important;
}

.d-inlineblock {
    display: inline-block !important;
}


/*********************************************************************************
  ***************************        Z-INDEX    *******************************
  ********************************************************************************/

.z-index1 {
    z-index: 111 !important;
}

.z-index2 {
    z-index: 222 !important;
}

.z-index3 {
    z-index: 333 !important;
}

.z-index4 {
    z-index: 444 !important;
}

.z-index95 {
    z-index: 555 !important;
}

.z-index6 {
    z-index: 666 !important;
}

.z-index7 {
    z-index: 777 !important;
}

.z-index8 {
    z-index: 888 !important;
}

.z-index9 {
    z-index: 999 !important;
}

@media(max-width: 600px) {
    .mobileClear {
        max-height: 1000px !important;
        height: none !important;
        min-height: 1px !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}