/************** 

Add reusable elements here. For example, with colors:

$blue: #0000ff;

To then implement this in the other .scss files:

.class {
	color: $blue;
}

***************/
/**/
/***************************

GRID SYSTEM

***************************/
/* Splits Up The Page Horizontally & Clears Itself */
.row {
  clear: both;
  padding: 0px;
  margin: 0; }

.row:before,
.row:after {
  content: "";
  display: table; }

.row:after {
  clear: both; }

/* Divides The Row Into Columns */
.col {
  display: block;
  float: left;
  margin: 0% 0 0 1.6%; }

.col:first-child {
  margin-left: 0; }

.col:before,
.col:after {
  content: " ";
  display: table; }

.col:after {
  clear: both; }

/*  Remove margins as all go full width at 480 pixels */
@media only screen and (max-width: 480px) {
  .row {
    margin-left: 0;
    margin-right: 0; }

  .col {
    margin: 1% 0 1% 0%; } }
/* GRID OF TWO */
.grid2-2 {
  width: 100%; }

.grid1-2 {
  width: 49.2%; }

/* GRID OF THREE */
.grid3-3 {
  width: 100%; }

.grid2-3 {
  width: 66.13%; }

.grid1-3 {
  width: 32.26%; }

/* GRID OF FOUR */
.grid4-4 {
  width: 100%; }

.grid3-4 {
  width: 74.6%; }

.grid2-4 {
  width: 49.2%; }

.grid1-4 {
  width: 23.8%; }

/* GRID OF FIVE */
.grid5-5 {
  width: 100%; }

.grid4-5 {
  width: 79.68%; }

.grid3-5 {
  width: 59.36%; }

.grid2-5 {
  width: 39.04%; }

.grid1-5 {
  width: 18.72%; }

/* GRID OF SIX */
.grid6-6 {
  width: 100%; }

.grid5-6 {
  width: 83.06%; }

.grid4-6 {
  width: 66.13%; }

.grid3-6 {
  width: 49.2%; }

.grid2-6 {
  width: 32.26%; }

.grid1-6 {
  width: 15.33%; }

/* GRID OF SEVEN */
.grid7-7 {
  width: 100%; }

.grid6-7 {
  width: 85.48%; }

.grid5-7 {
  width: 70.97%; }

.grid4-7 {
  width: 56.45%; }

.grid3-7 {
  width: 41.94%; }

.grid2-7 {
  width: 27.42%; }

.grid1-7 {
  width: 12.91%; }

/* GRID OF EIGHT */
.grid8-8 {
  width: 100%; }

.grid7-8 {
  width: 87.3%; }

.grid6-8 {
  width: 74.6%; }

.grid5-8 {
  width: 61.9%; }

.grid4-8 {
  width: 49.2%; }

.grid3-8 {
  width: 36.5%; }

.grid2-8 {
  width: 23.8%; }

.grid1-8 {
  width: 11.1%; }

/* GRID OF NINE */
.grid9-9 {
  width: 100%; }

.grid8-9 {
  width: 88.71%; }

.grid7-9 {
  width: 77.42%; }

.grid6-9 {
  width: 66.13%; }

.grid5-9 {
  width: 54.84%; }

.grid4-9 {
  width: 43.55%; }

.grid3-9 {
  width: 32.26%; }

.grid2-9 {
  width: 20.97%; }

.grid1-9 {
  width: 9.68%; }

/* GRID OF TEN */
.grid10-10 {
  width: 100%; }

.grid9-10 {
  width: 89.84%; }

.grid8-10 {
  width: 79.68%; }

.grid7-10 {
  width: 69.52%; }

.grid6-10 {
  width: 59.36%; }

.grid5-10 {
  width: 49.2%; }

.grid4-10 {
  width: 39.04%; }

.grid3-10 {
  width: 28.88%; }

.grid2-10 {
  width: 18.72%; }

.grid1-10 {
  width: 8.56%; }

/* GRID OF ELEVEN */
.grid11-11 {
  width: 100%; }

.grid10-11 {
  width: 90.76%; }

.grid9-11 {
  width: 81.52%; }

.grid8-11 {
  width: 72.29%; }

