html, body {
    background: #000000;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}


/* Fonts */
@font-face {
    font-family: Open Sans;
    font-weight: 400; /* normal */
    src: url("../fonts/OpenSans-Regular.ttf");
}
@font-face {
    font-family: Open Sans;
    font-weight: 400; /* normal */
    font-style: italic;
    src: url("../fonts/OpenSans-Italic.ttf");
}

@font-face {
    font-family: Open Sans;
    font-weight: 700; /* bold */
    src: url("../fonts/OpenSans-Bold.ttf");
}
@font-face {
    font-family: Open Sans;
    font-weight: 700; /* bold */
    font-style: italic;
    src: url("../fonts/OpenSans-BoldItalic.ttf");
}

@font-face {
    font-family: Open Sans;
    font-weight: 600;
    src: url("../fonts/OpenSans-SemiBold.ttf");
}

@font-face {
    font-family: Open Sans;
    font-weight: 300;
    src: url("../fonts/OpenSans-Light.ttf");
}

@font-face {
    font-family: Noto Serif Display;
    font-weight: 700; /* bold */
    src: url("../fonts/NotoSerifDisplay-Bold.ttf");
}
@font-face {
    font-family: Noto Serif Display;
    font-weight: 600; /* normal */
    src: url("../fonts/NotoSerifDisplay-SemiBold.ttf");
}


/* Base */
.rel {
    position: relative;
}
.abs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
a.linkblock {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    text-decoration: none;
}
.nowrap {
    white-space: nowrap;
}



/* Page */
#main-wrapper {
    background: #FFFFFF;
    max-width: 100%;
    overflow: hidden;
}


/* Header */
#header {
    background: #000000;
    position: sticky;
    top: -1px;
    z-index: 100;
}
#header.isSticky {
}
.header-blocks {
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
}
.header-blocks .header-block {
    align-self: center;
}
.header-blocks .h-logo {
    flex-basis: content;
    flex-grow: 0;
    flex-shrink: 0;
}
.header-blocks .h-logo a {
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0;
}
.header-blocks .h-menu {
    flex-grow: 1;
    overflow: visible;
}
.header-blocks .h-buttons {
    flex-basis: content;
    flex-grow: 0;
}

.header-blocks .h-menu ul.menu {
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.header-blocks .h-menu ul.menu li {
    padding: 0;
}
.header-blocks .h-menu ul.menu li a {
    color: rgba(255, 255, 255, 0.4);
    text-decoration: none;
    transition: all 0.1s ease-out;
    margin: 0;
    padding: 0;
    position: relative;
}
.header-blocks .h-menu ul.menu li.menu-item--active-trail a {
    color: rgba(255, 255, 255, 0.8);
}
.header-blocks .h-menu ul.menu li.menu-item--active-trail a.is-active {
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}
.header-blocks .h-menu ul.menu li a:hover {
    color: rgba(255, 255, 255, 1);
}

.header-blocks .h-menu ul.menu li#menu-catalog a {
    padding-left: 30px;
}
.header-blocks .h-menu ul.menu li#menu-catalog a::before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 20px;
    background-image: url(../icons/icon-catalog.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    opacity: 0.4;
    transition: opacity 0.1s ease-out;
}
.header-blocks .h-menu ul.menu li#menu-catalog.menu-item--active-trail a::before {
    opacity: 0.8;
}
.header-blocks .h-menu ul.menu li#menu-catalog.menu-item--active-trail a.is-active::before {
    opacity: 1;
}
.header-blocks .h-menu ul.menu li#menu-catalog a:hover::before {
    opacity: 1;
}



.main-supertop {
    background-color: #000000;
    color: #FFFFFF;
}
.main-content-top {
    background-color: #F9F9F9;
}
.main-content-bottom {
    background-color: #F9F9F9;
}


/* ГЛАВНАЯ */
/* Главный слайдер */
.mainslider .slide:not(:first-child) {
    display: none;
}
.mainslider.flickity-enabled .slide:not(:first-child) {
    display: block;
}
.mainslider .slide {
    width: 100%;
    margin-right: 0;
}
.mainslider .flickity-viewport {
  transition: height 0.2s;
}
.mainslider.flickity-enabled.is-draggable .flickity-viewport {
    cursor: inherit;
}
.slide-content .slide-text-wrap.text-white {
    color: #FFFFFF;
}
.slide-content .slide-text-wrap.text-black {
    color: #000000;
}
.slide-content .slide-text-wrap.text-white .slide-button a {
    color: #FFFFFF;
}
.slide-content .slide-text-wrap.text-black .slide-button a {
    color: #000000;
}
/* Главный слайдер: навигация */
.mainslider-nav .flickity-slider {
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
}
.mainslider-nav .flickity-slider .slide-nav {
    letter-spacing: normal;
    width: auto;
    min-height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 20px;
    margin: 0;
}
.mainslider-nav:not(.flickity-enabled) {
    text-align: center;
}
.mainslider-nav.flickity-enabled.is-draggable .flickity-viewport {
    cursor: inherit;
}
.slide-nav {
    pointer-events: none;
    cursor: auto;
}
.slide-nav .slide-nav-text {
    pointer-events: auto;
    cursor: pointer;
}


/* Главный слайдера: админ */
.views-element-container {
    position: relative;
}
.views-element-container span.edit {
    position: absolute;
    top: 30px;
    right: 30px;
}
.views-element-container span.edit a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 15px;
    border-radius: 20px;
    line-height: 16px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    border: none;
    text-decoration: none;
    transition: color 0.1s ease-out;
}
.views-element-container span.edit a:hover {
    background: rgba(255, 255, 255, 1.0);
    color: rgba(0, 0, 0, 1);
}



/* КАТАЛОГ */
/* Главные категории */
.maincategories {
}
.maincategories .views-row,
.maincategories .views-row .category-content {
    width: 100%;
}
.maincategories .category-content .category-text .category-text-title a {
    text-decoration: none;
    border: none;
}
.maincategories .category-content .category-text-wrap.text-white,
.maincategories .category-content .category-text-wrap.text-white .category-text-title a {
    color: #FFFFFF;
}
.maincategories .category-content .category-text-wrap.text-black,
.maincategories .category-content .category-text-wrap.text-black .category-text-title a {
    color: #000000;
}
.category-content .category-text-wrap.text-white .category-button a {
    color: #FFFFFF;
}
.category-content .category-text-wrap.text-black .category-button a {
    color: #000000;
}