@media screen and (max-width: 640px) {
    section {
        padding: 0 20px;
    }
}

@media (min-width: 575.98px) {
    section {
        padding: 0 calc(50% - 270px);
    }
}
@media (min-width: 719.00px) {
    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% - 610px);
    }
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body{
    font-family: 'TT Firs Neue', serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #212121;
}
a{
    text-decoration: none;
    color: #000;
}
.top-right.jGrowl{
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
}
#jGrowl .jGrowl-notification.alert{
    width: 300px;
    height: 150px;
    /*left: 50%;*/
    /*top: 50%;*/
    /*margin-top: -15vh;*/
    /*margin-left: -25vw;*/
    position: relative;
    z-index: 9999999;
    display: flex;
    background-color: #379425;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
.jGrowl-message{
    margin: auto;
    font-size: 20px;
}
.jGrowl-notification .jGrowl-close{
    position: absolute;
    right: 0;
    top: 0;
}
figure{
    max-width: 100%;
}
figure img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.header{
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}
.header--logo{
    flex: 0 0 453px;
}
.header--logo a{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
 .header--logo__image{
    margin-right: 17px;
}
 .header--logo__head{
    max-width: 194px;
    color: #212121;
    font-size: 16px;
}
.header--city{
    font-size: 18px;
    margin-right: 65px;
}
.header--city__text{
    color: #379425;
    font-weight: 700;
    position: relative;
    padding-right: 15px;
}
.header--city__text:after{
    content: "";
    width: 9px;
    right: 5px;
    top: 50%;
    margin-top: -4px;
    height: 6px;
    background-image: url("/img/cityselect.png");
    position: absolute;
}
.header--mail, .header--phone{
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    font-size: 18px;
    padding-left: 55px;
    position: relative;
}
.header--mail{
    margin-right: 65px;
}
.header--mail img, .header--phone img{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
}
.header--phone a{
    color: #212121;
}
 .header--mail__link, .header--phone__link{
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #379425;
}
a.header--phone__link{
    color: #379425;
}

.header--burger{
    display: none;
}
.topmenu--wrapper{
    background-color: #379425;
    z-index: 99;
    position: sticky;
    top: 0;
}
.topmenu {
    margin: auto;
    padding: 0;
    display: flex;
    list-style: none;
    flex-flow: row nowrap;
    justify-content: space-between;
    position: relative;
}
.topmenu:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;

    content: "";
    z-index: -1;
}
.topmenu li{
    padding: 17px 30px;
}
.topmenu li a{
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    padding-right: 20px;
    display: block;
}
.topmenu .topmenu--submenu a:after{
    content: "";
    width: 15px;
    right: 0;
    top: 50%;
    margin-top: -8px;
    height: 15px;
    background-image: url("/img/topmenu.png");
    position: absolute;

}

