/* helpers 
----------------------------------------------------------------------------------------------------*/
.h {display:none}
.nowrap {white-space:nowrap}
.o-h {overflow:hidden}
.p-r {position:relative}

.d-n {display:none}

.w-20px  {width:20px !important;}
.w-30px  {width:30px !important;}
.w-40px  {width:40px !important;}
.w-50px  {width:50px !important;}
.w-60px  {width:60px !important;}
.w-100px {width:100px !important;}
.w-120px {width:120px !important;}
.w-150px {width:150px !important;}
.w-190px {width:190px !important;}
.w-200px {width:200px !important;}
.w-250px {width:250px !important;}
.w-300px {width:300px !important;}
.w-320px {width:320px !important;}
.w-350px {width:350px !important;}
.w-400px {width:400px !important;}
.w-450px {width:450px !important;}
.w-600px {width:600px !important;}

.w-25pr  {width:25% !important;}
.w-33pr  {width:33% !important;}
.w-50pr  {width:50% !important;}
.w-66pr  {width:66% !important;}
.w-75pr  {width:75% !important;}
.w-100pr {width:99% !important; padding-left:0 !important; padding-right:0 !important;}
.w-100pr textarea {padding:3px; border:none; width:99%;} /* WTF ??? */

.w-auto {width:auto !important;}

.mt-0  {margin-top:0}
.mt-sm {margin-top:15px}
.mt-lg {margin-top:30px}
.mb-0  {margin-bottom:0}
.mb-sm {margin-bottom:15px}
.mb-lg {margin-bottom:30px}
.ml-0  {margin-left:0}
.ml-sm {margin-left:15px}
.ml-lg {margin-left:30px}
.mr-0  {margin-right:0}
.mr-sm {margin-right:15px}
.mr-lg {margin-right:30px}
.m-sm {margin:15px}
.m-lg {margin:30px}

.pt-0  {margin-top:0}
.pt-sm {margin-top:15px}
.pt-lg {margin-top:30px}
.pb-0  {margin-bottom:0}
.pb-sm {margin-bottom:15px}
.pb-lg {margin-bottom:30px}
.pl-0  {margin-left:0}
.pl-sm {margin-left:15px}
.pl-lg {margin-left:30px}
.pr-0  {margin-right:0}
.pr-sm {margin-right:15px}
.pr-lg {margin-right:30px}
.p-sm {padding:15px}
.p-lg {padding:30px}

.fl-l {float:left;}
.fl-r {float:right;}
.fl-c {float:none; margin-left: auto; margin-right:auto; text-align:center}

.ta-l {text-align:left}
.ta-r {text-align:right}