@charset "UTF-8";

/*!
Project: Legic
Author: Markus Gabriel - Granpasso Digital Strategy GmbH
*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=4d5f417827169ab70116a0b2b232084a)
 * Config saved to config.json and https://gist.github.com/4d5f417827169ab70116a0b2b232084a
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0
}

header,
main,
section {
    display: block
}

[hidden] {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

button {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled] {
    cursor: default
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

.row {
    margin-left: 0;
    margin-right: 0
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

@font-face {
    font-family: SofiaProExtraLight;
    src: url(/assets/fonts/33A961_0_0.eot);
    src: url(/assets/fonts/33A961_0_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/33A961_0_0.woff2) format("woff2"), url(/assets/fonts/33A961_0_0.woff) format("woff"), url(/assets/fonts/33A961_0_0.ttf) format("truetype")
}

@font-face {
    font-family: SofiaProLight;
    src: url(/assets/fonts/33A961_1_0.eot);
    src: url(/assets/fonts/33A961_1_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/33A961_1_0.woff2) format("woff2"), url(/assets/fonts/33A961_1_0.woff) format("woff"), url(/assets/fonts/33A961_1_0.ttf) format("truetype")
}

@font-face {
    font-family: SofiaProSemiBold;
    src: url(/assets/fonts/33A961_2_0.eot);
    src: url(/assets/fonts/33A961_2_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/33A961_2_0.woff2) format("woff2"), url(/assets/fonts/33A961_2_0.woff) format("woff"), url(/assets/fonts/33A961_2_0.ttf) format("truetype")
}

@font-face {
    font-family: SofiaProUltraLight;
    src: url(/assets/fonts/33A961_3_0.eot);
    src: url(/assets/fonts/33A961_3_0.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/33A961_3_0.woff2) format("woff2"), url(/assets/fonts/33A961_3_0.woff) format("woff"), url(/assets/fonts/33A961_3_0.ttf) format("truetype")
}

.icon-arrow-right:before {
    content: ""
}

body,
html {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #595959;
    font-family: SofiaProLight, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    overflow-x: hidden;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.content-main {
    padding-right: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .content-main {
        padding-right: 50px
    }
}

@media only screen and (min-width:1200px) {
    .content-main {
        padding-right: 80px
    }
}

@media only screen and (min-width:1560px) {
    .content-main {
        padding-right: 130px
    }
}

a {
    transition: all .2s
}

a:link {
    color: #003c71;
    text-decoration: none
}

a:visited {
    color: #003c71;
    text-decoration: none
}

a:hover {
    color: #b39886;
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto
}

.h1,
.h2,
h1,
h2 {
    font-family: SofiaProUltraLight, sans-serif;
    font-weight: 400;
    font-size: 2.5rem;
    margin: 20px 0;
    line-height: 100%;
    letter-spacing: -3px;
    color: #000
}

@media only screen and (min-width:1200px) {

    .h1,
    .h2,
    h1,
    h2 {
        font-size: 3.5rem
    }
}

@media only screen and (min-width:1560px) {

    .h1,
    .h2,
    h1,
    h2 {
        font-size: 5rem
    }
}

.h3,
h3 {
    font-family: SofiaProExtraLight, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 110%;
    margin: 20px 0 20px;
    color: #000;
    letter-spacing: -1px
}

@media only screen and (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:1560px) {

    .h3,
    h3 {
        font-size: 2.25rem
    }
}

.h4,
h4 {
    font-size: 1.125rem;
    font-family: SofiaProLight, sans-serif;
    font-weight: 400;
    line-height: 150%;
    margin: 20px 0 10px 0
}

.h5,
h5 {
    font-size: .875rem;
    font-family: SofiaProLight, sans-serif;
    font-weight: 400;
    line-height: 150%;
    margin: 10px 0 5px 0
}

@media only screen and (min-width:1200px) {

    .h5,
    h5 {
        font-size: 1rem
    }
}

.h6,
h6 {
    font-size: .875rem;
    font-family: SofiaProLight, sans-serif;
    line-height: 150%;
    margin: 0;
    font-weight: 400
}

@media only screen and (min-width:1200px) {

    .h6,
    h6 {
        font-size: 1rem
    }
}

p {
    font-size: 1rem;
    font-family: SofiaProLight, sans-serif;
    line-height: 150%;
    margin: 1rem 0
}

@media only screen and (min-width:1200px) {
    p {
        font-size: 1rem
    }
}

@media only screen and (min-width:1560px) {
    p {
        font-size: 1.125rem
    }
}

a {
    font-family: SofiaProSemiBold, sans-serif
}

@media only screen and (min-width:1200px) {
    a {
        font-size: 1rem
    }
}

@media only screen and (min-width:1560px) {
    a {
        font-size: 1.125rem
    }
}

p {
    font-size: .875rem
}

@media only screen and (min-width:1200px) {
    p {
        font-size: 1rem
    }
}

@media only screen and (min-width:1560px) {
    p {
        font-size: 1.125rem
    }
}

a:active,
a:focus,
a:hover {
    outline: 0 !important
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.row {
    margin-left: 0;
    margin-right: 0
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
::selection {
    color: #fff;
    background: #b39886;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.main.home .item__content .button--blue {
    margin-right: 10px
}

.button-blue,
.more-link,
a.button-blue,
a.logo-link,
a.more-link {
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    padding: 0 60px;
    margin: 20px 0;
    font-family: SofiaProLight, sans-serif;
    font-size: 1rem;
    line-height: 48px;
    white-space: normal;
    cursor: pointer
}

.button-blue:hover,
.more-link:hover,
a.button-blue:hover,
a.logo-link:hover,
a.more-link:hover {
    color: #fff
}

.no-arrow.button-blue:after,
.no-arrow.more-link:after,
a.no-arrow.button-blue:after,
a.no-arrow.logo-link:after,
a.no-arrow.more-link:after {
    display: none
}

.button-blue {
    background: #003c70;
    border: 1px solid #003c70
}

.button-blue:hover {
    background: #484848;
    border-color: #484848;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.button-blue:active {
    background: #484848
}

.more-link {
    background: #c7baae;
    border: 1px solid #c7baae
}

.more-link:hover {
    background: #484848;
    border-color: #484848;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.more-link:active {
    background: #484848
}

.more-link {
    margin-bottom: 0 !important
}

.title-link:hover>* {
    color: #c7baae !important
}

a.logo-link {
    background-color: transparent;
    border: 1px solid #484848 !important;
    color: #484848 !important
}

a.logo-link:hover {
    color: #003c70 !important;
    border-color: #003c70 !important
}

a.logo-link {
    display: block;
    height: 70px;
    padding: 10px 50px;
    max-width: 300px
}

a.button.button-default {
    color: #003c70 !important;
    padding-right: 0 !important;
    padding-left: 0 !important
}

a.button.button-default:after {
    transition: .3s;
    border-color: #003c70 !important
}

a.button.button-default:before {
    border-color: #003c70 !important
}

a.button.button-default:hover {
    color: #bfb0a3 !important
}

a.button.button-default:hover:after {
    border-color: #bfb0a3 !important
}

a.button.button-default:hover:before {
    border-color: #bfb0a3 !important
}

a.button {
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid transparent;
    position: relative;
    display: inline-block;
    width: auto;
    -webkit-white-space: nowrap;
    -moz-white-space: nowrap;
    white-space: nowrap;
    text-align: left;
    transition: .3s;
    font-family: SofiaProSemiBold, sans-serif
}

a.button--white {
    color: #fff;
    padding: 10px 20px 10px 0;
    background-color: transparent;
    transition: background-color .3s
}

a.button--white:hover {
    background-color: transparent
}

a.button--blue {
    color: #fff;
    background-color: #003c70;
    transition: background-color .3s
}

a.button--blue:hover {
    background-color: #bfb0a3
}

a.button--arrow-right {
    padding-right: 20px
}

a.button--arrow-right:after {
    content: '';
    position: relative;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 10px;
    transition: .3s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#contact-info {
    margin-bottom: -40px;
    z-index: 96;
    position: relative;
    background: rgba(255, 255, 255, .4);
    float: left;
    display: none
}

#contact-info .contact-info-text {
    padding: 3px 10px
}

@media only screen and (max-width:991px) {
    body {
        padding-top: 70px
    }
}

.item__content {
    padding: 0 0 10px 0;
    text-align: center
}

@media only screen and (min-width:1200px) {
    .item__content {
        padding: 20px 0
    }
}

.item__content * {
    text-align: center
}

.col-sm-2 .item__content,
.col-sm-2 .item__title,
.col-sm-3 .item__content,
.col-sm-3 .item__title,
.col-sm-4 .item__content,
.col-sm-4 .item__title,
.col-sm-5 .item__content,
.col-sm-5 .item__title,
.col-sm-6 .item__content,
.col-sm-6 .item__title {
    padding-left: 15px;
    padding-right: 15px
}

.cover__image {
    height: 300px;
    background-size: cover;
    background-image: url('../../assets/images/Leadpic.jpg');
    position: center
}

@media only screen and (min-width:992px) {
    .cover__image {
        margin: 0 -15px 30px -15px;
        height: 100vh;
        position: fixed;
        margin: 0;
        top: 0;
        left: 0;
        width: calc(50% - 15px);
        z-index: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-moz-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-o-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.cover__image .bounce {
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -ms-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    animation: bounce 2s infinite
}

.cover__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    margin-top: 30px
}

@media only screen and (min-width:992px) {
    .cover__text {
        margin-top: 0;
        min-height: calc(100vh - 210px)
    }
}

@media only screen and (min-width:992px) {
    .cover__text__inner {
        z-index: 0;
        margin-left: 90px
    }

    .cover__text__inner * {
        text-align: left !important
    }
}

main section:not(:first-child) .cover__image {
    height: 100% !important;
    background-position: center;
    min-height: 300px !important
}

main section:not(:first-child) .cover__text {
    height: 100% !important;
    min-height: 300px
}

html {
    position: relative;
    min-height: 100%
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    position: static
}

@media only screen and (max-width:991px) {

    .col-sm-5,
    .col-sm-6 {
        width: 100%
    }
}

@media only screen and (max-width:767px) {

    .col-sm-10,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        margin: 20px 0
    }
}

header {
    width: 100%
}

header .inner {
    width: 100%;
    height: 70px;
    position: relative
}

header .inner a.home-link {
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -14px
}

header .inner a.home-link img {
    width: 75px;
    height: 21px
}

@media only screen and (max-width:991px) {
    header {
        background-color: #fff;
        position: fixed !important;
        z-index: 602 !important;
        top: 0
    }
}

@media only screen and (min-width: 992px) {
    header {
        position: fixed;
        z-index: 10;
    }
}

@media only screen and (min-width:992px) {
    header .inner {
        height: 150px;
        max-width: 1560px;
        margin: 0 auto
    }

    header .inner a.home-link {
        position: absolute;
        top: 50%;
        left: 60px;
        margin-top: -12px;
        z-index: 201
    }

    header .inner a.home-link img {
        width: 120px;
        height: 30px
    }
}

section {
    position: relative
}

section .inner {
    max-width: 1560px;
    margin: auto
}

section:first-child {
    position: static
}

.section__white {
    background-color: #fff;
    padding: 30px 15px
}

@media only screen and (min-width:992px) {
    .section__white {
        padding: 60px 30px
    }
}

@media only screen and (min-width:1560px) {
    .section__white {
        padding: 60px
    }
}

@media only screen and (max-width: 991px) {
    .section__white:first-child {
        padding-top: 0
    }
}

.item__title {
    padding: 10px 0 0 0
}

@media only screen and (min-width:1200px) {
    .item__title {
        padding: 20px 0
    }
}

.item__title * {
    text-align: center;
    margin: 0
}

.item__title .preheader {
    color: #707070;
    font-family: SofiaProSemiBold, sans-serif;
    margin: 7px 0
}

@media only screen and (min-width:1200px) {
    .item__title--1 h1 {
        font-size: 3.5rem
    }
}

@media only screen and (min-width:1560px) {
    .item__title--1 h1 {
        font-size: 5rem
    }
}

.item__title--1 .preheader {
    font-size: 1rem
}

@media only screen and (min-width:1200px) {
    .item__title--1 .preheader {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    .item__title--1 .preheader {
        font-size: 1.5rem
    }
}

.item__title--2 .preheader {
    font-size: 1rem
}

@media only screen and (min-width:1200px) {
    .item__title--2 .preheader {
        font-size: 1.125rem
    }
}

@media only screen and (min-width:1200px) {
    .item__title--2 .preheader {
        font-size: 1.125rem
    }
}

.icon-button {
    position: relative
}

.icon-button__item {
    padding: 0 20px
}

@media only screen and (max-width:991px) {
    .icon-button__item {
        padding: 0 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .icon-button__item {
        padding: 0 60px
    }
}

.icon-button__item__icon {
    background-color: #fff;
    text-align: center;
    border-radius: 100px;
    min-width: 180px;
    min-height: 180px;
    display: inline-block;
    position: relative;
    margin-bottom: 50px;
    transition: background-color .3s
}

.icon-button__item__icon i {
    font-size: 100px;
    margin-top: 26px;
    display: block;
    color: #bfb0a3
}

.icon-button__item__content {
    clear: both;
    text-align: center
}

@media only screen and (max-width:1199px) {
    .icon-button__item__content {
        margin-bottom: 100px
    }
}

.icon-button__item__content h3 {
    color: #003c70;
    font-weight: 700
}

.icon-button__item__content img {
    margin: 0 auto;
    display: block
}

.partner__title {
    text-align: center;
    margin-bottom: 80px
}

.partner__icon__row {
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 40px;
    margin-bottom: 40px;
    font-size: 0
}

.partner__icon__item {
    display: inline-block;
    width: 25%;
    padding: 20px;
    font-size: 1rem
}

@media only screen and (max-width:991px) {
    .partner__icon__item {
        width: 50%
    }
}

.partner__icon__item img {
    max-width: 75px
}

.partner__icon__item p {
    margin-top: 20px;
    margin-bottom: 0;
    font-family: SofiaProSemiBold
}

.partner__contact {
    padding-top: 20px;
    margin-top: 60px;
    border-top: 1px solid #d9d9d9;
    text-align: center
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    html {
        padding-right: 20px
    }

    header {
        width: calc(100% - 20px)
    }

    img[src$=".svg"] {
        width: 100%
    }
}

.status__container {
    --status-color: #707070;
    --status-image-ok: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjY5ODkgMTAuODY5OEg2Ljk3OTg5TDExLjUzOTggNi4zMDk5NkwxMC44Mjk4IDUuNTk5OTZMNi42Mjk4OSA5LjgwOTg1TDQuNzEgNy44ODk5NEw0IDguNTk5OTRMNi4yNjk4OSAxMC44Njk4WiIgZmlsbD0iI0ZGRkZGRiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNiAwLjk5OTk4NUMxMC4yIDEuMDk5OTkgMTEuNyAxLjg5OTk5IDEyLjggMi45OTk5OUMxNC4xIDQuMzk5OTkgMTQuOCA2LjA5OTk5IDE0LjggOC4wOTk5OUMxNC44IDkuNjk5OTkgMTQuMiAxMS4yIDEzLjIgMTIuNUMxMi4yIDEzLjcgMTAuOCAxNC42IDkuMiAxNC45QzcuNiAxNS4yIDYgMTUgNC42IDE0LjJDMy4yIDEzLjQgMi4xIDEyLjIgMS41IDEwLjdDMC44OTk5OTcgOS4xOTk5OSAwLjc5OTk5NyA3LjQ5OTk5IDEuMyA1Ljk5OTk5QzEuOCA0LjM5OTk5IDIuNyAzLjA5OTk5IDQuMSAyLjE5OTk5QzUuNCAxLjI5OTk5IDcgMC44OTk5ODUgOC42IDAuOTk5OTg1Wk05LjEgMTMuOUMxMC40IDEzLjYgMTEuNiAxMi45IDEyLjUgMTEuOEMxMy4zIDEwLjcgMTMuOCA5LjM5OTk5IDEzLjcgNy45OTk5OUMxMy43IDYuMzk5OTkgMTMuMSA0Ljc5OTk5IDEyIDMuNjk5OTlDMTEgMi42OTk5OSA5LjggMi4wOTk5OSA4LjQgMS45OTk5OUM3LjEgMS44OTk5OSA1LjcgMi4xOTk5OSA0LjYgMi45OTk5OUMzLjUgMy43OTk5OSAyLjcgNC44OTk5OSAyLjMgNi4yOTk5OUMxLjkgNy41OTk5OSAxLjkgOC45OTk5OSAyLjUgMTAuM0MzLjEgMTEuNiA0IDEyLjYgNS4yIDEzLjNDNi40IDE0IDcuOCAxNC4yIDkuMSAxMy45WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4=");
    --status-image-info: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjU2ODIgMS4wMzEyOEMxMC4xNTkzIDEuMTkwMzkgMTEuNjQzNCAxLjkwNTE4IDEyLjc1OTggMy4wNDk5NkMxMy45NzYyIDQuMjg1NTUgMTQuNjk1MyA1LjkyNTUyIDE0Ljc4MDEgNy42NTcyNkMxNC44NjQ5IDkuMzg4OTkgMTQuMzA5NiAxMS4wOTEzIDEzLjIxOTkgMTIuNDM5OEMxMi4yMTc2IDEzLjY4NTcgMTAuODExMSAxNC41NDE2IDkuMjQ0MSAxNC44NTk0QzcuNjc3MDggMTUuMTc3MiA2LjA0ODI2IDE0LjkzNjkgNC42Mzk4NSAxNC4xOEMzLjIyODQzIDEzLjQwNjYgMi4xMjY1OSAxMi4xNzA2IDEuNTE5ODYgMTAuNjhDMC45MTA0MTUgOS4xODE2NiAwLjgyOTI4NiA3LjUyMDQzIDEuMjg5ODUgNS45Njk4OEMxLjc0OTQyIDQuNDI1MzcgMi43Mjc3OSAzLjA4NjggNC4wNTk4NCAyLjE3OTk2QzUuMzgwODMgMS4yNzg5MiA2Ljk3NzEgMC44NzIxNyA4LjU2ODIgMS4wMzEyOFpNOS4wMzk4OCAxMy44Nzk5QzEwLjM4MjcgMTMuNjA3NSAxMS41ODg2IDEyLjg3NTYgMTIuNDQ5OSAxMS44MUMxMy4zODI1IDEwLjY1MDkgMTMuODU3IDkuMTg5NjEgMTMuNzgzMiA3LjcwMzc3QzEzLjcwOTUgNi4yMTc5MiAxMy4wOTI2IDQuODEwOTMgMTIuMDQ5OCAzLjc0OTkxQzExLjA5NDcgMi43NzQ5MiA5LjgyNzI5IDIuMTY2NjcgOC40NjkxNCAyLjAzMTRDNy4xMTA5OSAxLjg5NjEzIDUuNzQ4NSAyLjI0MjQ3IDQuNjE5ODMgMy4wMDk5MkMzLjc3MDI3IDMuNTk1MzEgMy4wODQyNSA0LjM4NzkyIDIuNjI2NzMgNS4zMTI2NUMyLjE2OTIxIDYuMjM3MzggMS45NTUzNSA3LjI2MzU5IDIuMDA1NDIgOC4yOTQxQzIuMDU1NSA5LjMyNDYgMi4zNjc4NCAxMC4zMjUzIDIuOTEyODYgMTEuMjAxM0MzLjQ1Nzg5IDEyLjA3NzMgNC4yMTc1MiAxMi43OTk3IDUuMTE5ODMgMTMuM0M2LjMxODE2IDEzLjk0NjcgNy43MDU2MiAxNC4xNTE5IDkuMDM5ODggMTMuODc5OVpNNy4zNzQ4MiA2TDguNjI0ODIgNkw4LjYyNDgyIDVMNy4zNzQ4MiA1TDcuMzc0ODIgNlpNOC42MjQ4MiA3TDguNjI0ODIgMTFMNy4zNzQ4MiAxMUw3LjM3NDgyIDdMOC42MjQ4MiA3WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4=");
    --status-image-maintenance: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuODA3NDcgMTQuOTc1NEMyLjU3MTQ0IDE0Ljk3MjEgMi4zMzg1MSAxNC45MjExIDIuMTIyNzEgMTQuODI1NEMxLjkwNjkyIDE0LjcyOTcgMS43MTI3MyAxNC41OTEzIDEuNTUxODMgMTQuNDE4NkMxLjIzODc1IDE0LjEzMzQgMS4wNDQ1OCAxMy43NDA4IDEuMDA3OTkgMTMuMzE4OUMwLjk2NjQ2OSAxMi44ODI4IDEuMDkyOTMgMTIuNDQ3MyAxLjM2MTU4IDEyLjEwMTNDMi41NjgwNCAxMC44Mjg5IDQuOTQ3NTUgOC40NDk0IDYuNjc4MzYgNi43NTQ3OUM2LjMxMDA3IDUuNzU4ODcgNi4zMjcyOSA0LjY2MTI3IDYuNzI2NjEgMy42NzczOUM3LjA1NDk5IDIuODU4NzYgNy42Mzg5MyAyLjE2ODA1IDguMzkxNTMgMS43MDgwN0M4Ljk4MTk1IDEuMzE3MDYgOS42NjA1NSAxLjA3OTQ0IDEwLjM2NTkgMS4wMTY3M0MxMS4wNzEzIDAuOTU0MDIyIDExLjc4MTIgMS4wNjgxOSAxMi40MzEzIDEuMzQ4OTJMMTMuMDQ4NSAxLjYxNjJMMTAuMTgyNyA0LjU2NzM4TDExLjQzNzQgNS44MjU4MkwxNC4zODExIDIuOTQ4ODdMMTQuNjQ4NCAzLjU2Nzg4QzE0Ljg3MzggNC4wODk3NiAxNC45OTMzIDQuNjUxMTkgMTQuOTk5OSA1LjIxOTYxQzE1LjAwNjYgNS43ODgwMiAxNC45MDA0IDYuMzUyMTEgMTQuNjg3NCA2Ljg3OTE1QzE0LjQ3NjMgNy40MDAyOSAxNC4xNjI2IDcuODczNjggMTMuNzY0OSA4LjI3MTIyQzEzLjUzOTYgOC40OTE2OSAxMy4yOTA3IDguNjg2NTMgMTMuMDIyNSA4Ljg1MjE4QzEyLjQ2NzYgOS4yMjI3NSAxMS44MzI3IDkuNDU2MzYgMTEuMTY5OSA5LjUzMzhDMTAuNTA3MSA5LjYxMTI0IDkuODM1NDYgOS41MzAzIDkuMjEwMDcgOS4yOTc2NEM4LjExMjE5IDEwLjQxMTMgNS4zNzE2NyAxMy4xNzA0IDMuODkxNDMgMTQuNTUyMkMzLjU5NDUgMTQuODIxOSAzLjIwODU2IDE0Ljk3MjYgMi44MDc0NyAxNC45NzU0Wk0xMC43NDUxIDEuOTI4MDJDMTAuMDg3MyAxLjkyNjM3IDkuNDQzODMgMi4xMjAxOCA4Ljg5NjM5IDIuNDg0ODVDOC42ODI4OSAyLjYxNTIgOC40ODQ2MSAyLjc2ODk3IDguMzA1MjIgMi45NDMzQzcuODI4MTMgMy40MjQyMyA3LjUwOTUgNC4wMzk1MyA3LjM5MjA2IDQuNzA2NjlDNy4yNzQ2MiA1LjM3Mzg1IDcuMzYzOTggNi4wNjA5OCA3LjY0ODE2IDYuNjc1OTFMNy43ODM2NiA2Ljk3Mjg4TDcuNTUwNzIgNy4yMDAyNUM1LjgxMjQ5IDguODk2NzIgMy4yODE3MSAxMS40MjAxIDIuMDY1MDQgMTIuNzA0NUMxLjk1NjcgMTIuODY1OCAxLjkxMDM3IDEzLjA2MDggMS45MzQ1OSAxMy4yNTM1QzEuOTU4ODEgMTMuNDQ2MyAyLjA1MTk1IDEzLjYyMzggMi4xOTY4MiAxMy43NTMyQzIuMjgwMjkgMTMuODQ2MiAyLjM4MjAxIDEzLjkyMTEgMi40OTU2NSAxMy45NzMxQzIuNTk1ODEgMTQuMDE4NCAyLjcwNDA4IDE0LjA0MyAyLjgxMzk3IDE0LjA0NTVDMi45ODA4OSAxNC4wNDEzIDMuMTQwNjggMTMuOTc3IDMuMjY0MDcgMTMuODY0NkM0LjgzNzExIDEyLjM5NjQgNy44NzY0NiA5LjMyNjQxIDguNzY4MzIgOC40MjQzNUw4Ljk5NzU0IDguMTkzMjZMOS4yOTI2NiA4LjMyNzgzQzkuODA2NDIgOC41NjczMiAxMC4zNzM0IDguNjY5ODUgMTAuOTM4NSA4LjYyNTQ1QzExLjUwMzYgOC41ODEwNiAxMi4wNDc2IDguMzkxMjUgMTIuNTE3NiA4LjA3NDQ3QzEyLjczMTYgNy45NDI2IDEyLjkyOTkgNy43ODY5NCAxMy4xMDg4IDcuNjEwNDVDMTMuNDE4NiA3LjMwMTUzIDEzLjY2MzQgNi45MzM3NCAxMy44Mjg4IDYuNTI4NzRDMTMuOTk0MyA2LjEyMzc1IDE0LjA3NyA1LjY4OTc0IDE0LjA3MjEgNS4yNTIyOEMxNC4wNzIyIDUuMDM2NjIgMTQuMDUwNyA0LjgyMTQ4IDE0LjAwODEgNC42MTAwN0wxMS40MzA5IDcuMTI1MDhMOC44Nzk2OCA0LjU3NzU5TDExLjM5NDcgMS45ODgzNEMxMS4xODA3IDEuOTQ2NzQgMTAuOTYzMSAxLjkyNjUzIDEwLjc0NTEgMS45MjgwMloiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+");
    --status-image-performance: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiICB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS44MDAyIDlMMTAuMDAwMiAzSDkuMDAwMjRMNy4xNTgyNSA5LjY0TDUuOTkwMjQgNC42OUg1LjAyMDI0TDMuODUwMjQgOUgxLjAwMDI0VjkuOTlINC4yMzAyNEw0LjcyMDI0IDkuNjJMNS40NjAyNCA2LjkyTDYuNTkwMjQgMTJINy42MjAyNEw5LjQ5MDI0IDQuOTZMMTAuOTUwMiA5LjY0TDExLjQzMDIgMTBIMTUuMDAwMlY5SDExLjgwMDJaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPg==");
    --status-image-warn: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjU1OTc2IDFIOC40Mzk3NkwxNC45Nzk4IDEzLjI2TDE0LjUzOTggMTRIMS40Mzk3NkwwLjk5OTc1NiAxMy4yNkw3LjU1OTc2IDFaTTcuOTk5NzYgMi4yOEwyLjI3OTc2IDEzSDEzLjY5OThMNy45OTk3NiAyLjI4Wk04LjYyNDc2IDEyVjExSDcuMzc0NzZWMTJIOC42MjQ3NlpNNy4zNzQ3NiAxMFY2SDguNjI0NzZWMTBINy4zNzQ3NloiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+");
    --status-image-error: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjU5OTc1IDAuOTk5OTg1QzEwLjE5OTggMS4wOTk5OSAxMS42OTk4IDEuODk5OTkgMTIuNzk5OCAyLjk5OTk5QzE0LjA5OTggNC4zOTk5OSAxNC43OTk4IDYuMDk5OTkgMTQuNzk5OCA4LjA5OTk5QzE0Ljc5OTggOS42OTk5OSAxNC4xOTk4IDExLjIgMTMuMTk5OCAxMi41QzEyLjE5OTggMTMuNyAxMC43OTk4IDE0LjYgOS4xOTk3NSAxNC45QzcuNTk5NzUgMTUuMiA1Ljk5OTc1IDE1IDQuNTk5NzUgMTQuMkMzLjE5OTc1IDEzLjQgMi4wOTk3NSAxMi4yIDEuNDk5NzUgMTAuN0MwLjg5OTc1MyA5LjE5OTk5IDAuNzk5NzUzIDcuNDk5OTkgMS4yOTk3NSA1Ljk5OTk5QzEuNzk5NzUgNC4zOTk5OSAyLjY5OTc1IDMuMDk5OTkgNC4wOTk3NSAyLjE5OTk5QzUuMzk5NzUgMS4yOTk5OSA2Ljk5OTc1IDAuODk5OTg1IDguNTk5NzUgMC45OTk5ODVaTTkuMDk5NzUgMTMuOUMxMC4zOTk4IDEzLjYgMTEuNTk5OCAxMi45IDEyLjQ5OTggMTEuOEMxMy4yOTk4IDEwLjcgMTMuNzk5OCA5LjM5OTk5IDEzLjY5OTggNy45OTk5OUMxMy42OTk4IDYuMzk5OTkgMTMuMDk5OCA0Ljc5OTk5IDExLjk5OTggMy42OTk5OUMxMC45OTk4IDIuNjk5OTkgOS43OTk3NSAyLjA5OTk5IDguMzk5NzUgMS45OTk5OUM3LjA5OTc1IDEuODk5OTkgNS42OTk3NSAyLjE5OTk5IDQuNTk5NzUgMi45OTk5OUMzLjQ5OTc1IDMuNzk5OTkgMi42OTk3NSA0Ljg5OTk5IDIuMjk5NzUgNi4yOTk5OUMxLjg5OTc1IDcuNTk5OTkgMS44OTk3NSA4Ljk5OTk5IDIuNDk5NzUgMTAuM0MzLjA5OTc1IDExLjYgMy45OTk3NSAxMi42IDUuMTk5NzUgMTMuM0M2LjM5OTc1IDE0IDcuNzk5NzUgMTQuMiA5LjA5OTc1IDEzLjlaTTcuODk5NzQgNy41TDEwLjI5OTcgNUwxMC45OTk3IDUuN0w4LjU5OTc0IDguMkwxMC45OTk3IDEwLjdMMTAuMjk5NyAxMS40TDcuODk5NzQgOC45TDUuNDk5NzQgMTEuNEw0Ljc5OTc0IDEwLjdMNy4xOTk3NCA4LjJMNC43OTk3NCA1LjdMNS40OTk3NCA1TDcuODk5NzQgNy41WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4=");
    display: none;
    border-radius: 6px;
    border-width: 3px 3px 3px 43px;
    border-style: solid;
    border-color: var(--status-color);
    height: auto;
    margin-left: 15px;
    margin-right: 15px;
}

.status__container p {
    margin: 0
}

.status__container a {
    margin-top: 2px;
}

.status__icon-area {
    display: block;
    position: relative;
    flex-shrink: 0;
    background-image: var(--status-icon);
    background-repeat: no-repeat;
    background-position: calc(50% - 1px) 50%;
    width: 40px;
    margin-left: -40px;
}

.loading-spinner-container {
    margin: 0 0 0 -1px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loading-spinner,
.loading-spinner:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
}

.loading-spinner {
    margin: 6px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.4em solid rgba(255, 255, 255, 0.2);
    border-right: 0.4em solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.4em solid rgba(255, 255, 255, 0.2);
    border-left: 0.4em solid #FFFFFF;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.status__text-area {
    margin: 10px;
    flex-grow: 2;
}

.status__title {
    font-family: SofiaProSemiBold, sans-serif;
}

.text-placeholder {
    display: grid;
}

.text-placeholder p, .text-placeholder div {
    grid-row-start: 1;
    grid-column-start: 1;
}

.faux-text {
    background: #dddddd;
    border-radius: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.text-placeholder p {
    visibility: hidden;
}

.faux-text.short {
    width: 75%;
}

.shimmer {
    overflow: hidden;
    position: relative;
}

.shimmer::before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0) 100%);
    height: 100%;
    width: 100%;
    z-index: 1;
    animation: shimmer 1s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.invisible {
    display: none;
}

input {
    padding: 1px 6px;
    box-sizing: border-box;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}

moreInfo:hover {
    color: red;
}

@media only screen and (max-width:1559px) {
    .status__container {
        border-width: 3px 3px 3px 33px;
    }

    .status__icon-area {
        width: 30px;
        margin-left: -30px;
        background-size: 25px;
    }

    .loading-spinner {
        font-size: 8px;
    }
}

@media only screen and (max-width:1199px) {
    .status__container {
        border-width: 3px 3px 3px 28px;
    }

    .status__icon-area {
        width: 25px;
        margin-left: -25px;
        background-size: 20px;
    }

    .loading-spinner {
        font-size: 6px;
    }
}