body.greviews-opened {
	overflow:hidden
}
body.mobile #greviews-overlay,  body.mobile #greviews-badge,  body.mobile #greviews-sidebar,  body.tablet #greviews-overlay,  body.tablet #greviews-badge,  body.tablet #greviews-sidebar {
	display:none
}
#greviews-badge {
	position:fixed;
	right:20px;
	bottom:20px;
	background:#fff;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .26);
	padding-top:5px;
	border-radius:4px;
	overflow:hidden;
	cursor:pointer;
	background:url(images/colors.png);
	background-position:left center;
	z-index:990
}
#greviews-badge>.inner {
	background:#f2f5f6;
	padding:10px 12px 5px 12px;
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:100%
}
#greviews-badge .title {
	margin-bottom:3px;
	font-size:15px;
	line-height:22px;
	font-family:'Open Sans', sans-serif;
	text-align:center;
	color:#606060;
}
#greviews-badge .rating {
	display:flex;
	align-items:center;
	justify-content:center
}
#greviews-badge .rating-value {
	font-size:21px;
	line-height:30px;
	-text-shadow:1px 1px 0 rgba(0, 0, 0, .1);
	font-weight:bold;
	color:#ff7a00;
	max-width:40px;
	width:100%;
	display:inline-block;
	font-family:'Open Sans', sans-serif
}
#greviews-badge .stars {
	white-space:nowrap;
	vertical-align:bottom;
	line-height:16px
}
#greviews-badge .star {
	width:16px;
	height:16px;
	background-image:url(images/spritesheet_star.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:16px auto;
	position:relative;
	display:inline-block;
	margin-right:4px;
	vertical-align:bottom
}
#greviews-badge .star:last-child {
	margin-right:0
}
#greviews-badge .star .inner {
	position:absolute;
	height:100%;
	left:0;
	top:0;
	background-image:url(images/spritesheet_star.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:16px auto
}
#greviews-badge .reviewpool {
	font-size:12px;
	line-height:18px;
	color:#606060;
	text-align:center
}
#greviews-badge .reviewpool strong {
	color:#888
}
#greviews-overlay {
	content:'';
	display:block;
	position:fixed;
	right:100%;
	left:auto;
	top:0;
	bottom:0;
	background-color:rgba(0, 0, 0, 0);
 transition:background-color .3s ease;
	z-index:998
}
body.greviews-opened #greviews-overlay {
	right:0;
	left:0;
	background-color:rgba(0, 0, 0, .5);
 transition:background-color .3s ease .1s, display 0s ease
}
#greviews-sidebar {
	position:fixed;
	right:-400px;
	top:0;
	bottom:0;
	width:390px;
	height:100%;
	background:#f2f5f6;
	z-index:1010;
 transition:right .3s ease;
	box-shadow:-2px 0 5px 0 rgba(0, 0, 0, .26)
}
body.greviews-opened #greviews-sidebar {
	right:0
}
#greviews-sidebar a {
	text-decoration:none
}
#greviews-closer {
	position:absolute;
	right:17px;
	top:20px;
	width:20px;
	height:20px;
	cursor:pointer
}
#greviews-closer>.inner {
	position:relative
}
#greviews-closer .closer-bar {
	width:20px;
	height:2px;
	border-radius:1px;
	display:inline-block;
	background-color:#999;
	position:absolute;
	top:8px;
 transition:background-color .3s ease
}
 #greviews-closer .closer-bar:nth-child(1) {
 transform:rotate(45deg)
}
 #greviews-closer .closer-bar:nth-child(2) {
 transform:rotate(-45deg)
}
#greviews-closer:hover .closer-bar {
	background-color:#555
}
#greviews-sidebar>.inner {
	position:relative;
	padding-top:117px;
	padding-bottom:62px;
	overflow:hidden
}
#greviews-sidebar>.inner>.top {
	background:#fff;
	padding:20px 50px 20px 20px;
	height:118px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index:998;
	box-shadow:0 2px 3px 0 rgba(0, 0, 0, .2)
}
#greviews-sidebar .title {
	color:#444;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:7px
}
#greviews-sidebar .rating {
	display:flex;
	align-items:center
}
#greviews-sidebar .rating-value {
	font-size:21px;
	line-height:30px;
	-text-shadow:1px 1px 0 rgba(0, 0, 0, .1);
	font-weight:bold;
	color:#ff7a00;
	max-width:40px;
	width:100%;
	display:inline-block;
	font-family:'Open Sans', sans-serif
}
#greviews-sidebar .stars {
	white-space:nowrap;
	vertical-align:bottom;
	line-height:16px
}
#greviews-sidebar .star {
	width:16px;
	height:16px;
	background-image:url(images/spritesheet_star.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:16px auto;
	position:relative;
	display:inline-block;
	margin-right:4px;
	vertical-align:bottom
}
#greviews-sidebar .star:last-child {
	margin-right:0
}
#greviews-sidebar .star .inner {
	position:absolute;
	height:100%;
	left:0;
	top:0;
	background-image:url(images/spritesheet_star.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:16px auto
}
#greviews-sidebar .amount {
	margin-left:20px;
	color:#848484;
	font-size:14px;
	line-height:20px;
	padding-top:4px
}
#greviews-sidebar>.inner>.center {
	overflow:hidden;
	overflow-y:auto;
	height:calc(100vh - 177px);
	padding:20px
}
#greviews-sidebar .item {
	display:flex;
	margin-bottom:30px
}
#greviews-sidebar .authorimage a {
	display:inline-block
}
#greviews-sidebar .authorimage,  #greviews-sidebar .authorimage img {
	width:50px;
	height:50px
}
#greviews-sidebar .stats {
	width:calc(100% - 50px);
	padding-left:18px;
	text-align:left
}
#greviews-sidebar .stats .top {
	margin-bottom:8px;
	display:flex
}
#greviews-sidebar .stats .rating {
	margin-right:15px
}
#greviews-sidebar .stats .date {
	font-size:12px;
	line-height:18px;
	color:#848484;
	padding-top:2px
}
#greviews-sidebar .comment {
	color:#444;
	font-size:14px;
	line-height:20px;
	margin-bottom:8px;
	letter-spacing:.01em
}
#greviews-sidebar .author {
	color:#444;
	font-weight:bold;
	font-size:12px;
	line-height:18px
}
#greviews-sidebar>.inner>.bottom {
	background:#fff;
	padding:20px 30px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	z-index:998;
	box-shadow:0 -2px 3px 0 rgba(0, 0, 0, .2)
}
#greviews-sidebar>.inner>.bottom a {
	font-weight:bold;
	font-size:14px;
	line-height:20px
}
#greviews-sidebar .center .rating {
	display:flex;
	align-items:center
}
#greviews-sidebar .center .stars {
	white-space:nowrap;
	vertical-align:bottom;
	line-height:12px
}
#greviews-sidebar .center .star {
	width:12px;
	height:12px;
	background-image:url(images/spritesheet_star.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:12px auto;
	position:relative;
	display:inline-block;
	margin-right:4px;
	vertical-align:bottom
}
#greviews-sidebar .center .star:last-child {
	margin-right:0
}
#greviews-sidebar .center .star .inner {
	position:absolute;
	height:100%;
	left:0;
	top:0;
	background-image:url(images/spritesheet_star.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:12px auto
}
 @media (max-width:992px) {
/* #greviews-overlay,



 #greviews-badge,



 #greviews-sidebar {



  display:none



 }*/



}
#greviews-sidebar > .inner > .bottom {
	background: #fff;
	padding: 20px 30px;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 998;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .2);
}
#greviews-sidebar > .inner > .center {
	overflow: hidden;
	overflow-y: hidden;
	overflow-y: auto;
	height: calc(100vh - 177px);
	padding: 20px;
}
#greviews-sidebar {
	z-index:9999;
}
 @media only screen and (max-width: 600px) {
 #greviews-badge {
 position: relative !important;
 right:auto !important;
 bottom:auto !important;
}
}
 @media only screen and (max-width: 400px) {
 #greviews-sidebar {
 width: 100%;
}
}