@charset "utf-8";

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-Book.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/ppneuemontreal-500.woff2') format('woff2'),
         url('font/PPNeueMontreal-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

.prel {
    position: fixed;
    z-index: 23542423;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100svh;
    background: #EEE;
    pointer-events: none;
    transition: 0.6s;
}

.prel.animprelEnd {
    transform: translateY(100%);
}

.prel .main-sone-border {
    border-right: 1px solid rgba(27, 27, 27, 0.2) !important;
}

.prelCenter {
    position: absolute;
    left:0;
    top:0;
    width:100vw;
    height:100svh;
    display:flex;
    align-items: center;
    justify-content: center;
    transition: 0s;
    opacity:0;
}

.prelCenter svg {
    position: relative;
    width: 336px;
    height: 189px;
}

.smooth-scroll{
    position: relative;
}
.kama_breadcrumbs{
    position: absolute;
    top: calc(190 * 1.1 / 1920 * 100vw);
    /* Ниже шапки/меню header-new (до ~2010 на синглах услуг), выше типичного контента */
    z-index: 1500;
    left: 20px;
    font-size: 14px;
    font-family: 'PP Neue Montreal', sans-serif;
}
.kama_breadcrumbs a {
    color: #1B1B1B;
    opacity: .5;
}
.kama_breadcrumbs .kb_sep{
    color: #1B1B1B;
    opacity: .5;
}
@media (max-width: 991px)  {
    .kama_breadcrumbs{
        top: calc(92 / 768 * 100vw + 16px);
    }
}
@media (max-width: 575px)  {
    .kama_breadcrumbs{
        top: calc(90 / 360 * 100vw + 16px);
    }
}

/* Открытое полноэкранное меню (.menu z-index 99 в main.css, до 2010 в header-new-recycling.css) */
.wrapper:has(.menu.is-open) .kama_breadcrumbs {
    z-index: 50;
}

/* ХК на страницах с header-new + main.page (напр. page-new-2), без .smooth-scroll */
main.page {
    position: relative;
}
main.page > .kama_breadcrumbs {
    position: absolute;
    top: calc(190 * 1.1 / 1920 * 100vw);
    z-index: 1500;
    left: 20px;
    font-size: 14px;
    font-family: 'PP Neue Montreal', sans-serif;
}
main.page > .kama_breadcrumbs a {
    color: inherit;
    opacity: .5;
}
main.page > .kama_breadcrumbs .kb_sep {
    color: inherit;
    opacity: .5;
}
@media (max-width: 991px) {
    main.page > .kama_breadcrumbs {
        top: calc(92 / 768 * 100vw + 16px);
    }
}
@media (max-width: 575px) {
    main.page > .kama_breadcrumbs {
        top: calc(90 / 360 * 100vw + 16px);
    }
}