/***********************************************************************************/
/* Frameworks and Build Files */
/***********************************************************************************/
/* Changing Susy default global settings */
/***********************************************************************************/
/* Resets */
/***********************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

input {
  margin: 0;
  padding: 0; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 100%; }

blockquote,
q {
  quotes: none; }

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

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

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

ul,
ol,
li {
  list-style-type: none; }

input,
textarea {
  outline: none; }

strong {
  font-weight: bold; }

.fr {
  float: right; }

.fl {
  float: left; }

.cb {
  clear: both; }

.clearfix {
  *zoom: 1; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.fr {
  float: right; }

.fl {
  float: left; }

.cb {
  clear: both; }

/***********************************************************************************/
/* CSS Variables */
/***********************************************************************************/
/***********************************************************************************/
/* Screen Sizes */
/***********************************************************************************/
/***********************************************************************************/
/* Mixins */
/***********************************************************************************/
/* #####################

@mixin color-transition {
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

@mixin all-transition {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

// Round all corners by amount
@mixin round-corners($amount: 5px) {
  border-radius: $amount;
  -moz-border-radius: $amount;
  -webkit-border-radius: $amount;
}

// Round Top corners by amounts
@mixin round-corners-top($amount1: 5px) {
	-moz-border-top-right-radius: $amount1;
	-webkit-border-top-right-radius: $amount1;
	border-top-right-radius: $amount1;
	-moz-border-top-left-radius: $amount1;
	-webkit-border-top-left-radius: $amount1;
	border-top-right-radius: $amount1;
}

// Round Bottom corners by amounts
@mixin round-corners-bottom($amount1: 5px) {
	-moz-border-bottom-right-radius: $amount1;
	-webkit-border-bottom-right-radius: $amount1;
	border-bottom-right-radius: $amount1;
	-moz-border-bottom-left-radius: $amount1;
	-webkit-border-bottom-left-radius: $amount1;
	border-bottom-right-radius: $amount1;
}

@mixin boxy-shadow($left, $distance, $blur, $color) {
	-webkit-box-shadow: $left, $distance, $blur, $color;
	-moz-box-shadow: $left, $distance, $blur, $color;
	box-shadow: $left, $distance, $blur, $color;
}

@mixin bottom-shadow {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.2);
}

@mixin outer-glow {
	-webkit-box-shadow: 0px 2px 7px 2px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 2px 7px 2px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 2px 7px 2px rgba(50, 50, 50, 0.2);
}
##################### */
/***********************************************************************************/
/* All Typeography */
/***********************************************************************************/
body {
  font-size: 20px;
  line-height: 1.5em;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5em; }

h1 {
  font-size: 60px;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #0072ce;
  line-height: 1em;
  -webkit-font-smoothing: antialiased; }

