.font-family-open-sans {
  font-family: "Open Sans", sans-serif; }

.line-height-16 {
  line-height: 16px; }

.line-height-18 {
  line-height: 18px; }

.line-height-20 {
  line-height: 20px; }

.line-height-24 {
  line-height: 24px; }

.line-height-28 {
  line-height: 28px; }

.line-height-32 {
  line-height: 32px; }

.line-height-48 {
  line-height: 48px; }

.font-size-10 {
  font-size: 10px; }

.font-size-11 {
  font-size: 11px; }

.font-size-13 {
  font-size: 13px; }

.font-size-14 {
  font-size: 14px; }

.font-size-15 {
  font-size: 15px; }

.font-size-16 {
  font-size: 16px; }

.font-size-18 {
  font-size: 18px; }

.font-size-20 {
  font-size: 20px; }

.font-size-24 {
  font-size: 24px; }

.font-size-32 {
  font-size: 32px; }

.font-size-40 {
  font-size: 40px; }

.font-size-56 {
  font-size: 56px; }

.font-weight-300 {
  font-weight: 300; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-600 {
  font-weight: 600; }

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

.font-align-justify {
  text-align: justify; }

.font-align-left {
  text-align: left; }

.font-align-right {
  text-align: right; }

.padding-top-0 {
  padding-top: 0px; }

.padding-bottom-0 {
  padding-bottom: 0px; }

.padding-left-0 {
  padding-left: 0px; }

.padding-right-0 {
  padding-right: 0px; }

.padding-0 {
  padding: 0px; }

.padding-top-2 {
  padding-top: 2px; }

.padding-bottom-2 {
  padding-bottom: 2px; }

.padding-left-2 {
  padding-left: 2px; }

.padding-right-2 {
  padding-right: 2px; }

.padding-2 {
  padding: 2px; }

.padding-top-4 {
  padding-top: 4px; }

.padding-bottom-4 {
  padding-bottom: 4px; }

.padding-left-4 {
  padding-left: 4px; }

.padding-right-4 {
  padding-right: 4px; }

.padding-4 {
  padding: 4px; }

.padding-top-8 {
  padding-top: 8px; }

.padding-bottom-8 {
  padding-bottom: 8px; }

.padding-left-8 {
  padding-left: 8px; }

.padding-right-8 {
  padding-right: 8px; }

.padding-8 {
  padding: 8px; }

.padding-top-12 {
  padding-top: 12px; }

.padding-bottom-12 {
  padding-bottom: 12px; }

.padding-left-12 {
  padding-left: 12px; }

.padding-right-12 {
  padding-right: 12px; }

.padding-12 {
  padding: 12px; }

.padding-top-16 {
  padding-top: 16px; }

.padding-bottom-16 {
  padding-bottom: 16px; }

.padding-left-16 {
  padding-left: 16px; }

.padding-right-16 {
  padding-right: 16px; }

.padding-16 {
  padding: 16px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-bottom-20 {
  padding-bottom: 20px; }

.padding-left-20 {
  padding-left: 20px; }

.padding-right-20 {
  padding-right: 20px; }

.padding-20 {
  padding: 20px; }

.padding-top-24 {
  padding-top: 24px; }

.padding-bottom-24 {
  padding-bottom: 24px; }

.padding-left-24 {
  padding-left: 24px; }

.padding-right-24 {
  padding-right: 24px; }

.padding-24 {
  padding: 24px; }

.padding-top-32 {
  padding-top: 32px; }

.padding-bottom-32 {
  padding-bottom: 32px; }

.padding-left-32 {
  padding-left: 32px; }

.padding-right-32 {
  padding-right: 32px; }

.padding-32 {
  padding: 32px; }

.padding-top-40 {
  padding-top: 40px; }

.padding-bottom-40 {
  padding-bottom: 40px; }

.padding-left-40 {
  padding-left: 40px; }

.padding-right-40 {
  padding-right: 40px; }

.padding-40 {
  padding: 40px; }

.padding-top-48 {
  padding-top: 48px; }

.padding-bottom-48 {
  padding-bottom: 48px; }

.padding-left-48 {
  padding-left: 48px; }

.padding-right-48 {
  padding-right: 48px; }

.padding-48 {
  padding: 48px; }

.padding-top-56 {
  padding-top: 56px; }

.padding-bottom-56 {
  padding-bottom: 56px; }

.padding-left-56 {
  padding-left: 56px; }

.padding-right-56 {
  padding-right: 56px; }

.padding-56 {
  padding: 56px; }

.padding-top-64 {
  padding-top: 64px; }

.padding-bottom-64 {
  padding-bottom: 64px; }

.padding-left-64 {
  padding-left: 64px; }

.padding-right-64 {
  padding-right: 64px; }

.padding-64 {
  padding: 64px; }

.padding-top-72 {
  padding-top: 72px; }

.padding-bottom-72 {
  padding-bottom: 72px; }

.padding-left-72 {
  padding-left: 72px; }

.padding-right-72 {
  padding-right: 72px; }

.padding-72 {
  padding: 72px; }

.padding-top-80 {
  padding-top: 80px; }

.padding-bottom-80 {
  padding-bottom: 80px; }

.padding-left-80 {
  padding-left: 80px; }

.padding-right-80 {
  padding-right: 80px; }

.padding-80 {
  padding: 80px; }

.padding-top-88 {
  padding-top: 88px; }

.padding-bottom-88 {
  padding-bottom: 88px; }

.padding-left-88 {
  padding-left: 88px; }

.padding-right-88 {
  padding-right: 88px; }

.padding-88 {
  padding: 88px; }

.padding-top-96 {
  padding-top: 96px; }

.padding-bottom-96 {
  padding-bottom: 96px; }

.padding-left-96 {
  padding-left: 96px; }

.padding-right-96 {
  padding-right: 96px; }

.padding-96 {
  padding: 96px; }

.padding-top-104 {
  padding-top: 104px; }

.padding-bottom-104 {
  padding-bottom: 104px; }

.padding-left-104 {
  padding-left: 104px; }

.padding-right-104 {
  padding-right: 104px; }

.padding-104 {
  padding: 104px; }

.padding-top-112 {
  padding-top: 112px; }

.padding-bottom-112 {
  padding-bottom: 112px; }

.padding-left-112 {
  padding-left: 112px; }

.padding-right-112 {
  padding-right: 112px; }

.padding-112 {
  padding: 112px; }

.padding-top-120 {
  padding-top: 120px; }

.padding-bottom-120 {
  padding-bottom: 120px; }

.padding-left-120 {
  padding-left: 120px; }

.padding-right-120 {
  padding-right: 120px; }

.padding-120 {
  padding: 120px; }

@media (min-width: 481px) and (max-width: 767px) {
  .padding-top-80 {
    padding-top: 40px; }

  .padding-bottom-80 {
    padding-bottom: 40px; }

  .padding-left-80 {
    padding-left: 40px; }

  .padding-right-80 {
    padding-right: 40px; }

  .padding-80 {
    padding: 40px; }

  .padding-top-88 {
    padding-top: 44px; }

  .padding-bottom-88 {
    padding-bottom: 44px; }

  .padding-left-88 {
    padding-left: 44px; }

  .padding-right-88 {
    padding-right: 44px; }

  .padding-88 {
    padding: 44px; }

  .padding-top-96 {
    padding-top: 48px; }

  .padding-bottom-96 {
    padding-bottom: 48px; }

  .padding-left-96 {
    padding-left: 48px; }

  .padding-right-96 {
    padding-right: 48px; }

  .padding-96 {
    padding: 48px; }

  .padding-top-104 {
    padding-top: 52px; }

  .padding-bottom-104 {
    padding-bottom: 52px; }

  .padding-left-104 {
    padding-left: 52px; }

  .padding-right-104 {
    padding-right: 52px; }

  .padding-104 {
    padding: 52px; }

  .padding-top-112 {
    padding-top: 56px; }

  .padding-bottom-112 {
    padding-bottom: 56px; }

  .padding-left-112 {
    padding-left: 56px; }

  .padding-right-112 {
    padding-right: 56px; }

  .padding-112 {
    padding: 56px; }

  .padding-top-120 {
    padding-top: 60px; }

  .padding-bottom-120 {
    padding-bottom: 60px; }

  .padding-left-120 {
    padding-left: 60px; }

  .padding-right-120 {
    padding-right: 60px; }

  .padding-120 {
    padding: 60px; } }
@media (max-width: 480px) {
  .padding-top-80 {
    padding-top: 40px; }

  .padding-bottom-80 {
    padding-bottom: 40px; }

  .padding-left-80 {
    padding-left: 40px; }

  .padding-right-80 {
    padding-right: 40px; }

  .padding-80 {
    padding: 40px; }

  .padding-top-88 {
    padding-top: 44px; }

  .padding-bottom-88 {
    padding-bottom: 44px; }

  .padding-left-88 {
    padding-left: 44px; }

  .padding-right-88 {
    padding-right: 44px; }

  .padding-88 {
    padding: 44px; }

  .padding-top-96 {
    padding-top: 48px; }

  .padding-bottom-96 {
    padding-bottom: 48px; }

  .padding-left-96 {
    padding-left: 48px; }

  .padding-right-96 {
    padding-right: 48px; }

  .padding-96 {
    padding: 48px; }

  .padding-top-104 {
    padding-top: 52px; }

  .padding-bottom-104 {
    padding-bottom: 52px; }

  .padding-left-104 {
    padding-left: 52px; }

  .padding-right-104 {
    padding-right: 52px; }

  .padding-104 {
    padding: 52px; }

  .padding-top-112 {
    padding-top: 56px; }

  .padding-bottom-112 {
    padding-bottom: 56px; }

  .padding-left-112 {
    padding-left: 56px; }

  .padding-right-112 {
    padding-right: 56px; }

  .padding-112 {
    padding: 56px; }

  .padding-top-120 {
    padding-top: 60px; }

  .padding-bottom-120 {
    padding-bottom: 60px; }

  .padding-left-120 {
    padding-left: 60px; }

  .padding-right-120 {
    padding-right: 60px; }

  .padding-120 {
    padding: 60px; } }
.separator-16 {
  height: 16px; }

.separator-20 {
  height: 20px; }

.separator-24 {
  height: 24px; }

.separator-32 {
  height: 32px; }

.separator-40 {
  height: 40px; }

.separator-80 {
  height: 80px; }

@media (min-width: 481px) and (max-width: 767px) {
  .separator-80 {
    height: 40px; } }
@media (max-width: 480px) {
  .separator-80 {
    height: 40px; } }
.onboarding-component {
  position: fixed;
  width: 260px;
  height: 100%;
  left: -36px;
  background: #FFF;
  z-index: 1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
  padding-top: 24px;
  padding-bottom: 24px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  .onboarding-component.active {
    left: 224px; }
  .onboarding-component ul {
    padding: 0;
    list-style: none; }
    .onboarding-component ul li {
      position: relative;
      padding-top: 8px;
      padding-bottom: 8px;
      padding-left: 16px;
      padding-right: 16px; }
      .onboarding-component ul li::before {
        content: "";
        position: absolute;
        height: 1px;
        bottom: 0;
        left: 0;
        right: 0;
        background: -moz-linear-gradient(left, rgba(124, 144, 163, 0) 0%, #7c90a3 100%);
        background: -webkit-linear-gradient(left, rgba(124, 144, 163, 0) 0%, #7c90a3 100%);
        background: linear-gradient(to left, rgba(124, 144, 163, 0) 0%, #7c90a3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007c90a3', endColorstr='#7c90a3',GradientType=1 );
        opacity: 0.16; }
      .onboarding-component ul li:first-child::after {
        content: "";
        position: absolute;
        height: 1px;
        top: 0;
        left: 0;
        right: 0;
        background: -moz-linear-gradient(left, rgba(124, 144, 163, 0) 0%, #7c90a3 100%);
        background: -webkit-linear-gradient(left, rgba(124, 144, 163, 0) 0%, #7c90a3 100%);
        background: linear-gradient(to left, rgba(124, 144, 163, 0) 0%, #7c90a3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007c90a3', endColorstr='#7c90a3',GradientType=1 );
        opacity: 0.16; }
      .onboarding-component ul li .icon {
        width: 24px;
        height: 24px;
        border: 1px solid #6D838F;
        border-radius: 50%;
        float: left;
        margin-right: 8px;
        margin-top: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        line-height: 24px;
        color: #6D838F;
        position: relative; }
      .onboarding-component ul li h2,
      .onboarding-component ul li p {
        cursor: pointer; }
      .onboarding-component ul li:hover, .onboarding-component ul li:focus {
        cursor: pointer; }
        .onboarding-component ul li:hover h2, .onboarding-component ul li:focus h2 {
          color: #3021A3; }
      .onboarding-component ul li.active .icon {
        border: 2px solid #000;
        color: #000;
        font-family: "national2narrowbold"; }
      .onboarding-component ul li.completed .icon {
        background: #14A33A;
        border: none;
        color: #14A33A; }
        .onboarding-component ul li.completed .icon::before {
          content: "";
          position: absolute;
          top: 6px;
          left: 6px;
          right: 0;
          background: url("/static/img/irv5/icons/steps-check-white.61847eb26f09.svg") no-repeat;
          height: 12px;
          width: 12px; }

.onboarding-menu {
  margin-left: 32px;
  margin-bottom: 32px;
  margin-right: 32px;
  cursor: pointer; }
  .onboarding-menu .title {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    float: left;
    cursor: pointer; }
    .onboarding-menu .title i {
      transform: rotate(-90deg);
      cursor: pointer; }
  .onboarding-menu .percentage {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    float: right;
    margin-bottom: 4px;
    cursor: pointer; }
  .onboarding-menu .indicator {
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    line-height: 18px;
    float: right;
    margin-top: 4px;
    cursor: pointer; }
  .onboarding-menu .progress {
    position: relative;
    border-radius: 4px;
    width: 100%;
    height: 3px;
    clear: both;
    cursor: pointer; }
    .onboarding-menu .progress::before {
      content: "";
      background: #fff;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      border-radius: 4px;
      width: 100%;
      height: 3px;
      opacity: 0.32;
      clear: both; }
    .onboarding-menu .progress .progress-indicator {
      background: #FFF;
      position: absolute;
      border-radius: 14px;
      width: 40%;
      height: 5px;
      left: -1px;
      top: -1px; }

.am-popup.onboarding-video-popup .am-popup-content {
  transform: translate(-50%, calc(-50%));
  -ms-transform: translate(-50%, calc(-50%));
  -webkit-transform: translate(-50%, calc(-50%)); }
.am-popup.onboarding-video-popup .am-popup-video-content {
  height: 64vh; }