/*------------------------------ Body Header Changes -----------------------------------------------------------------*/
body.survey {
	padding-top: 0;
}

body.survey header {
	display: none;
}

body.survey main#content {
	background-size: cover;
	background-position: 50% 10%;
	background-repeat: no-repeat;
}

body.survey main#content div#main {
	overflow: hidden;
	margin-top: 75px;
	background-color: transparent;
}

body.survey main#content div#main div.survey-page-header{
	/*background-image: linear-gradient(to right, #3f3b3d 10%, #3f3b3d 30%, #1D4B68 45%, #1D4B68 75%, #fff 80%);*/
	overflow:hidden;
	margin-bottom:50px;
	padding: 25px 50px;
	background-color: #fff;
}

body.survey main#content div#main div.survey-page-header .home_section_title {
	margin: 12px 0 20px;
	padding: 0;
	float:left;
	max-width:80%;
	background-color:transparent;
	color:#000;
}

body.survey main#content div#main div.survey-page-header div.logo{
	float:right;
	max-width:20%;
}

@media only screen and (max-width: 1599px){
	body.survey main#content div#main div.logo {
		top: 80px;
	}
}

@media only screen and (max-width: 768px){
	body.survey main#content div#main {
		margin-top:120px;
	}

	body.survey main#content div#main div.logo {
		top:20px;
	}
}

@media only screen and (max-width:480px){
	body.survey main#content div#main div.logo{
		left: 50%;
		transform: translateX(-50%);
		right: auto;
	}
}

/*------------------------------- Survey -----------------------------------------------------------------------------*/
body.survey main#content div#main div#survey {
	background-color: #fff;
	padding: 50px;
	margin-bottom: 200px;
	position: relative;
}

body.survey main#content div#main div#survey h1,
body.survey main#content div#main div#survey h2,
body.survey main#content div#main div#survey h3,
body.survey main#content div#main div#survey h4,
body.survey main#content div#main div#survey h5{
	/*font-family: "DIN";*/
}

body.survey main#content div#main div#survey p{
	/*font-family: "Avenir Next";*/
}

@media only screen and (max-width:360px){
	body.survey main#content div#main div#survey{
		padding: 50px 25px;
	}
}

/*------------------------------- Survey Header ----------------------------------------------------------------------*/
body.survey main#content div#main div#survey div.survey-header {
	border-bottom: 3px solid #3f3b3d;
	margin-bottom: 45px;
}

body.survey main#content div#main div#survey div.survey-header h3 {
	font-weight: 400;
	margin-top: 0;
	text-transform: none;
	font-size:1.6em;
}

/*---------------------------------- Survey Body ---------------------------------------------------------------------*/
/*----- Basic Body Styles -----*/
body.survey main#content div#main div#survey div.survey-body {

}

body.survey main#content div#main div#survey div.survey-body p {
	font-size: 1.1em;
}

body.survey main#content div#main div#survey div.survey-body h4,
body.survey main#content div#main div#survey div.survey-body h5,
body.survey main#content div#main div#survey div.survey-body h6 {
	font-weight:bold;
}

body.survey main#content div#main div#survey div.survey-body label{
	font-weight: normal;
}

/*----- Form Styles -----*/
/* Intro Form */
body.survey main#content div#main div#survey div.survey-body form.intro {
	overflow: hidden;
	margin-top: 50px;
}

body.survey main#content div#main div#survey div.survey-body form.intro input.text {
	width: 48%;
	margin-right: 2%;
	float: left;
	/*font-size: 1.4em;*/
	/*padding: 15px 15px;*/
	/*background-color: #f5f5f5;*/
	/*border: 1px solid #979797;*/
}

body.survey main#content div#main div#survey div.survey-body form.intro input.text.email {
	margin-right: 0;
	margin-left: 2%;
}

body.survey main#content div#main div#survey div.survey-body form.intro input.submit {
	/*float: right;*/
	margin-top: 50px;
	text-transform: uppercase;
	font-weight: bold;
	/*letter-spacing: 1.5px;*/
	font-size: 1.5em;
	color: #fff;
	/*border: none;*/
	/*background-color: #1D4B68;*/
	/*padding: 15px 75px;*/
	transition:0.25s;
	height: auto;
}

body.survey main#content div#main div#survey div.survey-body form.intro input.submit:hover {
	opacity: 0.6;
}

@media only screen and (max-width:600px){
	body.survey main#content div#main div#survey div.survey-body form.intro input.text {
		width: 100%;
		margin-right: 0;
	}

	body.survey main#content div#main div#survey div.survey-body form.intro input.text.email {
		margin-left: 0;
		margin-top:25px;
	}

	body.survey main#content div#main div#survey div.survey-body form.intro input.submit {
		width:100%;
		margin-top:25px;
	}
}

/*----- Multiple Choice and Checkboxes -----*/

body.survey main#content div#main div#survey div.survey-body  div.question div.choices{
	overflow: hidden;
}

