body
{
	font-family: proxima-nova-soft, sans-serif;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	line-height: 1em;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	background-color: #F0F2F5;
}

.background
{
	background-image:      url('');
	background-position: center top;
	background-size: $background-size;
	background-repeat: $background-repeat;
	opacity: 1;
	-moz-opacity: 1;
}

.survey
{
	width: 75%;
	max-width: 780px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 21px;
	margin-bottom: 10%;
	padding-top: 8%;
	padding-bottom: 8%;
	padding-left: 8%;
	padding-right: 8%;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-width: 0px;
	border-color: rgba(255, 255, 255, 1);
}

.survey > .background
{
	background-image:      url('');
	background-position: left top;
	background-size: $page-background-size;
	background-repeat: $page-background-repeat;
	opacity: 1;
	-moz-opacity: 1;
}

.element:first-child
{
	margin-right: 2%;
}

.element.half
{
	width: 49%;
}

.element h1
{
	color: #3D454D;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 50px;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0.1em;
}

.element h2
{
	color: #3D454D;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 30px;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0.1em;
}

.element h3
{
	color: #3D454D;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 17px;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element h4
{
	color: #3D454D;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 17px;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element h5
{
	color: #3D454D;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 17px;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element p
{
	color: #3D454D;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0.6em;
}

.field.checkbox
{
	border: 1px solid rgba(204, 204, 204, 1);
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 1);
}

.field.checkbox label
{
	border-radius: 4px;
}

.field.checkbox label:after
{
	border-color: #3D454D;
}

.field.radio
{
	border: 1px solid rgba(204, 204, 204, 1);
	background-color: rgba(255, 255, 255, 1);
}

.field.radio label:after
{
	background: #3D454D;
}

.progress
{
	font-family: proxima-nova, sans-serif;
	font-size: 14px;
	line-height: 1em;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: inherit;
	color: rgba(61, 69, 77, 1);
}

.progress .outer
{
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: rgba(153, 153, 153, 0.5);
}

.progress .inner
{
	background-color: rgba(240, 242, 245, 1);
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.element.required .asterisk
{
	color: rgba(255, 77, 77, 1);
}

.element.required > .heading > *:last-child:after
{
	color: rgba(255, 77, 77, 1);
}

.warning
{
	color: rgba(255, 77, 77, 1);
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 1em;
}

a
{
	color: rgba(0, 172, 238, 1);
}

input.text.small
{
	width: 100%;
}

textarea.text.large
{
	width: 100%;
	height: 120px;
}

input.text, textarea.text
{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #3D454D;
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(204, 204, 204, 1);
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0em;
}

.controls button,
label.upload-button
{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.controls button.secondary,
label.upload-button
{
	background-color: rgba(245, 245, 245, 1);
	border: 2px solid rgba(204, 204, 204, 1);
	color: rgba(61, 69, 77, 1);
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.controls button.primary
{
	background-color: rgba(245, 245, 245, 1);
	border: 2px solid rgba(204, 204, 204, 1);
	color: rgba(61, 69, 77, 1);
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.controls button.secondary:hover,
label.upload-button:hover
{
	background-color: rgba(245, 245, 245, 1);
	border-color: rgba(204, 204, 204, 1);
}

.controls button.primary:hover
{
	background-color: rgba(245, 245, 245, 1);
	border-color: rgba(204, 204, 204, 1);
}

.element.eoption .label
{
	color: #3D454D;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0.6em;
}

.element.escale .tr.statement
{
	background-color: #ffffff;
}

.element.escale .tr.statement:nth-child(2n+1)
{
	background-color: #ebeef1;
}

.element.escale .topics
{
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
}

.element.escale .topics > .td,
.element.escale .shared-statement.mobile
{
	color: #3D454D;
}

.element.escale .options
{
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.element.escale .extreme
{
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.element.escale .shared-statement
{
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.element.escale .extreme.left
{
	color: #3D454D;
}

.element.escale .extreme.right
{
	color: #3D454D;
}

.element.escale .question
{
	color: #3D454D;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.element.escale .table .options
{
	color: #3D454D;
}

.element.escale .options .td
{
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.element.eoption .select
{
	width: 100%;
}

.element.eoption .select:after
{
	border-color: rgba(51, 51, 51, 1) transparent transparent transparent;
	right: 0.5em;
	margin-right: 0.5em;
}

.element.eoption .select select
{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: rgba(204, 204, 204, 1);
	color: rgba(51, 51, 51, 1);
	border: 1px solid rgba(204, 204, 204, 1);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
}

.element.eimageselection .option.selected
{
	background-color: $selected-image-option-color;
}

.element.eslider .statement .question
{
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	color: #3D454D;
}

.element.eslider .extremes
{
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	color: #3D454D;
}

.element.eslider .labels
{
	font-family: proxima-nova-soft, sans-serif;
	font-size: 14px;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	color: #3D454D;
}

.element.eslider .tick .line
{
	border-left: 1px solid rgba(204, 204, 204, 1);
}

.element.eslider .outer
{
	background-color: rgba(204, 204, 204, 1);
	border: 1px solid rgba(204, 204, 204, 1);
}

.element.eslider .inner
{
	background-color: rgba(66, 66, 66, 1);
}

.element.eslider .switch a.handle
{
	background-color: rgba(66, 66, 66, 1);
}

.element.eslider .disabled .switch a.handle
{
	background-color: rgba(204, 204, 204, 1);
}

.element.eslider .switch div.shade
{
	background-color: rgba(204, 204, 204, 1);
	border: 1px solid rgba(204, 204, 204, 1);
}

.element.eslider .disabled .switch div.shade
{
	background-color: rgba(66, 66, 66, 1);
	border: 1px solid rgba(204, 204, 204, 1);
}

.poweredBy a:link, .poweredBy a:visited
{
	color: #3D454D;
}

/* IE10 + IE11  */
_:-ms-lang(x),
.element:first-child
{
	margin-right: calc(2%/2);
}

/* Edge */
_:-ms-lang(x),
_:-webkit-full-screen,
.element:first-child
{
	margin-right: calc(2%/2);
}
.controls button.primary, .controls button.secondary, label.upload-button
{
	-webkit-box-shadow: 0 0 0 1px rgba(218, 243, 253, 0), inset 0px 1em 5px 1px rgba(255, 255, 255, 0.45);
	-moz-box-shadow:    0 0 0 1px rgba(218, 243, 253, 0), inset 0px 1em 5px 1px rgba(255, 255, 255, 0.45);
	box-shadow:         0 0 0 1px rgba(218, 243, 253, 0), inset 0px 1em 5px 1px rgba(255, 255, 255, 0.45);
}
.controls button.primary:hover, .controls button.secondary:hover, label.upload-button:hover
{
	-webkit-box-shadow: 0 0 10px 2px rgba(218, 243, 253, 1), inset 0px 1em 5px 1px rgba(255, 255, 255, 0.45);
	-moz-box-shadow:    0 0 10px 2px rgba(218, 243, 253, 1), inset 0px 1em 5px 1px rgba(255, 255, 255, 0.45);
	box-shadow:         0 0 10px 2px rgba(218, 243, 253, 1), inset 0px 1em 5px 1px rgba(255, 255, 255, 0.45);
}
.controls button.primary:active, .controls button.secondary:active, label.upload-button:active
{
	-webkit-box-shadow: 0 0 10px 1px rgba(218, 243, 253, 0), inset 0px 1px 1px 0 rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0 0 10px 1px rgba(218, 243, 253, 0), inset 0px 1px 1px 0 rgba(0, 0, 0, 0.75);
	box-shadow:         0 0 10px 1px rgba(218, 243, 253, 0), inset 0px 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.field.radio
{
	-webkit-box-shadow: inset 0px 0.5em 5px 1px rgba(255, 255, 255, 0.65);
	-moz-box-shadow:    inset 0px 0.5em 5px 1px rgba(255, 255, 255, 0.65);
	box-shadow:         inset 0px 0.5em 5px 1px rgba(255, 255, 255, 0.65);
}
.field.checkbox
{
	-webkit-box-shadow: inset 0px 0.5em 5px 1px rgba(255, 255, 255, 0.65);
	-moz-box-shadow:    inset 0px 0.5em 5px 1px rgba(255, 255, 255, 0.65);
	box-shadow:         inset 0px 0.5em 5px 1px rgba(255, 255, 255, 0.65);
}
.element.eoption .select select
{
	-webkit-box-shadow: inset 0px 0.7em 1.3em 1px rgba(255, 255, 255, 0.85);
	-moz-box-shadow:    inset 0px 0.7em 1.3em 1px rgba(255, 255, 255, 0.85);
	box-shadow:         inset 0px 0.7em 1.3em 1px rgba(255, 255, 255, 0.85);
}
input.text, textarea.text
{
	-webkit-box-shadow: inset 0px 0.2em 5px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    inset 0px 0.2em 5px 0 rgba(0, 0, 0, 0.05);
	box-shadow:         inset 0px 0.2em 5px 0 rgba(0, 0, 0, 0.05);
}