*{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}




.header{
    background-color: #121415;
    padding: 35px 0;
    margin-bottom: 46px;
}

.container{
    width: 1060px;
    margin: auto;
}

.container__main{
    width: 896px;
    margin: auto;
}

.logo{
    color: #f89513;
    font-size: 18px;
    text-transform: uppercase;
    
}

.menu__list{
    list-style: none;
    display: flex;
}

.menu__link{
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: left center;
}

.menu__list-item{
    margin-right: 28px;
}


.menu__list-item:last-child{
    margin-right: 0;
}

.contacts-tel{
    font-size: 21px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.work-time{
    font-size: 14px;
    color: #f89513;
    text-align: right;
    text-decoration: underline;
}

.main{
    background-image: url(images/main_icon.png);
}

.feed{
    background-image: url(images/feed_icon.png);
}

.service{
    background-image: url(images/service_icon.png);
}

.flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.breadcrumbs{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    margin-bottom: 28px;
    list-style: none;
    display: flex;
    
}

.breadcrumbs-main{
    color: #f9aa42;
}

.breadcrumbs-feedback:before{
    content: "/";
    color: #4e4c4c;
}

.breadcrumbs-feedback{
    color: #4e4c4c;
    text-decoration: none;
}

.feedback{
    width: 867px;
}

.title{
    color: #221f1f;
    text-transform: uppercase;
    font-size: 49px;    
    font-weight: bold;
    margin-bottom: 50px;
}



.feedback__list-item{
    display: flex;
    justify-content: space-between;
    padding-bottom: 31px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 44px;

}

.left{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 22px;
}

.right{
    width: 688px;
    font-family: Arial, Helvetica, sans-serif;
}

.date{
    font-size: 13px;
    color: #656464;
    margin-bottom: 10px;
}

.name{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.info{
    font-size: 18px;
    color: #221f1f;
}

.man1{
    background-image: url(images/man1.png);
}

.girl1{
    background-image: url(images/girl1.png);
}

.girl2{
    background-image: url(images/VectorSmartObject.png);
    background-size: 100px;
}

.girl3{
    background-image: url(images/girl3.png);
}

.feedback__list-item:last-child{
    margin-bottom: 0;
}


.pagination{
    margin-top: 57px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination-info{
    font-size: 14px;
    font-weight: light;
    color: #989898;
}

.pagination__list{
    list-style: none;
    display: flex;
    margin-left: 39px;
}

.pagination__list-item{
    padding: 7px 10px;
    border-radius: 2px;
    margin-right: 2px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
   
}

.pagination__list-item:nth-child(1){
    background-color: #131415;
    color: #f89513;
}



.pagination-page{
    text-decoration: none;
    
}

.this{
    color: #f89513;
}

.other{
    color: #131415;
}


.pagination__list:before{
    content: url(images/left.png);
    position: relative;
    left: -16px;
    top: 5px;
}

.pagination__list::after{
    content: url(images/right.png);
    position: relative;
    left: 20px;
    top: 5px;
}


.under__info{
    margin-top: 60px;
    height: 165px;
    background-color: #131415;
    background-image: url(images/pattern.png);
    display: flex;
    justify-content: center;
    align-items: center;
}


.under__info-text{
    height: 107px;
    width: 585px;
    font-size: 18px;
    color: #ffffff;
}

.under__info-text:after{
    content: "Ждем ваших заявок!";
    color: #f89513;
    font-size: 18px;
}

.comments-form{
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
    margin-top: 75px;
}

.form{
    background-color: #f5f5f5;
    padding: 50px 70px;
}

.title-block{
    font-size: 49px;
    font-weight: 700;
    margin-bottom: 25px;
}

.form-row{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.form-item__title{
    color: #221f1f;
    font-weight: 100;
    margin-bottom: 10px;
}

.form-item__input{
    width: 270px;
    padding: 16px 8px;
    box-sizing: border-box;
    border-width: 0;
    outline-color: #f89513;
    outline-width: 1px;
}

.container_small{
    width: 700px;
}

.form-item__text{
    width: 560px;
    height: 90px;
    box-sizing: border-box;
    padding: 10px;
    color: #989898;
    resize: none;
    outline-color: #f89513;
    outline-width: 1px;
    border: none;
}

.form-item__input-button{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f5f5f5;
    background-color: #131415;
    border-width: 0;
    border-radius: 5px;
    width: 125px;
    height: 45px;
}


.form-item__input-radio{
    position: absolute;
    left: -9999px;
}

.radio--fake-button{
    width: 20px;
    height: 20px;
    border: 1px solid #dddcdc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.radio--fake-button:before{
    content: "";
    width: 0px;
    height: 0px;
    display: flex;
    background-color: #f89513;
    border-radius: 50%;
}

.form-item__input-radio:checked + .radio--fake-button:before{
    width: 8px;
    height: 8px;
}

.form-buttons{
    display: flex;
}

.form-buttons label{
    display: flex;
    margin-right: 20px;
}


.footer{
    background-color: #121415;
    height: 75px;
    padding-top: 15px;
}

.footer__info-text{
    font-size: 14px;
    width: 240px;
    color: #ffffff;
}

.footer__info span{
    font-weight: bold;
    color: #ffffff;
    font-size: 14px;
}

.footer__links-img{
    display: flex;
    margin-top: 12px;
}

.footer__links-text{
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.footer__links-pic{
    width: 20px;
    height: 20px;
    background-color: #d0d0d0;
    border-radius: 50%;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    
}

.vk{
    background-image: url(images/vk.png);
}

.mail{
    background-image: url(images/mail.png);
}

.google{
    background-image: url(images/google.png);
}