@font-face {
    font-family: Source Sans Pro;
    src: url(../assets/fonts/SourceSansPro-Regular.ttf);
}
@font-face {
    font-family: Source Sans Pro SemiBold;
    src: url(../assets/fonts/SourceSansPro-SemiBold.ttf);
}
@font-face {
    font-family: Source Sans Pro Bold;
    src: url(../assets/fonts/SourceSansPro-Bold.ttf);
}
@font-face {
    font-family: Roboto Condensed Bold;
    src: url(../assets/fonts/RobotoCondensed-Bold.ttf);
}
@font-face {
    font-family: Roboto;
    src: url(../assets/fonts/Roboto-Regular.ttf);
}

html, body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    font-family: Source Sans Pro,sans-serif;
}

.content-wrapper {
    min-height: 100%;
    margin-bottom: -267px;
    background: #fafbfc;
}

.meta-panel {
    background-color: #fff;
    width: 100%;
    max-height: 60px;
    height: 60px;
    position: relative;
    z-index: 301;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.meta-panel__wrapper {
    max-width: 67.5rem;
    padding: 0 1.875rem;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.meta-panel__site-title {
    height: 100%;
    font-family: Source Sans Pro Bold, sans-serif;
}

.meta-panel__site-title h1 {
    margin: 0;
    font-size: 2.5rem;
    line-height: 3rem;
}

.meta-panel__site-title a {
    text-decoration: none;
    color: black;
    font-size: 1.5rem;
    line-height: 1.875rem;
}

.meta-panel__items {
    display: flex;
    align-items: center;
}

.meta-panel__logo {
    width: 45px;
    height: 30px;
    background-image: url(../assets/images/logo.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
}

.omv-main {
    width: 100%;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#036),color-stop(70%,#008fd1),color-stop(90%,#036));
    background-image: linear-gradient(
            -270deg
            ,#036 50%,#008fd1 70%,#036 90%);
    -webkit-box-shadow: 0 3px 3px 0 rgb(0 0 0 / 35%);
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 35%);
    border-bottom: .3125rem solid #6c0;
    height: 25px;
    margin-bottom: 5px;
}

.main {
    margin: 0 auto;
    padding: 0 1.875rem;
    background: #fff;
    max-width: 866px;
    border: 1px solid #e0e0e0;
    border-top: 0;
}

.main__wrapper {
    padding: 50px;
    height: 100%;
    max-height: 652px;

}

.main__wrapper h2 {
    color: #036;
    font-family: Roboto,sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
}

#app-link {
    color: #013467;
}

footer, .push {
    height: 267px;
}

.footer__wrapper {
    padding: 15px 1.875rem;
    max-width: 67.5rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.footer__top {
    background-color: #036;
}

.footer__wrapper p {
    color: white;
    margin: 0;
}

.footer__share {
    display: flex;
}

.footer__share--item {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 1.25rem;
    min-width: 1rem;
    cursor: pointer;
    margin-left: .9375rem;
}

.footer__share--item:first-of-type {
    margin-left: 0;
}

.share-panel__facebook {
    background: url(../assets/images/facebook.svg) no-repeat 50%/100%;
}

.share-panel__twitter {
    background: url(../assets/images/twitter.svg) no-repeat 50%/100%;
}

.share-panel__linkedin {
    background: url(../assets/images/linkedin.svg) no-repeat 50%/100%;
}

.share-panel__instagram {
    background: url(../assets/images/instagram.svg) no-repeat 50%/100%;
}

.share-panel__youtube {
    background: url(../assets/images/youtube.svg) no-repeat 50%/100%;
}

.footer__share--item:hover {
    opacity: .5;
}

footer ul {
    padding: 0;
    margin: 0;
}

footer ul li {
    font-size: .875rem;
    line-height: 1.5rem;
    list-style-position: inside;
    list-style-type: none;
}

footer .logo {
    background-image: url(../assets/images/logo-bottom.svg);
    height: 70px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
}

footer a {
    background-color: transparent;
    color: #036;
}

@media screen and (max-height: 810px) {
    .main {
        border-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .footer__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .footer__wrapper p {
        margin-bottom: 1.563rem;
    }

    .main__wrapper {
        padding: 50px 0;
        border: none;
    }
}
#cz, #bg ,#rs {
    display: none;
}