html,
body {
  height: 100%;
  margin: 0;
  min-height: 100%;
  padding: 0;
}
body {
  display: flex;
  flex-flow: column;
  height: 100%;
}
body > header {
  flex: none;
}
body >footer {
  flex: 1 1 auto;
}

head {
    font-family: 'desktop';
}
@media screen and (max-width: 950px) {
    head {
        font-family: 'mobile';
    }
}

.page-wrapper {
    position: relative;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.narrow-menu {
    display: none;
}

.top-menu.mobile-menu-up {
    top: -52px;
}

.top-menu {
    text-align: center;
    border-bottom: solid 1px #ddd;
    font-family: 'Helvetica', 'Arial', 'sans-serif';
}

.top-menu-list {
    padding: 5px 0;
    margin: 0;
}

.top-menu-list nav {
    display: inline-block;
}

.top-menu-link {
    display: inline-block;
    font-size: 16px;
}

.top-menu-link a {
    padding: 10px;
    margin-right: 10px;
    display: block;
    background-color: #fff;
    text-decoration: none;
    color: #525252;
}

.top-menu-link a:hover {
    background-color: #ffed02;
    text-decoration: underline;
}

.top-menu-link a.active {
    background-color: #ffed02;
}

@media (max-width: 950px) {
    body {
        overflow-x: hidden;
    }

    .page-wrapper {
        padding-top: 49px;
    }

    body.show-narrow-menu {
        padding-top: 0;
    }

    body.show-narrow-menu .top-menu {
        position: initial;
    }

    .actions-menu {
        padding: 66px 0 0;
    }

    .top-menu-list {
        padding: 10px 0 0 10px;
        margin: 0;
    }

    .narrow-menu {
        position: absolute;
        display: block;
        width: 100%;
        top: 70px;
        bottom: 0;
        z-index: 999;
        margin: 0;
        padding: 0;
        transform: translateX(100%);
        transition: transform 0.2s ease-in-out;
        background-color: #fff;
        line-height: 29px!important;
    }

    .narrow-menu.show-narrow-menu {
        transform: translateX(0);
    }

    .narrow-menu:before {
        content: '';
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        display: block;
        padding: 0;
        margin: 0;
        transform: translateX(55px);
        position: absolute;
        top: -10px;
        transition: transform 0.2s ease-in-out;
    }

    .narrow-menu .link-wrapper {
        padding: 0;
        margin: 0;
        border-top: 4px solid #fff;
    }

    .narrow-menu .link-wrapper .menu-link {
        display: block;
        font-size: 16px;
        transition: background 0.3s, box-shadow 0.3s;
        outline: none;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
        position: relative;
        /*&.product-user {
                            margin-top: 50px;
                            border-top: 1px solid #ccc;
                        }*/
    }

    .narrow-menu .link-wrapper .menu-link.active {
        background-color: #ffed02;
    }

    .narrow-menu .link-wrapper .menu-link a:hover {
        text-decoration: none;
    }

    .narrow-menu .link-wrapper .menu-link a {
        display: block;
        border-bottom: 1px solid #ccc;
        padding: 15px;
        position: relative;
        font-family: 'LiebeRuth-Medium';
        text-decoration: none;
        color: #525252;
    }

    .narrow-menu .link-wrapper .sub-menu .dropdown-button {
        position: absolute;
        text-align: center;
        border-bottom: none;
        right: 0;
        top: 0;
    }

    .narrow-menu .link-wrapper .sub-menu .dropdown-button:after {
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxNCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNDEgKDM1MzI2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5DQzA5QzMwOC1EQ0Q4LTQzOTgtQkZFQy02MjgxQzZDRUE1MkU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtZW51LWl0ZW0tc3ViLXJvdy1leHBhbmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTUuMDAwMDAwLCAtMjEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxnIGlkPSJtZW51LWl0ZW0tcm93Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzA2LjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuODM2NzM3NSwyMy44NDg4MjQyIEMxMi45MTEzMDkxLDIzLjk0OTYwODEgMTMuMDM0MTMzLDI0IDEzLjEzMjgzMDcsMjQgQzEzLjI1NTY1NDYsMjQgMTMuMzU0MzUyMywyMy45NDk2MDgxIDEzLjQ1MTk1MzQsMjMuODQ4ODI0MiBMMTkuODUxOTUzNCwxNy4zMTM1NDk4IEMxOS45NTA2NTExLDE3LjIzODUyMTggMjAsMTcuMTEzMTAxOSAyMCwxNy4wMTIzMTggQzIwLDE2Ljg4Njg5ODEgMTkuOTUwNjUxMSwxNi43NjE0NzgyIDE5Ljg1MTk1MzQsMTYuNjg1MzMwMyBMMTMuNDUxOTUzNCwxMC4xNTAwNTYgQzEzLjM1NDM1MjMsMTAuMDUwMzkxOSAxMy4yNTU2NTQ2LDEwIDEzLjEzMjgzMDcsMTAgQzEzLjAzNDEzMywxMCAxMi45MTEzMDkxLDEwLjA1MDM5MTkgMTIuODM2NzM3NSwxMC4xNTAwNTYgTDEyLjE0ODA0NjYsMTAuODU0NDIzMyBDMTIuMDQ5MzQ4OSwxMC45Mjk0NTEzIDEyLDExLjA1NDg3MTIgMTIsMTEuMTU1NjU1MSBDMTIsMTEuMjgxMDc1IDEyLjA0OTM0ODksMTEuNDA3NjE0OCAxMi4xNDgwNDY2LDExLjQ4MjY0MjggTDE3LjUzODAzOTgsMTcuMDEyMzE4IEwxMi4xNDgwNDY2LDIyLjUxNzM1NzIgQzEyLjA0OTM0ODksMjIuNjE3MDIxMyAxMiwyMi43MTc4MDUyIDEyLDIyLjg0MzIyNTEgQzEyLDIyLjk2OTc2NDggMTIuMDQ5MzQ4OSwyMy4wNjk0Mjg5IDEyLjE0ODA0NjYsMjMuMTcwMjEyOCBMMTIuODM2NzM3NSwyMy44NDg4MjQyIFoiIGlkPSJGaWxsLTYzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wMDAwMDAsIDE3LjAwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNi4wMDAwMDAsIC0xNy4wMDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
        display: block;
        line-height: 25px;
        height: 25px;
        margin: auto;
        width: 25px;
    }

    .narrow-menu .link-wrapper .sub-menu.sub-menu-open > a:first-of-type:before {
        content: '';
        width: 7px;
        background-color: #ffed02;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
    }

    .narrow-menu .link-wrapper .sub-menu.sub-menu-open > .dropdown-button:after {
        background: none;
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxNiAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNDEgKDM1MzI2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT4yNTI4Rjk4MS05NzdELTRFRTgtODk5MS1GOEU4NjRFOEJBRDc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtZW51LWl0ZW0tcm93LW9wZW4iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTQuMDAwMDAwLCAtMzcuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxnIGlkPSJtZW51LWl0ZW0tcm93Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzA2LjAwMDAwMCwgMjIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkxpbmUiIHBvaW50cz0iOC41IDE3IDIzLjUgMTcgMjMuNSAxNSA4LjUgMTUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
        display: block;
        line-height: 25px;
        height: 25px;
        margin: auto;
        width: 25px;
    }

    .narrow-menu .link-wrapper .sub-menu > .menu-link {
        border: none;
        padding-bottom: 0;
    }

    .narrow-menu .link-wrapper .sub-menu ul {
        padding: 0;
        display: none;
    }

    .narrow-menu .link-wrapper .sub-menu ul > .menu-link {
        font-size: 12px;
    }

    .narrow-menu .link-wrapper .sub-menu ul > .menu-link a {
        padding-left: 30px;
    }

    .narrow-menu .link-wrapper .sub-menu ul > .menu-link:last-child {
        border-bottom: none;
    }

    .narrow-menu .link-wrapper .sub-menu ul .sub-menu ul > .menu-link a {
        padding-left: 45px;
    }

    .narrow-menu .link-wrapper > .sub-menu > .dropdown-button:after {
        background: #ffed02;
        border-radius: 25px;
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxNCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNDEgKDM1MzI2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5DQzA5QzMwOC1EQ0Q4LTQzOTgtQkZFQy02MjgxQzZDRUE1MkU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJtZW51LWl0ZW0tc3ViLXJvdy1leHBhbmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTUuMDAwMDAwLCAtMjEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxnIGlkPSJtZW51LWl0ZW0tcm93Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzA2LjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuODM2NzM3NSwyMy44NDg4MjQyIEMxMi45MTEzMDkxLDIzLjk0OTYwODEgMTMuMDM0MTMzLDI0IDEzLjEzMjgzMDcsMjQgQzEzLjI1NTY1NDYsMjQgMTMuMzU0MzUyMywyMy45NDk2MDgxIDEzLjQ1MTk1MzQsMjMuODQ4ODI0MiBMMTkuODUxOTUzNCwxNy4zMTM1NDk4IEMxOS45NTA2NTExLDE3LjIzODUyMTggMjAsMTcuMTEzMTAxOSAyMCwxNy4wMTIzMTggQzIwLDE2Ljg4Njg5ODEgMTkuOTUwNjUxMSwxNi43NjE0NzgyIDE5Ljg1MTk1MzQsMTYuNjg1MzMwMyBMMTMuNDUxOTUzNCwxMC4xNTAwNTYgQzEzLjM1NDM1MjMsMTAuMDUwMzkxOSAxMy4yNTU2NTQ2LDEwIDEzLjEzMjgzMDcsMTAgQzEzLjAzNDEzMywxMCAxMi45MTEzMDkxLDEwLjA1MDM5MTkgMTIuODM2NzM3NSwxMC4xNTAwNTYgTDEyLjE0ODA0NjYsMTAuODU0NDIzMyBDMTIuMDQ5MzQ4OSwxMC45Mjk0NTEzIDEyLDExLjA1NDg3MTIgMTIsMTEuMTU1NjU1MSBDMTIsMTEuMjgxMDc1IDEyLjA0OTM0ODksMTEuNDA3NjE0OCAxMi4xNDgwNDY2LDExLjQ4MjY0MjggTDE3LjUzODAzOTgsMTcuMDEyMzE4IEwxMi4xNDgwNDY2LDIyLjUxNzM1NzIgQzEyLjA0OTM0ODksMjIuNjE3MDIxMyAxMiwyMi43MTc4MDUyIDEyLDIyLjg0MzIyNTEgQzEyLDIyLjk2OTc2NDggMTIuMDQ5MzQ4OSwyMy4wNjk0Mjg5IDEyLjE0ODA0NjYsMjMuMTcwMjEyOCBMMTIuODM2NzM3NSwyMy44NDg4MjQyIFoiIGlkPSJGaWxsLTYzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi4wMDAwMDAsIDE3LjAwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC0xNi4wMDAwMDAsIC0xNy4wMDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
        display: block;
        line-height: 25px;
        height: 25px;
        margin: auto;
        width: 25px;
    }

    .narrow-menu .link-wrapper .submenu-image ul {
        display: block;
    }

    .narrow-menu .menu-link-search {
        padding: 0;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
    }

    .narrow-menu .menu-link-search form {
        display: flex;
    }

    .narrow-menu .menu-link-search input {
        padding: 0 15px;
        border: none;
        box-sizing: border-box;
        line-height: 48px;
        flex-grow: 1;
        font-size: 14px;
    }

    .narrow-menu .menu-link-search button {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDZBRkM0NkZGODlGMTFFNTkyQ0E5OURGOTYyODAxQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDZBRkM0NzBGODlGMTFFNTkyQ0E5OURGOTYyODAxQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENkFGQzQ2REY4OUYxMUU1OTJDQTk5REY5NjI4MDFDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENkFGQzQ2RUY4OUYxMUU1OTJDQTk5REY5NjI4MDFDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrIlGogAAAGkSURBVHjapNRPKERRFMfxN4wixsq/DCXExp8sSCk2kmxkJmOhWKrZKMXCykJKoWSkLJSFhF7KRv7MZKM0othIyoaykITIn8j31Jma9Gbm4dSnOzO993v33XvPODwej5GgMtCHDlTBhXscYRWLpmm+Ry5OShDWgktMoAG3OMQzmjGPM6/XW2MnsB2byEYARShBHQpRgRUUY5/QWrnJEeOV3ThHGnww4zx4AJO4RnmsGQ4jHeMJwgzWb0pnWgC/VaADnfjQQDs1pqPPKjBH1+0ED3bSmOUpw52sq1WgS8dH43f1glSrwBt8yQLbTWKH5azmyb1WgXLGwrrTTTYzu5CCUKxdntExoJ0Sb3b5DKOR+2IF7uoayuHd0SNhVdKKIX3dWTYn7LS4SHY4iEz9Xo8LPWtB7eNctGp/J2MZ/XLxz0CZyZ62mNSQtucgelV0XWGEmS1EfogOLMWW9qaUH3P6eRqNqNYOkjN3jAPCPqOfEAks07Vw65HpwVLUda/YVnFLAis1LEvbrRtrxh/LqQstYW/6z7Jh/KNkwdfxhLb/hkl9CzAAKXpezTzPZdgAAAAASUVORK5CYII=");
        border: none;
        background-color: #ffed02;
        background-repeat: no-repeat;
        background-position: 50%;
        padding: 0 15px;
        margin: 0;
        line-height: 48px;
        width: 20%;
        text-indent: -9999px;
    }

    .top-menu {
        text-align: left;
        border-bottom: none;
        display: block;
        background-color: #fff;
        width: 100%;
        height: 55px;
        position: fixed;
        top: 0;
        transition: top 0.2s ease-in-out, opacity 0.2s ease;
        z-index: 999;
    }

    .top-menu .open-narrow-menu,
    .top-menu .close-narrow-menu {
        position: absolute;
        z-index: 1001;
        color: #525252;
        display: inline-block;
        top: 10px;
        right: 0;
        font-size: 9px;
        height: 30px;
        width: 55px;
        background: none;
        border: none;
        padding-left: 49px;
        cursor: pointer;
        text-transform: uppercase;
        padding-top: 30px;
    }

    .top-menu .open-narrow-menu.open,
    .top-menu .close-narrow-menu.open {
        color: #fff;
    }

    .top-menu .open-narrow-menu.open::before,
    .top-menu .close-narrow-menu.open::before {
        background: #fff;
        box-shadow: 0 5px #806b00, 0 10px #fff, 0 15px #806b00, 0 20px #fff;
    }

    .top-menu .open-narrow-menu:before {
        content: '';
        position: absolute;
        top: 0;
        right: 12px;
        width: 30px;
        height: 4px;
        background: #525252;
        box-shadow: 0 5px #fff, 0 10px #525252, 0 15px #fff, 0 20px #525252;
    }

    .top-menu .open-narrow-menu:after {
        content: 'Meny';
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
    }

    .top-menu .close-narrow-menu {
        color: #fff;
    }

    .top-menu .close-narrow-menu:before {
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA0MSAoMzUzMjYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkU1Q0RGNkM4LTZDMjQtNDQ0Qi1BNDAyLTcxNjE4Mzk1RkQzQTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic2lkZS1tZW51IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI5LjAwMDAwMCwgLTE4LjAwMDAwMCkiIGZpbGw9IiNGOUY5RjkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtOSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAxNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iY2xvc2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxOS4wMDAwMDAsIDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjY1MDEzODgsMTAuNzg3MDE1OCBMLTIuMDA3MjgzMjNlLTEzLDE4LjQzNzE1NDYgTDMuMTM2ODc3LDIxLjU3NDAzMTYgTDEwLjc4NzAxNTgsMTMuOTIzODkyOCBMMTguNDM3MTU0NiwyMS41NzQwMzE2IEwyMS41NzQwMzE2LDE4LjQzNzE1NDYgTDEzLjkyMzg5MjgsMTAuNzg3MDE1OCBMMjEuNTc0MDMxNiwzLjEzNjg3NyBMMTguNDM3MTU0NiwtOS45NDc1OTgzZS0xNCBMMTAuNzg3MDE1OCw3LjY1MDEzODggTDMuMTM2ODc3LC05Ljk0NzU5ODNlLTE0IEwtMi4wMTYxNjUwMWUtMTMsMy4xMzY4NzcgTDcuNjUwMTM4OCwxMC43ODcwMTU4IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
        position: absolute;
        top: 0;
        right: 5px;
        width: 30px;
        height: 4px;
        background: #525252;
    }

    .top-menu .close-narrow-menu:after {
        content: 'Stäng';
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
    }

    body .show-narrow-menu + .top-menu {
        background-color: transparent;
    }

    body.overlay:after {
        content: '';
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        background: #000;
        z-index: 1;
        opacity: 0.7;
    }

    .consumer .corporation-menu {
        display: none;
    }

    .corporation .narrow-menu:before {
        transform: translateX(160px);
    }

    .corporation .consumer-menu {
        display: none;
    }
}

.link,
.link-simple,
.link-plate,
.link-button,
.actions-menu .search-box button,
.text-content a {
    display: inline-block;
    background: #ffed02;
    padding: 0 6px;
    cursor: pointer;
    line-height: 18px;
    color: #000;
}

.actions-menu .search-box button:hover {
    background: #fff680;
    color: #000;
    text-decoration: underline;
}

.actions-menu .search-box button:active {
    background: #ffd500;
    color: #000;
    text-decoration: underline;
}

.actions-menu {
  padding: 20px 0 0;
  height: 38px;
}
.actions-menu-list {
  list-style-type: none;
  position: absolute;
  right: 20px;
  padding: 0;
  margin: 0;
}

.actions-menu-item {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
}

.actions-menu-item a {
    padding: 10px;
    display: block;
    color: #525252;
    font-family: 'Helvetica', 'Arial', 'sans-serif';
    text-decoration: none;
}

.actions-menu-item a:hover {
    background-color: #ffed02;
    text-decoration: underline;
}

.actions-menu-item a:hover:before {
    background-color: #ffed02;
}

.actions-menu-item.active {
    background-color: #ffed02;
}

.actions-menu-item-search {
    margin-left: 16px;
}

.actions-menu-item-search a {
    margin-left: 20px;
}

.actions-menu-item-search a:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDZBRkM0NkZGODlGMTFFNTkyQ0E5OURGOTYyODAxQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDZBRkM0NzBGODlGMTFFNTkyQ0E5OURGOTYyODAxQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENkFGQzQ2REY4OUYxMUU1OTJDQTk5REY5NjI4MDFDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENkFGQzQ2RUY4OUYxMUU1OTJDQTk5REY5NjI4MDFDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrIlGogAAAGkSURBVHjapNRPKERRFMfxN4wixsq/DCXExp8sSCk2kmxkJmOhWKrZKMXCykJKoWSkLJSFhF7KRv7MZKM0othIyoaykITIn8j31Jma9Gbm4dSnOzO993v33XvPODwej5GgMtCHDlTBhXscYRWLpmm+Ry5OShDWgktMoAG3OMQzmjGPM6/XW2MnsB2byEYARShBHQpRgRUUY5/QWrnJEeOV3ThHGnww4zx4AJO4RnmsGQ4jHeMJwgzWb0pnWgC/VaADnfjQQDs1pqPPKjBH1+0ED3bSmOUpw52sq1WgS8dH43f1glSrwBt8yQLbTWKH5azmyb1WgXLGwrrTTTYzu5CCUKxdntExoJ0Sb3b5DKOR+2IF7uoayuHd0SNhVdKKIX3dWTYn7LS4SHY4iEz9Xo8LPWtB7eNctGp/J2MZ/XLxz0CZyZ62mNSQtucgelV0XWGEmS1EfogOLMWW9qaUH3P6eRqNqNYOkjN3jAPCPqOfEAks07Vw65HpwVLUda/YVnFLAis1LEvbrRtrxh/LqQstYW/6z7Jh/KNkwdfxhLb/hkl9CzAAKXpezTzPZdgAAAAASUVORK5CYII=");
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    line-height: 36px;
    padding: 5px;
}

