/*-- vars --*/
/*-- font face --*/
@font-face {
    font-family: 'FSAlbertWeb-Regular';
    src: url("../fonts/FSAlbertWeb-Regular.woff") format("woff");
    /* Pretty Modern Browsers */
}

@font-face {
    font-family: 'FSAlbertWeb-Bold';
    src: url("../fonts/FSAlbertWeb-Bold.woff") format("woff");
    /* Pretty Modern Browsers */
}

/*-- common --*/
body {
    background: #fff;
    font-family: 'FSAlbertWeb-Regular';
}

h1 {
    font-family: 'FSAlbertWeb-Bold';
    color: #20419A;
    font-size: 52px;
    line-height: 60px;
    margin-top: 20px;
    margin-bottom: 0;
}

@media (max-width: 576px) {
    h1 {
        font-size: 40px;
        line-height: 48px;
    }
}

h2 {
    font-family: 'FSAlbertWeb-Bold';
    color: #20419A;
    font-size: 36px;
    line-height: 46px;
    margin-top: 0px;
    margin-bottom: 20px;
}

@media (max-width: 576px) {
    h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

p {
    color: #4D4D4D;
    font-size: 18px;
    line-height: 26px;
}

/*-- wrapper --*/
.wrapper {
    max-width: 1300px;
    display: block;
    margin: 0 auto;
}


@media (max-width: 1280px) {
    .wrapper {
        padding: 0;
    }
}

.end-wrapper {
    max-width: 3000px;
    display: block;
    margin: 0 auto;
}

/*-- paddings + margins --*/
.pt-90 {
    padding-top: 90px;
}

@media (max-width: 576px) {
    .pt-90 {
        padding-top: 60px;
    }
}

.pb-90 {
    padding-bottom: 90px;
}

@media (max-width: 576px) {
    .pb-90 {
        padding-bottom: 60px;
    }
}

.pt-120 {
    padding-top: 120px;
}

@media (max-width: 576px) {
    .pt-120 {
        padding-top: 60px;
    }
}

.pb-120 {
    padding-bottom: 120px;
}

@media (max-width: 576px) {
    .pb-120 {
        padding-bottom: 60px;
    }
}

.mt-120 {
    margin-top: 120px;
}

@media (max-width: 576px) {
    .mt-120 {
        margin-top: 60px;
    }
}

.mb-120 {
    margin-bottom: 120px;
}

@media (max-width: 576px) {
    .mb-120 {
        margin-bottom: 60px;
    }
}

/*-- fjerner autogenereret html --*/
.headline {
    display: none;
}

/*-- topbar --*/
.topbar {
    background: #fff;
    height: 100px;
    padding: 0;
    transition: all 0.2s ease;
    box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
    -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.2);
}

@media (max-width: 576px) {
    .topbar {
        height: 80px;
    }
}

.topbar .logo {
    width: 116px;
    padding-top: 25px;
    transition: all 0.2s ease;
}

@media (max-width: 576px) {
    .topbar .logo {
        width: 96px;
        padding-top: 20px;
        transition: all 0.2s ease;
    }
}

/*-- hero --*/
.hero {
    margin-top: 100px;
}

@media (max-width: 576px) {
    .hero {
        margin-top: 80px;
    }
}

.header {
    margin-top: -120px;
}

@media (max-width: 576px) {
    .header {
        margin-top: -80px;
    }
}

.header .title-bg {
    background: #fff;
}

.header p {
    color: #4D4D4D;
    font-size: 36px;
    line-height: 46px;
}

@media (max-width: 992px) {
    .header p {
        color: #4D4D4D;
        font-size: 28px;
        line-height: 38px;
    }
}

/*-- boxes --*/
.boxes {
    background: url(../img/red_blue_bg.jpg) no-repeat center;
    background-size: cover;
}

.boxes .white-box {
    background: #fff;
}

.boxes .white-box p {
    margin-top: 10px;
}

/*-- grey quote --*/
.grey-quote {
    background: #F3F3F3;
}

.grey-quote .white-bg {
    background: #fff;
}

.grey-quote .quote-sign {
    margin-bottom: 26px;
}

.grey-quote p {
    color: #20419A;
    font-size: 28px;
    line-height: 36px;
}

.grey-quote span {
    font-family: 'FSAlbertWeb-Bold';
    color: #4D4D4D;
    font-size: 18px;
    line-height: 26px;
}

/*-- bullets --*/
.bullets {
    margin-top: -120px;
}

@media (max-width: 576px) {
    .bullets {
        margin-top: -80px;
    }
}

.bullets .bg {
    background: url(../img/blue_bg.png) no-repeat center;
    background-size: cover;
}

.bullets h2,
.bullets p {
    color: #fff;
}

