/*
Beard css v2.2.4 custom compile with resets, base, colours, grid removed.
*/

.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

@media screen and (min-width: 640px) {
    .sm-tal {
        text-align: left !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-tac {
        text-align: center !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-tar {
        text-align: right !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-tal {
        text-align: left !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-tac {
        text-align: center !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-tar {
        text-align: right !important;
    }
}

@media screen and (min-width: 768px) {
    .md-tal {
        text-align: left !important;
    }
}

@media screen and (min-width: 768px) {
    .md-tac {
        text-align: center !important;
    }
}

@media screen and (min-width: 768px) {
    .md-tar {
        text-align: right !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-tal {
        text-align: left !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-tac {
        text-align: center !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-tar {
        text-align: right !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-tal {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-tac {
        text-align: center !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-tar {
        text-align: right !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-tal {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-tac {
        text-align: center !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-tar {
        text-align: right !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-tal {
        text-align: left !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-tac {
        text-align: center !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-tar {
        text-align: right !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-tal {
        text-align: left !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-tac {
        text-align: center !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-tar {
        text-align: right !important;
    }
}

.pa1 {
    padding: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa1 {
        padding: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa1 {
        padding: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa1 {
        padding: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa1 {
        padding: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa1 {
        padding: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa1 {
        padding: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa1 {
        padding: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa1 {
        padding: 1rem !important;
    }
}

.pt1 {
    padding-top: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt1 {
        padding-top: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt1 {
        padding-top: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt1 {
        padding-top: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt1 {
        padding-top: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt1 {
        padding-top: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt1 {
        padding-top: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt1 {
        padding-top: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt1 {
        padding-top: 1rem !important;
    }
}

.pr1 {
    padding-right: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr1 {
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr1 {
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr1 {
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr1 {
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr1 {
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr1 {
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr1 {
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr1 {
        padding-right: 1rem !important;
    }
}

.pb1 {
    padding-bottom: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb1 {
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb1 {
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb1 {
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb1 {
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb1 {
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb1 {
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb1 {
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb1 {
        padding-bottom: 1rem !important;
    }
}

.pl1 {
    padding-left: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl1 {
        padding-left: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl1 {
        padding-left: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl1 {
        padding-left: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl1 {
        padding-left: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl1 {
        padding-left: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl1 {
        padding-left: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl1 {
        padding-left: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl1 {
        padding-left: 1rem !important;
    }
}

.pv1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv1 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

.ph1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph1 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.pa2 {
    padding: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa2 {
        padding: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa2 {
        padding: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa2 {
        padding: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa2 {
        padding: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa2 {
        padding: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa2 {
        padding: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa2 {
        padding: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa2 {
        padding: 2rem !important;
    }
}

.pt2 {
    padding-top: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt2 {
        padding-top: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt2 {
        padding-top: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt2 {
        padding-top: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt2 {
        padding-top: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt2 {
        padding-top: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt2 {
        padding-top: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt2 {
        padding-top: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt2 {
        padding-top: 2rem !important;
    }
}

.pr2 {
    padding-right: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr2 {
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr2 {
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr2 {
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr2 {
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr2 {
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr2 {
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr2 {
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr2 {
        padding-right: 2rem !important;
    }
}

.pb2 {
    padding-bottom: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb2 {
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb2 {
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb2 {
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb2 {
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb2 {
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb2 {
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb2 {
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb2 {
        padding-bottom: 2rem !important;
    }
}

.pl2 {
    padding-left: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl2 {
        padding-left: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl2 {
        padding-left: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl2 {
        padding-left: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl2 {
        padding-left: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl2 {
        padding-left: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl2 {
        padding-left: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl2 {
        padding-left: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl2 {
        padding-left: 2rem !important;
    }
}

.pv2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv2 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv2 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv2 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv2 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv2 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv2 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv2 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv2 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

.ph2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph2 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

.pa3 {
    padding: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa3 {
        padding: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa3 {
        padding: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa3 {
        padding: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa3 {
        padding: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa3 {
        padding: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa3 {
        padding: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa3 {
        padding: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa3 {
        padding: 3rem !important;
    }
}

.pt3 {
    padding-top: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt3 {
        padding-top: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt3 {
        padding-top: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt3 {
        padding-top: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt3 {
        padding-top: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt3 {
        padding-top: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt3 {
        padding-top: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt3 {
        padding-top: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt3 {
        padding-top: 3rem !important;
    }
}

.pr3 {
    padding-right: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr3 {
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr3 {
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr3 {
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr3 {
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr3 {
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr3 {
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr3 {
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr3 {
        padding-right: 3rem !important;
    }
}

.pb3 {
    padding-bottom: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb3 {
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb3 {
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb3 {
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb3 {
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb3 {
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb3 {
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb3 {
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb3 {
        padding-bottom: 3rem !important;
    }
}

.pl3 {
    padding-left: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl3 {
        padding-left: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl3 {
        padding-left: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl3 {
        padding-left: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl3 {
        padding-left: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl3 {
        padding-left: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl3 {
        padding-left: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl3 {
        padding-left: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl3 {
        padding-left: 3rem !important;
    }
}

.pv3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv3 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
}

.ph3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph3 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

.pa4 {
    padding: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa4 {
        padding: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa4 {
        padding: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa4 {
        padding: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa4 {
        padding: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa4 {
        padding: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa4 {
        padding: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa4 {
        padding: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa4 {
        padding: 4rem !important;
    }
}

.pt4 {
    padding-top: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt4 {
        padding-top: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt4 {
        padding-top: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt4 {
        padding-top: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt4 {
        padding-top: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt4 {
        padding-top: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt4 {
        padding-top: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt4 {
        padding-top: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt4 {
        padding-top: 4rem !important;
    }
}

.pr4 {
    padding-right: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr4 {
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr4 {
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr4 {
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr4 {
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr4 {
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr4 {
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr4 {
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr4 {
        padding-right: 4rem !important;
    }
}

.pb4 {
    padding-bottom: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb4 {
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb4 {
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb4 {
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb4 {
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb4 {
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb4 {
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb4 {
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb4 {
        padding-bottom: 4rem !important;
    }
}

.pl4 {
    padding-left: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl4 {
        padding-left: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl4 {
        padding-left: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl4 {
        padding-left: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl4 {
        padding-left: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl4 {
        padding-left: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl4 {
        padding-left: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl4 {
        padding-left: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl4 {
        padding-left: 4rem !important;
    }
}

.pv4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv4 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv4 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv4 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv4 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv4 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv4 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv4 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv4 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
}

.ph4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph4 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}

.pa5 {
    padding: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa5 {
        padding: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa5 {
        padding: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa5 {
        padding: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa5 {
        padding: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa5 {
        padding: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa5 {
        padding: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa5 {
        padding: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa5 {
        padding: 5rem !important;
    }
}

.pt5 {
    padding-top: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt5 {
        padding-top: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt5 {
        padding-top: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt5 {
        padding-top: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt5 {
        padding-top: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt5 {
        padding-top: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt5 {
        padding-top: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt5 {
        padding-top: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt5 {
        padding-top: 5rem !important;
    }
}

.pr5 {
    padding-right: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr5 {
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr5 {
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr5 {
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr5 {
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr5 {
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr5 {
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr5 {
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr5 {
        padding-right: 5rem !important;
    }
}

.pb5 {
    padding-bottom: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb5 {
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb5 {
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb5 {
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb5 {
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb5 {
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb5 {
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb5 {
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb5 {
        padding-bottom: 5rem !important;
    }
}

.pl5 {
    padding-left: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl5 {
        padding-left: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl5 {
        padding-left: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl5 {
        padding-left: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl5 {
        padding-left: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl5 {
        padding-left: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl5 {
        padding-left: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl5 {
        padding-left: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl5 {
        padding-left: 5rem !important;
    }
}

.pv5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv5 {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }
}

.ph5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph5 {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
}

.pa6 {
    padding: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa6 {
        padding: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa6 {
        padding: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa6 {
        padding: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa6 {
        padding: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa6 {
        padding: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa6 {
        padding: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa6 {
        padding: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa6 {
        padding: 6rem !important;
    }
}

.pt6 {
    padding-top: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt6 {
        padding-top: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt6 {
        padding-top: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt6 {
        padding-top: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt6 {
        padding-top: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt6 {
        padding-top: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt6 {
        padding-top: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt6 {
        padding-top: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt6 {
        padding-top: 6rem !important;
    }
}

.pr6 {
    padding-right: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr6 {
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr6 {
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr6 {
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr6 {
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr6 {
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr6 {
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr6 {
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr6 {
        padding-right: 6rem !important;
    }
}

.pb6 {
    padding-bottom: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb6 {
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb6 {
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb6 {
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb6 {
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb6 {
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb6 {
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb6 {
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb6 {
        padding-bottom: 6rem !important;
    }
}

.pl6 {
    padding-left: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl6 {
        padding-left: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl6 {
        padding-left: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl6 {
        padding-left: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl6 {
        padding-left: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl6 {
        padding-left: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl6 {
        padding-left: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl6 {
        padding-left: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl6 {
        padding-left: 6rem !important;
    }
}

.pv6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
}

.ph6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph6 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

.pa7 {
    padding: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa7 {
        padding: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa7 {
        padding: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa7 {
        padding: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa7 {
        padding: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa7 {
        padding: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa7 {
        padding: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa7 {
        padding: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa7 {
        padding: 7rem !important;
    }
}

.pt7 {
    padding-top: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt7 {
        padding-top: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt7 {
        padding-top: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt7 {
        padding-top: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt7 {
        padding-top: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt7 {
        padding-top: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt7 {
        padding-top: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt7 {
        padding-top: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt7 {
        padding-top: 7rem !important;
    }
}

.pr7 {
    padding-right: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr7 {
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr7 {
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr7 {
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr7 {
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr7 {
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr7 {
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr7 {
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr7 {
        padding-right: 7rem !important;
    }
}

.pb7 {
    padding-bottom: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb7 {
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb7 {
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb7 {
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb7 {
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb7 {
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb7 {
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb7 {
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb7 {
        padding-bottom: 7rem !important;
    }
}

.pl7 {
    padding-left: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl7 {
        padding-left: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl7 {
        padding-left: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl7 {
        padding-left: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl7 {
        padding-left: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl7 {
        padding-left: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl7 {
        padding-left: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl7 {
        padding-left: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl7 {
        padding-left: 7rem !important;
    }
}

.pv7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv7 {
        padding-top: 7rem !important;
        padding-bottom: 7rem !important;
    }
}

.ph7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph7 {
        padding-left: 7rem !important;
        padding-right: 7rem !important;
    }
}

.pa8 {
    padding: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa8 {
        padding: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa8 {
        padding: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa8 {
        padding: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa8 {
        padding: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa8 {
        padding: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa8 {
        padding: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa8 {
        padding: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa8 {
        padding: 8rem !important;
    }
}

.pt8 {
    padding-top: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt8 {
        padding-top: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt8 {
        padding-top: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt8 {
        padding-top: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt8 {
        padding-top: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt8 {
        padding-top: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt8 {
        padding-top: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt8 {
        padding-top: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt8 {
        padding-top: 8rem !important;
    }
}

.pr8 {
    padding-right: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr8 {
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr8 {
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr8 {
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr8 {
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr8 {
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr8 {
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr8 {
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr8 {
        padding-right: 8rem !important;
    }
}

.pb8 {
    padding-bottom: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb8 {
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb8 {
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb8 {
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb8 {
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb8 {
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb8 {
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb8 {
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb8 {
        padding-bottom: 8rem !important;
    }
}

.pl8 {
    padding-left: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl8 {
        padding-left: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl8 {
        padding-left: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl8 {
        padding-left: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl8 {
        padding-left: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl8 {
        padding-left: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl8 {
        padding-left: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl8 {
        padding-left: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl8 {
        padding-left: 8rem !important;
    }
}

.pv8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
}

.ph8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
}

.pa9 {
    padding: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa9 {
        padding: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa9 {
        padding: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa9 {
        padding: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa9 {
        padding: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa9 {
        padding: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa9 {
        padding: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa9 {
        padding: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa9 {
        padding: 9rem !important;
    }
}

.pt9 {
    padding-top: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt9 {
        padding-top: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt9 {
        padding-top: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt9 {
        padding-top: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt9 {
        padding-top: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt9 {
        padding-top: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt9 {
        padding-top: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt9 {
        padding-top: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt9 {
        padding-top: 9rem !important;
    }
}

.pr9 {
    padding-right: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr9 {
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr9 {
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr9 {
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr9 {
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr9 {
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr9 {
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr9 {
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr9 {
        padding-right: 9rem !important;
    }
}

.pb9 {
    padding-bottom: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb9 {
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb9 {
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb9 {
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb9 {
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb9 {
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb9 {
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb9 {
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb9 {
        padding-bottom: 9rem !important;
    }
}

.pl9 {
    padding-left: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl9 {
        padding-left: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl9 {
        padding-left: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl9 {
        padding-left: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl9 {
        padding-left: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl9 {
        padding-left: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl9 {
        padding-left: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl9 {
        padding-left: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl9 {
        padding-left: 9rem !important;
    }
}

.pv9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv9 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv9 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv9 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv9 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv9 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv9 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv9 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv9 {
        padding-top: 9rem !important;
        padding-bottom: 9rem !important;
    }
}

.ph9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph9 {
        padding-left: 9rem !important;
        padding-right: 9rem !important;
    }
}

.pa10 {
    padding: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa10 {
        padding: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa10 {
        padding: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa10 {
        padding: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa10 {
        padding: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa10 {
        padding: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa10 {
        padding: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa10 {
        padding: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa10 {
        padding: 10rem !important;
    }
}

.pt10 {
    padding-top: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt10 {
        padding-top: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt10 {
        padding-top: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt10 {
        padding-top: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt10 {
        padding-top: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt10 {
        padding-top: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt10 {
        padding-top: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt10 {
        padding-top: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt10 {
        padding-top: 10rem !important;
    }
}

.pr10 {
    padding-right: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr10 {
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr10 {
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr10 {
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr10 {
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr10 {
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr10 {
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr10 {
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr10 {
        padding-right: 10rem !important;
    }
}

.pb10 {
    padding-bottom: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb10 {
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb10 {
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb10 {
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb10 {
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb10 {
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb10 {
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb10 {
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb10 {
        padding-bottom: 10rem !important;
    }
}

.pl10 {
    padding-left: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl10 {
        padding-left: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl10 {
        padding-left: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl10 {
        padding-left: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl10 {
        padding-left: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl10 {
        padding-left: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl10 {
        padding-left: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl10 {
        padding-left: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl10 {
        padding-left: 10rem !important;
    }
}

.pv10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}

.ph10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
}

.pa0 {
    padding: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pa0 {
        padding: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pa0 {
        padding: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pa0 {
        padding: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pa0 {
        padding: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pa0 {
        padding: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pa0 {
        padding: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pa0 {
        padding: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pa0 {
        padding: 0rem !important;
    }
}

.pt0 {
    padding-top: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pt0 {
        padding-top: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pt0 {
        padding-top: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pt0 {
        padding-top: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pt0 {
        padding-top: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pt0 {
        padding-top: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pt0 {
        padding-top: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pt0 {
        padding-top: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pt0 {
        padding-top: 0rem !important;
    }
}

.pr0 {
    padding-right: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pr0 {
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pr0 {
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pr0 {
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pr0 {
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pr0 {
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pr0 {
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pr0 {
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pr0 {
        padding-right: 0rem !important;
    }
}

.pb0 {
    padding-bottom: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pb0 {
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pb0 {
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pb0 {
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pb0 {
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pb0 {
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pb0 {
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pb0 {
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pb0 {
        padding-bottom: 0rem !important;
    }
}

.pl0 {
    padding-left: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pl0 {
        padding-left: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pl0 {
        padding-left: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pl0 {
        padding-left: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pl0 {
        padding-left: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pl0 {
        padding-left: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pl0 {
        padding-left: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pl0 {
        padding-left: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pl0 {
        padding-left: 0rem !important;
    }
}

.pv0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-pv0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-pv0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-pv0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-pv0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-pv0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-pv0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-pv0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-pv0 {
        padding-top: 0rem !important;
        padding-bottom: 0rem !important;
    }
}

.ph0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ph0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ph0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ph0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ph0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ph0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ph0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ph0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ph0 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

.ma1 {
    margin: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma1 {
        margin: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma1 {
        margin: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma1 {
        margin: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma1 {
        margin: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma1 {
        margin: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma1 {
        margin: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma1 {
        margin: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma1 {
        margin: 1rem !important;
    }
}

.mt1 {
    margin-top: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt1 {
        margin-top: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt1 {
        margin-top: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt1 {
        margin-top: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt1 {
        margin-top: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt1 {
        margin-top: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt1 {
        margin-top: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt1 {
        margin-top: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt1 {
        margin-top: 1rem !important;
    }
}

.mr1 {
    margin-right: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr1 {
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr1 {
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr1 {
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr1 {
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr1 {
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr1 {
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr1 {
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr1 {
        margin-right: 1rem !important;
    }
}

.mb1 {
    margin-bottom: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb1 {
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb1 {
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb1 {
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb1 {
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb1 {
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb1 {
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb1 {
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb1 {
        margin-bottom: 1rem !important;
    }
}

.ml1 {
    margin-left: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml1 {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml1 {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml1 {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml1 {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml1 {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml1 {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml1 {
        margin-left: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml1 {
        margin-left: 1rem !important;
    }
}

.mv1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv1 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

.mh1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh1 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

.ma2 {
    margin: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma2 {
        margin: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma2 {
        margin: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma2 {
        margin: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma2 {
        margin: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma2 {
        margin: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma2 {
        margin: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma2 {
        margin: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma2 {
        margin: 2rem !important;
    }
}

.mt2 {
    margin-top: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt2 {
        margin-top: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt2 {
        margin-top: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt2 {
        margin-top: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt2 {
        margin-top: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt2 {
        margin-top: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt2 {
        margin-top: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt2 {
        margin-top: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt2 {
        margin-top: 2rem !important;
    }
}

.mr2 {
    margin-right: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr2 {
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr2 {
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr2 {
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr2 {
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr2 {
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr2 {
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr2 {
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr2 {
        margin-right: 2rem !important;
    }
}

.mb2 {
    margin-bottom: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb2 {
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb2 {
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb2 {
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb2 {
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb2 {
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb2 {
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb2 {
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb2 {
        margin-bottom: 2rem !important;
    }
}

.ml2 {
    margin-left: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml2 {
        margin-left: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml2 {
        margin-left: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml2 {
        margin-left: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml2 {
        margin-left: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml2 {
        margin-left: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml2 {
        margin-left: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml2 {
        margin-left: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml2 {
        margin-left: 2rem !important;
    }
}

.mv2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv2 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

.mh2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh2 {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }
}

.ma3 {
    margin: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma3 {
        margin: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma3 {
        margin: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma3 {
        margin: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma3 {
        margin: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma3 {
        margin: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma3 {
        margin: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma3 {
        margin: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma3 {
        margin: 3rem !important;
    }
}

.mt3 {
    margin-top: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt3 {
        margin-top: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt3 {
        margin-top: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt3 {
        margin-top: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt3 {
        margin-top: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt3 {
        margin-top: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt3 {
        margin-top: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt3 {
        margin-top: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt3 {
        margin-top: 3rem !important;
    }
}

.mr3 {
    margin-right: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr3 {
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr3 {
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr3 {
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr3 {
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr3 {
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr3 {
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr3 {
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr3 {
        margin-right: 3rem !important;
    }
}

.mb3 {
    margin-bottom: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb3 {
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb3 {
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb3 {
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb3 {
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb3 {
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb3 {
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb3 {
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb3 {
        margin-bottom: 3rem !important;
    }
}

.ml3 {
    margin-left: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml3 {
        margin-left: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml3 {
        margin-left: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml3 {
        margin-left: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml3 {
        margin-left: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml3 {
        margin-left: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml3 {
        margin-left: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml3 {
        margin-left: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml3 {
        margin-left: 3rem !important;
    }
}

.mv3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv3 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

.mh3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh3 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
    }
}

.ma4 {
    margin: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma4 {
        margin: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma4 {
        margin: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma4 {
        margin: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma4 {
        margin: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma4 {
        margin: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma4 {
        margin: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma4 {
        margin: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma4 {
        margin: 4rem !important;
    }
}

.mt4 {
    margin-top: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt4 {
        margin-top: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt4 {
        margin-top: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt4 {
        margin-top: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt4 {
        margin-top: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt4 {
        margin-top: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt4 {
        margin-top: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt4 {
        margin-top: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt4 {
        margin-top: 4rem !important;
    }
}

.mr4 {
    margin-right: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr4 {
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr4 {
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr4 {
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr4 {
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr4 {
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr4 {
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr4 {
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr4 {
        margin-right: 4rem !important;
    }
}

.mb4 {
    margin-bottom: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb4 {
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb4 {
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb4 {
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb4 {
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb4 {
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb4 {
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb4 {
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb4 {
        margin-bottom: 4rem !important;
    }
}

.ml4 {
    margin-left: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml4 {
        margin-left: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml4 {
        margin-left: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml4 {
        margin-left: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml4 {
        margin-left: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml4 {
        margin-left: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml4 {
        margin-left: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml4 {
        margin-left: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml4 {
        margin-left: 4rem !important;
    }
}

.mv4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv4 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

.mh4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh4 {
        margin-left: 4rem !important;
        margin-right: 4rem !important;
    }
}

.ma5 {
    margin: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma5 {
        margin: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma5 {
        margin: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma5 {
        margin: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma5 {
        margin: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma5 {
        margin: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma5 {
        margin: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma5 {
        margin: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma5 {
        margin: 5rem !important;
    }
}

.mt5 {
    margin-top: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt5 {
        margin-top: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt5 {
        margin-top: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt5 {
        margin-top: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt5 {
        margin-top: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt5 {
        margin-top: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt5 {
        margin-top: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt5 {
        margin-top: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt5 {
        margin-top: 5rem !important;
    }
}

.mr5 {
    margin-right: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr5 {
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr5 {
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr5 {
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr5 {
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr5 {
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr5 {
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr5 {
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr5 {
        margin-right: 5rem !important;
    }
}

.mb5 {
    margin-bottom: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb5 {
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb5 {
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb5 {
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb5 {
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb5 {
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb5 {
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb5 {
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb5 {
        margin-bottom: 5rem !important;
    }
}

.ml5 {
    margin-left: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml5 {
        margin-left: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml5 {
        margin-left: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml5 {
        margin-left: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml5 {
        margin-left: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml5 {
        margin-left: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml5 {
        margin-left: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml5 {
        margin-left: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml5 {
        margin-left: 5rem !important;
    }
}

.mv5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv5 {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }
}

.mh5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh5 {
        margin-left: 5rem !important;
        margin-right: 5rem !important;
    }
}

.ma6 {
    margin: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma6 {
        margin: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma6 {
        margin: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma6 {
        margin: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma6 {
        margin: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma6 {
        margin: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma6 {
        margin: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma6 {
        margin: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma6 {
        margin: 6rem !important;
    }
}

.mt6 {
    margin-top: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt6 {
        margin-top: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt6 {
        margin-top: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt6 {
        margin-top: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt6 {
        margin-top: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt6 {
        margin-top: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt6 {
        margin-top: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt6 {
        margin-top: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt6 {
        margin-top: 6rem !important;
    }
}

.mr6 {
    margin-right: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr6 {
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr6 {
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr6 {
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr6 {
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr6 {
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr6 {
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr6 {
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr6 {
        margin-right: 6rem !important;
    }
}

.mb6 {
    margin-bottom: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb6 {
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb6 {
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb6 {
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb6 {
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb6 {
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb6 {
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb6 {
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb6 {
        margin-bottom: 6rem !important;
    }
}

.ml6 {
    margin-left: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml6 {
        margin-left: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml6 {
        margin-left: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml6 {
        margin-left: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml6 {
        margin-left: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml6 {
        margin-left: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml6 {
        margin-left: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml6 {
        margin-left: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml6 {
        margin-left: 6rem !important;
    }
}

.mv6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv6 {
        margin-top: 6rem !important;
        margin-bottom: 6rem !important;
    }
}

.mh6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh6 {
        margin-left: 6rem !important;
        margin-right: 6rem !important;
    }
}

.ma7 {
    margin: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma7 {
        margin: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma7 {
        margin: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma7 {
        margin: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma7 {
        margin: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma7 {
        margin: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma7 {
        margin: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma7 {
        margin: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma7 {
        margin: 7rem !important;
    }
}

.mt7 {
    margin-top: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt7 {
        margin-top: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt7 {
        margin-top: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt7 {
        margin-top: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt7 {
        margin-top: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt7 {
        margin-top: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt7 {
        margin-top: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt7 {
        margin-top: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt7 {
        margin-top: 7rem !important;
    }
}

.mr7 {
    margin-right: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr7 {
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr7 {
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr7 {
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr7 {
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr7 {
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr7 {
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr7 {
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr7 {
        margin-right: 7rem !important;
    }
}

.mb7 {
    margin-bottom: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb7 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb7 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb7 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb7 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb7 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb7 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb7 {
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb7 {
        margin-bottom: 7rem !important;
    }
}

.ml7 {
    margin-left: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml7 {
        margin-left: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml7 {
        margin-left: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml7 {
        margin-left: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml7 {
        margin-left: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml7 {
        margin-left: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml7 {
        margin-left: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml7 {
        margin-left: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml7 {
        margin-left: 7rem !important;
    }
}

.mv7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv7 {
        margin-top: 7rem !important;
        margin-bottom: 7rem !important;
    }
}

.mh7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh7 {
        margin-left: 7rem !important;
        margin-right: 7rem !important;
    }
}

.ma8 {
    margin: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma8 {
        margin: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma8 {
        margin: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma8 {
        margin: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma8 {
        margin: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma8 {
        margin: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma8 {
        margin: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma8 {
        margin: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma8 {
        margin: 8rem !important;
    }
}

.mt8 {
    margin-top: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt8 {
        margin-top: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt8 {
        margin-top: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt8 {
        margin-top: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt8 {
        margin-top: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt8 {
        margin-top: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt8 {
        margin-top: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt8 {
        margin-top: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt8 {
        margin-top: 8rem !important;
    }
}

.mr8 {
    margin-right: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr8 {
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr8 {
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr8 {
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr8 {
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr8 {
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr8 {
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr8 {
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr8 {
        margin-right: 8rem !important;
    }
}

.mb8 {
    margin-bottom: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb8 {
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb8 {
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb8 {
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb8 {
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb8 {
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb8 {
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb8 {
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb8 {
        margin-bottom: 8rem !important;
    }
}

.ml8 {
    margin-left: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml8 {
        margin-left: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml8 {
        margin-left: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml8 {
        margin-left: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml8 {
        margin-left: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml8 {
        margin-left: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml8 {
        margin-left: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml8 {
        margin-left: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml8 {
        margin-left: 8rem !important;
    }
}

.mv8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv8 {
        margin-top: 8rem !important;
        margin-bottom: 8rem !important;
    }
}

.mh8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh8 {
        margin-left: 8rem !important;
        margin-right: 8rem !important;
    }
}

.ma9 {
    margin: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma9 {
        margin: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma9 {
        margin: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma9 {
        margin: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma9 {
        margin: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma9 {
        margin: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma9 {
        margin: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma9 {
        margin: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma9 {
        margin: 9rem !important;
    }
}

.mt9 {
    margin-top: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt9 {
        margin-top: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt9 {
        margin-top: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt9 {
        margin-top: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt9 {
        margin-top: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt9 {
        margin-top: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt9 {
        margin-top: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt9 {
        margin-top: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt9 {
        margin-top: 9rem !important;
    }
}

.mr9 {
    margin-right: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr9 {
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr9 {
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr9 {
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr9 {
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr9 {
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr9 {
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr9 {
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr9 {
        margin-right: 9rem !important;
    }
}

.mb9 {
    margin-bottom: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb9 {
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb9 {
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb9 {
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb9 {
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb9 {
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb9 {
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb9 {
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb9 {
        margin-bottom: 9rem !important;
    }
}

.ml9 {
    margin-left: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml9 {
        margin-left: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml9 {
        margin-left: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml9 {
        margin-left: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml9 {
        margin-left: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml9 {
        margin-left: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml9 {
        margin-left: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml9 {
        margin-left: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml9 {
        margin-left: 9rem !important;
    }
}

.mv9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv9 {
        margin-top: 9rem !important;
        margin-bottom: 9rem !important;
    }
}

.mh9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh9 {
        margin-left: 9rem !important;
        margin-right: 9rem !important;
    }
}

.ma10 {
    margin: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma10 {
        margin: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma10 {
        margin: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma10 {
        margin: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma10 {
        margin: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma10 {
        margin: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma10 {
        margin: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma10 {
        margin: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma10 {
        margin: 10rem !important;
    }
}

.mt10 {
    margin-top: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt10 {
        margin-top: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt10 {
        margin-top: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt10 {
        margin-top: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt10 {
        margin-top: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt10 {
        margin-top: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt10 {
        margin-top: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt10 {
        margin-top: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt10 {
        margin-top: 10rem !important;
    }
}

.mr10 {
    margin-right: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr10 {
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr10 {
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr10 {
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr10 {
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr10 {
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr10 {
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr10 {
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr10 {
        margin-right: 10rem !important;
    }
}

.mb10 {
    margin-bottom: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb10 {
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb10 {
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb10 {
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb10 {
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb10 {
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb10 {
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb10 {
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb10 {
        margin-bottom: 10rem !important;
    }
}

.ml10 {
    margin-left: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml10 {
        margin-left: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml10 {
        margin-left: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml10 {
        margin-left: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml10 {
        margin-left: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml10 {
        margin-left: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml10 {
        margin-left: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml10 {
        margin-left: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml10 {
        margin-left: 10rem !important;
    }
}

.mv10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv10 {
        margin-top: 10rem !important;
        margin-bottom: 10rem !important;
    }
}

.mh10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh10 {
        margin-left: 10rem !important;
        margin-right: 10rem !important;
    }
}

.ma0 {
    margin: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ma0 {
        margin: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ma0 {
        margin: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ma0 {
        margin: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ma0 {
        margin: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ma0 {
        margin: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ma0 {
        margin: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ma0 {
        margin: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ma0 {
        margin: 0rem !important;
    }
}

.mt0 {
    margin-top: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mt0 {
        margin-top: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mt0 {
        margin-top: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mt0 {
        margin-top: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mt0 {
        margin-top: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mt0 {
        margin-top: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mt0 {
        margin-top: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mt0 {
        margin-top: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mt0 {
        margin-top: 0rem !important;
    }
}

.mr0 {
    margin-right: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mr0 {
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mr0 {
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mr0 {
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mr0 {
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mr0 {
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mr0 {
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mr0 {
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mr0 {
        margin-right: 0rem !important;
    }
}

.mb0 {
    margin-bottom: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mb0 {
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mb0 {
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mb0 {
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mb0 {
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mb0 {
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mb0 {
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mb0 {
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mb0 {
        margin-bottom: 0rem !important;
    }
}

.ml0 {
    margin-left: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-ml0 {
        margin-left: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ml0 {
        margin-left: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-ml0 {
        margin-left: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ml0 {
        margin-left: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ml0 {
        margin-left: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ml0 {
        margin-left: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ml0 {
        margin-left: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ml0 {
        margin-left: 0rem !important;
    }
}

.mv0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mv0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mv0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mv0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mv0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mv0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mv0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mv0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mv0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

.mh0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}

@media screen and (min-width: 640px) {
    .sm-mh0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-mh0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 768px) {
    .md-mh0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-mh0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-mh0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-mh0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-mh0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-mh0 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

.xp {
    padding: 0 !important;
}

.xpv {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.xph {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.xm {
    margin: 0 !important;
}

.xmv {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.xmh {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media screen and (min-width: 640px) {
    .sm-xp {
        padding: 0 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-xpv {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-xph {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-center {
        padding-left: auto !important;
        padding-right: auto !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-xp {
        padding: 0 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-xpv {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-xph {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-center {
        padding-left: auto !important;
        padding-right: auto !important;
    }
}

@media screen and (min-width: 768px) {
    .md-xp {
        padding: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-xpv {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-xph {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-center {
        padding-left: auto !important;
        padding-right: auto !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-xp {
        padding: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-xpv {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-xph {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-center {
        padding-left: auto !important;
        padding-right: auto !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-xp {
        padding: 0 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-xpv {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-xph {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-center {
        padding-left: auto !important;
        padding-right: auto !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-xp {
        padding: 0 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-xpv {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-xph {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-center {
        padding-left: auto !important;
        padding-right: auto !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-xp {
        padding: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-xpv {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-xph {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-center {
        padding-left: auto !important;
        padding-right: auto !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-xp {
        padding: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-xpv {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-xph {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-center {
        padding-left: auto !important;
        padding-right: auto !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-xm {
        margin: 0 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-xmv {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-xmh {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-xm {
        margin: 0 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-xmv {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-xmh {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 768px) {
    .md-xm {
        margin: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-xmv {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-xmh {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-xm {
        margin: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-xmv {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-xmh {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-xm {
        margin: 0 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-xmv {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-xmh {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-xm {
        margin: 0 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-xmv {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-xmh {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-xm {
        margin: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-xmv {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-xmh {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-xm {
        margin: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-xmv {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-xmh {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-center {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.lh1 {
    line-height: 1 !important;
}

.lh1-1 {
    line-height: 1.1 !important;
}

.lh1-2 {
    line-height: 1.2 !important;
}

.lh1-3 {
    line-height: 1.3 !important;
}

.lh1-4 {
    line-height: 1.4 !important;
}

.lh1-5 {
    line-height: 1.5 !important;
}

.lh1-6 {
    line-height: 1.6 !important;
}

.lh1-7 {
    line-height: 1.7 !important;
}

.lh1-8 {
    line-height: 1.8 !important;
}

.lh1-9 {
    line-height: 1.9 !important;
}

.lh2 {
    line-height: 2 !important;
}

@media screen and (min-width: 640px) {
    .sm-lh1 {
        line-height: 1 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-1 {
        line-height: 1.1 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-2 {
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-3 {
        line-height: 1.3 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-4 {
        line-height: 1.4 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-5 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-6 {
        line-height: 1.6 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-7 {
        line-height: 1.7 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-8 {
        line-height: 1.8 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh1-9 {
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-lh2 {
        line-height: 2 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1 {
        line-height: 1 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-1 {
        line-height: 1.1 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-2 {
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-3 {
        line-height: 1.3 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-4 {
        line-height: 1.4 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-5 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-6 {
        line-height: 1.6 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-7 {
        line-height: 1.7 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-8 {
        line-height: 1.8 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh1-9 {
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-lh2 {
        line-height: 2 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1 {
        line-height: 1 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-1 {
        line-height: 1.1 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-2 {
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-3 {
        line-height: 1.3 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-4 {
        line-height: 1.4 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-5 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-6 {
        line-height: 1.6 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-7 {
        line-height: 1.7 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-8 {
        line-height: 1.8 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh1-9 {
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 768px) {
    .md-lh2 {
        line-height: 2 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1 {
        line-height: 1 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-1 {
        line-height: 1.1 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-2 {
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-3 {
        line-height: 1.3 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-4 {
        line-height: 1.4 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-5 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-6 {
        line-height: 1.6 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-7 {
        line-height: 1.7 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-8 {
        line-height: 1.8 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh1-9 {
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-lh2 {
        line-height: 2 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1 {
        line-height: 1 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-1 {
        line-height: 1.1 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-2 {
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-3 {
        line-height: 1.3 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-4 {
        line-height: 1.4 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-5 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-6 {
        line-height: 1.6 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-7 {
        line-height: 1.7 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-8 {
        line-height: 1.8 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh1-9 {
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-lh2 {
        line-height: 2 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1 {
        line-height: 1 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-1 {
        line-height: 1.1 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-2 {
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-3 {
        line-height: 1.3 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-4 {
        line-height: 1.4 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-5 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-6 {
        line-height: 1.6 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-7 {
        line-height: 1.7 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-8 {
        line-height: 1.8 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh1-9 {
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-lh2 {
        line-height: 2 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1 {
        line-height: 1 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-1 {
        line-height: 1.1 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-2 {
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-3 {
        line-height: 1.3 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-4 {
        line-height: 1.4 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-5 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-6 {
        line-height: 1.6 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-7 {
        line-height: 1.7 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-8 {
        line-height: 1.8 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh1-9 {
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-lh2 {
        line-height: 2 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1 {
        line-height: 1 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-1 {
        line-height: 1.1 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-2 {
        line-height: 1.2 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-3 {
        line-height: 1.3 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-4 {
        line-height: 1.4 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-5 {
        line-height: 1.5 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-6 {
        line-height: 1.6 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-7 {
        line-height: 1.7 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-8 {
        line-height: 1.8 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh1-9 {
        line-height: 1.9 !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-lh2 {
        line-height: 2 !important;
    }
}

.ls1 {
    letter-spacing: 0.1rem;
}

@media screen and (min-width: 640px) {
    .sm-ls1 {
        letter-spacing: 0.1rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls1 {
        letter-spacing: 0.1rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls1 {
        letter-spacing: 0.1rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls1 {
        letter-spacing: 0.1rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls1 {
        letter-spacing: 0.1rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls1 {
        letter-spacing: 0.1rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls1 {
        letter-spacing: 0.1rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls1 {
        letter-spacing: 0.1rem;
    }
}

.ls2 {
    letter-spacing: 0.2rem;
}

@media screen and (min-width: 640px) {
    .sm-ls2 {
        letter-spacing: 0.2rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls2 {
        letter-spacing: 0.2rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls2 {
        letter-spacing: 0.2rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls2 {
        letter-spacing: 0.2rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls2 {
        letter-spacing: 0.2rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls2 {
        letter-spacing: 0.2rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls2 {
        letter-spacing: 0.2rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls2 {
        letter-spacing: 0.2rem;
    }
}

.ls3 {
    letter-spacing: 0.3rem;
}

@media screen and (min-width: 640px) {
    .sm-ls3 {
        letter-spacing: 0.3rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls3 {
        letter-spacing: 0.3rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls3 {
        letter-spacing: 0.3rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls3 {
        letter-spacing: 0.3rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls3 {
        letter-spacing: 0.3rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls3 {
        letter-spacing: 0.3rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls3 {
        letter-spacing: 0.3rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls3 {
        letter-spacing: 0.3rem;
    }
}

.ls4 {
    letter-spacing: 0.4rem;
}

@media screen and (min-width: 640px) {
    .sm-ls4 {
        letter-spacing: 0.4rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls4 {
        letter-spacing: 0.4rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls4 {
        letter-spacing: 0.4rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls4 {
        letter-spacing: 0.4rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls4 {
        letter-spacing: 0.4rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls4 {
        letter-spacing: 0.4rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls4 {
        letter-spacing: 0.4rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls4 {
        letter-spacing: 0.4rem;
    }
}

.ls5 {
    letter-spacing: 0.5rem;
}

@media screen and (min-width: 640px) {
    .sm-ls5 {
        letter-spacing: 0.5rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls5 {
        letter-spacing: 0.5rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls5 {
        letter-spacing: 0.5rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls5 {
        letter-spacing: 0.5rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls5 {
        letter-spacing: 0.5rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls5 {
        letter-spacing: 0.5rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls5 {
        letter-spacing: 0.5rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls5 {
        letter-spacing: 0.5rem;
    }
}

.ls6 {
    letter-spacing: 0.6rem;
}

@media screen and (min-width: 640px) {
    .sm-ls6 {
        letter-spacing: 0.6rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls6 {
        letter-spacing: 0.6rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls6 {
        letter-spacing: 0.6rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls6 {
        letter-spacing: 0.6rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls6 {
        letter-spacing: 0.6rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls6 {
        letter-spacing: 0.6rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls6 {
        letter-spacing: 0.6rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls6 {
        letter-spacing: 0.6rem;
    }
}

.ls7 {
    letter-spacing: 0.7rem;
}

@media screen and (min-width: 640px) {
    .sm-ls7 {
        letter-spacing: 0.7rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls7 {
        letter-spacing: 0.7rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls7 {
        letter-spacing: 0.7rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls7 {
        letter-spacing: 0.7rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls7 {
        letter-spacing: 0.7rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls7 {
        letter-spacing: 0.7rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls7 {
        letter-spacing: 0.7rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls7 {
        letter-spacing: 0.7rem;
    }
}

.ls8 {
    letter-spacing: 0.8rem;
}

@media screen and (min-width: 640px) {
    .sm-ls8 {
        letter-spacing: 0.8rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls8 {
        letter-spacing: 0.8rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls8 {
        letter-spacing: 0.8rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls8 {
        letter-spacing: 0.8rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls8 {
        letter-spacing: 0.8rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls8 {
        letter-spacing: 0.8rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls8 {
        letter-spacing: 0.8rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls8 {
        letter-spacing: 0.8rem;
    }
}

.ls9 {
    letter-spacing: 0.9rem;
}

@media screen and (min-width: 640px) {
    .sm-ls9 {
        letter-spacing: 0.9rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls9 {
        letter-spacing: 0.9rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls9 {
        letter-spacing: 0.9rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls9 {
        letter-spacing: 0.9rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls9 {
        letter-spacing: 0.9rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls9 {
        letter-spacing: 0.9rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls9 {
        letter-spacing: 0.9rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls9 {
        letter-spacing: 0.9rem;
    }
}

.ls10 {
    letter-spacing: 1rem;
}

@media screen and (min-width: 640px) {
    .sm-ls10 {
        letter-spacing: 1rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ls10 {
        letter-spacing: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ls10 {
        letter-spacing: 1rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ls10 {
        letter-spacing: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ls10 {
        letter-spacing: 1rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ls10 {
        letter-spacing: 1rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ls10 {
        letter-spacing: 1rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ls10 {
        letter-spacing: 1rem;
    }
}

.ft1 {
    font-size: 10px;
    font-size: 1rem;
}

@media screen and (min-width: 640px) {
    .sm-ft1 {
        font-size: 10px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft1 {
        font-size: 10px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft1 {
        font-size: 10px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft1 {
        font-size: 10px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft1 {
        font-size: 10px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft1 {
        font-size: 10px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft1 {
        font-size: 10px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft1 {
        font-size: 10px;
        font-size: 1rem;
    }
}

.ft2 {
    font-size: 11px;
    font-size: 1.1rem;
}

@media screen and (min-width: 640px) {
    .sm-ft2 {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft2 {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft2 {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft2 {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft2 {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft2 {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft2 {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft2 {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

.ft3 {
    font-size: 12px;
    font-size: 1.2rem;
}

@media screen and (min-width: 640px) {
    .sm-ft3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.ft4 {
    font-size: 15px;
    font-size: 1.5rem;
}

@media screen and (min-width: 640px) {
    .sm-ft4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft4 {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.ft5 {
    font-size: 16.5px;
    font-size: 1.65rem;
}

@media screen and (min-width: 640px) {
    .sm-ft5 {
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft5 {
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft5 {
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft5 {
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft5 {
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft5 {
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft5 {
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft5 {
        font-size: 16.5px;
        font-size: 1.65rem;
    }
}

.ft6 {
    font-size: 18px;
    font-size: 1.8rem;
}

@media screen and (min-width: 640px) {
    .sm-ft6 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft6 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft6 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft6 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft6 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft6 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft6 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft6 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.ft7 {
    font-size: 22.5px;
    font-size: 2.25rem;
}

@media screen and (min-width: 640px) {
    .sm-ft7 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft7 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft7 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft7 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft7 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft7 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft7 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft7 {
        font-size: 22.5px;
        font-size: 2.25rem;
    }
}

.ft8 {
    font-size: 24.75px;
    font-size: 2.475rem;
}

@media screen and (min-width: 640px) {
    .sm-ft8 {
        font-size: 24.75px;
        font-size: 2.475rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft8 {
        font-size: 24.75px;
        font-size: 2.475rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft8 {
        font-size: 24.75px;
        font-size: 2.475rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft8 {
        font-size: 24.75px;
        font-size: 2.475rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft8 {
        font-size: 24.75px;
        font-size: 2.475rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft8 {
        font-size: 24.75px;
        font-size: 2.475rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft8 {
        font-size: 24.75px;
        font-size: 2.475rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft8 {
        font-size: 24.75px;
        font-size: 2.475rem;
    }
}

.ft9 {
    font-size: 27px;
    font-size: 2.7rem;
}

@media screen and (min-width: 640px) {
    .sm-ft9 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft9 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft9 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft9 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft9 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft9 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft9 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft9 {
        font-size: 27px;
        font-size: 2.7rem;
    }
}

.ft10 {
    font-size: 33.75px;
    font-size: 3.375rem;
}

@media screen and (min-width: 640px) {
    .sm-ft10 {
        font-size: 33.75px;
        font-size: 3.375rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft10 {
        font-size: 33.75px;
        font-size: 3.375rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft10 {
        font-size: 33.75px;
        font-size: 3.375rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft10 {
        font-size: 33.75px;
        font-size: 3.375rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft10 {
        font-size: 33.75px;
        font-size: 3.375rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft10 {
        font-size: 33.75px;
        font-size: 3.375rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft10 {
        font-size: 33.75px;
        font-size: 3.375rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft10 {
        font-size: 33.75px;
        font-size: 3.375rem;
    }
}

.ft11 {
    font-size: 37.13px;
    font-size: 3.713rem;
}

@media screen and (min-width: 640px) {
    .sm-ft11 {
        font-size: 37.13px;
        font-size: 3.713rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft11 {
        font-size: 37.13px;
        font-size: 3.713rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft11 {
        font-size: 37.13px;
        font-size: 3.713rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft11 {
        font-size: 37.13px;
        font-size: 3.713rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft11 {
        font-size: 37.13px;
        font-size: 3.713rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft11 {
        font-size: 37.13px;
        font-size: 3.713rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft11 {
        font-size: 37.13px;
        font-size: 3.713rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft11 {
        font-size: 37.13px;
        font-size: 3.713rem;
    }
}

.ft12 {
    font-size: 40.5px;
    font-size: 4.05rem;
}

@media screen and (min-width: 640px) {
    .sm-ft12 {
        font-size: 40.5px;
        font-size: 4.05rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft12 {
        font-size: 40.5px;
        font-size: 4.05rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft12 {
        font-size: 40.5px;
        font-size: 4.05rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft12 {
        font-size: 40.5px;
        font-size: 4.05rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft12 {
        font-size: 40.5px;
        font-size: 4.05rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft12 {
        font-size: 40.5px;
        font-size: 4.05rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft12 {
        font-size: 40.5px;
        font-size: 4.05rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft12 {
        font-size: 40.5px;
        font-size: 4.05rem;
    }
}

.ft13 {
    font-size: 50.63px;
    font-size: 5.063rem;
}

@media screen and (min-width: 640px) {
    .sm-ft13 {
        font-size: 50.63px;
        font-size: 5.063rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft13 {
        font-size: 50.63px;
        font-size: 5.063rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft13 {
        font-size: 50.63px;
        font-size: 5.063rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft13 {
        font-size: 50.63px;
        font-size: 5.063rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft13 {
        font-size: 50.63px;
        font-size: 5.063rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft13 {
        font-size: 50.63px;
        font-size: 5.063rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft13 {
        font-size: 50.63px;
        font-size: 5.063rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft13 {
        font-size: 50.63px;
        font-size: 5.063rem;
    }
}

.ft14 {
    font-size: 55.69px;
    font-size: 5.569rem;
}

@media screen and (min-width: 640px) {
    .sm-ft14 {
        font-size: 55.69px;
        font-size: 5.569rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft14 {
        font-size: 55.69px;
        font-size: 5.569rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft14 {
        font-size: 55.69px;
        font-size: 5.569rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft14 {
        font-size: 55.69px;
        font-size: 5.569rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft14 {
        font-size: 55.69px;
        font-size: 5.569rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft14 {
        font-size: 55.69px;
        font-size: 5.569rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft14 {
        font-size: 55.69px;
        font-size: 5.569rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft14 {
        font-size: 55.69px;
        font-size: 5.569rem;
    }
}

.ft15 {
    font-size: 60.75px;
    font-size: 6.075rem;
}

@media screen and (min-width: 640px) {
    .sm-ft15 {
        font-size: 60.75px;
        font-size: 6.075rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft15 {
        font-size: 60.75px;
        font-size: 6.075rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft15 {
        font-size: 60.75px;
        font-size: 6.075rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft15 {
        font-size: 60.75px;
        font-size: 6.075rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft15 {
        font-size: 60.75px;
        font-size: 6.075rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft15 {
        font-size: 60.75px;
        font-size: 6.075rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft15 {
        font-size: 60.75px;
        font-size: 6.075rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft15 {
        font-size: 60.75px;
        font-size: 6.075rem;
    }
}

.ft16 {
    font-size: 75.94px;
    font-size: 7.594rem;
}

@media screen and (min-width: 640px) {
    .sm-ft16 {
        font-size: 75.94px;
        font-size: 7.594rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft16 {
        font-size: 75.94px;
        font-size: 7.594rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft16 {
        font-size: 75.94px;
        font-size: 7.594rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft16 {
        font-size: 75.94px;
        font-size: 7.594rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft16 {
        font-size: 75.94px;
        font-size: 7.594rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft16 {
        font-size: 75.94px;
        font-size: 7.594rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft16 {
        font-size: 75.94px;
        font-size: 7.594rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft16 {
        font-size: 75.94px;
        font-size: 7.594rem;
    }
}

.ft17 {
    font-size: 83.53px;
    font-size: 8.353rem;
}

@media screen and (min-width: 640px) {
    .sm-ft17 {
        font-size: 83.53px;
        font-size: 8.353rem;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ft17 {
        font-size: 83.53px;
        font-size: 8.353rem;
    }
}

@media screen and (min-width: 768px) {
    .md-ft17 {
        font-size: 83.53px;
        font-size: 8.353rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ft17 {
        font-size: 83.53px;
        font-size: 8.353rem;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ft17 {
        font-size: 83.53px;
        font-size: 8.353rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ft17 {
        font-size: 83.53px;
        font-size: 8.353rem;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ft17 {
        font-size: 83.53px;
        font-size: 8.353rem;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ft17 {
        font-size: 83.53px;
        font-size: 8.353rem;
    }
}

.fw1, .fwthin {
    font-weight: 100 !important;
}

.fw2, .fwxlight {
    font-weight: 200 !important;
}

.fw3, .fwlight {
    font-weight: 300 !important;
}

.fw4, .fwnormal {
    font-weight: 400 !important;
}

.fw5, .fwmedium {
    font-weight: 500 !important;
}

.fw6, .fwsemibold {
    font-weight: 600 !important;
}

.fw7, .fwbold {
    font-weight: 700 !important;
}

.fw8, .fwxbold {
    font-weight: 800 !important;
}

.fw9, .fwblack {
    font-weight: 900 !important;
}


.center {
    margin-left: auto;
    margin-right: auto;
}


.sans-serif {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.serif {
    font-family: Merriweather, Georgia, serif;
}


.code {
    font-family: Menlo, Consolas, Monaco, "Andale Mono", monospace;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.hidetext {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.dim:hover, .dim:focus,
.default-hover:hover,
.default-hover:focus {
    opacity: 0.5;
}

.dim:active,
.default-active:active {
    opacity: 0.8;
}


.site-width {
    max-width: 114rem;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xbrdr {
    border: none;
}

.imax {
    max-width: 100%;
    width: auto;
    height: auto;
}

.i100 {
    width: 100%;
}

.bgcover {
    background-size: cover;
}

.bgcenter {
    background-position: center;
}

.vam {
    vertical-align: middle;
}

.xts {
    text-shadow: none !important;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.fn {
    float: none !important;
}

.finit {
    float: initial !important;
}

.finhe {
    float: inherit !important;
}

.sm-fl {
    float: left !important;
}

.sm-fr {
    float: right !important;
}

.sm-fn {
    float: none !important;
}

.sm-finit {
    float: initial !important;
}

.sm-finhe {
    float: inherit !important;
}

.only-sm-fl {
    float: left !important;
}

.only-sm-fr {
    float: right !important;
}

.only-sm-fn {
    float: none !important;
}

.only-sm-finit {
    float: initial !important;
}

.only-sm-finhe {
    float: inherit !important;
}

.md-fl {
    float: left !important;
}

.md-fr {
    float: right !important;
}

.md-fn {
    float: none !important;
}

.md-finit {
    float: initial !important;
}

.md-finhe {
    float: inherit !important;
}

.only-md-fl {
    float: left !important;
}

.only-md-fr {
    float: right !important;
}

.only-md-fn {
    float: none !important;
}

.only-md-finit {
    float: initial !important;
}

.only-md-finhe {
    float: inherit !important;
}

.lg-fl {
    float: left !important;
}

.lg-fr {
    float: right !important;
}

.lg-fn {
    float: none !important;
}

.lg-finit {
    float: initial !important;
}

.lg-finhe {
    float: inherit !important;
}

.only-lg-fl {
    float: left !important;
}

.only-lg-fr {
    float: right !important;
}

.only-lg-fn {
    float: none !important;
}

.only-lg-finit {
    float: initial !important;
}

.only-lg-finhe {
    float: inherit !important;
}

.xlg-fl {
    float: left !important;
}

.xlg-fr {
    float: right !important;
}

.xlg-fn {
    float: none !important;
}

.xlg-finit {
    float: initial !important;
}

.xlg-finhe {
    float: inherit !important;
}

.only-xlg-fl {
    float: left !important;
}

.only-xlg-fr {
    float: right !important;
}

.only-xlg-fn {
    float: none !important;
}

.only-xlg-finit {
    float: initial !important;
}

.only-xlg-finhe {
    float: inherit !important;
}

.db {
    display: block;
}

.di {
    display: inline;
}

.dib {
    display: inline-block;
}

.dn {
    display: none;
}

.df {
    display: flex;
}

.full {
    display: block;
    width: 100%;
}

.w100 {
    width: 100%;
}

@media screen and (min-width: 640px) {
    .sm-db {
        display: block !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-di {
        display: inline !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-dib {
        display: inline-block !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-dn {
        display: none !important;
    }
}

@media screen and (min-width: 640px) {
    .sm-df {
        display: flex !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-db {
        display: block !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-di {
        display: inline !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-dib {
        display: inline-block !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-dn {
        display: none !important;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-df {
        display: flex !important;
    }
}

@media screen and (min-width: 768px) {
    .md-db {
        display: block !important;
    }
}

@media screen and (min-width: 768px) {
    .md-di {
        display: inline !important;
    }
}

@media screen and (min-width: 768px) {
    .md-dib {
        display: inline-block !important;
    }
}

@media screen and (min-width: 768px) {
    .md-dn {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .md-df {
        display: flex !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-db {
        display: block !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-di {
        display: inline !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-dib {
        display: inline-block !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-dn {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-df {
        display: flex !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-db {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-di {
        display: inline !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-dib {
        display: inline-block !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-dn {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) {
    .lg-df {
        display: flex !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-db {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-di {
        display: inline !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-dib {
        display: inline-block !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-dn {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-df {
        display: flex !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-db {
        display: block !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-di {
        display: inline !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-dib {
        display: inline-block !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-dn {
        display: none !important;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-df {
        display: flex !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-db {
        display: block !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-di {
        display: inline !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-dib {
        display: inline-block !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-dn {
        display: none !important;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-df {
        display: flex !important;
    }
}

.flex {
    display: flex;
}

.iflex {
    display: inline-flex;
}

.flex-grow {
    flex-grow: 1;
}

.fb100 {
    flex-basis: 100%;
}

.fdr {
    flex-direction: row;
}

.fdrr {
    flex-direction: row-reverse;
}

.fdc {
    flex-direction: column;
}

.fdcr {
    flex-direction: column-reverse;
}

.fwn {
    flex-wrap: nowrap;
}

.fww {
    flex-wrap: wrap;
}

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

.jcc {
    justify-content: center;
}

.jcsb {
    justify-content: space-between;
}

.jcsa {
    justify-content: space-around;
}

.jcfs {
    justify-content: flex-start;
}

.jcfe {
    justify-content: flex-end;
}

.aic {
    align-items: center;
}

.aifs {
    align-items: flex-start;
}

.aife {
    align-items: flex-end;
}

.ais {
    align-items: stretch;
}

.aib {
    align-items: baseline;
}

.acc {
    align-content: center;
}

.acfs {
    align-content: flex-start;
}

.acfe {
    align-content: flex-end;
}

.acs {
    align-content: stretch;
}

.acb {
    align-content: baseline;
}

@media screen and (min-width: 640px) {
    .sm-flex {
        display: flex;
    }
}

@media screen and (min-width: 640px) {
    .sm-iflex {
        display: inline-flex;
    }
}

@media screen and (min-width: 640px) {
    .sm-fb100 {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 640px) {
    .sm-fdr {
        flex-direction: row;
    }
}

@media screen and (min-width: 640px) {
    .sm-fdrr {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 640px) {
    .sm-fdc {
        flex-direction: column;
    }
}

@media screen and (min-width: 640px) {
    .sm-fdcr {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 640px) {
    .sm-fwn {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 640px) {
    .sm-fww {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 640px) {
    .sm-fwr {
        flex-wrap: wrap-reverse;
    }
}

@media screen and (min-width: 640px) {
    .sm-jcc {
        justify-content: center;
    }
}

@media screen and (min-width: 640px) {
    .sm-jcsb {
        justify-content: space-between;
    }
}

@media screen and (min-width: 640px) {
    .sm-jcsa {
        justify-content: space-around;
    }
}

@media screen and (min-width: 640px) {
    .sm-jcfs {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 640px) {
    .sm-jcfe {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 640px) {
    .sm-aic {
        align-items: center;
    }
}

@media screen and (min-width: 640px) {
    .sm-aifs {
        align-items: flex-start;
    }
}

@media screen and (min-width: 640px) {
    .sm-aife {
        align-items: flex-end;
    }
}

@media screen and (min-width: 640px) {
    .sm-ais {
        align-items: stretch;
    }
}

@media screen and (min-width: 640px) {
    .sm-aib {
        align-items: baseline;
    }
}

@media screen and (min-width: 640px) {
    .sm-acc {
        align-content: center;
    }
}

@media screen and (min-width: 640px) {
    .sm-acfs {
        align-content: flex-start;
    }
}

@media screen and (min-width: 640px) {
    .sm-acfe {
        align-content: flex-end;
    }
}

@media screen and (min-width: 640px) {
    .sm-acs {
        align-content: stretch;
    }
}

@media screen and (min-width: 640px) {
    .sm-acb {
        align-content: baseline;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-flex {
        display: flex;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-iflex {
        display: inline-flex;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-fb100 {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-fdr {
        flex-direction: row;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-fdrr {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-fdc {
        flex-direction: column;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-fdcr {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-fwn {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-fww {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-fwr {
        flex-wrap: wrap-reverse;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-jcc {
        justify-content: center;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-jcsb {
        justify-content: space-between;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-jcsa {
        justify-content: space-around;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-jcfs {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-jcfe {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-aic {
        align-items: center;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-aifs {
        align-items: flex-start;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-aife {
        align-items: flex-end;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-ais {
        align-items: stretch;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-aib {
        align-items: baseline;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-acc {
        align-content: center;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-acfs {
        align-content: flex-start;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-acfe {
        align-content: flex-end;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-acs {
        align-content: stretch;
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    .only-sm-acb {
        align-content: baseline;
    }
}

@media screen and (min-width: 768px) {
    .md-flex {
        display: flex;
    }
}

@media screen and (min-width: 768px) {
    .md-iflex {
        display: inline-flex;
    }
}

@media screen and (min-width: 768px) {
    .md-fb100 {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 768px) {
    .md-fdr {
        flex-direction: row;
    }
}

@media screen and (min-width: 768px) {
    .md-fdrr {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 768px) {
    .md-fdc {
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) {
    .md-fdcr {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 768px) {
    .md-fwn {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 768px) {
    .md-fww {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 768px) {
    .md-fwr {
        flex-wrap: wrap-reverse;
    }
}

@media screen and (min-width: 768px) {
    .md-jcc {
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    .md-jcsb {
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) {
    .md-jcsa {
        justify-content: space-around;
    }
}

@media screen and (min-width: 768px) {
    .md-jcfs {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 768px) {
    .md-jcfe {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 768px) {
    .md-aic {
        align-items: center;
    }
}

@media screen and (min-width: 768px) {
    .md-aifs {
        align-items: flex-start;
    }
}

@media screen and (min-width: 768px) {
    .md-aife {
        align-items: flex-end;
    }
}

@media screen and (min-width: 768px) {
    .md-ais {
        align-items: stretch;
    }
}

@media screen and (min-width: 768px) {
    .md-aib {
        align-items: baseline;
    }
}

@media screen and (min-width: 768px) {
    .md-acc {
        align-content: center;
    }
}

@media screen and (min-width: 768px) {
    .md-acfs {
        align-content: flex-start;
    }
}

@media screen and (min-width: 768px) {
    .md-acfe {
        align-content: flex-end;
    }
}

@media screen and (min-width: 768px) {
    .md-acs {
        align-content: stretch;
    }
}

@media screen and (min-width: 768px) {
    .md-acb {
        align-content: baseline;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-flex {
        display: flex;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-iflex {
        display: inline-flex;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-fb100 {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-fdr {
        flex-direction: row;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-fdrr {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-fdc {
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-fdcr {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-fwn {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-fww {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-fwr {
        flex-wrap: wrap-reverse;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-jcc {
        justify-content: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-jcsb {
        justify-content: space-between;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-jcsa {
        justify-content: space-around;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-jcfs {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-jcfe {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-aic {
        align-items: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-aifs {
        align-items: flex-start;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-aife {
        align-items: flex-end;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-ais {
        align-items: stretch;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-aib {
        align-items: baseline;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-acc {
        align-content: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-acfs {
        align-content: flex-start;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-acfe {
        align-content: flex-end;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-acs {
        align-content: stretch;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .only-md-acb {
        align-content: baseline;
    }
}

@media screen and (min-width: 1024px) {
    .lg-flex {
        display: flex;
    }
}

@media screen and (min-width: 1024px) {
    .lg-iflex {
        display: inline-flex;
    }
}

@media screen and (min-width: 1024px) {
    .lg-fb100 {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .lg-fdr {
        flex-direction: row;
    }
}

@media screen and (min-width: 1024px) {
    .lg-fdrr {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 1024px) {
    .lg-fdc {
        flex-direction: column;
    }
}

@media screen and (min-width: 1024px) {
    .lg-fdcr {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 1024px) {
    .lg-fwn {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1024px) {
    .lg-fww {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1024px) {
    .lg-fwr {
        flex-wrap: wrap-reverse;
    }
}

@media screen and (min-width: 1024px) {
    .lg-jcc {
        justify-content: center;
    }
}

@media screen and (min-width: 1024px) {
    .lg-jcsb {
        justify-content: space-between;
    }
}

@media screen and (min-width: 1024px) {
    .lg-jcsa {
        justify-content: space-around;
    }
}

@media screen and (min-width: 1024px) {
    .lg-jcfs {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1024px) {
    .lg-jcfe {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 1024px) {
    .lg-aic {
        align-items: center;
    }
}

@media screen and (min-width: 1024px) {
    .lg-aifs {
        align-items: flex-start;
    }
}

@media screen and (min-width: 1024px) {
    .lg-aife {
        align-items: flex-end;
    }
}

@media screen and (min-width: 1024px) {
    .lg-ais {
        align-items: stretch;
    }
}

@media screen and (min-width: 1024px) {
    .lg-aib {
        align-items: baseline;
    }
}

@media screen and (min-width: 1024px) {
    .lg-acc {
        align-content: center;
    }
}

@media screen and (min-width: 1024px) {
    .lg-acfs {
        align-content: flex-start;
    }
}

@media screen and (min-width: 1024px) {
    .lg-acfe {
        align-content: flex-end;
    }
}

@media screen and (min-width: 1024px) {
    .lg-acs {
        align-content: stretch;
    }
}

@media screen and (min-width: 1024px) {
    .lg-acb {
        align-content: baseline;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-flex {
        display: flex;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-iflex {
        display: inline-flex;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-fb100 {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-fdr {
        flex-direction: row;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-fdrr {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-fdc {
        flex-direction: column;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-fdcr {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-fwn {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-fww {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-fwr {
        flex-wrap: wrap-reverse;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-jcc {
        justify-content: center;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-jcsb {
        justify-content: space-between;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-jcsa {
        justify-content: space-around;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-jcfs {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-jcfe {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-aic {
        align-items: center;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-aifs {
        align-items: flex-start;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-aife {
        align-items: flex-end;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-ais {
        align-items: stretch;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-aib {
        align-items: baseline;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-acc {
        align-content: center;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-acfs {
        align-content: flex-start;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-acfe {
        align-content: flex-end;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-acs {
        align-content: stretch;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1139px) {
    .only-lg-acb {
        align-content: baseline;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-flex {
        display: flex;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-iflex {
        display: inline-flex;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-fb100 {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-fdr {
        flex-direction: row;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-fdrr {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-fdc {
        flex-direction: column;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-fdcr {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-fwn {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-fww {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-fwr {
        flex-wrap: wrap-reverse;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-jcc {
        justify-content: center;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-jcsb {
        justify-content: space-between;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-jcsa {
        justify-content: space-around;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-jcfs {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-jcfe {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-aic {
        align-items: center;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-aifs {
        align-items: flex-start;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-aife {
        align-items: flex-end;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-ais {
        align-items: stretch;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-aib {
        align-items: baseline;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-acc {
        align-content: center;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-acfs {
        align-content: flex-start;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-acfe {
        align-content: flex-end;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-acs {
        align-content: stretch;
    }
}

@media screen and (min-width: 1140px) {
    .xlg-acb {
        align-content: baseline;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-flex {
        display: flex;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-iflex {
        display: inline-flex;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-fb100 {
        flex-basis: 100%;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-fdr {
        flex-direction: row;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-fdrr {
        flex-direction: row-reverse;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-fdc {
        flex-direction: column;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-fdcr {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-fwn {
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-fww {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-fwr {
        flex-wrap: wrap-reverse;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-jcc {
        justify-content: center;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-jcsb {
        justify-content: space-between;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-jcsa {
        justify-content: space-around;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-jcfs {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-jcfe {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-aic {
        align-items: center;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-aifs {
        align-items: flex-start;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-aife {
        align-items: flex-end;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-ais {
        align-items: stretch;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-aib {
        align-items: baseline;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-acc {
        align-content: center;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-acfs {
        align-content: flex-start;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-acfe {
        align-content: flex-end;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-acs {
        align-content: stretch;
    }
}

@media screen and (min-width: 1140px) {
    .only-xlg-acb {
        align-content: baseline;
    }
}

.ofh {
    overflow: hidden !important;
}

.ofx {
    overflow-x: scroll !important;
}

.ofy {
    overflow-y: scroll !important;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.pin-top {
    top: 0;
}

.pin-right {
    right: 0;
}

.pin-bottom {
    bottom: 0;
}

.pin-left {
    left: 0;
}

.pin-edges {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.brdr0 {
    border-style: solid !important;
    border-width: 0px !important;
}

.brdr0--top {
    border-top-style: solid !important;
    border-top-width: 0px !important;
}

.brdr0--right {
    border-right-style: solid !important;
    border-right-width: 0px !important;
}

.brdr0--bottom {
    border-bottom-style: solid !important;
    border-bottom-width: 0px !important;
}

.brdr0--left {
    border-left-style: solid !important;
    border-left-width: 0px !important;
}

.brdr1 {
    border-style: solid !important;
    border-width: 1px !important;
}

.brdr1--top {
    border-top-style: solid !important;
    border-top-width: 1px !important;
}

.brdr1--right {
    border-right-style: solid !important;
    border-right-width: 1px !important;
}

.brdr1--bottom {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

.brdr1--left {
    border-left-style: solid !important;
    border-left-width: 1px !important;
}

.brdr2 {
    border-style: solid !important;
    border-width: 2px !important;
}

.brdr2--top {
    border-top-style: solid !important;
    border-top-width: 2px !important;
}

.brdr2--right {
    border-right-style: solid !important;
    border-right-width: 2px !important;
}

.brdr2--bottom {
    border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
}

.brdr2--left {
    border-left-style: solid !important;
    border-left-width: 2px !important;
}

.brdr3 {
    border-style: solid !important;
    border-width: 3px !important;
}

.brdr3--top {
    border-top-style: solid !important;
    border-top-width: 3px !important;
}

.brdr3--right {
    border-right-style: solid !important;
    border-right-width: 3px !important;
}

.brdr3--bottom {
    border-bottom-style: solid !important;
    border-bottom-width: 3px !important;
}

.brdr3--left {
    border-left-style: solid !important;
    border-left-width: 3px !important;
}

.br1 {
    border-radius: 1px !important;
}

.blr1 {
    border-top-left-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
}

.brr1 {
    border-top-right-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
}

.btlr1 {
    border-top-left-radius: 1px !important;
}

.btrr1 {
    border-top-right-radius: 1px !important;
}

.bbrr1 {
    border-bottom-right-radius: 1px !important;
}

.bblr1 {
    border-bottom-left-radius: 1px !important;
}

.br2 {
    border-radius: 2px !important;
}

.blr2 {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

.brr2 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.btlr2 {
    border-top-left-radius: 2px !important;
}

.btrr2 {
    border-top-right-radius: 2px !important;
}

.bbrr2 {
    border-bottom-right-radius: 2px !important;
}

.bblr2 {
    border-bottom-left-radius: 2px !important;
}

.br3 {
    border-radius: 3px !important;
}

.blr3 {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.brr3 {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.btlr3 {
    border-top-left-radius: 3px !important;
}

.btrr3 {
    border-top-right-radius: 3px !important;
}

.bbrr3 {
    border-bottom-right-radius: 3px !important;
}

.bblr3 {
    border-bottom-left-radius: 3px !important;
}

.br4 {
    border-radius: 4px !important;
}

.blr4 {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.brr4 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.btlr4 {
    border-top-left-radius: 4px !important;
}

.btrr4 {
    border-top-right-radius: 4px !important;
}

.bbrr4 {
    border-bottom-right-radius: 4px !important;
}

.bblr4 {
    border-bottom-left-radius: 4px !important;
}

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

.blr5 {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.brr5 {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.btlr5 {
    border-top-left-radius: 5px !important;
}

.btrr5 {
    border-top-right-radius: 5px !important;
}

.bbrr5 {
    border-bottom-right-radius: 5px !important;
}

.bblr5 {
    border-bottom-left-radius: 5px !important;
}

.br6 {
    border-radius: 6px !important;
}

.blr6 {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.brr6 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.btlr6 {
    border-top-left-radius: 6px !important;
}

.btrr6 {
    border-top-right-radius: 6px !important;
}

.bbrr6 {
    border-bottom-right-radius: 6px !important;
}

.bblr6 {
    border-bottom-left-radius: 6px !important;
}

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