.topmenu .topmenu--submenu .submenu--wrapper{
    max-height: 0;
    transition: all 0.5s cubic-bezier(0, 1, 0, 1);
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    top: 55px;
    left: 0;
    border-radius: 15px;
    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 .submenu .submenu__link:after{
    display: none;
}
.banner-wrapper{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    position: relative;
    background-image: url("/img/firstscreen_bkg.png");
    background-origin: border-box;
}
@media (min-width: 1200.98px) {
    .banner-wrapper{
        background-image: url("/img/firstscreen_bkg_lg.png");
    }
}
.banner{
    padding-top: 130px;
    padding-bottom: 154px;
}
.banner-wrapper:before{
    position: absolute;
    left: 0;
    height: 83px;
    content: "";
    top: 135px;
    width: 100%;
    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);
    z-index: -1;
}
.banner__title{
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-size: 70px;
    line-height: 130%;
    /* or 91px */
    text-transform: uppercase;
    margin-bottom: 50px;
}
.banner__title span{
    font-size: 80px;
    display: block;
}
.banner__desc{
    max-width: 490px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 34px;
}
.banner__button {
    background: #FFC100;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    max-width: 438px;
    padding: 24px 0;
    text-align: center;
}
.banner__button a{
    font-weight: 800;
    font-size: 35px;
    line-height: 130%;
    color: #000;
}
.promo--wrapper{
    background: url("/img/promo_wrapper.png");
}
.promo__image{
    display: none;
}
.promo{
    padding-top: 49px;
    padding-bottom: 38px;
    max-height: 312px;
    display: block;
    column-count: 2;
}
.promo > div{
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    color: #fff;
    padding-left: 38px;
    position: relative;
}
.promo > div:before{
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    background-image: url("/img/promo_before.png");
}
.example{
    position: relative;
    padding-top: 150px;

}
.example:after{
    position: absolute;
    content: "";
    background-image: url("/img/bydiplom_bkg.png");
    background-origin: border-box;
    background-repeat: no-repeat;
    background-position: center;
    right: 5%;
    top: 152px;
    width: 572px;
    height: 612px;
}
.example:before{
    position: absolute;
    left: 0;
    height: 83px;
    content: "";
    width: 100%;
    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);
    z-index: -1;
    margin-top: 15px;
}
.example h1{
    font-family: 'Open Sans', serif;
    font-style: normal;
    font-weight: 600;
    font-size: 70px;
    line-height: 95px;
    margin: 0;
    margin-bottom: 30px;
}
.example p{
    font-family: 'Open Sans', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    max-width: 670px;
}
.example_diploma{
    position: relative;
    margin-bottom: 50px;
}
/*.example_diploma:before{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    height: 83px;*/
/*    content: "";*/
/*    width: 100%;*/
/*    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);*/
/*    z-index: -1;*/
/*    margin-top: 10px;*/
/*}*/
.example_diploma h2{
    font-family: 'Open Sans', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 85px;
}
.example--wrapper{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.diplom--cart{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    /*padding: 20px 14px;*/
    background: #fff;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;

}
.diplom--gradient{
    margin-right: 40px;
    max-width: 360px;
    position: relative;
    border-radius: 10px;
    /*max-height: 642px;*/
    height: 100%;
    padding: 3px;
    margin-bottom: 30px;
   background: linear-gradient(154.15deg, #FD9900 8.86%, #4CAF39 96.74%);
}
.diplom--cart__image figure{
    max-width: 331px;
    max-height: 236px;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 14px;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.diplom--cart__title a{
    font-size: 20px;
    line-height: 130%;
    /* or 26px */
    margin-bottom: 20px;
    display: block;
    text-align: center;
    font-family: 'Roboto', serif;
    font-weight: bold;
    color: #212121;
}
.diplom--cart__ul ul{
    list-style: none;
    margin: 0;
    margin-bottom: 20px;
    margin-left: 24px;
    margin-right: 12px;
    padding: 0;
}
.diplom--cart__ul ul li, {
    position: relative;
    padding-left: 25px;
    list-style: none;
    font-family: "Roboto";
    font-size: 16px;
    color: #000;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 5px;
}
.example_diploma ul li{
    position: relative;
    padding-left: 25px;
    list-style: none;
    color: #000;
    line-height: normal;
    margin-bottom: 5px;
}
.diplom--cart__ul ul li:before, .example_diploma ul li:before{
    content: "";
    width: 15px;
    left: 0;
    top: 10px;
    margin-top: -7px;
    height: 15px;
    background-image: url("/img/topmenu.png");
    position: absolute;
}
.diplom--cart__price{
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
    /* identical to box height */
    font-family: 'Open Sans', serif;
    margin-bottom: 20px;
    color: #328E17;
}
.diplom--cart__button{
    background: #FFC100;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    max-width: 292px;
    /*padding: 24px 0;*/
    text-align: left;
    padding-left: 20px;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 61px;
    letter-spacing: 0em;
    width: 292px;
    height: 61px;
    color: #212121;
    margin: auto;
    margin-bottom: 37px;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(180deg, #FFD900 -18.42%, #FD9900 121.93%);
}
.diplom--cart__button:after{
    position: absolute;
    content: "";
    width: 21px;
    height: 20px;
    background-image: url("/img/cart_btm.png");
    right: 30px;
    top: 50%;
    margin-top: -10px;
}
.example_diploma, body {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;

}
.example_diploma h1{
    font-family: "Open Sans";
    font-size: 70px;
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: left;
    position: relative;
    margin-bottom: 0;
}
.example_diploma h2{
    font-family: "Open Sans";
    font-weight: 700;
    line-height: 85px;
    letter-spacing: 0em;
    text-align: left;
    position: relative;
}
.example_diploma h3, .example_diploma .h3{
    font-family: Open Sans;
    font-size: 55px;
    font-weight: 600;
    line-height: 75px;
    letter-spacing: 0em;
    text-align: left;
    position: relative;
}
.city-atts {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    max-height: 1040px;
}
.city-atts a {
    font-family: Open\ Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0;
    text-align: left;
    color: #212121;
}
.example_diploma h3:before, .example_diploma h2:before, .example_diploma h1:before, .example_diploma .h3:before{
    position: absolute;

    height: 83px;
    content: "";
    width: 100%;
    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);
    z-index: -1;
}
@media (min-width: 1299.98px) {
    .example_diploma h3:before, .example_diploma h2:before, .example_diploma h1:before, .example_diploma .h3:before{
        left: calc(50% - 700px);
    }
}
@media (min-width: 1499.98px) {
    .example_diploma h3:before, .example_diploma h2:before, .example_diploma h1:before, .example_diploma .h3:before{
        left: calc(50% - 1100px);
    }
}
.request{
    position: relative;
}
.request:before{
    position: absolute;
    left: 0;
    height: 83px;
    content: "";
    width: 100%;
    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);
    z-index: -1;
}
.request h3, .request .h3{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 55px;
    line-height: 75px;
}
.request--wrapper{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.request--item{
    max-width: 330px;
    text-align: center;
    margin-bottom: 60px;
    padding-top: 110px;
    position: relative;
}
.request--item__img{
    margin-bottom: 24px;
    flex: 0 0 50px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
}
.request--item__head, .request--item__warning{
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
margin-bottom: 24px;
    color: #0C4800;
}
.request--item__text{
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    text-align: center;
}
.profession{
    position: relative;
    margin-bottom: 60px;
}
.profession:before{
    position: absolute;
    left: 0;
    height: 83px;
    content: "";
    width: 100%;
    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);
    z-index: -1;
    top: -5px;
}
.profession h3, .profession .h3{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 68px;
    margin-bottom: 60px;
}

.profession p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    margin-bottom: 60px;
}
.prof_slider{
    margin-bottom: 130px;
}
.prof_slider--slide{
    display: block;
    text-align: center;
}
.prof_slider--slide img{
    margin: auto;
    margin-bottom: 20px;

}
.prof_slider--slide h4, .prof_slider--slide .h4{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    margin: auto;
    margin-bottom: 20px;
    color: #000;
}
.prof_slider--slide span{
    width: 160px;
    height: 39px;
    margin: auto;
    display: block;
    line-height: 39px;
    text-align: center;
    background: linear-gradient(98.4deg, #379425 3.04%, #FFC100 120.71%);
    border-radius: 10px;
    color: #fff;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}
.slick-arrow{
    font-size: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: none;
    position: absolute;
    top: 50%;
    margin-top: -25px;
}
.slick-prev{
    left: -60px;
    background: url("/img/slick-left.png");
}
.slick-next{
    right: -60px;
    background: url("/img/slick-right.png");
}
.howmake--wrapper{
    background: linear-gradient(180deg, rgba(55, 148, 37, 0.672) 0%, rgba(253, 153, 0, 0.224) 100%);
    height: auto;
    padding-bottom: 40px;
}
.howmake{
    padding-top: 44px;
}
.howmake__head{
    text-align: center;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-size: 55px;
    line-height: 75px;
    margin-bottom: 45px;
    color: #000;
}
.howmake__head span{
    color: #FF9A00;
    margin-left: 45px;
}
.howmake--steps{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.howmake--step{
    width: 266px;
    height: 266px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    background-image: url("/img/step_bkg.png");
}
.howmake--step img{
    margin-bottom: 20px;
}
.howmake--step__link{
    color: #212121;
}
.howmake--step__text{
    max-width: 180px;
    text-align: center;
}
.howmake--steps__text{
    display: none;
}
.howmake--steps__button, .howmake--payment{
    display: none;
}
.similar_wrapper{
    position: relative;
    margin-bottom: 60px;
}
.similar_wrapper:before{
    position: absolute;
    left: 0;
    height: 83px;
    content: "";
    width: 100%;
    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);
    z-index: -1;
    top: 5px;
}
.similar_wrapper:after{
    position: absolute;
    width: 536px;
    height: 526px;
    content: "";
    background-image: url("/img/also.png");
    right: 10%;
    top: 50%;
    margin-top: -300px;
}
.similar{
    margin-top: 100px;
}
.similar h3, .similar .h3{
    font-family: Open Sans;
    font-size: 60px;
    font-weight: 600;
    line-height: 82px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 60px;
}
.similar ul{
    list-style: none;
    padding: 0;

    margin: 0;
    margin-bottom: 20px;
}
.similar ul li {
    font-family: 'Open Sans';
    font-size: 25px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 40px;
    margin-bottom: 20px;
    position: relative;
}
.similar ul li:before{
    content: "";
    background-image: url("/img/game-icons_check-mark.png");
    width: 25px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}
.similar p{
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;

}
.faq_wrapper{
    background-image: url("/img/faq_bkg.png");
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 130px;
    background-size: cover;
}
.faq{
    background-image: url("/img/faq.png");
    background-position: top right;
    background-size: 830px 720px;
    background-repeat: no-repeat;
}
.faq h3, .faq .h3{
    font-family: Open Sans;
    font-size: 45px;
    font-weight: 600;
    line-height: 61px;
    letter-spacing: 0em;
    text-align: left;
}
.faq p{
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    max-width: 790px;
}
.faq ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.faq ul li{
    background: #fff;
    border-radius: 10px;
    max-width: 534px;
    width: 100%;
    height: 88px;
    position: relative;
    padding: 19px 12px;
    margin-bottom: 30px;
    box-sizing: border-box;
    cursor: pointer;
    max-height: 88px;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.faq ul li:after{
    position: absolute;
    right: 12px;
    content: "+";
    color: #BE7D00;
    font-size: 50px;
    font-weight: 200;
    top: 33px;
}
.faq ul li.active:after{
    content: "-";
}
.faq ul li h4{
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    max-width: 400px;
    margin: 0;
}
.faq ul li p{
    overflow: hidden;
    max-height: 0;
    max-width: 400px;
}
.faq ul li.active h4{
    margin-bottom: 20px;
}
.faq ul li.active{
    height: auto;
    max-height: 999px;
    transition: max-height 1s ease-in-out;
}
.faq ul li.active p{
    max-height: 999px;
    transition: max-height 1s ease-in-out;
}
.reviews_wrapper{
    position: relative;
    margin-bottom: 130px;
}
.reviews_wrapper:before {
    position: absolute;
    left: 0;
    height: 83px;
    content: "";
    width: 100%;
    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);
    z-index: -1;
}
.reviews h3, .reviews .h3{
    font-family: Open Sans;
    font-size: 55px;
    font-style: italic;
    font-weight: 600;
    line-height: 75px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 60px;
}
.reviews--slide{
    border: 1px solid #379425;
    /*border-image-source: linear-gradient(114.8deg, #379425 14.53%, #FD9900 96.29%);*/
    max-width: 369px;
    max-height: 246px;
    border-radius: 10px;
    margin-right: 30px;
    display: flex;
    padding: 30px;
    flex-flow: column nowrap;
    align-items: center;
}
.reviews--slide__photo{
    margin: 0 auto;
    margin-bottom: 20px;
}
.reviews--slide__name{
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;
    color: #FD9900;
    margin-bottom: 20px;

}
.reviews--slide__text{
    order: 4;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}
.reviews--slide__title{
    order: 3;

}
.feedback--wrapper{
    background: url('/img/fee.png'), #4CAF39;
    background-size: cover;
    border-radius: 20px;
    margin-left: 84px;
    margin-right: 84px;
    padding-top: 24px;
    padding-bottom: 48px;
    position: relative;
    box-shadow: 0px 10px 10px 0px #00000040;
z-index: 2;
}
.feedback--wrapper:before {
    position: absolute;
    left: 0;
    height: 83px;
    content: "";
    width: 100%;
    background: radial-gradient(50.6% 14643.64% at 10.59% 49.4%, #FFC100 0%, rgba(253, 153, 0, 0) 100%);
    z-index: 0;
    max-width: 615px;

}
.feedback{
    z-index: 1;
    color: #fff;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
}
.feedback--left__title{
    font-family: Open Sans;
    font-size: 50px;
    font-style: italic;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 21px;
    margin-top: 10px;
}
.feedback--left p{
    text-align: center;
    max-width: 290px;
    margin-left: 40px;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    margin-bottom: 50px;
}
.feedback--left__request {
    font-family: Open Sans;
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    margin-left: 30px;
    margin-bottom: 40px;
}
.feedback--left a{
    margin-left: 60px;
    width: 261px;
    height: 58px;
    border-radius: 7px;
    display: block;
    color: #fff;
    background: linear-gradient(180deg, #FECC00 0%, #FDAE00 100%);
    box-shadow: 0px 4px 4px 0px #00000040;
    font-family: Open Sans;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    line-height: 56px;
    letter-spacing: 0em;
    text-align: center;

}
.feedback--right{
    display: flex;
    flex-flow: row wrap;
    max-width: 455px;
}
.feedback--right input{
    flex: 0 0 50%;
    border-radius: 10px;
    max-width: 210px;
    height: 63px;
    line-height: 63px;
    border: none;
    box-sizing: border-box;
    padding: 10px;
    margin-right: 15px;
    margin-bottom: 20px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    color: #B7B7B7;
    position: relative;
}
.feedback--right textarea{
    flex: 0 0 100%;
    border: none;
    max-width: 418px;
    border-radius: 10px;
    margin-bottom: 27px;
    height: 145px;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #B7B7B7;
}
.feedback--right button{
    box-shadow: 0px 4px 4px 0px #00000040;
    width: 202px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: none;
    border-radius: 10px;
    font-family: Open Sans;
    font-size: 22px;
    font-weight: 700;
}
.feedback--right span.error{
    display: none;
}
.feedback--right input.error{
    border: 1px solid red;
}
footer{
    background: #CDCDCD;
    position: relative;
    margin-top: -30px;
    padding-top: 30px;
}
.footer{
    margin-top: 58px;
}
.footer--top{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.footer--logo{
    flex: 0 0 400px;
}
.footer--logo a{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.footer--logo .footer--logo__image{
    margin-right: 17px;
    float: left;
}
.footer--logo .footer--logo__head{
    max-width: 194px;
    color: #212121;
    font-size: 16px;
    float: left;
    margin-top: 30px;
}
.footer--city{
    margin-top: 30px;
    font-size: 18px;
    margin-right: 65px;
}
.footer--city__text{
    color: #379425;
    font-weight: 700;
    position: relative;
    padding-right: 15px;
}
.footer--city__text:after{
    content: "";
    width: 9px;
    right: 5px;
    top: 50%;
    margin-top: -4px;
    height: 6px;
    background-image: url("/img/cityselect.png");
    position: absolute;
}
.footer--contacts{
    margin-top: 30px;
    font-size: 18px;
    position: relative;
    padding-left: 60px;
}
.footer--contacts:before{
    content: "";
    background-image: url("/img/header-email.png");
    width: 35px;
    height: 28px;
    position: absolute;
    left: 0;
    margin-top: -20px;
    top: 30px;
}
.footer--mail, .footer--phone{
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    font-size: 18px;
    padding-left: 55px;
    position: relative;
    margin-top: 30px;
}
.footer--mail{
    margin-right: 65px;
}
.footer--phone img{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
}
.footer--phone a{
    color: #212121;
}
.footer--mail__link, .footer--phone__link{
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #379425;
}
.footer--phone{
    position: relative;
    padding-left: 50px;
}
.footer--phone__link a{
    color: #379425;
}

.footer--menu--wrapper{
    margin: 60px auto auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 830px;
    margin-bottom: 30px;
}
.footer--menu{
    display: flex;
    flex-flow: column nowrap;
    max-width: 270px;
}
.footer--menu__head{
    font-family: "Roboto Condensed";
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 20px;
    color: #000;
}
.slick-track {
    display: flex!important;
}
.slick-track .slick-slide {
    display: flex!important;
    height: auto;
    flex-flow: column nowrap;
    justify-content: flex-start;
}
.footer--menu__link{
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}
.copyright--wrapper{
    background: #137700;
    padding: 31px;
}
.copyright{
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}
.citylist{
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    height: 100%;
    max-height: 80vh;
}
.citylist__link{
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #212121;
}
.remodal{
    max-height: 90vh;
    max-width: 90vw;
}
.document{
    background-image: url('/img/detail_bkg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center -200px;
}
.diplom--row{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-top: 69px;
}
.diplom--slider--wrapper{
    max-width: 562px;
    max-height: 532px;
    margin-bottom: 100px;
    margin-right: 51px;
}
.diplom--slider__image{
    margin-bottom: 60px;
}
.diplom--slider__image figure{
    max-height: 375px;
    margin: auto;
}
.diplom--slider__image figure img{
    width: 100%;
    height: 100%;
    max-height: 385px;
    object-fit: contain;
    margin: auto;
}
.thumb--slide img{
    max-height: 96px;
    max-width: 102px;
    margin: auto;
}
.diplom--slider--thumbs .thumb--slide{
    max-width: 118px;
    margin-right: 20px;
}
.diplom--slider--thumbs .slick-current{
    border: 3px solid #379425;
    border-radius: 10px;
}
.diplom--slider .slick-arrow{
    display: none !important;
}
.diplom--buyblock{
    flex-grow: 1;
}
.diplom--buyblock h1{
    font-family: Open Sans;
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 40px;
}
.diplom--buyblock__price{
    font-family: Open Sans;
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: left;
    color: #379425;
}
.diplom--buyblock__price span{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #212121;

}
.diplom--buyblock__price a{
    display: block;
    margin-top: 40px;
}
.modal--call, .modal--zakaz{
    max-width: 760px;
    max-height: 720px;
    padding: 0;
    position: relative;
    border-radius: 20px;
    font-family: Open Sans;
}
.modal--zakaz .remodal-close, .modal--call .remodal-close{
    position: absolute;
    right: 0px;
    top: 0px;
    left: unset;
    color: #000;
}
.modal--zakaz .remodal-close:before, .modal--call .remodal-close:before{
    font-size: 30px;
}
.modal--zakaz .modal_form, .modal--call .modal_form{
    display: flex;
    flex-flow: column nowrap;
}
.modal--zakaz .modal_form .form_header, .modal--call .modal_form .form_header{
    border-radius: 20px 20px 0px 0px;
    background: linear-gradient(176.17deg, #2B7A14 -8.41%, #FD9900 185.82%);
    color: #000;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 10px;
}
.modal--zakaz .modal_form .form_header h3, .modal--zakaz .modal_form .form_header .h3, .modal--call .modal_form .form_header h3, .modal--call .modal_form .form_header .h3{
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: 0em;
    margin-bottom: 9px;
}
.modal--zakaz .modal_form .form_header p, .modal--call .modal_form .form_header p{

    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: center;

}
.modal--zakaz .modal_form form, .modal--call .modal_form form{
    padding-top: 50px;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 50px;
    display: flex;
    flex-flow: row wrap;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: left;
    color: #303030;
}
.modal--zakaz .modal_form form input, .modal--call .modal_form form input{
    width: 260px;
    height: 63px;
    line-height: 63px;
    border-radius: 10px;
    border: 1px solid #BDBDBD;
    padding-left: 30px;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.modal--zakaz .modal_form form .textarea, .modal--call .modal_form form .textarea{
    flex: 0 0 100%;
}
.modal--zakaz .modal_form form textarea, .modal--call .modal_form form textarea{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 45px;
    border-radius: 10px;
    border: 1px solid #BDBDBD;
    padding-left: 30px;
    padding-top: 31px;
    font-size: 18px;
    font-weight: 400;
    font-family: Open Sans;
}
.modal--zakaz .modal_form form .button, .modal--call .modal_form form .button {
    flex: 0 0 100%;
    text-align: center;

}
.modal--zakaz .modal_form form button, .modal--call .modal_form form button{
    background: linear-gradient(180deg, #FFD900 -18.42%, #FD9900 121.93%);
    width: 360px;
    height: 58px;
    line-height: 58px;
    border-radius: 7px;
    font-family: TT Firs Neue;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0em;
    text-align: center;

}
@media (max-width: 1200px) {
    .header--logo{
        flex: auto;
    }
}
.mobile, #topmenu__close{
    display: none;
}
@media (max-width: 1024px) {
    .diplom--buyblock{
        order: 1;
    }
    .diplom--slider--wrapper{
        order: 2;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .diplom--row{
        position: relative;
        margin-bottom: 70px;
    }
    .diplom--buyblock__price a{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .diplom--buyblock__price{
        text-align: center;
        margin-bottom: 48px;
    }
    .diplom--buyblock__title h1{
        font-size: 30px;
        font-weight: 600;
        line-height: 36px;
        letter-spacing: 0em;
        text-align: center!important;
        margin-top: 30px;
        font-style: normal;
    }
    .diplom--buyblock__price a img{
        width: 100%;
    }
    .diplom--row {
        padding-bottom: 50px;
    }
    .diplom--slider__image{
        margin-bottom: 33px;
    }
    .diplom--slider--thumbs{
        margin-bottom: 50px;
    }
    .mobile{
        display:block;
    }
    .document{
        background-position: center 120px;
        background-size: contain;
    }
    .header--city.mobile{
        display: none!important;
    }
    .banner-wrapper{
        background-image: none!important;
    }
    .banner{
        padding-top: 20px!important;
    }
    .banner img{
        margin: auto;
        width: 100%;
        height: 300px;
    }
    .banner-wrapper:before{
        top: 320px!important;
    }
    .topmenu .topmenu--submenu.dropdown .submenu--wrapper{
        display: block;
    }
    .topmenu .topmenu--submenu.dropdown .submenu--wrapper .submenu{
        max-height: 9999px;
        overflow-y: scroll;
        z-index: 99999;
        position: relative;
        height: 100vh;
        flex-wrap: nowrap;
    }
    .request--wrapper{
        margin-top: 50px;
    }
    .request--item__img{
        width: 100px;
        height: auto;
    }
    .header{
        justify-content: space-between;
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #fff;
        margin-right: 100px;
        z-index: 999;
    }
    .header--city, .header--mail{
        display: none;
    }
     .header--logo{
        max-width: 230px;
    }
    .header--burger{
        display: block;
        width: 24px;
        height: auto;
        margin-left: 33px;
        margin-right: 33px;
    }
    .topmenu .header--phone{
        margin-bottom: 50px;
    }
    .header--logo .header--logo__head{
        max-width: unset;
    }
    .topmenu--wrapper{
        background-color: #fff;
    }
    .topmenu{
        display: none;
        position: fixed;
        left: 0;
        top: 50px;
        z-index: 999;
        width: 100%;
        padding-left: 15%;
        padding-right: 15%;
        background-color: #fff;
        padding-top: 24px;
        box-sizing: border-box;
        border-radius: 20px;
        padding-bottom: 24px;
    }
    .topmenu a, .topmenu li a{
        color: #379425;
        font-size: 16px;
        font-weight: 700;
    }
    .topmenu.active{
        display: block;
    }
    .topmenu.active .header--city, .topmenu.active .header--mail{
        display: block;
        margin-bottom: 33px;
    }
    .submenu--wrapper{
        display: none;
    }

    #topmenu__close{
        display: block;
        position: absolute;
        right: 15%;
        color: #000;
        cursor: pointer;
        font-size: 14px;
        top: 24px;
    }
    .banner-wrapper{
        background-image: url("/img/firstscreen_bkg_tablet.png");
        background-position: center top;
        background-size: contain;
    }

    .banner{
        padding-top: 800px;
    }
    .banner-wrapper:before{
        top: 800px;
    }
    .banner__desc{
        max-width: unset;
    }
    .footer--top{
        flex-wrap: wrap;
    }
    .promo--wrapper{
        background-position-x: right;
    }
    .example:after{
        position: relative;
        display: block;
        top: unset;
        right: unset;
    }
    .example_diploma h3:before, .example_diploma h2:before, .example_diploma h1:before, .example_diploma .h3:before{
        left: calc(50% - 500px);
    }
    .howmake--steps{
        justify-content: center;
    }
    .howmake--steps>a{
        display: none;
    }
    .howmake--step{
        margin-bottom: 45px;
        margin-right: 45px;
    }
    .similar_wrapper:after{
        position: relative;
        display: block;
        top: unset;
        right: unset;
        margin: auto;
    }
    .feedback{
        flex-wrap: wrap;
        justify-content: center;
    }
    .feedback--left{
        margin-bottom: 55px;
    }
    .reviews--slide{
        max-height: unset;
    }
}

@media (max-width: 768px) {
    .slick-arrow{
        top: 110%;
        margin: auto;
    }
    .slick-prev{
        left: 50%;
        margin-left: -80px;
    }
    .slick-next{
        right: 50%;
        margin-right: -80px;
    }

    .banner-wrapper{
        background-position: center top;
        background-size: contain;
        background-image: url("/img/firstscreen_bkg_mob.png");
    }
    .banner {
        padding-top: 60vh;
    }
    .similar_wrapper:after{
        background-image: url("/img/also_mob.png");
        background-repeat: no-repeat;
        background-size: cover;
        height: 600px;
    }
    .banner-wrapper:before {
        top: 60vh;
    }
    .promo{
        max-height: unset;
        column-count: 1;
    }
    .banner__title span{
        font-size: 60px;
    }
    .example:after{
        width: 100%;
        height: 500px;
    }
    .faq{
        padding-bottom: 700px;
        background-position: bottom center;
        background-size: contain;
        margin-bottom: 60px;
    }
    .footer--city{
        display: none;
    }
    .header--phone, .header--phone__link{
        flex-grow: 1;
        font-size: 12px!important;
        align-self: center;
        align-items: center;
    }
}

@media (max-width: 480px) {

    .example_diploma h3:before, .example_diploma h2:before, .example_diploma h1:before, .example_diploma .h3:before{
        left: -20px;
        height: 55px;
    }
    .diplom--slider{
        max-width: 100vw;
    }
    .diplom--slider__image{
        max-width: 100vw;
    }
    .diplom--slider--thumbs{
        display: block;
    }

    .diplom--slider--wrapper{
        margin-bottom: 50px;
    }
    .header--city__text:after{
        right: unset;
        left: 70px;
    }
    h1, .banner__title, .banner__title span{
        font-size: 35px;
        font-style: italic;
        font-weight: 600;
        line-height: 45px;
        letter-spacing: 0em;
        text-align: left;

    }
    .promo{
        max-height: unset;
        column-count: 1;
    }
    .example:after{
        width: auto;
        height: 329px;
        background-size: contain;
    }
    .banner {
        padding-top: 60vh;
    }
    .banner-wrapper:before {
        top: 60vh;
    }

    .example h1, .example h2, .example_diploma h1, .diplom--buyblock h1{
        font-size: 35px;
        font-weight: 600;
        line-height: 48px;
        letter-spacing: 0em;
        text-align: left;
    }
    .example_diploma h2{
        font-size: 40px;
        font-weight: 700;
        line-height: 49px;
        letter-spacing: 0em;
        text-align: left;
    }
    .banner{
        padding-bottom: 20px;
    }
    .example {
        padding-top: 70px;
    }
    .example_diploma{
        margin-bottom: 30px;
    }
    .diplom--row{
        flex-wrap: wrap;
    }
    .header--phone__link{
        display: none;
    }
    .example_diploma h3, .example_diploma .h3, .request h3, .request .h3, .profession h3, .profession .h3, .similar h3, .similar .h3, .faq h3, .faq .h3, .howmake__head, .reviews h3, .reviews .h3{
        font-size: 35px;
        font-weight: 600;
        line-height: 48px;
        letter-spacing: 0em;
        text-align: left;

    }
    .request--wrapper{
        justify-content: center;
        margin-top: 50px;
    }
    .similar_wrapper:after{
        width: auto;
        height: 400px;
        display: block;
        background-size: contain;
    }

    .feedback--wrapper{
        margin: auto;
    }
    .feedback--right input{
        flex: 0 0 100%;
        max-width: unset;
    }
    .footer--menu{
        max-width: 70%;
        width: 70%;
        margin-bottom: 30px;
    }
    .footer--menu--wrapper{
        flex-wrap: wrap;
    }
    .citylist{
        max-height: unset;
    }
    .remodal{
        max-height: unset;
        max-width: 100vw;
    }
    .modal--zakaz .modal_form form, .modal--call .modal_form form{
        padding: 20px;
        margin: 0;
    }
    .ajax_form{
        margin-top: 40px;
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .form-group{
        flex: 0 0 100%;
    }
    .modal--zakaz .modal_form form button, .modal--call .modal_form form button{
        width: 90%;
    }
    .modal--zakaz .modal_form form input, .modal--call .modal_form form input{
        width: 100%;
        /*box-sizing: unset;*/
        margin-left: 0;
    }
    .modal--zakaz .modal_form form .textarea, .modal--call .modal_form form .textarea{
        flex: 0 0 100%;
        box-sizing: border-box;
    }
    .modal--zakaz .modal_form .form_header, .modal--call .modal_form .form_header{
        padding-bottom: 10px;
    }
    .modal--zakaz .modal_form .form_header p, .modal--call .modal_form .form_header p{
        font-size: 16px;
    }
    .diplom--gradient{
        margin-right: auto;
        width: 100%;

    }
    .diplom--cart{
        padding: 15px;
        width: 100%;
        box-sizing: border-box;
    }
    .diplom--cart__button{
        margin: auto;
    }
    .diplom--cart__button{
        max-width: 100%;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: left;

    }
    .faq ul li:after{
        font-size: 35px;
    }
    .header {
        width: 100%;
        padding: 0;
        /*box-sizing: border-box;*/
    }
    .topmenu{
        padding: 15px;
    }
    .header--phone{
        padding-left: 20px;
    }
    .header--mail img, .header--phone img{
        max-width: 12px;
    }
    .header--logo .header--logo__head{
        font-size: 8px;
        font-weight: 400;
        line-height: 10px;
        letter-spacing: 0em;
        text-align: left;

    }
    .header--mail, .header--phone {
        font-size: 8px;
        font-weight: 500;
        line-height: 10px;
        letter-spacing: 0em;
        text-align: left;
    }
    .header--mail__head{
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 5px;
    }
    .header--mail__link, .header--phone__link{
        font-size: 8px;
        font-weight: 700;
        line-height: 10px;
        letter-spacing: 0em;
        text-align: left;

    }
    .header--logo__image{
        max-width: 56px;
        margin: auto;
    }
    .header--logo {
        max-width: 116px;
    }
}
@media (max-width: 470px) {
    section {
        padding: 0 10px;
    }
    .footer--menu--wrapper{
        justify-content: center;
    }
    .diplom--cart{
        padding-top: 0;
    }
    .diplom--cart__title a{
        font-size: 18px;
        font-weight: 600;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: center;

    }
    .header--mail img, .header--phone img{
        margin-top: -6px;
    }
    .diplom--cart__price{
        font-size: 25px;
        font-weight: 900;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;

    }
    .diplom--cart__ul ul{
        margin-left: 0;
    }
    .diplom--cart__ul ul li{
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;

    }

    .footer--logo{
        flex: 0 0 100%;
    }

    .topmenu .header--mail img, .topmenu .header--phone img{
        margin-top: -10px;
    }
    .topmenu .header--phone {
        margin-bottom: 30px;
    }

   .topmenu .header--phone__head a{
       margin-bottom: 10px;
       font-size: 14px;
       font-weight: 400;
       line-height: 17px;
       letter-spacing: 0em;
       text-align: left;
        color: #000;
       display: block;
   }
    .topmenu li{
        padding: 11px 30px;

    }

    #topmenu__close{
        right: 20px;
        z-index: 9999;
        font-style: 20px;
    }
    .topmenu > div{

        padding: 17px 30px;
        padding-left: 40px;
        margin-right: 0;
        margin-left: 30px;

    }
    .topmenu.active .header--city, .topmenu.active .header--mail{
        margin-bottom: 10px;
    }
    .topmenu .header--mail img, .topmenu .header--phone img{
        max-width: 30px;
    }
    .topmenu.active .header--city{
        margin-left: 0;
    }
    .header--burger{
        /*margin: auto;*/
    }
    .banner {
        padding-top: 60vh;
    }
    .banner-wrapper:before {
        top: 60vh;
    }
    .header {
        width: 100%;
    }

    .banner-wrapper{
        background-position: center top;
    }
    .banner-wrapper:before{
        height: 47px;
    }
    h1, .banner__title{
        margin-bottom: 30px;
    }
    .banner__desc{
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 30px;
    }
    .banner__button a{
        font-size: 20px;
        font-weight: 800;
        letter-spacing: 0em;
        text-align: left;
    }
    .promo > div{
        font-size: 18px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 0em;
        text-align: left;
    }
    .example {
        padding-top: 70px;
    }
    .example:before, .request:before, .profession:before, .similar_wrapper:before, .reviews_wrapper:before, .feedback--wrapper:before{
        height: 39px;
        margin-top: 5px;
    }
    .profession:before{
        top: 2px;
    }
    .similar_wrapper:before{
        top: 0;
    }
    .example p{
        font-size: 20px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;

    }
    .profession h3, .profession .h3{
        margin-bottom: 50px;
    }
    .similar_wrapper{

    }
    .similar_wrapper:after{
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

    }
    .similar {
        margin-top: 50px;
    }
    .similar h3, .similar .h3{
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: 600;
        line-height: 41px;
        letter-spacing: 0em;
        text-align: left;

    }
    .similar ul li{
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0em;
        text-align: left;

    }
    .howmake__head{
        text-align: center;
        line-height: normal;
        font-size: 30px;
        margin: auto;
    }
    .howmake__head span{
        display: block;
        margin: auto;
    }
    .howmake--step{
        width: 100%;
        height: auto;
        background-size: 246px;
        margin-right: 0;
        background-position: center;
        background-repeat: no-repeat;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 25px;
    }
    .faq ul li{
        font-size: 14px;
        font-weight: 600;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;

    }
    .faq ul li.active p{
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
        text-align: left;
    }
    .faq_wrapper{
        margin-bottom: 60px;
        padding-bottom: 0px;
    }
    .faq{
        padding-bottom: 300px;
        margin: auto;
        background-position: center 100%;
    }
    .footer{
        margin-top: 10px;
    }
    .footer--logo{
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
    }
    .footer--logo .footer--logo__image{
        max-width: 97px;
    }
    .footer--logo__head{
        margin-top: 0;
    }
    .footer--menu--wrapper{
        margin-top: 30px;
    }
    .feedback--right{
        max-width: 100%;
    }
    .feedback--left__title{
        font-size: 25px;
        font-style: italic;
        font-weight: 600;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: center;

    }
    .feedback--left a, .feedback--left__request, .feedback--left p{
        margin-left: 0;
        margin: 0 auto;
        margin-top: 30px;
    }
}