/* quick fixes - quick styles that are going to be used everywhere */
.pw, .pw720, .pw940, .pw1080, .pw1280, .pw1400, .pw1920{
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.pw{ width: 1400px; }
.pw720{ width: 720px; }
.pw940{ width: 940px; }
.pw1080{ width: 1080px; }
.pw1280{ width: 1280px; }
.pw1400{ width: 1400px; }
.pw1920{ width: 1920px; }

.c1{ columns: 1; } .c2{ columns: 2; } .c3{ columns: 3; } .c4{ columns: 4; } .c5{ columns: 5; }

/* quick style things that should override other stuff */
.aic{ align-items: center; } .aie{ align-items: flex-end; } .ais{ align-items: flex-start; }
.db{ display: block; } .dib{ display: inline-block; } .df{ display: flex; } .dg{ display: grid; } .dn{ display: none; }
.fdc{ flex-direction: column; } .fdr{ flex-direction: row; }

.fu{ float: unset !important; }

.fs16{ font-size: 16px; } .fs18{ font-size: 18px; } .fs20{ font-size: 20px; } .fs22{ font-size: 22px; } .fs24{ font-size: 24px; } .fs28{ font-size: 28px; } .fs30{ font-size: 30px; }
.fwn{ font-weight: normal; } .fwb{ font-weight: bold; } .fwl{ font-weight: lighter; }

.lh30{ line-height: 30px; } .lh34{ line-height: 34px; } .lh38{ line-height: 38px; }

.fw{ flex-wrap: wrap; }

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6{ display: grid !important; }
.grid1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }

.g0{ gap: 0px; } .g5{ gap: 5px; } .g10{ gap: 10px; } .g15{ gap: 15px; } .g20{ gap: 20px; } .g30{ gap: 30px; } .g40{ gap: 40px; } .g50{ gap: 50px; }
.g60{ gap: 60px; } .g70{ gap: 70px; } .g80{ gap: 80px; } .g90{ gap: 90px; } .g100{ gap: 100px; }

.jcc{ justify-content: center; } .jcsb{ justify-content: space-between; } .jcse{ justify-content: space-evenly; } .jcfe, .jce{ justify-content: flex-end; } .jcfs, .jcs{ justify-content: flex-start; }
.o1{ order: 1; } .o2{ order: 2; } .o3{ order: 3; } .o4{ order: 4; } .o5{ order: 5; } .o6{ order: 6; } 

/* margin centers */
.m0a{ margin: 0 auto; }
.mc0{ margin: 0 auto; } .mc5{ margin: 5px auto; } .mc10{ margin: 10px auto; } .mc15{ margin: 15px auto; }
.mc20{ margin: 20px auto; } .mc25{ margin: 25px auto; } .mc30{ margin: 30px auto; } .mc40{ margin: 40px auto; }

.m0{ margin: 0px; } .mt0{ margin-top: 0px; } .mr0{ margin-right: 0px; } .mb0{ margin-bottom: 0px; } .ml0{ margin-left: 0px; }
.m5{ margin: 5px; } .mt5{ margin-top: 5px; } .mr5{ margin-right: 5px; } .mb5{ margin-bottom: 5px; } .ml5{ margin-left: 5px; }
.m10{ margin: 10px; } .mt10{ margin-top: 10px; } .mr10{ margin-right: 10px; } .mb10{ margin-bottom: 10px; } .ml10{ margin-left: 10px; }
.m20{ margin: 20px; } .mt20{ margin-top: 20px; } .mr20{ margin-right: 20px; } .mb20{ margin-bottom: 20px; } .ml20{ margin-left: 20px; }
.m30{ margin: 30px; } .mt30{ margin-top: 30px; } .mr30{ margin-right: 30px; } .mb30{ margin-bottom: 30px; } .ml30{ margin-left: 30px; }
.m40{ margin: 40px; } .mt40{ margin-top: 40px; } .mr40{ margin-right: 40px; } .mb40{ margin-bottom: 40px; } .ml40{ margin-left: 40px; }
.m50{ margin: 50px; } .mt50{ margin-top: 50px; } .mr50{ margin-right: 50px; } .mb50{ margin-bottom: 50px; } .ml50{ margin-left: 50px; }
.m60{ margin: 60px; } .mt60{ margin-top: 60px; } .mr60{ margin-right: 60px; } .mb60{ margin-bottom: 60px; } .ml60{ margin-left: 60px; }
.m70{ margin: 70px; } .mt70{ margin-top: 70px; } .mr70{ margin-right: 70px; } .mb70{ margin-bottom: 70px; } .ml70{ margin-left: 70px; }
.m80{ margin: 80px; } .mt80{ margin-top: 80px; } .mr80{ margin-right: 80px; } .mb80{ margin-bottom: 80px; } .ml80{ margin-left: 80px; }
.m90{ margin: 90px; } .mt90{ margin-top: 90px; } .mr90{ margin-right: 90px; } .mb90{ margin-bottom: 90px; } .ml90{ margin-left: 90px; }
.m100{ margin: 100px; } .mt100{ margin-top: 100px; } .mr100{ margin-right: 100px; } .mb100{ margin-bottom: 100px; } .ml100{ margin-left: 100px; }

