/*footer p, footer a, footer .tel_props{
  font-size: inherit;
}*/
.close {
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-left: auto; }

.desktop-nav .logoside {
  width: auto; }

.desktop-nav .itemside {
  width: auto;
  flex: 1; }

.desktop-nav .navbtn {
  justify-content: right; }

/* mobile */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

@keyframes slide-nav-bar {
  0% {
    width: 0%; }

  100% {
    width: 100%; } }

@keyframes fade-in-slide-up {
  0% {
    opacity: 0;
    transform: translateY(50%); }

  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes fade-in-slide-up-title {
  0% {
    opacity: 0;
    transform: translateY(20%); }

  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes fade-in-slide-up-small {
  0% {
    opacity: 0;
    transform: translateY(20%); }

  100% {
    opacity: 1;
    transform: translateY(0%); } }

@keyframes fade-in-slide-right {
  0% {
    opacity: 0;
    transform: translateX(-30%); }

  100% {
    opacity: 1;
    transform: translateX(0%); } }

@keyframes search-fade-in-slide-right {
  0% {
    opacity: 0;
    transform: translateY(-50%) translateX(-20%); }

  100% {
    opacity: 1;
    transform: translateY(-50%) translateX(0%); } }

@keyframes fade-in {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fade-in-slide-right-line {
  0% {
    width: 0;
    opacity: 0; }

  100% {
    width: 100%;
    opacity: 1; } }

@keyframes astronaut-right-jump {
  0% {
    transform: translate(0, 0%); }

  25% {
    transform: translate(0, -25%); }

  75% {
    transform: translate(0, 0%); }

  100% {
    transform: translate(0, 0%); } }

@keyframes astronaut-left-jump {
  0% {
    transform: scaleX(-1);
    transform-origin: 55%; }

  25% {
    transform: translate(0, -25%) scaleX(-1);
    transform-origin: 55%; }

  75% {
    transform: translate(0, 0%) scaleX(-1);
    transform-origin: 55%; }

  100% {
    transform: translate(0, 0%) scaleX(-1);
    transform-origin: 55%; } }

@keyframes astronaut-to-right-step-1-2 {
  0% {
    transform: none; }

  25% {
    transform: translate(90%, -15%); }

  75% {
    transform: translate(100%, 0%); }

  100% {
    transform: translate(100%, 0%); } }

@keyframes astronaut-to-right-step-2-3 {
  0% {
    transform: translate(100%, 0%); }

  25% {
    transform: translate(190%, -15%); }

  75% {
    transform: translate(200%, 0%); }

  100% {
    transform: translate(200%, 0%); } }

@keyframes astronaut-to-right-step-3-4 {
  0% {
    transform: translate(200%, 0%); }

  25% {
    transform: translate(290%, -15%); }

  75% {
    transform: translate(300%, 0%); }

  100% {
    transform: translate(300%, 0%); } }

@keyframes astronaut-to-right-step-4-1 {
  0% {
    transform: translate(300%, 0%) scaleX(-1);
    transform-origin: 55%; }

  15% {
    transform: translate(290%, -15%) scaleX(-1);
    transform-origin: 55%; }

  30% {
    transform: translate(200%, 0%) scaleX(-1);
    transform-origin: 55%; }

  45% {
    transform: translate(190%, -15%) scaleX(-1);
    transform-origin: 55%; }

  60% {
    transform: translate(100%, 0%) scaleX(-1);
    transform-origin: 55%; }

  75% {
    transform: translate(90%, -15%) scaleX(-1);
    transform-origin: 55%; }

  90% {
    transform: scaleX(-1);
    transform-origin: 55%; }

  100% {
    transform: scaleX(-1);
    transform-origin: 55%; } }

@keyframes astronaut-to-left-step-4-3 {
  0% {
    transform: translate(300%, 0%) scaleX(-1);
    transform-origin: 55%; }

  25% {
    transform: translate(290%, -15%) scaleX(-1);
    transform-origin: 55%; }

  75% {
    transform: translate(200%, 0%) scaleX(-1);
    transform-origin: 55%; }

  100% {
    transform: translate(200%, 0%) scaleX(-1);
    transform-origin: 55%; } }

@keyframes astronaut-to-left-step-3-2 {
  0% {
    transform: translate(200%, 0%) scaleX(-1);
    transform-origin: 55%; }

  25% {
    transform: translate(190%, -15%) scaleX(-1);
    transform-origin: 55%; }

  75% {
    transform: translate(100%, 0%) scaleX(-1);
    transform-origin: 55%; }

  100% {
    transform: translate(100%, 0%) scaleX(-1);
    transform-origin: 55%; } }

@keyframes astronaut-to-left-step-2-1 {
  0% {
    transform: translate(100%, 0%) scaleX(-1);
    transform-origin: 55%; }

  25% {
    transform: translate(90%, -15%) scaleX(-1);
    transform-origin: 55%; }

  75% {
    transform: scaleX(-1);
    transform-origin: 55%; }

  100% {
    transform: scaleX(-1);
    transform-origin: 55%; } }

@keyframes astronaut-to-left-step-1-4 {
  0% {
    transform: none;
    transform-origin: 55%; }

  15% {
    transform: translate(90%, -15%);
    transform-origin: 55%; }

  30% {
    transform: translate(100%, 0%);
    transform-origin: 55%; }

  45% {
    transform: translate(190%, -15%);
    transform-origin: 55%; }

  60% {
    transform: translate(200%, 0%);
    transform-origin: 55%; }

  75% {
    transform: translate(290%, -15%);
    transform-origin: 55%; }

  90% {
    transform: translate(300%, 0%);
    transform-origin: 55%; }

  100% {
    transform: translate(300%, 0%);
    transform-origin: 55%; } }

.fade-in-slide-up {
  animation: fade-in-slide-up 0.5s linear forwards; }

.fade-in-slide-up-small {
  animation: fade-in-slide-up-small 0.5s linear forwards; }

.fade-in-slide-up-title {
  animation: fade-in-slide-up-title 0.5s linear forwards; }

.fade-in-slide-right {
  animation: fade-in-slide-right 0.5s linear forwards; }

.title-with-line-show {
  animation: fade-in 1s linear forwards; }
  .title-with-line-show:after {
    animation: fade-in-slide-right-line 1s linear forwards; }

.fade-in {
  animation: fade-in 0.5s linear forwards; }

.fade-out {
  animation: fade-out 0.5s linear forwards; }

.fade-in-slide-up-delay {
  animation-delay: 0.5s; }

.fade-in-slide-up-delay-2x {
  animation-delay: 1s; }

.extra-size {
  font-size: 140%; }

.text-darkgreen {
  color: #106234; }

.site-container .page-tax_payment.aumoffer {
  /*.inMotion__banner--step .swiper-wrapper {
    height: auto !important;
  }*/ }
  .site-container .page-tax_payment.aumoffer .page-banner {
    background-image: url("../images/banner.png");
    background-position: center;
    background-size: auto 100%;
    height: 390px;
    margin-bottom: 30px; }
    .site-container .page-tax_payment.aumoffer .page-banner .banner-content .banner-title {
      font-size: 30px; }
  .site-container .page-tax_payment.aumoffer #nav-tab button {
    width: 50%;
    justify-items: center; }
    .site-container .page-tax_payment.aumoffer #nav-tab button .tab-icon {
      background-size: 90%;
      margin-right: 10px; }
    .site-container .page-tax_payment.aumoffer #nav-tab button .tab-icon--1 {
      background-image: url("../images/icon-1.png"); }
    .site-container .page-tax_payment.aumoffer #nav-tab button .tab-icon--2 {
      background-image: url("../images/icon-2.png"); }
    .site-container .page-tax_payment.aumoffer #nav-tab button.active .tab-icon--1 {
      background-image: url("../images/icon-1-active.png"); }
    .site-container .page-tax_payment.aumoffer #nav-tab button.active .tab-icon--2 {
      background-image: url("../images/icon-2-active.png"); }
  .site-container .page-tax_payment.aumoffer .main-content .prize-title-tab {
    display: inline-block;
    position: relative;
    color: #000;
    font-weight: 500;
    font-size: 22px;
    border-radius: 30px;
    line-height: 150%;
    background: #DDEDDA;
    margin: 30px auto 5px;
    padding: 5px 30px 5px 50px; }
    .site-container .page-tax_payment.aumoffer .main-content .prize-title-tab:before {
      content: '';
      width: 100px;
      height: 130%;
      position: absolute;
      left: -40px;
      bottom: 0;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center bottom; }
    .site-container .page-tax_payment.aumoffer .main-content .prize-title-tab.prize-1:before {
      background-image: url("../images/prize-1.png"); }
    .site-container .page-tax_payment.aumoffer .main-content .prize-title-tab.prize-2:before {
      background-image: url("../images/prize-2.png"); }
  .site-container .page-tax_payment.aumoffer .main-content .orange-table.with-inline-border tr td {
    border: 1px solid #dddddd; }
    .site-container .page-tax_payment.aumoffer .main-content .orange-table.with-inline-border tr td:first-child {
      border-left: 0; }
    .site-container .page-tax_payment.aumoffer .main-content .orange-table.with-inline-border tr td:last-child {
      border-right: 0; }
  .site-container .page-tax_payment.aumoffer .main-content .orange-table.with-inline-border tr:last-child td {
    border-bottom: 0; }
  .site-container .page-tax_payment.aumoffer .swiper-wrapper .swiper-slide img {
    max-width: 221px;
    margin-top: 0; 
  margin: 0; }
  .site-container .page-tax_payment.aumoffer .section-subtitle {
    font-size: 22px;
    font-weight: 500;
    margin-top: 30px; }
.swiper-pointer-events.swiper-vertical{
  padding-left: 50px;
}
  .site-container .page-tax_payment.aumoffer .inMotion__banner--step .swiper-wrapper {
    /*margin-left: 50px;*/ }
  .site-container .page-tax_payment.aumoffer .inMotion__banner--step .swiper-slide {
    height: auto !important; }
  .site-container .page-tax_payment.aumoffer .swiper-button-next--screen:after, .site-container .page-tax_payment.aumoffer .swiper-button-prev--screen:after {
    font-size: 40px; }
  .site-container .page-tax_payment.aumoffer .slider-remark {
    margin: 0 70px; }
    .site-container .page-tax_payment.aumoffer .slider-remark .remark-content {
      font-size: 12px;
      color: #333333;
      text-align: left;
      font-weight: 400;
      margin-top: 20px; }
      .site-container .page-tax_payment.aumoffer .slider-remark .remark-content ol {
        font-weight: 400;
        margin-left: 0px;
        padding-left: 15px; }
        .site-container .page-tax_payment.aumoffer .slider-remark .remark-content ol li {
          margin: 0;
          font-size: 12px;
          color: #333333; }
  .site-container .page-tax_payment.aumoffer #nav-home > div {
    display: block; }
  .site-container .page-tax_payment.aumoffer .product-features {
    display: flex;
    justify-content: center; }
    .site-container .page-tax_payment.aumoffer .product-features .feature-item {
      background: #FFFCFC;
      border-radius: 20px;
      padding: 20px;
      width: 25%;
      margin: 0 3%;
      box-shadow: none; }
      .site-container .page-tax_payment.aumoffer .product-features .feature-item .item-icon {
        width: 100%;
        height: 80px;
        margin-bottom: 20px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      .site-container .page-tax_payment.aumoffer .product-features .feature-item.item-1 .item-icon {
        background-image: url("../images/feature-1.png"); }
      .site-container .page-tax_payment.aumoffer .product-features .feature-item.item-2 .item-icon {
        background-image: url("../images/feature-2.png"); }
      .site-container .page-tax_payment.aumoffer .product-features .feature-item.item-3 .item-icon {
        background-image: url("../images/feature-3.png"); }
      .site-container .page-tax_payment.aumoffer .product-features .feature-item .item-details {
        font-size: 18px;
        display: inline-block;
        margin: 0 auto;
        text-align: center; }
        .site-container .page-tax_payment.aumoffer .product-features .feature-item .item-details .check-list {
          list-style: none;
          margin: 5px 0 0 0;
          padding: 0; }
          .site-container .page-tax_payment.aumoffer .product-features .feature-item .item-details .check-list li {
            background: url("../images/tick.png") no-repeat left center;
            background-size: 20px;
            padding-left: 25px;
            font-size: 14px;
            line-height: 150%; }

.site-container.lang-en .page-tax_payment.aumoffer .page-banner .banner-content .banner-title {
  font-size: 26px; }
.site-container.lang-en .page-tax_payment.aumoffer .page-banner .banner-content .banner-subtitle {
  font-size: 24px; }
.site-container.lang-en .page-tax_payment.aumoffer .main-content .prize-title-tab.prize-1:before {
  background-image: url(../images/prize-1-en.png); }
.site-container.lang-en .page-tax_payment.aumoffer .main-content .prize-title-tab.prize-2:before {
  background-image: url(../images/prize-2-en.png); }
.site-container.lang-en .page-tax_payment.aumoffer .product-features .feature-item .item-details {
  font-size: 16px; }
.site-container.lang-sc .page-tax_payment.aumoffer .main-content .prize-title-tab.prize-1:before {
  background-image: url(../images/prize-1-sc.png); }
.site-container.lang-sc .page-tax_payment.aumoffer .main-content .prize-title-tab.prize-2:before {
  background-image: url(../images/prize-2-sc.png); }

@media (min-width: 992px) {
  .inMotion-step-row {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: auto; }

  .inMotion-step-row > .col-lg-4,
  .inMotion-step-row > .col-lg-8 {
    max-width: none;
    flex: 0 0 auto; } }
/* mobile */
@media only screen and (max-width: 767px) {
  .site-container .page-tax_payment.aumoffer .page-banner {
    display: flex;
    flex-direction: column;
    background-image: none;
    height: auto;
    padding-top: 0; }
    .site-container .page-tax_payment.aumoffer .page-banner .banner-content {
      padding: 30px 0; }
  .site-container .page-tax_payment.aumoffer #nav-tab button .d-flex {
    flex-direction: column; }
    .site-container .page-tax_payment.aumoffer #nav-tab button .d-flex .tab-icon {
      width: 60px;
      height: 60px;
      margin: 0 auto 10px; }
  .site-container .page-tax_payment.aumoffer #nav-tab button .h2 {
    font-size: 16px; }
  .site-container .page-tax_payment.aumoffer .main-content .prize-title-tab {
    margin-top: 70px;
    padding: 5px 30px 5px 30px; }
    .site-container .page-tax_payment.aumoffer .main-content .prize-title-tab:before {
      left: 50%;
      bottom: 100%;
      margin-left: -50px; }
  .site-container .page-tax_payment.aumoffer .swiper-wrapper .swiper-slide img {
    margin-top: 22px; }
  .site-container .page-tax_payment.aumoffer .product-features {
    flex-direction: column; }
    .site-container .page-tax_payment.aumoffer .product-features .feature-item {
      width: 60%;
      margin: 20px auto; }
  .site-container .page-tax_payment.aumoffer .slider-remark {
    margin: 0 0px; }

  .site-container .swiper-button-prev--screen {
    left: -35px;
  }
  .site-container .swiper-button-next--screen {
    right: -35px;
  }
}