h2 {
  font-size: 40px;
  line-height: 1em;
  color: #00148c;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  -webkit-font-smoothing: antialiased; }

h3 {
  font-size: 30px;
  line-height: 1em;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #0072ce;
  -webkit-font-smoothing: antialiased; }

h4 {
  font-size: 24px;
  line-height: 1em;
  color: #fadc00;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  -webkit-font-smoothing: antialiased; }

h5 {
  font-size: 22px;
  color: #00148c;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  -webkit-font-smoothing: antialiased; }

h6, h7, h8 {
  font-size: 1em;
  color: #999999;
  -webkit-font-smoothing: antialiased; }

p {
  margin: 0 0 1.5em 0; }

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

@media screen and (max-width: 768px) {
  h1 {
    font-size: em(32); }
  h2 {
    font-size: em(28); }
  h3 {
    font-size: em(24); }
  h4 {
    font-size: em(20); }
  h5, h6 {
    font-size: em(18); } }

@media screen and (max-width: 667px) {
  h1 {
    font-size: em(32); }
  h2 {
    font-size: em(28); }
  h3 {
    font-size: em(24); }
  h4 {
    font-size: em(20); }
  h5, h6 {
    font-size: em(18); } }

@media screen and (max-width: 568px) {
  h1 {
    font-size: em(28); }
  h2 {
    font-size: em(24); }
  h3 {
    font-size: em(20); }
  h4 {
    font-size: em(18); }
  h5, h6 {
    font-size: em(16); }
  p {
    font-size: em(16); } }

@media screen and (max-width: 375px) {
  h1 {
    font-size: em(28); }
  h2 {
    font-size: em(24); }
  h3 {
    font-size: em(20); }
  h4 {
    font-size: em(18); }
  h5, h6 {
    font-size: em(16); }
  p {
    font-size: em(16); } }

/***********************************************************************************/
/* Column Code */
/***********************************************************************************/
.span_12 {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }

.span_11 {
  width: 91.3705583756%;
  float: left;
  margin-right: 3.5532994924%; }

.span_10 {
  width: 82.7411167513%;
  float: left;
  margin-right: 3.5532994924%; }

.span_9 {
  width: 74.1116751269%;
  float: left;
  margin-right: 3.5532994924%; }

.span_8 {
  width: 65.4822335025%;
  float: left;
  margin-right: 3.5532994924%; }

.span_7 {
  width: 56.8527918782%;
  float: left;
  margin-right: 3.5532994924%; }

.span_6 {
  width: 48.2233502538%;
  float: left;
  margin-right: 3.5532994924%; }

.span_5 {
  width: 39.5939086294%;
  float: left;
  margin-right: 3.5532994924%; }

.span_4 {
  width: 30.9644670051%;
  float: left;
  margin-right: 3.5532994924%; }

.span_3 {
  width: 22.3350253807%;
  float: left;
  margin-right: 3.5532994924%; }

.span_2 {
  width: 13.7055837563%;
  float: left;
  margin-right: 3.5532994924%; }

.span_1 {
  width: 5.076142132%;
  float: left;
  margin-right: 3.5532994924%; }

.push_1, .shift_1 {
  margin-left: 8.6294416244%; }

.push_2, .shift_2 {
  margin-left: 17.2588832487%; }

.push_3, .shift_3 {
  margin-left: 25.8883248731%; }

.push_4, .shift_4 {
  margin-left: 34.5177664975%; }

.push_5, .shift_5 {
  margin-left: 43.1472081218%; }

.push_6, .shift_6 {
  margin-left: 51.7766497462%; }

.push_7, .shift_7 {
  margin-left: 405.583756345%; }

.push_8, .shift_8 {
  margin-left: 69.0355329949%; }

.push_9, .shift_9 {
  margin-left: 77.6649746193%; }

.push_10, .shift_10 {
  margin-left: 86.2944162437%; }

.push_11, .shift_11 {
  margin-left: 94.923857868%; }

.push_12, .shift_12 {
  margin-left: 103.553299492%; }

.omega, .last {
  margin-right: 0; }

/***********************************************************************************/
/* Mobile Columns */
/***********************************************************************************/
@media screen and (max-width: 568px) {
  *[class*='span'], *[class^='span'] {
    width: 100%;
    float: right;
    margin-right: 0; }
  *[class*='push'], *[class^='push'] {
    margin-left: 0; } }

/***********************************************************************************/
/* Global Styles */
/***********************************************************************************/
.mobile_only {
  display: none; }

.small_portrait_only {
  display: none; }

.navContain {
  display: none; }

img {
  width: 100%; }

strong, b {
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700; }

em {
  font-style: italic; }

a {
  color: #0072ce;
  text-decoration: none;
  transition: color 0.25s ease; }
  a:hover {
    color: #00148c;
    text-decoration: none; }

.tel {
  color: #FFF;
  text-decoration: none; }
  .tel a {
    color: #FFF;
    text-decoration: none; }
    .tel a:hover {
      color: #FFF;
      text-decoration: none; }

.breadcrumbs {
  font-size: 12px;
  color: #999999;
  margin-bottom: 2.0em; }
  .breadcrumbs a {
    color: #0072ce;
    text-decoration: none;
    transition: color 0.25s ease; }
    .breadcrumbs a:hover {
      color: #00148c;
      text-decoration: underline; }

hr {
  height: 1px;
  width: 100%;
  display: block;
  margin: 1em 0;
  padding: 0;
  border: none;
  background: #0072ce; }

sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

.content {
  padding-top: 1em;
  padding-bottom: 1em; }

.side_padding {
  padding-right: 1em;
  padding-left: 1em; }

.left_padding {
  padding-left: 1em; }

.right_padding {
  padding-right: 1em; }

.padding_20 {
  padding: 20px; }

.padding_40 {
  padding: 0 40px; }

.bg_white {
  background: #FFF; }

.bg_black {
  background: #000;
  color: #CCCCCC; }
  .bg_black h1 {
    color: #0072ce; }
  .bg_black h2 {
    color: #0072ce; }
  .bg_black h3, .bg_black h4, .bg_black h5, .bg_black h6 {
    color: #CCCCCC; }

.bg_dark_gray {
  background: #222222;
  color: #CCCCCC; }
  .bg_dark_gray h1 {
    color: #0072ce; }
  .bg_dark_gray h2 {
    color: #0072ce; }
  .bg_dark_gray h3, .bg_dark_gray h4, .bg_dark_gray h5, .bg_dark_gray h6 {
    color: #CCCCCC; }

.bg_med_gray {
  background: #666666;
  color: #FFF; }
  .bg_med_gray h1 {
    color: #0072ce; }
  .bg_med_gray h2 {
    color: #0072ce; }
  .bg_med_gray h3, .bg_med_gray h4, .bg_med_gray h5, .bg_med_gray h6 {
    color: #CCCCCC; }

.bg_gray {
  background: #e1e1e1; }

.bg_dark_blue {
  background: #00148c;
  color: #FFF; }
  .bg_dark_blue h1, .bg_dark_blue h2, .bg_dark_blue h3, .bg_dark_blue h4, .bg_dark_blue h5, .bg_dark_blue h6 {
    color: #FFF; }

.bg_blue {
  background: #0072ce;
  color: #FFF; }
  .bg_blue h1, .bg_blue h2, .bg_blue h3, .bg_blue h5, .bg_blue h6 {
    color: #FFF; }
  .bg_blue h4 {
    color: #fadc00; }

.bg_light_blue {
  background: #cff0fd;
  color: #000; }
  .bg_light_blue h1, .bg_light_blue h2, .bg_light_blue h3, .bg_light_blue h4, .bg_light_blue h5, .bg_light_blue h6 {
    color: #0072ce; }

.bg_yellow {
  background: #fadc00;
  color: #FFF; }
  .bg_yellow h1, .bg_yellow h2, .bg_yellow h3, .bg_yellow h4, .bg_yellow h5, .bg_yellow h6 {
    color: #FFF; }

.bg_none {
  background: transparent; }

.top_space1 {
  margin-top: 1.0em; }

.top_space2 {
  margin-top: 2.0em; }

.top_space3 {
  margin-top: 3.0em; }

.bottom_space2 {
  margin-bottom: 2.0em; }

/***********************************************************************************/
/* Main / Site Framework */
/***********************************************************************************/
body {
  background: #FFF; }

.body_wrapper {
  background: #FFF; }

.inside-1024 {
  width: 1024px;
  margin: 0 auto;
  zoom: 1;
  position: relative; }
  .inside-1024:before, .inside-1024:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .inside-1024:after {
    clear: both; }

.inside-800 {
  width: 800px;
  margin: 0 auto;
  zoom: 1;
  position: relative; }
  .inside-800:before, .inside-800:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .inside-800:after {
    clear: both; }

section {
  zoom: 1; }
  section:before, section:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  section:after {
    clear: both; }

.container {
  max-width: 1024px;
  margin: 0 auto;
  padding: 2.5em 0;
  zoom: 1; }
  .container:before, .container:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .container:after {
    clear: both; }

.content ul {
  margin: 1.0em 3.5em; }
  .content ul li {
    list-style: disc; }

.feature_img img {
  min-height: 333px;
  max-width: 1280px;
  display: block;
  margin: auto; }

.feature {
  min-height: 333px; }

.inside-feature {
  background: url("../images/feature-1.png") right 0 no-repeat #00148c;
  overflow: hidden;
  width: 1024px;
  min-height: 333px;
  padding-top: 100px;
  margin: 0 auto;
  zoom: 1; }
  .inside-feature:before, .inside-feature:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .inside-feature:after {
    clear: both; }

.feature-txt {
  zoom: 1;
  position: relative; }
  .feature-txt:before, .feature-txt:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .feature-txt:after {
    clear: both; }

.feature-txt2 {
  margin: 60px auto 0 auto;
  zoom: 1;
  position: relative; }
  .feature-txt2:before, .feature-txt2:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .feature-txt2:after {
    clear: both; }

.logo-811 {
  background: url("../images/811.png") 0 0 no-repeat;
  background-size: 400px auto;
  width: 400px;
  height: 185px;
  margin: 0.65em auto 0 auto; }

.order-icon {
  width: 152px;
  height: auto;
  margin: 0 auto;
  float: left; }

.row {
  padding-top: 20px; }

.img_btn {
  background: #000;
  position: relative;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  margin-top: 20px; }
  .img_btn img {
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .img_btn:hover img {
    opacity: 0.3;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .img_btn:hover .img-description {
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out; }
  .img_btn a {
    display: block; }

/***********************************************************************************/
/* Header */
/***********************************************************************************/
header.masthead {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background: white;
  zoom: 1;
  border-top: solid 0px transparent;
  border-bottom: solid 0px transparent;
  z-index: 1050; }
  header.masthead:before, header.masthead:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  header.masthead:after {
    clear: both; }
  header.masthead .inside-nav {
    padding: 0 10px;
    max-width: 1100px;
    margin: 0 auto;
    zoom: 1;
    position: relative; }
    header.masthead .inside-nav:before, header.masthead .inside-nav:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    header.masthead .inside-nav:after {
      clear: both; }
  header.masthead .logo {
    width: 268px;
    margin: 0 auto; }
    header.masthead .logo a {
      display: block;
      width: 268px;
      height: 106px;
      background: url("../images/logo-ngrid.png") 0 0 no-repeat;
      background-size: 268px 106px;
      text-indent: -999em;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }

/***********************************************************************************/
/* Footer */
/***********************************************************************************/
.footer_txt {
  font-size: 16px;
  clear: left; }

.footer-811 {
  margin: 0; }

footer {
  font-size: 16px;
  clear: left;
  background: #00148c;
  padding: 1.5em 0; }
  footer .footer_line_1 {
    zoom: 1; }
    footer .footer_line_1:before, footer .footer_line_1:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    footer .footer_line_1:after {
      clear: both; }
  footer .copyright {
    clear: both;
    margin: .5em 0;
    font-size: 13px;
    font-weight: 700;
    color: #FFF;
    text-align: center; }
    footer .copyright a {
      color: #999999;
      text-decoration: none;
      -webkit-transition: color 0.2s ease;
      -moz-transition: color 0.2s ease;
      -o-transition: color 0.2s ease;
      transition: color 0.2s ease; }
      footer .copyright a:hover {
        color: #0072ce; }
  footer #back-top a.icon {
    position: fixed;
    right: 20px;
    bottom: 60px;
    display: block;
    font-size: 20px;
    padding-bottom: 10px;
    text-align: center;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 5px;
    color: #CCCCCC;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s; }
    footer #back-top a.icon:hover {
      color: #e1e1e1;
      background: #0072ce; }

/***********************************************************************************/
/* Partials and Segments */
/***********************************************************************************/
/***********************************************************************************/
/* CSS Buttons */
/***********************************************************************************/
body .button, body .form input[type="submit"], .form body input[type="submit"] {
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  display: inline-block;
  width: 200px;
  padding: .5em .75em;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-decoration: none;
  text-align: center; }

body .button1 {
  color: #FFF;
  background: #00148c;
  margin: 1.1em auto;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s; }
  body .button1:hover {
    color: #FFF;
    background: #0072ce;
    text-decoration: none;
    cursor: pointer; }

body .button_container {
  margin: 0 auto; }

/***********************************************************************************/
/* Form Fields, Inputs, Textareas */
/***********************************************************************************/
/* Main Pages */
.form {
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25em;
  max-width: 1100px;
  margin: 0 auto;
  /* Placeholder Text Color */ }
  .form .split-row div {
    width: 48.2233502538%;
    float: left;
    margin-right: 3.5532994924%;
    float: right;
    margin-right: 0; }
  .form input[type="text"], .form input[type="email"], .form input[type="password"], .form input[type="tel"], .form textarea {
    background: rgba(255, 255, 255, 0.8);
    display: block;
    color: #0072ce;
    width: 100%;
    padding: .75em;
    font-size: 16px;
    margin-bottom: 20px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
    .form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form input[type="tel"]:focus, .form textarea:focus {
      background: white;
      color: #00148c;
      border: 1px solid #0072ce; }
  .form .submit-row {
    margin-top: 1.5em;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  .form .if-submit-row {
    margin-bottom: em(36); }
  .form input[type="submit"] {
    font-size: 18px;
    color: #FFF;
    background: #00148c;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: none;
    text-align: center; }
    .form input[type="submit"]:hover {
      color: #FFF;
      background: #0072ce;
      text-decoration: none;
      cursor: pointer; }
  .form label {
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    display: block;
    color: #0072ce;
    padding: .5em 0 .5em .75em;
    font-size: 15px; }
  .form ::-webkit-input-placeholder {
    color: #0072ce;
    font-size: 15px; }
  .form :-moz-placeholder {
    /* Firefox 18- */
    color: #0072ce;
    font-size: 15px; }
  .form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #0072ce;
    font-size: 15px; }
  .form :-ms-input-placeholder {
    color: #0072ce;
    font-size: 15px; }
  .form .error {
    background-color: #FFF;
    border: solid 2px #222222;
    padding: 1em;
    margin-bottom: 1em;
    font-size: em(22);
    font-family: 'Lato', Verdana, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #CC0000;
    text-align: center; }
  .form .success {
    background-color: #FFF;
    border: solid 2px #222222;
    padding: 2.5em;
    margin-bottom: 3em; }
    .form .success h4 {
      color: #0072ce; }

/***********************************************************************************/
/* Small Screens */
/***********************************************************************************/
@media screen and (max-width: 1024px) {
  /***********************************************************************************/
  /* Desktop Min View */
  /***********************************************************************************/ }

@media screen and (max-width: 1024px) and (max-width: 1024px) {
  img, object, video, embed {
    max-width: 100%;
    height: auto !important; }
  .inside-960 {
    width: 100%;
    margin: 0 auto;
    zoom: 1;
    position: relative; }
    .inside-960:before, .inside-960:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .inside-960:after {
      clear: both; }
  .default_page {
    margin: 0;
    width: 100%;
    clear: both; }
  header.masthead {
    width: 100%;
    float: right;
    margin-right: 0; }
  .container {
    max-width: 1024px;
    margin: 0 auto;
    padding: 2.0em;
    zoom: 1; }
    .container:before, .container:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .container:after {
      clear: both; }
  .feature {
    min-height: 333px; }
  .inside-feature {
    width: 960px;
    padding-top: 100px; }
  .feature-txt {
    width: 300px; } }

@media screen and (max-width: 1024px) {
  /***********************************************************************************/
  /* iPad Portrait */
  /***********************************************************************************/ }

@media screen and (max-width: 1024px) and (max-width: 768px) {
  .mobile_only {
    display: block; }
  .big_screen_only {
    display: none; }
  .small_portrait_only {
    display: none; }
  .landscape {
    display: block; }
  header.masthead .logo {
    width: 228px;
    margin: 0 auto; }
    header.masthead .logo a {
      display: block;
      width: 228px;
      height: 90px;
      background: url("../images/logo-ngrid.png") 0 0 no-repeat;
      background-size: 228px 90px;
      text-indent: -999em;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  body .navContain {
    top: 100%;
    padding-top: 10px; }
  .feature_img img {
    min-height: 233px;
    width: 100%; }
  .feature {
    min-height: 200px; }
  .inside-feature {
    background: url("../images/feature-1.png") right 0 no-repeat #00148c;
    background-size: auto 200px;
    overflow: hidden;
    width: 768px;
    min-height: 200px;
    padding-top: 44px;
    padding-left: 40px; }
  .feature-txt h1 {
    font-size: 50px;
    width: 300px; }
  .logo-811 {
    background: url("../images/811.png") 0 0 no-repeat;
    background-size: 284px auto;
    width: 284px;
    height: 130px;
    margin: 0.65em auto 0 auto; }
  .content {
    padding: 2em .75em; }
  .img_btn {
    margin-top: 0px;
    margin-bottom: 16px; }
  .img-description {
    display: block;
    font-size: em(16);
    line-height: em(18);
    min-width: 100%;
    height: 50px;
    top: 90%;
    background-color: rgba(0, 0, 0, 0.75); }
    .img-description p {
      margin: 16px; }
  .how_it_works {
    padding: 20px 10px 30px 10px;
    text-align: center;
    min-height: 250px; } }

@media screen and (max-width: 1024px) {
  /***********************************************************************************/
  /* iPhone 6 Plus Landscape */
  /***********************************************************************************/ }

@media screen and (max-width: 1024px) and (max-width: 736px) {
  body .lg_button {
    font-size: em(16);
    letter-spacing: 2px;
    padding: 1.25em 0; }
  body .caption span.border {
    font-size: em(18);
    letter-spacing: 6px; }
  .small_portrait_only {
    display: none; }
  .landscape {
    display: block; }
  .img-description {
    font-size: em(14);
    line-height: em(16);
    height: 50px;
    top: 90%; }
    .img-description p {
      margin: 16px; }
  .container {
    padding: 1.0em; }
  .feature_img img {
    min-height: 223px;
    width: 100%; } }

@media screen and (max-width: 1024px) {
  /***********************************************************************************/
  /* iPhone 6 Landscape */
  /***********************************************************************************/ }

@media screen and (max-width: 1024px) and (max-width: 667px) {
  .inside-feature {
    width: 620px;
    min-height: 200px;
    padding-top: 44px; }
  .landscape {
    display: block; }
  aside.sidebar {
    border-top: 1px solid #CCCCCC;
    margin-top: 1em;
    padding: 2em 0;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    clear: left;
    float: right;
    margin-right: 0;
    margin-top: -1em; }
  .feature_img img {
    min-height: 202px;
    width: 100%; } }

@media screen and (max-width: 1024px) {
  /***********************************************************************************/
  /* iPhone 5 Landscape */
  /***********************************************************************************/ }

@media screen and (max-width: 1024px) and (max-width: 568px) {
  .landscape {
    display: block; }
  .feature_img img {
    min-height: 172px;
    width: 100%; }
  .feature {
    min-height: 180px;
    background-size: auto 180px; }
  .inside-feature {
    width: 318px;
    min-height: 180px;
    padding-top: 34px;
    margin: 0; }
  .feature-txt h1 {
    font-size: 50px;
    width: 260px;
    margin: 0; }
  span.line_break {
    display: block; } }

@media screen and (max-width: 1024px) {
  /***********************************************************************************/
  /* iPhone 6 Plus Portrait */
  /***********************************************************************************/ }

@media screen and (max-width: 1024px) and (max-width: 414px) {
  .big_screen_only {
    display: none; }
  .mobile_only {
    display: none; }
  .small_portrait_only {
    display: block; }
  .landscape {
    display: none; }
  .img-description {
    font-size: em(16);
    line-height: em(18);
    height: 60px;
    top: 92%; }
    .img-description p {
      margin: 20px; }
  .content ul {
    margin: 1.0em 2.0em; }
    .content ul li {
      list-style: disc; }
  .feature_img img {
    min-height: 125px;
    width: 100%; }
  .feature {
    min-height: 120px; }
  .inside-feature {
    background: url("../images/feature-1.png") right 0 no-repeat #00148c;
    background-size: auto 120px;
    overflow: hidden;
    width: 414px;
    min-height: 120px;
    padding: 24px 0 0 20px; }
  .feature-txt h1 {
    width: auto;
    font-size: 34px;
    margin: 0; }
  .footer_txt {
    text-align: left; }
  .footer_col1, .footer_col2, .footer_col3 {
    margin: 1em 0; }
  .footer-811 {
    margin: 1.0em 0; } }

@media screen and (max-width: 1024px) {
  /***********************************************************************************/
  /* iPhone 6 Portrait */
  /***********************************************************************************/ }

@media screen and (max-width: 1024px) and (max-width: 375px) {
  .big_screen_only {
    display: none; }
  .mobile_only {
    display: none; }
  .small_portrait_only {
    display: block; }
  .landscape {
    display: none; }
  .feature_img img {
    min-height: 114px;
    width: 100%; }
  .feature {
    min-height: 120px; }
  .inside-feature {
    background: url("../images/feature-1.png") right 0 no-repeat #00148c;
    background-size: auto 120px;
    overflow: hidden;
    width: 375px;
    min-height: 120px;
    padding: 24px 0 0 20px; }
  .feature-txt h1 {
    width: auto;
    font-size: 30px;
    margin: 0; } }

@media screen and (max-width: 1024px) {
  /***********************************************************************************/
  /* iPhone 4 and 5 Portrait */
  /***********************************************************************************/ }

@media screen and (max-width: 1024px) and (max-width: 320px) {
  .landscape {
    display: none; }
  .feature_img img {
    min-height: 97px;
    width: 100%; }
  .feature {
    min-height: 120px; }
  .inside-feature {
    background: url("../images/feature-1.png") 160px 0 no-repeat #00148c;
    background-size: auto 120px;
    overflow: hidden;
    width: 320px;
    min-height: 120px;
    padding: 24px 0 0 20px; }
  .feature-txt h1 {
    width: auto;
    font-size: 30px;
    margin: 0; }
  .logo-811 {
    background: url("../images/811.png") 0 0 no-repeat;
    background-size: 234px auto;
    width: 234px;
    height: 110px;
    margin: 0.7em auto 0 auto; }
  .img-description {
    font-size: em(14);
    line-height: em(16);
    height: 60px;
    top: 92%; }
    .img-description p {
      margin: 20px; }
  .content ul {
    margin: 1.0em 1.2em; }
    .content ul li {
      list-style: disc; } }