/**
 * Helpers
 * (c) Onelab <hello@onelab.co>
 */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }

.mt-0 { margin-top: 0px !important;  } .mb-0 { margin-bottom: 0px !important;  } .ml-0 { margin-left: 0px !important;  } .mr-0 { margin-right: 0px !important;  } .m-0 { margin: 0px !important;  }
.mt-5 { margin-top: 5px !important;  } .mb-5 { margin-bottom: 5px !important;  } .ml-5 { margin-left: 5px !important;  } .mr-5 { margin-right: 5px !important;  } .m-5 { margin: 5px !important;  }
.mt-10{ margin-top: 10px !important; } .mb-10{ margin-bottom: 10px !important; } .ml-10{ margin-left: 10px !important; } .mr-10{ margin-right: 10px !important; } .m-10{ margin: 10px !important; }
.mt-15{ margin-top: 15px !important; } .mb-15{ margin-bottom: 15px !important; } .ml-15{ margin-left: 15px !important; } .mr-15{ margin-right: 15px !important; } .m-15{ margin: 15px !important; }
.mt-20{ margin-top: 20px !important; } .mb-20{ margin-bottom: 20px !important; } .ml-20{ margin-left: 20px !important; } .mr-20{ margin-right: 20px !important; } .m-20{ margin: 20px !important; }
.mt-30{ margin-top: 30px !important; } .mb-30{ margin-bottom: 30px !important; } .ml-30{ margin-left: 30px !important; } .mr-30{ margin-right: 30px !important; } .m-30{ margin: 30px !important; }
.mt-40{ margin-top: 40px !important; } .mb-40{ margin-bottom: 40px !important; } .ml-40{ margin-left: 40px !important; } .mr-40{ margin-right: 40px !important; } .m-40{ margin: 40px !important; }
.mt-50{ margin-top: 50px !important; } .mb-50{ margin-bottom: 50px !important; } .ml-50{ margin-left: 50px !important; } .mr-50{ margin-right: 50px !important; } .m-50{ margin: 50px !important; }
.mt-80{ margin-top: 80px !important; } .mb-80{ margin-bottom: 80px !important; } .ml-80{ margin-left: 80px !important; } .mr-80{ margin-right: 80px !important; } .m-80{ margin: 80px !important; }

.pt-0 { padding-top: 0px !important;  } .pb-0 { padding-bottom: 0px !important;  } .pl-0 { padding-left: 0px !important;  } .pr-0 { padding-right: 0px !important;  } .p-0 { padding: 0px !important;  }
.pt-5 { padding-top: 5px !important;  } .pb-5 { padding-bottom: 5px !important;  } .pl-5 { padding-left: 5px !important;  } .pr-5 { padding-right: 5px !important;  } .p-5 { padding: 5px !important;  }
.pt-10{ padding-top: 10px !important; } .pb-10{ padding-bottom: 10px !important; } .pl-10{ padding-left: 10px !important; } .pr-10{ padding-right: 10px !important; } .p-10{ padding: 10px !important; }
.pt-15{ padding-top: 15px !important; } .pb-15{ padding-bottom: 15px !important; } .pl-15{ padding-left: 15px !important; } .pr-15{ padding-right: 15px !important; } .p-15{ padding: 15px !important; }
.pt-20{ padding-top: 20px !important; } .pb-20{ padding-bottom: 20px !important; } .pl-20{ padding-left: 20px !important; } .pr-20{ padding-right: 20px !important; } .p-20{ padding: 20px !important; }
.pt-30{ padding-top: 30px !important; } .pb-30{ padding-bottom: 30px !important; } .pl-30{ padding-left: 30px !important; } .pr-30{ padding-right: 30px !important; } .p-30{ padding: 30px !important; }
.pt-40{ padding-top: 40px !important; } .pb-40{ padding-bottom: 40px !important; } .pl-40{ padding-left: 40px !important; } .pr-40{ padding-right: 40px !important; } .p-40{ padding: 40px !important; }
.pt-50{ padding-top: 50px !important; } .pb-50{ padding-bottom: 50px !important; } .pl-50{ padding-left: 50px !important; } .pr-50{ padding-right: 50px !important; } .p-50{ padding: 50px !important; }
.pt-80{ padding-top: 80px !important; } .pb-80{ padding-bottom: 80px !important; } .pl-80{ padding-left: 80px !important; } .pr-80{ padding-right: 80px !important; } .p-80{ padding: 80px !important; }

.pull-left { float: left !important; } 
.pull-right{ float: right !important; }

.block{display: block !important;} 
.inline-block{display: inline-block !important;} 
.none{display: none !important;}

.border-box{ -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; }
.content-box{ -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; }

.pos-r{position: relative !important;} 
.pos-a{position: absolute !important;} 
.pos-f{position: fixed !important;} 
.pos-s{position: static !important;}

.cursor-pointer{cursor: pointer !important;} 
.cursor-move{cursor: move !important;}

.of-hidden{overflow: hidden !important;}
.va-middle{vertical-align: middle !important;}

.text-c{ text-align: center !important; } 
.text-l{ text-align: left !important; } 
.text-r{ text-align: right !important; } 
.text-j{ text-align: justify !important; }

.tt-upper{text-transform: uppercase !important;} 
.tt-lower{text-transform: lowercase !important;} 
.tt-none{text-transform: none !important;}

.fs-italic{font-style: italic !important;}
.fs-normal{font-style: normal !important;}

.fw-900{ font-weight: 900 !important; } 
.fw-800{ font-weight: 800 !important; } 
.fw-700{ font-weight: 700 !important; }
.fw-600{ font-weight: 600 !important; } 
.fw-500{ font-weight: 500 !important; } 
.fw-400{ font-weight: 400 !important; }
.fw-300{ font-weight: 300 !important; } 
.fw-200{ font-weight: 200 !important; } 
.fw-100{ font-weight: 100 !important; }

.fz-10{ font-size: 10px !important; } 
.fz-11{ font-size: 11px !important; } 
.fz-12{ font-size: 12px !important; } 
.fz-13{ font-size: 13px !important; }
.fz-14{ font-size: 14px !important; } 
.fz-15{ font-size: 15px !important; } 
.fz-16{ font-size: 16px !important; } 
.fz-17{ font-size: 17px !important; }
.fz-18{ font-size: 18px !important; } 
.fz-19{ font-size: 19px !important; } 
.fz-20{ font-size: 20px !important; }