@font-face {
  font-family:Gotham;src:url('./fonts/Gotham-Medium.eot');src:url('./fonts/Gotham-Medium.eot?#iefix') format("embedded-opentype"),url('./fonts/Gotham-Medium.woff2') format("woff2"),url('./fonts/Gotham-Medium.woff') format("woff"),url('./fonts/Gotham-Medium.ttf') format("truetype");font-weight:500;font-style:normal;
}

@font-face {
  font-family:Gotham;src:url('./fonts/Gotham-Book.eot');src:url('./fonts/Gotham-Book.eot?#iefix') format("embedded-opentype"),url('./fonts/Gotham-Book.woff2') format("woff2"),url('./fonts/Gotham-Book.woff') format("woff"),url('./fonts/Gotham-Book.ttf') format("truetype");font-weight:400;font-style:normal;
}

@font-face {
  font-family:Gotham;src:url('./fonts/Gotham-Bold.eot');src:url('./fonts/Gotham-Bold.eot?#iefix') format("embedded-opentype"),url('./fonts/Gotham-Bold.woff2') format("woff2"),url('./fonts/Gotham-Bold.woff') format("woff"),url('./fonts/Gotham-Bold.ttf') format("truetype");font-weight:700;font-style:normal;
}

@font-face {
  font-family:Gotham;src:url('./fonts/Gotham-Black.eot');src:url('./fonts/Gotham-Black.eot?#iefix') format("embedded-opentype"),url('./fonts/Gotham-Black.woff2') format("woff2"),url('./fonts/Gotham-Black.woff') format("woff"),url('./fonts/Gotham-Black.ttf') format("truetype");font-weight:900;font-style:normal;
}

@charset "UTF-8";

.main header p{
    text-align:center;
    font-size:1.7rem;
    margin-bottom:10px;
    font-weight:700;
}

.wrapper.bg-blue{
    background:#2f4786;
    padding:1rem 2.5rem;
    min-height:400px;
}

.wrapper.bg-grey{
    background:#e5e5e5;
    padding:1rem 2.5rem;
    min-height:300px;
}

.wrapper.bg-grey h3{
    color:#757575;
}

.wrapper h3{
    color:#fff;
    font-size:2.5rem;
    margin-top:1rem;
    margin-bottom:2rem;
}

.flex-cols>* {
    flex-grow: inherit;
}

.form label{
    display:block;
    color:#fff;
    font-weight:600;
    font-size:1.8rem;
    line-height: normal;
}

.form input, .form select{
    display:block;
    padding: 1.5rem;
    border-radius: 4px;
    border: 0;
    width: 100%;
    font-size: 1.5rem;
    color: grey;
    margin-bottom: 2rem;
    margin-top: 0.5rem;
}

.form .button{
    text-align:center;
    background:#6075e1;
    color:#fff;
    border:0;
    border-radius:4px;
    font-size:1.7rem;
    font-weight:700;
    padding:1.2rem;
}

.form .btn-block{
    display:block;
    width:100%;
    margin-bottom:2rem;
}

.flex-cols.footer{
    padding-top:1.5rem;
}

.link-small{
    color:#fff;
    font-size:1.4rem;
    font-weight:300;
    margin-top:1.1rem;
}

.page-content .mt-3{
    margin-top:3rem;
}

.page-content .mb-3{
    margin-bottom:3rem;
}

.page-content .mt-6{
    margin-top:6rem;
}

.page-content .mb-9{
    margin-bottom:9rem;
}

.page-content .hint{
    color: #c1c1c1;
    margin: 0 0 0.5rem 0;
}

.paybox>*{
    flex: none;
}

.paybox p{
    margin-top:2rem;
    font-weight:700;
}

.paybox img{
    padding: 0;
    width: auto;
    height: auto;
    max-width: 250px;
    display: block;
    margin: 0 auto;
}

.text-left{
    text-align:left;
}

.text-right{
    text-align:right;
}

.summary .row {
    display:block;
    overflow:auto;
}

.summary .row > *{
    font-size:1.5rem;
    padding:1rem;
    color: white;
    line-height: 2rem;
    overflow-wrap: break-word;
}

.summary .row .col-1{
    width:55%;
    float:left;
}

.summary .row .col-2{
    width:45%;
    float:right;
    font-weight:700;
}

@media screen and (max-width:479px){
    .page-content > p{
        padding:1rem;
    }

    .wrapper h3{
        padding:0;
    }

    .help{
        padding:0 2rem;
    }
}