framework.css

/*** #### GIT: https://github.com/MoNSTRiKcom/.f-framework.css/ #### ***/

.f-green, .green {color: #4CAF50;}
.f-red, .red {color: #f94249;}
.f-white, .white {color: #FFF;}
.f-gray {color: #858585;}
.f-blue {color: #5aacde;}
.f-white {color: #FFF;}

.f-bg-green {background-color: #4CAF50;}
.f-bg-red {background-color: #f94249;}
.f-bg-gray {background-color: #f3f3f3;}
.f-bg-white {background-color: #FFFFFF;}
.f-bg-black {background-color: #212121;}
.f-bg-dark {background-color: #3f3f47;}
.f-bg-yellow {background-color: #dd8333;}

.f-pointer {cursor: pointer;}
.f-move {cursor: move;}
.f-text {cursor: text;}

.f-block {display: block;}
.f-bc, .f-block {display: block;}
.f-ib, .f-iblock {display: inline-block; vertical-align: top; margin-left: -0.25em;}

.f-hid, .f-oh, .f-overflow-hidden {overflow: hidden;}
.f-none, .f-h, .f-hide {display: none;}
.f-both {clear: both;}
.f-r {float: right;}
.f-l {float: left;}

.f-ac {text-align: center;}
.f-al {text-align: left;}
.f-ar {text-align: right;}
.f-aj {text-align: justify;}

.f-vam {vertical-align: middle;}

.f-fl,.f-flex {display: flex; display: -webkit-flex; display: -webkit-box;}
.f-flw,.f-flw,.f-flex-wrap {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.f-flwr,.f-flw-r,.f-flex-wrap-reverse {-webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse;}
.f-flwn,.f-flw0,.f-flw-n,.f-flex-wrap-nowrap {-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}

.f-fld-r,.f-flex-direction-row {-webkit-flex-direction: row; flex-direction: row;}
.f-fld-rr,.f-flex-direction-row-reverse {-webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
.f-fld-c,.f-flex-direction-column {-webkit-flex-direction: column; flex-direction: column;}
.f-fld-cr,.f-flex-direction-column-reverse {-webkit-flex-direction: column-reverse; flex-direction: column-reverse;}

.f-fla-s,.f-fla-stretch,.f-flex-align-items-stretch {-webkit-align-items: stretch; align-items: stretch;}
.f-fla-st,.f-fla-start.f-flex-align-items-start {-webkit-align-items: flex-start; align-items: flex-start;}
.f-fla-e,.f-fla-end.f-flex-align-items-end {-webkit-align-items: flex-end; align-items: flex-end;}
.f-fla-c,.f-fla-center.f-flex-align-items-center {-webkit-align-items: center; align-items: center;}
.f-fla-b,.f-fla-baseline.f-flex-align-items-baseline {-webkit-align-items: baseline; align-items: baseline;}

.f-flas,.f-flex-align-self-auto {-webkit-align-self: auto; align-self: auto;}
.f-flas-s,.f-flas-stretch,.f-flex-align-self-stretch {-webkit-align-self: stretch; align-self: stretch;}
.f-flas-st,.f-flas-start,.f-flex-align-self-start  {-webkit-align-self: flex-start; align-self: flex-start;}
.f-flas-e,.f-flas-end,.f-flex-align-self-end  {-webkit-align-self: flex-end; align-self: flex-end;}
.f-flas-c,.f-flas-center,.f-flex-align-self-center  {-webkit-align-self: center; align-self: center;}
.f-flas-b,.f-flas-baseline,.f-flex-align-self-baseline  {-webkit-align-self: baseline; align-self: baseline;}

.f-flac-s,.f-flac-stretch,.f-flex-align-content-stretch {-webkit-align-content: stretch; align-content: stretch;}
.f-flac-st,.f-flac-start,.f-flex-align-content-start {-webkit-align-content: flex-start; align-content: flex-start;}
.f-flac-e,.f-flac-end,.f-flex-align-content-end {-webkit-align-content: flex-end; align-content: flex-end;}
.f-flac-c,.f-flac-center,.f-flex-align-content-center {-webkit-align-content: center; align-content: center;}
.f-flac-b,.f-flac-sb,.f-flac-space-between,.f-flex-align-content-between {-webkit-align-content: space-between; align-content: space-space-between;}
.f-flac-a,.f-flac-sa,.f-flac-space-around,.f-flex-align-content-around {-webkit-align-content: space-around; align-content: space-around;}

.f-flj-st,.f-fljc-st,.f-flj-start,.f-flex-justify-content-start  {-webkit-justify-content: flex-start; justify-content: flex-start;}
.f-flj-e,.f-fljc-e,.f-flj-end,.f-flex-justify-content-end  {-webkit-justify-content: flex-end; justify-content: flex-end;}
.f-flj-c,.f-fljc-c,.f-flj-center,.f-flex-justify-content-center  {-webkit-justify-content: center; justify-content: center;}
.f-flj-a,.f-flj-sa,.f-fljc-sa,.f-flj-space-around,.f-flex-justify-content-around  {-webkit-justify-content: space-around; justify-content: space-around;}
.f-flj-b,.f-flj-sb,.f-fljc-sb,.f-flj-space-between,.f-flex-justify-content-between  {-webkit-justify-content: space-between; justify-content: space-between;}

.f-flo,.f-flex-order {-webkit-order: -1; order: -1;}
.f-flo0,.f-flex-order0 {-webkit-order: 0; order: 0;}
.f-flo1,.f-flex-order1 {-webkit-order: 1; order: 1;}
.f-flo2,.f-flex-order2 {-webkit-order: 2; order: 2;}
.f-flo3,.f-flex-order3 {-webkit-order: 3; order: 3;}
.f-flo4,.f-flex-order4 {-webkit-order: 4; order: 4;}
.f-flo5,.f-flex-order5 {-webkit-order: 5; order: 5;}
.f-flo6,.f-flex-order6 {-webkit-order: 6; order: 6;}
.f-flo7,.f-flex-order7 {-webkit-order: 7; order: 7;}
.f-flo8,.f-flex-order8 {-webkit-order: 8; order: 8;}
.f-flo9,.f-flex-order9 {-webkit-order: 9; order: 9;}
.f-flo10,.f-flex-order10 {-webkit-order: 10; order: 10;}

.f-flg,.f-flg0,.f-flex-grow {-webkit-flex-grow: 0; flex-grow: 0;}
.f-flg1,.f-flex-grow1 {-webkit-flex-grow: 1; flex-grow: 1;}
.f-flg2,.f-flex-grow2 {-webkit-flex-grow: 2; flex-grow: 2;}
.f-flg3,.f-flex-grow3 {-webkit-flex-grow: 3; flex-grow: 3;}
.f-flg4,.f-flex-grow4 {-webkit-flex-grow: 4; flex-grow: 4;}
.f-flg5,.f-flex-grow5 {-webkit-flex-grow: 5; flex-grow: 5;}

.f-fls,.f-fls0,.f-flex-shrink {-webkit-flex-shrink: 0; flex-shrink: 0;}
.f-fls1,.f-flex-shrink1 {-webkit-flex-shrink: 1; flex-shrink: 1;}
.f-fls2,.f-flex-shrink2 {-webkit-flex-shrink: 2; flex-shrink: 2;}
.f-fls3,.f-flex-shrink3 {-webkit-flex-shrink: 3; flex-shrink: 3;}
.f-fls4,.f-flex-shrink4 {-webkit-flex-shrink: 4; flex-shrink: 4;}
.f-fls5,.f-flex-shrink5 {-webkit-flex-shrink: 5; flex-shrink: 5;}

.f-pr {position: relative;} .f-pa {position: absolute;} .f-pf {position: fixed;} .f-ps {position: static;}

.f-i,.f-em {font-style: italic;}
.f-b {font-weight: bolder;}
.f-up {text-transform: uppercase;} .f-norm {text-transform: inherit;}

.f-f4 {font-size: 4px;}
.f-f6 {font-size: 6px;}
.f-f8 {font-size: 8px;}
.f-f10 {font-size: 10px;}
.f-f12 {font-size: 12px;}
.f-f14 {font-size: 14px;}
.f-f16 {font-size: 16px;}
.f-f18 {font-size: 18px;}
.f-f20 {font-size: 20px;}
.f-f22 {font-size: 22px;}
.f-f24 {font-size: 24px;}
.f-f26 {font-size: 26px;}
.f-f28 {font-size: 28px;}
.f-f30 {font-size: 30px;}
.f-f32 {font-size: 32px;}
.f-f34 {font-size: 34px;}
.f-f36 {font-size: 36px;}
.f-f38 {font-size: 38px;}
.f-f42 {font-size: 42px;}
.f-f44 {font-size: 44px;}
.f-f46 {font-size: 46px;}
.f-f48 {font-size: 48px;}
.f-f50 {font-size: 50px;}
.f-f52 {font-size: 52px;}
.f-f54 {font-size: 54px;}
.f-f56 {font-size: 56px;}
.f-f58 {font-size: 58px;}
.f-f60 {font-size: 60px;}
.f-f62 {font-size: 62px;}
.f-f64 {font-size: 64px;}
.f-f66 {font-size: 66px;}
.f-f68 {font-size: 68px;}
.f-f70 {font-size: 70px;}
.f-f72 {font-size: 72px;}
.f-f74 {font-size: 74px;}
.f-f76 {font-size: 76px;}
.f-f78 {font-size: 78px;}
.f-f80 {font-size: 80px;}
.f-f82 {font-size: 82px;}
.f-f84 {font-size: 84px;}
.f-f86 {font-size: 86px;}
.f-f88 {font-size: 88px;}
.f-f90 {font-size: 90px;}
.f-f92 {font-size: 92px;}
.f-f94 {font-size: 94px;}
.f-f96 {font-size: 96px;}
.f-f98 {font-size: 98px;}
.f-f100 {font-size: 100px;}

.f-m {margin: auto;}
.f-m0px {margin: 0px;}
.f-m5px {margin: 5px;}
.f-m10px {margin: 10px;}
.f-m15px {margin: 15px;}
.f-m20px {margin: 20px;}
.f-m25px {margin: 25px;}
.f-m30px {margin: 30px;}
.f-m35px {margin: 35px;}
.f-m40px {margin: 40px;}
.f-m45px {margin: 45px;}
.f-m50px {margin: 50px;}
.f-m55px {margin: 55px;}
.f-m60px {margin: 60px;}
.f-m65px {margin: 65px;}
.f-m70px {margin: 70px;}
.f-m75px {margin: 75px;}
.f-m80px {margin: 80px;}
.f-m85px {margin: 85px;}
.f-m90px {margin: 90px;}
.f-m95px {margin: 95px;}
.f-m100px {margin: 100px;}

.f-m5 {margin: 5%;}
.f-m10 {margin: 10%;}
.f-m15 {margin: 15%;}
.f-m20 {margin: 20%;}
.f-m25 {margin: 25%;}
.f-m30 {margin: 30%;}
.f-m35 {margin: 35%;}
.f-m40 {margin: 40%;}
.f-m45 {margin: 45%;}
.f-m50 {margin: 50%;}
.f-m55 {margin: 55%;}
.f-m60 {margin: 60%;}
.f-m65 {margin: 65%;}
.f-m70 {margin: 70%;}
.f-m75 {margin: 75%;}
.f-m80 {margin: 80%;}
.f-m85 {margin: 85%;}
.f-m90 {margin: 90%;}
.f-m95 {margin: 95%;}
.f-m100 {margin: 100%;}

.f-m5g {margin-left: 5%; margin-right: 5%;}
.f-m10g {margin-left: 10%; margin-right: 10%;}
.f-m15g {margin-left: 15%; margin-right: 15%;}
.f-m20g {margin-left: 20%; margin-right: 20%;}
.f-m25g {margin-left: 25%; margin-right: 25%;}
.f-m30g {margin-left: 30%; margin-right: 30%;}
.f-m35g {margin-left: 35%; margin-right: 35%;}
.f-m40g {margin-left: 40%; margin-right: 40%;}
.f-m45g {margin-left: 45%; margin-right: 45%;}
.f-m50g {margin-left: 50%; margin-right: 50%;}
.f-m55g {margin-left: 55%; margin-right: 55%;}
.f-m60g {margin-left: 60%; margin-right: 60%;}
.f-m65g {margin-left: 65%; margin-right: 65%;}
.f-m70g {margin-left: 70%; margin-right: 70%;}
.f-m75g {margin-left: 75%; margin-right: 75%;}
.f-m80g {margin-left: 80%; margin-right: 80%;}
.f-m85g {margin-left: 85%; margin-right: 85%;}
.f-m90g {margin-left: 90%; margin-right: 90%;}
.f-m95g {margin-left: 95%; margin-right: 95%;}
.f-m100g {margin-left: 100%; margin-right: 100%;}

.f-m5gpx {margin-left: 5px; margin-right: 5px;}
.f-m10gpx {margin-left: 10px; margin-right: 10px;}
.f-m15gpx {margin-left: 15px; margin-right: 15px;}
.f-m20gpx {margin-left: 20px; margin-right: 20px;}
.f-m25gpx {margin-left: 25px; margin-right: 25px;}
.f-m30gpx {margin-left: 30px; margin-right: 30px;}
.f-m35gpx {margin-left: 35px; margin-right: 35px;}
.f-m40gpx {margin-left: 40px; margin-right: 40px;}
.f-m45gpx {margin-left: 45px; margin-right: 45px;}
.f-m50gpx {margin-left: 50px; margin-right: 50px;}
.f-m55gpx {margin-left: 55px; margin-right: 55px;}
.f-m60gpx {margin-left: 60px; margin-right: 60px;}
.f-m65gpx {margin-left: 65px; margin-right: 65px;}
.f-m70gpx {margin-left: 70px; margin-right: 70px;}
.f-m75gpx {margin-left: 75px; margin-right: 75px;}
.f-m80gpx {margin-left: 80px; margin-right: 80px;}
.f-m85gpx {margin-left: 85px; margin-right: 85px;}
.f-m90gpx {margin-left: 90px; margin-right: 90px;}
.f-m95gpx {margin-left: 95px; margin-right: 95px;}
.f-m100gpx {margin-left: 100px; margin-right: 100px;}

.f-m5v {margin-top: 5%; margin-bottom: 5%;}
.f-m10v {margin-top: 10%; margin-bottom: 10%;}
.f-m15v {margin-top: 15%; margin-bottom: 15%;}
.f-m20v {margin-top: 20%; margin-bottom: 20%;}
.f-m25v {margin-top: 25%; margin-bottom: 25%;}
.f-m30v {margin-top: 30%; margin-bottom: 30%;}
.f-m35v {margin-top: 35%; margin-bottom: 35%;}
.f-m40v {margin-top: 40%; margin-bottom: 40%;}
.f-m45v {margin-top: 45%; margin-bottom: 45%;}
.f-m50v {margin-top: 50%; margin-bottom: 50%;}
.f-m55v {margin-top: 55%; margin-bottom: 55%;}
.f-m60v {margin-top: 60%; margin-bottom: 60%;}
.f-m65v {margin-top: 65%; margin-bottom: 65%;}
.f-m70v {margin-top: 70%; margin-bottom: 70%;}
.f-m75v {margin-top: 75%; margin-bottom: 75%;}
.f-m80v {margin-top: 80%; margin-bottom: 80%;}
.f-m85v {margin-top: 85%; margin-bottom: 85%;}
.f-m90v {margin-top: 90%; margin-bottom: 90%;}
.f-m95v {margin-top: 95%; margin-bottom: 95%;}
.f-m100v {margin-top: 100%; margin-bottom: 100%;}

.f-m5vpx {margin-top: 5px; margin-bottom: 5px;}
.f-m10vpx {margin-top: 10px; margin-bottom: 10px;}
.f-m15vpx {margin-top: 15px; margin-bottom: 15px;}
.f-m20vpx {margin-top: 20px; margin-bottom: 20px;}
.f-m25vpx {margin-top: 25px; margin-bottom: 25px;}
.f-m30vpx {margin-top: 30px; margin-bottom: 30px;}
.f-m35vpx {margin-top: 35px; margin-bottom: 35px;}
.f-m40vpx {margin-top: 40px; margin-bottom: 40px;}
.f-m45vpx {margin-top: 45px; margin-bottom: 45px;}
.f-m50vpx {margin-top: 50px; margin-bottom: 50px;}
.f-m55vpx {margin-top: 55px; margin-bottom: 55px;}
.f-m60vpx {margin-top: 60px; margin-bottom: 60px;}
.f-m65vpx {margin-top: 65px; margin-bottom: 65px;}
.f-m70vpx {margin-top: 70px; margin-bottom: 70px;}
.f-m75vpx {margin-top: 75px; margin-bottom: 75px;}
.f-m80vpx {margin-top: 80px; margin-bottom: 80px;}
.f-m85vpx {margin-top: 85px; margin-bottom: 85px;}
.f-m90vpx {margin-top: 90px; margin-bottom: 90px;}
.f-m95vpx {margin-top: 95px; margin-bottom: 95px;}
.f-m100vpx {margin-top: 100px; margin-bottom: 100px;}

.f-p5vpx {padding-top: 5px; padding-bottom: 5px;}
.f-p10vpx {padding-top: 10px; padding-bottom: 10px;}
.f-p15vpx {padding-top: 15px; padding-bottom: 15px;}
.f-p20vpx {padding-top: 20px; padding-bottom: 20px;}
.f-p25vpx {padding-top: 25px; padding-bottom: 25px;}
.f-p30vpx {padding-top: 30px; padding-bottom: 30px;}
.f-p35vpx {padding-top: 35px; padding-bottom: 35px;}
.f-p40vpx {padding-top: 40px; padding-bottom: 40px;}
.f-p45vpx {padding-top: 45px; padding-bottom: 45px;}
.f-p50vpx {padding-top: 50px; padding-bottom: 50px;}
.f-p55vpx {padding-top: 55px; padding-bottom: 55px;}
.f-p60vpx {padding-top: 60px; padding-bottom: 60px;}
.f-p65vpx {padding-top: 65px; padding-bottom: 65px;}
.f-p70vpx {padding-top: 70px; padding-bottom: 70px;}
.f-p75vpx {padding-top: 75px; padding-bottom: 75px;}
.f-p80vpx {padding-top: 80px; padding-bottom: 80px;}
.f-p85vpx {padding-top: 85px; padding-bottom: 85px;}
.f-p90vpx {padding-top: 90px; padding-bottom: 90px;}
.f-p95vpx {padding-top: 95px; padding-bottom: 95px;}
.f-p100vpx {padding-top: 100px; padding-bottom: 100px;}



.f-p5px {padding: 5px;}
.f-p10px {padding: 10px;}
.f-p15px {padding: 15px;}
.f-p20px {padding: 20px;}
.f-p25px {padding: 25px;}
.f-p30px {padding: 30px;}
.f-p35px {padding: 35px;}
.f-p40px {padding: 40px;}
.f-p45px {padding: 45px;}
.f-p50px {padding: 50px;}
.f-p55px {padding: 55px;}
.f-p60px {padding: 60px;}
.f-p65px {padding: 65px;}
.f-p70px {padding: 70px;}
.f-p75px {padding: 75px;}
.f-p80px {padding: 80px;}
.f-p85px {padding: 85px;}
.f-p90px {padding: 90px;}
.f-p95px {padding: 95px;}
.f-p100px {padding: 100px;}

.f-p5 {padding: 5%;}
.f-p10 {padding: 10%;}
.f-p15 {padding: 15%;}
.f-p20 {padding: 20%;}
.f-p25 {padding: 25%;}
.f-p30 {padding: 30%;}
.f-p35 {padding: 35%;}
.f-p40 {padding: 40%;}
.f-p45 {padding: 45%;}
.f-p50 {padding: 50%;}
.f-p55 {padding: 55%;}
.f-p60 {padding: 60%;}
.f-p65 {padding: 65%;}
.f-p70 {padding: 70%;}
.f-p75 {padding: 75%;}
.f-p80 {padding: 80%;}
.f-p85 {padding: 85%;}
.f-p90 {padding: 90%;}
.f-p95 {padding: 95%;}
.f-p100 {padding: 100%;}

.f-p5v {padding-top: 5%; padding-bottom: 5%;}
.f-p10v {padding-top: 10%; padding-bottom: 10%;}
.f-p15v {padding-top: 15%; padding-bottom: 15%;}
.f-p20v {padding-top: 20%; padding-bottom: 20%;}
.f-p25v {padding-top: 25%; padding-bottom: 25%;}
.f-p30v {padding-top: 30%; padding-bottom: 30%;}
.f-p35v {padding-top: 35%; padding-bottom: 35%;}
.f-p40v {padding-top: 40%; padding-bottom: 40%;}
.f-p45v {padding-top: 45%; padding-bottom: 45%;}
.f-p50v {padding-top: 50%; padding-bottom: 50%;}
.f-p55v {padding-top: 55%; padding-bottom: 55%;}
.f-p60v {padding-top: 60%; padding-bottom: 60%;}
.f-p65v {padding-top: 65%; padding-bottom: 65%;}
.f-p70v {padding-top: 70%; padding-bottom: 70%;}
.f-p75v {padding-top: 75%; padding-bottom: 75%;}
.f-p80v {padding-top: 80%; padding-bottom: 80%;}
.f-p85v {padding-top: 85%; padding-bottom: 85%;}
.f-p90v {padding-top: 90%; padding-bottom: 90%;}
.f-p95v {padding-top: 95%; padding-bottom: 95%;}
.f-p100v {padding-top: 100%; padding-bottom: 100%;}



.f-w10px {width: 10px;}
.f-w15px {width: 15px;}
.f-w20px {width: 20px;}
.f-w25px {width: 25px;}
.f-w30px {width: 30px;}
.f-w35px {width: 35px;}
.f-w40px {width: 40px;}
.f-w45px {width: 45px;}
.f-w50px {width: 50px;}
.f-w55px {width: 55px;}
.f-w60px {width: 60px;}
.f-w65px {width: 65px;}
.f-w70px {width: 70px;}
.f-w75px {width: 75px;}
.f-w80px {width: 80px;}
.f-w85px {width: 85px;}
.f-w90px {width: 90px;}
.f-w95px {width: 95px;}
.f-w100px {width: 100px;}
.f-w110px {width: 110px;}
.f-w115px {width: 115px;}
.f-w120px {width: 120px;}
.f-w125px {width: 125px;}
.f-w130px {width: 130px;}
.f-w135px {width: 135px;}
.f-w140px {width: 140px;}
.f-w145px {width: 145px;}
.f-w150px {width: 150px;}
.f-w155px {width: 155px;}
.f-w160px {width: 160px;}
.f-w165px {width: 165px;}
.f-w170px {width: 170px;}
.f-w175px {width: 175px;}
.f-w180px {width: 180px;}
.f-w185px {width: 185px;}
.f-w190px {width: 190px;}
.f-w195px {width: 195px;}
.f-w200px {width: 200px;}
.f-w210px {width: 210px;}
.f-w215px {width: 215px;}
.f-w220px {width: 220px;}
.f-w225px {width: 225px;}
.f-w230px {width: 230px;}
.f-w235px {width: 235px;}
.f-w240px {width: 240px;}
.f-w245px {width: 245px;}
.f-w250px {width: 250px;}
.f-w255px {width: 255px;}
.f-w260px {width: 260px;}
.f-w265px {width: 265px;}
.f-w270px {width: 270px;}
.f-w275px {width: 275px;}
.f-w280px {width: 280px;}
.f-w285px {width: 285px;}
.f-w290px {width: 290px;}
.f-w295px {width: 295px;}
.f-w300px {width: 300px;}
.f-w310px {width: 310px;}
.f-w315px {width: 315px;}
.f-w320px {width: 320px;}
.f-w325px {width: 325px;}
.f-w330px {width: 330px;}
.f-w335px {width: 335px;}
.f-w340px {width: 340px;}
.f-w345px {width: 345px;}
.f-w350px {width: 350px;}
.f-w355px {width: 355px;}
.f-w360px {width: 360px;}
.f-w365px {width: 365px;}
.f-w370px {width: 370px;}
.f-w375px {width: 375px;}
.f-w380px {width: 380px;}
.f-w385px {width: 385px;}
.f-w390px {width: 390px;}
.f-w395px {width: 395px;}
.f-w400px {width: 400px;}
.f-w410px {width: 410px;}
.f-w415px {width: 415px;}
.f-w420px {width: 420px;}
.f-w425px {width: 425px;}
.f-w430px {width: 430px;}
.f-w435px {width: 435px;}
.f-w440px {width: 440px;}
.f-w445px {width: 445px;}
.f-w450px {width: 450px;}
.f-w455px {width: 455px;}
.f-w460px {width: 460px;}
.f-w465px {width: 465px;}
.f-w470px {width: 470px;}
.f-w475px {width: 475px;}
.f-w480px {width: 480px;}
.f-w485px {width: 485px;}
.f-w490px {width: 490px;}
.f-w495px {width: 495px;}
.f-w500px {width: 500px;}
.f-w510px {width: 510px;}
.f-w515px {width: 515px;}
.f-w520px {width: 520px;}
.f-w525px {width: 525px;}
.f-w530px {width: 530px;}
.f-w535px {width: 535px;}
.f-w540px {width: 540px;}
.f-w545px {width: 545px;}
.f-w550px {width: 550px;}
.f-w555px {width: 555px;}
.f-w560px {width: 560px;}
.f-w565px {width: 565px;}
.f-w570px {width: 570px;}
.f-w575px {width: 575px;}
.f-w580px {width: 580px;}
.f-w585px {width: 585px;}
.f-w590px {width: 590px;}
.f-w595px {width: 595px;}

.f-w10 {width: 10%;}
.f-w15 {width: 15%;}
.f-w20 {width: 20%;}
.f-w25 {width: 25%;}
.f-w30 {width: 30%;}
.f-w35 {width: 35%;}
.f-w40 {width: 40%;}
.f-w45 {width: 45%;}
.f-w50 {width: 50%;}
.f-w55 {width: 55%;}
.f-w60 {width: 60%;}
.f-w65 {width: 65%;}
.f-w70 {width: 70%;}
.f-w75 {width: 75%;}
.f-w80 {width: 80%;}
.f-w90 {width: 90%;}
.f-w100 {width: 100%;}

.f-maxw10 {max-width: 10%;}
.f-maxw15 {max-width: 15%;}
.f-maxw20 {max-width: 20%;}
.f-maxw25 {max-width: 25%;}
.f-maxw30 {max-width: 30%;}
.f-maxw35 {max-width: 35%;}
.f-maxw40 {max-width: 40%;}
.f-maxw45 {max-width: 45%;}
.f-maxw50 {max-width: 50%;}
.f-maxw55 {max-width: 55%;}
.f-maxw60 {max-width: 60%;}
.f-maxw65 {max-width: 65%;}
.f-maxw70 {max-width: 70%;}
.f-maxw75 {max-width: 75%;}
.f-maxw80 {max-width: 80%;}
.f-maxw90 {max-width: 90%;}
.f-maxw100 {max-width: 100%;}

.f-minw10 {min-width: 10%;}
.f-minw15 {min-width: 15%;}
.f-minw20 {min-width: 20%;}
.f-minw25 {min-width: 25%;}
.f-minw30 {min-width: 30%;}
.f-minw35 {min-width: 35%;}
.f-minw40 {min-width: 40%;}
.f-minw45 {min-width: 45%;}
.f-minw50 {min-width: 50%;}
.f-minw55 {min-width: 55%;}
.f-minw60 {min-width: 60%;}
.f-minw65 {min-width: 65%;}
.f-minw70 {min-width: 70%;}
.f-minw75 {min-width: 75%;}
.f-minw80 {min-width: 80%;}
.f-minw90 {min-width: 90%;}
.f-minw100 {min-width: 100%;}

.f-maxw100px {max-width: 100px;}
.f-maxw200px {max-width: 200px;}
.f-maxw300px {max-width: 300px;}
.f-maxw400px {max-width: 400px;}
.f-maxw500px {max-width: 500px;}
.f-maxw600px {max-width: 600px;}
.f-maxw700px {max-width: 700px;}
.f-maxw800px {max-width: 800px;}
.f-maxw900px {max-width: 900px;}
.f-maxw1000px {max-width: 1000px;}

.f-minw100px {min-width: 100px;}
.f-minw200px {min-width: 200px;}
.f-minw300px {min-width: 300px;}
.f-minw400px {min-width: 400px;}
.f-minw500px {min-width: 500px;}
.f-minw600px {min-width: 600px;}
.f-minw700px {min-width: 700px;}
.f-minw800px {min-width: 800px;}
.f-minw900px {min-width: 900px;}
.f-minw1000px {min-width: 1000px;}


.f-h10 {height: 10%;}
.f-h15 {height: 15%;}
.f-h20 {height: 20%;}
.f-h25 {height: 25%;}
.f-h30 {height: 30%;}
.f-h35 {height: 35%;}
.f-h40 {height: 40%;}
.f-h45 {height: 45%;}
.f-h50 {height: 50%;}
.f-h55 {height: 55%;}
.f-h60 {height: 60%;}
.f-h65 {height: 65%;}
.f-h70 {height: 70%;}
.f-h75 {height: 75%;}
.f-h80 {height: 80%;}
.f-h90 {height: 90%;}
.f-h100 {height: 100%;}

.f-h10px {height: 10px;}
.f-h15px {height: 15px;}
.f-h20px {height: 20px;}
.f-h25px {height: 25px;}
.f-h30px {height: 30px;}
.f-h35px {height: 35px;}
.f-h40px {height: 40px;}
.f-h45px {height: 45px;}
.f-h50px {height: 50px;}
.f-h55px {height: 55px;}
.f-h60px {height: 60px;}
.f-h65px {height: 65px;}
.f-h70px {height: 70px;}
.f-h75px {height: 75px;}
.f-h80px {height: 80px;}
.f-h85px {height: 85px;}
.f-h90px {height: 90px;}
.f-h95px {height: 95px;}
.f-h100px {height: 100px;}
.f-h110px {height: 110px;}
.f-h115px {height: 115px;}
.f-h120px {height: 120px;}
.f-h125px {height: 125px;}
.f-h130px {height: 130px;}
.f-h135px {height: 135px;}
.f-h140px {height: 140px;}
.f-h145px {height: 145px;}
.f-h150px {height: 150px;}
.f-h155px {height: 155px;}
.f-h160px {height: 160px;}
.f-h165px {height: 165px;}
.f-h170px {height: 170px;}
.f-h175px {height: 175px;}
.f-h180px {height: 180px;}
.f-h185px {height: 185px;}
.f-h190px {height: 190px;}
.f-h195px {height: 195px;}
.f-h200px {height: 200px;}
.f-h210px {height: 210px;}
.f-h215px {height: 215px;}
.f-h220px {height: 220px;}
.f-h225px {height: 225px;}
.f-h230px {height: 230px;}
.f-h235px {height: 235px;}
.f-h240px {height: 240px;}
.f-h245px {height: 245px;}
.f-h250px {height: 250px;}
.f-h255px {height: 255px;}
.f-h260px {height: 260px;}
.f-h265px {height: 265px;}
.f-h270px {height: 270px;}
.f-h275px {height: 275px;}
.f-h280px {height: 280px;}
.f-h285px {height: 285px;}
.f-h290px {height: 290px;}
.f-h295px {height: 295px;}
.f-h300px {height: 300px;}
.f-h310px {height: 310px;}
.f-h315px {height: 315px;}
.f-h320px {height: 320px;}
.f-h325px {height: 325px;}
.f-h330px {height: 330px;}
.f-h335px {height: 335px;}
.f-h340px {height: 340px;}
.f-h345px {height: 345px;}
.f-h350px {height: 350px;}
.f-h355px {height: 355px;}
.f-h360px {height: 360px;}
.f-h365px {height: 365px;}
.f-h370px {height: 370px;}
.f-h375px {height: 375px;}
.f-h380px {height: 380px;}
.f-h385px {height: 385px;}
.f-h390px {height: 390px;}
.f-h395px {height: 395px;}
.f-h400px {height: 400px;}
.f-h410px {height: 410px;}
.f-h415px {height: 415px;}
.f-h420px {height: 420px;}
.f-h425px {height: 425px;}
.f-h430px {height: 430px;}
.f-h435px {height: 435px;}
.f-h440px {height: 440px;}
.f-h445px {height: 445px;}
.f-h450px {height: 450px;}
.f-h455px {height: 455px;}
.f-h460px {height: 460px;}
.f-h465px {height: 465px;}
.f-h470px {height: 470px;}
.f-h475px {height: 475px;}
.f-h480px {height: 480px;}
.f-h485px {height: 485px;}
.f-h490px {height: 490px;}
.f-h495px {height: 495px;}
.f-h500px {height: 500px;}
.f-h510px {height: 510px;}
.f-h515px {height: 515px;}
.f-h520px {height: 520px;}
.f-h525px {height: 525px;}
.f-h530px {height: 530px;}
.f-h535px {height: 535px;}
.f-h540px {height: 540px;}
.f-h545px {height: 545px;}
.f-h550px {height: 550px;}
.f-h555px {height: 555px;}
.f-h560px {height: 560px;}
.f-h565px {height: 565px;}
.f-h570px {height: 570px;}
.f-h575px {height: 575px;}
.f-h580px {height: 580px;}
.f-h585px {height: 585px;}
.f-h590px {height: 590px;}
.f-h595px {height: 595px;}

.f-maxh10 {max-height: 10%;}
.f-maxh15 {max-height: 15%;}
.f-maxh20 {max-height: 20%;}
.f-maxh25 {max-height: 25%;}
.f-maxh30 {max-height: 30%;}
.f-maxh35 {max-height: 35%;}
.f-maxh40 {max-height: 40%;}
.f-maxh45 {max-height: 45%;}
.f-maxh50 {max-height: 50%;}
.f-maxh55 {max-height: 55%;}
.f-maxh60 {max-height: 60%;}
.f-maxh65 {max-height: 65%;}
.f-maxh70 {max-height: 70%;}
.f-maxh75 {max-height: 75%;}
.f-maxh80 {max-height: 80%;}
.f-maxh90 {max-height: 90%;}
.f-maxh100 {max-height: 100%;}

.f-minh10 {min-height: 10%;}
.f-minh15 {min-height: 15%;}
.f-minh20 {min-height: 20%;}
.f-minh25 {min-height: 25%;}
.f-minh30 {min-height: 30%;}
.f-minh35 {min-height: 35%;}
.f-minh40 {min-height: 40%;}
.f-minh45 {min-height: 45%;}
.f-minh50 {min-height: 50%;}
.f-minh55 {min-height: 55%;}
.f-minh60 {min-height: 60%;}
.f-minh65 {min-height: 65%;}
.f-minh70 {min-height: 70%;}
.f-minh75 {min-height: 75%;}
.f-minh80 {min-height: 80%;}
.f-minh90 {min-height: 90%;}
.f-minh100 {min-height: 100%;}

.f-maxh100px {max-height: 100px;}
.f-maxh200px {max-height: 200px;}
.f-maxh300px {max-height: 300px;}
.f-maxh400px {max-height: 400px;}
.f-maxh500px {max-height: 500px;}
.f-maxh600px {max-height: 600px;}
.f-maxh700px {max-height: 700px;}
.f-maxh800px {max-height: 800px;}
.f-maxh900px {max-height: 900px;}
.f-maxh1000px {max-height: 1000px;}

.f-minh100px {min-height: 100px;}
.f-minh200px {min-height: 200px;}
.f-minh300px {min-height: 300px;}
.f-minh400px {min-height: 400px;}
.f-minh500px {min-height: 500px;}
.f-minh600px {min-height: 600px;}
.f-minh700px {min-height: 700px;}
.f-minh800px {min-height: 800px;}
.f-minh900px {min-height: 900px;}
.f-minh1000px {min-height: 1000px;}


.f-r3 {border-radius: 3px;}
.f-r4 {border-radius: 4px;}
.f-r5 {border-radius: 5px;}
.f-r6 {border-radius: 6px;}
.f-r7 {border-radius: 7px;}
.f-r8 {border-radius: 8px;}
.f-r9 {border-radius: 9px;}
.f-r10 {border-radius: 10px;}
.f-r15 {border-radius: 15px;}
.f-r20 {border-radius: 20px;}
.f-r25 {border-radius: 25px;}
.f-r30 {border-radius: 30px;}
.f-r35 {border-radius: 35px;}
.f-r40 {border-radius: 40px;}
.f-r45 {border-radius: 45px;}
.f-r50 {border-radius: 50px;}


.f-line-top, .f-bt {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #c9c9c9;
  margin-top: 30px;
  padding-top: 20px;
}
.f-line-bottom, .f-bb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c9c9c9;
	margin-bottom: 30px;
	padding-bottom: 20px;
}


.f-op0, .f-op-h0 {opacity: 0;}
.f-op1, .f-op-h1 {opacity: 0.1;}
.f-op2, .f-op-h2 {opacity: 0.2;}
.f-op3, .f-op-h3 {opacity: 0.3;}
.f-op4, .f-op-h4 {opacity: 0.4;}
.f-op5, .f-op-h5 {opacity: 0.5;}
.f-op6, .f-op-h6 {opacity: 0.6;}
.f-op7, .f-op-h7 {opacity: 0.7;}
.f-op8, .f-op-h8 {opacity: 0.8;}
.f-op9, .f-op-h9 {opacity: 0.9;}

.f-op-h0:hover,
.f-op-h1:hover,
.f-op-h2:hover,
.f-op-h3:hover,
.f-op-h4:hover,
.f-op-h5:hover,
.f-op-h6:hover,
.f-op-h7:hover,
.f-op-h8:hover,
.f-op-h9:hover,
.f-op-h10:hover
{opacity: 1 !important;}

.f-blur1 { filter: blur(1px); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px);}
.f-blur2 { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px);}
.f-blur3 { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px);}
.f-blur4 { filter: blur(4px); -webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px);}
.f-blur5 { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px);}

.f-rotate360, .f-rotate360-hover { transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
.f-rotate330, .f-rotate330-hover { transform: rotate(330deg); -webkit-transform: rotate(330deg); -o-transform: rotate(330deg); -moz-transform: rotate(330deg); }
.f-rotate315, .f-rotate315-hover { transform: rotate(315deg); -webkit-transform: rotate(315deg); -o-transform: rotate(315deg); -moz-transform: rotate(315deg); }
.f-rotate300, .f-rotate300-hover { transform: rotate(300deg); -webkit-transform: rotate(300deg); -o-transform: rotate(300deg); -moz-transform: rotate(300deg); }
.f-rotate270, .f-rotate270-hover { transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -moz-transform: rotate(270deg); }
.f-rotate240, .f-rotate240-hover { transform: rotate(240deg); -webkit-transform: rotate(240deg); -o-transform: rotate(240deg); -moz-transform: rotate(240deg); }
.f-rotate225, .f-rotate225-hover { transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -moz-transform: rotate(225deg); }
.f-rotate210, .f-rotate210-hover { transform: rotate(210deg); -webkit-transform: rotate(210deg); -o-transform: rotate(210deg); -moz-transform: rotate(210deg); }
.f-rotate180, .f-rotate180-hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.f-rotate150, .f-rotate150-hover { transform: rotate(150deg); -webkit-transform: rotate(150deg); -o-transform: rotate(150deg); -moz-transform: rotate(150deg); }
.f-rotate135, .f-rotate135-hover { transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -moz-transform: rotate(135deg); }
.f-rotate120, .f-rotate120-hover { transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -moz-transform: rotate(120deg); }
.f-rotate90, .f-rotate90-hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.f-rotate60, .f-rotate60-hover { transform: rotate(60deg); -webkit-transform: rotate(60deg); -o-transform: rotate(60deg); -moz-transform: rotate(60deg); }
.f-rotate45, .f-rotate45-hover { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.f-rotate30, .f-rotate30-hover { transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); -moz-transform: rotate(30deg); }
.f-rotate0, .f-rotate0-hover { transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }