/* WIDTH - PERCENTAGE */

.w-1 { width: 1% !important; }
.w-2 { width: 2% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-33 { width: 33% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-49 { width: 49% !important; }
.w-50 { width: 50% !important; }
.w-60 { width: 60% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-90 { width: 90% !important; }
.w-100 { width: 100% !important; }

/* MAX WIDTH */

.mw-1280px { max-width: 1280px; }

/* FONT COLOR */

.c-white { color: #ffffff !important; }
.c-gray { color: #666666 !important; }
.c-gray333 { color: #333333 !important; }
.c-gray-lt { color: #999999 !important; }
.c-gray-lt2 { color: #cccccc !important; }
.c-red { color: #951717 !important; }
.c-blue { color: #0c7ca2 !important; }

/* HEIGHT */

.h-a { height: auto !important; }

/* VIEWPORT HEIGHT - FOR RESTRICTING MODALS TO THE CONFINES OF THE DEVICE VIEWPORT */

.vh-70 { max-height: 70vh !important; }
.vh-80 { max-height: 80vh !important; }
.vh-90 { max-height: 90vh !important; }

/* LINE HEIGHTS */

.lh-a { line-height: auto !important; }
.lh-20 { line-height: 20px !important; }
.lh-24 { line-height: 24px !important; }
.lh-30 { line-height: 30px !important; }
.lh-40 { line-height: 40px !important; }
.lh-50 { line-height: 50px !important; }
.lh-60 { line-height: 60px !important; }
.lh-80per { line-height: 80% !important; }
.lh-90per { line-height: 90% !important; }
.lh-100per { line-height: 100% !important; }
.lh-120per { line-height: 120% !important; }

/* FLOATS */

.fl-n { float: none !important; }
.fl-l { float: left !important; }
.fl-r { float: right !important; }

/* DISPLAYS */

.d-n { display: none !important; }
.d-b { display: block !important; }
.d-i { display: inline !important; }
.d-ib { display: inline-block !important; }
.d-tb { display: table !important; }
.d-tbc { display: table-cell !important; }

/* VISIBILITY */

.v-h { visibility: hidden !important; }

/* POSITIONING */

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

/* BACKGROUND COLORS */

.bgc-yellow-drk { background-color: #e9ae27 !important; }
.bgc-yellow-lt {}
.bgc-gray100 { background-color: #222222; }
.bgc-gray80 { background-color: #4e4e4e; }
.bgc-gray60 { background-color: #7a7a7a; }
.bgc-gray40 { background-color: #a7a7a7; }
.bgc-gray999 { background-color: #999999 !important; }
.bgc-gray888 { background-color: #888888 !important; }
.bgc-gray666 { background-color: #666666 !important; }
.bgc-gray333 { background-color: #333333 !important; }
.bgc-gray222 { background-color: #222222 !important; }
.bgc-white { background-color: #ffffff; }
.bgc-black { background-color: #000000; }
.bgc-content { background-color: #e5e5e5 !important; }

.bgi-noise { background-image: url('../images/structure/noise-texture.png'); }

/* FONT SIZES */

.fz-0 { font-size: 0.6875em !important; }		/* DISCLAIMERS */
.fz-1 { font-size: 0.75em !important; }		/* SMALL TEXT */
.fz-2 { font-size: 0.875em !important; }		/* BODY COPY */
.fz-3 { font-size: 1em !important; }			/* BASE FONT SIZE */
.fz-4 { font-size: 1.25em !important; }		/* SUB HEADINGS */
.fz-5 { font-size: 1.625em !important; }		/* SECTION HEADERS */
.fz-6 { font-size: 1.75em !important; }		/* OBNOXIOUSLY LARGE TYPE */
.fz-7 { font-size: 2.00em !important; }		/* FOR LARGE ICONS */
.fz-8 { font-size: 2.50em !important; }

/* FONT COLORS */

.c-gray,
.c-gray333 { color: #333333 !important; }
.c-gray666 { color: #666666 !important; }
.c-gray999 { color: #999999 !important; }

/* FONT FAMILIES */

.ff-pn-ss { font-family: "proxima-nova",sans-serif !important; }
.ff-a-ss { font-family: arial, sans-serif !important; }

/* FONT WEIGHT */

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


/* FONT STYLES */

.fs-n { font-style: normal !important; }
.fs-i { font-style: italic !important; }
.fs-o { font-style: oblique !important; }

/* TEXT DECORATION */

.td-u { text-decoration: underline !important; }
.td-n { text-decoration: none !important; }
.td-o { text-decoration: overline !important; }
.td-l { text-decoration: line-through !important; }

/*  WORD WRAP */

.ww-n { word-wrap: normal !important; }
.ww-bw { word-wrap: break-word !important; }
.wb-ba { word-break: break-all !important; }

/* LETTER SPACING */

.ls-1px { letter-spacing: 1px !important; }

/* BORDER RADIUS - ROUNDED CORNERS */

.br-0 { border-radius: 0 !important; }
.br-2px { border-radius: 2px !important; }
.br-3px { border-radius: 2px !important; }
.br-5px { border-radius: 5px !important; }

/* BORDERS */

.bdb-2px-white { border-bottom: 2px solid #ffffff; }
.bdr-2px-gray999 { border-right: 2px solid #999999; }
.bdl-2px-gray999 { border-left: 2px solid #999999; }
.bdb-1px-white { border-bottom: 1px solid #ffffff; }
.bdb-0 { border-bottom: none !important; }
.bdt-0 { border-top: none !important; }
.bdl-0 { border-left: none !important; }
.bdr-0 { border-right: none !important; }

/* TEXT ALIGN */

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

/* PADDING */

.pr-0 { padding-right: 0px !important; }

/* MARGIN */

.mr-0 { margin-left: 0px !important; }
.ml-5px { margin-left: 5px !important; }
.ml-8px { margin-left: 8px !important; }
.ml-10px { margin-left: 10px !important; }
.ml-20px { margin-left: 20px !important; }
.ml-1per { margin-left: 1% !important; }
.ml-3per { margin-left: 3% !important; }
.ml-5per { margin-left: 5% !important; }
.ml-8per { margin-left: 8% !important; }

.m-a { margin: 0 auto !important; }
.mr-0 { margin-right: 0px !important; }
.mr-5px { margin-right: 5px !important; }
.mr-8px { margin-right: 8px !important; }
.mr-10px { margin-right: 10px !important; }
.mr-20px { margin-right: 20px !important; }
.mr-1per { margin-right: 1% !important; }
.mr-3per { margin-right: 3% !important; }
.mr-5per { margin-right: 5% !important; }
.mr-8per { margin-right: 8% !important; }

.mt-0 { margin-top: 0px !important; }
.mt-5px { margin-top: 5px; }
.mt-10px { margin-top: 10px; }
.mt-20px { margin-top: 20px; }

.mb-0 { margin-bottom: 0px !important; }
.mb-5px { margin-bottom: 5px !important; }
.mb-10px { margin-bottom: 10px !important; }
.mb-20px { margin-bottom: 20px !important; }
.mb-40px { margin-bottom: 40px !important; }

/* PADDING */

.p0 { padding: 0 !important; }

.pb-0 { padding-bottom: 0px !important; }
.pl-0 { padding-left: 0px !important; }
.pr-0 { padding-right: 0px !important; }
.pt-0 { padding-top: 0px !important; }

.ph-0 { padding-left: 0px !important; padding-right: 0px !important; }
.pl-2per { padding-left: 2%; }
.ph-2per { padding-left: 2%; padding-right: 2%; }

.pv-0 { padding-top: 0px; padding-bottom: 0px; }
.pv-20px { padding-top: 20px; padding-bottom: 20px; }
.pv-40px { padding-top: 40px; padding-bottom: 40px !important; }