#bn_reviews {
	width: 90%;
	margin: auto;
	position: relative;
	color: #756E6B;
}

#bn_reviews .hotel-name {
	text-align: center;
}

#bn_reviews #reviews .subRating,
#bn_reviews #reviews .ratingSeparator {
	display:none;
}

#bn_reviews #reviews .review {
	min-height: 130px;
	margin-bottom: 20px;
	position: relative;
}

#bn_reviews #reviews .page.paginate {
	display: none;
}

#bn_reviews #reviews .page.paginate.active {
	display: block;
}

#updateButton {
	position: fixed;
	top:20px;
	right: 20px;
	text-decoration: none;
	color:white;
	background-color: #756E6B;
	padding: 10px;
}

#bn_reviews .btn {
	background-color: #B7B2AE;
	text-decoration: none;
	color: #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	display: inline-block;
}

#bn_reviews .btn.closed:after {
	font-family: "icomoon";
	content: "\e60e";
    font-size: 0.5em;
    padding-left: 20px;
}

#bn_reviews .btn.opened:after {
	font-family: "icomoon";
	content: "\e610";
    font-size: 0.65em;
    padding-left: 26px;
    font-weight: bold;
}

#bn_reviews .btn.light {
	border: #726c6b solid 1px;
	background: transparent;
	color: #726c6b;
}

#bn_reviews .btn.btn-center {
	text-align: center;
	width: 100%;
}

#bn_reviews #reviews a.btn.more {
	cursor: pointer;
}

#bn_reviews #reviews .btn.more {
	width:100%;
	background:transparent;
}

#bn_reviews #reviews span.btn.more {
	display:none;
}

#bn_reviews #reviews .review .toggle_details i {
    font-size: 45%;
    margin-left: 1em;
}

#bn_reviews #reviews .review .toggle_details i.icon-schliessen {
    font-size: 65%;
    margin-left: 1em;
}

#bn_reviews hr {
	border-top: 1px solid rgba(0,0,0,0.25);
}

#bn_reviews #business hr:first-of-type {
	margin: 15px 0 1em 0;
}

#bn_reviews #business .subRating.fullwidth .rating {
	text-align: center;
}

#bn_reviews #business .booking_link {
	text-align: center;
	margin-bottom:20px;
	text-align:right;
	float:right;
	width:20%;
}

/*#bn_reviews #business .booking_link a {
	background-color: #756E6B;
}*/

#bn_reviews #business .overall_rating {
	display: flex;
    font-size: 19px;
    margin:auto;
    margin-bottom: 25px;
	font-weight: bold;
	float:left;
	margin-top:15px;
}
#bn_reviews h1,
#bn_reviews h2,
#bn_reviews h3 {
	text-align: center;
}

#bn_reviews h2 {
	margin: 50px 0;
}

#bn_reviews .review .review-header {
	background-color: #726c6b;
	padding: 10px 15px 0px 0px;
	width: 100%;
	color: white;
	font-weight: bold;
}

#bn_reviews #business .overall_rating > div:not(:last-of-type) {
	margin:auto;
	margin-right:20px;
}

#bn_reviews #business .overall_rating > div.stars {
    margin-right: 50px;
}

#bn_reviews .fullBackground {
    margin: 0 -9999rem;
    padding: 0 9999rem;
}

#bn_reviews .fullBackground.light {
	background-color: #f1f1f0;
}

#bn_reviews .fullBackground.dark{
	background-color: #726c6b;
}

#bn_reviews .fullBackground.brown{
	background-color: #D5B47C;
}

#bn_reviews .fullBackground.overallRat {
	padding-top: 15px;
	padding-bottom: 15px;
}

#bn_reviews .fullBackground.reviewContainer {
	padding-top: 20px;
	padding-bottom: 20px;
}

#bn_reviews #business .overall_rating .rating_description {
}

#bn_reviews #business .info {
	margin-top: 25px;
}

