#survey-container {
    display: none;
	width:1280px;
	height:720px;
	/*background: url('../images/home.jpg') no-repeat top left;*/
	background: rgba(255,255,255,0.8);

	background-size:contain;
	position:absolute;
	top:0;
	left:0px;
	margin:0;
	padding:0;
	color: #000;
}
#survey-container h1{
	font-family: 'Montserrat';
	font-size:24px;
	padding:10px 0;
	float:left;
	width:85%;
	color:#2c0b3d;
	
	}
.last_page h1{
	font-family: 'Montserrat';
	font-size:24px;
	padding:10px 0;
		color:#2c0b3d;

	}
.page-counter
{
	font-family: 'Montserrat'!important;
	font-size:28px;
	padding:0px 10px 0 0;
	margin:20px 10px 0 40px;
	float:left;
	border-right:1px solid #D9D9D6;
	}
.heading{
	overflow:hidden;}

#survey-container p.question-rating {
	float:left;
	font-size:24px!important;
	padding:20px 0;
	margin-right: 0;
	font-family: 'Montserrat'!important;

}
	
#survey-container .rating {
	float:right;
}

#survey-container ul.rating {
	margin-left: 0;
}

#survey-container .rating li {
	display:inline;
	float:left;
	text-align:center;
	border:none!important;
	font-size:20px;
	font-family: 'Montserrat'!important;

}

#survey-container .question {
	width:100%;
	height:80px;
	float:left;
	border-bottom:1px solid #D9D9D6;
	padding:5px 10px;
}

#survey-container .answers ul {
	list-style:none;
	font-size:20px;
}

#survey-container .answers li {
    line-height:56px;
    border-bottom:1px solid #D9D9D6;
	font-family: 'Montserrat'!important;
}

#survey-questions {
	height:612px;
	width:960px;
	margin:0 auto;
}
#survey-questions p{
	font-size:26px;
	line-height:28px;
	font-family: 'Montserrat'!important;
	}
#survey-container h1 .desc{
	font-size:12px;
	color:#2C0B3D;
	font-family: 'Montserrat';    
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;

	}
#survey-container p .desc{
	font-size:12px;
	font-family: 'Montserrat';    
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;

	}

#survey-footer {
	background: #fff;
	width:100%;
	height:90px;
	text-align:center;
	line-height:90px;
	display: table;
	table-layout: fixed;
}
#survey-footer div:first-child{
	width: 40%;
	color:#2C0B3D;
	font-family: 'Montserrat';    
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	font-size: 14px;
	display: table-cell;
	padding-left: 80px;
	background: url(../images/survey-footer-back.png) no-repeat 3% 13px;
	background-size: 10%;
}

#survey-footer div:last-child{
	width: 40%;
	color:#2C0B3D;
	font-family: 'Montserrat';    
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: right;
	background: url(../images/survey-footer-remote.png) no-repeat 97% 13px;
	background-size: 10%;
	font-size: 14px;
	display: table-cell;
	padding-right: 100px;

}

#survey-container.last_page ul{
	width:360px;
	margin:50px auto 0 auto;
	}

#survey-container.last_page li{
	width: 350px;
	padding:20px 0;
	text-align: center;
	margin-right: 10px;
	background: #D9D9D6!important;
	color: #2C0B3D;	
	-webkit-border-radius:10px;
	font-size:28px;
	line-height:34px!important;
	margin-bottom:15px;	
    font-family: 'Montserrat';}
	
#survey-container.last_page li.selected{
	background:#e85d42!important;
	color:#fff!important;
}
#survey-container li.confirm input[type="checkbox"] + label span{
	display:none!important;}


#survey-container .prev {
	width:40px;
	height:40px;
	position:absolute;
	left:50px;
	top:300px;
}

#survey-container .next {
	width:40px;
	height:40px;
	position:absolute;
	right:50px;
	top:300px;
}
#survey-container .prev img,
#survey-container .next img{
	width:100%;

}


#survey-container .selected {
	background:#e85d42!important;
	color:#fff!important;}
	
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:45px;
    height:45px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background: url(../images/message-checkbox.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background: url(../images/message-checked.png) left top no-repeat;
}
input[type="radio"] + label{
	line-height:22px;}


input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:45px;
    height:40px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background: url(../images/message-checkbox.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background: url(../images/message-checked.png) left top no-repeat;
}