

/* Start:/bitrix/templates/redesign2024/components/dev_namespace/reviews.list/rev_photos/style.css?172855872116076*/
.all-review {
        border-radius: var(--border-radius-main);
        border: 1px solid var(--color-light-grey);
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
        width: 100%;
        background-color: #fff;
        min-height: 250px;
        box-shadow: var(--box-shadow-fix-top);
        transition: box-shadow 0.2s ease-in-out; 
    }
    .all-review:hover{
        box-shadow: 2px 4px 7px 4px lightgrey;
    }
    .review{
        width: 72%;
        float: left;
        padding: 10px;
    }
    .tovar{
        width: 28%;
        float: left;
        text-align: center;
        padding: 10px;
        height: 100%;
    }
    .tovar-picture img {
        border: 1px solid var(--color-dark-grey);
        border-radius: var(--border-radius-main);
        max-width:100%;
    }
    .add-picture img {
        border: 1px solid var(--color-dark-grey);
        border-radius: var(--border-radius-main);        
    }
    .author-name-review{
        font-size: var(--font-size-s);
        color: #000;
    }
    .author-date-review{
        font-size: var(--font-size-s-fixed);
        color: #c4c4c4;
        padding-bottom: 10px        
    }
    .main_review{
        width: 80%;
        float: left;
    }
    .main_rating{
        width: 20%;
        float: left;
        padding-left: 12px;
        position: relative;
        min-height: 227px;
        border-left: 1px solid #d3d6d8;
    }
    .author{
        height: 69px;
    }
    .text-review{
        height: auto;
        padding-right: 13px;
        overflow: hidden;
        text-align: justify;
    }
    .with-button{
        height: 190px;
    }
    .full {
        height: auto !important;
        }
    .hide {
         display: none;
        }
    .visible {
         display: block; 
        }
    .tovar-name{
        font-weight: bolder;
        text-transform: uppercase;
    }
    .tovar-name a {
        color: #000;
    }
    .open, .close{
        padding: 0;
        border: none;
        margin: -20px 8px 0 0;
        margin-top: -30px;
        position: absolute;
        right: 134px;
        color: #ed6830;
        background-color: #fff;
        border-top: 1px solid #c4c4c4;
        border-left: 1px solid #c4c4c4;
        font-weight: bold;
        height: 30px;
        padding: 0 5px;
        border-radius: 0;
        border-top-left-radius: 4px;
    }
    .open:hover, .close:hover{
        background: #f6f6f6;
        text-decoration: underline;
    }
    .some{
        margin-bottom: 6px;
    }
    .karkas{
        border-right: 1px solid #d3d6d8;
    }
    .add-picture{
        display: inline;
        padding-top: 10px;
    }
    .rating-karkas{
        position: absolute;
        bottom: 0px;
        left: 10px;
        width: calc(100% - 10px);
    }
    .rating-karkas .user_rating_result_item{
        position: relative;
        height: 35px;
        display: flex;
  		align-items: center;
  		gap: 10px;
  		justify-content: space-between;
    }
    .rating-karkas .user_rating_result_item_name {
        margin-left: 2px;
    }
    .rating-karkas .rating_main_cont {
        display: flex;
  		align-items: center;
  		gap: 5px;
    }
    .compensate-for-scrollbar {
        margin-right: 17px!important;
    }
    .rating_star {
		background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjY2NTYgNS4xNjc0N0w5LjgwNzA1IDQuNzE2ODVMNy44NzcwOSAwLjIzNTM0OUM3Ljc0MTk3IC0wLjA3ODQ0OTUgNy4yOTcwNSAtMC4wNzg0NDk1IDcuMTYxOTMgMC4yMzUzNDlMNS4yMzIgNC43MTY4OEwwLjM3MzQ0NSA1LjE2NzQ3QzAuMDMzMjUwNCA1LjE5OTAyIC0wLjEwNDI0IDUuNjIyMTUgMC4xNTI0MyA1Ljg0NzYyTDMuODE4MjIgOS4wNjc5OUwyLjc0NTQzIDEzLjgyOEMyLjY3MDMyIDE0LjE2MTMgMy4wMzAyNiAxNC40MjI4IDMuMzI0MDIgMTQuMjQ4NEw3LjUxOTUyIDExLjc1NzFMMTEuNzE1IDE0LjI0ODRDMTIuMDA4OCAxNC40MjI4IDEyLjM2ODggMTQuMTYxMyAxMi4yOTM2IDEzLjgyOEwxMS4yMjA4IDkuMDY3OTlMMTQuODg2NiA1Ljg0NzYyQzE1LjE0MzMgNS42MjIxNSAxNS4wMDU4IDUuMTk5MDIgMTQuNjY1NiA1LjE2NzQ3WiIgZmlsbD0iI0ZGREM2NCIvPgo8cGF0aCBkPSJNNy44NzcxMSAwLjIzNTM0OUM3Ljc0MTk5IC0wLjA3ODQ0OTcgNy4yOTcwNiAtMC4wNzg0NDk3IDcuMTYxOTQgMC4yMzUzNDlMNS4yMzIwMSA0LjcxNjg5TDAuMzczNDQ2IDUuMTY3NDhDMC4wMzMyNTA1IDUuMTk5MDMgLTAuMTA0MjQgNS42MjIxNyAwLjE1MjQzIDUuODQ3NjNMMy44MTgyMyA5LjA2ODAxTDIuNzQ1NDQgMTMuODI4QzIuNjcwMzIgMTQuMTYxMyAzLjAzMDI2IDE0LjQyMjggMy4zMjQwMiAxNC4yNDg0TDQuMjYwNDQgMTMuNjkyNEM0LjM5MDA1IDguMzU3MzggNi44Njg4NiA0LjYwMDQ0IDguODMxMzkgMi40NTEyNUw3Ljg3NzExIDAuMjM1MzQ5WiIgZmlsbD0iI0ZGQzg1MCIvPgo8bWFzayBpZD0ibWFzazBfMTk3MV8yNDE3NyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE1Ij4KPHBhdGggZD0iTTE0LjY2NTYgNS4xNjc0N0w5LjgwNzA1IDQuNzE2ODVMNy44NzcwOSAwLjIzNTM0OUM3Ljc0MTk3IC0wLjA3ODQ0OTUgNy4yOTcwNSAtMC4wNzg0NDk1IDcuMTYxOTMgMC4yMzUzNDlMNS4yMzIgNC43MTY4OEwwLjM3MzQ0NSA1LjE2NzQ3QzAuMDMzMjUwNCA1LjE5OTAyIC0wLjEwNDI0IDUuNjIyMTUgMC4xNTI0MyA1Ljg0NzYyTDMuODE4MjIgOS4wNjc5OUwyLjc0NTQzIDEzLjgyOEMyLjY3MDMyIDE0LjE2MTMgMy4wMzAyNiAxNC40MjI4IDMuMzI0MDIgMTQuMjQ4NEw3LjUxOTUyIDExLjc1NzFMMTEuNzE1IDE0LjI0ODRDMTIuMDA4OCAxNC40MjI4IDEyLjM2ODggMTQuMTYxMyAxMi4yOTM2IDEzLjgyOEwxMS4yMjA4IDkuMDY3OTlMMTQuODg2NiA1Ljg0NzYyQzE1LjE0MzMgNS42MjIxNSAxNS4wMDU4IDUuMTk5MDIgMTQuNjY1NiA1LjE2NzQ3WiIgZmlsbD0iI0ZGREM2NCIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMTk3MV8yNDE3NykiPgo8L2c+Cjwvc3ZnPgo=");
		background-repeat: no-repeat;
		background-size: 100%;
		border: none;
		height: 15px;
		width: 15px;
		padding: 8px;
		cursor: pointer;
	}
	.rating_value {
		font-weight: bold;
	}
	.rating_star.raiting-0 {
		filter: grayscale(1);
	}
	@media(max-width:767px) {
		.user_rating_result {
			display: flex;
		}
		.rating-karkas .user_rating_result_item {
			gap: 5px;
		}
	}
    .postrnav.fixed {
        border: none;
        border-radius: 0;
    }
    .pager_utp_block {
		margin: 0 0 5px 0;
		padding: 10px;
		background: #fff;
		border-radius: var(--border-radius-main);
		box-shadow: var(--box-shadow-fix-top);
		position: relative;
		border: 1px solid var(--color-light-grey);
	}
    .pager_utp_page_num {
		position: absolute;
		background: var(--color-btn-orange);
		width: 23px;
		height: 23px;
		padding: 3px;
		text-align: center;
		border-radius: var(--border-radius-main-min);
		left: 5px;
		top: 5px;
	}
    .utp_top {
        text-align: center;
        position: relative;
        height: 26px;
        font-size: var(--font-size-s);
    }
    .utp_name {
        font-weight: bold;
    }
    .center_block {
        position: relative;
    }
    .pager_utp_block .utp_text {
        text-align: center;
        padding-right: 20px;
    }
    .utp_pic {
        position: absolute;
        right: 0px;
        top: -30px;
        max-width: 45px;
    }
    #catalog_end {
        padding-top: 15px;
    }
    .preloader_ {
        margin: 0 auto;
        width: 30px;
    }
    .spin2_size_m {
        width: 31px;
        height: 31px;
    }
    .spin2_progress_yes {
        margin: 0 auto;
        display: block;
        -webkit-animation: islands-spin2 1s infinite linear;
        animation: islands-spin2 1s infinite linear;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .spin2 {
        background-image: url(/bitrix/templates/redesign2024/images/ya_preload.png);
        background-repeat: no-repeat;
    }
    .spin2.spin2_progress_yes {
        float: left;
    }
    .author-name-review-title {
        line-height: var(--font-line-height-n);
        font-size: var(--font-size-s);
        color: #000;        
        padding-bottom:8px;
        font-weight: bold;
    } 
    .author-name-review {
        text-transform:capitalize;
        line-height:var(--font-line-height-s);
    }
    .postrnav.rev_nav {
        display:block!important;    
    }
    @keyframes islands-spin2 {
        from {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    .rating_main_cont img {
        width: 95px;
        height: auto;
        position: relative;
        top: -4px;
        min-height: 20px;
    }
    .postrnav.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        margin: 0;
        z-index: 990;
        box-shadow: var(--box-shadow-fix-bottom);
        padding: 10px 0 15px;
        text-align: center;
    }
    #content-site .postrnav a.menuBtn._next, #content-site .postrnav a.menuBtn._prev {
        text-indent: -1000px;
        display: block;
    }
    #content-site .postrnav .menuBtn._prev.tt{
        display: none;
    }
    .postrnav a.menuBtn, .postrnav span.menuBtn {
        display: none;
    }
    .postrnav a.menuBtn, .postrnav span.menuBtn {
        margin: 15px 3px;
        background: var(--color-green);
        padding: 5px 10px;
        border-radius: var(--border-radius-main);
        color: #fff;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        font-size: 16px;
        text-decoration: none;
        padding-top: 6px;
    }
    #content-site .postrnav a.menuBtn._next, #content-site .postrnav a.menuBtn._prev {
        display: inline-block;
        overflow: hidden;
        position: relative;
        border-radius: var(--border-radius-main);
        height: 30px;
        width: 30px;
        margin-top: 0;
        text-indent: -1000px;
        margin-bottom: -8px;
    }
    #content-site .postrnav .menuBtn._next::after, #content-site .postrnav .menuBtn._next::before, #content-site .postrnav .menuBtn._prev::after, #content-site .postrnav .menuBtn._prev::before {
        background: #fff;
        -moz-border-radius: 4em;
        -webkit-border-radius: 4em;
        border-radius: 4em;
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        top: 13px;
        width: 3px;
    }
    #content-site .postrnav .menuBtn._next::before, #content-site .postrnav .menuBtn._prev::before {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #content-site .postrnav .menuBtn._next::after, #content-site .postrnav .menuBtn._prev::after {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #content-site .postrnav .menuBtn._next::before, #content-site .postrnav .menuBtn._prev::after {
        margin-top: -.36em;
    }
    #content-site .postrnav .menuBtn._prev::after, #content-site .postrnav .menuBtn._prev::before {
        right: 14px;
    }
    #content-site .postrnav .menuBtn._next::after, #content-site .postrnav .menuBtn._next::before {
        right: 13px;
    }
    .postrnav a.menuBtn, .postrnav span.menuBtn {
        color: #fff;
        font-size: 16px;
    }
    .pagerItem {
        margin: 0 5px;
        font-size: var(--font-size-s);
        position: relative;
        top: -3px;
        color: #666;
    }
    b.pagerItem{
        color: var(--color-green);
  		text-decoration: underline;
    }
    .fixed .pagerItem {
        top: 1px;
    }
    .postrnav.absolute a, .postrnav.absolute span, .postrnav.fixed a, .postrnav.fixed b, .postrnav.fixed span {
        font-size: var(--font-size-s);
    }
    .postrnav .separator.right , .postrnav .separator.left {
        color: #666;
    }
    @media(max-width: 1200px){
        .rating_main_cont img {
            width: 80px;
            min-height: 17px;
        }
    }   
    @media (min-width: 768px){
        .tovar{
            width: 33%;
        }
        .review{
            width: 67%;
        }
        .open, .close{
            right: 123px;
        }
        .rating-karkas .user_rating_result{
            height: 100px;
        }
        #content-site .postrnav a.menuBtn._next, #content-site .postrnav a.menuBtn._prev{
        text-indent: unset;
        }
        .postrnav a.menuBtn, .postrnav span.menuBtn{
            margin: 0px 3px;
            display: inline-block;
            border-radius: var(--border-radius-main);
        }
        #content-site .postrnav .menuBtn._prev.tt {
            display: inline-block;
        }
        #content-site .postrnav .menuBtn._prev::after, #content-site .postrnav .menuBtn._prev::before {
            display: none;
        }
        #content-site .postrnav .menuBtn._next::after, #content-site .postrnav .menuBtn._next::before {
            display: none;
        }
        #content-site .postrnav a.menuBtn._next, #content-site .postrnav a.menuBtn._prev, .postrnav a.menuBtn, .postrnav span.menuBtn{
            height: 30px;
            width: auto;
            margin: 0 3px;
            overflow: unset;
        }
        .postrnav.fixed{
            padding: 5px 0;
        }
    }
    @media (min-width: 768px){
        .open, .close{
            right: 123px;
        }
    }
    @media (min-width: 768px) and (max-width: 1199px){
        .picture-one{
            height: 225px;
            width: 200px;
        }
        .picture-some{
            height: 160px;
            width: 200px;
        }
    }
    @media (max-width: 1200px){
        .rating-karkas {
            position: absolute;
            bottom: 0px;
        }
        .review-result{
            margin-top:20px;
        }
        .open, .close{
            margin-right: -13px;
        }
        .min_view {
            max-width: 45px;
        }
    }
    @media (max-width: 768px){
        .reserve_icon {
            font-size: 16px;
            font-weight: bold
        }
        .utp_pic {
            display: none
        }
        .utp_name {
            width: 100%
        }
        .utp_text {
            width: auto
        }
    }
    @media (max-width: 767px){
        .tovar{
            width: 100%;
        }
        .tovar-picture{
            border-right: none;
        }
        .karkas{
            border-right: none;
        }
        .review{
            width: 100%;
        }
        .main_review{
            width:100%;
            border-right: none;
        }
        .user_rating_result_item{
            padding-right: 10px
        }
        .main_rating{
            width: 100%;
            min-height: auto;
            border-left: none;
            border-top: 1px solid #d3d6d8;
            padding-left: 0;
        }
        .rating-karkas {
            bottom: -3px;
            width: 100%
        }
        .text-review{
            padding-right: 0;
            padding-bottom: 10px;
        }
        .review-result{
            display: inline-block;
        }
        .open, .close {
            margin-right: 0;
            right: 10px;
        }
        .author-name-review-title {
            float:left;
            line-height:inherit;
            font-size:12px;
            padding-bottom:0px;
        }
        .author-name-review {
            float:left;
            line-height:inherit;
            padding-left:4px;
            font-size:12px;
        }
        .author-date-review {
            clear:both;
        }   
        .rating-karkas {
            left: 0;
        }   
    }
    @media(max-width: 350px){
        .review-result{
            padding-right: 0;
        }
    }
    @media(min-width: 1400px){
        
    }
/* End */
/* /bitrix/templates/redesign2024/components/dev_namespace/reviews.list/rev_photos/style.css?172855872116076 */