.mbt0{ margin-bottom: 0px; margin-top: 0px; } .mbt5{ margin-bottom: 5px; margin-top: 5px; } .mbt10{ margin-bottom: 10px; margin-top: 10px; } .mbt20{ margin-bottom: 20px; margin-top: 20px; }
.mbt30{ margin-bottom: 30px; margin-top: 30px; } .mbt40{ margin-bottom: 40px; margin-top: 40px; } .mbt50{ margin-bottom: 50px; margin-top: 50px; }
.mlr0{ margin-left: 0px; margin-right: 0px; } .mlr5{ margin-left: 5px; margin-right: 5px; } .mlr10{ margin-left: 10px; margin-right: 10px; } .mlr20{ margin-left: 20px; margin-right: 20px; }
.mlr30{ margin-left: 30px; margin-right: 30px; } .mlr40{ margin-left: 40px; margin-right: 40px; } .mlr50{ margin-left: 50px; margin-right: 50px; }

/* min heights */
.mh100{ min-height: 100px; }
.mh200{ min-height: 200px; }
.mh300{ min-height: 300px; }
.mh400{ min-height: 400px; }
.mh500{ min-height: 500px; }

.p10{ padding: 10px; } .pt10{ padding-top: 10px; } .pr10{ padding-right: 10px; } .pb10{ padding-bottom: 10px; } .pl10{ padding-left: 10px; }
.p20{ padding: 20px; } .pt20{ padding-top: 20px; } .pr20{ padding-right: 20px; } .pb20{ padding-bottom: 20px; } .pl20{ padding-left: 20px; }
.p30{ padding: 30px; } .pt30{ padding-top: 30px; } .pr30{ padding-right: 30px; } .pb30{ padding-bottom: 30px; } .pl30{ padding-left: 30px; }
.p40{ padding: 40px; } .pt40{ padding-top: 40px; } .pr40{ padding-right: 40px; } .pb40{ padding-bottom: 40px; } .pl40{ padding-left: 40px; }
.p50{ padding: 50px; } .pt50{ padding-top: 50px; } .pr50{ padding-right: 50px; } .pb50{ padding-bottom: 50px; } .pl50{ padding-left: 50px; }

.pbt10{ padding-bottom: 10px !important; padding-top: 10px !important; }
.pbt20{ padding-bottom: 20px !important; padding-top: 20px !important; }
.pbt30{ padding-bottom: 30px !important; padding-top: 30px !important; }
.pbt40{ padding-bottom: 40px !important; padding-top: 40px !important; }
.plr10{ padding-left: 10px !important; padding-right: 10px !important; }
.plr20{ padding-left: 20px !important; padding-right: 20px !important; }
.plr30{ padding-left: 30px !important; padding-right: 30px !important; }
.plr40{ padding-left: 40px !important; padding-right: 40px !important; }

.pa-cntr{ position: absolute; } .pf-cntr{ position: fixed; }
.pa-cntr, .pf-cntr{
    left: 50%;
    position: fixed;
    top: 50%;
    translate: -50% -50%;
}

.pf{ position: fixed; } .pr{ position: relative; }
.sec1, .sec2, .sec3, .sec4, .sec5, .sec6, .sec7, .sec8, .sec9, .sec10, .sec11, .sec12{ flex-basis: unset !important; }
.sec1{ width: 8.3333% !important; }
.sec2{ width: 16.6666% !important; }
.sec3{ width: 25% !important; }
.sec4{ width: 33.3333% !important; }
.sec5{ width: 41.6666% !important; }
.sec6{ width: 50% !important; }
.sec7{ width: 58.3333% !important; }
.sec8{ width: 66.6666% !important; }
.sec9{ width: 75% !important; }
.sec10{ width: 83.3333% !important; }
.sec11{ width: 91.6666% !important; }
.sec12{ width: 100% !important; }
.ttu{ text-transform: uppercase; } .ttn{ text-transform: none !important; }
.wid100{ width: 100px; } .wid200{ width: 200px; } .wid300{ width: 300px; } .wid400{ width: 400px; } .wid500{ width: 500px; }

