@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
section {
    padding: 0 25px;
}

@media (min-width: 575.98px) {
    section {
        padding: 0 calc(50% - 270px);
    }
}

@media (min-width: 767.98px) {
    section {
        padding: 0 calc(50% - 360px);
    }
}

@media (min-width: 991.98px) {
    section {
        padding: 0 calc(50% - 480px);
    }
}

@media (min-width: 1199.98px) {
    section {
        padding: 0 calc(50% - 600px);
    }
}

@media (min-width: 1920px) {
    section.header{
        padding: 0 calc(50% - 680px);
    }
}
@media (min-width: 1920px) {
    section.banner-wrapper {
        padding: 0 calc(50% - 680px);
    }
}
*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    background-color: #eaeaea;
}
blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
p{
    margin-bottom: 20px;
}
a{
    text-decoration: none;
    color: #000;
}
a:hover{
    color:  #900023;
}
h1{
    font-size: 55px;
    font-weight: 700;
    padding-bottom: 40px;
}
h2{
    font-size: 45px;
    font-weight: 700;
    padding-bottom: 40px;
}
h3{
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 40px;
}
h1 span, h2 span, h3 span{
    color: #900023;
}
.btn{
    height: 50px;
    line-height: 50px;
    border: 1px solid #900023;
    border-radius: 10px;
    width: 100%;
    font-size: 16px;
    text-align: center;
}
.btn:hover{
    background: #900023;
}
.btn:hover a{
    color: #fff;
}
body {
    font-family: Roboto, serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    overflow-x: hidden;
    height: 100%;
}
section.header{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-top: 29px;
    padding-bottom: 15px;
    background-color: #fff;
}
.header .header--logo a{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}
.header--logo__image{
    margin-right: 40px;
}
.header .header--logo__head{
    display: none;
}
.header .header--city__image, .header .header--mail__image, .header .header--phone__image{
    margin-right: 10px;
}
.header .header--city, .header .header--city a, .header .header--phone, .header .header--mail, .header .header--btn{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
}
.header .header--phone{
    order: 2;
}
.header .header--mail{
    order: 4;
}
.header .header--btn{
    max-width: 190px;
    order: 5;
}
.header .header--btn a{
    width: 100%;
}
.header .header--city__head, .header .header--mail__link{
    display: none;
}
.topmenu--wrapper{
    background: #900023;
    position: sticky;
    z-index: 9;
    top: 0;
}
.topmenu{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 15px 0;
    position: relative;
}
.topmenu a{
    color: #fff;
    font-size: 18px;
}
.topmenu .topmenu--submenu a{
    position: relative;
    padding-right: 28px;
}
.topmenu .topmenu--submenu a::after{
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("/img/topmenu_dropdown.png");
    background-size: contain;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -6px;
}
.topmenu .topmenu--submenu a:hover::after{
    background-image: url("/img/topmenu_dropdown_hover.png");
}
.topmenu .topmenu--submenu .submenu--wrapper{
    max-height: 0;
    transition: all 0.5s cubic-bezier(0, 1, 0, 1);
    overflow: hidden;
    background-color: #EAEAEA;
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    z-index: 999;
}
.topmenu .topmenu--submenu:hover .submenu--wrapper, .topmenu .topmenu--submenu.dropdown .submenu--wrapper{
    max-height: 9999px;
    transition: all 1s ease-in-out;
}
.topmenu .submenu{
    padding: 30px;
    max-height: 420px;
    display: flex;
    flex-flow: column wrap;
}
.topmenu .submenu .submenu__link{
    font-size: 14px;
    line-height: 220%;
    color: #212121;
    font-weight: 600;
}
.topmenu .topmenu--submenu a:hover{
    color: #000;
}
.topmenu .topmenu--submenu a.submenu__link:after{
    display: none;
}
.topmenu .topmenu--submenu a.submenu__link:hover{
    color: #7D001E;
}
.banner-wrapper{
    background: url("/img/banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 10px;
}
.banner{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.banner .banner_text{
    padding-top: 71px;
    color: #fff;
    padding-left: 50px;
}
.banner .banner_text .banner__title{
    font-size: 65px;
    font-weight: 600;
    line-height: 76px;
    margin-bottom: 30px;
}
.banner .banner_text .banner__desc{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
}
.banner .banner_image{
    position: relative;
    top: 30px;
}
.banner .banner_text .banner__button{
    max-width: 380px;
    width: 100%;
    height: 73px;
    line-height: 73px;
    background: #fff;
    color: #000;
    font-size: 25px;
    border-radius: 10px;
    font-weight: 700;
    text-align: center;
}
.banner .banner_text .banner__button a{
    display: block;
    width: 100%;
    height: 100%;
}
.banner .banner_text .banner__button:hover{
    background: #900023;
}
.banner .banner_text .banner__button:hover a{
    color: #fff;
}
.promo, .example{
    padding-top: 80px;
}
.promo .promo__image{
    float: right;
}
.promo .promo__title{
    font-size: 54px;
    font-weight: 700;
    line-height: 64px;
    margin-bottom: 30px;
}
.promo .promo__title span{
    color: #900023;
}
.promo .promo__element{
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    position: relative;
    padding-left: 50px;
}
.promo .promo__element:before{
    content: "";
    width: 27px;
    height: 3px;
    background: #900023;
    left: 0;
    top: 50%;
    margin-top: -1px;
    position: absolute;
}
.example h2{
    margin-top: 80px;
}
.example h3{
    margin-top: 60px;
}
.example--wrapper{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.diplom--cart{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    max-width: 369px;
    width: 100%;
    height: auto;
    max-height: 653px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 20px;
    background: #fff;
    padding: 20px 24px;
    margin-bottom: 30px;
    margin-right: 20px;
}

#content ul li{
    text-align: left;
    list-style: none;
    margin-bottom: 20px;
    position: relative;
    padding: 0 0 0 50px;
}
#content ul li:before{
    content: "";
    width: 27px;
    height: 3px;
    background: #900023;
    left: 0;
    top: 50%;
    margin-top: -1px;
    position: absolute;
}
.diplom--cart .diplom--cart__ul{
    flex-grow: 1;
    margin-bottom: 20px;
    margin-left: 20px;
}
.diplom--cart .diplom--cart__ul ul, #content ul{
    list-style: disc;
}
.diplom--cart .diplom--cart__ul ul li{
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 19px!important;
    text-align: left!important;
    margin-bottom: 10px!important;
    list-style: disc!important;
    list-style-position: outside!important;
    padding: 0!important;
}
.diplom--cart .diplom--cart__ul ul li:before{
    display: none;
}
.diplom--cart .diplom--cart__image figure{
    max-width: 320px;
    max-height: 228px;
}
.diplom--cart .diplom--cart__image{
    margin-bottom: 20px;
}
.diplom--cart .diplom--cart__image figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.diplom--cart .diplom--cart__title{
    width: 100%;
    margin-bottom: 20px;
}
.diplom--cart .diplom--cart__title a{
    text-align: center;
    display: block;
    color: #900023;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
}
.diplom--cart .diplom--cart__price{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.diplom--cart .diplom--cart__price span:after{
    content: ":  ";
}
.diplom--cart .diplom--cart__button{
    display: block;
    width: 100%;
    border: 1px solid #900023;
    border-radius: 10px;
    height: 35px;
    line-height: 35px;
    color:#900023;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto!important;
}
.diplom--cart .diplom--cart__button:hover{
    background: #900023;
}
.diplom--cart .diplom--cart__button:hover{
    color: #fff;
}
.example ul li{
    padding-left: 55px;
    margin-bottom: 20px;
    position: relative;
}
.example ul li:before{
    width: 27px;
    height: 3px;
    background: #900023;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.example{
    margin-bottom: 80px;
}
.request{
    display: none;
}
.howmake--wrapper{
    background-image: url("/img/howto_bkg.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 80px;
}
.howmake{
    padding: 100px 0;
    color: #fff;
}
.howmake .howmake__head{
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 60px;
}
.howmake .howmake--steps{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.howmake .howmake--steps .howmake--step{
    width: 265px;
    height: 265px;
    background-image: url("/img/howmake_step_bkg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column nowrap;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-top: 30px;
    margin-right: 30px;
}
.howmake .howmake--steps .howmake--step .howmake--step__digital{
    margin-bottom: 10px;
}
.howmake .howmake--steps .howmake--step .howmake--step__text{
    max-width: 170px;
}
.howmake .howmake--steps .howmake--step .howmake--step__link{
    color: #fff;
}
.howmake .howmake--steps .howmake--steps__button{
    margin-top: 60px;
    box-shadow: 0px 4px 5px 0px #00000040;
    max-width: 380px;
    width: 100%;
    background: #fff;
    height: 73px;
    line-height: 73px;
    color: #000;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    display: block;
    border-radius: 10px;
    margin-bottom: auto;
}
.howmake .howmake--steps .howmake--steps__button:hover{
    background: #900023;
}
.howmake .howmake--steps .howmake--steps__button a:hover{
    color: #fff;
}
.howmake .howmake--steps .howmake--steps__text{
    display: none;
}
.howmake .howmake--payment{
    display: none;
}
.reviews{
    margin-bottom: 80px;

}
.reviews .reviews--slider .slick-track{
    padding: 5px;
}
.reviews .reviews--slider .reviews--slide{
    padding: 43px 37px;
    padding-bottom: 0;
    max-width: 369px;
    height: 270px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    margin-right: 32px;
}
.reviews .reviews--slider .reviews--slide .reviews--slide__title{
    display: none;
}
.reviews .reviews--slider .reviews--slide .reviews--slide__text{
    order: 3;
    font-size: 16px;
    font-weight: 300;
}
.reviews .reviews--slider .reviews--slide .reviews--slide__photo{
    order: 1;

    width: 138px;
    margin: auto;
    margin-bottom: 19px;
    margin-top: 0;
}
.reviews .reviews--slider .reviews--slide .reviews--slide__name{
    order: 2;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}
.reviews .reviews--slider{
    position: relative;
}
.reviews .reviews--slider .slick-arrow{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border: none;
    font-size: 0;
    background: none;
    background-image: url("/img/arrow.png");
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
.reviews .reviews--slider .slick-arrow:hover{
    background-image: url("/img/arrow_hov.png");
}
.reviews .reviews--slider .slick-prev{
    left: -75px;
    transform: rotate(180deg);
}
.reviews .reviews--slider .slick-next:hover{
    transform: rotate(180deg);
}
.reviews .reviews--slider .slick-prev:hover{
    transform: rotate(0deg);
}
.reviews .reviews--slider .slick-next{
    left: 100%;
}
.feedback--wrapper{
    background-image: url("/img/feedback_bkg.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.feedback{
    padding: 80px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 80px;
}
.feedback .feedback--left{
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 360px;
    margin-right: 140px;
    background-image: url("/img/feedbacl_left.png");
    background-position: center;
    background-size: 100%;
}
.feedback .feedback--left .feedback--left__title{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.feedback .feedback--left .feedback--left__request{
    margin-top: 30px;
    margin-bottom: 20px;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
}
.feedback .feedback--left p{
    font-size: 18px;
}
.feedback .feedback--left a{
    display: block;
    width: 190px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #900023;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}
.feedback .feedback--left a:hover{
    background: #900023;
}
.feedback .feedback--left a:hover{
    color: #FFF;
}
.feedback .feedback--right{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 670px;
}
.feedback .feedback--right input{
    flex: 0 0 50%;
    max-width: 315px;
    width: 100%;
    height: 49px;
    line-height: 49px;
    border: 1px solid #000000;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 300;
    padding: 13px;
    color: #757575;
    margin-bottom: 20px;
    background: transparent;
}
.feedback .feedback--right textarea{
    background: transparent;
    flex: 0 0 100%;
    border: 1px solid #000000;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 300;
    padding: 13px;
    color: #757575;
    margin-bottom: 20px;
    height: 142px;
}
.feedback .feedback--right span{
    position: absolute;
}
.feedback .feedback--right button{
    border: 1px solid #900023;
    border-radius: 5px;
    background: #900023;
    color: #fff;
    max-width: 270px;
    width: 100%;
    height: 53px;
    line-height: 53px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}
.feedback .feedback--right button:hover{
    background: #fff;
}
.feedback .feedback--right button:hover{
    color: #000;
}
.payment-wrapper{
    margin-bottom: 80px;
}
.footer{
    background: linear-gradient(0deg, #C4C4C4, #C4C4C4),
    linear-gradient(0deg, #D8D8D8, #D8D8D8);
    padding-top: 42px;
    padding-bottom: 66px;
    font-size: 18px;
    font-weight: 400;
}
.footer .footer--top{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.footer .footer--top .footer--logo{
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}
.footer .footer--top .footer--logo .footer--logo__image{
    margin-right: 30px;
}
.footer .footer--top .footer--logo .footer--logo__head{
    display: none;
}
.footer .footer--top .footer--logo .footer--logo__text{
    max-width: 261px;
}
.footer .footer--top .footer--contacts__address, .footer .footer--top .footer--contacts__email{
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}
.footer .footer--top .footer--contacts__address:before{
    position: absolute;
    left: 0;
    content: "";
    width: 22px;
    height: 22px;
    background: url("/img/fotter-city.png");
    background-position: center;
    background-repeat: no-repeat;
}
.footer .footer--top .footer--contacts__email:before{
    position: absolute;
    left: 0;
    content: "";
    width: 20px;
    height: 16px;
    background: url("/img/footer_email.png");
    background-position: center;
    background-repeat: no-repeat;
}
.footer .footer--top .footer--phone{
    flex: 0 0 200px;
}
.footer .footer--top .footer--phone img{
    float: left;
    margin-right: 10px;

}
.footer .footer--top .footer--phone .footer--phone__head{
    margin-bottom: 20px;
}
.footer .footer--top .footer--phone .footer--phone__link{
    width: 190px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #900023;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    display: block;
    text-align: center;
}
.footer .footer--top .footer--phone .footer--phone__link:hover{
    background: #900023;
}
.footer .footer--top .footer--phone .footer--phone__link:hover{
    color: #FFF;
}
.footer .footer--top{
    margin-bottom: 66px;
}
.footer .footer--menu--wrapper{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.footer .footer--menu{
    display: flex;
    flex-flow: column nowrap;
    max-width: 268px;
}
.footer .footer--menu .footer--menu__head{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 32px;
}
.footer .footer--menu .footer--menu__link{
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 20px;
}
.footer .footer--menu .footer--menu__link:hover{
    color:  #900023;
}
.copyright{
    background: #900023;

    color: #fff;
    font-size: 16px;
}
.copyright div{
    padding: 31px 0;
    max-width: 867px;
    margin: auto;
}
.citylist{
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    height: 100%;
    max-height: 80vh;
}
.citylist__link{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #212121;
    margin-bottom: 15px;
}
.citylist__link:hover{
    color: #7D001E;
}
.citylist__link::first-letter {
    color: #7D001E;
}
.remodal{
    max-height: 90vh;
    max-width: 90vw;
}
.remodal-close{
    left: unset;
    right: 20px;
    color: #000;
}
.remodal.modal--call{
    box-shadow: 0px 10px 10px 0px #00000059;
    max-width: 569px;
    background: #EAEAEA;
    border-radius: 15px;

}
.remodal.modal--call form{
    display: flex;
    flex-flow: column nowrap;
    padding: 15px;
    margin: auto;
}
.remodal.modal--call form input{
    max-width: 426px;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #000000;
    padding: 20px 15px;
    font-size: 16px;
    margin-bottom: 20px;
}
.remodal.modal--call form textarea{
    max-width: 426px;
    width: 100%;
    height: 60px;
    border-radius: 10px;
    border: 1px solid #000000;
    padding: 20px 15px;
    font-size: 16px;
    margin-bottom: 20px;
    overflow: hidden;
}
.remodal.modal--call form button{
    max-width: 426px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 10px;
    background: #7B0000;
    border: 1px solid #7B0000;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}
.diplom--section{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.diplom--slider--wrapper{
    flex: 0 0 59%;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    background: #fff;
    max-width: 669px;
    padding: 33px 42px 48px;
    box-shadow: 0px 10px 10px 0px #00000040;
    border-radius: 10px;
}
.diplom--slider{
    max-width: 472px;
}
.diplom--slider--wrapper .thumb--slide{
    margin-bottom: 18px;
}
.diplom--slider--wrapper .diplom--slider--thumbs{
    max-width: 72px;
}
.diplom--slider--wrapper .slick-slider .slick-list, .diplom--slider--wrapper .slick-slider .slick-track{
    height: 100%;
}
.diplom--buyblock{
    flex: 0 0 39%;
    text-align: center;
    max-width: 475px;
}
.diplom--buyblock__title{
    font-weight: 700;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 30px;
}
.diplom--buyblock__title h1{
    padding: 0;
}
.diplom--slider .diplom--slider__image{
    max-width: 472px;
}
.diplom--slider .diplom--slider__image a, .diplom--slider .diplom--slider__image a figure{
    display: block;
    width: 100%;
    height: 100%;
    max-width: 472px;
}
.diplom--slider .diplom--slider__image img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.diplom--buyblock__title span{
    color: #7B0000;
}
.diplom--buyblock .diplom--ul{
    margin-bottom: 10px;
}
.diplom--buyblock .diplom--ul ul li{
    list-style: disc!important;
    padding: 0!important;
    list-style-position: outside;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px!important;
}
.diplom--buyblock .diplom--ul ul li:before{
    display: none!important;
}
.diplom--buyblock__price{
    font-size: 40px;
    font-weight: 600;
    line-height: 47px;
}
.diplom--buyblock__price span{
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    color: #900023;
}
.diplom--buyblock__price a{
    display: block;
    text-align: center;
    max-width: 309px;
    height: 51px;
    line-height: 51px;
    color: #fff;
    border: 1px solid #900023;
    background: #900023;
    font-size: 25px;
    font-weight: 600;
    margin: auto;
    border-radius: 10px;
    margin-top: 40px;
}
.diplom--buyblock__price a:hover{
    background: #fff;
    color: #900023;
}
.diplom--description{
    margin-top: 60px;
}
.header .header--burger{
    display: none;
}
#topmenu__close{
    display: none;
}
.mobile{
    display: none;
}
@media (max-width: 1199.98px) {
    .banner-wrapper{
        padding-bottom: 80px;
    }
    .banner__title{
        overflow-wrap: break-word;
        word-wrap: normal;
    }
    .promo__image{
        max-width: 50%;
    }
    .banner .banner_text .banner__title{
        font-size: 55px;
    }
    .header .header--logo__text{
        display: none;
    }
    .howmake .howmake--steps .howmake--step{
        width: 200px;
        height: 200px;
        font-size: 17px;
        padding-top: 10px;
    }
    .reviews .reviews--slider .reviews--slide{
        height: 310px;
    }
    .payment__elem{
        max-width: 100%;
    }
}
@media (max-width: 1199.98px) {
    .promo__image{
        max-width: 40%;
    }
}
@media (max-width: 991.98px) {
    .header .header--city{
        display: none;
    }
    .topmenu .topmenu--submenu a, .topmenu a{
        font-size: 14px;
        padding-right: 20px;
    }
    .banner .banner_image{
        top: 50px;
    }
    .banner .banner_image, .banner .banner_text{
        max-width: 50%;
    }
    .banner .banner_image img{
        max-width: 100%;
    }
    .banner .banner_text .banner__title{
        font-size: 45px;
        line-height: unset;
    }
    .promo .promo__title{
        font-size: 44px;
    }
    .howmake .howmake--steps .howmake--step{
        flex: 0 0 49%;
        margin: auto;
        margin-bottom: 40px;
        font-size: 14px;
    }
    .footer .footer--top .footer--logo .footer--logo__text{
        display: none;
    }
    .footer .footer--menu--wrapper{
        flex-wrap: wrap;
    }
    .footer .footer--menu{
        max-width: 45%;
        width: 45%;
        flex: 0 0 45%;
        margin-bottom: 40px;
    }
}
.breadcrumbs ol{
    display: flex;
    flex-flow: row wrap;
    justify-contant: flex-start;
}
.breadcrumbs ol li{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    display: block;
}
.breadcrumbs ol li:after{
    content: '\005C';
    position: absolute;
    right: 0;
}
.breadcrumbs ol li:last-of-type:after{
    display:none;
}
.city-atts.citylist{
    max-height: 1400px;
}
@media (max-width: 1120px) {
   .city-atts.citylist{
    max-height: 2400px;
} 
}
@media (max-width: 780px) {
    .city-atts.citylist{
    max-height: unset;
}
h1{
    padding-bottom: 20px;
}
    .feedback .feedback--left .feedback--left__title{
        font-size:44px;
            text-align: center;
    }
    .footer .footer--top .footer--contacts__address{
        display:none;
    }
    .feedback .feedback--left p{
        font-size:22px;
    }
.promo, .example {
    padding-top: 60px;
}
.example h2 {
    margin-top: 60px;
}
.diplom--slider--wrapper{
    padding-bottom: 18px;
}
.diplom--cart{
        height: auto;
    max-height: unset;
}
.diplom--cart .diplom--cart__ul {
    margin-left: 0px;
}
.diplom--cart .diplom--cart__ul ul li:before {
    content: "";
    width: 27px;
    height: 3px;
    background: #900023;
    left: 0;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    display: block!important;
}
.example {
    margin-bottom: 20px;
}
.docbody .example{
    padding-top: 0;
}
.footer .footer--menu .footer--menu__link{
    font-size: 18px;
}
.howmake--wrapper {
    margin-bottom: 0;
}
.howmake {
    padding-bottom: 40px;
}
.footer .footer--top .footer--logo .footer--logo__image{
    margin: auto;
}
.footer .footer--top .footer--logo{
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 10px;
}
    .category {
    margin-top: 20px!important;
}
    .breadcrumbs ol li{
    font-size: 12px;
    }
    .thumb--slide{
        margin-right: 10px;
    }
    .thumb--slide img{
        max-width: 100%;
        width:100%;
        height: 100%;
        object-fit: contain;
    }
    .slick-current.thumb--slide img{
        border: 1px solid #8C8C8C;
        max-width: 100%;
    }
    section.header{
        padding-top: 19px;
        padding-bottom: 9px;
        position: sticky;
        top: 0;
        flex-wrap: nowrap;
        z-index: 99;
    }
    .diplom--slider{
        max-width: 100%;
    }
    .diplom--buyblock{
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
    .header .header--mail, .header .header--btn{
        display: none;
    }
    .header .header--burger{
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        order: 3;
        margin-top: 0;
        margin-bottom: 0;
    }
    .header--logo{
        max-width: 35%;
    }
    .header--logo__image{
        max-width: 100%;
    }
    .header .header--phone{
        font-size: 12px;
    }
    .topmenu--wrapper{
        position: fixed;
        top: 90px;
        width: 100%;
        background: #EAEAEA;
    }
    .topmenu{
        display: none;
    }
    .topmenu a{
        color: #900023;
        font-weight: bold;
    }
    .topmenu--wrapper.active .topmenu{
        display: block;
    }
    .topmenu{
        flex-flow: column nowrap;
        justify-content: flex-start;
    }
    .topmenu .submenu{
        max-height: 100vh;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .topmenu .submenu .submenu__link{
        width: 100%;
    }
    .banner-wrapper {
        margin-top: 20px;
        background: url(/img/banner_mobile.png);
        background-size: cover;
        background-color: #900023;
        background-repeat: no-repeat;
        background-position: top center;
    }
    .banner{
        padding-top: 100vw;
    }
    .banner .banner_text .banner__button{
        margin: auto;
    }
    .banner_image{
        display: none;
    }
    .mobile{
        display: block;
    }
    .topmenu{
        display: none;
    }
    .topmenu.active{
        display: flex;
    }
    .topmenu .header--city, .topmenu .header--mail, .topmenu .header--phone{
        display: none;
    }
    .topmenu{
        padding-top: 20px;
        max-width: 90vw;
    }
    #topmenu__close{
        color: #900023;
        display: block;
        position: absolute;
        right: 0;
        top: 20px;
        font-size: 20px;
        padding: 0;
        font-weight: bold;
    }
    .topmenu .topmenu--submenu a::after{
        background-image: url("/img/topmenu_dropdown_red.png");
    }
    .banner{
        flex-wrap: wrap;
    }
    .banner .banner_image, .banner .banner_text{
        max-width: unset;
        width: 100%;
    }
    .promo{
        display: flex;
        flex-flow: column nowrap;
        align-items: flex-start;
    }
    .promo__image{
        max-width: 100%;
        float: none;
        order: 3;
        margin-top: 30px;
    }
    .promo__title{
        order: 1;
    }
    .promo__element{
        order: 2;
    }
    .howmake .howmake--steps .howmake--step{
        flex: 0 0 100%;
        font-size: 20px;
        width: 265px;
        height: 265px;
    }
    .howmake--wrapper {
        background-image: url(/img/howto_bkg_mobile.png);
    }
    .howmake .howmake--steps .howmake--step .howmake--step__digital {
        margin-bottom: 20px;
    }
    .howmake .howmake--steps .howmake--step{
        padding-top: 30px;
    }
    .reviews .reviews--slider .reviews--slide{

    }
    .feedback{
        flex-wrap: wrap;
    }
    .feedback--wrapper {
        background-image: url(/img/feedback_bkg_mobile.png);
        background-size: cover;
    }
    .feedback .feedback--left{
        max-width: 100%;
        margin: auto;
        background-image: url("/img/feedbacl_left_mobile.png");
        background-size: 200%;
        background-repeat: no-repeat;
        align-items: center;
        justify-content: center;
    }
    .feedback .feedback--left p{
        text-align: center;
        max-width: 256px;
    }
    .feedback .feedback--left a{
        margin-bottom: 30px;
    }
    .feedback .feedback--right{
        justify-content: center;
    }
    .feedback .feedback--right input{
        flex: 0 0 100%;
        width: 100%;
        max-width: unset;
    }
    .banner-wrapper{
        padding-bottom: 40px;
    }
    .footer .footer--menu .footer--menu__head{
        color: #900023;
    }
    .diplom--slider--wrapper{
        flex: 0 0 100%;
        max-width: 100%;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .diplom--slider--wrapper .diplom--slider--thumbs{
        order: 2;
    }
    .diplom--slider--wrapper .diplom--slider{
        order: 1;
    }
    .diplom--slider--wrapper .diplom--slider--thumbs{
        max-width: unset;
    }
    #content ul li{
        font-size: 16px;
    }
    #content ul li{
        padding-left: 45px!important;
        margin-bottom: 20px!important;
        position: relative!important;
        list-style: none!important;
        position: relative;
    }
    #content>ul>li:before{
        width: 27px;
        height: 3px;
        background: #900023;
        content: "-";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -1px;
    }
    .diplom--buyblock .diplom--ul ul li:before{
        display: block!important;
    }
    .diplom--buyblock__price a{
        margin-top: 20px;
    }
}
@media (max-width: 400px) {
    .reviews .reviews--slider .reviews--slide{
        height: auto;
        padding-bottom: 40px;
    }
    .banner .banner_text .banner__title{
        font-size: 35px;
    }
    .banner .banner_text .banner__desc{
        font-size: 16px;
        font-weight: 400;
    }
    .footer .footer--top{
        margin-bottom: 32px;
    }
    .promo .promo__title{
        font-size: 32px;
        line-height: normal;
    }
    .promo .promo__element{
        font-size: 16px;
    }
    h1, h2, h1.example, .example h2{
        font-size: 30px;
        font-weight: 700;
        line-height: 35px;
    }
    p, p.examle{
        font-size: 16px;
        font-weight: 300;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;

    }
    .feedback .feedback--left .feedback--left__title{
        font-size: 30px;
        font-weight: 700;
        line-height: 35px;
        letter-spacing: 0em;
        text-align: left;

    }
    .feedback .feedback--right input{
        height: 41px;
        line-height: 41px;
    }

    .feedback .feedback--right textarea{
        height: 71px;
    }
    .footer .footer--menu{
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.diplom--slider--wrapper .thumb--slide img:hover{
    cursor: pointer;
    border: 1px solid black;
}