/* #Reset & Basics
================================================== */
* { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; outline: 0; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: middle; }
strong { font-weight: bold; }
em { font-style: italic; }
small, .small { font-size: 0.75em; }

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.5em; margin: 0 0 15px 0; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; margin: 0 0 10px 0; }
h6 { font-size: 1.1em; margin: 0 0 10px 0; }

p { margin: 0; padding-bottom: 20px; line-height: 1.5em; }
p img { margin: 0; }

hr { border-width: 1px 0 0; clear: both; color: #000; margin: 15px 0; opacity: 0.4; }

.centered-text { text-align: center; }

a { transition: all 0.2s linear; }

/* #Lists
================================================== */
ul, ol { margin: 0 0 20px 20px; }
ul { list-style: disc outside; }
ol { list-style: decimal; }

ul li { margin: 0; padding: 5px 0 5px 5px; }

ul.clean { list-style: none; margin: 0; }
ul.clean li { margin: 0; padding: 0; }

/* Base 1038 Grid */

.row { clear: both; display: block; }
.row:after { clear: both; content: ''; display: table; }

.container { max-width: 100%; width: 100%; margin: 0 auto; padding: 0; }
.container:after { clear: both; content: ''; display: table; }

.columns { float: left; display: inline; padding: 0 15px; position: relative; }
.columns:after { clear: both; content: ''; display: table; }

/* Nested Column Classes */
.columns.full { padding: 0; }
.columns img { height: auto; max-width: 100%; }

/* Two Columns */
.two-col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 40px; }

/* Base Grid */
.columns.one                { width: 6.25%; }
.columns.two                { width: 12.5%; }
.columns.three              { width: 18.75%; }
.columns.four               { width: 25%; }
.columns.five               { width: 31.25%; }
.columns.six                { width: 37.5%; }
.columns.seven              { width: 43.75%; }
.columns.eight              { width: 50%; }
.columns.nine               { width: 56.25%; }
.columns.ten                { width: 62.5%; }
.columns.eleven             { width: 68.75%; }
.columns.twelve             { width: 75%; }
.columns.thirteen           { width: 81.25%; }
.columns.fourteen           { width: 87.5%; }
.columns.fifteen            { width: 93.75%; }
.columns.sixteen            { width: 100%; }

.columns.one-third          { width: 33.333%; }
.columns.two-thirds         { width: 66.666%; }

/* Used when we need to use a relative position, but we don't want the padding and margins */
.column-wrapper { height: 100%; margin: 0; padding: 0; position: relative; width: 100%; }
.column-wrapper:after { clear: both; content: ''; display: table; }

/* #Clearing
================================================== */
.clear { clear: both; display: block; }
.selfclear:after { clear: both; content: ''; display: table; }

/* #Forms
================================================== */

/* Rules for the generic form controls */
/* Form Override */

.form-item { clear: both; display: block; float: left; margin: 10px 0; width: 100%; }
.form-item:after { clear: both; content: ''; display: table; }