@media (max-width: 991px){
    .tab-c1{ columns: 1; } .tab-c2{ columns: 2; } .tab-c3{ columns: 3; } .tab-c4{ columns: 4; } .tab-c5{ columns: 5; }
    .tab-aic{ align-items: center; } .tab-aie{ align-items: flex-end; }
    .tab-db{ display: block; } .tab-dib{ display: inline-block; } .tab-df{ display: flex; } .tab-dg{ display: grid; } .tab-dn{ display: none; }
    .tab-fdc{ flex-direction: column; } .tab-fdr{ flex-direction: row; }
    .tab-fs16{ font-size: 16px; } .tab-fs18{ font-size: 18px; } .tab-fs20{ font-size: 20px; } .tab-fs22{ font-size: 22px; }
    .tab-fs24{ font-size: 24px; } .tab-fs28{ font-size: 28px; } .tab-fs30{ font-size: 30px; }
    .tab-fwn{ font-weight: normal; } .tab-fwb{ font-weight: bold; } .tab-fwl{ font-weight: lighter; }
    
    .tab-fw{ flex-wrap: wrap; }
    
    .tab-grid1, .tab-grid2, .tab-grid3, .tab-grid4, .tab-grid5, .tab-grid6{ display: grid !important; }
    .tab-grid1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .tab-grid2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tab-grid3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tab-grid4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .tab-grid5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .tab-grid6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
    
    .tab-g0{ gap: 0px; } .tab-g5{ gap: 5px; } .tab-g10{ gap: 10px; } .tab-g15{ gap: 15px; } .tab-g20{ gap: 20px; } .tab-g30{ gap: 30px; } .tab-g40{ gap: 40px; } .tab-g50{ gap: 50px; }
    
    .tab-jcc{ justify-content: center; } .tab-jcsb{ justify-content: space-between; }
    
    .tab-o1{ order: 1; } .tab-o2{ order: 2; } .tab-o3{ order: 3; } .tab-o4{ order: 4; } .tab-o5{ order: 5; } .tab-o6{ order: 6; } 
    
    /* margin centers */
    .tab-mc0{ margin: 0 auto; } .tab-mc5{ margin: 5px auto; } .tab-mc10{ margin: 10px auto; } .tab-mc15{ margin: 15px auto; }
    .tab-mc20{ margin: 20px auto; } .tab-mc25{ margin: 25px auto; } .tab-mc30{ margin: 30px auto; } .tab-mc40{ margin: 40px auto; }
    
    .tab-m0{ margin: 0px; } .tab-mt0{ margin-top: 0px; } .tab-mr0{ margin-right: 0px; } .tab-mb0{ margin-bottom: 0px; } .tab-ml0{ margin-left: 0px; }
    .tab-m5{ margin: 5px; } .tab-mt5{ margin-top: 5px; } .tab-mr5{ margin-right: 5px; } .tab-mb5{ margin-bottom: 5px; } .tab-ml5{ margin-left: 5px; }
    .tab-m10{ margin: 10px; } .tab-mt10{ margin-top: 10px; } .tab-mr10{ margin-right: 10px; } .tab-mb10{ margin-bottom: 10px; } .tab-ml10{ margin-left: 10px; }
    .tab-m20{ margin: 20px; } .tab-mt20{ margin-top: 20px; } .tab-mr20{ margin-right: 20px; } .tab-mb20{ margin-bottom: 20px; } .tab-ml20{ margin-left: 20px; }
    .tab-m30{ margin: 30px; } .tab-mt30{ margin-top: 30px; } .tab-mr30{ margin-right: 30px; } .tab-mb30{ margin-bottom: 30px; } .tab-ml30{ margin-left: 30px; }
    .tab-m40{ margin: 40px; } .tab-mt40{ margin-top: 40px; } .tab-mr40{ margin-right: 40px; } .tab-mb40{ margin-bottom: 40px; } .tab-ml40{ margin-left: 40px; }
    .tab-m50{ margin: 50px; } .tab-mt50{ margin-top: 50px; } .tab-mr50{ margin-right: 50px; } .tab-mb50{ margin-bottom: 50px; } .tab-ml50{ margin-left: 50px; }
    
    .tab-mbt10{ margin-bottom: 10px; margin-top: 10px; } .tab-mbt20{ margin-bottom: 20px; margin-top: 20px; } .tab-mbt30{ margin-bottom: 30px; margin-top: 30px; } .tab-mbt40{ margin-bottom: 40px; margin-top: 40px; }
    .tab-mlr10{ margin-left: 10px; margin-right: 10px; } .tab-mlr20{ margin-left: 20px; margin-right: 20px; } .tab-mlr30{ margin-left: 30px; margin-right: 30px; } .tab-mlr40{ margin-left: 40px; margin-right: 40px; }
    
    /* min heights */
    .tab-mh100{ min-height: 100px; }
    .tab-mh200{ min-height: 200px; }
    .tab-mh300{ min-height: 300px; }
    .tab-mh400{ min-height: 400px; }
    .tab-mh500{ min-height: 500px; }
    
    .tab-p10{ padding: 10px; } .tab-pt10{ padding-top: 10px; } .tab-pr10{ padding-right: 10px; } .tab-pb10{ padding-bottom: 10px; } .tab-pl10{ padding-left: 10px; }
    .tab-p20{ padding: 20px; } .tab-pt20{ padding-top: 20px; } .tab-pr20{ padding-right: 20px; } .tab-pb20{ padding-bottom: 20px; } .tab-pl20{ padding-left: 20px; }
    .tab-p30{ padding: 30px; } .tab-pt30{ padding-top: 30px; } .tab-pr30{ padding-right: 30px; } .tab-pb30{ padding-bottom: 30px; } .tab-pl30{ padding-left: 30px; }
    .tab-p40{ padding: 40px; } .tab-pt40{ padding-top: 40px; } .tab-pr40{ padding-right: 40px; } .tab-pb40{ padding-bottom: 40px; } .tab-pl40{ padding-left: 40px; }
    .tab-p50{ padding: 50px; } .tab-pt50{ padding-top: 50px; } .tab-pr50{ padding-right: 50px; } .tab-pb50{ padding-bottom: 50px; } .tab-pl50{ padding-left: 50px; }
    
    .tab-pbt10{ padding-bottom: 10px !important; padding-top: 10px !important; }
    .tab-pbt20{ padding-bottom: 20px !important; padding-top: 20px !important; }
    .tab-pbt30{ padding-bottom: 30px !important; padding-top: 30px !important; }
    .tab-pbt40{ padding-bottom: 40px !important; padding-top: 40px !important; }
    .tab-plr10{ padding-left: 10px !important; padding-right: 10px !important; }
    .tab-plr20{ padding-left: 20px !important; padding-right: 20px !important; }
    .tab-plr30{ padding-left: 30px !important; padding-right: 30px !important; }
    .tab-plr40{ padding-left: 40px !important; padding-right: 40px !important; }
    
    .tab-pa-cntr{ position: absolute; } .tab-pf-cntr{ position: fixed; }
    .tab-pa-cntr, .tab-pf-cntr{
        left: 50%;
        position: fixed;
        top: 50%;
        translate: -50% -50%;
    }
    
    .tab-pf{ position: fixed; } .tab-pr{ position: relative; }
    .tab-sec1, .tab-sec2, .tab-sec3, .tab-sec4, .tab-sec5, .tab-sec6, .tab-sec7, .tab-sec8, .tab-sec9, .tab-sec10, .tab-sec11, .tab-sec12{ flex-basis: unset !important; }
    .tab-sec1{ width: 8.3333% !important; }
    .tab-sec2{ width: 16.6666% !important; }
    .tab-sec3{ width: 25% !important; }
    .tab-sec4{ width: 33.3333% !important; }
    .tab-sec5{ width: 41.6666% !important; }
    .tab-sec6{ width: 50% !important; }
    .tab-sec7{ width: 58.3333% !important; }
    .tab-sec8{ width: 66.6666% !important; }
    .tab-sec9{ width: 75% !important; }
    .tab-sec10{ width: 83.3333% !important; }
    .tab-sec11{ width: 91.6666% !important; }
    .tab-sec12{ width: 100% !important; }
    .tab-ttu{ text-transform: uppercase; }
    .tab-wid100{ width: 100px; } .tab-wid200{ width: 200px; } .tab-wid300{ width: 300px; } .tab-wid400{ width: 400px; } .tab-wid500{ width: 500px; }
    .tab-tac{ text-align: center; } .tab-tal{ text-align: left; } .tab-tar{ text-align: right; }
}

