@font-face {
  font-family: "Cormorant Garamond";
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: local("Cormorant Garamond Regular"), local("CormorantGaramond-Regular"), url(https://vmekonsult.se/assets/fonts/cormorant.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Montserrat";
  font-display: block;
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://vmekonsult.se/assets/fonts/montserrat500.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: "Montserrat";
  font-display: block;
  font-style: normal;
  font-weight: 600;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url(https://vmekonsult.se/assets/fonts/montserrat600.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



:root {
    --theme-colour: 230, 191, 86
}
* {
    margin: 0;
    padding: 0;
}

body {
    background: #0C0C0C;
    overflow-x: hidden
}


#menu-overlay {
    display: none;
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#overlay-menu {
    padding: 0;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.overlay-menu-item {
    list-style: none
}

.overlay-menu-anchor {
    font: 1rem"Montserrat", "Arial", "Helvetica", Sans-Serif;
    letter-spacing: .03rem;
    box-sizing: border-box;
    display: block;
    height: 3.125rem;
    color: #CCC;
    text-decoration: none;
    width: 100%;
    padding: 0 0 0 14%;
    line-height: 3.3125rem;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.overlay-menu-item:not(:last-child)::after {
    margin: auto;
    display: block;
    content: "";
    width: 80%;
    height: .0625rem;
    background: #333
}






#nav {
    z-index: 100;
    position: fixed;
    height: 3.125rem;
    width: 100%;
    background: #333;
    background: rgba(22, 22, 22, 0.94);
        -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

#nav-inner {
    height: inherit;
    min-width: 50.25rem;
    margin: auto
}

#menu {
    height: inherit;
    margin: 0;
    padding: 0;
    min-width: 50.25rem;
    height: 3.125rem;
    text-align: center
}

#nav #nav-inner #menu .menu-item {
    height: inherit;
    display: inline-block;
    list-style: none
}

#nav #nav-inner #menu .menu-item .menu-anchor {
    
    display: block;
    margin: 0 1.25rem;
    padding: 0 1.25rem;
    height: inherit;
    font: 500 1rem/3.25rem"Montserrat", "Arial", "Helvetica", Sans-Serif;
    letter-spacing: .03rem;
    text-decoration: none;
    color: #FFF;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.vme-logo {
    height: .8125rem
}

.ani-underline::after {
    content: "";
    margin: -.1875rem 0 0 0;
    float: right;
    width: 0;
    height: .0625rem;
    background: rgb(var(--theme-colour));
    transition: all cubic-bezier(.78, .75, .33, .82) .2s;
    -moz-transition: all cubic-bezier(.78, .75, .33, .82) .2s;
    -o-transition: all cubic-bezier(.78, .75, .33, .82) .2s;
    -webkit-transition: all cubic-bezier(.78, .75, .33, .82) .2s
}

.ani-underline:hover::after {
    float: left;
    width: 100%;
    transition: width cubic-bezier(.78, .75, .33, .82) .2s;
    -moz-transition: width cubic-bezier(.78, .75, .33, .82) .2s;
    -o-transition: width cubic-bezier(.78, .75, .33, .82) .2s;
    -webkit-transition: width cubic-bezier(.78, .75, .33, .82) .2s
}

.current::after {
    content: "";
    display: block;
    margin: -.1875 0 0 0;
    float: right;
    height: .0625rem;
    background: rgb(var(--theme-colour));
    width: 100%
}

#stack-menu {
    cursor: pointer;
    position: fixed;
    top: 0;
    z-index: 99999;
    display: none;
    width: 3.125rem;
    height: 3.125rem
}

#stack-menu-inner {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    width: 1.5rem;
    height: .625rem;
    margin: auto
}

.stack-menu-line {
    width: 24px;
    height: 1px;
    background: #FFF;
    -webkit-transition: all .2s ease .1s;
    transition: all .2s ease .1s;
    border-radius: 10px
}

.stack-menu-line-2 {
    position: relative;
    top: 100%
}


@keyframes loading {
    0% {
        transform: translate(20rem, 0)
    }
    100% {
        transform: translate(-5rem, 0)
    }
}

#footer {
    padding: 2rem 0;
}

#copyright {
    color: #868686;
    text-align: center;
    font: 500 .6875rem"Montserrat", "Arial", "Helvetica", Sans-Serif;
    padding: 0 0 1.25rem 0
}

#footer-icon {
    width: 2.5rem;
    position: relative;
    top: .9375rem
    display: none;
}

.foot-link {
    text-decoration: none;
    color: #7DA3E5
}

.foot-link:hover {
    text-decoration: underline
}

@media only screen and (max-width: 416px) {
    #copyright {
        font-size: .5rem
    }
}

@media only screen and (max-width:812px) {
    #menu {
        display: none
    }
    #stack-menu {
        display: block
    }
}

@media only screen and (min-width:812px) {
    #menu-overlay {
        display: none !important
    }
}