body {
    font-family: "Source Sans Pro", sans-serif;
    font-size: .9rem
}

.btn,
.form-control {
    font-size: .9rem;
    padding: .2rem .5rem
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    color: inherit;
}

h1,
h2,
h3 {
    color: #565a5c;
    font-weight: bold
}

h1 {
    font-weight: lighter;
    margin-bottom: 30px
}

h2 {
    font-size: 21px
}

h3 {
    font-size: 1rem
}

h4 {
    font-size: 16px
}

img.bordered {
    border: solid 5px #565a5c;
    margin: 8px
}

html,
body {
    height: 100%
}

body {
    background: #f6f6f6;
    padding: 15px 0
}

label {
    margin-bottom: .3rem
}

.form-group {
    margin-bottom: .6rem
}

.custom_container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 10px
}

header {
    background-color: #c8c8c8;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
}

header img {
    max-width: 400px;
    margin: 10px;
}

header .languages {
    text-align: right;
    font-size: 1.2rem;
    margin-top: 10px;
    margin-right: 30px;
    margin-bottom: 10px
}

header .languages .nav-item {
    display: inline
}

header .languages .nav-item:after {
    content: "|"
}

header .languages .nav-item:last-child:after {
    content: " "
}

header .languages .active {
    color: #565a5c
}

nav {
    background: #565a5c;
    color: #fff
}

nav .nav {
    padding: 0 60px;
    width: 100%
}

nav .nav .nav-item .nav-link {
    padding: 8px 16px;
    border-right: solid 1px #fff
}

nav .nav .nav-item .nav-link:hover,
nav .nav .nav-item .nav-link:focus {
    background: #888d90
}

nav .nav .nav-item .nav-link.active {
    color: #333;
    background: #fff;
    font-weight: bold
}

nav .nav .nav-item .nav-link.active span {
    padding-bottom: 2px;
    border-bottom: 2px solid #565a5c
}

nav .nav .nav-item:last-child .nav-link {
    border-right: none
}

@media(max-width: 767px) {
    nav .nav {
        padding: 0 30px;
        display: block
    }

    nav .nav .nav-item {
        display: block
    }

    nav .nav .nav-item .nav-link {
        border-right: none
    }
}

main {
    flex: 1;
    padding: 30px 0;
}

main .slogan {
    font-size: 1.6rem;
    margin: 30px 0
}

.category {
    max-width: 195px;
    width: 195px;
}

footer {
    font-size: 13px
}

footer .bar {
    padding: 4px 0;
    background: #565a5c;
    color: #fff;
    text-align: center;
    font-weight: lighter;
    font-size: 1.4rem
}

footer .row.contact {
    padding: 30px 0
}

footer .row.contact .border-lr {
    border-left: solid 1px #000;
    border-right: solid 1px #000
}

footer .row.contact img {
    margin-bottom: 5px
}

@font-face {
    font-family: "FontAwesome";
    src: url("vhs-assets-css-f580fc14b19a24c4f9a4d82a5c568135.eot?v=4.2.0");
    src: url("vhs-assets-css-1b4a259fef77f928ef30487e7355ea5a.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("vhs-assets-css-49d230b876fd7a47c286b268f6688bfe.woff?v=4.2.0") format("woff"), url("vhs-assets-css-89b34154ba8a37dd165f281d6e0e08d0.ttf?v=4.2.0") format("truetype"), url("vhs-assets-css-9f01fe415cd2f1721c735999657fbc60.svg?v=4.2.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal
}

header .MetaNavigation .fa {
    color: #ccc;
    font-size: 20px;
    vertical-align: bottom;
    line-height: 50px
}

header .MetaNavigation .fa:hover {
    color: #5c90dd
}

.fa-envelope-o:before {
    content: ""
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    box-sizing: border-box
}

.Footer a {
    color: #598edc
}

.Footer .container.main {
    padding-top: 30px;
    width: 100%;
    background-color: #c8c8c8
}

.Footer .main ul {
    list-style: none;
    padding-left: 0
}

.Footer .main ul a {
    text-decoration: none;
    color: #000;
    font-size: 13px;
    line-height: 20px
}

.Footer .main .inner {
    margin-left: auto;
    margin-right: auto
}

.Footer .main .row {
    display: table;
    width: 100%;
    margin: 0
}

.Footer .main div[class*=col-] {
    position: static;
    display: table-cell
}

.Footer .main div[class*=col-]:before {
    content: "";
    position: absolute;
    margin-left: -15px;
    top: 30px;
    bottom: 240px
}

.Footer .main div[class*=col-]:first-child:before {
    display: none
}