/* Reset */
html,
body {
    height: 100%;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
}

footer,
header,
nav,
section {
    display: block;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

img {
    border: 0;
}

/* Layout */
body {
    background: #edeae5;
    overflow: hidden;
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
}

a {
    color: #666666;
    text-decoration: none;
}

a:hover {
    color: #333333;
}

.container {
    padding: 0 24px;
}

.container:after,
.cf:after {
    content: "";
    display: table;
    clear: both;
}

/* Catalog */
.catalog {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 55px;
    bottom: 0;
    margin: 1px 0;
}

@media screen and (min-width: 32em) {
    .catalog {
        bottom: 36px;
    }
}

.catalog__frame {
    width: 100%;
    height: 100%;
}

/* Links */
.links {
    display: inline-block;
}

.links a {
    display: inline-block;
}

.links a:after {
    content: "";
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAABRUlEQVRo3u3aMUpEQQwG4OzysBsQXplqLrCFIk4ndl7BE1q9M4hdRNbCC0w15WOF6R4Lb5stZEGwyCRxSA4w8BGY5B9ms64r9Fpb6Lgc5zjHOc5xjnPcH4qInqZpOhDRzgpu4DqolPIyz/P1six7ALhPKX120zlEfAghHGutQ875nYhuusGllL5ijLeWgKwXijUg+21pCdhkFFgBNptzP4CLFrDpED8D77SAzTcUTaDI+qUFFNstNYCii7M0UDwVSAJVIo8UUC3PSQBVw+olsJTy6kn8P+CIaJdz/qi1XoUQjoj42AXuEhZjZE/v215hKjgpmDhOEiaKk4aJ4TRgIjgtWHOcJgyA8cX5F9i+1jpowJp1zgKsCc4KjB1nCcaKswZjxZVS3izBWHGI+DyO47cVGADAxv9+Oc5xjnOc4xznOMdJ1gkgPX4MvtxGmgAAAABJRU5ErkJggg==") no-repeat 0 0 / contain;
    height: 1em;
    width: 1em;
    margin-left: 2px;
    top: .2em;
    position: relative;
}

/* Header */
.header {
    position: relative;
    z-index: 2;
    background: #ffffff;
}

.header__links {
    display: none;
    float: right;
}

.header__links > * {
    padding: 18px 0;
}

.header__links > *:not(:last-child) {
    margin-right: 24px;
}

@media screen and (min-width: 42em) {
    .header__links {
        display: block;
    }
}

.header__logo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 -20px;
    width: 165px;
    height: 55px;
    background: url("../assets/logo_small.png") no-repeat 100% 50% / contain;
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


/* Dropdown */

.dropdown-wrapper {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.dropdown-wrapper::after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE9GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuNTY2ZWJjNWI0LCAyMDIyLzA1LzA5LTA4OjI1OjU1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuNCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDctMjBUMTM6MjI6MzMrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA3LTIwVDEzOjIyOjUzKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA3LTIwVDEzOjIyOjUzKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowZTQ3OWE0OC0xZDJhLTQxZTEtYjJhZS02Nzk5OGEyOTIwZGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MGU0NzlhNDgtMWQyYS00MWUxLWIyYWUtNjc5OThhMjkyMGRlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MGU0NzlhNDgtMWQyYS00MWUxLWIyYWUtNjc5OThhMjkyMGRlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowZTQ3OWE0OC0xZDJhLTQxZTEtYjJhZS02Nzk5OGEyOTIwZGUiIHN0RXZ0OndoZW49IjIwMjItMDctMjBUMTM6MjI6MzMrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2DZ4sAAADzSURBVGje7dhBCoMwEIVhT9SFp/CKuUBW3iPHKV1KF6kDFkSk1GTmQcu/GNz58iFkZhxqrcO/1gAOHDhw4MCBAwcOHDhw4MD9LK6UMs3zfF+fN/UhLXPLnkJw9vKUUs05P5VAy7JMy7YzRH258R2iAu5hLZlXw2TAE9gYfqEogB6w5tsyEugF62oFB+DiAdxgiwesu895Ar1hLk3cAxgBc5tQeoBRMNfxqwUYCXOfLa8Ao2Ehg/M3QAUsbCv4BFTBQleeM6ASFr7PHYFKmGRZ3QOVMNkmbph1F3tYqWD8ZgAHDhw4cODAgQMHDhw4cODAOdYLankpS7tpjQwAAAAASUVORK5CYII=") no-repeat 0 0 / contain;
    content: "";
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-left: 2px;
    top: 0.2em;
    position: relative;
}

.dropdown-wrapper .dropdown {
    display: none;
}

.dropdown-wrapper:hover .dropdown {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 90%;
    background-color: #ffffff;
    padding: 10px;
    white-space: nowrap;
    border: 1px solid #edeae5;
    left: 50%;
    transform: translateX(-50%);
}

/* Footer*/
.footer {
    position: absolute;
    height: 36px;
    padding: 8px 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 10px;
    background: #ffffff;
}

.footer__text {
    display: inline-block;
    margin: 0 0 0 24px;
    color: #999999;
}

.footer__text--copy {
    float: right;
}

.footer__links {
    display: none;
}

@media screen and (min-width: 62em) {
    .footer__links {
        display: block;
    }
}

.footer__links a + a {
    margin-left: 16px;
}