.actions-menu-item-log-in {
    margin-left: 16px;
    background-color: #ffed02;
}

.actions-menu .search-box {
  position: absolute;
  right: 0;
  top: 30px;
  opacity: 0;
  pointer-events: none;
  background-color: #fff680;
  overflow: hidden;
  z-index: 9999;
  width: 390px;
  padding: 20px;
  transition: top 100ms 50ms ease-in, opacity 100ms 80ms linear;
}
.actions-menu .search-box.active {
  top: 45px;
  opacity: 1;
  pointer-events: auto;
}

.actions-menu .search-box input {
    padding: 10px 15px;
    border: none;
    width: 80%;
}

.actions-menu .search-box input::-webkit-input-placeholder {
    color: #525252;
}

.actions-menu .search-box input:-moz-placeholder {
    color: #525252;
}

.actions-menu .search-box input::-moz-placeholder {
    color: #525252;
}

.actions-menu .search-box input:-ms-input-placeholder {
    color: #525252;
}

.actions-menu .search-box button {
    float: right;
    width: 10%;
    border: none;
    line-height: 34px;
    padding: 0;
    text-transform: uppercase;
}

.actions-menu .search-box button:hover {
    background-color: #ffed02;
}

@media (max-width: 950px) {
    .actions-menu {
        display: none;
    }
}

