/* PAGE INFO */

.page-info {
    margin: 0 -8px;
    text-align: center;
    font-size: 0;
}

.page-info .page-info__line {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 5px;
}

.page-info .page-info__line.page-info__line--wide {
    margin-bottom: 0;
}

.page-info .page-info__title {
    color: #fff;
    font-weight: 700;
}

.page-info .page-info__text {
    font-weight: 300;
}

.page-info .page-info__text.page-info__text--marked {
    color: #ffea00;
}

.page-info .page-info__rate {
    display: inline;
}

.page-info .page-info__rating {
    display: inline-block;
    vertical-align: top;
    margin-top: -3px;
}

.page-info .page-info__rating.is-disabled button {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 14.9' style='enable-background:new 0 0 15.6 14.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8.2,0.2l2,4.7l5.1,0.4c0.4,0,0.5,0.5,0.2,0.7l-3.8,3.3l1.2,5c0.1,0.3-0.3,0.6-0.6,0.4l-4.4-2.6l-4.4,2.6 c-0.3,0.2-0.7-0.1-0.6-0.4l1.2-5L0.1,6.1C-0.1,5.8,0,5.4,0.4,5.4l5.1-0.4l2-4.7C7.6-0.1,8-0.1,8.2,0.2L8.2,0.2z M8.2,0.2'/%3E%3C/svg%3E") !important;
    cursor: default;
}

.page-info .page-info__rating.is-disabled .page-info__rating-view {
    display: block !important
}

.page-info .page-info__rating:focus .page-info__rating-view,
.page-info .page-info__rating:hover .page-info__rating-view {
    display: none;
}

.page-info .page-info__rating-btn {
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    float: right;
    width: 20px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 14.9' style='enable-background:new 0 0 15.6 14.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8.2,0.2l2,4.7l5.1,0.4c0.4,0,0.5,0.5,0.2,0.7l-3.8,3.3l1.2,5c0.1,0.3-0.3,0.6-0.6,0.4l-4.4-2.6l-4.4,2.6 c-0.3,0.2-0.7-0.1-0.6-0.4l1.2-5L0.1,6.1C-0.1,5.8,0,5.4,0.4,5.4l5.1-0.4l2-4.7C7.6-0.1,8-0.1,8.2,0.2L8.2,0.2z M8.2,0.2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px 19px;
    font-size: 0;
    outline: 0;
}

.page-info .page-info__rating-btn:focus,
.page-info .page-info__rating-btn:focus ~ button,
.page-info .page-info__rating-btn:hover,
.page-info .page-info__rating-btn:hover ~ button {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 14.9' style='enable-background:new 0 0 15.6 14.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffea00;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8.2,0.2l2,4.7l5.1,0.4c0.4,0,0.5,0.5,0.2,0.7l-3.8,3.3l1.2,5c0.1,0.3-0.3,0.6-0.6,0.4l-4.4-2.6l-4.4,2.6 c-0.3,0.2-0.7-0.1-0.6-0.4l1.2-5L0.1,6.1C-0.1,5.8,0,5.4,0.4,5.4l5.1-0.4l2-4.7C7.6-0.1,8-0.1,8.2,0.2L8.2,0.2z M8.2,0.2'/%3E%3C/svg%3E");
}

.page-info .page-info__rating-btn:focus ~ .page-info__rating-view,
.page-info .page-info__rating-btn:hover ~ .page-info__rating-view {
    display: none;
}

.page-info .page-info__rating-box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 0;
}

.page-info .page-info__rating-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 2px 3px;
    font-size: 14px;
}

.page-info .page-info__rating-box:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}

.page-info .page-info__rating-view {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 14.9' style='enable-background:new 0 0 15.6 14.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffea00;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8.2,0.2l2,4.7l5.1,0.4c0.4,0,0.5,0.5,0.2,0.7l-3.8,3.3l1.2,5c0.1,0.3-0.3,0.6-0.6,0.4l-4.4-2.6l-4.4,2.6 c-0.3,0.2-0.7-0.1-0.6-0.4l1.2-5L0.1,6.1C-0.1,5.8,0,5.4,0.4,5.4l5.1-0.4l2-4.7C7.6-0.1,8-0.1,8.2,0.2L8.2,0.2z M8.2,0.2'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 20px 19px;
}

.page-info .page-info__btn-like {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 2px 0 4px;
    width: 26px;
    height: 22px;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 26px 22px;
    font-size: 0;
    outline: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18'%3E%3Cpath fill='%23EE7168' d='M20.946 5.215C20.66 2.324 18.369 0 15.334 0c-2.232 0-4.124 1.757-4.983 3.628C9.549 1.757 7.66 0 5.426 0 2.391 0 .329 2.324.043 5.215c0 0-.172.737.171 2.041.458 1.757 1.489 3.345 2.921 4.536l7.273 6.179c.057.057.171.057.229 0l7.216-6.179c1.432-1.19 2.463-2.778 2.921-4.536.344-1.303.172-2.041.172-2.041z'/%3E%3C/svg%3E");
    transition: all .3s;
    cursor: default;
}

/*.page-info .page-info__btn-like:hover,
.page-info .page-info__btn-like:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18'%3E%3Cpath fill='%23ff4c35' d='M20.946 5.215C20.66 2.324 18.369 0 15.334 0c-2.232 0-4.124 1.757-4.983 3.628C9.549 1.757 7.66 0 5.426 0 2.391 0 .329 2.324.043 5.215c0 0-.172.737.171 2.041.458 1.757 1.489 3.345 2.921 4.536l7.273 6.179c.057.057.171.057.229 0l7.216-6.179c1.432-1.19 2.463-2.778 2.921-4.536.344-1.303.172-2.041.172-2.041z'/%3E%3C/svg%3E");
}
*/
@media only screen and (min-width: 568px) {
    .page-info {
        text-align: left;
    }

    .page-info .page-info__line {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin-bottom: 10px;
    }

    .page-info .page-info__line.page-info__line--wide {
        width: 100%;
    }
}

@media only screen and (min-width: 1024px) {
    .page-info {
        margin: 0;
    }

    .page-info .page-info__top-box {
        display: flex;
        justify-content: space-between;
    }

    .page-info .page-info__line {
        width: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .page-info {
        padding: 5px 0;
    }

    .page-info .page-info__line {
        font-size: 14px;
        min-width: 150px;
        margin-bottom: 13px;
    }
}


/* END PAGE INFO */