.grid7-11 {
  width: 63.05%; }

.grid6-11 {
  width: 53.81%; }

.grid5-11 {
  width: 44.58%; }

.grid4-11 {
  width: 35.34%; }

.grid3-11 {
  width: 26.1%; }

.grid2-11 {
  width: 16.87%; }

.grid1-11 {
  width: 7.63%; }

/*  GRID OF TWELVE */
.grid12-12 {
  width: 100%; }

.grid11-12 {
  width: 91.53%; }

.grid10-12 {
  width: 83.06%; }

.grid9-12 {
  width: 74.6%; }

.grid8-12 {
  width: 66.13%; }

.grid7-12 {
  width: 57.66%; }

.grid6-12 {
  width: 49.2%; }

.grid5-12 {
  width: 40.73%; }

.grid4-12 {
  width: 32.26%; }

.grid3-12 {
  width: 23.8%; }

.grid2-12 {
  width: 15.33%; }

.grid1-12 {
  width: 6.86%; }

/*  Go Full Width At Less Than 480 Pixels */
@media (max-width: 480px) {
  div[class*='grid'] {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px; }

  .respond {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px; }

  .respond-half {
    width: 49%;
    margin-left: 2%;
    margin-right: 0; }

  .respond-half:first-child {
    margin-left: 0; } }
/* Responsive Media Container */
.embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  height: 0;
  overflow: hidden; }

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

/* Horizontal Tablet Show / Hide Classes */
@media only screen and (max-width: 1024px) {
  .hide-htablet {
    display: none !important; }

  .show-htablet {
    display: block !important; } }
/* Vertical Tablet Show / Hide Classes */
@media only screen and (max-width: 768px) {
  .hide-vtablet {
    display: none !important; }

  .show-vtablet {
    display: block !important; } }
/* Mobile Show / Hide Classes */
@media only screen and (max-width: 480px) {
  .hide-mobile {
    display: none !important; }

  .show-mobile {
    display: block !important; } }
/* Reponsive Images */
img {
  /* Ensure images don't scale beyond their parents */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/* Make image not responsive */
img.not-responsive {
  max-width: none; }

/************** 

Base button styles for the front-end of the site should go here. For example:

.btn (this includes css used for all buttons, plus padding and font-size for a default button)
.btn-lg (this dictates the button size and would be larger than ".btn", so you'd include padding and font-size)
.btn-primary (this dictates the button color, so you'd include background-color, color, and possibly border)
.btn-secondary (this dictates the button color, so you'd include background-color, color, and possibly border)

***************/
.btn-primary {
  background: #586889;
  color: #fff; }

.btn-primary:hover {
  background: #4A5875;
  color: #fff; }

.btn-secondary {
  background: #d0112b;
  color: #fff; }

.btn-secondary:hover {
  background: #c01016;
  color: #fff; }

.btn-white {
  background: #fff;
  color: #586889; }

.btn-white:hover {
  background: #f4f4f4;
  color: #586889; }

.btn-lg,
input.btn-lg {
  border: none;
  border-radius: 3px;
  display: inline-block;
  font-family: open_sansbold;
  font-size: 14px;
  padding: 18px;
  text-align: right;
  text-transform: uppercase;
  text-align: center;
  line-height: 100%; }

.btn-small-blue,
input.btn-small-blue {
  color: #fff;
  display: inline-block;
  float: left;
  font-family: open_sansbold;
  font-size: 12px;
  padding: 8px 14px;
  text-transform: uppercase;
  line-height: 100%; }

/************** 

This would be for Components or UC's (User Controls) we have built in our backend. 

Standard components in here as of 3/28:

1. Thank You Page UC - Styling for the thank you page after a form has been filled out.
2. Page Banner UC - Styling for a full width banner image + H1 and subheading. 
3. CTA Banner UC - Styling for a full width banner image + H1, subheading, and CTA buttons. 

***************/
/************************************************

THANK YOU PAGE UC

************************************************/
#wrapper_thank_you {
  text-align: center;
  padding: 40px 0 80px 0; }

#wrapper_thank_you h1 {
  color: #333; }

#wrapper_thank_you .thank-you-link {
  display: inline-block;
  width: 15%;
  margin: 0 2%; }

#wrapper_thank_you .thank-you-link h2 {
  font-size: 18px; }

#wrapper_thank_you .thank-you-link img {
  max-width: 100%;
  height: auto;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#wrapper_thank_you .thank-you-link img:hover {
  opacity: .90; }

@media (max-width: 768px) {
  #wrapper_thank_you .thank-you-link {
    display: inline-block;
    width: 43%;
    margin: 0 2%; }

  #wrapper_thank_you .thank-you-link h2 {
    font-size: 21px; } }
@media (min-width: 320px) and (max-width: 480px) {
  #wrapper_thank_you .thank-you-link {
    display: inline-block;
    width: 70%;
    margin: 2% auto; }

  #wrapper_thank_you .thank-you-link h2 {
    font-size: 18px; } }
