/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html{
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
footer,
header,
nav,
section {
    display: block
}
[data-component=c21-overlay] h1 {
    font-size: 2em;
    margin: .67em 0
}
figcaption,
figure,
main {
    display: block
}
figure {
    margin: 1em 40px
}
[data-component=c21-overlay] hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
[data-component=c21-overlay] pre {
    font-family: monospace, monospace;
    font-size: 1em
}
[data-component=c21-overlay] a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
[data-component=c21-overlay] a:active,
[data-component=c21-overlay] a:hover {
    outline-width: 0
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: inherit;
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
audio,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[data-component=c21-overlay] img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
[data-component=c21-overlay] button,
[data-component=c21-overlay] input {
    overflow: visible
}
[data-component=c21-overlay] button,
[data-component=c21-overlay] select {
    text-transform: none
}
[type=reset],
[type=submit],
[data-component=c21-overlay] button,
html [type=button] {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}
[data-component=c21-overlay] fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
[data-component=c21-overlay] legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
[data-component=c21-overlay] progress {
    display: inline-block;
    vertical-align: baseline
}
[data-component=c21-overlay] textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
[data-component=c21-overlay] details,
[data-component=c21-overlay] menu {
    display: block
}
[data-component=c21-overlay] summary {
    display: list-item
}
[data-component=c21-overlay] canvas {
    display: inline-block
}
[hidden],
template {
    display: none
}
@font-face {
    font-family: Inspira sans bold;
    src: url(./font/GEInspiraSans-Bold.8ba6b280f1f7c50d6bf3b716b5bd0a8a.woff2) format("woff2"), url(./font/GEInspiraSans-Bold.eb2c300821907d598c460841ae0feb86.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Inspira sans;
    src: url(./font/GEInspiraSans.582eb2ca7feae470f12bd422816e7d73.woff2) format("woff2"), url(./font/GEInspiraSans.7816ae6e96636080e37dd2a47c3ba81a.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
[data-component=c21-overlay] .heading-04 {
    font-family: Inspira sans bold, sans-serif;
    font-size: 1.4rem;
    line-height: 1.1
}
@media (min-width: 1320px) {
   [data-component=c21-overlay] .heading-04 {
        font-size: 2.4rem
    }
}
[data-component=c21-overlay] .copy-wrapper {
    color: #000;
    font-size: 1.2rem
}
[data-component=c21-overlay] .copy-wrapper p {
    font-family: Inspira sans, sans-serif;
    font-size: 1.4rem;
    line-height: 1.8;
    color: currentColor
}
@media (min-width: 1320px) {
   [data-component=c21-overlay] .copy-wrapper p {
        font-size: 1.5rem
    }
}
* {
    box-sizing: border-box
}
:after,
:before {
    box-sizing: inherit
}
[data-component=c21-overlay] html {
    font-size: 10px;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 0;
    padding: 0
}
[data-component=c21-overlay] p {
    font-family: Inspira sans, sans-serif;
    font-size: 1.2rem;
    line-height: 1.8
}
@media (min-width: 1320px) {
    [data-component=c21-overlay] p {
        font-size: 1.5rem
    }
}
[data-component=c21-overlay] a {
    text-decoration: none
}
[data-component=c21-overlay] button {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
    background: transparent
}
[data-component=c21-overlay] button:focus {
    outline: none
}
[data-component=c21-overlay] ul {
    margin: 0;
    padding: 0
}
[data-component=c21-overlay] li {
    list-style: none
}
[data-component=c21-overlay] input {
    border-radius: 0;
    font-size: inherit;
    border: none;
    width: 100%
}
[data-component=c21-overlay] input:active,
[data-component=c21-overlay] input:focus {
    outline: none
}
[data-component=c21-overlay] .no-touchevents .touch,
[data-component=c21-overlay] .touchevents .no-touch {
    display: none
}
 [data-component=c21-overlay] .cta {
    display: inline-block;
    position: relative;
    padding: 14px 28px;
    text-transform: uppercase;
    font-family: Inspira sans bold, sans-serif;
    font-size: 1.2rem;
    line-height: 1;
    border-radius: 32px;
    color: #186ec9
}
 [data-component=c21-overlay] .cta:before {
    border-radius: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid currentColor;
    content: ""
}
[data-component=c21-overlay] .cta.full {
    background: currentColor
}
 [data-component=c21-overlay] .cta.full .copy,
 [data-component=c21-overlay] .cta.is-negative {
    color: #fff
}
 [data-component=c21-overlay] .cta.is-negative.full .copy {
    color: #186ec9
}
 [data-component=c21-overlay] .cta .copy {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
@media (min-width: 768px) {
    .cta {
        padding: 22px 28px
    }
}
@media (min-width: 1320px) {
    .cta {
        font-size: 1.4rem
    }
}
[data-component=c21-overlay] {
    box-shadow: 0 0 24px rgba(0, 0, 0, .15);
    position: fixed;
    top: 0;
    right: 0;
    padding: 40px 55px 26px 22px;
    width: 290px;
    background: #fff;
    color: #186ec9;
    z-index: 7
}
[data-component=c21-overlay] .title {
    margin: 0;
    text-transform: uppercase
}
[data-component=c21-overlay] .copy-wrapper {
    margin-top: 6px;
    color: currentColor
}
[data-component=c21-overlay] .copy-wrapper p {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.5
}
[data-component=c21-overlay] .button-wrapper {
    margin-top: 20px
}
[data-component=c21-overlay] .button-wrapper .cta {
    padding: 12px 18px;
    font-size: 1.2rem;
    cursor: pointer
}
[data-component=c21-overlay] .close-button {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: none;
    cursor: pointer
}
[data-component=c21-overlay] .close-button:after,
[data-component=c21-overlay] .close-button:before {
    width: 16px;
    height: 2px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #186ec9;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}
[data-component=c21-overlay] .close-button:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}
@media (max-width: 479px) {
    [data-component=c21-overlay] {
        width: 100%
    }
}

.button-wrapper .secondbutton{ margin-left: 14px;}