/*//////////////////////////////////////////*/
/* Item review */
/*//////////////////////////////////////////*/

.item_review{
    position:relative;
}
.item_review .review_data{
    position:relative;
    min-height:60px;
    z-index:10;
    padding:0 60px 0 70px;
    margin-bottom:20px;
}
.item_review .review_data:after{
    content:'';
    position:absolute;
    bottom:-20px;
    left:20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
}
.item_review .review_data .avatar_user{
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:60px;
}
.item_review .review_data .author{
    min-height:60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.item_review .review_data .author strong{
    display:block;
    line-height: 22px;
}
.item_review .review_data .author strong .review_about{
    display: inline;
    color:#98a8b2;
}
.item_review .review_data .author .permalink{
    font-size:12px;
    color:#98a8b2;
}
.item_review .review_data .rating{
    position:absolute;
    top:10px;
    right:0;
    width:50px;
    height:40px;
    line-height:40px;
    color:#ffffff;
    font-size: 20px;
}
.item_review .review_data .rating.show_popover{
    cursor:pointer;
}
.item_review .review_content{
    padding:15px 15px 25px;
    background:#ffffff;
}
@media (max-width:599px) {
    .item_review .review_content{
        padding:15px;
    }
}
.item_review .review_content .wrap.collapsed{
    max-height: 560px;
    overflow:hidden;
    position:relative;
}
.item_review .review_content .wrap .more{
    display:none;
}
.item_review .review_content .wrap.collapsed .more{
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:60px 30px 0;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 65%, rgba(255, 255, 255, 0) 100%);
}
.item_review .review_content .wrap.collapsed .more a{
    font-size:12px;
    text-transform: uppercase;
}
.item_review .review_content .review_title{
    background:#cccccc;
    font-weight: 700;
    padding:8px 15px;
    line-height: 20px;
}
.item_review .review_content .detailed_grade{
    display: block;
    font-size:0;
    padding:15px 0;
}
.item_review .review_content .detailed_grade li{
    display: inline-block;
    padding:15px 15px 0;
    width:50%;
    white-space: nowrap;
}
@media (max-width:699px) {
    .item_review .review_content .detailed_grade li{
        width:100%;
        padding:15px 0 0;
    }
}
.item_review .review_content .detailed_grade li .grade{
    display: inline-block;
    font-size:14px;
    width:50%;
    vertical-align: middle;
}
.item_review .review_content .detailed_grade li .grade em{
    margin-left:5px;
}
.item_review .review_content .detailed_grade li .value{
    display: inline-block;
    width:15%;
    font-size:14px;
    font-weight: 700;
    vertical-align: middle;
}
.item_review .review_content .detailed_grade li .value em{
    display: inline-block;
    font-size:10px;
    font-weight: 400;
    vertical-align: middle;
}
.item_review .review_content .detailed_grade li .percents{
    display: inline-block;
    width:35%;
    height:6px;
    background: #dae1e6;
    border-radius: 3px;
    vertical-align: middle;
    position: relative;
}
.item_review .review_content .detailed_grade li .percents em{
    height:100%;
    position: absolute;
    border-radius: 3px;
    top:0;
    left:0;
}
.item_review .review_content .review_text{
    padding:15px 15px 0;
}
@media (max-width:599px) {
    .item_review .review_content .review_text{
        padding:15px 0 0;
    }
}
.item_review .review_content .review_text strong{
    text-transform: uppercase;
    font-size: 12px;
	display: block;
	padding-bottom: 5px;
    color:#98a8b2;
}
.item_review .review_content .review_text strong i{
	display: inline-block;
	padding-right: 5px;
    font-size: 14px;
    vertical-align: baseline;
}
.item_review .review_content .review_text.like strong i{
	color:#2eb17e;
}
.item_review .review_content .review_text.dislike strong i{
	color:#dd4b39;
}
.item_review .review_content .review_reply{
	margin: 25px -15px 0;
    padding:20px 0 0;
    position: relative;
    border-top:1px dashed #dae1e6;
}
.item_review .review_content .review_reply strong{
    display: block;
    position: absolute;
    font-size: 12px;
    top: -6px;
    left: 25px;
    padding:0 5px;
    background: #ffffff;
    color:#98a8b2;
    text-transform: uppercase;
}
.item_review .review_content .review_reply strong em{
    display: inline-block;
    margin-right: 5px;
}
.item_review .review_content .review_reply p{
    display: block;
    padding: 0 30px;
}
/*//////////////////////////////////////////*/
/* Template reviews */
/*//////////////////////////////////////////*/

