/* Width */
.w-100 {
    width: 100%;
}
.m-w-100 { max-width: 100px;}
.m-w-200 { max-width: 200px;}
.m-w-250 { max-width: 250px;}
.m-w-300 { max-width: 300px;}
.m-w-400 { max-width: 400px;}

/* Text-Style */
.text-white {
    color: #fff !important;
}
.text-gold {
    color: #dac389 !important;
 }
.text-blue {
    color: #59d1ff !important;
}
.f-bold {
    font-weight: bold;
}
.l-s-1 { letter-spacing: 1px !important;}
.l-s-2 { letter-spacing: 2px !important;}
.l-s-3 { letter-spacing: 3px !important;}
.l-s-4 { letter-spacing: 4px !important;}
.l-s-5 { letter-spacing: 5px !important;}
.l-s-8 { letter-spacing: 8px !important;}
.l-s-10 { letter-spacing: 10px !important;}

/* Font Size */
.f-10 { font-size:10px !important; }
.f-11 { font-size:11px !important; }
.f-12 { font-size:12px !important; }
.f-13 { font-size:13px !important; }
.f-14 { font-size:14px !important; }
.f-15 { font-size:15px !important; }
.f-16 { font-size:16px !important; }
.f-20 { font-size:20px !important; }
.f-30 { font-size:30px !important; }
.f-50 { font-size:50px !important; }
.f-55 { font-size:55px !important; }
.f-60 { font-size:60px !important; }
.f-70 { font-size:70px !important; }
.f-75 { font-size:75px !important; }
.f-80 { font-size:80px !important; }
.f-85 { font-size:85px !important; }

/* Position */
.p-relative { position: relative; }
.p-absolute { position: absolute; }

/* Background */
.bg-none { background: none !important; }

/* Overflow + Text */
.o-hidden { overflow: hidden; }
.o-visible { overflow: visible; }
.o-auto { overflow: auto; }
.t-overflow { width: 97%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }

/* Line height */
.l-100 { line-height: 100%; }

/* Display */
.d-block { display: block; }
.d-inline-block { display: inline-block; }

/* Shadow */
.t-s-0 { text-shadow: none !important; }
.t-s-1 { text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;}

.b-s-0 { box-shadow: none; }

/* Border */
.b-0 { border: 0; }
.b-t-1 { border-top: 1px solid rgba(0,0,0,0.1);}
.b-l-1 { border-left: 1px solid rgba(0,0,0,0.1);}
.b-r-1 { border-right: 1px solid rgba(0,0,0,0.1);}

/* Paddings */
.p-0 { padding: 0 !important; }
.p-3 { padding: 3px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }

.p-t-0 { padding-top: 0 !important; }
.p-t-3 { padding-top: 3px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-8 { padding-top: 8px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-t-50 { padding-top: 50px !important; }

.p-b-0 { padding-bottom: 0 !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }

.p-l-0 { padding-left: 0 !important; }
.p-l-3 { padding-left: 3px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-40 { padding-left: 40px !important; }
.p-l-50 { padding-left: 50px !important; }

.p-r-0 { padding-right: 0 !important; }
.p-r-3 { padding-right: 3px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }

/* Margin */
.m-center { margin:0 auto; }
.m-0 { margin: 0 !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }

.m-t-0 { margin-top: 0 !important; }
.m-t-3 { margin-top: 3px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-6 { margin-top: 6px !important; }
.m-t-8 { margin-top: 8px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-36 { margin-top: 36px !important; }
.m-t-38 { margin-top: 38px !important; }
.m-t-39 { margin-top: 39px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-60 { margin-top: 60px !important; }
.m-t-70 { margin-top: 70px !important; }
.m-t-80 { margin-top: 80px !important; }
.m-t-90 { margin-top: 90px !important; }
.m-t-100 { margin-top: 100px !important; }

.m-b-0 { margin-bottom: 0 !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-39 { margin-bottom: 39px !important; }
.m-b-40 { margin-bottom: 40px !important; }
.m-b-45 { margin-bottom: 45px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-100 { margin-bottom: 100px !important; }

.m-l-0 { margin-left: 0 !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }

.m-r-0 { margin-right: 0 !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }


