.feedback {
    padding-top: 134px;
    padding-bottom: 134px;
}

.feedback-container.container {
    padding-left: 150px;
    padding-right: 150px;
    max-width: 1270px;
}

.feedback-item{
    position: relative;
    display: flex;
    align-items: stretch;
    background-color: #F5F4F3;
    border-radius: 20px;
    min-height: 700px;
    max-width: 100%;
}

.feedback-photo {
    flex: 0 0 40%;
    max-width: 40%;
    position: relative;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.feedback-photo .bg {
    z-index: 10;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}

.feedback-photo .bg img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.feedback-data {
    flex: 0 0 60%;
    max-width: 60%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 97px;
    padding-right: 65px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    box-sizing: border-box;
}

.feedback-header {
    padding-bottom: 20px;
    border-bottom: 3px solid #EE9E43;
    margin-bottom: 20px;
}

.feedback-header h3  {
    font-weight: 700;
    font-family: MuseoSansCyrl-700, sans-serif;
    font-size: 42px;
    margin-bottom: 4px;
}

.feedback-header p {
    font-weight: 500;
    font-family: MuseoSansCyrl-500, sans-serif;
    font-size: 24px;
    margin-bottom: 4px;
}

.feedback-header p:last-child {
    margin-bottom: 0;
}

.feedback-body {
    margin-bottom: 60px;
}

.feedback-body p {
    font-weight: 300;
    font-family: MuseoSansCyrl-300, sans-serif;
    font-size: 18px;
    line-height: 1.5;
}

.feedback-company {
    display: flex;
    align-items: center;
}

.feedback-company--logo {
    flex: 0 0 43px;
    max-width: 43px;
    margin-right: 22px;
}

.feedback-company--name span {
    flex: 0 0 calc(100% - 43px);
    max-width: calc(100% - 43px);
    font-weight: 500;
    font-family: MuseoSansCyrl-500, sans-serif;
    font-size: 24px;
}

.feedback-nav-button {
    /*position: absolute;*/
    background: #F5F4F3;
    /*box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);*/
    border: none;
    font-size: 0;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTJweCIgaGVpZ2h0PSIzMXB4IiB2aWV3Qm94PSIwIDAgNTIgMzEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZSBDb3B5IDQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i0J7QsdC+0YDRg9C00L7QstCw0L3QuNC1X9C00LXRgdC60YLQvtC/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTM0LjAwMDAwMCwgLTg3Mi4wMDAwMDApIiBmaWxsPSIjRkZBODAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNOTQ1LDg4Ny41IEM5NDUsODg3LjA1NzExNCA5NDUuMTcxODIxLDg4Ni42NjUzMzEgOTQ1LjUxNTQ2NCw4ODYuMzI0NjQ5IEw5NjkuNTM2MDgyLDg2Mi41MTEwMjIgQzk2OS44Nzk3MjUsODYyLjE3MDM0MSA5NzAuMjc0OTE0LDg2MiA5NzAuNzIxNjQ5LDg2MiBDOTcxLjE2ODM4NSw4NjIgOTcxLjU2MzU3NCw4NjIuMTcwMzQxIDk3MS45MDcyMTYsODYyLjUxMTAyMiBMOTc0LjQ4NDUzNiw4NjUuMDY2MTMyIEM5NzQuODI4MTc5LDg2NS40MDY4MTQgOTc1LDg2NS43OTg1OTcgOTc1LDg2Ni4yNDE0ODMgQzk3NSw4NjYuNjg0MzY5IDk3NC44MjgxNzksODY3LjA3NjE1MiA5NzQuNDg0NTM2LDg2Ny40MTY4MzQgTDk1NC4yMjY4MDQsODg3LjUgTDk3NC40ODQ1MzYsOTA3LjU4MzE2NiBDOTc0LjgyODE3OSw5MDcuOTIzODQ4IDk3NSw5MDguMzE1NjMxIDk3NSw5MDguNzU4NTE3IEM5NzUsOTA5LjIwMTQwMyA5NzQuODI4MTc5LDkwOS41OTMxODYgOTc0LjQ4NDUzNiw5MDkuOTMzODY4IEw5NzEuOTA3MjE2LDkxMi40ODg5NzggQzk3MS41NjM1NzQsOTEyLjgyOTY1OSA5NzEuMTY4Mzg1LDkxMyA5NzAuNzIxNjQ5LDkxMyBDOTcwLjI3NDkxNCw5MTMgOTY5Ljg3OTcyNSw5MTIuODI5NjU5IDk2OS41MzYwODIsOTEyLjQ4ODk3OCBMOTQ1LjUxNTQ2NCw4ODguNjc1MzUxIEM5NDUuMTcxODIxLDg4OC4zMzQ2NjkgOTQ1LDg4Ny45NDI4ODYgOTQ1LDg4Ny41IFoiIGlkPSJTaGFwZS1Db3B5LTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk2MC4wMDAwMDAsIDg4Ny41MDAwMDApIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTk2MC4wMDAwMDAsIC04ODcuNTAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: 1.5rem 1.5rem;
    -moz-background-size: 1.5rem;
    -o-background-size: 1.5rem;
    background-size: 1.5rem;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.feedback-nav-button--prev {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

    left: -114px;
}

.feedback-nav-button--next {
    right: -114px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (max-width: 1200px) {
    .feedback-container.container {
        padding-left: 100px;
        padding-right: 100px;
    }

    .feedback-item {
        min-height: 600px;
    }

    .feedback-data {
        padding: 50px;
    }

    .feedback-nav-button--prev {
        left: -80px;
    }

    .feedback-nav-button--next {
        right: -80px;
    }
}

@media (max-width: 900px) {
    .feedback-item {
        min-height: auto;
    }

    .feedback-item {
        flex-direction: column;
    }

    .feedback-photo {
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 300px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 20px;
    }

    .feedback-data {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .feedback-data {
        padding: 40px;
    }
}

@media (max-width: 568px) {
    .feedback{
        padding-top: 50px;
    }

    .feedback-container.container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .feedback-nav-button--prev {
        left: auto;
        right: calc(50% + 9px);
    }

    .feedback-nav-button--next {
        right: auto;
        left: calc(50% + 9px);
    }

    .feedback-nav-button--prev,
    .feedback-nav-button--next {
        top: auto;
        bottom: -82px;
    }

    .feedback-photo {
        min-height: 230px;
    }

    .feedback-data {
        padding: 20px 24px;
    }

    .feedback-header h3 {
        font-size: 24px;
    }
    .feedback-header p {
        font-size: 16px;
    }

    .feedback-body {
        margin-bottom: 24px;
    }

    .feedback-company--name span {
        font-size: 16px;
    }
}