/************************************************

PAGE BANNER UC

************************************************/
.page-banner {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  padding: 50px 0;
  position: relative; }

.page-banner .setcontainer {
  text-align: center;
  position: relative;
  z-index: 2; }

.overlay-page-banner {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.page-banner .setcontainer h1 {
  font-size: 40px;
  margin: 0 0 15px 0; }

.page-banner .setcontainer span {
  font-size: 24px; }

@media (max-width: 480px) {
  .page-banner {
    padding: 30px 0; } }
/* END OF PAGE BANNER UC */
/************************************************

CTA BANNER UC

************************************************/
.cta-banner {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  padding: 50px 0;
  position: relative; }

.cta-banner .setcontainer {
  text-align: center;
  position: relative;
  z-index: 2; }

.overlay-cta {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.cta-banner .setcontainer h2 {
  font-size: 36px;
  margin: 0 0 15px 0; }

.cta-banner .button-wrapper a {
  display: inline-block;
  margin: 0 10px; }

@media (max-width: 480px) {
  .cta-banner {
    padding: 30px 0; }

  .cta-banner .button-wrapper a {
    display: block;
    margin: 10px 0; } }
/***************************

FLEX GRID 

***************************/
.flex-col,
.flex1-12,
.flex2-12,
.flex3-12,
.flex4-12,
.flex5-12,
.flex6-12,
.flex7-12,
.flex8-12,
.flex9-12,
.flex10-12,
.flex11-12,
.flex12-12 {
  box-sizing: border-box;
  flex-basis: 100%; }

.flex-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

/* Devices larger than 481px */
@media (min-width: 481px) {
  .flex-col {
    flex: 1 1 0 !important; }

  .flex1-12 {
    flex-basis: 8.333% !important; }

  .flex2-12 {
    flex-basis: 16.666% !important; }

  .flex3-12 {
    flex-basis: 25% !important; }

  .flex4-12 {
    flex-basis: 33.333% !important; }

  .flex5-12 {
    flex-basis: 41.666% !important; }

  .flex6-12 {
    flex-basis: 50% !important; }

  .flex7-12 {
    flex-basis: 58.333% !important; }

  .flex8-12 {
    flex-basis: 66.666% !important; }

  .flex9-12 {
    flex-basis: 75% !important; }

  .flex10-12 {
    flex-basis: 83.333% !important; }

  .flex11-12 {
    flex-basis: 91.666% !important; }

  .flex12-12 {
    flex-basis: 100% !important; } }
/* Vertical & Horizontal Alignment */
.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

/* END OF FLEX GRID */
/************************************************

H-TABS

************************************************/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; }

.h-tabs-container {
  /* H-Tabs Style: Button Tabs */
  /* H-Tabs Style: Button Group Tabs */ }
  .h-tabs-container .h-tab-links {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #ddd; }
    .h-tabs-container .h-tab-links li {
      display: inline-block;
      margin: 0;
      cursor: pointer; }
      .h-tabs-container .h-tab-links li a {
        display: block;
        text-decoration: none;
        padding: 10px 20px;
        border-bottom: 3px solid transparent;
        color: #666;
        -webkit-transition: .3s all;
        transition: .3s all; }
        .h-tabs-container .h-tab-links li a:hover {
          text-decoration: none;
          color: #d0112b; }
        .h-tabs-container .h-tab-links li a.h-tab-link-current {
          border-bottom-color: #d0112b;
          color: #d0112b; }
  .h-tabs-container .h-tab-content.h-tab-content-current {
    display: inherit; }
  .h-tabs-container .h-tab-links-toggle.button.button-sm {
    display: none;
    position: relative;
    padding: 12px 36px 12px 18px;
    cursor: pointer;
    border-radius: 3px; }
    .h-tabs-container .h-tab-links-toggle.button.button-sm:after {
      position: absolute;
      right: 18px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-family: "FontAwesome";
      content: "\f107";
      -webkit-transition: .3s all;
      transition: .3s all; }
    .h-tabs-container .h-tab-links-toggle.button.button-sm.toggle-clicked:after {
      -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg); }
  .h-tabs-container.single-htab .h-tab-links-toggle.button.button-sm {
    display: none !important; }
  .h-tabs-container.style-button-tabs .h-tab-links {
    border: none; }
    .h-tabs-container.style-button-tabs .h-tab-links li {
      margin-right: 10px; }
      .h-tabs-container.style-button-tabs .h-tab-links li:last-child {
        margin-right: 0; }
      .h-tabs-container.style-button-tabs .h-tab-links li a {
        border: 1px solid #ddd;
        border-radius: 0;
        padding: 8px 18px; }
        .h-tabs-container.style-button-tabs .h-tab-links li a:hover {
          color: #d0112b; }
        .h-tabs-container.style-button-tabs .h-tab-links li a.h-tab-link-current {
          border-color: #d0112b;
          background: #d0112b;
          color: #fff; }
  .h-tabs-container.style-button-group-tabs .h-tab-links {
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 0; }
    .h-tabs-container.style-button-group-tabs .h-tab-links li {
      margin-left: -4px; }
      .h-tabs-container.style-button-group-tabs .h-tab-links li a {
        padding: 8px 18px;
        border: none; }
        .h-tabs-container.style-button-group-tabs .h-tab-links li a:hover {
          background: #fcfafa;
          color: #d0112b; }
        .h-tabs-container.style-button-group-tabs .h-tab-links li a.h-tab-link-current {
          border-color: #d0112b;
          background: #d0112b;
          color: #fff; }
      .h-tabs-container.style-button-group-tabs .h-tab-links li:first-child {
        border-radius: 3px 0 0 3px;
        margin-left: 0; }
      .h-tabs-container.style-button-group-tabs .h-tab-links li:last-child {
        border-radius: 0 3px 3px 0; }
  @media (max-width: 767px) {
    .h-tabs-container .h-tab-links-toggle.button.button-sm {
      display: block; }
    .h-tabs-container:not(.single-htab) .h-tab-links, .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links {
      display: none;
      background: #fcfafa;
      border: none;
      margin-top: -3px;
      /* makes sure container is flush with toggle button */
      padding: 13px 0 10px 0; }
      .h-tabs-container:not(.single-htab) .h-tab-links.show-h-tab-links, .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links.show-h-tab-links {
        display: block; }
      .h-tabs-container:not(.single-htab) .h-tab-links li,
      .h-tabs-container:not(.single-htab) .h-tab-links li:first-child,
      .h-tabs-container:not(.single-htab) .h-tab-links li:last-child, .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li,
      .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li:first-child,
      .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li:last-child {
        display: block;
        margin: 0;
        border-radius: 0;
        background: transparent; }
        .h-tabs-container:not(.single-htab) .h-tab-links li a,
        .h-tabs-container:not(.single-htab) .h-tab-links li:first-child a,
        .h-tabs-container:not(.single-htab) .h-tab-links li:last-child a, .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li a,
        .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li:first-child a,
        .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li:last-child a {
          border-radius: 0;
          border: none;
          border-left: 3px solid transparent; }
          .h-tabs-container:not(.single-htab) .h-tab-links li a.h-tab-link-current,
          .h-tabs-container:not(.single-htab) .h-tab-links li:first-child a.h-tab-link-current,
          .h-tabs-container:not(.single-htab) .h-tab-links li:last-child a.h-tab-link-current, .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li a.h-tab-link-current,
          .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li:first-child a.h-tab-link-current,
          .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li:last-child a.h-tab-link-current {
            background: transparent;
            border-left-color: #d0112b;
            color: #d0112b; }
          .h-tabs-container:not(.single-htab) .h-tab-links li a:hover,
          .h-tabs-container:not(.single-htab) .h-tab-links li:first-child a:hover,
          .h-tabs-container:not(.single-htab) .h-tab-links li:last-child a:hover, .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li a:hover,
          .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li:first-child a:hover,
          .h-tabs-container:not(.single-htab)[class*="style-"] .h-tab-links li:last-child a:hover {
            background: transparent; }
    .h-tabs-container.single-htab .h-tab-links {
      display: block !important; }
      .h-tabs-container.single-htab .h-tab-links li {
        width: 100%; } }

html.js .h-tab-content {
  display: none; }
  html.js .h-tab-content.h-tab-content-current {
    display: inherit; }

/* END OF H-TABS */
/************************************************

FRONT END FORM STYLING

************************************************/
.front-end-form,
.subpage-container {
  /* Custom Checkbox & Radio Inputs */
  /* End of Custom Checkbox & Radio Inputs */ }
  .front-end-form .input-row,
  .subpage-container .input-row {
    clear: left;
    display: block;
    margin-bottom: 15px;
    padding: 0 0 5px 0; }
  .front-end-form label,
  .subpage-container label {
    display: inline-block;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #666; }
  .front-end-form input[type="text"],
  .front-end-form input[type="password"],
  .front-end-form input[type="email"],
  .front-end-form input[type="tel"],
  .front-end-form input[type="number"],
  .front-end-form select,
  .front-end-form textarea, .front-end-form:not(#wrapper-submittruck) #hhImageController,
  .subpage-container input[type="text"],
  .subpage-container input[type="password"],
  .subpage-container input[type="email"],
  .subpage-container input[type="tel"],
  .subpage-container input[type="number"],
  .subpage-container select,
  .subpage-container textarea,
  .subpage-container:not(#wrapper-submittruck) #hhImageController {
    border: 1px solid #d9cbcd;
    font-size: 16px;
    background-color: #fff;
    padding: 16px 14px;
    width: 100%;
    max-width: 100%;
    border-radius: 2px;
    color: #4b4f54;
    height: auto;
    font-family: 'open_sansregular', sans-serif; }
  .front-end-form textarea,
  .subpage-container textarea {
    min-height: 150px; }
  .front-end-form select,
  .subpage-container select {
    background: #fff url("../images/select-dropdown-caret.png") no-repeat right 15px center;
    -webkit-background-size: 11px 15px;
    background-size: auto 7px;
    cursor: pointer;
    padding: 15px 33px 15px 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    .front-end-form select::-ms-expand,
    .subpage-container select::-ms-expand {
      display: none; }
    .front-end-form select.select-default option[disabled],
    .front-end-form select option[disabled],
    .subpage-container select.select-default option[disabled],
    .subpage-container select option[disabled] {
      color: #999; }
    .front-end-form select.select-default,
    .subpage-container select.select-default {
      color: #999; }
      .front-end-form select.select-default option,
      .subpage-container select.select-default option {
        color: #4b4f54; }
  .front-end-form .hcontent .check-radio-list,
  .front-end-form .check-radio-list,
  .subpage-container .hcontent .check-radio-list,
  .subpage-container .check-radio-list {
    padding-left: 0; }
    .front-end-form .hcontent .check-radio-list li,
    .front-end-form .check-radio-list li,
    .subpage-container .hcontent .check-radio-list li,
    .subpage-container .check-radio-list li {
      list-style: none;
      margin-bottom: 5px; }
  .front-end-form .check-radio-wrapper label,
  .subpage-container .check-radio-wrapper label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-bottom: 0; }
  .front-end-form .check-radio-wrapper input[type="checkbox"]:disabled:not(:checked) + span,
  .front-end-form .check-radio-wrapper input[type="checkbox"]:disabled:checked + span,
  .front-end-form .check-radio-wrapper input[type="radio"]:disabled:not(:checked) + span,
  .front-end-form .check-radio-wrapper input[type="radio"]:disabled:checked + span,
  .subpage-container .check-radio-wrapper input[type="checkbox"]:disabled:not(:checked) + span,
  .subpage-container .check-radio-wrapper input[type="checkbox"]:disabled:checked + span,
  .subpage-container .check-radio-wrapper input[type="radio"]:disabled:not(:checked) + span,
  .subpage-container .check-radio-wrapper input[type="radio"]:disabled:checked + span {
    opacity: .60;
    cursor: default; }
  .front-end-form .check-radio-wrapper input[type="checkbox"]:not(:checked),
  .front-end-form .check-radio-wrapper input[type="checkbox"]:checked,
  .front-end-form .check-radio-wrapper input[type="radio"]:not(:checked),
  .front-end-form .check-radio-wrapper input[type="radio"]:checked,
  .subpage-container .check-radio-wrapper input[type="checkbox"]:not(:checked),
  .subpage-container .check-radio-wrapper input[type="checkbox"]:checked,
  .subpage-container .check-radio-wrapper input[type="radio"]:not(:checked),
  .subpage-container .check-radio-wrapper input[type="radio"]:checked {
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: -1;
    width: auto !important;
    opacity: 0;
    visibility: hidden;
    margin: 0; }
  .front-end-form .check-radio-wrapper span,
  .subpage-container .check-radio-wrapper span {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    min-height: 22px;
    margin: 0;
    line-height: 1.2; }
  .front-end-form .check-radio-wrapper input[type="checkbox"] + span:before,
  .front-end-form .check-radio-wrapper input[type="radio"] + span:before,
  .subpage-container .check-radio-wrapper input[type="checkbox"] + span:before,
  .subpage-container .check-radio-wrapper input[type="radio"] + span:before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: -2px;
    content: "";
    width: 22px;
    height: 22px;
    margin-right: 5px;
    line-height: 18px;
    z-index: 1;
    background: #fff;
    border: 1px solid #d9cbcd; }
  .front-end-form .check-radio-wrapper input[type="checkbox"] + span:before,
  .subpage-container .check-radio-wrapper input[type="checkbox"] + span:before {
    border-radius: 2px;
    font-family: "FontAwesome";
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    text-indent: 0; }
  .front-end-form .check-radio-wrapper input[type="radio"] + span:before,
  .subpage-container .check-radio-wrapper input[type="radio"] + span:before {
    border-radius: 50%; }
  .front-end-form .check-radio-wrapper input[type="checkbox"]:checked + span:before,
  .subpage-container .check-radio-wrapper input[type="checkbox"]:checked + span:before {
    background: #586889;
    border-color: #586889;
    content: "\f00c";
    color: #fff; }
  .front-end-form .check-radio-wrapper input[type="radio"]:checked + span:before,
  .subpage-container .check-radio-wrapper input[type="radio"]:checked + span:before {
    background: #586889;
    border-color: #586889; }
  .front-end-form .check-radio-wrapper input[type="radio"]:checked + span:after,
  .subpage-container .check-radio-wrapper input[type="radio"]:checked + span:after {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 4px;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    z-index: 2;
    border-radius: 50%; }

.form-button-row {
  padding-top: 25px;
  margin-top: 5px;
  border-top: 1px solid #ddd; }
  .form-button-row .col {
    text-align: right; }

.button {
  font-family: 'open_sansbold', sans-serif;
  text-transform: uppercase;
  line-height: 1;
  text-decoration: none !important;
  display: inline-block;
  border: none;
  box-shadow: none;
  -webkit-transition: .3s all;
  transition: .3s all;
  border-radius: 2px !important;
  padding: 20px 35px;
  font-size: 16px; }

.button.button-primary {
  background: #586889;
  color: #fff; }
  .button.button-primary:not(.button-disabled):hover, .button.button-primary:not(.button-disabled):focus, .button.button-primary:not(.button-disabled):active {
    background: #657598;
    color: #fff; }

@media (max-width: 767px) {
  .button {
    padding: 14px 30px;
    font-size: 16px; } }
/* END OF FRONT END FORMS */
/***************************

CLAIMS PAGE

***************************/
.content-banner.claims-banner {
  background-image: url("https://www.fmiweb.com/images/ReportAClaim_215350363.jpg"); }
  .content-banner.claims-banner .setcontainer {
    position: relative;
    z-index: 2; }
    .content-banner.claims-banner .setcontainer h1,
    .content-banner.claims-banner .setcontainer p {
      text-align: center;
      color: #fff;
      text-shadow: 0 0 46px rgba(0, 0, 0, 0.56); }
    .content-banner.claims-banner .setcontainer h1 {
      margin-bottom: 20px; }
    .content-banner.claims-banner .setcontainer p {
      font-size: 28px;
      line-height: 1.4;
      max-width: 920px;
      margin: 0 auto; }
      @media (max-width: 767px) {
        .content-banner.claims-banner .setcontainer p {
          font-size: 21px; } }

.content-detail.claims-page .claim-options-row {
  padding: 40px 0;
  border-bottom: 1px solid #ddd; }
  .content-detail.claims-page .claim-options-row .claim-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 480px) {
      .content-detail.claims-page .claim-options-row .claim-option:not(:last-child) {
        padding-bottom: 15px; } }
    .content-detail.claims-page .claim-options-row .claim-option .claim-option-icon {
      width: 55px; }
    .content-detail.claims-page .claim-options-row .claim-option .claim-option-content {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 14px; }
      .content-detail.claims-page .claim-options-row .claim-option .claim-option-content h4 {
        font-size: 21px;
        color: #d0112b;
        margin: 0 0 5px 0;
        padding: 0; }
      .content-detail.claims-page .claim-options-row .claim-option .claim-option-content p {
        line-height: 1.5;
        margin-bottom: 0; }
        .content-detail.claims-page .claim-options-row .claim-option .claim-option-content p a {
          text-decoration: underline; }
.content-detail.claims-page .claim-online-row {
  padding: 100px 0; }
  @media (max-width: 480px) {
    .content-detail.claims-page .claim-online-row {
      padding: 50px 0; } }
  .content-detail.claims-page .claim-online-row .claims-box-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
    .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-content {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding: 45px; }
      @media (max-width: 480px) {
        .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-content {
          padding: 25px; } }
      .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-content h2 {
        font-size: 32px;
        margin-bottom: 10px;
        padding-top: 0; }
        @media (max-width: 480px) {
          .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-content h2 {
            font-size: 26px; } }
    .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs {
      -ms-flex-preferred-size: 690px;
      flex-basis: 690px;
      border-left: 1px solid #ddd; }
      .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container ul.h-tab-links {
          display: block;
          border: none; }
          .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container ul.h-tab-links:after {
            clear: both;
            display: block;
            content: ""; }
          .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container ul.h-tab-links li {
            display: block;
            float: left;
            width: 33.33%;
            margin: 0;
            border-radius: 0 !important; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container ul.h-tab-links li a {
              font-family: 'open_sansbold';
              background: #fff;
              border-top: 3px solid transparent;
              text-align: center;
              padding: 25px 15px; }
              .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container ul.h-tab-links li a.h-tab-link-current {
                background: #fcfafa;
                border-top-color: #d0112b;
                color: #d0112b; }
          @media (max-width: 767px) {
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container ul.h-tab-links {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              padding-top: 0;
              border-top: 1px solid #ddd; }
              .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container ul.h-tab-links li a {
                height: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 14px;
                padding: 15px 10px; }
                .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container ul.h-tab-links li a.h-tab-link-current {
                  border-left: none; } }
        .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content {
            height: 100%;
            padding: 35px 40px; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content.h-tab-content-current {
              background: #fcfafa; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content > *:first-child {
              margin-top: 0;
              padding-top: 0; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content > *:last-child {
              margin-bottom: 0;
              padding-bottom: 0; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content h3 {
              margin-bottom: 5px; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content .small-note {
              font-size: 14px; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content.claim-tab-register .small-note {
              margin-top: 10px;
              font-style: italic; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content.claim-tab-guest h3 {
              margin-bottom: 15px; }
            .content-detail.claims-page .claim-online-row .claims-box-wrapper .claims-box-tabs .h-tabs-container .h-tab-content-container .h-tab-content.claim-tab-guest .small-note {
              margin-top: 10px; }