/*------ MARGIN -----*/
.m-0 {
    margin: 0!important;
}
.m-auto {
    margin: auto!important;
}
.m-1, .mx-1 {
    margin: .25rem!important;
}
.m-2, .mx-2 {
    margin: .5rem!important;
}
.m-3, .mx-3 {
    margin: 1rem!important;
}
.m-4, .mx-4 {
    margin: 1.5rem!important;
}
.m-5, .mx-5 {
    margin: 3rem!important;
}
/*MARGIN LEFT*/
.ml-0, .mx-0 {
    margin-left: 0!important;
}
.ml-1, .mx-1 {
    margin-left: .25rem!important;
}
.ml-2, .mx-2 {
    margin-left: .5rem!important;
}
.ml-3, .mx-3 {
    margin-left: 1rem!important;
}
.ml-4, .mx-4 {
    margin-left: 1.5rem!important;
}
.ml-5, .mx-5 {
    margin-left: 3rem!important;
}
/*MARGIN RIGHT*/
.mr-0, .mx-0 {
    margin-right: 0!important;
}
.mr-1, .mx-1 {
    margin-right: .25rem!important;
}
.mr-2, .mx-2 {
    margin-right: .5rem!important;
}
.mr-3, .mx-3 {
    margin-right: 1rem!important;
}
.mr-4, .mx-4 {
    margin-right: 1.5rem!important;
}
.mr-5, .mx-5 {
    margin-right: 3rem!important;
}
/*MARGIN BOTTOM*/
.mb-0, .mx-0 {
    margin-bottom: 0 !important;
}
.mb-1, .mx-1 {
    margin-bottom: .25rem!important;
}
.mb-2, .mx-2 {
    margin-bottom: .5rem!important;
}
.mb-3, .mx-3 {
    margin-bottom: 1rem!important;
}
.mb-4, .mx-4 {
    margin-bottom: 1.5rem!important;
}
.mb-5, .mx-5 {
    margin-bottom: 3rem!important;
}
/*MARGIN TOP*/
.mt-0, .mx-0 {
    margin-top: 0 !important;
}
.mt-1, .mx-1 {
    margin-top: .25rem!important;
}
.mt-2, .mx-2 {
    margin-top: .5rem!important;
}
.mt-3, .mx-3 {
    margin-top: 1rem!important;
}
.mt-4, .mx-4 {
    margin-top: 1.5rem!important;
}
.mt-5, .mx-5 {
    margin-top: 3rem!important;
}
/*------ PADDING ------*/
.p-0, .px-0 {
    padding: 0 !important;
}
.p-1, .px-1 {
    padding: .25rem!important;
}
.p-2, .px-2 {
    padding: .5rem!important;
}
.p-3, .px-3 {
    padding: 1rem!important;
}
.p-4, .px-4 {
    padding: 1.5rem!important;
}
.p-5, .px-5 {
    padding: 3rem!important;
}

/*PADDING LEFT*/
.pl-0, .px-0 {
    padding-left: 0!important;
}
.pl-1, .px-1 {
    padding-left: .25rem!important;
}
.pl-2, .px-2 {
    padding-left: .5rem!important;
}
.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem!important;
}
.pl-5, .px-5 {
    padding-left: 3rem!important;
}
/*PADDING RIGHT*/
.pr-0, .px-0 {
    padding-right: 0!important;
}
.pr-1, .px-1 {
    padding-right: .25rem!important;
}
.pr-2, .px-2 {
    padding-right: .5rem!important;
}
.pr-3, .px-3 {
    padding-right: 1rem!important;
}
.pr-4, .px-4 {
    padding-right: 1.5rem!important;
}
.pr-5, .px-5 {
    padding-right: 3rem!important;
}

/*PADDING TOP*/
.pt-0, .px-0 {
    padding-top: 0!important;
}
.pt-1, .px-1 {
    padding-top: .25rem!important;
}
.pt-2, .px-2 {
    padding-top: .5rem!important;
}
.pt-3, .px-3 {
    padding-top: 1rem!important;
}
.pt-4, .px-4 {
    padding-top: 1.5rem!important;
}
.pt-5, .px-5 {
    padding-top: 3rem!important;
}
/*PADDING BOTTOM*/
.pb-0, .px-0 {
    padding-bottom: 0!important;
}
.pb-1, .px-1 {
    padding-bottom: .25rem!important;
}
.pb-2, .px-2 {
    padding-bottom: .5rem!important;
}
.pb-3, .px-3 {
    padding-bottom: 1rem!important;
}
.pb-4, .px-4 {
    padding-bottom: 1.5rem!important;
}
.pb-5, .px-5 {
    padding-bottom: 3rem!important;
}

/* START FLEX*/
.d-flex {
    display: flex !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

@media (min-width: 768px) {
    .flex-md-column {
        flex-direction: column !important;
    }
}

/*START Align items*/
.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important;
}
.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important;
}
.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
}
/*END Align items*/
.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

/* END FLEX*/