@font-face {
    font-family: modernline;
    src: url("webassets/misc/font/modernline.otf?$staticlink$") format("opentype");
}

.g3-loyl {
   position: relative;
   width: 100%;
   height: auto;
   z-index: 1;
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: 'sofia-pro', sans-serif;
   font-size: 2.1vw;
   -webkit-text-decoration-skip: none;
   text-decoration-skip-ink: none;
}

@media (min-width: 768px) {
   .g3-loyl {
      min-width: 978px;
      max-width: 1440px;
   }
}

@media all and (min-width: 978px) and (max-width: 1440px) {
   .g3-loyl {
      font-size: 1.12vw;
   }
}

@media (min-width: 1441px) {
   .g3-loyl {
      font-size: 16px;
   }
}

@media all and (max-width: 978px) and (min-width:769px) {
   .g3-loyl {
      font-size: 11px;
   }
}

.g3-loyl img {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.g3-loyl *,
.g3-loyl *::before,
.g3-loyl *::after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.g3-loyl a {
   color: inherit;
   text-decoration: none;
}

.g3-loyl h1,
.g3-loyl h2,
.g3-loyl h3,
.g3-loyl h4,
.g3-loyl h5,
.g3-loyl h6,
.g3-loyl p {
   position: relative;
   display: block;
   margin: 0;
}

.g3-loyl p {
   color: #000000;
   font-family: "sofia-pro", sans-serif;
   font-size: 1.375em;
   font-weight: 400;
   line-height: 1.5;
   letter-spacing: .01em;
}

.g3-loyl h1 {
   color: #000000;
   font-family: "sofia-pro", sans-serif;
   font-size: 3.75em;
   font-weight: 300;
   line-height: 1;
   letter-spacing: normal;
}

.g3-loyl h2 {
   color: #000000;
   font-family: "sofia-pro", sans-serif;
   font-size: 1.25em;
   font-weight: 700;
   line-height: 1.05;
   letter-spacing: .1em;
   padding-bottom: .2em;
}

.g3-loyl h3 {
   color: #000000;
   font-family: "kudryashev-d-contrast", serif;
   font-size: 3em;
   font-weight: 400;
   line-height: 1.5;
   letter-spacing: normal;
}

.g3-loyl h4 {
   color: #000000;
   font-family: "sofia-pro", sans-serif;
   font-size: 1.875em;
   font-weight: 700;
   line-height: 1.4;
   letter-spacing: .1em;
}

.g3-loyl h5 {
   color: #000000;
   font-family: "sofia-pro", sans-serif;
   font-size: 1.4em;
   font-weight: 700;
   line-height: 1.4;
   letter-spacing: .04em;
}

@media (min-width: 768px) {
   .g3-loyl p {
      font-size: 1em;
   }

   .g3-loyl h1 {
      font-size: 6.25em;
   }

   .g3-loyl h2 {
      font-size: 2.1em;
   }

   .g3-loyl h4 {
      font-size: 1.5em;
   }

   .g3-loyl h5 {
      font-size: 1.25em;
   }
}

.g3-loyl section {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl picture {
   position: relative;
   display: block;
}

.g3-loyl picture>img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
}

.g3-loyl sup {
   font-size: .6em;
}

.g3-dt {
   display: none;
}

.g3-mob {
   display: block;
}

.g3-nobreak--dt>br {
   display: block;
}

.g3-nobreak--mob>br {
   display: none;
}

@media (min-width: 768px) {
   .g3-mob {
      display: none;
   }

   .g3-dt {
      display: block;
   }

   .g3-nobreak--mob>br {
      display: block;
   }

   .g3-nobreak--dt>br {
      display: none;
   }
}

a.g3-cta--block {
   display: inline-block;
   position: relative;
   height: auto;
   margin: 0 .8em;
   padding: 0 0 .2em 0;
   overflow: hidden;
   font-family: 'sofia-pro', sans-serif;
   font-size: 1.2em;
   font-weight: 700;
   line-height: 2.3;
   letter-spacing: normal;
   text-align: center;
   color: #FFFFFF;
   background-color: #000000;
   cursor: pointer;
}

.g3-rel {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-abs {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-fade {
   opacity: 0;
}

.g3-it {
   font-style: italic;
}

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

.g3-bold {
   font-weight: 700;
}

.g3-sep {
   position: relative;
   height: 2px;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: #000000;
}

.g3-disclaimer {
   display: inline-block;
   color: #000000;
   font-family: "sofia-pro", sans-serif;
   font-size: .84em;
   font-weight: 400;
   line-height: 1.4;
   letter-spacing: 0.02em;
   margin-top: 3.6em;
}

.g3-disclaimer a {
   text-decoration: underline;
   text-underline-offset: .1em;
   color: inherit;
}

/* ================================= */

section.g3-loyl__hero {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__hero>picture {
   z-index: -1;
}

.g3-loyl__hero__txt {
   position: absolute;
   display: flex;
   flex-flow: nowrap;
   justify-content: center;
   align-items: center;
   width: 58%;
   height: 100%;
   top: 0;
   right: 0;
   margin: 0;
   text-align: center;
}

.g3-loyl__hero__txt__content {
   position: relative;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__hero__txt__content>p {
   line-height: 1.25;
   margin-top: 1.2em;
   padding: 0 3.5em;
}

.g3-loyl__hero__txt__content .g3-sep {
   width: 5.5em;
   margin: 3em auto 2.6em auto;
}

.g3-loyl__hero__txt__content h3 {
   font-size: 1.875em;
   line-height: 1.3;
   padding-bottom: 1em;
}

.g3-loyl__hero__txt__content a.g3-cta--block {
   display: block;
   margin: .6em auto 0 auto;
   width: 9em;
}

@media (min-width: 768px) {
   .g3-loyl__hero__txt {
      width: 54%;
   }

   .g3-loyl__hero__txt__content>p {
      font-size: 1.25em;
      padding: 0 10em;
   }

   .g3-loyl__hero__txt__content .g3-sep {
      width: 8.2em;
      margin: 3.5em auto 2.6em auto;
   }

   .g3-loyl__hero__txt__content h3 {
      font-size: 2.5em;
      line-height: 1.5;
      padding-bottom: 0;
   }

   .g3-loyl__hero__txt__content a.g3-cta--block {
      display: inline-block;
      margin: 1.8em .85em 0 .85em;
      width: 9em;
   }
}

section.g3-loyl__brands {
   text-align: center;
   padding: 8% 0 9% 0;
}

.g3-loyl__brands h3 {
   font-size: 2.625em;
   padding: 0 4em;
   line-height: 1.2;
}

.g3-loyl__brands>img {
   display: block;
   position: relative;
   width: 46%;
   height: auto;
   margin: 1.2em auto 0 auto;
}

@media (min-width: 768px) {
   section.g3-loyl__brands {
      padding: 3.6% 0 4.8% 0;
   }

   .g3-loyl__brands h3 {
      font-size: 3em;
      padding: 0;
      line-height: 1.5;
   }

   .g3-loyl__brands>img {
      width: 28.6%;
      margin: .3em auto 0 auto;
   }
}

section.g3-loyl__rewards {
   background-color: #e1c1c2;
   text-align: left;
   padding: 11.7% 0 6.5% 10%;
}

.g3-loyl__rewards h3 {
   font-size: 2.625em;
}

.g3-loyl__rewards .g3-sep {
   width: 10.5em;
   margin: 2em 0 2.2em 0;
}

.g3-loyl__rewards__grid {
   position: relative;
   width: 100%;
   height: auto;
   margin: 1.7% 0 0 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__rewards__grid>div {
   position: relative;
   margin: 0;
   padding: .1em 0 1em 0;
   overflow: hidden;
   text-align: left;
}

.g3-loyl__rewards__grid>div:nth-child(2) {
   border-left: none;
   border-right: none;
}

.g3-loyl__rewards__grid h4 {
   padding-bottom: 0em;
}

.g3-loyl__rewards__grid p {
   line-height: 1.5;
   padding: 0 5.5em 0 0
}

.g3-loyl__rewards__grid p br {
   display: none;
}

@media (min-width: 768px) {
   section.g3-loyl__rewards {
      text-align: center;
      padding: 3.8% 0 4.6% 0;
   }

   .g3-loyl__rewards h3 {
      font-size: 3em;
   }

   .g3-loyl__rewards .g3-sep {
      display: none;
   }

   .g3-loyl__rewards__grid h4 {
      padding-bottom: .9em;
   }

   .g3-loyl__rewards__grid>div:nth-child(2) {
      border-left: solid 2px #000000;
      border-right: solid 2px #000000;
   }

   .g3-loyl__rewards__grid p {
      line-height: 1.4;
      padding: 0;
   }

   .g3-loyl__rewards__grid p br {
      display: block;
   }

   .g3-loyl__rewards__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      padding: 0 1.2em;
   }

   .g3-loyl__rewards__grid>div {
      text-align: center;
   }
}



.g3-loyl__perks__content {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__perks__content__txt {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 2.6em 3.6em .8em 3.6em;
   overflow: hidden;
}

.g3-loyl__perks__content__txt h3 {
   margin-bottom: -.1em;
}

.g3-loyl__perks__content__img {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__perks__grid {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0 0 6% 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__perks__grid-row,
.g3-loyl__perks__grid-row--more {
   position: relative;
   display: grid;
   grid-template-columns: 73% 18% 9%;
   width: 100%;
   height: 3.7em;
   margin: 0;
   padding: 0;
   overflow: hidden;
   border-bottom: solid 2px #e2caca;
}

.g3-loyl__perks__grid-row--more {
   height: 5em;
}

.g3-loyl__perks__grid-row>div,
.g3-loyl__perks__grid-row--more>div {
   position: relative;
   display: flex;
   flex-flow: wrap;
   justify-content: flex-start;
   align-items: center;
   width: 100%;
   margin: 0;
   padding: 0 0 .2em 0;
   overflow: visible;
   color: #000000;
   font-family: "sofia-pro", sans-serif;
   font-size: 1em;
   font-weight: 400;
   letter-spacing: .01em;
   line-height: 1.8;
}

.g3-loyl__perks__grid-row p,
.g3-loyl__perks__grid-row--more p {
   font-size: 1em;
   letter-spacing: .03em;
   line-height: 1.8;
   padding-bottom: .3em;
}

.g3-loyl__perks__grid-row:last-child,
.g3-loyl__perks__grid-row--more:last-child {
   border-bottom: none;
}

.g3-loyl__perks__grid-row img,
.g3-loyl__perks__grid-row--more img {
   display: inline-block;
   position: relative;
   width: 2em;
   height: auto;
   margin: 0 0 0 -.6em;
   vertical-align: -.2em;
}

@media (min-width: 768px) {
   .g3-loyl__perks__content__txt h3 {
      margin-bottom: -.15em;
   }

   .g3-loyl__perks__content {
      display: flex;
      flex-flow: nowrap;
      justify-content: space-between;
      align-items: flex-start;
   }

   .g3-loyl__perks__content__txt {
      width: 66.3%;
      padding: 2.6em 3.6em 0 5.4em;
      order: -1;
   }

   .g3-loyl__perks__content__img {
      width: 33.611%;
   }

   .g3-loyl__perks__grid {
      margin: 0 0 4% 0;
   }

   .g3-loyl__perks__grid-row,
   .g3-loyl__perks__grid-row--more {
      grid-template-columns: 63% 27% 10%;
   }

   .g3-loyl__perks__grid-row p,
   .g3-loyl__perks__grid-row--more p {
      line-height: 1.8;
      padding-bottom: 0;
   }
}




section.g3-loyl__more-ways {
   background-color: #f8f1e5;
}

.g3-loyl__more-ways__content {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__more-ways__content__img {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__more-ways__content__img>img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
}

.g3-loyl__more-ways__content__img-overlay {
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
   margin: 0;
   z-index: 100;
}

.g3-loyl__more-ways__content__img-overlay h3 {
   font-size: 2.625em;
   line-height: 1.3;
   margin: 39.6% 0 0 56.9%;
}

.g3-loyl__more-ways__content__txt h3 {
   display: none;
}

.g3-loyl__more-ways__content__txt {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 1.8em 0 5.2em 0;
   overflow: hidden;
   text-align: center;
}

.g3-loyl__more-ways__content__txt>div {
   position: relative;
   display: flex;
   flex-flow: nowrap;
   justify-content: center;
   align-items: flex-end;
   width: 100%;
   height: auto;
   margin: 4em auto 0 auto;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__more-ways__item {
   position: relative;
   width: 37%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
   text-align: center;
}

.g3-loyl__more-ways__item h5 {
   font-weight: 600;
   margin-bottom: .3em;
}

.g3-loyl__more-ways__item p {
   font-size: 1.12em;
}

.g3-loyl__more-ways__item img {
   display: inline-block;
   position: relative;
   width: 7.3em;
   height: auto;
   margin: 0 0 .6em 0;
}

@media (min-width: 768px) {
   .g3-loyl__more-ways__content {
      display: flex;
      flex-flow: nowrap;
      justify-content: space-between;
   }

   .g3-loyl__more-ways__content__img {
      width: 38.194%;
   }

   .g3-loyl__more-ways__content__img-overlay {
      display: none;
   }

   .g3-loyl__more-ways__content__txt {
      width: 61%;
      padding: 4.2em 0 0 0;
   }

   .g3-loyl__more-ways__content__txt>div {
      width: 55.8%;
   }

   .g3-loyl__more-ways__item {
      width: 50%;
   }

   .g3-loyl__more-ways__content__txt h3 {
      display: block;
   }

   .g3-loyl__more-ways__item p {
      font-size: 1em;
   }

   .g3-loyl__more-ways__item img {
      width: 6.6em;
   }
}

section.g3-loyl__faq {
   background-color: #FFFFFF
}

.g3-loyl__faq__content {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__faq__content--txt {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 4em 0 3em 3.8em;
   overflow: hidden;
}

.g3-loyl__faqs {
   position: relative;
   width: 100%;
   height: auto;
   margin: 3.3em 0 0 0;
   padding: 0;
   overflow: visible;
}

.g3-loyl__faqs__item {
   position: relative;
   margin: 0 0 1.8em 0;
   padding: 0 1em 0 1.8em;
   overflow: visible;
   color: #000000;
   font-family: "sofia-pro", sans-serif;
   font-size: .98em;
   font-weight: 300;
   line-height: 1.3;
   letter-spacing: 0.01em;
   cursor: pointer;
}

.g3-loyl__faqs__item a {
   text-decoration: underline;
   text-underline-offset: .1em;
}

.g3-loyl__faqs__item::before {
   content: "+";
   display: block;
   position: absolute;
   left: 0;
   font-size: inherit;
   font-weight: 600;
}

.g3-loyl__faqs__item--active::before {
   content: "-" !important;
}

.g3-loyl__faqs__question {
   display: inline-block;
}

.g3-loyl__faq__content--img {
   position: relative;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   overflow: hidden;
   pointer-events: none;
}

.g3-loyl__faqs__answer {
   position: relative;
   height: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.g3-loyl__faqs__answer p {
   font-size: inherit;
   font-weight: inherit;
   padding-top: .9em;
   padding-right: 3em;
   line-height: 1.3;
}

.g3-loyl__faqs__answer p:last-child {
   padding-bottom: .5em;
}

@media (min-width: 768px) {
   .g3-loyl__faq__content--img {
      position: absolute;
      top: 0;
      right: 0;
      width: 47.917%;
   }

   .g3-loyl__faq__content--txt {
      width: 52%;
      padding: 5em 0 5em 5.5em;
   }

   .g3-loyl__faqs {
      margin: 3em 0 0 0;
   }
}



.g3-loyl__more-ben picture {
   z-index: -1;
}

.g3-loyl__more-ben__txt {
   position: absolute;
   width: 100%;
   height: auto;
   bottom: 0;
   left: 0;
   margin: 0 0 11.2% 0;
   padding: 0;
   z-index: 100;
   text-align: center;
}

.g3-loyl__more-ben__txt h3 {
   font-size: 2.625em;
}

.g3-loyl__more-ben__txt p {
   font-size: 1.375em;
   margin-top: 0;
}

.g3-loyl__more-ben__txt a.g3-cta--block {
   font-size: 1.0625em;
   width: 8.8em;
   padding-bottom: 0;
   margin-top: 3em;
}

@media (min-width: 768px) {
   .g3-loyl__more-ben__txt {
      width: 53%;
      top: 0;
      bottom: auto;
      padding: 6.4em 0 0 0;
   }

   .g3-loyl__more-ben__txt h3 {
      font-size: 2em;
   }

   .g3-loyl__more-ben__txt p {
      font-size: 1.25em;
      margin-top: .7em;
   }

   .g3-loyl__more-ben__txt a.g3-cta--block {
      margin-top: 2.4em;
   }
}