/*=HASHGRID
------------------------------------------------*/
/** Grid */
#grid { /* Dimensions - same width as your grid with gutters */ width: 980px; z-index: 9999; /* Grid (left-aligned)
position: absolute;
top: 0;
left: 0;
*/ /* Grid (centered) */ position: absolute; top: 0; left: 50%; margin-left: -490px; }

/** Vertical grid lines  Set the column width taking the borders into consideration, and use margins to set column gutters. */
#grid div.vert { width: 60px; border: solid darkturquoise; border-width: 0 1px; margin-right: 20px; }

#grid div.vert.first-line { margin-left: 19px; }

/** Horizontal grid lines, defined by your base line height  Remember, the CSS properties that define the box model: visible height = height + borders + margins + padding */
#grid div.horiz { /* 24px line height */ height: 7px; border-bottom: 1px dotted #FF9999; margin: 0; padding: 0; }

#grid div.horiz:nth-child(3n+3) { border-bottom: 1px solid #FF9999; }

body { width: 100%; *zoom: 1; }
body:before, body:after { content: ""; display: table; }
body:after { clear: both; }

/*=VARIABLES - GRID
------------------------------------------------*/
/*=VARIABLES - COLORS
------------------------------------------------*/
/*=VARIABLES - FONTS
------------------------------------------------*/
/*FUNCTIONS
------------------------------------------------*/
/*=MIXINS 
------------------------------------------------*/
/* 

RESET STYLES

Based on Meyer Reset, HTML5 Boilerplate, Normalize.css and more

Updated: 1/3/12

*/
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, font, 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, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; -webkit-backface-visibility: hidden; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

nav ul { list-style: none; }

