@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light-webfont.eot');
  src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Light-webfont.woff') format('woff'),
       url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
       url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/Roboto-Medium-webfont.eot');
  src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
       url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
       url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

table, td, tr {
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
}

.web-only {
  display: inline;
}

.mob-only {
  display: none;
}

body {
  padding: 0px;
  margin: 0px;
  background: #FFFFFF;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

card {
  display:inline-block;
  width: 100%;
  background: white;
  background-size: 20px 600px;
}

.logo-large {
  margin-top: 60px;
  text-align: center;
}

.card-wrapper {
  text-align: center;
  margin-top: 74px;
  margin-bottom: 50px;
  padding: 0px 10px;
}

.card-border {
  border: 0px;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  text-align: left;
}

.card-border-tl {
  width: 16px;
  height 15px;
  background: url(../images/card_corner_top-left.png);
  background-size: 16px 15px;
}

.card-border-t {
  height: 15px;
  background: url(../images/card_top.png);
  background-repeat:repeat-x;
  background-size: 31px 15px;
}

.card-border-tr {
  width: 15px;
  height 15px;
  background: url(../images/card_corner_top-right.png);
  background-size: 15px 15px;
}

.card-border-l {
  width: 16px;
  background: url(../images/card_left.png);
  background-repeat:repeat-y;
  background-size: 16px 30px;
}

.card-border-r {
  width: 15px;
  background: url(../images/card_right.png);
  background-repeat:repeat-y;
  background-size: 15px 30px;
}

.card-border-l-line {
  width: 16px;
  height: 15px;
  background: url(../images/card_left_line.png);
  background-size: 16px 15px;
}

.card-border-line {
  height: 15px;
  background: url(../images/card_line.png);
  background-repeat:repeat-x;
  background-size: 15px 15px;
}

.card-border-r-line {
  width: 15px;
  height: 15px;
  background: url(../images/card_right_line.png);
  background-size: 15px 15px;
}

.card-border-bl {
  width: 16px;
  height 15px;
  background: url(../images/card_corner_bottom-left.png);
  background-size: 16px 15px;
}

.card-border-b {
  height: 15px;
  background: url(../images/card_bottom.png);
  background-repeat:repeat-x;
  background-size: 31px 15px;
}

.card-border-br {
  width: 15px;
  height 15px;
  background: url(../images/card_corner_bottom-right.png);
  background-size: 15px 15px;
}

.card-description {
  background: #FFFFFF;
  padding: 28px 25px 22px 28px;
}

.card-links {
  background: #FFFFFF;
  padding: 8px 29px 0px 29px;
}

.card-text {
  font-family: "Roboto-Light", sans-serif;
  font-size: 24px;
  color: #868686;
  line-height: 36px;
}

.card-link {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 14px;
  color: #00BFA5;
  position: relative;
  top: 6px;
  line-height: 45px;
}

.card-link-spacing {
  padding-right: 50px;
}

.card-image-spacing {
  padding-right: 20px;
}

.card-image-float {
  float: right;
}

.card-links-float {
  float: left;
  clear: left;
}

status {
  display:inline-block;
  width: 100%;
  background: #193159;
}

.status-wrapper {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 60px;
  padding: 0px 10px;
}

.status-content {
  max-width: 840px;
  margin: 0 auto;
  padding: 0px 0px;
  text-align: left;
}

.status-intro-text {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 14px;
  color: #B4C1DB;
  padding-left: 4px;
  margin-top: -3px;
  margin-bottom: 8px;
}

.status-title-text {
  font-family: "Roboto-Light", sans-serif;
  font-size: 36px;
  color: #FFFFFF;
  padding-left: 50px;
  margin: 0px 0px;
}

.status-description-text {
  font-family: "Roboto-Light", sans-serif;
  font-size: 18px;
  color: #E0E4EA;
  padding-left: 52px;
  margin: 11px 0px -4px 0px;
}

.status-image-float {
  float: left;
  padding-left: 10px;
  padding-top: 14px;
}

description {
  display:inline-block;
  width: 100%;
  background: #F4F4F4;
}

.description-wrapper {
  text-align: center;
  margin-top: 64px;
  margin-bottom: 74px;
  padding: 0px 10px;
}

.description-content {
  max-width: 840px;
  margin: 0 auto;
  padding: 0px 0px;
  text-align: left;
}

.description-intro-text {
  font-family: "Roboto-Light", sans-serif;
  font-size: 36px;
  color: #00325A;
  margin-bottom: 40px;
}

.description-title-text {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 18px;
  color: #00325A;
  padding-left: 49px;
  padding-top: 2px;
}

.description-description-text {
  font-family: "Roboto-Light", sans-serif;
  font-size: 18px;
  color: #808080;
  padding: 0px 0px 30px 49px;
}

.description-ol-image {
  float: left;
  padding-left: 10px;
}

.description-ul-image {
  float: left;
  padding-left: 10px;
  padding-top: 8px;
}

footer {
  display:inline-block;
  width: 100%;
  background: #FFFFFF;
}

.footer-wrapper {
  text-align: center;
  height: 120px;
  padding: 0px 10px;
}

.footer-content {
  max-width: 840px;
  margin: 0 auto;
  padding: 68px 0px 0px 0px;
  text-align: left;
}

.footer-image {
  margin-top: -31px;
  padding: 0px;
}

.footer-text {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 12px;
  color: #757575;
}

.footer-link {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 12px;
  color: #00BFA5;
}

.footer-float {
  float: right;
}

.footer-link-spacing {
  padding-right: 50px;
}