.w12-1{
    width: 8.333333333333334%;
}
.w12-2{
    width: 16.666666666666668%;
}
.w12-3{
    width: 25%;
}
.w12-4{
    width: 33.333333333333336%;
}
.w12-5{
    width: 41.66666666666667%;
}
.w12-6{
    width: 50%;
}
.w12-7{
    width: 58.333333333333336%;
}
.w12-8{
    width: 66.66666666666667%;
}
.w12-9{
    width: 75%;
}
.w12-10{
    width: 83.33333333333334%;
}
.w12-11{
    width: 91.66666666666667%;
}
.w12-12{
    width: 100%;
}
.f-1{
    font-size: 1em;
}
.f-2{
    font-size: 1.2em;
}
.f-3{
    font-size: 1.44em;
}
.f-4{
    font-size: 1.728em;
}
.f-5{
    font-size: 2.0736em;
}
.f-6{
    font-size: 2.48832em;
}
.p-0{
    padding: 0px;
}
.p-1{
    padding: 8px;
}
.p-2{
    padding: 16px;
}
.p-3{
    padding: 24px;
}
.p-4{
    padding: 32px;
}
.p-5{
    padding: 40px;
}
.p-6{
    padding: 48px;
}
.p-7{
    padding: 56px;
}
.p-8{
    padding: 64px;
}
.m-0{
    margin: 0px;
}
.m-1{
    margin: 8px;
}
.m-2{
    margin: 16px;
}
.m-3{
    margin: 24px;
}
.m-4{
    margin: 32px;
}
.m-5{
    margin: 40px;
}
.m-6{
    margin: 48px;
}
.m-7{
    margin: 56px;
}
.m-8{
    margin: 64px;
}
.pl-0{
    padding-left: 0px;
}
.pl-1{
    padding-left: 8px;
}
.pl-2{
    padding-left: 16px;
}
.pl-3{
    padding-left: 24px;
}
.pl-4{
    padding-left: 32px;
}
.pl-5{
    padding-left: 40px;
}
.pl-6{
    padding-left: 48px;
}
.pl-7{
    padding-left: 56px;
}
.pl-8{
    padding-left: 64px;
}
.ml-0{
    margin-left: 0px;
}
.ml-1{
    margin-left: 8px;
}
.ml-2{
    margin-left: 16px;
}
.ml-3{
    margin-left: 24px;
}
.ml-4{
    margin-left: 32px;
}
.ml-5{
    margin-left: 40px;
}
.ml-6{
    margin-left: 48px;
}
.ml-7{
    margin-left: 56px;
}
.ml-8{
    margin-left: 64px;
}
.pr-0{
    padding-right: 0px;
}
.pr-1{
    padding-right: 8px;
}
.pr-2{
    padding-right: 16px;
}
.pr-3{
    padding-right: 24px;
}
.pr-4{
    padding-right: 32px;
}
.pr-5{
    padding-right: 40px;
}
.pr-6{
    padding-right: 48px;
}
.pr-7{
    padding-right: 56px;
}
.pr-8{
    padding-right: 64px;
}
.mr-0{
    margin-right: 0px;
}
.mr-1{
    margin-right: 8px;
}
.mr-2{
    margin-right: 16px;
}
.mr-3{
    margin-right: 24px;
}
.mr-4{
    margin-right: 32px;
}
.mr-5{
    margin-right: 40px;
}
.mr-6{
    margin-right: 48px;
}
.mr-7{
    margin-right: 56px;
}
.mr-8{
    margin-right: 64px;
}
.pt-0{
    padding-top: 0px;
}
.pt-1{
    padding-top: 8px;
}
.pt-2{
    padding-top: 16px;
}
.pt-3{
    padding-top: 24px;
}
.pt-4{
    padding-top: 32px;
}
.pt-5{
    padding-top: 40px;
}
.pt-6{
    padding-top: 48px;
}
.pt-7{
    padding-top: 56px;
}
.pt-8{
    padding-top: 64px;
}
.mt-0{
    margin-top: 0px;
}
.mt-1{
    margin-top: 8px;
}
.mt-2{
    margin-top: 16px;
}
.mt-3{
    margin-top: 24px;
}
.mt-4{
    margin-top: 32px;
}
.mt-5{
    margin-top: 40px;
}
.mt-6{
    margin-top: 48px;
}
.mt-7{
    margin-top: 56px;
}
.mt-8{
    margin-top: 64px;
}
.pb-0{
    padding-bottom: 0px;
}
.pb-1{
    padding-bottom: 8px;
}
.pb-2{
    padding-bottom: 16px;
}
.pb-3{
    padding-bottom: 24px;
}
.pb-4{
    padding-bottom: 32px;
}
.pb-5{
    padding-bottom: 40px;
}
.pb-6{
    padding-bottom: 48px;
}
.pb-7{
    padding-bottom: 56px;
}
.pb-8{
    padding-bottom: 64px;
}
.mb-0{
    margin-bottom: 0px;
}
.mb-1{
    margin-bottom: 8px;
}
.mb-2{
    margin-bottom: 16px;
}
.mb-3{
    margin-bottom: 24px;
}
.mb-4{
    margin-bottom: 32px;
}
.mb-5{
    margin-bottom: 40px;
}
.mb-6{
    margin-bottom: 48px;
}
.mb-7{
    margin-bottom: 56px;
}
.mb-8{
    margin-bottom: 64px;
}
.cxs-1{
    width: 8.333333333333334%;
}
.cxs-2{
    width: 16.666666666666668%;
}
.cxs-3{
    width: 25%;
}
.cxs-4{
    width: 33.333333333333336%;
}
.cxs-5{
    width: 41.66666666666667%;
}
.cxs-6{
    width: 50%;
}
.cxs-7{
    width: 58.333333333333336%;
}
.cxs-8{
    width: 66.66666666666667%;
}
.cxs-9{
    width: 75%;
}
.cxs-10{
    width: 83.33333333333334%;
}
.cxs-11{
    width: 91.66666666666667%;
}
.cxs-12{
    width: 100%;
}
@media (min-width:768px) {
.csm-1{
    width: 8.333333333333334%;
}
.csm-2{
    width: 16.666666666666668%;
}
.csm-3{
    width: 25%;
}
.csm-4{
    width: 33.333333333333336%;
}
.csm-5{
    width: 41.66666666666667%;
}
.csm-6{
    width: 50%;
}
.csm-7{
    width: 58.333333333333336%;
}
.csm-8{
    width: 66.66666666666667%;
}
.csm-9{
    width: 75%;
}
.csm-10{
    width: 83.33333333333334%;
}
.csm-11{
    width: 91.66666666666667%;
}
.csm-12{
    width: 100%;
}
}
@media (min-width:1024px) {
.cmd-1{
    width: 8.333333333333334%;
}
.cmd-2{
    width: 16.666666666666668%;
}
.cmd-3{
    width: 25%;
}
.cmd-4{
    width: 33.333333333333336%;
}
.cmd-5{
    width: 41.66666666666667%;
}
.cmd-6{
    width: 50%;
}
.cmd-7{
    width: 58.333333333333336%;
}
.cmd-8{
    width: 66.66666666666667%;
}
.cmd-9{
    width: 75%;
}
.cmd-10{
    width: 83.33333333333334%;
}
.cmd-11{
    width: 91.66666666666667%;
}
.cmd-12{
    width: 100%;
}
}
@media (min-width:1280px) {
.cxl-1{
    width: 8.333333333333334%;
}
.cxl-2{
    width: 16.666666666666668%;
}
.cxl-3{
    width: 25%;
}
.cxl-4{
    width: 33.333333333333336%;
}
.cxl-5{
    width: 41.66666666666667%;
}
.cxl-6{
    width: 50%;
}
.cxl-7{
    width: 58.333333333333336%;
}
.cxl-8{
    width: 66.66666666666667%;
}
.cxl-9{
    width: 75%;
}
.cxl-10{
    width: 83.33333333333334%;
}
.cxl-11{
    width: 91.66666666666667%;
}
.cxl-12{
    width: 100%;
}
}