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:100px;

 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:1111;

}

#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

}

#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(115vh - 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;

	}

}

.gr-place
{
	background: #fff;
	padding: 20px 50px 20px 20px;
	height: 118px;
	width: 100%;
	z-index: 998;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
}
.allplacebutton
{
	background: #fff;
	padding: 20px 30px;
	box-shadow: 0 -2px 3px 0 rgba(0,0,0,.2);
}
.wp-google-url
{
	color:#555 !important;
}
.allplaces {
    overflow: scroll;
    height: calc(100vh - 40px);
}

@media only screen and (max-width: 400px) {
	
	#greviews-sidebar
	{
		width: 100%;
	}
}