.wrapper-loader {
  margin: 0;
  height: 80px;
  width: 100px; }

svg#loader {
  animation: fadeInChildren 1.5s ease 0s 1, spin 1.35s ease-out 0s infinite;
  -webkit-animation: fadeInChildren 1.5s ease 0s 1, spin 1.35s ease-out 0s infinite; }

.cls-1,
.cls-2 {
  fill: #fff; }

.cls-2 {
  opacity: 0.05; }

.cls-3 {
  fill: url(#linear-gradient); }

.cls-4 {
  fill: url(#linear-gradient-2); }

.cls-5 {
  fill: url(#linear-gradient-3); }

.cls-6 {
  fill: #d70028; }

.cls-7 {
  fill: #c8001e; }

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

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

.cls-1 {
  fill: url(#linear-gradient); }

.cls-2 {
  fill: #fff;
  opacity: 1.05; }

.cls-3 {
  fill: #e90000; }

.cls-4 {
  fill: #c20000; }

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

.cls-6 {
  fill: url(#linear-gradient-3); }

.cls-7 {
  fill: url(#linear-gradient-2); }

.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; }
  .page-loader-content.has-copy {
    background: #fff;
    border: solid 1px #303030;
    height: 70%;
    max-width: 500px;
    max-height: 300px;
    width: 80%; }

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

@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; }
