/* margins */

.m-xxl {
    margin: 12.31rem;
}

.m-xl {
    margin: 7.03rem;
}

.m-lg {
    margin: 4.02rem;
}

.m-md {
    margin: 2.30rem;
}

.m-sm {
    margin: 1.31rem;
}

.m-xs {
    margin: 0.75rem;
}

.m-xxs {
    margin: 0.43rem;
}

.m-tiny {
    margin: 0.25rem;
}

.m-none {
    margin: 0;
}

/* margins top */

.mt-xxl {
    margin-top: 12.31rem;
}

.mt-xl {
    margin-top: 8.04rem;
}

.mt-lg {
    margin-top: 4.02rem;
}

.mt-md {
    margin-top: 2.30rem;
}

.mt-sm {
    margin-top: 1.31rem;
}

.mt-xs {
    margin-top: 0.75rem;
}

.mt-xxs {
    margin-top: 0.43rem;
}

.mt-tiny {
    margin-top: 0.25rem;
}

/* margins bottom */

.mb-xxl {
    margin-bottom: 12.31rem;
}

.mb-xl {
    margin-bottom: 8.04rem;
}

.mb-lg {
    margin-bottom: 4.02rem;
}

.mb-md {
    margin-bottom: 2.30rem;
}

.mb-sm {
    margin-bottom: 1.31rem;
}

.mb-xs {
    margin-bottom: 0.75rem;
}

.mb-xxs {
    margin-bottom: 0.43rem;
}

.mb-tiny {
    margin-bottom: 0.25rem;
}

/* margins left */

.ml-xxl {
    margin-left: 12.31rem;
}

.ml-xl {
    margin-left: 8.04rem;
}

.ml-lg {
    margin-left: 4.02rem;
}

.ml-md {
    margin-left: 2.30rem;
}

.ml-sm {
    margin-left: 1.31rem;
}

.ml-xs {
    margin-left: 0.75rem;
}

.ml-xxs {
    margin-left: 0.43rem;
}

.ml-tiny {
    margin-left: 0.25rem;
}

/* margins right */

.mr-xxl {
    margin-right: 12.31rem;
}

.mr-xl {
    margin-right: 8.04rem;
}

.mr-lg {
    margin-right: 4.02rem;
}

.mr-md {
    margin-right: 2.30rem;
}

.mr-sm {
    margin-right: 1.31rem;
}

.mr-xs {
    margin-right: 0.75rem;
}

.mr-xxs {
    margin-right: 0.43rem;
}

.mr-tiny {
    margin-right: 0.25rem;
}

/* margins x */

.mx-xxl {
    margin-left: 12.31rem;
    margin-right: 12.31rem;
}

.mx-xl {
    margin-left: 8.04rem;
    margin-right: 8.04rem;
}

.mx-lg {
    margin-left: 4.02rem;
    margin-right: 4.02rem;
}

.mx-md {
    margin-left: 2.30rem;
    margin-right: 2.30rem;
}

.mx-sm {
    margin-left: 1.31rem;
    margin-right: 1.31rem;
}

.mx-xs {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}

.mx-xxs {
    margin-left: 0.43rem;
    margin-right: 0.43rem;
}

