/* * * Reviews :: filter * * */
.b-reviews_filter { position: relative; margin-bottom: 30px; cursor: default; }

.b-reviews_filter_item { display: inline-block; position: relative; }
.b-reviews_filter_item_label { display: inline-block; font: 400 14px 'Open Sans', sans-serif; color: #8591A2; }

.b-reviews_filter_drop { display: inline-block; position: relative; font: 400 14px 'Open Sans', sans-serif; }

.b-reviews_filter_drop_toggle { display: block; position: relative; padding-right: 18px; font: 400 14px 'Open Sans', sans-serif; color: #FB6A95; transition: all 250ms; cursor: pointer; }
.b-reviews_filter_drop_toggle:before { position: absolute; right: 0; top: 50%; margin-top: -1px; border-top: 5px solid #FB6A95; border-left: 5px solid transparent; border-right: 5px solid transparent; transition: all 250ms; content: ''; }

.b-reviews_filter_drop_toggle span { padding-bottom: 1px; border-bottom: 1px dotted rgba(251, 106, 149, .65); transition: border 250ms; }
.b-reviews_filter_drop_toggle:hover span { border-bottom-style: dashed; }

.b-reviews_filter_drop_box { position: absolute; z-index: 100; left: -24px; top: 100%; margin-top: 6px; padding: 24px; white-space: nowrap; background: #fff; border-radius: 4px; box-shadow: 0 4px 16px rgba(0, 0, 0, .12); box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0ms, visibility 0ms, transform 0ms; cursor: default; }

.b-reviews_filter_drop.opened .b-reviews_filter_drop_box { opacity: 1; visibility: visible; }
.b-reviews_filter_drop.opened .b-reviews_filter_drop_toggle:before { transform: rotate(-180deg); }

.b-reviews_filter_drop_list { list-style: none; }
.b-reviews_filter_drop_list li ~ li { margin-top: 10px; }

.b-reviews_filter_drop_list a { text-decoration: none; color: #4F4F4F; }

.b-reviews_filter_drop_list a:hover,
.b-reviews_filter_drop_list a.current { color: #FB6A95; }

.b-reviews_filter_stars_wg { display: inline-block; vertical-align: -4px; position: relative; margin-left: 28px; margin-right: 85px; width: 175px; height: 24px; background: #F9F9F9 url('./img/rating-filter-star-empty.svg') left top / auto 100% repeat-x; cursor: pointer; }
.b-reviews_filter_stars_wg_select { position: absolute; left: 0; top: 0; bottom: 0; width: 0; height: 100%; max-width: 100%; overflow: hidden; background: inherit; background-image: url('./img/rating-filter-star.svg'); pointer-events: none; }

.b-reviews_filter_stars_wg_result { position: absolute; right: -85px; top: 4px; margin-left: 10px; font: 600 18px/1 'Open Sans', sans-serif; white-space: nowrap; color: #4F4F4F; pointer-events: none; }

@media (min-width: 1200px) {

    .b-reviews_filter_item:first-child { float: left; }
    .b-reviews_filter_item:last-child { float: right; }

}

@media (max-width: 1199px) {

    .b-reviews_filter { margin-bottom: 4px; }
    .b-reviews_filter_item { margin: 0 20px 22px 0; }

}

@media (max-width: 767px) {

    .b-reviews_filter { margin-bottom: 0; }
    .b-reviews_filter_item { display: block; margin: 0 0 26px 0; }

    .b-reviews_filter_stars_wg { display: block; margin: 8px 0 0; }

    .b-reviews_filter_drop { position: static; }
    .b-reviews_filter_drop_box { left: 0; right: 0; width: auto; max-width: none; white-space: normal; }

}


/* * * Reviews :: add block * * */
.b-reviews_add { position: relative; padding: 22px 22px 24px; background: #fff; border: 1px dashed #FB6A95; border-radius: 4px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16); box-sizing: border-box; }

.b-reviews_add_label { font: 700 24px 'Open Sans', sans-serif; color: #000; }
.b-reviews_add_btn { margin-top: 25px; padding: 15px 18px 17px; font-size: 20px; line-height: 1; border-radius: 4px; }


/* * * Reviews :: items * * */
.b-review { position: relative; padding: 26px 40px 50px; font: 400 18px/1.888888888888889 'Open Sans', sans-serif; letter-spacing: 0.25px; color: #37474F; background: #fff; border: 1px solid rgba(0, 0, 0, .12); border-radius: 10px; box-sizing: border-box; cursor: default; }
.b-review ~ .b-review { margin-top: 24px; }

.b-review_header { margin-bottom: 16px; }
.b-review_header_assessment { display: inline-block; vertical-align: 1px; margin-left: 20px; font: 400 24px/1 'Open Sans', sans-serif; color: #000; }

.b-review_header_stars { display: inline-block; position: relative; width: 125px; height: 20px; background: #fff url(./img/rating-filter-star-empty-sm.svg) left top / 25px 20px repeat-x; }
.b-review_header_stars_bar { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 0; height: 100% ; margin: 0 !important; padding: 0 !important; background: #fff url(./img/rating-filter-star-sm.svg) left top / 25px 20px repeat-x; }

.b-review_header_stars_bar_1 { width: 20%; }
.b-review_header_stars_bar_2 { width: 40%; }
.b-review_header_stars_bar_3 { width: 60%; }
.b-review_header_stars_bar_4 { width: 80%; }
.b-review_header_stars_bar_5 { width: 100%; }

.b-review_header_checked { position: relative; float: right; margin-top: 6px; padding-left: 32px; font: 700 14px/1 'Open Sans', sans-serif; letter-spacing: 0.25px; color: #6FCF97; }
.b-review_header_checked:before { position: absolute; left: 0; top: -4px; width: 18px; height: 21px; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIyMXB4IiB2aWV3Qm94PSIwIDAgMTggMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuOTc5MDYzLDUuNjk3ODI2NSBMMTcuOTc4MzU4NCw1LjY4MTQ4NjUgQzE3Ljk2OTE5ODcsNS40Nzk3NzY1IDE3Ljk2MzA1ODYsNS4yNjYzNjY1IDE3Ljk1OTMzNDMsNS4wMjg5MjY1IEMxNy45NDIxMjIxLDMuODcxMDM2NSAxNy4wMTU1NzkzLDIuOTEzMjY2NSAxNS44NDk5Nzc0LDIuODQ4NTM2NSBDMTMuNDE5NjI3LDIuNzEzNzk2NSAxMS41Mzk1NjU2LDEuOTI2NDg2NSA5LjkzMzE4OSwwLjM3MDk0MTUgTDkuOTE5NDk5NzIsMC4zNTc5NjQ1IEM5LjM5NTUwMjI5LC0wLjExOTMyMTUgOC42MDUxMjc1OCwtMC4xMTkzMjE1IDguMDgwOTk5MjksMC4zNTc5NjQ1IEw4LjA2NzI4OTg4LDAuMzcwOTQxNSBDNi40NjA4OTMyLDEuOTI2NDg2NSA0LjU4MDgzMTcxLDIuNzEzNzk2NSAyLjE1MDUxMTUyLDIuODQ4Njk2NSBDMC45ODUwMjAzNTQsMi45MTMyNjY1IDAuMDU4MzcxODg3OCwzLjg3MTAzNjUgMC4wNDExMTYzNDk4LDUuMDI5MDg2NSBDMC4wMzc1NjgyMDkzLDUuMjY0OTI2NSAwLjAzMTI3ODE4NjcsNS40NzgzMzY1IDAuMDIyMDg2MjM4MSw1LjY4MTQ4NjUgTDAuMDIxMTE4OTI5NSw1LjcxOTQ1NjUgQy0wLjAyNjEzMzI0MjMsOC4xODE1MTY1IC0wLjA4NDgzNTA4NzEsMTEuMjQ1NjQ2NSAwLjk0Njk2MjE0NCwxNC4wMjY4NDY1IEMxLjUxNDMwMjI1LDE1LjU1NjI0NjUgMi4zNzM1NDYxMiwxNi44ODU3NDY1IDMuNTAwNjQ2OSwxNy45Nzg2NDY1IEM0Ljc4NDM0OTAyLDE5LjIyMzE0NjUgNi40NjU3MzQ3NywyMC4yMTEyNDY1IDguNDk4MDM5MTYsMjAuOTE1MjQ2NSBDOC41NjQxNjA0LDIwLjkzODE0NjUgOC42MzI4NTg0NCwyMC45NTY3NDY1IDguNzAyODU0OTQsMjAuOTcwNjQ2NSBDOC44MDE1NDg2MSwyMC45OTAyNDY1IDguOTAwODg2NDcsMjAuOTk5OTQ2NSA5LjAwMDIzNDQxLDIwLjk5OTk0NjUgQzkuMDk5NTcyMjcsMjAuOTk5OTQ2NSA5LjE5OTA3MTE5LDIwLjk5MDI0NjUgOS4yOTc2MTM4NywyMC45NzA2NDY1IEM5LjM2NzYwMDMxLDIwLjk1Njc0NjUgOS40MzY3ODE1LDIwLjkzNzk0NjUgOS41MDMyMjQ4NCwyMC45MTQ5NDY1IEMxMS41MzMxMjM1LDIwLjIwOTY0NjUgMTMuMjEyNzc4LDE5LjIyMTA0NjUgMTQuNDk1MzQyNywxNy45NzY2NDY1IEMxNS42MjE4ODk5LDE2Ljg4MzU0NjUgMTYuNDgxMTk0MSwxNS41NTM3NDY1IDE3LjA0ODk5NzMsMTQuMDIzOTQ2NSBDMTguMDg0NjUxNiwxMS4yMzQ0NDY1IDE4LjAyNjA2OTYsOC4xNjQ1MjY1IDE3Ljk3OTA2Myw1LjY5NzgyNjUgWiBNOSwxNS4yIEM2LjEzMjYzNjkyLDE1LjIgMy44LDEyLjg2NzMyNzggMy44LDEwIEMzLjgsNy4xMzI2MzI0NiA2LjEzMjYzNjkyLDQuOCA5LDQuOCBDMTEuODY3MjI0LDQuOCAxNC4yLDcuMTMyNjMyNDYgMTQuMiwxMCBDMTQuMiwxMi44NjczMjc4IDExLjg2NzIyNCwxNS4yIDksMTUuMiBaIiBmaWxsPSIjNkZDRjk3IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD48cGF0aCBkPSJNOS4wMDEyNjUsNiBDNi43OTQ5MTUsNiA1LDcuNzk0OTExIDUsMTAuMDAxMTExIEM1LDEyLjIwNzQ2MSA2Ljc5NDkxNSwxNC4wMDIzNzEgOS4wMDEyNjUsMTQuMDAyMzcxIEMxMS4yMDc0NTUsMTQuMDAyMzcxIDEzLjAwMjM3NSwxMi4yMDc0NjEgMTMuMDAyMzc1LDEwLjAwMTExMSBDMTMuMDAyMzc1LDcuNzk0OTExIDExLjIwNzQ1NSw2IDkuMDAxMjY1LDYgWiBNMTEuMzc2ODA1LDkuMjQ3NjAxIEw4LjUxMDM2NSwxMi4xMTQwNTEgQzguMzkwMDM1LDEyLjIzNDM3MSA4LjIzMjIyNSwxMi4yOTQ2MjEgOC4wNzQ1NjUsMTIuMjk0NjIxIEM3LjkxNjkxNSwxMi4yOTQ2MjEgNy43NTkyNjUsMTIuMjM0NTMxIDcuNjM4OTM1LDEyLjExNDA1MSBMNi41NDM1MzUsMTEuMDE4NjUxIEM2LjMwMjg4NSwxMC43NzgxNjEgNi4zMDI4ODUsMTAuMzg4MDMxIDYuNTQzNTM1LDEwLjE0NzM4MSBDNi43ODQwMTUsOS45MDY3NDEgNy4xNzQxNDUsOS45MDY3NDEgNy40MTQ3OTUsMTAuMTQ3MzgxIEw4LjA3NDU2NSwxMC44MDcxNjEgTDEwLjUwNTU0NSw4LjM3NjM0MSBDMTAuNzQ2MDM1LDguMTM1NzAxIDExLjEzNjE2NSw4LjEzNTcwMSAxMS4zNzY4MDUsOC4zNzYzNDEgQzExLjYxNzQ1NSw4LjYxNjgzMSAxMS42MTc0NTUsOS4wMDY5NjEgMTEuMzc2ODA1LDkuMjQ3NjAxIFoiIGZpbGw9IiM2RkNGOTciIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPjwvc3ZnPg==) center center no-repeat; content: ''; }

.b-review_author { margin-top: 20px; color: #8591A2; }

.b-review_author a { text-decoration: underline; color: inherit; }
.b-review_author a:hover { color: #FB6A95; }

.b-review_answer { position: relative; margin-top: 40px; }

.b-review_answer_pic { display: block; position: relative; top: 4px; float: left; width: 60px; height: 60px; text-decoration: none; color: inherit; background: #F9F9F9; box-sizing: border-box; border-radius: 50%; overflow: hidden; }
.b-review_answer_pic img { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; backface-visibility: hidden; }

.b-review_answer_pic ~ * { margin-left: 88px; }

@media (max-width: 767px) {

    .b-review { margin-bottom: 24px; padding: 28px 20px 24px; font: 400 14px/1.785714285714286 'Open Sans', sans-serif; }

    .b-review_header { margin-bottom: 20px; }

    .b-review_header_assessment { display: none; }
    .b-review_header_checked { margin-top: 4px; }

    .b-review_author { margin-top: 10px; }

    .b-review_answer_pic { top: -4px; width: 51px; height: 51px; }
    .b-review_answer_pic ~ * { margin-left: 70px; }

}

