html, body {height: 100%; line-height: 24px; min-height: 100%; margin: 0; padding: 0; background-color: #F7F7F7; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; font-display: optional;}

h1, p.heading-1, h2, p.heading-2statistic h3, p.heading-3, h4, p.heading-4, p {margin: 0; padding-bottom: 24px; color: #000000;}
h1.screamer, p.heading-1.screamer, span.heading-1.screamer {padding-bottom: 12px; line-height: 54px; font-size: 48px; font-weight: 900; text-transform: uppercase;}
h2.beamer, p.heading-2.beamer, span.heading-2.beamer {padding-bottom: 48px; line-height: 36px; font-size: 30px; font-weight: 300;}
h2.screamer, p.heading-2.screamer {padding-bottom: 12px; line-height: 54px; font-size: 48px; font-weight: 900;}
h3.beamer, p.heading-3.beamer {padding-bottom: 24px; line-height: 36px; font-size: 30px; font-weight: 300;}
h3.screamer, p.heading-3.screamer {padding-bottom: 0; line-height: 38px; font-size: 32px; font-weight: 900;}
h4.beamer, p.heading-4.beamer {padding-bottom: 24px; line-height: 30px; font-size: 24px; font-weight: 300; color: #000000;}
h1, .heading-1 {line-height: 54px; font-size: 48px; font-weight: 900;}
h2, .heading-2 {line-height: 48px; font-size: 30px; font-weight: 900;}
h2 span, .heading-2 span {margin-right: 10px; display: inline-block;}
h3, .heading-3 {line-height: 28px; font-size: 24px; font-weight: 900;}
h4, .heading-4 {font-size: 24px; font-weight: 800;}
h1.amber, .heading-1.amber,
h2.amber, .heading-2.amber,
h3.amber, .heading-3.amber,
h4.amber, .heading-4.amber,
h5.amber, .heading-5.amber,
h6.amber, .heading-6.amber {color: #FFBF00 !important;}
h1.aqua, .heading-1.aqua,
h2.aqua, .heading-2.aqua,
h3.aqua, .heading-3.aqua,
h4.aqua, .heading-4.aqua,
h5.aqua, .heading-5.aqua,
h6.aqua, .heading-6.aqua {color: #00A0AD !important;}
h1.coral, .heading-1.coral,
h2.coral, .heading-2.coral,
h3.coral, .heading-3.coral,
h4.coral, .heading-4.coral,
h5.coral, .heading-5.coral,
h6.coral, .heading-6.coral {color: #D60F3C !important;}

h5, .heading-5, h6, .heading-6 {font-size: 20px; font-weight: 800;}
p.larger {line-height: 28px; font-size: 20px;}
p.aqua, p.aqua strong {color: #00A0AD !important;}

strong {font-weight: 700;}

a, a:hover {color: #000000;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}

p.button, button.button, button[type=submit] {margin-bottom: 24px; padding-bottom: 0; display: inline-block;}
p.button a {display: inline-block;}
p.button a, 
p.button a span, button.button, button[type=submit] {font-weight: 500; text-decoration: none; color: #000000 !important; overflow: hidden;}
p.button a span, button.button, button[type=submit] {padding: 12px 40px 12px 20px; background-color: #FFBF00; border: 0; border-radius: 24px; display: inline-block; position: relative; transition: all linear 125ms; outline: none;}
p.button a span, button.button, p.button a span::after, button.button::after, button[type=submit]::after {vertical-align: top;}
p.button a span::after, button.button::after, button[type=submit]::after {top: 15px; right: 20px; width: 10px; height: 18px; display: inline-block; background-position: 0px -48px; content: ""; position: absolute; transition: all linear 125ms; opacity: 1;}
p.button a span::before, button.button::before, button[type=submit]::before {top: 15px; left: -20px; width: 10px; height: 18px; display: inline-block; background-position: 0px -48px; content: ""; position: absolute; transition: all linear 125ms; opacity: 0;}
p.button:hover a span::after, button.button:hover::after, button[type=submit]:hover::after {right: -20px; opacity: 0;}
p.button:hover a span::before, button.button:hover::before, button[type=submit]:hover::before {left: 20px; opacity: 1;}
p.button:hover a span, button.button:hover, button[type=submit]:hover {padding: 12px 20px 12px 40px;}
p.button.center {margin: 0 auto; display: table;}

.button.small { line-height: 13px; }
.button.small span:before,
.button.small button:before { top:10px; }
.button.small span:after,
.button.small button:after { top:10px; }

p.button a span::after, p.button a span::before, button::after, button::before { background-image: url(../../Content/Images/sprite.svg); background-repeat: no-repeat; background-size: 186px 66px; }

ul.two-columns li {
    width: calc(50% - 16px);
    margin-right: 16px;
    float: left;
    display: inline-block;
}

.form .form-group {  }
.form .form-group:not(:last-of-type) { padding-bottom: 24px; }
.form .form-group label { margin: 0; padding: 0; font-size: 12px; text-transform: uppercase; display: block; }
.form .form-group input { width: 100%; margin: 0; padding: 0; line-height: 32px; height: 32px; background-color: transparent; border: 0; border-bottom: 1px solid #000; outline: none; }
.form .form-group input:disabled { color: #909090; border-color: #909090; }
.form .form-group a.button.secundair { margin-left: 16px; }
.form .form-group .checkboxes input { width: auto; line-height: unset; border: inherit; height: unset; }
.form .form-group select { width: 100%; margin: 0px; padding: 0px; padding-right: 12px; line-height: 32px; height: 32px; background-color: transparent; border-width: 0px 0px 1px; border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); outline: none; cursor: pointer; }
.form .form-group .aligned-input { width: 100%; display: inline-block; }
.form .form-group .aligned-input input,
.form .form-group .aligned-input select { float:left; width: unset; margin-right: 6px; margin-left: 6px; }
.form .form-group .aligned-input label { line-height: 32px; float:left; color: black; font-size: inherit; text-transform: unset; }