.mx-tiny {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

/* margins y */

.my-xxl {
    margin-top: 12.31rem;
    margin-bottom: 12.31rem;
}

.my-xl {
    margin-top: 8.04rem;
    margin-bottom: 8.04rem;
}

.my-lg {
    margin-top: 4.02rem;
    margin-bottom: 4.02rem;
}

.my-md {
    margin-top: 2.30rem;
    margin-bottom: 2.30rem;
}

.my-sm {
    margin-top: 1.31rem;
    margin-bottom: 1.31rem;
}

.my-xs {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-xxs {
    margin-top: 0.43rem;
    margin-bottom: 0.43rem;
}

.my-tiny {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.mt-none {
    margin-top: 0rem;
}

.mb-none {
    margin-bottom: 0rem;
}

.ml-none {
    margin-left: 0rem;
}

.mr-none {
    margin-right: 0rem;
}

/* paddings */

.p-xxl {
    padding: 12.31rem;
}

.p-xl {
    padding: 8.04rem;
}

.p-lg {
    padding: 3.6rem;
}

.p-md {
    padding: 2.30rem;
}

.p-sm {
    padding: 1.31rem;
}

.p-xs {
    padding: 0.75rem;
}

.p-xxs {
    padding: 0.43rem;
}

.p-tiny {
    padding: 0.425rem;
}

.p-none {
    padding: 0;
}

/* paddings top */

.pt-xxl {
    padding-top: 12.31rem;
}

.pt-xl {
    padding-top: 8.04rem;
}

.pt-lg {
    padding-top: 4.02rem;
}

.pt-md {
    padding-top: 2.30rem;
}

.pt-sm {
    padding-top: 1.31rem;
}

.pt-xs {
    padding-top: 0.75rem;
}

.pt-xxs {
    padding-top: 0.43rem;
}

.pt-tiny {
    padding-top: 0.25rem;
}

/* paddings bottom */

.pb-xxl {
    padding-bottom: 12.31rem;
}

.pb-xl {
    padding-bottom: 8.04rem;
}

.pb-lg {
    padding-bottom: 4.02rem;
}

.pb-md {
    padding-bottom: 2.30rem;
}

.pb-sm {
    padding-bottom: 1.31rem;
}

.pb-xs {
    padding-bottom: 0.75rem;
}

.pb-xxs {
    padding-bottom: 0.43rem;
}

.pb-tiny {
    padding-bottom: 0.25rem;
}

/* paddings left */

.pl-xxl {
    padding-left: 12.31rem;
}

.pl-xl {
    padding-left: 8.04rem;
}

.pl-lg {
    padding-left: 4.02rem;
}

.pl-md {
    padding-left: 2.30rem;
}

.pl-sm {
    padding-left: 1.31rem;
}

.pl-xs {
    padding-left: 0.75rem;
}

.pl-xxs {
    padding-left: 0.43rem;
}

.pl-tiny {
    padding-left: 0.25rem;
}

/* paddings right */

.pr-xxl {
    padding-right: 12.31rem;
}

.pr-xl {
    padding-right: 8.04rem;
}

.pr-lg {
    padding-right: 4.02rem;
}

.pr-md {
    padding-right: 2.30rem;
}

.pr-sm {
    padding-right: 1.31rem;
}

.pr-xs {
    padding-right: 0.75rem;
}

.pr-xxs {
    padding-right: 0.43rem;
}

.pr-tiny {
    padding-right: 0.25rem;
}

/* padding x */

.px-xxl {
    padding-left: 12.31rem;
    padding-right: 12.31rem;
}

.px-xl {
    padding-left: 8.04rem;
    padding-right: 8.04rem;
}

.px-lg {
    padding-left: 4.02rem;
    padding-right: 4.02rem;
}

.px-md {
    padding-left: 2.30rem;
    padding-right: 2.30rem;
}

.px-sm {
    padding-left: 1.31rem;
    padding-right: 1.31rem;
}

.px-xs {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-xxs {
    padding-left: 0.43rem;
    padding-right: 0.43rem;
}

.px-tiny {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

/* padding y */

.py-xxl {
    padding-top: 12.31rem;
    padding-bottom: 12.31rem;
}

.py-xl {
    padding-top: 8.04rem;
    padding-bottom: 8.04rem;
}

.py-lg {
    padding-top: 4.02rem;
    padding-bottom: 4.02rem;
}

.py-md {
    padding-top: 2.30rem;
    padding-bottom: 2.30rem;
}

.py-sm {
    padding-top: 1.31rem;
    padding-bottom: 1.31rem;
}

.py-xs {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-xxs {
    padding-top: 0.43rem;
    padding-bottom: 0.43rem;
}

.py-tiny {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.pt-none {
    padding-top: 0rem;
}

.pb-none {
    padding-bottom: 0rem;
}

.pl-none {
    padding-left: 0rem!important;
}

.pr-none {
    padding-right: 0rem!important;
}

/* margin-relativ */

[class*="to-up-"],
[class*="to-dn-"] {
    position: relative;
}

.to-up-tiny {
    bottom: 0.005rem;
}

.to-up-xxs {
    bottom: 0.03rem;
}
.to-up-xs {
    bottom: 0.07rem;
}
.to-up-sm {
    bottom: 0.12rem;
}
.to-up-md {
    bottom: 0.28rem;
}
.to-up-lg {
    bottom: 0.5rem;
}
.to-up-xl {
    bottom: 0.85rem;
}
.to-up-xxl {
    bottom: 1.2rem;
}

.to-dn-tiny {
    top: 0.005rem;
}

.to-dn-xxs {
    top: 0.03rem;
}

.to-dn-xs {
    top: 0.07rem;
}

.to-dn-sm {
    top: 0.15rem;
}

.to-dn-md {
    top: 0.28rem;
}
.to-dn-lg {
    top: 0.5rem;
}
.to-dn-xl {
    top: 0.85rem;
}
.to-dn-xxl {
    top: 1.35rem;
}