/* --------------------- */
/* Header */
/* --------------------- */
header.navbar.home-search {
  background-color: #fff; }
  header.navbar.home-search #primary a {
    color: #04548F; }

header .logo {
  text-align: center; }
  header .logo img {
    margin-bottom: 0rem;
    width: 317px; }

header .navbar-button {
  left: 1rem;
  right: 0;
  z-index: 999999999999999999; }
  header .navbar-button .fa-bars {
    color: #04548F; }

@media only screen and (max-width: 1024px) {
  header nav#primary.open ul.menu-open {
    background: #fff; }
    header nav#primary.open ul.menu-open li {
      background-color: #fff; }
      header nav#primary.open ul.menu-open li a {
        color: #04548F; } }

/* --------------------- */
/* Home Page Form */
/* --------------------- */
.homeFormContainer {
  position: relative;
  min-height: 553px; }
  .homeFormContainer .column, .homeFormContainer .columns {
    position: relative;
    padding-left: 1.0714285714rem;
    padding-right: 1.0714285714rem; }
  .homeFormContainer .fakefoundationcolumn {
    width: 378px;
    margin: 1.875rem 0 0 1.875rem; }
    @media only screen and (max-width: 63.063em) {
      .homeFormContainer .fakefoundationcolumn {
        width: inherit;
        margin: 0rem; } }
  .homeFormContainer .newhome-alttag {
    position: absolute;
    height: 553px;
    object-fit: cover; }
  .homeFormContainer .newhome-alttag-mobile {
    width: inherit; }

.homeForm {
  background: rgba(245, 245, 245, 0.8);
  /*Tighten up the Search button*/
  /*Datepicker Styling*/
  /*Form Label Styling*/
  /**/ }
  .homeForm .column, .homeForm .columns {
    position: relative;
    padding-left: 1.0714285714rem;
    padding-right: 1.0714285714rem; }
  .homeForm .columns button {
    margin: 0.5rem 1.75rem 0.5rem 0; }
  .homeForm h1 {
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 0.5rem; }
    .homeForm h1 .registered-trademark {
      color: inherit;
      font-weight: bold; }
  .homeForm h2 {
    font-weight: bold; }
  .homeForm a {
    font-weight: bold;
    color: #04548F; }
  .homeForm .ui-datepicker-calendar {
    width: 100%; }
    .homeForm .ui-datepicker-calendar tfoot td, .homeForm .ui-datepicker-calendar tfoot th, .homeForm .ui-datepicker-calendar thead td, .homeForm .ui-datepicker-calendar thead th {
      padding: .5rem .625rem .625rem;
      font-weight: 700;
      text-align: left; }
    .homeForm .ui-datepicker-calendar tbody td, .homeForm .ui-datepicker-calendar tbody th {
      padding: .5rem .625rem .625rem; }
  .homeForm .hasDatepicker, .homeForm .hasDatepicker:focus {
    background-image: url("img/calendar-datepicker-bg.png");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 95%; }
  .homeForm label {
    margin-right: 0rem;
    margin-bottom: 0rem;
    font-size: 1rem;
    font-weight: bold; }
  .homeForm input[type="text"][readonly] {
    background-color: #fff; }
  .homeForm label input[type="text"], .homeForm label input[type="password"], .homeForm label input[type="date"], .homeForm label input[type="datetime"], .homeForm label input[type="datetime-local"], .homeForm label input[type="month"], .homeForm label input[type="week"], .homeForm label input[type="email"], .homeForm label input[type="number"], .homeForm label input[type="search"], .homeForm label input[type="tel"], .homeForm label input[type="time"], .homeForm label input[type="url"], .homeForm label input[type="color"], .homeForm label textarea, .homeForm label select {
    margin: 0 0 0.5rem 0 !important; }
  .homeForm input[type="text"], .homeForm input[type="password"], .homeForm input[type="date"], .homeForm input[type="datetime"], .homeForm input[type="datetime-local"], .homeForm input[type="month"], .homeForm input[type="week"], .homeForm input[type="email"], .homeForm input[type="number"], .homeForm input[type="search"], .homeForm input[type="tel"], .homeForm input[type="time"], .homeForm input[type="url"], .homeForm input[type="color"], .homeForm textarea, .homeForm input[type="file"], .homeForm input[type="checkbox"], .homeForm input[type="radio"], .homeForm select {
    margin: 0 0 0.5rem 0 !important;
    box-shadow: none; }
  .homeForm form {
    margin-bottom: 0rem; }

/* --------------------- */
/* Tabs for U-Box */
/* --------------------- */
.homeForm {
  /* styling overrides for the tabs */ }
  .homeForm .tabs {
    background: none; }
  .homeForm .tabs-content {
    /*there's no border*/
    border: 0px; }
  .homeForm .tabs-title > a {
    /*note that this also styles the mobile font*/
    font-family: "Montserrat", Montserrat, sans-serif;
    font-size: 1rem;
    text-align: center;
    font-weight: 500; }
  .homeForm .tabs-title:first-child {
    /*manually spaces out the 2 tabs; i think it's probably simpler to just do it like this since there's only 2*/
    width: 40%; }
  .homeForm .tabs-title:nth-child(2) {
    width: 60%; }
  .homeForm .tabs-title > a:focus, .homeForm .tabs-title > a[aria-selected='true'] {
    background: #fff; }
  .homeForm #ubox {
    padding-bottom: 0rem !important; }
  .homeForm .ubox-reservation-cta {
    /*special button cta*/
    background-color: #04548F;
    display: flex;
    padding: 0.5rem 0; }
    .homeForm .ubox-reservation-cta .columns {
      align-self: center; }
  .homeForm .ubox-tagline {
    color: white;
    font-weight: 500;
    margin-bottom: 0rem; }
  .homeForm .ubox-booknow {
    background-color: white;
    color: #f15228;
    font-weight: bold; }
  .homeForm .ubox-modal:before {
    font-family: fontAwesome;
    margin-right: .5em;
    text-decoration: none;
    content: '\f05a ';
    margin-right: .5em; }
  .homeForm .ubox-modal:after {
    font-family: fontAwesome;
    margin-right: .5em;
    text-decoration: none;
    content: '\f054 ';
    margin-left: .5em; }

#ubox-modal-lg h2, #ubox-modal-sm h2 {
  color: #04548F;
  font-weight: 500; }

@media only screen and (max-width: 63.063em) {
  .homeForm .tabs-content {
    /*change the bg color*/
    background: #ebebeb; }
  .homeForm .tabs-title {
    /*change the inactive tab title*/
    background: #fafafa; }
  .homeForm .tabs-title > a:focus, .homeForm .tabs-title > a[aria-selected='true'] {
    /*change the active color*/
    background: #04548F;
    color: #fff; }
  .homeForm .tabs-title > a {
    /*decreases the padding of the tab titles on mobile phones so that they dont line break*/
    padding: 1.25rem .5rem; }
  .homeForm #panel4 {
    /*to cover up the empty gray space beneath the dark blue call out box*/
    padding-bottom: 0rem; } }

/* --------------------- */
/* Home Page Sections */
/* --------------------- */
.whyMH {
  /* because "whyMH" is used at both small and medium sizes, this isn't affected by the show for medium up styling */
  margin: 1em auto; }
  .whyMH h2 {
    color: #04548F;
    font-size: 1.625rem; }
  .whyMH p {
    color: #333333;
    font-family: "Montserrat", Montserrat, sans-serif;
    font-size: 1.2rem;
    line-height: 1.75rem; }
  @media only screen and (max-width: 840px) {
    .whyMH {
      padding: 4em 0; } }

.HowItWorks p {
  color: #333333;
  font-family: "Montserrat", Montserrat, sans-serif;
  font-size: 1rem; }

/*style for phones*/
.show-for-small-only .testimonials {
  background-color: #ebebeb;
  padding: 2rem 0; }

.show-for-small-only h2 {
  color: #04548F;
  font-size: 1.4rem;
  font-weight: 500; }

.homeAccordion {
  color: #333333;
  list-style-type: none;
  margin-left: 0; }
  .homeAccordion .accordion-item .accordion-title {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: "Montserrat", Montserrat, sans-serif;
    color: #04548F;
    position: relative;
    display: block;
    padding: 2rem 1rem;
    border-bottom: 0;
    line-height: 1; }
    .homeAccordion .accordion-item .accordion-title:before {
      content: '\f107';
      font-family: fontawesome;
      position: absolute;
      top: 50%;
      right: 1rem;
      margin-top: -.5rem; }
  .homeAccordion .accordion-item.is-active .accordion-title:before {
    content: '\f106';
    font-family: fontawesome; }
  .homeAccordion .accordion-item.is-active.HowItWorks .accordion-title:hover {
    background-color: whitesmoke; }
  .homeAccordion .accordion-item.is-active.HowItWorks .accordion-content {
    background-color: whitesmoke; }
    .homeAccordion .accordion-item.is-active.HowItWorks .accordion-content h3 {
      font-weight: bold;
      font-size: 1.25em; }
  .homeAccordion .accordion-item.is-active.ServicesWeOffer .accordion-title:hover {
    background-color: #fff; }
  .homeAccordion .accordion-content {
    border: 0;
    display: none;
    padding: 1rem;
    border-bottom: 0; }
  .homeAccordion .HowItWorks {
    background-color: whitesmoke; }
  .homeAccordion .ServicesWeOffer {
    background-color: #fff; }
    .homeAccordion .ServicesWeOffer .service-icon {
      height: 36px;
      margin-right: 1rem;
      margin-bottom: 1rem; }
    .homeAccordion .ServicesWeOffer h3 {
      color: #f15228;
      font-weight: bold;
      display: inline; }
    .homeAccordion .ServicesWeOffer p {
      padding: 0.5rem 0 1rem; }

/*style for tablet and desktop*/
.show-for-medium-up {
  font-size: 100%; }
  .show-for-medium-up h2 {
    color: #04548F;
    font-size: 1.625rem; }
  .show-for-medium-up h3 {
    font-weight: 600;
    font-size: 15px; }
  .show-for-medium-up .HowItWorks {
    background-color: whitesmoke;
    min-width: 100%;
    padding: 4em 0; }
    .show-for-medium-up .HowItWorks .HowItWorksSingle {
      padding: 0 1em;
      display: inline-table;
      flex-direction: column;
      justify-content: center;
      align-content: center; }
      .show-for-medium-up .HowItWorks .HowItWorksSingle .HowItWorksContent {
        height: 300px;
        width: 300px;
        background-color: #fff;
        border-radius: 50%;
        padding: 4em; }
        .show-for-medium-up .HowItWorks .HowItWorksSingle .HowItWorksContent img {
          margin-bottom: 2rem; }
  .show-for-medium-up .ServicesWeOffer {
    padding: 4em 0; }
    .show-for-medium-up .ServicesWeOffer h2 {
      margin-bottom: 3rem; }
    .show-for-medium-up .ServicesWeOffer h3 {
      margin-bottom: 1.4rem;
      color: #f15228; }
    .show-for-medium-up .ServicesWeOffer img.service-icon {
      padding-left: 1em; }
    .show-for-medium-up .ServicesWeOffer img.service-icon-small {
      padding-left: 2em; }
    .show-for-medium-up .ServicesWeOffer img.service-icon-wide {
      padding-left: -2em; }
    .show-for-medium-up .ServicesWeOffer p {
      font-family: "Montserrat", Montserrat, sans-serif;
      font-size: 1rem;
      line-height: 1.5rem;
      margin-bottom: 2rem; }
  .show-for-medium-up .testimonials {
    padding: 2em 0; }
    .show-for-medium-up .testimonials .reviewContainer {
      margin: auto 0; }

/* --------------------- */
/* Home Page Testimonials */
/* --------------------- */
.testimonials-bg {
  background-color: #ebebeb; }

.testimonials .reviewContainer .reviewHeader {
  background-color: #002856;
  color: #fff;
  padding: 1em; }
  .testimonials .reviewContainer .reviewHeader i {
    color: #fff;
    margin: 0 0.15rem; }

.testimonials .reviewContainer .providerName {
  background-color: #c9c9c9;
  color: #04548F;
  padding: .5em 1em; }

.testimonials .reviewContainer .reviewBody {
  background-color: #fff;
  padding: .5em 1em;
  height: 150px;
  margin: 0 auto;
  font-size: 14px; }
  .testimonials .reviewContainer .reviewBody a {
    color: #f15228; }
    .testimonials .reviewContainer .reviewBody a i {
      font-weight: bold; }
  .testimonials .reviewContainer .reviewBody p {
    min-height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical; }
  .testimonials .reviewContainer .reviewBody .reviewerName {
    color: #04548F; }

.reveal {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  color: #7F7F7F;
  padding: 1em;
  border: 2px solid #ccc;
  overflow-y: visible;
  -webkit-box-shadow: 0 1px 5px #333;
  z-index: 101; }
  @media only screen and (max-width: 840px) {
    .reveal {
      top: 0px; } }
  .reveal .reviewHeader {
    background: rgba(4, 84, 143, 0.9);
    color: #fff;
    padding: 1em; }
  .reveal i {
    color: #fff;
    margin: 0 0.15rem; }
  .reveal .right {
    margin-right: 20px; }
  .reveal .close-button i {
    margin-top: 14px;
    margin-right: 5px;
    font-size: 1.8rem; }
  .reveal .providerName {
    background: rgba(245, 245, 245, 0.7);
    color: #04548F;
    padding: .5em 1em; }
  .reveal .reviewBody {
    background: rgba(245, 245, 245, 0.9);
    padding: .5em 1em; }
    .reveal .reviewBody a {
      color: #f15228; }
      .reveal .reviewBody a i {
        font-weight: bold; }
    .reveal .reviewBody .reviewerName {
      color: #04548F; }

@media only screen and (max-width: 840px) {
  .reveal {
    padding-top: 30px !important;
    height: calc(100vh - 100px) !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    min-height: unset;
    max-height: unset; } }

#testimonialModal {
  width: 60%;
  display: none;
  padding: 0px;
  border: none; }
  @media only screen and (max-width: 480px) {
    #testimonialModal {
      width: 100%; } }

/* --------------------- */
/*Footer*/
/* --------------------- */
footer {
  border-top: 4px solid #f15228;
  padding: 3rem 0; }
  footer .footer-no-link {
    padding-right: 0.9em; }
  footer ul {
    display: inline;
    margin: 0; }
    footer ul li {
      display: inline;
      font-size: 1.1428571429rem;
      text-transform: uppercase;
      font-size: 100%; }
      footer ul li a {
        font-size: 100%;
        margin: 0;
        padding: 0 0.9em; }
      footer ul li:after {
        content: " | "; }
      footer ul li:last-child:after {
        content: ""; }
  footer .logo {
    width: 12rem;
    padding-top: 0;
    display: inline;
    margin: 0 1em 0 0; }
  footer .show-for-medium-down .footer-no-link {
    padding-right: 0.25em; }
  footer .show-for-medium-down .logo {
    display: inline;
    margin: 2rem 0 3rem; }
  footer .show-for-medium-down ul {
    display: block; }
    footer .show-for-medium-down ul li {
      font-size: 90%; }
      footer .show-for-medium-down ul li a {
        padding: 0 .25em; }

/* --------------------- */
/* I don't know why these were on the landing page css file and I'm too afraid to remove them */
/* --------------------- */
.safeload-landing .job-location, .safeload-landing .hasDatepicker, .safeload-landing .job-time {
  margin: 8px 0 8px 0; }

.safeload-landing .validation-summary-errors {
  width: 50%;
  margin: 0 auto; }

.safeload-landing .MicrosoftMap .as_container_search {
  margin-top: -5px;
  position: absolute;
  z-index: 2000;
  max-width: unset;
  background-color: #fff; }
  .safeload-landing .MicrosoftMap .as_container_search .b_cards ul {
    display: inline; }
    .safeload-landing .MicrosoftMap .as_container_search .b_cards ul li .suggestLink {
      padding: 0; }
      .safeload-landing .MicrosoftMap .as_container_search .b_cards ul li .suggestLink .as_lines_root p {
        line-height: 1.3 !important; }

.safeload-landing p {
  line-height: 1.8 !important; }

.safeload-landing h1 {
  color: #04548F;
  position: absolute;
  bottom: 1em;
  left: 2em;
  background: white;
  padding: 0.5em;
  margin: 0 2em 0 0; }
  @media only screen and (max-width: 52.0625em) {
    .safeload-landing h1 {
      max-width: 65%; } }

.safeload-landing h2 {
  color: #04548F; }

.safeload-landing ul {
  list-style-type: none;
  list-style-position: outside; }
  @media only screen and (min-width: 52.0625em) {
    .safeload-landing ul {
      column-count: 2; } }
  .safeload-landing ul li {
    margin-bottom: 0.6rem; }
  .safeload-landing ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #f15228;
    margin: 0 5px 0 -20px; }

.safeload-landing .chevron-link:after {
  font-family: fontAwesome;
  margin-right: .5rem;
  text-decoration: none;
  content: '\f054';
  margin-left: .5rem; }

.safeload-landing .hero-image-container {
  position: relative;
  margin-top: 52px; }

.safeload-landing .insurance-for-your-goods {
  background-color: #e6e6e6;
  padding: 3rem 2rem; }
  .safeload-landing .insurance-for-your-goods .insurance-item-inner {
    background: white;
    padding: 1.5rem 2.5rem; }
    .safeload-landing .insurance-for-your-goods .insurance-item-inner img {
      max-height: 42px;
      margin-bottom: 1.5rem; }

.safeload-landing .what-is-safeload h3 {
  margin-bottom: 0.25rem; }

.safeload-landing .what-is-safeload .safeload-premium {
  color: #04548F;
  font-weight: bold; }

@media only screen and (min-width: 52.0625em) {
  .safeload-landing .make-a-reservation {
    border-radius: 5px;
    border: 1px solid #e6e6e6; } }

@media only screen and (max-width: 52.0625em) {
  .safeload-landing .make-a-reservation {
    margin-left: -1.0714285714rem;
    margin-right: -1.0714285714rem; } }

.safeload-landing .make-a-reservation h2 {
  margin: 0px;
  padding: 1rem 2rem;
  background: #e6e6e6;
  color: #333333; }

.safeload-landing .make-a-reservation .reservation-body {
  padding: 1rem 2rem 2rem; }

.safeload-landing .make-a-reservation .reservation-form input[type="text"][readonly] {
  background-color: white; }

.safeload-landing .make-a-reservation label {
  margin-right: 0rem; }

.safeload-landing .make-a-reservation button {
  margin-bottom: 0.5rem; }

@media only screen and (min-width: 52.0625em) {
  .safeload-landing .make-a-reservation .reservation-form {
    display: flex; }
    .safeload-landing .make-a-reservation .reservation-form .columns {
      flex: 0 0 auto; }
    .safeload-landing .make-a-reservation .reservation-form .columns:last-child {
      align-self: flex-end; } }

.MicrosoftMap .as_container_search {
  margin-top: -10px !important;
  position: absolute;
  z-index: 2000;
  max-width: 300px;
  background-color: #fff; }

@media only screen and (min-width: 480px) {
  .MicrosoftMap .as_container_search {
    max-width: unset; } }