/*------------------------------ CUSTOM FONT SIZE CSS  ------------------------------*/ 
.BiFont{font-size: 3.2rem; line-height: 1.3;} .GlFont{font-size: 2.5rem; line-height: 1.3;}
.XlFont{font-size: 2.1rem; line-height: 1.3;} .LgFont{font-size: 1.7rem; }
.MdFont{font-size: 1.2rem; } .SmFont{font-size: 1.05rem;} .XsFont{font-size: 0.75rem; }

@media screen and (max-width: 586px){
    .BiFont{font-size: 3rem; } .GlFont{font-size: 2.3rem; }
    .XlFont{font-size: 1.8rem;} .LgFont{font-size: 1.5rem; }
}


/*------------------------------ 2.1 Typography ------------------------------*/ 
html, body { margin: 0; padding: 0; }
html {  font-size: 16px; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { overflow-x: hidden; }
pre, code, input, textarea { font: inherit; }
::-moz-selection { background: #000000; color: #FFFFFF; }
::selection { background: #000000; color: #FFFFFF; }

@media (max-width: 991px) { html { font-size: 15px; } }
@media (max-width: 767px) { html { font-size: 14px; } }

/*------------------------------ 2.2 Links ------------------------------*/ 
a { text-decoration: none; outline: none; }
a:hover {  text-decoration: underline; }
a:active, a:focus, a:hover { outline: none; }

/*------------------------------ 2.3 Heading ------------------------------*/ 
h1, h2, h3, h4, h5, h6 { clear: both; margin-bottom: 0.9rem; margin-top: 0; font-family: 'Helveticas'; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 { line-height: 1.3; font-size: 2rem;}
h1 span { font-weight: bold; }
h2 { line-height: 1.2; font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.06rem; margin-bottom: 0.75rem; }
h5 { text-transform: uppercase; font-size: 0.93rem; }
h6 { text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; }

@media (min-width: 768px) { /* Medium devices (tablets, 768px and up) */
    h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } 
}

/*------------------------------ 2.4 Base ------------------------------*/ 
ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr { margin-bottom: 15px; margin-bottom: 0.9375rem; margin-top: 0; }

/*------------------------------ 2.5 Content ------------------------------*/ 
img { height: auto; vertical-align: middle; }
b, strong { font-weight: bold; }
blockquote { clear: both; margin: 20px 0; }
blockquote p { font-style: italic; }
blockquote cite { font-style: normal; margin-bottom: 20px; font-size: 13px; }
dfn, cite, em, i { font-style: italic; }
figure { margin: 0; }
address { margin: 20px 0; }
hr { border: 0; border-top: 1px solid #e9e9e9; height: 1px; margin-bottom: 20px; }
pre { overflow: auto; white-space: pre-wrap; max-width: 100%; line-height: 1.7; margin: 20px 0; padding: 20px; }
details summary { font-weight: bold; margin-bottom: 20px; }
details :focus { outline: none; }
abbr, acronym, dfn { cursor: help; font-size: .95em; text-transform: uppercase; border-bottom: 1px dotted #e9e9e9; letter-spacing: 1px; }
mark { background-color: #fff9c0; text-decoration: none; }
small { font-size: 82%; }
big { font-size: 125%; }
ul, ol { padding-left: 20px; }
ul { list-style: disc; }
ol { list-style: decimal; }
ul li, ol li { margin: 8px 0; }
dt { font-weight: bold; }
dd { margin: 0 20px 20px; }

/*------------------------------ 2.6 Table ------------------------------*/ 
table { width: 100%; margin-bottom: 20px; border: 1px solid #e9e9e9; border-collapse: collapse; border-spacing: 0; }
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { border: 1px solid #e9e9e9; line-height: 1.42857; padding: 5px; vertical-align: middle; text-align: center; }
table > thead > tr > th, table > thead > tr > td { border-bottom-width: 2px; }
table th { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }

/*------------------------------ 2.7 Form ------------------------------*/ 
fieldset { padding: 20px; border: 1px solid #e9e9e9; }
input[type="reset"], input[type="submit"], input[type="submit"] { cursor: pointer; background: #0B2A4A; border: none; display: inline-block; color: #FFFFFF; letter-spacing: 1px; text-transform: uppercase; line-height: 1; text-align: center; padding: 15px 23px 15px 23px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; margin: 3px 0; text-decoration: none; font-weight: 600; font-size: 13px; }
input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover { opacity: 0.8; }
input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { cursor: pointer; }
textarea { resize: vertical; }
select { max-width: 100%; overflow: auto; vertical-align: top; outline: none; border: 1px solid #e9e9e9; padding: 10px; }
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { padding: 10px; max-width: 100%; border: 0px; font-size: 15px; font-weight: normal; line-height: 22px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;border: 1px solid #CCC; box-sizing: border-box; color: #000000; }
textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; border-color: #EBEBEB; border-bottom: 1px solid #fff !important; background: #f5f9f5; }
button::-moz-focus-inner { border: 0; padding: 0; }
input[type="radio"], input[type="checkbox"] { margin: 0 10px; }