@media(max-width: 586px){
    .mob-c1{ columns: 1; } .mob-c2{ columns: 2; } .mob-c3{ columns: 3; } .mob-c4{ columns: 4; } .mob-c5{ columns: 5; }
    .mob-aic{ align-items: center; } .mob-aie{ align-items: flex-end; }
    .mob-db{ display: block; } .mob-dib{ display: inline-block; } .mob-df{ display: flex; } .mob-dg{ display: grid; } .mob-dn{ display: none; }
    .mob-fdc{ flex-direction: column; } .mob-fdr{ flex-direction: row; }
    .mob-fs16{ font-size: 16px; } .mob-fs18{ font-size: 18px; } .mob-fs20{ font-size: 20px; } .mob-fs22{ font-size: 22px; }
    .mob-fs24{ font-size: 24px; } .mob-fs28{ font-size: 28px; } .mob-fs30{ font-size: 30px; }
    .mob-fwn{ font-weight: normal; } .mob-fwb{ font-weight: bold; } .mob-fwl{ font-weight: lighter; }

    .mob-fw{ flex-wrap: wrap; }
    
    .mob-grid1, .mob-grid2, .mob-grid3, .mob-grid4, .mob-grid5, .mob-grid6{ display: grid !important; }
    .mob-grid1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .mob-grid2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mob-grid3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .mob-grid4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .mob-grid5{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .mob-grid6{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
    
    .mob-g0{ gap: 0px; } .mob-g5{ gap: 5px; } .mob-g10{ gap: 10px; } .mob-g15{ gap: 15px; } .mob-g20{ gap: 20px; } .mob-g30{ gap: 30px; } .mob-g40{ gap: 40px; } .mob-g50{ gap: 50px; }
    
    .mob-jcc{ justify-content: center; } .mob-jcsb{ justify-content: space-between; }
    
    .mob-o1{ order: 1; } .mob-o2{ order: 2; } .mob-o3{ order: 3; } .mob-o4{ order: 4; } .mob-o5{ order: 5; } .mob-o6{ order: 6; } 
    
    /* margin centers */
    .mob-mc0{ margin: 0 auto; } .mob-mc5{ margin: 5px auto; } .mob-mc10{ margin: 10px auto; } .mob-mc15{ margin: 15px auto; }
    .mob-mc20{ margin: 20px auto; } .mob-mc25{ margin: 25px auto; } .mob-mc30{ margin: 30px auto; } .mob-mc40{ margin: 40px auto; }
    
    .mob-m0{ margin: 0px; } .mob-mt0{ margin-top: 0px; } .mob-mr0{ margin-right: 0px; } .mob-mb0{ margin-bottom: 0px; } .mob-ml0{ margin-left: 0px; }
    .mob-m5{ margin: 5px; } .mob-mt5{ margin-top: 5px; } .mob-mr5{ margin-right: 5px; } .mob-mb5{ margin-bottom: 5px; } .mob-ml5{ margin-left: 5px; }
    .mob-m10{ margin: 10px; } .mob-mt10{ margin-top: 10px; } .mob-mr10{ margin-right: 10px; } .mob-mb10{ margin-bottom: 10px; } .mob-ml10{ margin-left: 10px; }
    .mob-m20{ margin: 20px; } .mob-mt20{ margin-top: 20px; } .mob-mr20{ margin-right: 20px; } .mob-mb20{ margin-bottom: 20px; } .mob-ml20{ margin-left: 20px; }
    .mob-m30{ margin: 30px; } .mob-mt30{ margin-top: 30px; } .mob-mr30{ margin-right: 30px; } .mob-mb30{ margin-bottom: 30px; } .mob-ml30{ margin-left: 30px; }
    .mob-m40{ margin: 40px; } .mob-mt40{ margin-top: 40px; } .mob-mr40{ margin-right: 40px; } .mob-mb40{ margin-bottom: 40px; } .mob-ml40{ margin-left: 40px; }
    .mob-m50{ margin: 50px; } .mob-mt50{ margin-top: 50px; } .mob-mr50{ margin-right: 50px; } .mob-mb50{ margin-bottom: 50px; } .mob-ml50{ margin-left: 50px; }
    
    .mob-mbt10{ margin-bottom: 10px; margin-top: 10px; } .mob-mbt20{ margin-bottom: 20px; margin-top: 20px; } .mob-mbt30{ margin-bottom: 30px; margin-top: 30px; } .mob-mbt40{ margin-bottom: 40px; margin-top: 40px; }
    .mob-mlr10{ margin-left: 10px; margin-right: 10px; } .mob-mlr20{ margin-left: 20px; margin-right: 20px; } .mob-mlr30{ margin-left: 30px; margin-right: 30px; } .mob-mlr40{ margin-left: 40px; margin-right: 40px; }
    
    /* min heights */
    .mob-mh100{ min-height: 100px; }
    .mob-mh200{ min-height: 200px; }
    .mob-mh300{ min-height: 300px; }
    .mob-mh400{ min-height: 400px; }
    .mob-mh500{ min-height: 500px; }
    
    .mob-p10{ padding: 10px; } .mob-pt10{ padding-top: 10px; } .mob-pr10{ padding-right: 10px; } .mob-pb10{ padding-bottom: 10px; } .mob-pl10{ padding-left: 10px; }
    .mob-p20{ padding: 20px; } .mob-pt20{ padding-top: 20px; } .mob-pr20{ padding-right: 20px; } .mob-pb20{ padding-bottom: 20px; } .mob-pl20{ padding-left: 20px; }
    .mob-p30{ padding: 30px; } .mob-pt30{ padding-top: 30px; } .mob-pr30{ padding-right: 30px; } .mob-pb30{ padding-bottom: 30px; } .mob-pl30{ padding-left: 30px; }
    .mob-p40{ padding: 40px; } .mob-pt40{ padding-top: 40px; } .mob-pr40{ padding-right: 40px; } .mob-pb40{ padding-bottom: 40px; } .mob-pl40{ padding-left: 40px; }
    .mob-p50{ padding: 50px; } .mob-pt50{ padding-top: 50px; } .mob-pr50{ padding-right: 50px; } .mob-pb50{ padding-bottom: 50px; } .mob-pl50{ padding-left: 50px; }
    
    .mob-pbt10{ padding-bottom: 10px !important; padding-top: 10px !important; }
    .mob-pbt20{ padding-bottom: 20px !important; padding-top: 20px !important; }
    .mob-pbt30{ padding-bottom: 30px !important; padding-top: 30px !important; }
    .mob-pbt40{ padding-bottom: 40px !important; padding-top: 40px !important; }
    .mob-plr10{ padding-left: 10px !important; padding-right: 10px !important; }
    .mob-plr20{ padding-left: 20px !important; padding-right: 20px !important; }
    .mob-plr30{ padding-left: 30px !important; padding-right: 30px !important; }
    .mob-plr40{ padding-left: 40px !important; padding-right: 40px !important; }
    
    .mob-pa-cntr{ position: absolute; } .mob-pf-cntr{ position: fixed; }
    .mob-pa-cntr, .mob-pf-cntr{
        left: 50%;
        position: fixed;
        top: 50%;
        translate: -50% -50%;
    }
    
    .mob-pf{ position: fixed; } .mob-pr{ position: relative; }
    .mob-sec1, .mob-sec2, .mob-sec3, .mob-sec4, .mob-sec5, .mob-sec6, .mob-sec7, .mob-sec8, .mob-sec9, .mob-sec10, .mob-sec11, .mob-sec12{ flex-basis: unset !important; }
    .mob-sec1{ width: 8.3333% !important; }
    .mob-sec2{ width: 16.6666% !important; }
    .mob-sec3{ width: 25% !important; }
    .mob-sec4{ width: 33.3333% !important; }
    .mob-sec5{ width: 41.6666% !important; }
    .mob-sec6{ width: 50% !important; }
    .mob-sec7{ width: 58.3333% !important; }
    .mob-sec8{ width: 66.6666% !important; }
    .mob-sec9{ width: 75% !important; }
    .mob-sec10{ width: 83.3333% !important; }
    .mob-sec11{ width: 91.6666% !important; }
    .mob-sec12{ width: 100% !important; }
    .mob-ttu{ text-transform: uppercase; }
    .mob-wid100{ width: 100px; } .mob-wid200{ width: 200px; } .mob-wid300{ width: 300px; } .mob-wid400{ width: 400px; } .mob-wid500{ width: 500px; }

    .mob-tac{ text-align: center; } .mob-tal{ text-align: left; } .mob-tar{ text-align: right; }
}