.evaluator_holder
{
	max-width:900px;
	width:80vw;
	height:auto;
	margin:10vh 0 10vh 0;
	box-shadow:0 20px 80px #c8c8c8;
	padding:80px;
	background:#fff;
	overflow:hidden;
}



@media screen and (max-width: 800px) 
{
	.evaluator_holder
	{
		width:100vw;
		max-width:none;
		min-height:100vh;
		height:auto;
		margin:0;
		padding:80px 20px 80px 20px;
		background:#fff;
		overflow:hidden;
	}
}






.evaluator_box
{
    
}

.evaluator_box .separator
{
	height:2px;
	background:#f8f8f8;
	margin:30px 0 40px 0;
}

.evaluator_box .headline
{
	font-weight:800;
	color:#29353D;
	font-size:14px;
	line-height:26px;
	text-align:left;
	margin:40px 0 20px 0;
	text-align:center;
	text-transform:uppercase;
}

.evaluator_box .subheadline
{
	font-family:"600";
	color:#29353D;
	font-size:12px;
	line-height:22px;
	text-align:left;
	opacity:0.4;
	margin:0 0 20px 0;
	text-align:center;
}

.evaluator_box .button
{
	width:100%;
    height:40px;
    margin:40px 0 0 0;
    background: #B79A71;
    border-radius: 10px;
    box-shadow: 0 10px 50px #e8e8e8;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}




.large_rating
{
	width:100%;
	max-width:500px;
}

.large_rating .rater
{
	width:100%;
	max-width:300px;
	height:35px;
	margin:0 0 30px 0;
}

.large_rating .rater .rate
{
	width:20%;
	height:100%;
	background-size:contain !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-image:url('../img/evaluator_icon.png');
	opacity:0.4;
}

.large_rating .rater .rate:before
{
	content:"";
	padding-top:100%;
	display:block;
}

.large_rating .rater .rate_hover
{
	opacity:1;
}

.large_rating .rater .rate_selected
{
	opacity:1;
}

.large_rating .note
{
	height:110px;
    line-height:20px;
    padding:15px;
    background:rgba(52,52,52,0.05);
    margin:0;
    border-radius:20px;
    text-align:left;
}




.small_rating_holder
{
	width:calc(100% + 80px);
}

.small_rating
{
	width:calc(100% - 80px);
	margin:10px 40px 10px 40px;
}

@media screen and (max-width: 800px) 
{
	.small_rating
	{
		width:calc(100% - 80px);
		margin:10px 40px 10px 40px;
	}
}

.small_rating .title
{
	width:60% !important;
	font-weight:800 !important;
	color:#393939;
	font-size:14px !important;
	line-height:20px !important;
	height:20px !important;
	text-align:left !important;
	padding:0 !important;
	text-transform:none !important;
	border:none !important;
    margin:0 !important;
    letter-spacing:0px !important;
}

.small_rating .rater
{
	width:40%;
	height:20px;
}

.small_rating .rater .rate
{
	width:20%;
	height:100%;
	background-size:contain !important;
	background-position:right center !important;
	background-repeat:no-repeat !important;
	background-image:url('../img/evaluator_icon.png');
	opacity:0.4;
}

.small_rating .rater .rate:before
{
	content:"";
	padding-top:100%;
	display:block;
}

.small_rating .rater .rate_hover
{
	opacity:1;
}

.small_rating .rater .rate_selected
{
	opacity:1;
}

.small_rating .note
{
	height:40px !important;
    line-height:20px !important;
    padding:10px !important;
    background:rgba(52,52,52,0.05) !important;
    margin:20px 0 10px 0 !important;
    border-radius:20px !important;
    -webkit-border-radius:20px !important;
    text-align:left !important;
}




.evaluator_response_box
{
	max-width:400px;
    background:#fff;
    padding:40px 40px 40px 40px;
    margin:0 0 40px 0;
    border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0 5px 40px -5px rgba(41,53,61,0.4);
}

.evaluator_response_box .headline
{
	font-family:"600";
	color:#29353D;
	font-size:16px;
	line-height:26px;
	text-align:left;
	margin:0 0 10px 0;
	text-align:center;
}

.evaluator_response_box .subheadline
{
	font-family:"600";
	color:#29353D;
	font-size:12px;
	line-height:22px;
	text-align:left;
	opacity:0.4;
	margin:0 0 20px 0;
	text-align:center;
}



.evaluator_submit
{
	height:40px;
	line-height:20px;
	padding:10px;
	margin:20px 0 20px 0;
	font-weight:800;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	color:#fff;
	background:#cfc8b8;
	cursor:pointer;
	border-radius:20px;
	box-shadow:0 5px 20px -5px rgba(52,52,52,0.2);
}

.evaluator_submit:hover
{
	box-shadow:0 10px 30px -3px rgba(52,52,52,0.2);
	transform:translate(-50%,-1px) !important;
}