.bullets .rows p {
    margin-top: 10px;
}

/*-- images + text --*/
.images-text .text-bg {
    background: #F3F3F3;
}

/*-- text + quote --*/
.text-quote {
    margin-top: -120px;
}

@media (max-width: 576px) {
    .text-quote {
        margin-top: -80px;
    }
}

.text-quote .bg {
    background: #fff;
}

.text-quote .bottom-quote {
    margin-top: 70px;
}

.text-quote .bottom-quote .quote-sign {
    margin-bottom: 26px;
}

.text-quote .bottom-quote p {
    color: #20419A;
    font-size: 28px;
    line-height: 36px;
}

.text-quote .bottom-quote span {
    font-family: 'FSAlbertWeb-Bold';
    color: #4D4D4D;
    font-size: 18px;
    line-height: 26px;
}

/*-- apply --*/
.apply {
    background: url(../img/apply_bg.jpg) no-repeat center;
    background-size: cover;
}

.apply p {
    font-family: 'FSAlbertWeb-Bold';
    color: #fff;
    font-size: 52px;
    line-height: 60px;
}

.apply span {
    color: #fff;
    font-size: 28px;
    line-height: 36px;
}

@media (max-width: 576px) {
    .apply p {
        font-size: 40px;
        line-height: 48px;
    }
}

/*-- footer --*/
.footer {
    background: #20419A;
}

.footer p {
    color: #fff;
}

.footer .fab {
    color: #fff;
    font-size: 30px;
    padding: 0 10px;
}

/*-- Apply btns --*/
.topbar .jix_onlineapplication_button .button {
    text-align: center;
    font-family: 'FSAlbertWeb-Regular', sans-serif;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    border-radius: 100px;
    padding: 11px 75px 15px 45px;
    margin: 25px 0 0;
    border: 0;
    background: #20419A;
    transition: all 0.2s ease;
    position: relative;
    display: inline-block;
}

@media (max-width: 576px) {
    .topbar .jix_onlineapplication_button .button {
        font-size: 16px;
        line-height: 20px;
        padding: 11px 45px 15px 35px;
        margin: 15px 0 0;
    }
}

.topbar .jix_onlineapplication_button .button:after {
    content: url("../img/white-arrow.svg");
    position: absolute;
    right: 48px;
    top: 13px;
    transition: all 0.2s ease;
}

@media (max-width: 576px) {
    .topbar .jix_onlineapplication_button .button:after {
        right: 28px;
    }
}


.topbar .jix_onlineapplication_button .button:hover,
.topbar .jix_onlineapplication_button .button:focus,
.topbar .jix_onlineapplication_button .button:active {
    text-align: center;
    font-family: 'FSAlbertWeb-Regular', sans-serif;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    border-radius: 100px;
    padding: 11px 75px 15px 45px;
    background: #20419A;
    transition: all 0.2s ease;
}

@media (max-width: 576px) {

    .topbar .jix_onlineapplication_button .button:hover,
    .topbar .jix_onlineapplication_button .button:focus,
    .topbar .jix_onlineapplication_button .button:active {
        font-size: 16px;
        line-height: 20px;
        padding: 11px 45px 15px 35px;
    }
}

.topbar .jix_onlineapplication_button .button:hover:after {
    content: url("../img/white-arrow.svg");
    position: absolute;
    right: 34px;
    top: 13px;
    transition: all 0.2s ease;
}

@media (max-width: 576px) {
    .topbar .jix_onlineapplication_button .button:hover:after {
        right: 28px;
    }
}



.jix_onlineapplication_button .button {
    text-align: center;
    font-family: 'FSAlbertWeb-Regular', sans-serif;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    color: #20419A;
    border-radius: 100px;
    padding: 11px 75px 15px 45px;
    margin: 40px 0 0;
    min-width: 200px;
    border: 0;
    background: #fff;
    transition: all 0.2s ease;
    position: relative;
    display: inline-block;
}

.jix_onlineapplication_button .button:after {
    content: url("../img/blue_arrow.png");
    position: absolute;
    right: 48px;
    top: 13px;
    transition: all 0.2s ease;
}

.jix_onlineapplication_button .button:hover,
.jix_onlineapplication_button .button:focus,
.jix_onlineapplication_button .button:active {
    text-align: center;
    font-family: 'FSAlbertWeb-Regular', sans-serif;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    color: #20419A;
    border-radius: 100px;
    padding: 11px 75px 15px 45px;
    background: #fff;
    transition: all 0.2s ease;
}

.jix_onlineapplication_button .button:hover:after {
    content: url("../img/blue_arrow.png");
    position: absolute;
    right: 34px;
    top: 13px;
    transition: all 0.2s ease;
}