/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 5, 2018 */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: local('PT Sans Bold'),
    local('PTSans-Bold'),
    url('./fonts/pt_sans-web-bold-webfont.woff2') format('woff2'),
    url('./fonts/pt_sans-web-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-style: italic;
    font-weight: 400;
    src: local('PT Sans Italic'),
    local('PTSans-Italic'),
    url('./fonts/pt_sans-web-italic-webfont.woff2') format('woff2'),
    url('./fonts/pt_sans-web-italic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'),
    local('PTSans-Regular'),
    url('./fonts/pt_sans-web-regular-webfont.woff2') format('woff2'),
    url('./fonts/pt_sans-web-regular-webfont.woff') format('woff');
}

*,:after,:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
:root {
    font-size:calc(14px + 3 * ((100vw - 640px) / 800));
    line-height:1.8
}
@media screen and (min-width:1440px) {
    :root {
        font-size:17px
    }
}
@media screen and (max-width:640px) {
    :root {
        font-size:14px
    }
}
html {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    color:#262626;
    font-family:PT Sans, sans-serif;
    font-size:100%;
    font-weight:400;
    text-rendering:optimizeLegibility
}
h1,h2,h3,h4,h5,h6 {
    color:#262626;
    font-family:PT Sans,sans-serif;
    font-weight:700;
    line-height:1.2;
    margin:12.96px 0 25.92px;
    margin:.81rem 0 1.62rem
}

h1 {
    color:#006a73;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-weight:400;
    margin: 0 0 25.92px;
    margin: 0 0 1.62rem
}

h2 {
    font-size:32px;
    font-size:2rem;
    font-weight:500
}

h3 {
    font-family:Unna,serif;
    font-size:25.6px;
    font-size:1.6rem;
    font-weight:400
}

h4 {
    font-size:19.2px;
    font-size:1.2rem
}

h5,h6 {
    font-size:16px;
    font-size:1rem
}

p {
    margin: 0;
}

p + p {
    margin:12.96px 0 38.88px;
    margin:.81rem 0 2.43rem
}

a {
    color:#00828f;
    cursor:pointer;
    -webkit-text-decoration:underline currentColor;
    -moz-text-decoration:underline currentColor;
    text-decoration:underline currentColor;
    -webkit-text-decoration-skip:ink;
    text-decoration-skip:ink;
    text-decoration-skip-ink:auto
}

a:active,a:focus,a:hover {
    color:#262626;
    outline:none;
    text-decoration:none
}

.show-loader .wrapper {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.spinner {
    border-color: #00828f;
    border-right-color: transparent;
}

header {
    height: 100vh;
    max-height: 440px;
    min-height: 240px;
    width: 100%;
    max-width: none;
    background-color: #FFFFFF;
    z-index: 10;
    position: relative;
}

header:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    background-image: url("./images/flux_visual.svg");
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100% - 100px);
    display: block;
    background-position: 100% 100%;
}

header:after {
    content: ' ';
    background-image: url("./images/map.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc(100% - 100px);
    display: block;
    background-position: 100% 40%;
}

@media (max-width:750px) {
    header:after {
        background-position: left center;
    }
}

nav {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 0;
    height: 100px;
    background-color: #FFFFFF;
}

@media (max-width:1000px) {
    nav {
        padding: 0 20px;
    }
}

.logo {
    background-image: url("./images/logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 165px;
    position: relative;
}
@media (min-width:640px) {
    .logo {
        width:215px
    }
}
@media (min-width:1024px) {
    .logo {
        width:265px
    }
}

.menu {
    float: right;
    height: 100%;
}

.menu a {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:transparent;
    border:none;
    color:#fff;
    display:block;
    font-size: 14px;
    font-size: 1rem;
    line-height:1.2;
    outline:none;
    position:relative;
    text-align:left;
    text-decoration:none;
    width:100%;
    color: rgb(38, 38, 38);
    font-weight: 400;
    padding: 10px;
}

@media (min-width:1024px) {
    .menu a {
        font-size: 1rem;
        height: 100px;
        line-height: 100px;
        padding: 0 .81rem;
        text-decoration: underline;
    }
}

.menu a:hover, a.active {
    color: rgb(0, 130, 143);
    text-decoration: underline;
    font-weight: 400;
}

h1 {
    font-size: 30px;
    margin: 15px 0;
    font-weight: normal;
}

a,
a:hover {
    font-weight: bold;
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

.page {
    padding: 25px;
}

.page-pageblocks {
    margin-top: 25px;
}

.pageblock:hover {
    text-decoration: none;
}

.pageblock:hover .pageblock-wrapper {
    background-color: rgba(0, 130, 143, 1);
}


.pageblock {
    position: relative;
    height: 225px;
    border-radius: 10px;
}

.pageblock-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: none;
    max-height: none;
    margin: 0;
    border-radius: 10px;
}

.pageblock-wrapper {
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 100%;
    background-color: rgba(0, 130, 143, .85);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px 30px 15px 15px;
}

.pageblock-wrapper:after {
    content: "\3009";
    position: absolute;
    display: inline-block;
    bottom: 5px;
    right: 5px;
}

.pageblock h2 {
    display: block;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: rgb(0, 0, 0);
}

.pageblock-content, .pageblock-content p {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
}

.login-required:after {
    margin-left: 10px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='rgb(0, 130, 143)' d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/></svg>");
}