.form-item .basic-label { display: block; float: left; width: 50%; }
.form-item .req { color: #C6434C; }

.form-item .basic-control { display: block; float: right; padding: 10px; transition: all 0.5s ease; width: 50%; }
.form-item .basic-control:hover, .form-item .basic-control:focus {  }

.form-item.buttons { text-align: right; }

/* Need a separate rule for checkboxes */
.form-item .basic-control[type=checkbox] { display: inline-block; float: left; height: 20px; margin: 0 0 10px 0px; width: 20px; }
.form-item .basic-control[type=checkbox].right { float: right; }
.form-item .check-label { display: inline-block; float: left; width: auto; }

.form-item .basic-control[type=radio] { display: block; float: left; margin: 13px 5px 0 0; }
.form-item .radio-label { display: inline-block; float: left; width: auto; }

/* General Validation */
.general-validation { background-color: #C6434C; color: #FFF; font-size: 0.9em; font-weight: bold; margin: 10px 0; padding: 10px 20px; }
.general-validation .heading { font-size: 1.2em; font-weight: bold; padding-bottom: 10px; }
.general-validation ul { list-style: disc; margin: 0 0 0 30px; }

.general-validation.success { background-color: #339933; color: #FFF; }

/* Form Override */

/* #Misc
================================================== */

.right { float: right; }
.left { float: left; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.block { display: block; }
.inlineblock { display: inline-block; }

.relative { position: relative; }
.absolute { position: absolute; }

.m5 { margin: 5px!important; } .mt5 { margin-top: 5px!important; } .mr5 { margin-right: 5px!important; } .mb5 { margin-bottom: 5px!important; } .ml5 { margin-left: 5px!important; }
.m10 { margin: 10px!important; } .mt10 { margin-top: 10px!important; } .mr10 { margin-right: 10px!important; } .mb10 { margin-bottom: 10px!important; } .ml10 { margin-left: 10px!important; }
.m15 { margin: 15px!important; } .mt15 { margin-top: 15px!important; } .mr15 { margin-right: 15px!important; } .mb15 { margin-bottom: 15px!important; } .ml15 { margin-left: 15px!important; }
.m20 { margin: 20px!important; } .mt20 { margin-top: 20px!important; } .mr20 { margin-right: 20px!important; } .mb20 { margin-bottom: 20px!important; } .ml20 { margin-left: 20px!important; }
.m25 { margin: 25px!important; } .mt25 { margin-top: 25px!important; } .mr25 { margin-right: 25px!important; } .mb25 { margin-bottom: 25px!important; } .ml25 { margin-left: 25px!important; }
.m30 { margin: 30px!important; } .mt30 { margin-top: 30px!important; } .mr30 { margin-right: 30px!important; } .mb30 { margin-bottom: 30px!important; } .ml30 { margin-left: 30px!important; }
.m35 { margin: 35px!important; } .mt35 { margin-top: 35px!important; } .mr35 { margin-right: 35px!important; } .mb35 { margin-bottom: 35px!important; } .ml35 { margin-left: 35px!important; }
.m40 { margin: 40px!important; } .mt40 { margin-top: 40px!important; } .mr40 { margin-right: 40px!important; } .mb40 { margin-bottom: 40px!important; } .ml40 { margin-left: 40px!important; }
.m50 { margin: 50px!important; } .mt50 { margin-top: 50px!important; } .mr50 { margin-right: 50px!important; } .mb50 { margin-bottom: 50px!important; } .ml50 { margin-left: 50px!important; }
.m60 { margin: 60px!important; } .mt60 { margin-top: 60px!important; } .mr60 { margin-right: 60px!important; } .mb60 { margin-bottom: 60px!important; } .ml60 { margin-left: 60px!important; }
.m70 { margin: 70px!important; } .mt70 { margin-top: 70px!important; } .mr70 { margin-right: 70px!important; } .mb70 { margin-bottom: 70px!important; } .ml70 { margin-left: 70px!important; }
.m80 { margin: 80px!important; } .mt80 { margin-top: 80px!important; } .mr80 { margin-right: 80px!important; } .mb80 { margin-bottom: 80px!important; } .ml80 { margin-left: 80px!important; }
.m90 { margin: 90px!important; } .mt90 { margin-top: 90px!important; } .mr90 { margin-right: 90px!important; } .mb90 { margin-bottom: 90px!important; } .ml90 { margin-left: 90px!important; }

.p5 { padding: 5px!important; } .pt5 { padding-top: 5px!important; } .pr5 { padding-right: 5px!important; } .pb5 { padding-bottom: 5px!important; } .pl5 { padding-left: 5px!important; }
.p10 { padding: 10px!important; } .pt10 { padding-top: 10px!important; } .pr10 { padding-right: 10px!important; } .pb10 { padding-bottom: 10px!important; } .pl10 { padding-left: 10px!important; }
.p15 { padding: 15px!important; } .pt15 { padding-top: 15px!important; } .pr15 { padding-right: 15px!important; } .pb15 { padding-bottom: 15px!important; } .pl15 { padding-left: 15px!important; }
.p20 { padding: 20px!important; } .pt20 { padding-top: 20px!important; } .pr20 { padding-right: 20px!important; } .pb20 { padding-bottom: 20px!important; } .pl20 { padding-left: 20px!important; }
.p25 { padding: 25px!important; } .pt25 { padding-top: 25px!important; } .pr25 { padding-right: 25px!important; } .pb25 { padding-bottom: 25px!important; } .pl25 { padding-left: 25px!important; }
.p30 { padding: 30px!important; } .pt30 { padding-top: 30px!important; } .pr30 { padding-right: 30px!important; } .pb30 { padding-bottom: 30px!important; } .pl30 { padding-left: 30px!important; }
.p35 { padding: 35px!important; } .pt35 { padding-top: 35px!important; } .pr35 { padding-right: 35px!important; } .pb35 { padding-bottom: 35px!important; } .pl35 { padding-left: 35px!important; }
.p40 { padding: 40px!important; } .pt40 { padding-top: 40px!important; } .pr40 { padding-right: 40px!important; } .pb40 { padding-bottom: 40px!important; } .pl40 { padding-left: 40px!important; }
.p50 { padding: 50px!important; } .pt50 { padding-top: 50px!important; } .pr50 { padding-right: 50px!important; } .pb50 { padding-bottom: 50px!important; } .pl50 { padding-left: 50px!important; }
.p60 { padding: 60px!important; } .pt60 { padding-top: 60px!important; } .pr60 { padding-right: 60px!important; } .pb60 { padding-bottom: 60px!important; } .pl60 { padding-left: 60px!important; }
.p70 { padding: 70px!important; } .pt70 { padding-top: 70px!important; } .pr70 { padding-right: 70px!important; } .pb70 { padding-bottom: 70px!important; } .pl70 { padding-left: 70px!important; }
.p80 { padding: 80px!important; } .pt80 { padding-top: 80px!important; } .pr80 { padding-right: 80px!important; } .pb80 { padding-bottom: 80px!important; } .pl80 { padding-left: 80px!important; }
.p90 { padding: 90px!important; } .pt90 { padding-top: 90px!important; } .pr90 { padding-right: 90px!important; } .pb90 { padding-bottom: 90px!important; } .pl90 { padding-left: 90px!important; }