select, input, button, textarea { font-size: 99%; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* Prevents sub and sup affecting line-height in all browsers */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

a { background: transparent; cursor: pointer; margin: 0; padding: 0; vertical-align: baseline; }

/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers */
a:hover, a:active { outline: 0; }

ins { text-decoration: none; }

mark { font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

pre, code, kbd, samp, tt { font-family: monospace; _font-family: 'courier new', monospace; *font-size: 108%; line-height: 100%; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

table { border-collapse: collapse; border-spacing: 0; }

hr { border: 0; display: block; height: 1px; margin: 0; padding: 0; }

input, select { vertical-align: middle; }

/* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3  3. Corrects alignment displayed oddly in IE6/7 */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure { margin: 0; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 */
[hidden] { display: none; }

/* RESET STYLES FOR INPUTS WITH TYPE=SEARCH */
input[type=search] { -moz-appearance: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

/* Removes inner padding and search cancel button in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* CLEAR EXTRA PADDING IN FIREFOX */
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }

/* Improve image quality when scaled in IE7 / Remove the gap between images and borders on image containers: h5bp.com/i/440 */
img { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; vertical-align: middle; }

/* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input { line-height: normal; }

/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }

input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Remove default vertical scrollbar in IE6/7/8/9 2. Allow only vertical resizing */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Remove most spacing between table cells */
table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

/* CLEAR */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }

.ie6 .clearfix, .ie7 .clearfix { height: 1%; }

/* REMOVES DEFAULT APPEARANCE FROM INPUTS */
input { border: 0; outline: 0; padding: 0; -webkit-appearance: none; border-radius: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(Content/js/boxsizing.htc); }

.hide, .toggle { display: none; }

.toggle.show { display: block; }

.hide-on-mobile { display: none; }
@media screen and (min-width: 48em) { .hide-on-mobile { display: block; } }

@media screen and (min-width: 60em) { .hide-on-desktop { display: none; } }
@media screen and (min-width: 48em) { .hide-on-tablet { display: none; } }
.show-on-tablet { display: none; }
@media screen and (min-width: 48em) { .show-on-tablet { display: block; } }

.show-on-desktop { display: none; }
@media screen and (min-width: 60em) { .show-on-desktop { display: block; } }

@media screen and (min-width: 48em) { .hide-on-mobile { display: block; } }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.no-js { display: block; }

body { color: #555555; font-family: 'Lato', sans-serif; font-size: 16px; line-height: 24px; text-rendering: optimizeLegibility; }
body:after { content: 'small'; display: none; }
@media screen and (min-width: 48em) { body:after { content: 'medium'; display: none; } }
@media screen and (min-width: 60em) { body:after { content: 'large'; display: none; } }

/* Default transitions */
a, .lister a, .nav-secondary a, .nav-tertiary a { -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.215s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }

/* Default border radius */
.btn, .nav-secondary, .nav-secondary a, .nav-tertiary { -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

/* Clearfixes */
.clear, .cf { *zoom: 1; }
.clear:before, .clear:after, .cf:before, .cf:after { content: ""; display: table; }
.clear:after, .cf:after { clear: both; }

.wrapper, .content, .lister li, .lister-definitions, .nav-primary, .nav-primary ul, .nav-tertiary, .nav-tertiary ul, .panel, .rslides, .rslides_tabs, .row { *zoom: 1; }
.wrapper:before, .wrapper:after, .content:before, .content:after, .lister li:before, .lister li:after, .lister-definitions:before, .lister-definitions:after, .nav-primary:before, .nav-primary:after, .nav-primary ul:before, .nav-primary ul:after, .nav-tertiary:before, .nav-tertiary:after, .nav-tertiary ul:before, .nav-tertiary ul:after, .panel:before, .panel:after, .rslides:before, .rslides:after, .rslides_tabs:before, .rslides_tabs:after, .row:before, .row:after { content: ""; display: table; }
.wrapper:after, .content:after, .lister li:after, .lister-definitions:after, .nav-primary:after, .nav-primary ul:after, .nav-tertiary:after, .nav-tertiary ul:after, .panel:after, .rslides:after, .rslides_tabs:after, .row:after { clear: both; }

@media screen and (min-width: 48em) { .panel-hero, .wrap { *zoom: 1; }
  .panel-hero:before, .panel-hero:after, .wrap:before, .wrap:after { content: ""; display: table; }
  .panel-hero:after, .wrap:after { clear: both; } }
@media screen and (min-width: 60em) { .article, .content, .nav-primary > ul, .panel-search { *zoom: 1; }
  .article:before, .article:after, .content:before, .content:after, .nav-primary > ul:before, .nav-primary > ul:after, .panel-search:before, .panel-search:after { content: ""; display: table; }
  .article:after, .content:after, .nav-primary > ul:after, .panel-search:after { clear: both; } }
.toggle-tray { display: none; }

.panel { background-color: transparent; display: block; margin-bottom: 1em; padding: 1.2em; text-decoration: none; }

.panel-deep { display: block; padding: 1.995em; }

.panel-borders { border: 1px solid #dddddd; }

.panel-desktop { padding: 0; }
@media screen and (min-width: 60em) { .panel-desktop { border: 1px solid #222; padding: 0.99em; } }

.outline { border: 1px solid #ddd; }

.outline-light { border: 1px solid #dddddd; }

.round { -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.js-panel--search, .js-panel--menu { display: none; }
@media screen and (min-width: 48em) { .js-panel--search, .js-panel--menu { display: block !important; } }

@media screen and (max-width: 59.938em) { body { min-width: 20em; position: relative; width: 100%; }
  .masthead .block, .nav-primary .block { position: relative; margin: 0 auto; padding: 0.99em 1.5em; }
  .masthead .block { padding: 3.25em 0 0 0; }
  .close-btn { color: #fff; display: block; opacity: 1; zoom: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .close-btn:focus, .close-btn:hover { opacity: 1; zoom: 1; }
  .nav-btn { display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .nav-btn:hover, .nav-btn:focus { opacity: 1; zoom: 1; }
  .outer-wrap { position: relative; overflow: hidden; width: 100%; }
  .inner-wrap { position: relative; width: 100%; }
  .nav-primary { color: #fff; overflow: hidden; position: relative; width: 100%; z-index: 200; }
  .nav-primary .close-btn { display: none; }
  .nav-primary .block { background: #333333; position: relative; padding: 0.75em 1.25em; z-index: 2; }
  .nav-primary ul { *zoom: 1; display: block; }
  .nav-primary ul:before, .nav-primary ul:after { content: ""; display: table; }
  .nav-primary ul:after { clear: both; }
  .nav-primary li { display: block; }
  .nav-primary li a { display: block; color: #ccc; font-weight: bold; outline: none; }
  .nav-primary li a:focus, .nav-primary li a:hover { color: #fff; background: rgba(255, 255, 255, 0.1); }
  .nav-primary li.is-active a { color: #fff; }
  .masthead { position: relative; z-index: 100; }
  .masthead .nav-btn { -moz-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background: #5298C1; left: 0; position: absolute; top: -0.5em; z-index: 999; width: 38px; text-align: center; }
  .masthead .icon-menu:before { margin-right: 0; }
  .nav-primary { padding-top: 4.5em; position: absolute; top: 0; }
  .nav-primary:not(:target) { z-index: 1; height: 0; }
  .nav-primary:target .close-btn { display: block; }
  .nav-primary .close-btn { position: absolute; top: -3.75em; left: 1.5em; }
  .nav-primary .block { position: relative; padding: 0; }
  .nav-primary li { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .nav-primary li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .nav-primary li a { padding: 1em 4em 1em 1.5em; }
  .js-ready .nav-primary { height: 100%; width: 80%; background: #333333; }
  .js-ready .nav-primary .block { background: transparent; }
  .js-ready .nav-primary .close-btn { display: block; opacity: 0.7; zoom: 1; }
  .js-ready .nav-primary .close-btn:focus, .js-ready .nav-primary .close-btn:hover { opacity: 1; zoom: 1; }
  .js-ready .nav-primary { left: -80%; }
  .js-ready .inner-wrap { left: 0; }
  .js-nav .inner-wrap { left: 80%; }
  .csstransforms3d.csstransitions.js-ready .nav-primary { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
  .csstransforms3d.csstransitions.js-ready .inner-wrap { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
  .csstransforms3d.csstransitions.js-nav .inner-wrap { -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); }
  .csstransforms3d.csstransitions.js-ready .nav-primary .block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(80%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; }
  .csstransforms3d.csstransitions.js-nav .nav-primary .block { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@media screen and (max-width: 59.938em) and (min-width: 48em) { .masthead .block { padding-right: 0; } }

@media screen and (min-width: 60em) { .masthead .nav-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .nav-primary .close-btn { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .nav-primary .block-title { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }
@media screen and (min-width: 48em) { .form .indent { display: block; margin-left: 35%; } }
.form legend { display: block; font-weight: bold; margin: 1em 0; padding: 0.5em 0.8em; width: auto; }
.form ul { margin: 0; list-style: none; }
.form li { border-bottom: 1px solid #eaeaea; display: block; padding: 1em 0; }
.form li:last-child { border-bottom: none; }
.form label { display: block; font-size: 1em; font-weight: 700; }
.form .label-inline { display: inline; margin-right: 0.5em; }
.form input[type="text"], .form input[type="password"], .form input[type="email"], .form input[type="tel"], .form select, .form textarea { border: 2px solid #B0D6EC; color: #666666; font-size: 0.8em; padding: 0.8em; width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
@media screen and (min-width: 48em) { .form input[type="text"], .form input[type="password"], .form input[type="email"], .form input[type="tel"], .form select, .form textarea { display: block; } }
.form input[type="text"], .form input[type="email"], .form input[type="password"], .form input[type="tel"], .form textarea { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form input[type="tel"]:focus, .form textarea:focus { border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form input[type=checkbox] { width: auto; }
.form .error { color: #8a1f03; }
.form input.error { border-color: #8a1f03; color: #444; background-color: #f2dede; }
.form li.border-bottom { border-bottom: 1px solid #eaeaea; }
.form .input-prepend { display: inline-block; vertical-align: middle; white-space: nowrap; }
.form .input-prepend .add-on:first-child, .form .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.form .input-prepend .add-on { color: #666666; display: inline-block; width: auto; height: 37px; min-width: 16px; padding: 0 0.6em; font-weight: 700; line-height: 34px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #eeeeee; border: 1px solid #ccc; margin-right: -1px; }
.form .input-prepend input[type="text"] { display: inline-block; position: relative; margin-bottom: 0; width: auto; height: 37px; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.form .input-prepend input[type="text"].slider-input { width: 60%; }
.form .label-icon { position: relative; padding-left: 3.5em; padding-top: 0.5em; }
.form .label-icon i { position: absolute; left: 0; top: -0.1em; }
.form .radio, .form .checkbox { display: block; font-size: 1em; min-height: 20px; margin-top: 1em; margin-bottom: 1em; padding-left: 1.5em; padding-right: 1.5em; }
.form .radio label, .form .checkbox label { border: 0; display: inline; font-weight: 400; cursor: pointer; }
.form .radio input[type=radio], .form .radio-inline input[type=radio], .form .checkbox input[type=checkbox], .form .checkbox-inline input[type=checkbox] { float: left; margin-left: -1.5em; width: auto; }
.form input[type=radio], .form input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; box-sizing: border-box; padding: 0; }
.form .required { color: #FF0033; }

.form-signup li { border-bottom: none; display: block; padding: 0 0 0.8em 0; }

.masthead { background: url(../images/common/bg-header.jpg) repeat-x 0 0; padding: 1em 0; }
@media screen and (min-width: 48em) { .masthead { border-bottom: 8px solid #123274; } }
@media screen and (min-width: 60em) { .masthead { border-bottom: none; } }

.masthead-panel-colour { background-color: #63B8E8; display: block; height: 3.25em; left: 0; position: absolute; width: 100%; top: 0; z-index: -2; }
@media screen and (min-width: 48em) { .masthead-panel-colour { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

.site-logo { display: block; text-align: center; }
@media screen and (min-width: 48em) { .site-logo { text-align: left; } }

.telephone { color: #EB612D; font-size: 1.6em; line-height: 1.4em; margin-bottom: 0.6em; text-align: center; margin-top: 1em; }
@media screen and (min-width: 48em) { .telephone { margin-top: 2.5em; text-align: left; } }

.tagline { margin-top: 1.4em; color: #666666; font-size: 0.9em; line-height: 1em; }
@media screen and (min-width: 60em) { .tagline { font-size: 1em; } }
.tagline span { color: #999999; display: block; font-style: italic; font-weight: 400; margin: 0.3em 0 0 0; }

.nav { list-style-type: none; margin: 0; }
.nav ul, .nav ol { list-style-type: none; margin: 0; }
.nav a { text-decoration: none; }

@media screen and (min-width: 60em) { .nav-primary { background: #123274; overflow: visible; margin: 0 auto 0 auto; width: 100%; }
  .nav-primary .block { overflow: visible; }
  .nav-primary .block > ul { margin: 0 auto; padding: 0; position: relative; float: left; }
  .nav-primary .block > ul > li { border-right: 1px solid #3C4C6D; float: left; margin: 0; padding: 0; position: relative; width: auto; }
  .nav-primary .block > ul > li > a { border-bottom: none; color: #ffffff; display: block; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.95em; padding: 0.8em 0.4em 0.8em 0.4em; text-align: center; }
  .nav-primary .block > ul > li.active { background: #64B8E7; font-weight: 700; }
  .nav-primary .block > ul > li:last-child > a { background-image: none; }
  .nav-primary .block > ul > li > a:hover, .nav-primary .block > ul > li:hover > a { color: #69C4F8; } }

@media screen and (min-width: 66em) { .nav-primary .block > ul > li > a { font-size: 1em; padding: 0.8em 0.6em 0.8em 0.6em; } }

.nav-primary ul ul { background: #282828; display: none; }
.nav-primary ul li .helper { display: none; }
@media screen and (min-width: 60em) { .nav-primary ul li.submenu:hover { background: #64B8E7; }
  .nav-primary ul li.submenu:hover a.active { color: #ffffff; }
  .nav-primary ul li.submenu:hover > a { color: #ffffff; }
  .nav-primary ul li:hover ul { display: block; }
  .nav-primary ul ul { background-color: #64B8E7; border-top: none; display: none; height: auto; left: 0px; padding: 0.9em; position: absolute; top: 46px; z-index: 99999; -webkit-box-shadow: 0px 4px 4px -2px #666666; box-shadow: 0px 4px 4px -2px #666666; }
  .nav-primary ul .last ul { left: auto; right: 0; }
  .nav-primary ul ul li { background: none; border: none; display: block; float: none; padding: 0 0 0.5em 0; width: 250px; font-size: 0.9em; font-weight: 700; }
  .nav-primary ul ul li:hover { background: none; color: #ffffff; }
  .nav-primary ul ul li a { background: none; color: #ffffff; display: block; }
  .nav-primary ul ul li:last-child a { border-bottom: none; }
  .nav-primary ul ul li a:hover { color: #666666; text-decoration: none; } }

.expander { background: transparent; color: #666666; display: block; width: 20%; padding: 0.99em 1.5em; position: absolute; z-index: 1000; right: 0; top: 0; cursor: pointer; }
@media screen and (min-width: 60em) { .expander { display: none; } }

.nav-secondary { margin: 0 0 2em 0; }
.nav-secondary li { border-bottom: 1px solid #eaeaea; display: block; font-size: 1em; font-weight: 700; padding: 0.5em 0; position: relative; }
.nav-secondary .active { color: #123274; font-weight: 700; }
.nav-secondary i { color: #cccccc; font-size: 1em; right: 0; position: absolute; }
.nav-secondary i:hover { color: #538CAD; }
.nav-secondary ul { margin: 0 0 0 0; }
.nav-secondary ul li { border-bottom: none; font-weight: 400; font-size: 0.95em; margin-left: 0.8em; padding: 0.2em 0; }
.nav-secondary ul li ul { margin: 0 0 0.5em 0; }
.nav-secondary ul li ul li { margin-left: 1em; padding: 0; }

.js-toggle:hover { cursor: pointer; }

.utility-link { cursor: pointer; height: 3em; position: absolute; top: -0.5em; right: 0; text-align: center; width: 3.25em; z-index: 999; }
@media screen and (min-width: 48em) { .utility-link { display: none; } }

.nav-activity { position: absolute; right: 0; bottom: 0; z-index: 999999; }

.nav-breadcrumbs { display: none; }
@media screen and (min-width: 48em) { .nav-breadcrumbs { color: #999; display: block; font-size: 0.85em; font-style: italic; margin: 0 0 1em 0; padding: 0 0 0.5em 0; }
  .nav-breadcrumbs li { display: inline-block; padding: 0 0.3em 0 0; }
  .nav-breadcrumbs a:after { content: '/'; color: #cccccc; padding: 0 0 0 0.5em; } }

@media screen and (min-width: 48em) { .nav-utility { position: absolute; right: 1.38889%; top: 0; } }
.nav-utility ul { padding: 0 0.75em 0 0.75em; margin-bottom: 1em; }
@media screen and (min-width: 48em) { .nav-utility ul { margin-bottom: 0; padding: 0; float: right; } }
.nav-utility li { border-bottom: 1px dotted #ddd; display: block; }
@media screen and (min-width: 48em) { .nav-utility li { display: inline-block; border-bottom: none; } }
.nav-utility ul a { color: #3379B8; display: block; padding: 0.99em 0; }
@media screen and (min-width: 48em) { .nav-utility ul a { font-size: 0.9em; padding: 0 1.25em 0 0; } }
.nav-utility ul a:hover { color: #3C91DF; }
.nav-utility ul a.social { padding: 0.99em 0; }
@media screen and (min-width: 48em) { .nav-utility ul a.social { padding: 0 0 0 0; } }
.nav-utility .btn-login { background-color: #eaeaea; padding: 0.6em; }
@media screen and (min-width: 48em) { .nav-utility .btn-login { margin-right: 1em; } }
.nav-utility .btn-login:hover { background-color: #cccccc; }

.more-link { font-style: italic; position: absolute; right: 1.2em; bottom: 0.5em; }

a.search-link, a.utility-link, a.nav-btn { color: #ffffff; }

a:hover.search-link, a:hover.utility-link, a:hover.nav-btn { color: #eaeaea; }

.site-footer { padding: 1.5em 0 1.5em 0; }
.site-footer h3, .site-footer h4, .site-footer p, .site-footer li { color: #ffffff; }
.site-footer a { color: #cccccc; }
.site-footer a:hover { color: #ffffff; }
.site-footer p { font-size: 0.8em; }
.site-footer a.social { color: #67ACD3; }
.site-footer a:hover.social { color: #538CAD; }

/* Modular Scale http://modularscale.com/scale/?px1=16&px2=32&ra1=1.618&ra2=0 */
.tera { font-size: 2em; line-height: 1.1em; margin-bottom: 0.3em; }
@media screen and (min-width: 48em) { .tera { font-size: 2.3em; } }
@media screen and (min-width: 60em) { .tera { font-size: 2.5em; } }

.giga { font-size: 1.8em; line-height: 1.4em; margin-bottom: 0.5em; }

.mega { font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.5em; }

.alpha { font-size: 1.2em; line-height: 1.3em; margin-bottom: 0.4em; }

.beta { font-size: 1em; line-height: 1.4em; margin-bottom: 0.75em; }

.gamma { font-size: 0.875em; margin-bottom: 0.8em; line-height: 1.4em; }

.delta { font-size: 0.8em; margin-bottom: 0.98168em; line-height: 1.6em; }

a { color: #67ACD3; text-decoration: none; }

a:hover, a:focus { border-bottom: none; color: #538CAD; }

h1, h2, h3, h4 { color: #333333; font-family: "ff-dax-web-pro",sans-serif; font-style: normal; font-weight: 700; }

p { font-size: 1em; line-height: 1.4em; margin-bottom: 1em; }

.run-in { font-size: 1.16875em; line-height: 1.32em; margin-bottom: 0.99em; }

ul, ol { margin: 1.5em; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

blockquote { font-size: 2em; line-height: 1.5em; margin-bottom: 0.375em; color: #333; line-height: 1.3125em; margin: 0.495em 0; padding: 0.495em; }

@media screen and (min-width: 60em) { .blockquote-pull-left { float: left; margin-left: -8.57143%; margin-right: 0.99em; width: 46%; } }

@media screen and (min-width: 60em) { .blockquote-pull-right { float: right; margin-right: -8.57143%; margin-left: 0.99em; width: 46%; } }

.normal { font-weight: normal; }

.small { font-size: 75%; }

.large { font-size: 133%; line-height: 1.5em; }

.xlarge { font-size: 200%; }

.xxlarge { font-size: 300%; }

.uppercase { text-transform: uppercase; }

@media screen and (min-width: 48em) { .text-right-tablet { text-align: right; } }

.muted, a.muted, .lister a.muted { color: #999; }

.date { height: 80px; max-width: 80px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; background: #68ACD4; text-align: center; color: #fff; margin-bottom: 1em; }

.day { font-weight: bold; font-size: 1.6em; display: block; line-height: 1em; margin-bottom: 3px; padding-top: 14px; }

.month { font-weight: bold; font-size: 0.9em; display: block; padding: 0; line-height: 1em; }

.year { font-size: 0.9em; padding-top: 0.2em; display: block; line-height: 1em; }

/* Buttons ---------------------- */
.btn { background-color: #999; border: none; color: #fff; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 700; font-family: 'Open Sans', sans-serif; line-height: 1em; margin: 0; outline: none; padding: 0.8em 1.2em; position: relative; text-align: center; text-decoration: none; width: auto; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }

.btn:hover { background-color: #666666; color: #ffffff; }

.btn:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }

.btn:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; }

.btn-text { background-color: transparent; padding: 0.99em 0; }

.btn-large { font-size: 1.4em; line-height: 0.75em; }

.btn-primary { background-color: #DA6141; }

.btn-primary:hover { background-color: #C1563A; }

.btn-large { font-size: 1.2em; }

.btn-full-width { display: block; width: 100%; }

.btn-white { background-color: #e6e6e6; /* Fallback Color */ background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e6e6e6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, white, #e6e6e6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, white, #e6e6e6); /* FF3.6 */ background-image: -ms-linear-gradient(top, white, #e6e6e6); /* IE10 */ background-image: -o-linear-gradient(top, white, #e6e6e6); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffffff, #e6e6e6); color: #111; }
.btn-white i { color: #666; }

.reveal-modal-bg { background: black; background: rgba(0, 0, 0, 0.75); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 98; }

.reveal-modal { background-color: #fff; background-color: white; border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); display: none; height: auto; left: 50%; margin-left: -48%; padding: 1.25em; position: absolute; top: 10px; visibility: hidden; width: 96%; z-index: 99; }

.reveal-modal .column, .reveal-modal .columns { min-width: 0; }

.reveal-modal > :first-child { margin-top: 0; }

.reveal-modal > :last-child { margin-bottom: 0; }

.close-reveal-modal { color: #aaaaaa; cursor: pointer; font-size: 1.375em; font-weight: bold; line-height: 1; position: absolute; right: 0.6875em; top: 0.5em; }

@media only screen and (min-width: 48em) { .reveal-modal { padding: 1.875em; top: 6.25em; }
  .modal-small { margin-left: -15%; width: 30%; }
  .modal-medium { margin-left: -20%; width: 40%; }
  .modal-large { margin-left: -30%; width: 60%; }
  .modal-xlarge { margin-left: -35%; width: 70%; }
  .modal-expand { margin-left: -47.5%; width: 95%; } }
ul.resp-tabs-list, ul.resp-tabs-list p { margin: 0; padding: 0; }

.resp-tabs-list li { font-weight: 600; font-size: 1.1em; display: inline-block; padding: 13px 15px; list-style: none; cursor: pointer; float: left; }

ul.resp-tabs-blocks { text-transform: uppercase; margin-bottom: 2em; }
ul.resp-tabs-blocks li { background-color: #eaeaea; border: 1px solid #eaeaea; color: #666666; margin: 0 0.5em 0.5em 0; padding: 0.6em 1em; }
ul.resp-tabs-blocks .resp-tab-active { background-color: #0091F0; border: 1px solid #0091F0; border-bottom: none; color: #ffffff; margin-bottom: 0.5em; padding: 0.6em 1em; }

.resp-tabs-container { padding: 0px; background-color: #fff; clear: left; }

h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }

.resp-tab-content { display: none; padding: 15px; }

.resp-tab-active { background-color: #fff; border: 1px solid #c1c1c1; border-bottom: none; color: #666666; margin-bottom: -1px; padding: 12px 14px 14px 14px; }

.resp-content-active, .resp-accordion-active { display: block; }

.resp-tab-content { border: 1px solid #c1c1c1; }

h2.resp-accordion { border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px; }

h2.resp-tab-active { border-bottom: 0px solid #c1c1c1; margin-bottom: 0px; padding: 10px 15px; }

h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1; background: blue; }

.resp-arrow { width: 0; height: 0; float: right; margin-top: 8px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #c1c1c1; }

h2.resp-tab-active span.resp-arrow { border: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #9B9797; }

/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #DBDBDB; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; }

.resp-jfit { width: 100%; margin: 0px; }

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1; }

@media screen and (max-width: 48em) { ul.resp-tabs-list { display: none; }
  h2.resp-accordion { display: block; font-size: 1.2em; }
  .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
  .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
  .resp-accordion-closed { display: none; }
  .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; } }
.lister { list-style-type: none; margin: 0.5em 0; }
@media screen and (max-width: 48em) { .lister { margin: 0.5em 0 1em 0; } }
.lister li { padding: 0.5em 0; position: relative; }
.lister li, .lister p, .lister time { display: block; }
.lister li:last-child { border-bottom: none; }
.lister a { text-decoration: none; }
.lister time { color: #999; font-size: 0.66875em; line-height: 0.99em; }
.lister .btn { display: inline-block; }
.lister img { margin-bottom: 0.99em; }

.lister--links li { border-bottom: 1px solid #eaeaea; }

.lister-footer { margin: 0 0 0.5em 0; }
.lister-footer li { font-size: 0.8em; line-height: 1.4em; padding: 0 0 0.2em 0; margin: 0 0 0.2em 0; position: relative; }

.lister-footer-alt strong { display: inline-block; width: 50px; }

.nav-lister-utilities li { border-bottom: none; display: inline-block; }
.nav-lister-utilities a { color: #ccc; font-size: 1em; padding: 0; }
.nav-lister-utilities a:hover { color: #444; }

.lister-icons li { position: relative; padding-left: 1.5em; }
.lister-icons i { left: 0; position: absolute; top: 0.375em; }

.lister-inline li { border-bottom: none; display: inline-block; }
.lister-inline a { border-bottom: none; padding: 0; }

@media screen and (min-width: 48em) { .lister-thumbs-wide b, .lister-thumbs-wide h2, .lister-thumbs-wide h3, .lister-thumbs-wide p, .lister-thumbs-wide span, .lister-thumbs-wide time, .lister-thumbs-wide form { margin-left: 22%; }
  .lister-thumbs-wide img { width: 20%; } }
.lister-definitions { margin: 0.75em 0; }
@media screen and (min-width: 48em) { .lister-definitions dt { display: inline-block; } }
@media screen and (min-width: 48em) { .lister-definitions dd { display: inline-block; padding: 0 0.225em; } }
.lister-definitions a { color: #666; margin: 0; padding: 0; }

/* Themes ---------------------- */
.black { color: #000; }

.white { color: #fff; }

.grey { color: #dddddd; }

.red { color: #8a1f03; }

.orange { color: #EB612D; }

.blue { color: #123273; }

.light-blue { color: #66ACD2; }

.bg-black { background-color: #000; }

.bg-white { background-color: #000; }

.bg-grey { background-color: #dddddd; }

.bg-blue { background-color: #2877BC; }

.bg-light-blue { background-color: #E1EEF6; }

.bg-light-grey { background-color: #eaeaea; }

.bg-dark-grey { background-color: #333333; }

.border-bottom { border-bottom: 1px solid #dddddd; margin-bottom: 1em; padding-bottom: 1em; }

.border-dotted { border-style: dotted; }

table { font-size: 1em; line-height: 1.3em; margin: 1.5em 0 2em 0; width: 100%; }
@media screen and (min-width: 48em) { table { font-size: 0.95em; } }
table th { background-color: #eaeaea; color: #666666; font-weight: 600; padding: 0.5em 3%; text-align: left; }
table td { border-bottom: 1px solid #ddd; padding: 0.5em 3%; text-align: left; }

body [class^="icon-"]:before, body [class*=" icon-"]:before { min-width: 1em; margin-left: 0; }

.service-icon { width: 58px; height: auto; }

.global-search { margin-bottom: 2em; }
@media screen and (min-width: 48em) { .global-search { float: right; margin-top: 3.8em; margin-bottom: 0; width: 100%; } }

.search { position: relative; }
.search label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.search input[type="text"] { border: 2px solid #B0D6EC; color: #666666; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0.9em; padding: 0.8em 4.5em 0.8em 0.8em; position: relative; width: 100%; }
.search input[type="submit"], .search .btn { background: transparent; bottom: 0.35em; cursor: pointer; color: #3379B8; font-size: 1.2em; font-weight: 700; position: absolute; right: -4px; top: -2px; text-transform: uppercase; line-height: 0.8em; width: 3em; z-index: 1; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.search .btn:hover { color: #0071D7; }
.search .btn:active { top: 5px; background: #66CC66; }

body.search-results .global-search { display: none; }

@media screen and (min-width: 60em) { .wrap-search { position: static; right: auto; top: auto; } }
.wrap-search .search-link { height: 2.5em; position: absolute; right: 3.25em; text-align: center; top: -5px; width: 3.25em; z-index: 9; }
.wrap-search .search-link:hover { cursor: pointer; }
@media screen and (min-width: 48em) { .wrap-search .search-link { display: none; } }

.wrapper { margin-left: auto; margin-right: auto; max-width: 1200px; width: 90%; position: relative; }
@media screen and (min-width: 48em) { .wrapper { width: 98%; } }

.wrapper-wide { width: 100%; }
@media screen and (min-width: 48em) { .wrapper-wide { width: 98%; } }

.row { display: block; width: 100%; margin: 0; }
@media screen and (min-width: 48em) { .row { width: 102.77778%; margin: 0 -1.38889%; } }

.row-small { display: block; width: 102.77778%; margin: 0 -1.38889%; }

@media screen and (min-width: 60em) { .gutter { padding-right: 3em; } }

.center { text-align: center; }

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

.block { display: block; }

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

body .no-margins { margin: 0; }

body .absolute { position: absolute; }

body .relative { position: relative; }

body > .wrap { margin-bottom: 1.5em; }

.content { margin-top: 1.5em; }

@media screen and (min-width: 48em) { .margins-only { margin-left: 1.042%; margin-right: 1.042%; width: 97.917%; } }

.two-up { margin: 0; list-style-type: none; }
@media screen and (min-width: 48em) { .two-up { display: block; width: 102.77778%; margin-left: -1.38889%; margin-right: -1.38889%; *zoom: 1; }
  .two-up:before, .two-up:after { content: ""; display: table; }
  .two-up:after { clear: both; }
  .two-up > .col { display: inline; float: left; width: 47.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

.three-up { margin: 0; list-style-type: none; }
@media screen and (min-width: 48em) { .three-up { display: block; width: 102.77778%; margin-left: -1.38889%; margin-right: -1.38889%; *zoom: 1; }
  .three-up:before, .three-up:after { content: ""; display: table; }
  .three-up:after { clear: both; }
  .three-up > .col { display: inline; float: left; width: 30.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

.four-up { margin: 0; list-style-type: none; }
@media screen and (min-width: 48em) { .four-up { display: block; width: 102.77778%; margin-left: -1.38889%; margin-right: -1.38889%; *zoom: 1; }
  .four-up:before, .four-up:after { content: ""; display: table; }
  .four-up:after { clear: both; }
  .four-up > .col { display: inline; float: left; width: 22.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

.five-up { margin: 0; list-style-type: none; }
@media screen and (min-width: 48em) { .five-up { display: block; width: 103.33333%; margin-left: -1.66667%; margin-right: -1.66667%; *zoom: 1; }
  .five-up:before, .five-up:after { content: ""; display: table; }
  .five-up:after { clear: both; }
  .five-up > .col { display: inline; float: left; width: 16.66667%; margin-left: 1.66667%; margin-right: 1.66667%; } }

.six-up { margin: 0; list-style-type: none; }
@media screen and (min-width: 48em) { .six-up { display: block; width: 103.33333%; margin-left: -1.66667%; margin-right: -1.66667%; *zoom: 1; }
  .six-up:before, .six-up:after { content: ""; display: table; }
  .six-up:after { clear: both; }
  .six-up > .col { display: inline; float: left; width: 13.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

.eight-up { margin: 0; list-style-type: none; }
@media screen and (min-width: 48em) { .eight-up { display: block; width: 104.16667%; margin-left: -2.08333%; margin-right: -2.08333%; *zoom: 1; }
  .eight-up:before, .eight-up:after { content: ""; display: table; }
  .eight-up:after { clear: both; }
  .eight-up > .col { display: inline; float: left; width: 8.33333%; margin-left: 2.08333%; margin-right: 2.08333%; } }

.blockgrid-two-up { display: block; width: 102.77778%; margin-left: -1.38889%; margin-right: -1.38889%; *zoom: 1; }
.blockgrid-two-up:before, .blockgrid-two-up:after { content: ""; display: table; }
.blockgrid-two-up:after { clear: both; }
.blockgrid-two-up .col { display: inline; float: left; width: 47.22222%; margin-left: 1.38889%; margin-right: 1.38889%; }

.blockgrid-three-up { display: block; width: 102.77778%; margin-left: -1.38889%; margin-right: -1.38889%; *zoom: 1; }
.blockgrid-three-up:before, .blockgrid-three-up:after { content: ""; display: table; }
.blockgrid-three-up:after { clear: both; }
.blockgrid-three-up .col { display: inline; float: left; width: 30.55556%; margin-left: 1.38889%; margin-right: 1.38889%; }

.blockgrid-four-up { display: block; width: 102.77778%; margin-left: -1.38889%; margin-right: -1.38889%; *zoom: 1; }
.blockgrid-four-up:before, .blockgrid-four-up:after { content: ""; display: table; }
.blockgrid-four-up:after { clear: both; }
.blockgrid-four-up .col { display: inline; float: left; width: 22.22222%; margin-left: 1.38889%; margin-right: 1.38889%; }

.blockgrid-seven-up { display: block; width: 102%; margin: 0 -1%; }
.blockgrid-seven-up .col { display: inline; float: left; width: 12%; margin: 0 1.14%; }

.blockgrid-eight-up { display: block; width: 104.16667%; margin-left: -2.08333%; margin-right: -2.08333%; *zoom: 1; }
.blockgrid-eight-up:before, .blockgrid-eight-up:after { content: ""; display: table; }
.blockgrid-eight-up:after { clear: both; }
.blockgrid-eight-up .col { display: inline; float: left; width: 8.33333%; margin-left: 2.08333%; margin-right: 2.08333%; }

.col { display: inline; float: left; }

.small-1 { display: inline; float: left; width: 5.55556%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-2 { display: inline; float: left; width: 13.88889%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-3 { display: inline; float: left; width: 22.22222%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-4 { display: inline; float: left; width: 30.55556%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-5 { display: inline; float: left; width: 38.88889%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-6 { display: inline; float: left; width: 47.22222%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-7 { display: inline; float: left; width: 55.55556%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-8 { display: inline; float: left; width: 63.88889%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-9 { display: inline; float: left; width: 72.22222%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-10 { display: inline; float: left; width: 80.55556%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-11 { display: inline; float: left; width: 88.88889%; margin-left: 1.38889%; margin-right: 1.38889%; }

.small-12 { display: inline; float: left; width: 97.22222%; margin-left: 1.38889%; margin-right: 1.38889%; }

@media screen and (min-width: 48em) { .medium-1 { display: inline; float: left; width: 5.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-2 { display: inline; float: left; width: 13.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-3 { display: inline; float: left; width: 22.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-4 { display: inline; float: left; width: 30.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-5 { display: inline; float: left; width: 38.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-6 { display: inline; float: left; width: 47.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-7 { display: inline; float: left; width: 55.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-8 { display: inline; float: left; width: 63.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-9 { display: inline; float: left; width: 72.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-10 { display: inline; float: left; width: 80.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-11 { display: inline; float: left; width: 88.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 48em) { .medium-12 { display: inline; float: left; width: 97.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-1 { display: inline; float: left; width: 5.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-2 { display: inline; float: left; width: 13.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-3 { display: inline; float: left; width: 22.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-4 { display: inline; float: left; width: 30.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-5 { display: inline; float: left; width: 38.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-6 { display: inline; float: left; width: 47.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-7 { display: inline; float: left; width: 55.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-8 { display: inline; float: left; width: 63.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-9 { display: inline; float: left; width: 72.22222%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-10 { display: inline; float: left; width: 80.55556%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-11 { display: inline; float: left; width: 88.88889%; margin-left: 1.38889%; margin-right: 1.38889%; } }

@media screen and (min-width: 60em) { .large-12 { display: inline; float: left; width: 97.22222%; margin-left: 1.38889%; margin-right: 1.38889%; display: block; float: none; } }

.pull-right { float: right; }

@media screen and (min-width: 48em) { .pull-right-tablet { float: right; } }

@media screen and (min-width: 60em) { .pull-right-desktop { float: right; } }

.pull-left { float: left; }

@media screen and (min-width: 48em) { .pull-left-tablet { float: left; } }

@media screen and (min-width: 60em) { .pull-left-desktop { float: left; } }

/* http://responsiveslides.com v1.54 by @viljamis */
.editor .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 0 2em 0; }
@media screen and (min-width: 55em) { .editor .rslides { margin: 0 0 2em 0; } }
@media screen and (min-width: 75em) { .editor .rslides { margin: 0 0 20 0; } }
.editor .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.editor .rslides li:first-child { position: relative; display: block; float: left; }
.editor .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.editor .rslides1_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); bottom: 50%; left: 0; z-index: 99; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/gallery/themes.gif") no-repeat left top; margin-top: -45px; }
.editor .rslides1_nav:active { opacity: 1.0; }
.editor .rslides1_nav.next { left: auto; background-position: right top; right: 0; }
.editor .rslides1_nav:focus { outline: none; }
.editor .rslides_tabs { text-align: center; margin: -34px auto 10px auto; position: relative; z-index: 99; }
@media screen and (min-width: 48em) { .editor .rslides_tabs { max-width: 1200px; width: 98%; } }
.editor .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; }
.editor .rslides_tabs a { -moz-border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; text-indent: -9999px; overflow: hidden; background: #337AB9; display: inline-block; _display: block; *display: block; width: 14px; height: 14px; }
.editor .rslides_here a { background: #DA6141; }

.hero-home { background-color: #EBEBEB; overflow: hidden; }
.hero-home .rslides { margin: 0; width: auto; }
@media screen and (min-width: 60em) { .hero-home .rslides { margin: 0; padding: 0; } }
.hero-home .rslides li { height: 300px; width: 100%; }
@media screen and (min-width: 48em) { .hero-home .rslides li { background-repeat: no-repeat; background-position: 0 0; height: 380px; } }
@media screen and (min-width: 60em) { .hero-home .rslides li { background-position: top center; } }
.hero-home .caption { clear: both; }
@media screen and (min-width: 48em) { .hero-home .caption { text-align: left; margin-top: 2.5em; } }
.hero-home .caption h2 { color: #123274; font-size: 2em; margin-bottom: 0.3em; margin-top: 1em; line-height: 1.2em; text-align: center; }
@media screen and (min-width: 48em) { .hero-home .caption h2 { font-size: 2.4em; text-align: left; margin-top: 0; } }
@media screen and (min-width: 75em) { .hero-home .caption h2 { font-size: 2.8em; } }
.hero-home .caption p { color: #123274; text-align: center; }
@media screen and (min-width: 48em) { .hero-home .caption p { text-align: left; font-size: 1.3em; line-height: 1.4em; } }
.hero-home .caption .btn { display: block; width: auto; margin-left: auto; margin-right: auto; }
@media screen and (min-width: 30em) { .hero-home .caption .btn { width: 70%; } }
@media screen and (min-width: 48em) { .hero-home .caption .btn { display: inline-block; width: auto; } }
.hero-home .home-hero-btns_nav { position: absolute; }
@media screen and (min-width: 82em) { .hero-home .home-hero-btns_nav { display: block; z-index: 3; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 50%; left: 30px; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 32px; width: 32px; background: transparent url("../images/common/nav-next-prev.png") no-repeat left top; margin-top: -45px; } }
.hero-home .home-hero-btns_nav:active { opacity: 1.0; }
.hero-home .home-hero-btns_nav.next { left: auto; background-position: right top; right: 30px; }
.hero-home .home-hero-btns_tabs { text-align: center; margin: -34px auto 10px auto; position: relative; z-index: 99; display: block; overflow: hidden; }
@media screen and (min-width: 48em) { .hero-home .home-hero-btns_tabs { text-align: left; max-width: 1200px; width: 98%; padding-left: 1.38889%; } }
.hero-home .home-hero-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; }
.hero-home .home-hero-btns_tabs a { -moz-border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; text-indent: -9999px; overflow: hidden; background: #337AB9; display: inline-block; _display: block; *display: block; width: 14px; height: 14px; }
.hero-home .home-hero-btns_here a { background: #DA6141; }

@media screen and (min-width: 48em) { .bg-home-top { background-image: url(../images/common/bg-home-top.png); background-repeat: no-repeat; background-position: 36% -4%; } }
@media screen and (min-width: 60em) { .bg-home-top { background-position: 40% 0; } }

@media screen and (min-width: 48em) { .bg-home-baseline { background-image: url(../images/common/bg-home-baseline.png); background-repeat: no-repeat; background-position: 100% 130%; } }
@media screen and (min-width: 70em) { .bg-home-baseline { background-position: 100% bottom; } }

/**
* Add/remove margins
*/
.push-xlarge { margin: 3.5em; }

.push-xlarge--top { margin-top: 3.5em; }

.push-xlarge--right { margin-right: 3.5em; }

.push-xlarge--bottom { margin-bottom: 3.5em; }

.push-xlarge--left { margin-left: 3.5em; }

.push-xlarge--ends { margin-top: 3.5em; margin-bottom: 3.5em; }

.push-xlarge--sides { margin-right: 3.5em; margin-left: 3.5em; }

.push-large { margin: 2em; }

.push-large--top { margin-top: 2em; }

.push-large--right { margin-right: 2em; }

.push-large--bottom { margin-bottom: 2em; }

.push-large--left { margin-left: 2em; }

.push-large--ends { margin-top: 2em; margin-bottom: 2em; }

.push-large--sides { margin-right: 2em; margin-left: 2em; }

.push { margin: 1em; }

.push--top { margin-top: 1em; }

.push--right { margin-right: 1em; }

.push--bottom { margin-bottom: 1em; }

.push--left { margin-left: 1em; }

.push--ends { margin-top: 1em; margin-bottom: 1em; }

.push--sides { margin-right: 1em; margin-left: 1em; }

.push-half { margin: 0.5em; }

.push-half--top { margin-top: 0.5em; }

.push-half--right { margin-right: 0.5em; }

.push-half--bottom { margin-bottom: 0.5em; }

.push-half--left { margin-left: 0.5em; }

.push-half--ends { margin-top: 0.5em; margin-bottom: 0.5em; }

.push-half--sides { margin-right: 0.5em; margin-left: 0.5em; }

.push-small { margin: 0.2em; }

.push-small--top { margin-top: 0.2em; }

.push-small--right { margin-right: 0.2em; }

.push-small--bottom { margin-bottom: 0.2em; }

.push-small--left { margin-left: 0.2em; }

.push-small--ends { margin-top: 0.2em; margin-bottom: 0.2em; }

.push-small--sides { margin-right: 0.2em; margin-left: 0.2em; }

.flush { margin: 0; }

.flush--top { margin-top: 0; }

.flush--right { margin-right: 0; }

.flush--bottom { margin-bottom: 0; }

.flush--left { margin-left: 0; }

.flush--ends { margin-top: 0; margin-bottom: 0; }

.flush--sides { margin-right: 0; margin-left: 0; }

@media screen and (min-width: 48em) { .flush--med { margin: 0; }
  .flush--top--med { margin-top: 0; }
  .flush--right--med { margin-right: 0; }
  .flush--bottom--med { margin-bottom: 0; }
  .flush--left--med { margin-left: 0; }
  .flush--ends--med { margin-top: 0; margin-bottom: 0; }
  .flush--sides--med { margin-right: 0; margin-left: 0; } }
/**
* Add/remove paddings
*/
.soft-large { padding: 2em; }

.soft-large--top { padding-top: 2em; }

.soft-large--right { padding-right: 2em; }

.soft-large--bottom { padding-bottom: 2em; }

.soft-large--left { padding-left: 2em; }

.soft-large--ends { padding-top: 2em; padding-bottom: 2em; }

.soft-large--sides { padding-right: 2em; padding-left: 2em; }

.soft { padding: 1em; }

.soft--top { padding-top: 1em; }

.soft--right { padding-right: 1em; }

.soft--bottom { padding-bottom: 1em; }

.soft--left { padding-left: 1em; }

.soft--ends { padding-top: 1em; padding-bottom: 1em; }

.soft--sides { padding-right: 1em; padding-left: 1em; }

.soft-half { padding: 0.5em; }

.soft-half--top { padding-top: 0.5em; }

.soft-half--right { padding-right: 0.5em; }

.soft-half--bottom { padding-bottom: 0.5em; }

.soft-half--left { padding-left: 0.5em; }

.soft-half--ends { padding-top: 0.5em; padding-bottom: 0.5em; }

.soft-half--sides { padding-right: 0.5em; padding-left: 0.5em; }

.hard { padding: 0; }

.hard--top { padding-top: 0; }

.hard--right { padding-right: 0; }

.hard--bottom { padding-bottom: 0; }

.hard--left { padding-left: 0; }

.hard--ends { padding-top: 0; padding-bottom: 0; }

.hard--sides { padding-right: 0; padding-left: 0; }

@media screen and (min-width: 48em) { .hard--med { padding: 0; }
  .hard--top--med { padding-top: 0; }
  .hard--right--med { padding-right: 0; }
  .hard--bottom--med { padding-bottom: 0; }
  .hard--left--med { padding-left: 0; }
  .hard--ends--med { padding-top: 0; padding-bottom: 0; }
  .hard--sides--med { padding-right: 0; padding-left: 0; } }
@media screen and (min-width: 70em) { .testimonial { padding-right: 6em; } }

/* ----------- VIDEO --------------- */
video { max-width: 100%; height: auto; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 2em; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hero-landing { background-color: #EBEBEB; padding: 2em 0 2em 0; height: 240px; }
@media screen and (min-width: 48em) { .hero-landing { background-repeat: no-repeat; background-position: 0 0; height: 280px; } }
@media screen and (min-width: 60em) { .hero-landing { background-position: top center; } }
.hero-landing h1 { color: #123274; font-size: 2em; margin-bottom: 0.1em; margin-top: 0; line-height: 1.2em; text-align: center; }
@media screen and (min-width: 48em) { .hero-landing h1 { font-size: 2.4em; text-align: left; margin-top: 0; } }
@media screen and (min-width: 75em) { .hero-landing h1 { font-size: 2.8em; } }
.hero-landing p { color: #123274; text-align: center; }
@media screen and (min-width: 48em) { .hero-landing p { text-align: left; font-size: 1.3em; line-height: 1.4em; } }
.hero-landing .btn { display: block; width: auto; margin-left: auto; margin-right: auto; }
@media screen and (min-width: 30em) { .hero-landing .btn { width: 70%; } }
@media screen and (min-width: 48em) { .hero-landing .btn { display: inline-block; width: auto; } }

.hero-landing--shallow { height: 160px; }
@media screen and (min-width: 48em) { .hero-landing--shallow { height: 200px; } }

.fig-right { float: right; width: 44.5%; margin: 0 0 1em 1.5em; }

.fig-left { float: left; width: 44.5%; margin: 0 1.5em 1em 0; }

.fig-portrait-left { float: left; width: 30%; margin: 0 1.5em 1em 0; }

.fig-portrait-right { float: right; width: 30%; margin: 0 0 1em 1.5em; }

.figure img { margin: 0 0 0.2em 0; }

.figure figcaption { color: #666666; font-size: 0.95em; margin: 0 0 0.5em 0; font-style: italic; padding: 0.5em 0 0 0; }

.editor h1 { font-size: 2em; margin-bottom: .2em; line-height: 1.4em; }
@media screen and (min-width: 48em) { .editor h1 { font-size: 2.5em; } }
.editor h2 { font-size: 2em; margin-bottom: 0.5em; margin-top: 0.5em; line-height: 1.4em; }
.editor h3 { font-size: 1.6em; margin-bottom: 0.5em; margin-top: 1em; line-height: 1.3em; }
.editor h4 { font-size: 1.4em; margin-bottom: 0.5em; margin-top: 1em; line-height: 1.2em; }
.editor p { font-size: 1em; line-height: 1.5em; margin-bottom: 1em; }
.editor ul, .editor ol { font-size: 1em; line-height: 1.5em; margin: 1em 0 2em 1.5em; }
.editor blockquote { background: transparent url("../images/common/quotes.png") no-repeat left top; color: #123272; font-size: 1.3em; padding: 0 0 0 60px; margin: 2em 0 0.5em 0; }
@media screen and (min-width: 48em) { .editor blockquote { font-size: 1.6em; } }
.editor cite { color: #123272; display: block; font-size: 1.1em; font-weight: 700; margin: 0 0 2em 0; padding: 0 0 0 60px; }
.editor .rslides { margin: 0 0 2em 0; }
.editor form ul { margin: 1em 0 2em 0; }