header.review{
	position: fixed;
	width: 100%;
	height: 20%;

}
.content_header{
	height: 80%;
	width: 100%;
	background-color: #FDF7C6;
	position: absolute;
	top:0%;
}
.review_paper_wp{
	position: absolute;
	bottom: 0%;
	width: 100%;
}

.filter_box{
	float: right;
	width: 23%;
	height: 90%;
}

ul.review{
	list-style: none;
	color: #fff;
	font-size: 3em;
	font-family: 'gloria';

}

ul.review li{
	padding: 0.8em 1.2em;
	background-color: red;
	-webkit-box-shadow: inset 0px 1em 1em 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 1em 1em 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1em 1em 0px rgba(0,0,0,0.2);

	transition-property:opacity, padding;
	-moz-transition-property: opacity, padding; /* Firefox 4 */
	-webkit-transition-property:opacity, padding; /* Safari and Chrome */
	-webkit-transition-duration: 250ms;
	-moz-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;

}

ul.review li.notVisible{
	opacity: 0;
	height: 0;
	padding: 0;
	transition-property:opacity, padding;
	-moz-transition-property: opacity, padding; /* Firefox 4 */
	-webkit-transition-property:opacity, padding; /* Safari and Chrome */
	-webkit-transition-duration: 250ms;
	-moz-transition-duration: 250ms;
	transition-duration: 250ms;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

ul.review li:first-child{
	padding-top: 30%; /* 27 y 32*/
}

ul.review li.ok{
	background-color: #d7ca55;
}

ul.review li.bad{
	background-color: #f39200;
}


input[type="radio"]{ display: none; }
label{
    color: #333;
}

input[type="radio"] + label span{
	width: 37%;
	display: block;
}

input[type="radio"] + label span span{
    display: block;
    width: 100%;
    height: 0%;
    padding-bottom: 75.75%;
    background: url(img/radio.png) left top no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    cursor:pointer;
}
input[type="radio"]:checked + label span span{
    background: url(img/radioSelected.png) left top no-repeat;
    background-size: 100%;
}

input[type='radio'] + label span.text_radio{
	font-size: 2em;
	position: absolute;
	right: 29%;
	top: 9%;
}
.wr_radio{
    margin-top: 2.5%;
    position: relative;
    font-family: 'gloria', serif;
}

.pop_up_more_info_review{
	height: 0%;
	width: 100%;
	background-color: #FDF7C6;
	position: absolute;

	transition-property:height;
	-moz-transition-property: height; /* Firefox 4 */
	-webkit-transition-property:height; /* Safari and Chrome */
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
	transition-duration: 1000ms;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.pop_up_more_info_review.open{
	height: 445%;
	width: 100%;
	background-color: #FDF7C6;
	position: absolute;

	transition-property:height;
	-moz-transition-property: height; /* Firefox 4 */
	-webkit-transition-property:height; /* Safari and Chrome */
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
	transition-duration: 1000ms;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.pop_up_more_info_review *{
	opacity: 0;
	transition-property: opacity;
	-moz-transition-property:  opacity; /* Firefox 4 */
	-webkit-transition-property: opacity; /* Safari and Chrome */
	-webkit-transition-duration: 50ms;
	-moz-transition-duration: 50ms;
	transition-duration: 50ms;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.pop_up_more_info_review.open *{
	opacity: 1;
	transition-property: opacity;
	-moz-transition-property:  opacity; /* Firefox 4 */
	-webkit-transition-property: opacity; /* Safari and Chrome */
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	transition-delay: 700ms;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}

.pop_up_more_info_review .wp_pop_up_more_info_paper{
	opacity: 1 !important;
}


.wp_pop_up_more_info_paper{
	width: 100%;
	position: absolute;
	bottom: -4.5em;
}

.pop_up_more_info_review h1{
	text-align: center;
	margin-top: 1.5em;
}


.pop_up_more_info_review p{
	text-align: center;
	font-size: 2.3em;
	margin: auto 2em;
}

.wp_btn_voice.review_voice{
	top: 22%;
	right: 5%;
	width: 12%;
}

.wp_btn_turn_off.review{
	position: fixed;
}