/* ==========================================================================
   Reset
   ========================================================================== */
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, picture, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
background: transparent;

}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}

html {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* ==========================================================================
   Fonts.
   ========================================================================== */
   
   meta.foundation-data-attribute-namespace {
  font-family: false; }
/* ==========================================================================
   Base
   ========================================================================== */

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a {color: #358cc2; text-decoration: none; transition: color .25s; -webkit-transition: color .25s; -moz-transition: color .25s; }
a:hover { text-decoration: underline;}

a:focus {outline: none;}
a:active, a:hover {outline: 0;}
p em{
font-style: italic;
}
.button {
    background: #3C8BD8;
    color: #FFFFFF;
    cursor: pointer;
    display: inline;
    font-size: 1em;
    padding: .5em;
    outline: none;
    transition: background .25s; 
    -webkit-transition: background .25s; 
    -moz-transition: background .25s;
}
.button:hover { 
    background: #c7c7c7; 
    outline: none;
    text-decoration: none;
}

.blue{background: #1595d3 !important; color: #fff !important}
.green {background: #23b1a5 !important; color: #fff !important}
.top-nav .button {padding: 1em; display: block; text-align: center; text-transform: uppercase; font-size: .8em}
.grid-content h3 {font-size: 1.5em; color: #358CC2;  margin-bottom: .6em;}
.ie-print {display: none !important;}

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-bottom: 1em; line-height: normal;}  
h1 {font-size: 2.375em; margin-bottom: .6em; line-height: 1em; color: #2684c0}
h2 {font-size: 1.750em;}
h3 {font-size: 1.375em;}
h4 {font-size: 1.125em;}
h5 {font-size: 1em; line-height: 1.2em;}

abbr[title] {border-bottom: 1px dotted;}

b, strong {font-weight: bold;}
blockquote {margin: 1em 0;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
hr {display: block; height: .3em; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

mark {background: #ff0; color: #000;}
p, pre {margin: 0 0 1.6em;}
code, kbd, pre,samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
.readmore {display:block}
.gray-bg, .reg-callout {padding: 1em;}
.panel .gray-bg {padding: 0}
.gray-bg .subtitle {font-weight: bold}
.gray-bg .copy {padding: 1em; font-size: .9em;}
.panel .gray-bg .copy {padding: 2em}
.gray-bg h3 {color: #2684c0; text-transform: none; margin-bottom: .4em}
.sidebar .gray-bg p {margin-bottom: .6em}
.subtitle {font-weight: 600; font-size: .8em;}

/* ==========================================================================
   Lists - Inputs
   ========================================================================== */
ol {margin: 0 0 1.563em 2.5em;}
ul {padding: 0; margin: 0 0 1.563em 1.563em;  list-style:none;}
ul ul, ol ol {margin-bottom: 0; margin-top: 1em;}
.main-content ul li {position: relative; padding: 0 0 8px 10px;}
.main-content img {height: auto;}
/*Commented out because it adds square bullets to Pager*/
/*.main-content ul li:before{font-family: FontAwesome;content: "\f0c8"; color: #2684C0; font-size: .55em; position: absolute; top: 12px; left: -7px; line-height: 0;}*/
.main-content .module-alphabet-list li:before, ul.module-pg-pagination li::before { content: none;}
.ui-tabs li:before, .main ol li:before{content: none;}
.responsive-tabs li:before {content: none;}
.content ol, .content ul { padding: 0 0 1em 1.6em;}
.content ul ul {margin-bottom: 0}
dl, menu .slided ul {margin: 1em 0 0 0; padding: 0; list-style: none;}
ul.core-list, ol.core-list, div.core-list { padding: 0; margin-left: 0;}
.tools ul, nav ul, .thumbs-core ul {list-style: none; margin: 0; padding: 0;}
dd {margin: 0 0 0 4em;}
nav ul, nav ol, footer ul {list-style: none; list-style-image: none;}
footer ul {margin-left: 0;}

img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
img, object, embed {max-width: 100%; height: auto; }
header .screen-logo img {width: 487px;} 
.three.columns .responsive-tabs img {width:100%; max-width: 100px;}
.responsive-tabs .two.columns{
  width: 10% !important;
}
svg:not(:root) {overflow: hidden;}

figure {margin: 0;}

form {margin: 0;}
fieldset {border: 1px solid #c0c0c0; margin: 0 .4em; padding: 0.35em 0.625em 0.75em;}
fieldset {border: 0; margin: 0; padding: 0;}
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px;}

button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal;}
button, select {text-transform: none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    background: #3C8BD8;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-appearance: button;
    background: #358CC2;
    padding: .6em 1em;
    font-weight: 600;
}

button[disabled], html input[disabled] {cursor: default;}
button:focus{outline: 0;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
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-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button, input, select, textarea {
font-size: 100%;
margin: 0;
padding: .6em;
border: 1px solid #E0E0E0;
font-size: .9em;
}
button {padding: 0}

input:valid, textarea:valid {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
input::-webkit-input-placeholder{color: #999;}
input:-moz-placeholder {color: #999;}
input::-moz-placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}

input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}

option {padding-left: .5em;}

button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; resize: none;}

table {border-collapse: collapse; border-spacing: 0;}
.restable {border: 1px solid #ccc; margin: 0 0 1.5em;}

::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}

.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
.ie-print {display: none !important;}
iframe {max-width: 100%;}

/* ==========================================================================
   TABLE
   ========================================================================== */
table { width: 100%; }
td { vertical-align: top; padding: .9em;}
th {text-align: left; padding: 1em .9em; border-bottom: 3px solid #CCC; font-weight: bold;}
article th {background: #ddd;}
.data-grid {border-spacing: 0; margin-bottom: 1.5em; margin-top: 1em; width: 100%; border: 1px solid #ccc;  -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;}
/* ==========================================================================
   MT custom styles
========================================================================== */
.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 150%;}

.invisible {visibility: hidden;}
.hidden  {display: none}
.left {float: left; margin-right: 1em; margin-bottom: .8em; zoom: 1;}
.right {float: right; margin-left: 1em; margin-bottom: .8em; zoom: 1;}
/*.rightside {}*/

/*===================================================================================
 Layout GRIDS
 ====================================================================================*/
.lt-ie9 .grid {width: 1230px;}

header .grid {max-width: 1175px; width: 100%; margin: 0 auto; position: relative;}
.grid { max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 0.625em; 
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;}
.hero .grid {display: table}
.lt-ie10 .grid{overflow: hidden;}
.grid .grid { padding-left: 0; padding-right: 0; width: 100%; flex-direction: column;}
.col-1 {width: 100%;}
/* To fix the grid into a different size, set max-width to your desired width */
.column, .columns { position:relative; margin-left: 1.95313%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.column:first-child, .columns:first-child, .alpha, .listing .module-thumbnail { margin-left: 0; }

.column.first, .columns.first, .column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { float: right; }

/* Column Classes */
.grid .one.column { width: 6.54297%; }
.grid .one.columns { width: 6.54297%; }
.grid .two.columns { width: 15.03906%; }
.grid .three.columns { width: 23.53516%; }
.grid .four.columns { width: 32.03125%; }
.grid .five.columns { width: 40.52734%; }
.grid .six.columns { width: 49.02344%; }
.grid .seven.columns { width: 57.51953%; }
.grid .eight.columns { width: 66.01563%; }
.grid .nine.columns { width: 74.51172%; }
.grid .ten.columns { width: 83.00781%; }
.grid .eleven.columns { width: 91.50391%; }
.grid .twelve.columns { width: 100%; }

/*.grid .one.column:nth-child(13), .grid .one.columns:nth-child(13) { margin-left: 0; }*/
.grid .two.columns:nth-child(7) { margin-left: 0; }
.grid .three.columns:nth-child(5) { margin-left: 0; }
.grid .four.columns:nth-child(4) { margin-left: 0; }

.main-nav .grid .three.columns {width: 20.53516%; margin-left: 2.95313%;}
.main-nav .grid .four.columns {width: 29.03125%;}

.grid .twelve.columns { -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch; margin-left: 0}
.hero .twelve.columns {overflow: hidden;}
.block .four.columns {
background: #EFF5F7 !important;
padding: 1em;
display: table-cell;
float: none;
border-spacing: 2em;
border: 1px solid #C3C3C3;
}

.four.columns .collapse-for-mobile {width: 90%;}
.lt-ie9 .grid {width: 1170px;}
.lt-ie9 .four .reg-callout.grid, .lt-ie9 .four .reg-callout .core-li.grid,  .lt-ie9 .eight .grid {width: 100%}
.lt-ie9 .eight .six.grid {width: 49.02%}
.leftside .grid .six.columns, .leftside .six.columns {width: 100%; margin-left: 0px;}
.leftside .callout {overflow: visible;}

@media (max-width: 50em) {
 h3 {line-height: 1.3; margin-bottom: .6em; font-size: 1.2em;}
.left, .right {margin-bottom: 2em;}
}


@media (max-width: 47.938em) {
    h1, h2, h3, h4, h5, h6 { clear: both; }

    .left { margin-bottom: 2.5em; }

    .grid .three.columns, .grid .five.columns, .grid .six.columns, .grid .nine.columns {
        width: 100%;
        margin-left: 0;
    }
}

/* END Layout GRIDS----------------------------------*/