#bn_reviews #reviews .review .toggle_details {
	/*position: absolute;
	bottom: 15px;
	right: 15px;*/
	float:right;
}

#bn_reviews #reviews .review .overallComment {
	/*float:left;*/
	width: 100%;
	margin-bottom: 15px;
}

#bn_reviews .subRating.fullwidth {
	width: 55%;
	/*margin: auto;*/
	margin-bottom: 25px;
}

#bn_reviews .subRating.fullwidth td {
	/*padding-left: 10px;*/
	height: 1.7em;
}

/*#bn_reviews .subRating.fullwidth tr:nth-child(odd) {
	background-color: gainsboro;
}*/

#bn_reviews .subRating:not(.fullwidth) {
	width: 75%;
}

#bn_reviews .subRating:not(.fullwidth) table {
	width: 100%;
}

#bn_reviews #reviews .review .overallRating {
	float: right;
	margin-bottom: 10px;
}

#bn_reviews #reviews .review .info {
	float: left;
}

#bn_reviews #reviews .review .hotelComment {
	font-style: oblique;
	margin-top: 15px;
	width: 75%;
	margin-bottom: 15px;
	padding-left: 10px;
	font-size: 0.9em;
}

#bn_reviews #reviews .review .subRating {
	/*margin-top: 20px;*/
	margin-bottom: 20px;
}

#bn_reviews #reviews .review .subRating .comment {
	padding-left:20px;
	font-style: italic;
	font-size: 14px;
}

#bn_reviews #reviews .review .overallRating > div,
#bn_reviews #reviews .review .overallRating > span {
    display: inline-block;
}

#bn_reviews #reviews .review hr:not(.ratingSeparator) {
	margin: 0 0 1em 0;
}

/* --- Star Rating --- */

#bn_reviews div.stars {
	width: 85px;
    height: 17px;
    background: url(../images/rating-star-s-blank.png) repeat-x left center;
}

#bn_reviews div.stars.big {
	width: 120px;
    height: 23px;
    background: url(../images/rating-star-l-blank.png) repeat-x left center;
}

#bn_reviews div.stars > .overlay {
	height: 17px;
	background: url(../images/rating-star-s.png) repeat-x left center;
	width:0;
}



#bn_reviews div.stars.big > .overlay {
    height: 23px;
    background: url(../images/rating-star-l.png) repeat-x left center;
	width:0;
}

/* MEDIA QUERIES */

@media (max-width: 850px) {

	#bn_reviews #business .subRating.fullwidth {
		width: 100%;
	}

}

@media (max-width: 570px) {

	#bn_reviews #business .booking_link {
		float: none;
	    text-align: center;
    	width: 100%;
	}

	#bn_reviews #business .overall_rating {
		float: none;
		margin:auto;
		margin-bottom: 15px;
		width: 100%;
	}

}

@media (max-width: 500px) {

	#bn_reviews #reviews .review .subRating {
		width: 100%;
	}

	#bn_reviews #business .info {
		text-align:center;
		width: 100%;
	}

	#bn_reviews #reviews .review .review-header .info,
	#bn_reviews #reviews .review .review-header .overallRating {
		float:none;
		margin:auto;
		text-align:center;
	}

	#bn_reviews #reviews .review .review-header .info {
		margin-bottom: 5px;
	}

	#bn_reviews #reviews .review .review-header {
		padding-bottom:10px;
	}

}

@media (max-width: 440px) {

	#bn_reviews #business .overall_rating {
		display:block;
		text-align: center;
	}

	#bn_reviews #business .overall_rating div:not(:first-of-type) {
		display: inline-flex;
	}

	#bn_reviews #business .overall_rating div:first-of-type {
		display: inline-table;
		width: 100%;
	}

	#bn_reviews #business .overall_rating > div.stars {
		margin-right: 20px;
	}

}

@media (max-width: 385px) {

	table.subRating tr > td:first-of-type,
	div.subRating > table tr > td:first-of-type {
		width: 50%;
	}

}