.header {
  max-width: 960px;
  margin: 16px auto;
  padding: 0 16px;
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.header .logotype {
  display: block;
  width: 185px;
  height: 185px;
}
.header-content {
  margin-left: 40px;
  display: none;
}
.header .quote {
  font-family: 'Lieberuth-medium';
  margin: 0;
}
.header .quote p {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  line-height: 32px;
  color: #8d8d8d;
}
@media (min-width: 750px) {
  .header {
    margin: 8px auto 32px;
  }
  .header-content {
    display: block;
  }
}

.main-menu {
  margin: 20px 0 0 0;
  position: relative;
}
.main-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  line-height: 23px;
}
.main-menu .menu-item {
  display: inline-block;
  margin: 0 10px 0 0;
  position: initial;
}
.main-menu .menu-item:nth-child(-n+2) ul {
  float: left;
}
.main-menu .menu-item:nth-child(2) ul {
  min-width: 320px;
}
.main-menu .menu-item:nth-child(n+3) ul {
  float: right;
}
.main-menu .menu-item:last-child {
  margin-right: 0;
}
.main-menu .menu-item.sub-menu > a:after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCAxMCA2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgNDEgKDM1MzI2KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT42RjBBMEZBRS0zN0NDLTQyMDQtOTgzNy0zMzVBOUY3Q0UzOTA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkhlYWRlci1LT05TVU1FTlQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzguMDAwMDAwLCAtMjY4LjAwMDAwMCkiIGZpbGw9IiMzMzMzMzMiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iY2FyZXQtZG93biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjQyLjY4MTk4MSwgMjY4LjY4MTk4MSkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC02NDIuNjgxOTgxLCAtMjY4LjY4MTk4MSkgIiBwb2ludHM9IjY0NS45OTI2NDEgMjY1LjM3MTMyIDY0NS45OTI2NDEgMjcxLjk5MjY0MSA2MzkuMzcxMzIgMjcxLjk5MjY0MSI+PC9wb2x5Z29uPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
  margin-left: 4px;
  font-size: 9px;
}
.main-menu .menu-item.sub-menu > a {
  transition: background-color 150ms ease-in-out;
}
.main-menu .menu-item.sub-menu > a:before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: -2px;
  right: -2px;
  height: 11px;
  transition: bottom 70ms ease-in-out;
  transition-delay: 50ms;
  background-color: transparent;
}
.main-menu .menu-item.sub-menu:hover {
  background-color: #ffed02;
}
.main-menu .menu-item.sub-menu:hover > a {
  border-color: #ffed02;
}
.main-menu .menu-item.sub-menu:hover > a:before {
  height: 11px;
  bottom: -13px;
  background-color: #ffed02;
}
.main-menu .menu-item.sub-menu:hover > .sub-menu-wrapper {
  height: 280px;
}
.main-menu .menu-item.sub-menu .sub-menu-wrapper {
  height: 0;
  transition: height 250ms ease-in-out;
  transition-delay: 80ms;
  position: absolute;
  top: 60px;
  left: 0;
  list-style: none;
  margin: 0;
  box-sizing: border-box;
  z-index: 9999;
  overflow: hidden;
  width: 100%;
}
.main-menu .menu-item.sub-menu .sub-menu-wrapper ul {
  background: #ffed02;
  list-style: none;
  margin: 0;
  padding: 10px;
}
.main-menu .menu-item.sub-menu ul .menu-item {
  float: left;
  margin: 5px;
}
.main-menu .menu-item.sub-menu ul .menu-item a:hover {
  background: #fff680;
}
.main-menu .menu-item.sub-menu div ul li.menu-link {
  float: left;
  margin: 10px;
}
.main-menu .menu-item.sub-menu div ul li.menu-link a {
  margin: 0;
}
.main-menu .menu-item.sub-menu div ul li.menu-link:hover {
  background: #fff680;
}
.main-menu .menu-item.sub-menu div ul li.menu-link:hover a {
  background: none;
}
.main-menu .menu-item.sub-menu div ul .menu-image-link {
  text-align: center;
  overflow: hidden;
  float: left;
}
.main-menu .menu-item.sub-menu div ul .menu-image-link img {
  max-width: 90px;
  border-bottom: none;
}
.main-menu .menu-item.sub-menu div:hover > a:hover {
  background-color: #ffed02;
}
.main-menu .menu-item.sub-menu div:hover > ul {
  display: block;
  z-index: 9999;
}
.main-menu .menu-item.sub-menu div:hover > ul a {
  text-decoration: none !important;
  background: none;
}
@media (max-width: 950px) {
  .main-menu {
    display: none;
  }
}

.menu-item {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.menu-item a {
  border: solid 2px rgba(0,0,0,0.11);
  white-space: nowrap;
  padding: 10px;
  font-size: 14px;
  font-family: 'Lieberuth-medium';
  display: inline-block;
  position: relative;
  color: #525252;
  text-decoration: none;
}
.menu-item a:hover {
  background-color: #ffed02;
  text-decoration: underline;
}
.mobile-start-menu {
  display: none;
}
@media (max-width: 950px) {
  .mobile-start-menu {
    display: block;
    margin-bottom: 30px;
  }
  .mobile-start-menu ul {
    margin: 0;
    padding: 0;
  }
}


.clearfix {
    display: block;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}