/* <block-shifting> */
.opinion-wo > .site-w {
    max-width: 1370px;
}

.opinion-blocks {     position: relative;
    left: -85px;
    -webkit-transition: left .3s ease;
-moz-transition: left .3s ease;
-ms-transition: left .3s ease;
-o-transition: left .3s ease;
transition: left .3s ease;
    -outline: 1px solid lime;
}


@media (max-width: 1455px) {
    .opinion-blocks {
        left: 0;
        -outline: 1px solid aqua;
    }
}

@media (max-width: 1370px) {
    .opinion-blocks {
        -outline: 1px solid lime;
    }
}
/* </block-shifting> */

/* <block-slider> */
.opinion-slider {
    position: relative;
    padding: 0 85px;
    margin-bottom: 50px;
    -webkit-transition: padding .3s ease, margin-bottom .3s ease;
-moz-transition: padding .3s ease, margin-bottom .3s ease;
-ms-transition: padding .3s ease, margin-bottom .3s ease;
-o-transition: padding .3s ease, margin-bottom .3s ease;
transition: padding .3s ease, margin-bottom .3s ease;
}

.opinion-slider-hand {
    position: absolute; z-index: 30;
    bottom: 0;
    height: 280px;
    width: 85px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: .8;
    -webkit-transition: opacity .3s ease, width .3s ease, background-color .3s ease;
-moz-transition: opacity .3s ease, width .3s ease, background-color .3s ease;
-ms-transition: opacity .3s ease, width .3s ease, background-color .3s ease;
-o-transition: opacity .3s ease, width .3s ease, background-color .3s ease;
transition: opacity .3s ease, width .3s ease, background-color .3s ease;
}
.opinion-slider-hand:hover {
    -background-color: rgba(255,255,255,0.025);
    opacity: 1;
}

.opinion-slider-hand.-left {
    left: 0;
    background-image: url('/site/img/arrow/boxy/w/arrow-left.t.png');
}

.opinion-slider-hand.-right {
    right: 0;
    background-image: url('/site/img/arrow/boxy/w/arrow-right.t.png');
}
.opinion-slider-hand.-off, .opinion-slider-hand.-off:hover  {
    cursor: default;
    opacity: .2;
}
.opinion-slider-hand.-off:hover {}


.opinion-slider-w {
    -outline: 1px solid orange;
    position: relative; z-index: 50;
    height: 330px;
    overflow: hidden;
}

.opinion-slider-items {}

.opinion-slider-item .info-title {     font-size: 20px;
}



@media (max-width: 1370px) {

        .opinion-slider {
        -margin: 0 10px;
        padding: 0 60px;
    }

    .opinion-slider-hand {
        width: 60px;
    }
}

@media (max-width: 1200px) {
        .opinion-slider {
        -margin: 0 10px;
        padding: 0 4vw;
    }

    .opinion-slider-hand {
        width: 4vw;
        -webkit-background-size: 50%; -moz-background-size: 50%; -o-background-size: 50%; background-size: 50%;     }
}





/*                          <block-item>                        */
.opinion-block-item:after {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;


    background: linear-gradient(to top,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.opinion-block-item-link-cover {
    position: absolute;
    z-index: 2;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
    /*background-color: rgb(192 215 138 / 50%);*/
}

.opinion-block-item {
    -outline: 1px dashed deeppink;
    position: relative;
    margin-top: 50px;
    height: 280px;
}

.opinion-block-item-name {
    padding-top: 50px;
    height: 50px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transition: padding-top .3s ease;
-moz-transition: padding-top .3s ease;
-ms-transition: padding-top .3s ease;
-o-transition: padding-top .3s ease;
transition: padding-top .3s ease;
}

.opinion-block-item-name-text {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}


.opinion-block-item-date {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: top .3s ease;
-moz-transition: top .3s ease;
-ms-transition: top .3s ease;
-o-transition: top .3s ease;
transition: top .3s ease;
}

.opinion-block-item-date-tx {
    font-size: 13px;
    color: #99a6bf;
    /*cursor: default;*/
    -webkit-transition: font-size .3s ease;
-moz-transition: font-size .3s ease;
-ms-transition: font-size .3s ease;
-o-transition: font-size .3s ease;
transition: font-size .3s ease;
}


.opinion-block-item-ava {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
}

.opinion-block-item-ava-w {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    -moz-border-radius: 51px;
-webkit-border-radius: 51px;
border-radius: 51px;    background-color: #def1fd;
    overflow: hidden;
    -webkit-transition: height .3s ease, width .3s ease, box-shadow .3s ease;
-moz-transition: height .3s ease, width .3s ease, box-shadow .3s ease;
-ms-transition: height .3s ease, width .3s ease, box-shadow .3s ease;
-o-transition: height .3s ease, width .3s ease, box-shadow .3s ease;
transition: height .3s ease, width .3s ease, box-shadow .3s ease;
    border: 3px solid #ffffff;
}

.opinion-block-item-ava-w.def-img IMG {
    width: 90%;
}
.opinion-block-item-ava-w IMG {
    width: 100%;
}
.opinion-block-item-ava-w IMG.is-l {
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-17%); -moz-transform: translateX(-17%); -o-transform: translateX(-17%); -ms-transform: translateX(-17%); transform: translateX(-17%);    }

.opinion-block-item:hover .opinion-block-item-ava-w {
    }

.opinion-block-item-comment-text P:first-child {
    margin-top: 0
}

.opinion-block-item-comment {
    overflow: hidden;
    text-align: center;
    padding: 5px 25px 10px;
}


.opinion-block-item-comment, .opinion-block-item-comment * {
    font-family: 'Roboto Condensed', Roboto, sans-serif;
    font-size: 17px;
    line-height: 23px;
    font-style: italic;
}


.opinion-block-item-comment[ss-container] {
    height: 195px;
    padding: 0;
}
.opinion-block-item-comment[ss-container] .ss-content {
    overflow: hidden;
    padding: 5px 25px 10px;
    width: 100%;
}
.opinion-block-item-comment[ss-container] .ss-scroll {
    opacity: 1;
    width: 5px;
    background: rgba(58,103,142,0.6);
    -webkit-transform: translateX(-2px); -moz-transform: translateX(-2px); -o-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px);}
.opinion-block-item-comment[ss-container] .ss-scroll:hover {
    background: rgba(58,103,142,0.8);
}

.PP-popup .opinion-block-item {
    max-width: 500px;

    height: auto;
}

.PP-popup .opinion-block-item-comment {
    overflow-y: scroll;
    max-height: 53vh;
}
.PP-popup .opinion-block-item:after {
    display: none;
}


@media (max-width: 414px) {
    .PP-popup .opinion-block-item-name {
         padding-top: 45px;
    }
    .PP-popup .opinion-block-item-name-text {
        font-size: 20px !important;
    }

    .PP-popup .opinion-block-item-comment, .PP-popup .opinion-block-item-comment * {
        line-height: 22px;
    }
}