/* Top chart */

.page_reviews .top_chart .icon{
	font-size:76px;
	color: #0279b3;
	background: -webkit-linear-gradient(-45deg, #35cd92 0%, #039ae4 100%);
	background: linear-gradient(-45deg, #35cd92 0%, #039ae4 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}
.page_reviews .top_chart .list{
	padding: 0 15px;
}
.page_reviews .top_chart .list .title{
	background: #ffffff;
	padding:5px 15px 15px 5px;
}
.page_reviews .top_chart .list .title h3{
	display: inline-block;
	padding:10px 0 0 10px;
}
.page_reviews .top_chart .list .title .tabs{
	display: inline-block;
	font-size: 0;
}
.page_reviews .top_chart .list .title .tabs li{
	display: inline-block;
	font-size:16px;
	padding:10px 0 0 10px;
}
.page_reviews .top_chart .list .title .tabs li a{
	opacity:0.6;
}
.page_reviews .top_chart .list .title .tabs li.active a,
.page_reviews .top_chart .list .title .tabs li a:hover{
	opacity:1;
	text-decoration: underline;
}
.page_reviews .top_chart .list .chart li.item{
	position: relative;
	padding:0 0 0 50px;
	min-height: 40px;
	margin-top:15px;
}
.page_reviews .top_chart .list .chart li.item em{
	display: block;
	width:40px;
	height:40px;
	line-height:40px;
	position: absolute;
	top:0;
	left:0;
}
.page_reviews .top_chart .list .chart li.item em:before{
	content:'';
	width:100%;
	height:100%;
	border-radius: 50%;
	position: absolute;
	top:0;
	left:0;
	z-index: 5;
	background:#dae1e6;
}
.page_reviews .top_chart .list .chart li.item em i{
	position: relative;
	z-index: 10;
	color:#ffffff;
}
.page_reviews .top_chart .list .chart li.item em.num_best_1:before{ background:rgba(46, 177, 126, 1.0); }
.page_reviews .top_chart .list .chart li.item em.num_best_2:before{ background:rgba(46, 177, 126, 0.85); }
.page_reviews .top_chart .list .chart li.item em.num_best_3:before{ background:rgba(46, 177, 126, 0.70); }
.page_reviews .top_chart .list .chart li.item em.num_best_4:before{ background:rgba(46, 177, 126, 0.55); }
.page_reviews .top_chart .list .chart li.item em.num_best_5:before{ background:rgba(46, 177, 126, 0.40); }

.page_reviews .top_chart .list .chart li.item em.num_worst_1:before{ background:rgba(221, 75, 57, 1.0); }
.page_reviews .top_chart .list .chart li.item em.num_worst_2:before{ background:rgba(221, 75, 57, 0.85); }
.page_reviews .top_chart .list .chart li.item em.num_worst_3:before{ background:rgba(221, 75, 57, 0.70); }
.page_reviews .top_chart .list .chart li.item em.num_worst_4:before{ background:rgba(221, 75, 57, 0.55); }
.page_reviews .top_chart .list .chart li.item em.num_worst_5:before{ background:rgba(221, 75, 57, 0.40); }

.page_reviews .top_chart .list .chart li.item strong{
	display: block;
}

/* Paged */

.page_reviews .paged{
	padding-top:30px;
}
.page_reviews .paged a{
	display: inline-block;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	position: relative;
	padding: 0;
	background: #ffffff;
	padding:0 5px;
}
.page_reviews .paged a:hover{
	color:#ffffff;
	background:#0279b3;
}
.page_reviews .paged a:active{
	top:1px;
}
.page_reviews .paged a i{
	display: inline-block;
	padding:0 5px;
}
.page_reviews .paged a span{
	display: inline-block;
	padding:0 5px;
}