/******* START:  displays resolutions *******/
@media (min-width: 200px) {
    nav .nav-wrapper, .container{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    nav a.button-collapse{
        margin-left: 7em;
    }
        .brand-logo__logo{
            width: 2.9em;
        }
            .brand-logo__text{
                margin-left: 4.5em;
                margin-top: 0.8em;
            }
    footer{
        margin-top: 7em;
    }
    .c-bg-circle--bg-footer{
        top: -20% !important;
        height: 10em !important;
    }
        .h5-footer{
            margin-top: 1em;
        }
    .c-gears{
    }
        .c-gears__first{
            left: 8%;
        }
        .c-gears__second{
            left: 16%;
        }
        .c-gears__third{
            left: 24%;
        }
    .c-circle__item{
        display: none;
    }
    .brand-logo__text{
        display: none;
    }
    .right.telephones{
        font-size: 1.15em;
    }
    .c-footer__phones{
        font-size: 1em;
    }
        .c-footer__phones span{
            font-size: 1.1em;
        }
    .c-content-in-circle__image{
        width: 60px;
    }
    .c-content-in-circle__title{
        font-size: 0.8em;
    }
    .c-content-in-circle__descr{
        font-size: 0.7em;
    }
    .c-h3{
        margin-top: 15em;
    }
    .c-diagram-item{
        margin: 0 0.5em; 
    }
}
@media (min-width: 600px) {
    nav a.button-collapse{
        margin-left: 9em;
    }
        .brand-logo__logo{
            width: 3.1em;
        }
            .brand-logo__text{
                margin-left: 8em;
                margin-top: 1.1em;
            }
    .c-gears{
    }
        .c-gears__first{
            left: 15%;
        }
        .c-gears__second{
            left: 30%;
        }
        .c-gears__third{
            left: 45%;
        }
    .c-circle__item{
        display: block;
        width: 2em;
        height: 2em;
    }
    .brand-logo__text{
        display: block;
    }
    .right.telephones{
        font-size: 1.2em;
    }
        .c-bg-circle--bg-footer{
            top: -80% !important;
            height: 35em !important;
        }
            .h5-footer{
                margin-top: 9em;
            }
    .c-footer__phones{
        font-size: 1.3em;
        font-weight: bold;
        line-height: 1.1;
    }
        .c-footer__phones span{
            font-size: 1.5em;
        }
    .c-content-in-circle__image{
        width: 71px;
    }
    .c-content-in-circle__title{
        font-size: 1.5em;
    }
    .c-content-in-circle__descr{
        font-size: 1em;
    }
    .c-h3{
        margin-top: 9em;
    }
    .c-diagram-item{
        margin: 0 1em;
    }
}
@media (min-width: 992px) {
    nav .nav-wrapper, .container{
        width: 90%;
        max-width: 90%;
    }
        .brand-logo__text{
            margin-left: 1.2em;
        }
    footer{
        margin-top: 16em;
    }
        .c-bg-circle--bg-footer{
            top: -80% !important;
            height: 35em !important;
        }
            .h5-footer{
                margin-top: 9em;
            }
    .c-gears{
    }
        .c-gears__first{
            left: 18%;
        }
        .c-gears__second{
            left: 36%;
        }
        .c-gears__third{
            left: 54%;
        }
}
@media (min-width: 1200px) {
    nav .nav-wrapper, .container{
        max-width: 75em;
    }
    footer{
        margin-top: 18em;
    }
        .c-bg-circle--bg-footer{
            top: -100% !important;
        }
}
/******* FINISH: displays resolutions *******/


/******* START:  global css changes *******/
.row--margin-top{
    margin-top: 2em;
}
.c-page-content{
    margin-top: 1em;
    padding: 0 0.75em; 
}
.c-full-width{
    margin: 0px;
    padding: 1em 0px; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
    .c-full-width--home-page{
        background-image: url(/pic/page-home.jpg);
    }
    .c-full-width--kuhni-page{
        background-image: url(/pic/page-kuhni-first.jpg);
        margin-bottom: 10em;
    }
        .c-full-width--kuhni-page-modulnie-sistems{
            background-image: url(/pic/page-kuhni-first-3.jpg);
        }
    .c-full-width--kuhni-page-second{
        background-image: url(/pic/page-kuhni-second.jpg);
        margin-bottom: 10em;
    }
    .c-full-width--kuhni-page-third{
        background: #FFFFFF url(/pic/page-kuhni-third.jpg) no-repeat left center;
        margin-bottom: 10em;
        background-size: contain;;
        min-height: 615px;
    }
    .c-full-width--home-page-fade{
        margin: 0;
        padding: 0;
        background-color: #7F7F7F;
        filter: alpha(opacity=75);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        opacity: 0.75;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
    }
.c-h1{
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
    margin: 3em 0;
    font-weight: bold;
    margin-bottom: 0.4em;
}
    .c-h1--with-margin{
        margin-bottom: 3em;
    }
.c-h2{
    font-size: 1.1em;
    text-align: center;
    color: #C8120F;
    margin-bottom: 6em;
    font-weight: bold;
    margin-top: 0em;
}
.c-h3{
    font-size: 1.2em;
    text-align: center;
    color: #6B6B6B;
    margin-bottom: 0.4em;
    font-weight: bold;
}
    .c-h3--with-marging{
        margin-top: 3em;
        margin-bottom: 6em;
    }
.c-h4{
    font-size: 0.9em;
    text-align: center;
    color: #999999;
    margin-top: 0;
    margin-bottom: 7em;
    font-weight: normal;
}
.modal{
    width: 95%;
    max-width: 75em;
    max-height: 80%;
}
/******* FINISH: global css changes *******/


/******* START:  navigagtion menu *******/
nav{
    background-color: #ffffff;
    box-shadow: none;
    border-bottom: 1px solid #f0f0f0;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    opacity: 0.90;
    height: 72px;
}
    .brand-logo{
        margin-top: 0.15em;
        position: initial;
    }
        .brand-logo__image{
            float: left; 
        }
            .brand-logo__link{
            }
                .brand-logo__logo{
                }
        .brand-logo__text{
            float: left;
            color: #858585;
            line-height: 14px;
            text-align: left;
            font-size: 12px;
            font-family: sans-serif;
            font-weight: 900;
        }
    .telephones{
        position: absolute;
        color: #000000;
        font-weight: bold;
        letter-spacing: 0.02em;
        line-height: 1.2em;
        margin-top: 0.3em;
        margin-right: 0.2em;
        right: 0em;
        font-family: open-sans, sans-serif;
        text-align: right;
    }
    .telephones__email{
        color: #000;
    }
        .telephones__mts:before, .telephones__vel:before, .telephones__email:before{
            position: absolute;
            margin-left: -1.3em;
            margin-top: 0.1em;
            width: 1em;
        }
        .telephones__mts:before{
            content: url('/pic/mts.jpg');
        }
        .telephones__vel:before{
            content: url('/pic/velcome.jpg');
            margin-left: -1.4em;
        }
        .telephones__email:before{
            content: url('/pic/email.png');
            margin-left: -1.4em;
        }
            .telephones__color{
                color: #ED1C24;
            }
            .modal .telephones__color{
                color: #0071BC;
                font-size: 1.2em;
            }
    nav .button-collapse{
        color: #000000;
    }
    .nav-desktop-ui{
        float: none;
        text-align: center;
        margin: 0 auto;
        width: 60%;
        box-sizing: border-box;
        max-width: 820px;
        overflow: hidden;
    }
        .nav-desktop-ui__item{
            float: none;
            text-align: center;
            list-style: none;
            padding: 0;
            margin: 0;
            position: relative;
            display: inline-block;
        }
            li.nav-desktop-ui__item:before {
                content: '';
                position: absolute;
                top: 80%;
                left: 0px;
                width: 100%;
                height: 3px;
            }
                li.nav-desktop-ui__item.nav-desktop-ui__item--first:before {
                    background: #B8090F;
                }
                li.nav-desktop-ui__item.nav-desktop-ui__item--second:before {
                    background: #F04E14;
                }
                li.nav-desktop-ui__item.nav-desktop-ui__item--third:before {
                    background: #F68B0E;
                }
            .nav-desktop-ui__link{
                float: none;
                text-align: center;
                color: #999999;
                font-size: 0.9em;
                letter-spacing: 0.1em;
                padding: 0 10px; 
            }
            nav a.nav-mobile-ui__link{
                color: #999999;
                text-transform: uppercase;
                font-size: 0.8em;
                font-weight: bold;
                letter-spacing: 0.15em;
            }
            .nav-desktop-ui__link:hover, .nav-mobile-ui__link:hover,
            .nav-desktop-ui__submenu-link:hover{
                background-color: inherit !important;
            }
            .nav-ui__link--active, .nav-ui__link--active,
            .nav-desktop-ui__link:hover, .nav-mobile-ui__link:hover,
            .nav-desktop-ui__submenu-link:hover{
                color: #000000 !important;
            }
/******* FINISH: navigagtion menu *******/


/******* START:  footer *******/
footer{
    border-color: #000000;
    background: #7F7F7F url("/pic/footer-dark.jpg") no-repeat center center;
    background-size: cover;
    text-align: center;
}
.c-footer{
    position: relative;
    z-index: 2;
    color: #ffffff;
}
    .c-footer__link{
        color: #ffffff;
        cursor: pointer;
        margin-top: 1em;
        margin-bottom: -0.5em;
        display: block;
    }
        .c-footer__link:hover{
            color: #909090;
        }
    .c-footer__clear{
        margin-top: 0em;
    }
    .c-footer__adress{
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .c-footer__phones{
        font-weight: bold;
        line-height: 1.1;
    }
    .c-footer__phones a{
        color: #fff;
    }
        .c-footer__phones span{
        }
    .c-footer__h4{
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 1em;
    }
    .c-footer__credits{
        font-size: 0.7em;
        color: #ffffff;
        line-height: 4;
    }
        .c-footer__credits a{
            color: #ffffff;
        }
            .c-footer__credits a:hover{
                text-decoration: underline;
            }
    .c-bg-circle--bg-footer{
        border-radius: 50% !important;
        margin: 0 25%;
        width: 50% !important;
        box-shadow: 0px 15px 7px rgba(0,0,0,0.5);
    }
        .h5-footer{
            text-transform: uppercase;
            font-size: 1.6em;
            color: #000000;
            font-weight: bold;
            text-align: center;
        }
        .img-logo-footer{
            width: 50%;
            margin-top: 2em;
            margin-left: 14%;
        }
.c-footer__credits--unp{
    margin: 0;
    line-height: 0;
}
    .c-footer__credits--unp img{
        width: 150px;
    }
/******* FINISH: footer *******/


/******* START:  page '/home' *******/
.c-page{
    display: block;
    cursor: pointer;
    border-radius: 15px 15px 5px 5px;
    border: 1px solid #F15A24;
    margin-bottom: 1em;
}
    .c-page__image{
        font-size: 0;
    }
        .c-page__img{
            border-radius: 15px 15px 0 0;
        }
    .c-page__title{
        color: #F15A24;
        font-family: open-sans, sans-serif;
        font-size: 2em;
        text-align: center;
        line-height: 1.8;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }
        .c-page:hover .c-page__title{
            color: #7F7F7F;
        }
.c-round-item{
    text-align: center;
}
    .c-round-item__image{
        display: inline-block;
        width: 85px;
        height: 85px;
        border: 3px solid #C8120F;
        border-radius: 10em;
        margin-bottom: 1em;
    }
        .c-round-item__image--bg{
            background-color: #ffffff;
        }
        .c-round-item__img{
            margin-top: 13px;
        }
    .c-round-item__text{
        color: #000000;
        line-height: 1.2;
        font-size: 0.9em;
        font-family: lato, sans-serif;
        font-weight: bold;
    }
.c-page-content--home-page{
    border: 1px solid #858585;
    border-radius: 5px;
    background-color: #ffffff;
    opacity: 0.92;
    filter: alpha(opacity=92);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
}
.c-content{
}
    .c-content__title{
        margin-top: 0.8em;
        font-size: 2em;
        line-height: 1.1;
        color: #B8090F;
        font-weight: bold;
        text-align: center;
    }
    .c-content__descr{
        font-size: 1em;
        line-height: 1.1;
        font-family: open-sans, sans-serif;
        font-weight: bold;
        text-align: center;
    }
.c-rainbow{
    display: block;
    text-align: center;
    font-size: 1em;
}
    .c-rainbow__color{
        display: inline-block;
        width: 10em;
        height: 3px;
        margin: 0 -0.2em; 
    }
        .c-rainbow__color--small{
            width: 4em;
        }
            .c-rainbow__color--1 {
                background: #B8090F;
            }
            .c-rainbow__color--2 {
                background: #F04E14;
            }
            .c-rainbow__color--3 {
                background: #F68B0E;
            }
.c-page-content__html{
    padding: 0 2em !important;
}
.c-content-in-circle{
    text-align: center;
    padding: 5% 20%;
    overflow: hidden;
}
    .c-content-in-circle__image{
        display: inline-block;
    }
    .c-content-in-circle__title{
        color: #C8120F;
        line-height: 1.8;
        font-weight: bold;
        text-transform: uppercase;
    }
    .c-content-in-circle__descr{
        color: #7F7F7F;
        line-height: 1;
        font-weight: bold;
    }
.c-bg-circle{
    position: relative;
    z-index: 2;
}
    .c-bg-circle--bg{
        background-color: #ffffff;
        width: 100%;
        height: 140%;
        position: absolute;
        top: -18%;
        left: 0;
        z-index: -1;
        border-radius: 80%/100%;
    }
.c-form-homepage{
    margin-top: -5em;
}
    .c-form-homepage__input{
        border: 2px solid #c7bec1 !important;
        border-radius: 5px !important;
        padding-left: 1em !important;
        font-size: 1.1em !important;
        width: 95% !important;
    }
        .c-form-homepage__input:focus, .c-form-homepage__input.valid{
            border: 2px solid #c7bec1 !important;
            box-shadow: none  !important;
        }
        .c-form-homepage__input:focus, .c-form-homepage__input:hover{
            border: 2px solid #736e70 !important;
        }
    .c-form-homepage__btn{
        border: 2px solid #c7bec1 !important;
        border-radius: 5px !important;
        padding-left: 1em !important;
        width: 70% !important;
        margin: 0 auto;
        display: block;
        background-color: #f7931e !important;
        font-size: 1.2em !important;
        line-height: 1.5;
        font-weight: bold;
        padding: 0.5em 0;
        height: inherit;
        box-shadow: none !important;
    }
        .c-form-homepage__btn:hover{
            background-color: #b8090f !important;
        }
        .c-form-homepage__btn--show-more{
            max-width: 20em;
        }
        .c-form-homepage__btn--full-wifth{
            width: 100% !important;
            padding-left: 0 !important;
        }
    .c-form-homepage__info{
        font-size: 0.8em;
        color: #a0a0a0;
        text-align: center;
        margin-top: 0.5em;
    }
*::-webkit-input-placeholder {
    color: #9e9e9e;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #9e9e9e;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #9e9e9e;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #9e9e9e;
}

/******* FINISH: page '/home' *******/


/******* START:  page '/kuhni' *******/
.c-page-first{
    text-align: center;
}
    .c-page-first__h1{
        font-size: 2.2em;
        font-weight: normal;
        padding: 1em 1em;
        border: 2px solid #E31E25;
        border-radius: 5px;
        display: inline-block;
        background-color: #ffffff;
        margin-bottom: 0;
        margin-top: 3em;
    }
    .c-page-first__h2{
        margin-top: -2px;
        font-size: 1.4em;
        font-weight: normal;
        padding: 1em 2em;
        border: 2px solid #E31E25;
        display: inline-block;
        background-color: #ffffff;
        border-radius: 0 0 70px 70px;
        margin-bottom: 6em;
    }
    .c-page-first--container{
        position: relative;
    }
    .c-page-first--marging{
        position: absolute;
        width: 100%;
    }
.c-page-item-container{
    filter: alpha(opacity=95);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    opacity: 0.95;
}
    .c-page-item-title{
        color: #C8120F;
        text-align: center;
        font-size: 1.8em;
        font-weight: bold;
        background-color: #ffffff;
        border: 1px solid #0071BC;
        padding: 0.7em 0;
        border-radius: 5px;
        margin-bottom: 0;
    }
    .c-page-item-content{
        margin: 0 auto;
        margin-top: 0;
        margin-bottom: 1em;
        border: 1px solid #0071BC;
        border-top: 0;
        border-radius: 0 0 5px 5px;
        width: 90%;
        background-color: #ffffff;
    }
        .c-page-item-content__h{
            font-size: 2em;
            font-weight: bold;
            text-align: center;
            padding-top: 1em;
            margin-bottom: -0.3em;
        }
        .c-page-item-content__margin-top{
            margin-top: 2em;
        }
            .c-page-item-content__central-content{
                border: 1px solid #0071BC;
                border-radius: 5px;
            }
                .col-with-marging{
                    margin-top: 2em;
                }
                .c-page-item-content__image{
                    text-align: center;
                    background-image: url(/pic/bez-no.png);
                    background-repeat: no-repeat;
                    background-position: center;
                    height: 56px;
                    padding-top: 9px !important;
                }
                    .c-page-item-content__image--1{
                        padding-top: 0px !important;
                        padding-left: 14px !important;
                    }
                    .c-page-item-content__image--2{
                        padding-top: 3px !important;
                        padding-left: 12px !important;
                    }
                    .c-page-item-content__image--circle{
                        background-image: url(/pic/with-no.png);
                    }
                        .c-page-item-content__image--11{
                            padding-top: 6px !important;
                            padding-left: 12px !important;
                        }
                        .c-page-item-content__image--12{
                            padding-top: 8px !important;
                            padding-left: 14px !important;
                        }
                        .c-page-item-content__image--13{
                            padding-top: 11px !important;
                            padding-left: 13px !important;
                        }
                        .c-page-item-content__image--14{
                            padding-top: 2px !important;
                            padding-left: 13px !important;
                        }
                .c-page-item-content__text{
                    font-weight: bold;
                    line-height: 56px;
                    margin-left: -1.5em !important;
                }
.c-materials-item{
    float: right;
    width: 300px;
    text-align: left;
    position: relative;
    margin-bottom: 5%;
}
    .c-materials-item__title{
        text-transform: uppercase;
        font-weight: bold;
        float: right;
        font-size: 1.5em;
    }
    .c-materials-item__number{
        float: left;
        font-size: 1.7em;
        color: #ffffff;
        background-color: #F04E14;
        width: 38px;
        height: 36px;
        border-radius: 50%;
        margin-top: 0.6em;
        text-align: center;
        line-height: 38px;
    }
        .c-materials-item__number:after{
            content: '';
            width: 94%;
            position: absolute;
            height: 3px;
            background-color: #F04E14;
            margin-top: 0.66em;
        }
    .c-materials-item__descr{
        font-weight: normal;
        float: right;
        font-size: 1em;
        margin-top: 0.5em;
    }
    .c-materials-item--left{
    }
        .c-materials-item--left .c-materials-item__title{
            float: left;
        }
        .c-materials-item--left .c-materials-item__number{
            float: right;
        }
            .c-materials-item--left .c-materials-item__number:after{
                float: right;
                margin-left: -100%;
            }
        .c-materials-item--left .c-materials-item__descr{
            float: left;
        }
.c-div-title{
    color: #F15A24;
    font-size: 1.3em;
    margin-bottom: 1em;
    margin-top: 1em;
    font-weight: bold;
    text-align: center;
}
.c-div-image{
    border: 1px solid #F04E14;
    border-radius: 6px;
    margin-bottom: 1em;
}
.c-gears{
    position: relative;
    width: 100%;
    height: 8em;
    margin-top: -3em;
}
    .c-gears__first{
        position: absolute;
        background-image: url(/pic/gear-222.png);
        background-repeat: no-repeat;
        background-position: top center;
        z-index: -1;
        width: 20em;
        height: 8em;
    }
    .c-gears__second{
        position: absolute;
        background-image: url(/pic/gear-1211.png);
        background-repeat: no-repeat;
        background-position: top center;
        z-index: 0;
        width: 20em;
        height: 9em;
        margin-top: -1em;
    }
    .c-gears__third{
        position: absolute;
        background-image: url(/pic/gear-222.png);
        background-repeat: no-repeat;
        background-position: top center;
        z-index: -1;
        width: 20em;
        height: 8em;
    }
.bg-first{
    width: 100%;
    height: 1.4em;
    background-color: #F15A24;
    margin: 0;
    margin-top: -2.4em;
}
    .bg-first--bottom{
        margin-top: 0.3em;
    }
.bg-second{
    width: 100%;
    height: 1.8em;
    background-color: #7F7F7F;
    margin: 0;
    margin-top: 0.3em;
}
    .bg-second--bottom{
        margin-top: -2em;
    }
.c-circle{
    position: relative;
    margin-top: -0.9em;
}
    .c-circle__item{
        background-color: #ffffff;
        border-radius: 50%;
        position: absolute;
        margin-top: -1em;
    }
.c-day-count{
    margin-top: -5em;
    text-align: center;
    font-size: 1.2em;
    color: #ffffff;
}
    .c-day-count__container{
        margin-top: 4em;
        position: relative;
    }
        .c-day-count__container:after{
            content: '';
            position: absolute;
            height: 100%;
            background-image: url(/pic/arrow-right-2.png);
            background-position: center center;
            background-repeat: no-repeat;
            width: 40%;
            top: 0;
            right: -35%;
        }
            .c-day-count__container--right:after{
                right: 0%;
                left: -35%;
            }
    .c-day-count__item{
        text-align: center;
        margin-bottom: 1em;
    }
        .c-day-count__container--right .c-day-count__item{
            margin-bottom: 1.6em;
        }
        .c-day-count__item img{
            text-align: center;
        }
        .c-day-count__item b{
            display: block;
        }
.c-day-count__container-central{
    background-color: #7F7F7F;
    border-radius: 20px;
    text-align: center;
    padding: 2em 0 !important;
    color: #ffffff;
}
    .c-day-count__container-central:after{
        content: none;
    }
.c-big-form{
}
    .c-big-form .input-field{
        margin-top: 0;
    }
        .c-big-form .input-field input{
            margin-bottom: 0.5em;
        }
    .c-big-form ul{
        margin-left: 2em;
        text-overflow: hidden;
    }
        .c-big-form ul li, .c-big-form .asterisk{
            font-weight: bold;
            line-height: 1.3;
            font-size: 1.2em;
            margin-top: 0.3em;
            position: relative;
        }
            .c-big-form ul li:before{
                content: '';
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: #C8120F;
                position: absolute;
                left: -1.5em;
                top: 1em;
            }
            .c-big-form .asterisk{
                margin-left: 1.5em;
            }
            .c-big-form .asterisk span{
                color: #C8120F;
            }
.c-diagram{
    height: 20em;
    text-align: center;
    margin-bottom: 2em;
}
    .c-diagram-item{
        width: 1.5em;
        display: inline-block;
        position: relative;
    }
    .c-diagram-item:after{
        position: absolute;
        bottom: -1.5em;
        left: 0.17em;
        color: #C1272D;
        font-size: 1.5em;
        font-weight: bold;
    }
        .c-diagram-item--1{
            height: 100%;
        }
            .c-diagram-item--1:after, .c-diagram-ul__li--1:before{
                content: '1';
            }
        .c-diagram-item--2{
            height: 80%;
        }
            .c-diagram-item--2:after, .c-diagram-ul__li--2:before{
                content: '2';
            }
        .c-diagram-item--3{
            height: 94%;
        }
            .c-diagram-item--3:after, .c-diagram-ul__li--3:before{
                content: '3';
            }
        .c-diagram-item--4{
            height: 90%;
        }
            .c-diagram-item--4:after, .c-diagram-ul__li--4:before{
                content: '4';
            }
        .c-diagram-item--5{
            height: 85%;
        }
            .c-diagram-item--5:after, .c-diagram-ul__li--5:before{
                content: '5';
            }
        .c-diagram-item--6{
            height: 97%;
        }
            .c-diagram-item--6:after, .c-diagram-ul__li--6:before{
                content: '6';
            }
        .c-diagram-item--1, .c-diagram-ul__li--1:before{
            background-color: #C1272D;
        }
        .c-diagram-item--2, .c-diagram-ul__li--2:before{
            background-color: #ED1C24;
        }
        .c-diagram-item--3, .c-diagram-ul__li--3:before{
            background-color: #F15A24;
        }
        .c-diagram-item--4, .c-diagram-ul__li--4:before{
            background-color: #AF272D;
        }
        .c-diagram-item--5, .c-diagram-ul__li--5:before{
            background-color: #CB5A24;
        }
        .c-diagram-item--6, .c-diagram-ul__li--6:before{
            background-color: #FBB03B;
        }
.c-diagram-ul{
    margin-left: 3em;
}
    .c-diagram-ul__li{
        font-weight: bold;
        line-height: 1.3;
        font-size: 1.2em;
        position: relative;
        margin-bottom: 1.5em;
        background-color: initial;
    }
        .c-diagram-ul__li:before{
            position: absolute;
            left: -2em;
            top: -0.2em;
            padding: 0.2em 0.5em;
            color: #ffffff;
        }
.c-images-container{
}
    .c-images-item{
        padding: 10px !important;
        font-size: 0px;
        position: relative;
    }
        .c-images-item__img{
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -khtml-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }
            .c-images-item__img:hover{
                -webkit-transform: scale(1.05);
                -khtml-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05);
            }
        .c-images-item__type{
            position: absolute;
            z-index: 3;
            top: 10px;
            right: 10px;
            background-color: #000000;
            filter: alpha(opacity=75);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
            opacity: 0.75;
            color: #ffffff;
            text-align: center;
            vertical-align: middle;
            border-radius: 50%;
        }
            .c-images-item__type .material-icons{
                margin: 0.3em;
                font-size: 20px;
            }
            .c-images-item__type .c-images-item__type--hover{
                position: absolute;
                background-color: #000000;
                filter: alpha(opacity=95);
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
                opacity: 0.95;
                color: #ffffff;
                text-align: center;
                display: none;
                font-size: 1rem;
                margin-left: -8.3rem;
                margin-top: -0.7rem;
                width: 9rem;
            }
                .c-images-item__type:hover .c-images-item__type--hover{
                    display: block;
                }

/******* FINISH: page '/kuhni' *******/


/******* START:  page '/modylnie-systemi' *******/
/******* FINISH: page '/modylnie-systemi' *******/


/******* START:  wnd *******/
#item-view{
}
    .modal-close-link{
        position: absolute;
        width: 2em;
        height: 2em;
        border-style: none;
        background-color: #F04E14;
        border-radius: 30px 0px 30px 30px;
        color: #ffffff;
        font-size: 1.3em;
        text-align: center;
        line-height: 2;
        margin-top: -0.7em;
        margin-left: -1em;
        top: -0.6em;
        z-index: 1009;
        text-decoration: none;
        display: none;
    }
    .c-modal__image-container{
        padding: 0 !important;
    }
        .c-modal__image--bg{
            position: relative;
        }
            .c-modal__image{
                position: absolute;
                z-index: 9;
            }
            .c-modal__image--second{
                opacity: 0;
            }
        .c-modal__image--prev, .c-modal__image--next{
            position: absolute;
            z-index: 10;
            width: 6em;
            height: 100%;
            top: 0;
            background-image: url(/pic/arr-prev.png);
            background-repeat: no-repeat;
            background-position: center center;
            cursor: pointer;
        }
        .c-modal__image--next{
            background-image: url(/pic/arr-next.png);
            right: 0;
        }
    .c-modal__title{
        margin-top: 0.3em !important;
        margin-bottom: 0 !important;;
        font-size: 1.7em;
        font-weight: bold;
    }
    .c-modal__descr{
        margin-top: 0.5em !important;
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 0;
    }
    .c-modal__info{
        margin-bottom: 0;
        margin-top: 0.5em;
    }
        .c-modal__info-color{
            color: #F15A24;
        }
        .c-modal__info-bold{
            padding-top: 0.5em;
            display: block;
        }
    .c-modal__info-info{
        margin-top: 0.5em !important;
        font-size: 1.4em;
        padding: 0 5%; 
    }
    .c-modal__price, .c-modal__price-new{
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.4em;
        text-align: center;
    }
        .c-modal__price-info{
            font-size: 1.2em;
            color: #f6b362;
            text-align: left;
            padding: 0 5%;
            margin-top: 1em !important;
        }
    .c-modal__order-form-no-margin{
        margin-bottom: 0;
    }
        .c-modal__btn-order{
            font-size: 1em !important;
            line-height: 1.95;
        }
        .c-modal__order-form .input-field{
            margin-top: 0;
        }
        .c-modal__order-form-no-margin .telephones{
            margin-top: 0;
            right: 0.5em;
        }
.c-modal-list__container{
    margin: 1em 0 0 2em; 
}
    .c-modal-list__title{
        text-align: center;
        margin: 0em 0 !important; 
        font-size: 1.6em;
    }
    .c-modal-list{
        margin-bottom: 0;
        margin-top: 0.5em;
    }
        .c-modal-list__item{
            line-height: 1.5;
            font-size: 1em;
        }
/******* FINISH: wnd *******/


/******* START:  *******/
/******* FINISH: *******/