/*float*/
.float-left { float: left }
.float-right { float: right }

/*position*/
.position-relative { position: relative }
.position-absolute { position: absolute }
 
/*clear-both*/
.clear-both { clear: both }


/*margin*/
.margin-top-m10 { margin-top: -10px !important }
.margin-top-0 { margin-top: 0 !important }
.margin-top-3 { margin-top: 3px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-90 { margin-top: 90px !important; }
.margin-top-100 { margin-top: 100px !important; }

.margin-bottom-0 { margin-bottom: 0px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }
.margin-bottom-200 { margin-bottom: 200px !important; }

.margin-center { margin-left: auto; margin-right: auto }
.margin-auto { margin: 0 auto }

/*padding*/
.padding-5-10 { padding: 5px 10px }
.padding-15 { padding: 15px }

.padding-left-30 { padding-left: 30px }
.padding-left-40 { padding-left: 40px }
.padding-left-50 { padding-left: 50px }
.padding-left-60 { padding-left: 60px }
.padding-left-70 { padding-left: 70px }

.padding-right-30 { padding-right: 30px }
.padding-right-40 { padding-right: 40px }
.padding-right-50 { padding-right: 50px }
.padding-right-60 { padding-right: 60px }
.padding-right-70 { padding-right: 70px }

  
/*help*/

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; clear: both }


.width25 { width: 25px !important; display: inline-block; }
.width40 { width: 40px !important; display: inline-block; }
.width50 { width: 50px !important; display: inline-block; }
.width60 { width: 60px !important; display: inline-block; }
.width70 { width: 70px !important; display: inline-block; }
.width87 { width: 87px !important; margin-right: 3px; display: inline-block; }
.width88 { width: 88px !important; display: inline-block; }
.width100 { width: 100px !important; display: inline-block; }
.width120 { width: 120px !important; display: inline-block; }
.width130 { width: 130px !important; display: inline-block; }
.width150 { width: 150px !important; display: inline-block; }
.width200 { width: 200px !important; display: inline-block; }
.width245 { width: 245px !important; display: inline-block; }
.width250 { width: 250px !important; display: inline-block; }
.width300 { width: 300px !important; display: inline-block; }
.width400 { width: 400px !important; display: inline-block; }
.width500 { width: 500px !important; display: inline-block; }

.width368 { width: 368px !important; display: inline-block; }

/*width*/
.width10p { width: 10% !important; }
.width20p { width: 20% !important; }
.width30p { width: 30% !important; }
.width40p { width: 40% !important; }
.width50p { width: 50% !important; }
.width60p { width: 60% !important; }
.width70p { width: 70% !important; }
.width80p { width: 80% !important; }
.width90p { width: 90% !important; }
.width100p { width: 100% !important; display: inline-block; }


.height-10vh { height: 10vh; }
.height-20vh { height: 20vh; }
.height-30vh { height: 30vh; }
.height-40vh { height: 40vh; }
.height-50vh { height: 50vh; }
.height-60vh { height: 60vh; }
.height-70vh { height: 70vh; }
.height-80vh { height: 80vh; }
.height-90vh { height: 90vh; }
.height-100vh { height: 100vh; }

.max-height-100 { max-height: 100px; }
.max-height-200 { max-height: 200px; }
.max-height-300 { max-height: 300px; }
.max-height-400 { max-height: 400px; }
.max-height-500 { max-height: 500px; }
.max-height-600 { max-height: 600px; }
.max-height-700 { max-height: 700px; }
.max-height-800 { max-height: 800px; }
.max-height-900 { max-height: 900px; }
.max-height-1000 { max-height: 1000px; }