.product-feedback { padding: 2rem; } .product-feedback .top-block .title-wrap { font-family: FuturaDemiC, Arial, serif; text-transform: uppercase; } .product-feedback .top-block .title-wrap h2 { margin-top: 1.5rem; } .product-feedback .top-block .total-rating { display: inline-block; margin-top: 1.4rem; } .product-feedback .top-block .total-rating-value { display: inline-block; font-family: FuturaDemiC, Arial, serif; font-size: 2rem; margin-left: 1.2rem; margin-top: 1.2rem; } .product-feedback .new-response-wrap { margin-bottom: 4rem; } .product-feedback .new-response-wrap .modal .modal-dialog { width: 43rem !important; } .product-feedback .new-response-wrap .modal .modal-dialog p { margin: -10px 0 15px; } .product-feedback .new-response-wrap .modal .modal-dialog .btn { color: #fff !important; background: #D34D49 !important; position: relative; margin-left: -41px; left: 50%; } .product-feedback .new-response-wrap textarea { border-radius: 0.6rem; resize: none; height: 13.6rem; } .product-feedback .new-response-wrap .new-response-bottom { white-space: nowrap; } .product-feedback .new-response-wrap .new-response-bottom .new-response-rating-wrap { margin-top: 1rem; } .product-feedback .new-response-wrap .new-response-bottom .new-response-rating-wrap .new-response-rating { display: inline-block; margin-left: 1rem; } .product-feedback .new-response-wrap .new-response-bottom .submit-btn { height: 4rem; width: 16rem; line-height: 3.4rem; padding: 0 1.2rem; color: #ffffff; background-color: #D34D49; text-transform: uppercase; } .product-feedback .responses .sorter { display: inline; padding: 0; } .product-feedback .responses .sorter li { display: inline-block; padding: 0 3px; } .product-feedback .responses .sorter li a { text-decoration: underline; } .product-feedback .responses .sorter li a.asc, .product-feedback .responses .sorter li a *.desc { font-weight: bold; } .product-feedback .responses .response { margin-top: 2rem; border: solid 0.1rem #929292; border-radius: 0.6rem; text-align: left; padding: 1rem 2rem; } .product-feedback .responses .response .response-footer { margin-top: 3.6rem; text-align: center; position: relative; } .product-feedback .responses .response .response-footer .response-rating { position: absolute; top: -0.2rem; left: 0; } .product-feedback .responses .response .response-footer .response-date { color: #929292; } .product-feedback .responses .response .response-footer .response-usefull { position: absolute; top: 0; right: 0; } .product-feedback .responses .response .response-footer .response-usefull-variants { margin-left: 5px; } .product-feedback .responses .response .response-footer .response-usefull-variants .variant { color: #D34D49; } @media screen and (max-width: 719px) { .product-feedback .responses .response .response-footer .response-usefull { top: -20px; } .product-feedback .responses .response .response-footer .response-usefull-variants { display: block; } } .product-feedback .responses .response-answer { color: #000; background: #f6f7f9; border: 1px solid #ececec; border-radius: 5px; font-size: 14px; line-height: 17px; position: relative; margin: 20px 0 20px 160px; padding: 12px 18px; } .product-feedback .responses .response-answer:before { content: ''; display: block; width: 46px; height: 47px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAvCAMAAACrOwigAAABNVBMVEXfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCLfJCJ+zjo0AAAAZnRSTlMA4REBDMz761n4OQu+D+ovcq/EbN751vPLAuMkIxQ3WHlgEpSXNh8F3/Xw/KFxFSqidRadgbfp7nZjqg5RCbh3wJlbIhdKeC3FRNzseg0EHP6VrX2uJUNrk7uFzsc/0uDV73MGjoOwX7R5AAABHklEQVR4Xu3RtXLDQBSF4Y1XERhjjDGGMDMzMzPzff9HiO46hUcwc9Kl8F9qvnOLlQjYRQQc2bX8K97kTT6L8wGb6zhPkd0izMPMu2HexbwK8yTzSZjHmPfBXBrsO2A/xLwT5vvM22soz+XZTwm0NnX+FOUhg/3F387TPMp7M8z7Y6gPDrLP96C+QlyqAHI5rfwM+nMjL8pbw9J1KeTlRzKkCo86/di412AiS6r0etHxDhSd09xeW6B6enxpudGvEEVXPQZJi36z1h42gptbAdU22Rk77sHuHvlnVFwDaR6Qf4dHx87BiZk48+P6eUm4K14mdC99dS180m5u7+L32VbVo8JPzwKrbONXU4I690bvH58CrZz+Kgk4+V1oAD/hJ4S30RvRVAAAAABJRU5ErkJggg==) no-repeat; position: absolute; left: -100px; top: 8px; } .product-feedback .responses .response-answer span { color: #929292; display: block; margin-top: 18px; }