/* FONT SETTINGS */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.eot");
    src: local("Roboto Bold"), local("Roboto-Bold"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-700.svg#Roboto") format("svg");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.eot");
    src: local("Roboto Medium"), local("Roboto-Medium"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-500.svg#Roboto") format("svg");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.eot");
    src: local("Roboto"), local("Roboto-Regular"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.woff2") format("woff2"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.woff") format("woff"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.ttf") format("truetype"),
    url("/local/assets/fonts/roboto/web/roboto-v20-latin_cyrillic-regular.svg#Roboto") format("svg");
}

/*Edge - works to 41.16299.402.0*/
@supports (-ms-ime-align:auto) {
    html {
        overflow: hidden;
        height: 100%;
    }

    body {
        overflow: auto;
        height: 100%;
        position: relative;
    }
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    html {
        overflow: hidden;
        height: 100%;
    }
    body {
        overflow: auto;
        height: 100%;
    }
}

/* SETTINGS */
:root {
    --header-background-color: #ffffff;
    --header-text-color: #1b1b1b;
    --header-accent-color: #00AB8E;

    --footer-accent-color: #00AB8E;
    --footer-background-color: #333333;
    --footer-text-color: #ffffff;
    
    --accent-color: #00AB8E;
    --text-color: #1b1b1b;
}
/* HEADER AND FOOTER */
header.af-header .af-header-container,
footer.af-footer .af-footer-container {
    max-width: 1210px;
}

html,
body {
    display: block;
    width: 100%;
    height: auto;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    scroll-behavior: smooth;
}
a {
    text-decoration: none;
    color: #373737;
}
.hidden {
    display: none;
}
.af-page__hansgrohe-powderrain .af-slider__list[data-empty]::before {
    content: 'По данному запросу товаров не найдено. Измените параметры поиска';
    display: inline-block;
    width: auto;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-color);
    margin: 0 0 0 0;
}

video, img {
    max-width: 100%;
    max-height: 100%;
}

/* ALL MEDIA */
@media screen and (min-width: 0) {

    /* COMMON */
    .af-page.af-page__hansgrohe-powderrain {
        display: block;
        width: 100%;
    }
    .af-page__hansgrohe-powderrain strong {
        font-weight: 500;
    }
    .af-page__hansgrohe-powderrain .af-text-accent {
        color: var(--text-color);
    }
    .af-page__hansgrohe-powderrain .af-page-section {
        display: block;
        width: 100%;
        height: auto;
    }
    .af-page__hansgrohe-powderrain .af-page-header {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        line-height: 1.3;
        color: var(--text-color);
        margin-top: 0;
    }
    .af-page__hansgrohe-powderrain .af-page-title {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        line-height: 1.3;
        color: var(--text-color);
        margin-top: 0;
    }
    .af-page__hansgrohe-powderrain .af-page-description {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        color: var(--text-color);
        margin-top: 0;
    }

    /* MAIN */
    .af-page__hansgrohe-powderrain .af-main {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url("/upload/medialibrary/9b8/yhvz0pdoh3zcbhmd44kkszi6hs1wcunq/banner.jpg");
    }
    .af-page__hansgrohe-powderrain .af-breadcrumbs {
        margin-bottom: 20px;
    }
    .af-page__hansgrohe-powderrain .af-main-logotype {
        display: block;        
        margin-bottom: 80px;
    }
    .af-page__hansgrohe-powderrain .af-main-credo {
        display: block;
        height: auto;
        font-family: 'Roboto';
        font-weight: 500;
        font-style: normal;
        line-height: 1.3;
        color: #FFFFFF;
        text-align: right;
        margin-top: 0;
        margin-bottom: 60px;
    }
    .af-page__hansgrohe-powderrain .af-main-anchor {
        display: flex;
        width: 360px;
        max-width: 100%;
        height: 44px;
        margin: auto;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        justify-content: center;
        align-items: center;
        background-color: var(--accent-color);
    }

    /* STREAMS */
    .af-page__hansgrohe-powderrain .af-streams-wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        position: relative;
        overflow: hidden;
    }
    .af-page__hansgrohe-powderrain .af-streams-wrapper::before {
        content: "";
        display: block;
        background-color: #9f9f9f;
        background: linear-gradient(to top right, #9b9b9b 80%, #ffffff 110%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;        
    }
    .af-page__hansgrohe-powderrain .af-streams-wrapper::after {        
        content: "";
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left top;
        background-image: url('/upload/medialibrary/182/xgk4xpvvh125cmchy0t88yco2n4sfdj0/leaf_left.png');
        position: absolute;
        z-index: 0;
    }
    .af-page__hansgrohe-powderrain .af-streams-preview {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }
    .af-page__hansgrohe-powderrain .af-streams-types {
        display: block;
        position: relative;
        background-position: left top;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('/upload/medialibrary/a9f/gp16r452flixmqei68marsg0296wwsws/shower.png');
    }
    .af-page__hansgrohe-powderrain .af-streams-type {
        opacity: 0.8;
        position: absolute;
    }
    .af-page__hansgrohe-powderrain .af-streams-type:not(.active) {
        display: none;
    }
    .af-page__hansgrohe-powderrain .af-streams-type.active {
        display: block;
        z-index: 2;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="powder-main"].active {
        height: 108%;
        top: 3%;
        overflow: hidden;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="powder"].active,
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="rain"].active {
        height: 80%;
        top: 32.5%;
        overflow: hidden;
        transform: rotate(-10deg);
    }

    /* POWDER */
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="powder-main"].active span,
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="powder"].active span {
        display: block;
        background-color:#ffffff;
        width: 2px;
        height: 3px;
        margin-top: 0;
        opacity: .6;
        position: absolute;
        bottom: 0;
        -webkit-animation: powder 1.2s linear infinite;
        animation: powder 1.2s linear infinite;
    }

    /* RAIN */
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="rain"].active span {
        display: block;
        width: 1px;
        height: 30px;
        background: -webkit-gradient(linear,0% 0%,0% 100%, from(rgb(174, 176, 177) ), to(rgba(255,255,255,0.6)));
        background: -moz-linear-gradient(top, rgba(13,52,58,1) 0%, rgba(255,255,255,.6) 100%);
        background: linear-gradient(top, rgb(174, 176, 177) 0%, rgba(255,255,255,0.6) 100%);
        transform: rotate(-5deg) translateY(0vh);
        position: absolute;
        bottom: 0;
        -webkit-animation: rain 1.2s linear infinite;
                animation: rain 1.2s linear infinite;
    }

    /* WHIRL */
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="whirl"].active {
        height: 80%;
        top: 33%;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="whirl"].active svg {
        display: block;
        width: 245px;
        height: 584px;
        fill: none;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: left top;
           object-position: left top;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="whirl"].active path {
        fill: none;
        stroke: #ffffff;
        stroke-width: 1px;
        stroke-dasharray: 40 5;
        stroke-dashoffset: 500;
        -webkit-animation: whirl 1.5s linear infinite;
                animation: whirl 1.5s linear infinite;
    }
    .af-page__hansgrohe-powderrain .af-streams-controls {
        display: flex;
        width: 60px;
        height: calc(100% - 80px);
        flex-direction: column;
    }
    .af-page__hansgrohe-powderrain .af-streams-switches {
        display: flex;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch {
        display: flex;
        width: 56px;
        height: 56px;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        background-color: #e0e0e0;
        background-image: linear-gradient(26deg, #8f918e 0%, #6a6a6a 5%, #101010 4%, #101010 10%, #7b7b7b 30%, #e4e4e4 51%, #404040 100%);
        position: relative;
        overflow: hidden;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch::after {
        content: '';
        display: block;
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        background-image: linear-gradient(26deg, #b9b9b9 0%, #b9b9b9 25%, #f4fcfc 52%, #b9b9b9 90%, #c2c2c2 100%);
        border-radius: 100%;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 1;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch img {
        display: block;
        width: 50%;
        height: 50%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
        margin: auto;
        position: relative;
        pointer-events: none;
        z-index: 2;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch.active {
        box-shadow: 0 0 15px #ffffff;
    }
    .af-page__hansgrohe-powderrain .af-streams-information {
        display: flex;
        height: auto;
        flex-wrap: wrap;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }
    .af-page__hansgrohe-powderrain .af-streams-link {
        display: block;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-decoration: none;
        color: var(--text-color);
    }
    .af-page__hansgrohe-powderrain .af-streams-link.active {
        opacity: 1;
    }
    .af-page__hansgrohe-powderrain .af-streams-link:not(.active) {
        opacity: .6;
    }
    .af-page__hansgrohe-powderrain .af-streams-link img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        pointer-events: none;
        margin-bottom: 20px;
    }

    /* ABOUT */
    .af-page__hansgrohe-powderrain .af-about {
        position: relative;
        z-index: 1;
    }
    .af-page__hansgrohe-powderrain .af-about-list {
        display: flex;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .af-page__hansgrohe-powderrain .af-about-item {
        display: block;
        min-height: 50px;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        color: var(--text-color);
        box-sizing: border-box;
        position: relative;
    }
    .af-page__hansgrohe-powderrain .af-about-item a {
        text-decoration: underline;
    }
    .af-page__hansgrohe-powderrain .af-about-item .af-text-accent {
        color: var(--accent-color);
    }
    .af-page__hansgrohe-powderrain .af-about-item img {
        display: block;
        width: 50px;
        height: 50px;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: left top;
           object-position: left top;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* BLOCKQUOTE */
    .af-page__hansgrohe-powderrain .af-blockquote {
        position: relative;
        z-index: 0;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-wrapper {
        display: flex;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        align-items: stretch;
        background-color: #005492;
        background-image: radial-gradient(circle at 80% 35%, #6b9fe7 0%, #334f64 100%);
    }
    .af-page__hansgrohe-powderrain .af-blockquote-wrapper img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-information {
        display: block;
        height: auto;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        box-sizing: border-box;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-text,
    .af-page__hansgrohe-powderrain .af-blockquote-author {
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        color: #ffffff;
        padding: 0;
        margin: 0;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-text {
        margin: 0 0 20px;
        background-position: right top;
        background-repeat: no-repeat;
        background-image: url('../img/quotes.svg');
    }

    /* SHOP */
    .af-page__hansgrohe-powderrain .af-shop {
        position: relative;
        z-index: 1;
    }

    /* SWITCHES */
    .af-page__hansgrohe-powderrain .af-switches {
        display: block;
        width: 100%;
        height: auto;
        background-color: #00AB8E;
    }
    .af-page__hansgrohe-powderrain .af-switches-list {
        display: flex;
        width: 100%;
        height: auto;
    }
    .af-page__hansgrohe-powderrain .af-switches-item {
        display: block;
        height: auto;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #ffffff;
        line-height: 1;
        box-sizing: border-box;
        position: relative;
        z-index: 1;
    }
    .af-page__hansgrohe-powderrain .af-switches-item.active {
        pointer-events: none;
        color: #535353;
    }

    /* GALLERY */
    .af-page__hansgrohe-powderrain .af-gallery-medias {
        display: flex;
        width: 100%;
        height: auto;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .af-page__hansgrohe-powderrain .af-gallery-media {
        display: block;
        height: auto;
        position: relative;
    }
    .af-page__hansgrohe-powderrain .af-gallery-media:first-of-type {
        width: 100%;
    }
    .af-page__hansgrohe-powderrain .af-gallery-media::after {
        content: "";
        display: block;
        background-color: rgba(0, 0, 0, .4);
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url('../img/plus.svg');
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .af-page__hansgrohe-powderrain .af-gallery-media img,
    .af-page__hansgrohe-powderrain .af-gallery-media video {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
    }
}

/* MOBILE MEDIA */
@media (min-width: 0) and (max-width: 767px) {

    /* COMMON */
    .af-page__hansgrohe-powderrain .af-page-wrapper {
        padding: 20px;
    }
    .af-page__hansgrohe-powderrain .af-page-header {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .af-page__hansgrohe-powderrain .af-page-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .af-page__hansgrohe-powderrain .af-page-description {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* MAIN */
    .af-page__hansgrohe-powderrain .af-breadcrumbs {
        padding-top: 10px;
    }
    .af-page__hansgrohe-powderrain .af-main-logotype {
        width: 200px;
        margin-left: calc(100% - 180px);
    }
    .af-page__hansgrohe-powderrain .af-main-credo {
        font-size: 22px;
        margin-bottom: 80px;
    }
    .af-page__hansgrohe-powderrain .af-main-anchor {
        font-size: 14px;
    }

    /* STREAMS */
    .af-page__hansgrohe-powderrain .af-streams-preview {
        padding: 20px;
    }
    .af-page__hansgrohe-powderrain .af-streams-types {
        width: calc(100% - 120px);
        max-width: 280px;
        margin-right: 10px;
        margin-left: 20px;
    }
    .af-page__hansgrohe-powderrain .af-streams-controls {
        width: 60px;
        justify-content: space-between;
        margin-right: 20px;
        margin-left: 10px;
    }
    .af-page__hansgrohe-powderrain .af-streams-information {
        width: 100%;
        padding: 20px;
    }
    .af-page__hansgrohe-powderrain .af-streams-link {
        width: 100%;
        font-size: 14px;
    }
    .af-page__hansgrohe-powderrain .af-streams-link:not(:last-of-type) {
        margin-bottom: 40px;
    }

    /* ABOUT */
    .af-page__hansgrohe-powderrain .af-about-item {
        width: 100%;
        font-size: 14px;
        padding-left: 60px;
    }
    .af-page__hansgrohe-powderrain .af-about-item:not(:last-of-type) {
        margin-bottom: 40px;
    }

    /* BLOCKQUOTE */
    .af-page__hansgrohe-powderrain .af-blockquote-wrapper img {
        width: 100%;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-information {
        width: 100%;
        padding: 20px;
        margin-left: 0;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-text,
    .af-page__hansgrohe-powderrain .af-blockquote-author {
        font-size: 14px;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-text {
        background-size: 30px auto;
    }

    /* SAWITCHES */
    .af-page__hansgrohe-powderrain .af-switches-list {
        flex-wrap: wrap;
        padding: 10px 0;
        box-sizing: border-box;
    }
    .af-page__hansgrohe-powderrain .af-switches-item {
        width: 100%;
        font-size: 16px;
        text-align: center;
        padding: 10px;
    }
}

/* MOBILE AND VERTICAL PADS MEDIA */
@media (min-width: 0) and (max-width: 999px) {

    /* MAIN */
    .af-page__hansgrohe-powderrain .af-breadcrumbs {
        margin-bottom: 20px;
    }

    /* STREAMS */
    .af-page__hansgrohe-powderrain .af-streams-wrapper::before {
        width: 100%;
        height: 450px;
    }
    .af-page__hansgrohe-powderrain .af-streams-wrapper::after {
        height: 450px;
        width: 360px;
        top: -140px;
        left: -200px;
    }
    .af-page__hansgrohe-powderrain .af-streams-preview {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 40px;
        overflow: hidden;
    }
    .af-page__hansgrohe-powderrain .af-streams-types,
    .af-page__hansgrohe-powderrain .af-streams-controls {
        height: 370px;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="powder-main"].active {
        width: 68px;
        left: 50px;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="rain"].active,
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="powder"].active {
        width: 28px;
        left: 74px;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="whirl"].active {
        width: 0;
        left: 58px;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch:not(:last-of-type) {
        margin-bottom: 20px;
    }

    /* GALLERY */
    .af-page__hansgrohe-powderrain .af-gallery-media:first-of-type ~ .af-gallery-media {
        margin-top: 20px;
    }
    .af-page__hansgrohe-powderrain .af-gallery-media:nth-of-type(2),
    .af-page__hansgrohe-powderrain .af-gallery-media:nth-of-type(3),
    .af-page__hansgrohe-powderrain .af-gallery-media:nth-of-type(4) {
        width: calc(33.33% - 6.66px);
    }
    .af-page__hansgrohe-powderrain .af-gallery-media:nth-of-type(4) ~ .af-gallery-media {
        width: calc(25% - 7.5px);
    }
    .af-page__hansgrohe-powderrain .af-gallery-media::after {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background-size: 20px auto;
        opacity: 1;
    }
}

/* PADS AND PC MEDIA */
@media screen and (min-width: 768px) {
    
    /* COMMON */
    .af-page__hansgrohe-powderrain .af-page-wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
    .af-page__hansgrohe-powderrain .af-page-header {
        font-size: 32px;
    }
    .af-page__hansgrohe-powderrain .af-page-description {
        font-size: 18px;
    }
    .af-page__hansgrohe-powderrain .af-page-title {
        font-size: 28px;
    }

    /* MAIN */
    .af-page__hansgrohe-powderrain .af-main-credo {
        width: 480px;
        font-size: 32px;
        margin-left: calc(100% - 480px);
    }
    .af-page__hansgrohe-powderrain .af-main-anchor {
        font-size: 18px;
    }

    /* STREAMS */
    .af-page__hansgrohe-powderrain .af-streams-preview {
        padding-left: 40px;
        padding-right: 40px;
    }
    .af-page__hansgrohe-powderrain .af-streams-controls {
        width: calc(50% - 60px);
        margin-left: 20px;
        margin-right: 40px;
    }
    .af-page__hansgrohe-powderrain .af-streams-switches {
        padding-top: 60px;
        margin-bottom: 40px;
        box-sizing: border-box;
        justify-content: flex-end;
        background-repeat: no-repeat;
        background-position: top 20px left;
        background-size: auto 40px;
        position: relative;
    }
    .af-page__hansgrohe-powderrain .af-streams-switches[data-note]::before {
        content: attr(data-note);
        display: block;
        width: 100%;
        height: auto;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        font-size: 14px;
        color: #ffffff;
        font-style: italic;
        text-align: right;
        position: absolute;
        top: 0;
        right: 30px;
    }
    .af-page__hansgrohe-powderrain .af-streams-switches:first-of-type {
        width: 212px;
        background-image: url('../img/line-main.png');
    }
    .af-page__hansgrohe-powderrain .af-streams-switches:nth-of-type(2) {
        width: 289px;
        background-image: url('../img/line-hand.png');
    }
    .af-page__hansgrohe-powderrain .af-streams-switch {
        margin-bottom: 40px;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch:not(:last-of-type) {
        margin-right: 20px;
    }
    .af-page__hansgrohe-powderrain .af-streams-information {
        justify-content: space-between;
        padding-left: 40px;
    }
    .af-page__hansgrohe-powderrain .af-streams-link {
        font-size: 18px;
    }

    /* ABOUT */
    .af-page__hansgrohe-powderrain .af-about-list {
        justify-content: space-between;
    }
    .af-page__hansgrohe-powderrain .af-about-item {
        font-size: 18px;
        padding-left: 70px;
        margin-bottom: 40px;
    }

    /* BLOCKQUOTE */
    .af-page__hansgrohe-powderrain .af-blockquote-wrapper img {
        width: 50%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-information {
        padding-left: 40px;
        padding-right: 40px;
    }

    /* SWITCHES */
    .af-page__hansgrohe-powderrain .af-switches-item.active::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #00AB8E;
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* VERTICAL PADS MEDIA*/
@media (min-width: 768px) and (max-width: 999px) {

    /* COMMON */
    .af-page__hansgrohe-powderrain .af-page-wrapper {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .af-page__hansgrohe-powderrain .af-page-header {
        margin-bottom: 20px;
    }
    .af-page__hansgrohe-powderrain .af-page-description {
        margin-bottom: 20px;
    }
    .af-page__hansgrohe-powderrain .af-page-title {
        margin-bottom: 20px;
    }

    /* MAIN */
    .af-page__hansgrohe-powderrain .af-main-logotype {
        width: 280px;
        margin-left: calc(100% - 240px);
    }
    .af-page__hansgrohe-powderrain .af-main-credo {
        margin-bottom: 100px;
    }

    /* STREAMS */
    .af-page__hansgrohe-powderrain .af-streams-types {
        width: calc(50% - 120px);
        margin-left: 100px;
        margin-right: 20px;
    }
    .af-page__hansgrohe-powderrain .af-streams-controls {
        width: calc(50% - 60px);
        margin-left: 20px;
        margin-right: 40px;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch:not(:last-of-type) {
        margin-bottom: 20px;
    }
    .af-page__hansgrohe-powderrain .af-streams-information {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 40px;
    }
    .af-page__hansgrohe-powderrain .af-streams-link {
        width: calc(33.33% - 13.33px);
    }

    /* ABOUT */
    .af-page__hansgrohe-powderrain .af-about-item {
        width: calc(50% - 10px);
    }

    /* BLOCKQUOTE */
    .af-page__hansgrohe-powderrain .af-blockquote-wrapper {
        position: relative;
        justify-content: space-between
    }
    .af-page__hansgrohe-powderrain .af-blockquote-information {
        width: 50%;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-left: 50%;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-text,
    .af-page__hansgrohe-powderrain .af-blockquote-author {
        font-size: 18px;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-text {
        background-size: 200px auto;
    }

    /* SWTICHES */
    .af-page__hansgrohe-powderrain .af-switches-list {
        padding: 0 30px;
        box-sizing: border-box;
    }
    .af-page__hansgrohe-powderrain .af-switches-item {
        font-size: 14px;
        padding: 20px 10px;
        white-space: nowrap;
    }
}

/* HORIZONTAL PADS AND PC MEDIA */
@media screen and (min-width: 1000px) {

    /* COMMON */
    .af-page__hansgrohe-powderrain .af-page-wrapper {
        min-width: 1000px;
        width: 100%;
        max-width: 1210px;
        margin: 0 auto;
        padding-top: 80px;
        padding-bottom: 80px;
        box-sizing: border-box;
    }
    .af-page__hansgrohe-powderrain .af-page-header {
        margin-bottom: 40px;
    }
    .af-page__hansgrohe-powderrain .af-page-description {
        margin-bottom: 40px;
    }
    .af-page__hansgrohe-powderrain .af-page-title {
        margin-bottom: 40px;
    }

    /* MAIN */
    .af-page__hansgrohe-powderrain .af-breadcrumbs {
        margin-bottom: 40px;
    }
    .af-page__hansgrohe-powderrain .af-main-logotype {
        width: 320px;
        margin-left: calc(100% - 320px);
    }

    /* STREAMS */
    .af-page__hansgrohe-powderrain .af-streams-wrapper {
        justify-content: center;
    }
    .af-page__hansgrohe-powderrain .af-streams-wrapper::before {
        min-width: 600px;
        width: 60%;
        height: 100%;
    }
    .af-page__hansgrohe-powderrain .af-streams-wrapper::after {
        width: 730px;
        left: -10%;
    }
    .af-page__hansgrohe-powderrain .af-streams-preview {
        min-width: 600px;
        width: 60%;
        max-width: 726px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .af-page__hansgrohe-powderrain .af-streams-types {
        width: calc(50% - 20px);
        margin-right: 20px;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="powder-main"].active {
        width: 40%;
        left: 31%;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="rain"].active,
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="powder"].active {
        width: 18%;
        left: 44%;
    }
    .af-page__hansgrohe-powderrain .af-streams-type[data-type="whirl"].active {
        width: 0;
        left: 34%;
    }
    .af-page__hansgrohe-powderrain .af-streams-information {
        min-width: 400px;
        width: 40%;
        max-width: 484px;
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #ffffff;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch:not(.active) {
        cursor: pointer;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin: 0 auto;
        background-color: rgba(255,255,255,0.6);
        box-shadow: 20px 4px 8px 30px white, 20px 6px 20px 32px white;
        -webkit-box-shadow: 20px 4px 8px 30px white, 20px 6px 20px 32px white;
        transform-origin: center;
        transform-style: preserve-3d;
        transform: translate3d(-250px, 250px, 0);
        position: absolute;
        z-index: 0;
    }
    .af-page__hansgrohe-powderrain .af-streams-switch:not(.active):hover::before {
        transition: 3000ms ease;
        transform: translate3d(250px, -250px, 0);
    }
    .af-page__hansgrohe-powderrain .af-streams-link:not(.active) {
        cursor: pointer;
    }
    .af-page__hansgrohe-powderrain .af-streams-link:not(.active):hover {
        transition: 300ms ease;
        opacity: 1;
    }
    .af-page__hansgrohe-powderrain .af-streams-link:not(:last-of-type) {
        margin-bottom: 40px;
    }

    /* ABOUT */
    .af-page__hansgrohe-powderrain .af-about-item {
        width: calc(50% - 20px);
    }
    .af-page__hansgrohe-powderrain .af-about-item img {
        transition: 350ms ease;
        transform-origin: center;
        transform-style: preserve-3d;
    }
    .af-page__hansgrohe-powderrain .af-about-item:hover img {
        transform: scale3d(1.2, 1.2, 1);
    }

    /* BLOCKQUOTE */
    .af-page__hansgrohe-powderrain .af-blockquote-wrapper {
        position: relative;
        justify-content: center;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-wrapper::after{
        content: "";
        display: block;
        width: 265px;
        height: 720px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-image: url('/upload/medialibrary/ceb/qkcsswsilupzb4177bukwcribf515ocm/leaf_right.png');
        position: absolute;
        bottom: -15%;
        right: 0;
    }
    .af-page__hansgrohe-powderrain .af-blockquote-information {
        min-width: 500px;
        width: 50%;
        max-width: 605px;
        margin-left: 605px;
        padding-top: 80px;
        padding-bottom: 80px;
        position: relative;
        z-index: 1;
    }

    /* SWITCHES */
    .af-page__hansgrohe-powderrain .af-switches-list {
        min-width: 1000px;
        width: 100%;
        max-width: 1210px;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 40px;
        box-sizing: border-box;
    }
    .af-page__hansgrohe-powderrain .af-switches-item {
        font-size: 14px;
        padding: 20px 10px;
        white-space: nowrap;
    }
    .af-page__hansgrohe-powderrain .af-switches-item {
        font-size: 20px;
        cursor: pointer;
        transition: 300ms ease 30ms;
    }
    .af-page__hansgrohe-powderrain .af-switches-item:hover {
        color: #535353;
    }

    /* GALLERY */
    .af-page__hansgrohe-powderrain .af-gallery-media:first-of-type ~ .af-gallery-media {
        margin-top: 40px;
    }
    .af-page__hansgrohe-powderrain .af-gallery-media:nth-of-type(2),
    .af-page__hansgrohe-powderrain .af-gallery-media:nth-of-type(3),
    .af-page__hansgrohe-powderrain .af-gallery-media:nth-of-type(4) {
        width: calc(33.33% - 26.66px);
    }
    .af-page__hansgrohe-powderrain .af-gallery-media:nth-of-type(4) ~ .af-gallery-media {
        width: calc(25% - 20px);
    }
    .af-page__hansgrohe-powderrain .af-gallery-media::after {
        width: 100%;
        height: 100%;
        background-size: 0 0;
        opacity: 0;
        transition: 250ms ease 30ms;
    }
    .af-page__hansgrohe-powderrain .af-gallery-media:hover::after {
        opacity: 1;
        background-size: 30px 30px;
    }
}

/* ANIMATIONS */
@-webkit-keyframes powder {
    0% {
        margin-top: 0;
    }
    100% {
        margin-top: 900px;
    }
}
@keyframes powder {
    0% {
        margin-top: 0;
    }
    100% {
        margin-top: 900px;
    }
}
  
@-webkit-keyframes rain {
    0% {
        transform: translateY(0vh);
    }
    100% {
        transform: translateY(100vh);
    }
}
@keyframes rain {
    0% {
        transform: translateY(0vh);
    }
    100% {
        transform: translateY(100vh);
    }
}
  
@-webkit-keyframes whirl {
    0% {
        stroke-dashoffset: 500;
    }
    100% {
        stroke-dashoffset: 50;
    }
}
@keyframes whirl {
    0% {
        stroke-dashoffset: 500;
    }
    100% {
        stroke-dashoffset: 50;
    }
}