body.survey main#content div#main div#survey div.survey-body  div.question div.choices .choice{
	/*width:20%;
	float:left;
	overflow: hidden;*.
}

body.survey main#content div#main div#survey div.survey-body  div.question div.choices .choice input{
	/*width:13px;
	float:left;
	margin-left:5px;*/
}

body.survey main#content div#main div#survey div.survey-body  div.question div.choices .choice label{
	/*width: calc(97% - 18px);
	margin-left:3%;
	float:right;*/
}

/*----- Text -----*/
body.survey main#content div#main div#survey div.survey-body  div.text{

}

body.survey main#content div#main div#survey div.survey-body  div.text textarea{
	width: 100%;
	height: 34px;
	/*margin-left:2px;*/
}

/*----- Slider -----*/
body.survey main#content div#main div#survey div.survey-body  div.slider div.slider-row{
	overflow: hidden;
}

body.survey main#content div#main div#survey div.survey-body  div.slider div.slider-row span.left{
	width:10%;
	float:left;
	text-align: right;
}

body.survey main#content div#main div#survey div.survey-body  div.slider div.slider-row input.slider-input{
	width:78%;
	margin: 0 1%;
	float:left;
}

body.survey main#content div#main div#survey div.survey-body  div.slider div.slider-row span.right{
	width:10%;
	float:right;
}

/*----- Stars -----*/
body.survey main#content div#main div#survey div.survey-body  div.question.stars{

}

body.survey main#content div#main div#survey div.survey-body  div.question.stars div.stars{

}

body.survey main#content div#main div#survey div.survey-body  div.question.stars div.stars i{
	font-size:2em;
	margin-left:1%;
	cursor: pointer;
}

body.survey main#content div#main div#survey div.survey-body  div.question.stars div.stars i.fa-star-o{

}

body.survey main#content div#main div#survey div.survey-body  div.question.stars div.stars i.fa-star{
	color: #1D4B68;
}

/*----- Progress Bar -----*/
body.survey main#content div#main div#survey div.survey-body div.progress-bar{
	background: #eee;
	border-bottom: none;
	box-shadow: none;
	width:30%;
	margin: 75px auto 0;
	float:none;
	height:auto;
}

body.survey main#content div#main div#survey div.survey-body div.progress-bar .progress{
	text-align:right;
	background-color: #1D4B68;
	padding: 0 2%;
	margin:0;
}

	/*----- Finish Page -----*/
body.survey main#content div#main div#survey div.survey-body div.survey-buttons{
	overflow: hidden;
	/*font-family: "DIN";*/
}

body.survey main#content div#main div#survey div.survey-body div.survey-buttons a{
	float: left;
	margin-top: 50px;
	text-transform: uppercase;
	font-weight: bold;
	/*letter-spacing: 1.5px;*/
	font-size: 1.5em;
	color: #fff;
	height: auto;
	/*border: none;*/
	/*background-color: #1D4B68;*/
	/*padding: 15px 0;*/
	width:100%;
	text-align: center;
	transition:0.25s;
}

body.survey main#content div#main div#survey div.survey-body div.survey-buttons a:hover{
	opacity: 0.6;
}

body.survey main#content div#main div#survey div.survey-body div.survey-buttons a.survey-button.leave-button{
	float:right;
}


/*---------------------------------- Survey Body ---------------------------------------------------------------------*/

body.survey main#content div#main div#survey div.survey-body .question {
	overflow: hidden;
	padding: 15px 0 5px;
	margin: 30px 0;
	border-top: 1px solid #ddd;
}

body.survey main#content div#main div#survey div.survey-body .question.instruction {
	border-top:none;
}

body.survey main#content div#main div#survey div.survey-body .question div.required{
	margin: 20px 0 0;
}

body.survey main#content div#main div#survey div.survey-footer{

}

body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons{
	position: absolute;
	bottom:-100px;
	left:0;
	width:100%;
}

body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons .survey-button{
	float: left;
	margin-top: 50px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	height: auto;
	width:100%;
	text-align: center;
	transition:0.25s;
}

body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons .survey-button:hover{
	opacity: 0.6;
}

body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons .survey-button.next-button{
	float:right;
}

@media only screen and (max-width:1024px){
	body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons .survey-button.back-button{
		margin-left:5%;
	}
	
	body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons .survey-button.next-button{
		margin-right:5%;
	}
}

@media only screen and (max-width:480px){
	body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons .survey-button{
		width:42.5%;
		padding: 15px 0;
		text-align: center;
	}

	body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons .survey-button.back-button{
		margin-right:2.5%;
	}

	body.survey main#content div#main div#survey div.survey-footer div.survey-nav-buttons .survey-button.next-button{
		margin-left:2.5%;
	}
}

/*------------------------------ Body Footer Changes -----------------------------------------------------------------*/
body.survey footer#footer {
	margin-top: 0;
}

body.survey footer div#footer-nav-container {
	display: none;
}

body.survey footer div#footer-contact {
	border-top: 1px solid #979797;
}