.wrapper-loader {
  margin: auto;
  height: 42px;
  width: 42px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .wrapper-loader .leaf {
    position: absolute; }
    .wrapper-loader .leaf svg {
      height: 20px;
      width: 20px; }
      .wrapper-loader .leaf svg:not(:root) {
        overflow: hidden; }
    .wrapper-loader .leaf-tl {
      animation: fadeInTL 4s linear infinite;
      top: 0;
      left: 0; }
    .wrapper-loader .leaf-tr {
      animation: fadeInTR 4s linear infinite;
      top: 0;
      left: 21px; }
    .wrapper-loader .leaf-br {
      animation: fadeInBR 4s linear infinite;
      top: 21px;
      left: 21px; }
    .wrapper-loader .leaf-bl {
      animation: fadeInBL 4s linear infinite;
      top: 21px;
      left: 0; }

@media all and (min-width: 768px) {
  .wrapper-loader {
    height: 94px;
    width: 94px; }
    .wrapper-loader .leaf svg {
      height: 45px;
      width: 45px; }
    .wrapper-loader .leaf-tr {
      top: 0;
      left: 48px; }
    .wrapper-loader .leaf-br {
      top: 48px;
      left: 48px; }
    .wrapper-loader .leaf-bl {
      top: 48px;
      left: 0; } }

@keyframes fadeInTL {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 0; }
  25% {
    opacity: 0; }
  37.5% {
    opacity: 0; }
  50% {
    opacity: 1; }
  62.5% {
    opacity: 1; }
  75% {
    opacity: 1; }
  87.5% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeInTR {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 1; }
  25% {
    opacity: 1; }
  37.5% {
    opacity: 1; }
  50% {
    opacity: 1; }
  62.5% {
    opacity: 0; }
  75% {
    opacity: 0; }
  87.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInBR {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 0; }
  25% {
    opacity: 1; }
  37.5% {
    opacity: 1; }
  50% {
    opacity: 1; }
  62.5% {
    opacity: 1; }
  75% {
    opacity: 0; }
  87.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeInBL {
  0% {
    opacity: 0; }
  12.5% {
    opacity: 0; }
  25% {
    opacity: 0; }
  37.5% {
    opacity: 1; }
  50% {
    opacity: 1; }
  62.5% {
    opacity: 1; }
  75% {
    opacity: 1; }
  87.5% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.cls-1 {
  fill: #fff; }

.cls-2 {
  fill: #3c1053; }

.brand-logo svg {
  width: 140px;
  height: 60px; }

.page-loader {
  align-items: center;
  justify-content: center;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: fadeInLoader 500ms ease-in-out 0s 1;
  -webkit-animation: fadeInLoader 500ms ease-in-out 0s 1; }

.page-loader-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 10;
  width: 80%; }
  .page-loader-content.has-copy {
    background: #fff;
    border: solid 1px #303030;
    height: 70%;
    max-width: 500px;
    max-height: 300px; }

.page-loader-copy {
  max-width: 250px;
  padding: 200px 0 0;
  text-align: center;
  width: 80%; }
  @media screen and (max-height: 380px) {
    .page-loader-copy {
      padding-top: 140px; } }

@keyframes fadeInLoader {
  0% {
    opacity: 0.2; }
  50% {
    opacity: 1; } }

.icons-icon {
  fill: inherit;
  vertical-align: middle;
  height: 20px;
  width: 20px; }

.external-icon {
  height: 24px;
  width: 24px;
  margin-left: 6.5px; }

.switch-guarantee-image {
  height: 40px;
  width: 92.5px; }
  @media screen and (min-width: 720px) {
    .switch-guarantee-image {
      height: 56px;
      width: 130px; } }

@font-face {
  font-family: 'RNHouseSansRegular';
  src: url("./assets/fonts/RNHouseSans-Regular.eot?v=${version}");
  src: url("./assets/fonts/RNHouseSans-Regular.eot?#iefix&v=${version}") format("embedded-opentype"), url("./assets/fonts/RNHouseSans-Regular.woff2?v=${version}") format("woff2"), url("./assets/fonts/RNHouseSans-Regular.woff?v=${version}") format("woff"), url("./assets/fonts/RNHouseSans-Regular.ttf?v=${version}") format("truetype"), url("./assets/fonts/RNHouseSans-Regular.svg?v=${version}#rnhouseregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RNHouseSansBold';
  src: url("./assets/fonts/RNHouseSans-Bold.eot?v=${version}");
  src: url("./assets/fonts/RNHouseSans-Bold.eot?#iefix&v=${version}") format("embedded-opentype"), url("./assets/fonts/RNHouseSans-Bold.woff2?v=${version}") format("woff2"), url("./assets/fonts/RNHouseSans-Bold.woff?v=${version}") format("woff"), url("./assets/fonts/RNHouseSans-Bold.ttf?v=${version}") format("truetype"), url("./assets/fonts/RNHouseSans-Bold.svg?v=${version}#rnhousebold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RNHouseSansLight';
  src: url("./assets/fonts/RNHouseSans-Light.eot?v=${version}");
  src: url("./assets/fonts/RNHouseSans-Light.eot?#iefix&v=${version}") format("embedded-opentype"), url("./assets/fonts/RNHouseSans-Light.woff2?v=${version}") format("woff2"), url("./assets/fonts/RNHouseSans-Light.woff?v=${version}") format("woff"), url("./assets/fonts/RNHouseSans-Light.ttf?v=${version}") format("truetype"), url("./assets/fonts/RNHouseSans-Light.svg?v=${version}#rnhouselight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'RNHouseSansThin';
  src: url("./assets/fonts/RNHouseSans-Thin.eot?v=${version}");
  src: url("./assets/fonts/RNHouseSans-Thin.eot?#iefix&v=${version}") format("embedded-opentype"), url("./assets/fonts/RNHouseSans-Thin.woff2?v=${version}") format("woff2"), url("./assets/fonts/RNHouseSans-Thin.woff?v=${version}") format("woff"), url("./assets/fonts/RNHouseSans-Thin.ttf?v=${version}") format("truetype"), url("./assets/fonts/RNHouseSans-Thin.svg?v=${version}#rnhouselight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'knileblack';
  src: url("./assets/fonts/knile-black-webfont.eot?v=${version}");
  src: url("./assets/fonts/knile-black-webfont.eot?#iefix?v=${version}") format("embedded-opentype"), url("./assets/fonts/knile-black-webfont.woff2?v=${version}") format("woff2"), url("./assets/fonts/knile-black-webfont.woff?v=${version}") format("woff"), url("./assets/fonts/knile-black-webfont.ttf?v=${version}") format("truetype"), url("./assets/fonts/knile-black-webfont.svg?v=${version}#knileblack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'knilebold';
  src: url("./assets/fonts/knile-bold-webfont.eot?v=${version}");
  src: url("./assets/fonts/knile-bold-webfont.eot?#iefix?v=${version}") format("embedded-opentype"), url("./assets/fonts/knile-bold-webfont.woff2?v=${version}") format("woff2"), url("./assets/fonts/knile-bold-webfont.woff?v=${version}") format("woff"), url("./assets/fonts/knile-bold-webfont.ttf?v=${version}") format("truetype"), url("./assets/fonts/knile-bold-webfont.svg?v=${version}#knilebold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'knilesemibold';
  src: url("./assets/fonts/knile-semibold-webfont.eot?v=${version}");
  src: url("./assets/fonts/knile-semibold-webfont.eot?#iefix?v=${version}") format("embedded-opentype"), url("./assets/fonts/knile-semibold-webfont.woff2?v=${version}") format("woff2"), url("./assets/fonts/knile-semibold-webfont.woff?v=${version}") format("woff"), url("./assets/fonts/knile-semibold-webfont.ttf?v=${version}") format("truetype"), url("./assets/fonts/knile-semibold-webfont.svg?v=${version}#knilesemibold") format("svg");
  font-weight: normal;
  font-style: normal; }