/*
 * Copyright (c) Surveypal Ltd 2019. All rights reserved.
 *
 * This file is part of Surveypal.
 *
 * Last modification Jan 16, 2020 by Pauli.
 */

body
{
	font-family: proxima-nova, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	background-color: rgb(255, 176, 227);
}

.background
{
	background-image:      url();
	background-position: initial;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.7;
	-moz-opacity: 0.7;
}

.survey
{
	width: 90%;
	max-width: 960px;
	background-color: rgba(255, 255, 255, 1);
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 3em;
	padding-top: 5em;
	padding-bottom: 3em;
	padding-left: 6%;
	padding-right: 6%;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-width: 0px;
	border-color: rgba(0, 0, 0, 0);
}

.survey > .background
{
	background-image:      url(https://srvpleu1data2.blob.core.windows.net/media/omZz5z4wzbC4zUDkVhnnHPcnjxacDGkYAiAYNnbd5Nw_BJPgHagZtn7vGlQCMxWy);
	background-position: initial;
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0.4;
	-moz-opacity: 0.4;
}

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

.element.half
{
	width: 49%;
}

.element h1
{
	color: rgb(255, 85, 194);
	font-family: inherit;
	font-size: 2.5em;
	font-weight: bold;
	font-style: normal;
	text-transform: normal;
	text-decoration: normal;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0.1em;
}

.element h2
{
	color: rgb(255, 85, 194);
	font-family: proxima-nova, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0.1em;
}

.element h3
{
	color: rgba(51, 51, 51, 1);
	font-family: inherit;
	font-size: 1.3em;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element h4
{
	color: rgba(51, 51, 51, 1);
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element h5
{
	color: rgba(51, 51, 51, 1);
	font-family: inherit;
	font-size: 0.8em;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element p
{
	color: rgba(0, 0, 0, 0.6);
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
}

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

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

.field.checkbox label:after
{
	border-color: rgba(51, 51, 51, 1);
}

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

.field.radio label:after
{
	background: rgba(51, 51, 51, 1);
}

.progress
{
	font-family: inherit;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	text-decoration: inherit;
	color: rgba(0, 0, 0, 0.6);
}

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

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

.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, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 22px;
}

a
{
	color: rgb(226, 0, 122);
}

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

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

input.text, textarea.text
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: rgba(51, 51, 51, 1);
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(0, 0, 0, 0.3);
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
	outline: none;
}

input.text:focus, textarea.text:focus
{
	border-color: rgba(85, 85, 85, 1);
}

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

.controls button.secondary,
label.upload-button
{
	background-color: rgba(255, 255, 255, 0);
	border: 3px solid rgba(0, 0, 0, 0.6);
	color: rgba(0, 0, 0, 0.6);
	font-family: inherit;
	font-size: inherit;
	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(51, 51, 51, 1);
	border: 3px solid rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: normal;
	font-style: normal;
	text-transform: normal;
	text-decoration: inherit;
	text-transform: normal;
	text-decoration: inherit;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.controls button.secondary:hover,
label.upload-button:hover
{
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(0, 0, 0, 0.25);
	color: rgba(0, 0, 0, 0.6);
}

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

.element.eoption .label
{
	color: rgba(66, 66, 66, 1);
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
}

.element.escale .tr.statement
{
	background-color: rgba(0, 0, 0, 0);
}

.element.escale .tr.statement:nth-child(2n+1)
{
	background-color: rgba(0, 0, 0, 0.04);
}

.element.escale .topics
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	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: rgba(0, 0, 0, 0.6);
}

.element.escale .options
{
	font-family: inherit;
	font-size: 0.8em;
	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: inherit;
	font-size: 0.8em;
	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: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
}

.element.escale .extreme.left
{
	color: rgba(0, 0, 0, 0.6);
}

.element.escale .extreme.right
{
	color: rgba(0, 0, 0, 0.6);
}

.element.escale .question
{
	color: rgba(66, 66, 66, 1);
	font-family: inherit;
	font-size: inherit;
	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: rgba(0, 0, 0, 0.6);
}

.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: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 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: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
}

.element.eimageselection .option.selected
{
	background-color: rgba(130, 132, 146, 1);
}

.element.eslider .statement .question
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	padding-top: 0em;
	padding-bottom: 1em;
	color: rgba(66, 66, 66, 1);
}

.element.eslider .extremes
{
	font-family: inherit;
	font-size: 0.8em;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	color: rgba(0, 0, 0, 0.6);
}

.element.eslider .labels
{
	font-family: inherit;
	font-size: 0.8em;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	color: rgba(0, 0, 0, 0.6);
}

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

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

.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(0, 0, 0, 0.1);
}

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

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

.poweredBy a:link, .poweredBy a:visited
{
	color: rgba(0, 0, 0, 0.6);
}

/* 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);
}
@media all and (orientation:portrait) and (min-width: 0px) and (max-width: 767px) {
/*
 * Copyright (c) Surveypal Ltd 2019. All rights reserved.
 *
 * This file is part of Surveypal.
 *
 * Last modification Jan 16, 2020 by Pauli.
 */

body
{
	font-family: proxima-nova, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	background-color: rgb(255, 176, 227);
}

.background
{
	background-image:      url();
	background-position: initial;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.7;
	-moz-opacity: 0.7;
}

.survey
{
	width: 90%;
	max-width: 960px;
	background-color: rgba(255, 255, 255, 1);
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 3em;
	padding-top: 3em;
	padding-bottom: 3em;
	padding-left: 6%;
	padding-right: 6%;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-width: 0px;
	border-color: rgba(0, 0, 0, 0);
}

.survey > .background
{
	background-image:      url(https://srvpleu1data2.blob.core.windows.net/media/BBABzHAdoxeLjrDzVKHo19UlzZS2IrqwQrhJJwReiGwy8LbNlXHLCICpJDdbqc3q);
	background-position: initial;
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 1;
	-moz-opacity: 1;
}

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

.element.half
{
	width: 49%;
}

.element h1
{
	color: rgb(255, 85, 194);
	font-family: inherit;
	font-size: 25px;
	font-weight: bold;
	font-style: normal;
	text-transform: normal;
	text-decoration: normal;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0.1em;
}

.element h2
{
	color: rgb(255, 85, 194);
	font-family: proxima-nova, sans-serif;
	font-size: 17px;
	font-weight: bold;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 0.1em;
}

.element h3
{
	color: rgba(51, 51, 51, 1);
	font-family: inherit;
	font-size: 1.3em;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element h4
{
	color: rgba(51, 51, 51, 1);
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element h5
{
	color: rgba(51, 51, 51, 1);
	font-family: inherit;
	font-size: 0.8em;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
}

.element p
{
	color: rgba(0, 0, 0, 0.6);
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
}

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

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

.field.checkbox label:after
{
	border-color: rgba(51, 51, 51, 1);
}

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

.field.radio label:after
{
	background: rgba(51, 51, 51, 1);
}

.progress
{
	font-family: inherit;
	font-size: 14px;
	line-height: 1.8em;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
	text-decoration: inherit;
	color: rgba(0, 0, 0, 0.6);
}

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

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

.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, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	line-height: 14px;
}

a
{
	color: rgb(190, 232, 237);
}

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

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

input.text, textarea.text
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: rgba(51, 51, 51, 1);
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(0, 0, 0, 0.3);
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
	outline: none;
}

input.text:focus, textarea.text:focus
{
	border-color: rgba(85, 85, 85, 1);
}

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

.controls button.secondary,
label.upload-button
{
	background-color: rgba(255, 255, 255, 0);
	border: 3px solid rgba(0, 0, 0, 0.6);
	color: rgba(0, 0, 0, 0.6);
	font-family: inherit;
	font-size: inherit;
	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(51, 51, 51, 1);
	border: 3px solid rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: normal;
	font-style: normal;
	text-transform: normal;
	text-decoration: inherit;
	text-transform: normal;
	text-decoration: inherit;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

.controls button.secondary:hover,
label.upload-button:hover
{
	background-color: rgba(255, 255, 255, 1);
	border-color: rgba(0, 0, 0, 0.25);
	color: rgba(0, 0, 0, 0.6);
}

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

.element.eoption .label
{
	color: rgba(66, 66, 66, 1);
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
}

.element.escale .tr.statement
{
	background-color: rgba(0, 0, 0, 0);
}

.element.escale .tr.statement:nth-child(2n+1)
{
	background-color: rgba(0, 0, 0, 0.04);
}

.element.escale .topics
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	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: rgba(0, 0, 0, 0.6);
}

.element.escale .options
{
	font-family: inherit;
	font-size: 0.8em;
	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: inherit;
	font-size: 0.8em;
	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: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0em;
	margin-bottom: 0em;
}

.element.escale .extreme.left
{
	color: rgba(0, 0, 0, 0.6);
}

.element.escale .extreme.right
{
	color: rgba(0, 0, 0, 0.6);
}

.element.escale .question
{
	color: rgba(66, 66, 66, 1);
	font-family: inherit;
	font-size: inherit;
	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: rgba(0, 0, 0, 0.6);
}

.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: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 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: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
}

.element.eimageselection .option.selected
{
	background-color: rgba(130, 132, 146, 1);
}

.element.eslider .statement .question
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	padding-top: 0em;
	padding-bottom: 1em;
	color: rgba(66, 66, 66, 1);
}

.element.eslider .extremes
{
	font-family: inherit;
	font-size: 0.8em;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	color: rgba(0, 0, 0, 0.6);
}

.element.eslider .labels
{
	font-family: inherit;
	font-size: 0.8em;
	font-weight: inherit;
	font-style: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	line-height: inherit;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	color: rgba(0, 0, 0, 0.6);
}

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

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

.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(0, 0, 0, 0.1);
}

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

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

.poweredBy a:link, .poweredBy a:visited
{
	color: rgba(0, 0, 0, 0.6);
}

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

/* Edge */
_:-ms-lang(x),
_:-webkit-full-screen,
.element:first-child
{
	margin-right: calc(3%/2);
}
}
* {
font-family: 'Raleway', sans-serif !important;
}

@media (max-width: 767px)
{
	.rows .row .element.eimageselection:not(.satisfaction):not(.scale) .options:not(.one) > .option {
		width: calc(100% / 2 - 10px / 2);
		width: 48% \9;
		display: inline-block;
	}

	.rows .row .element.eimageselection .options:not(.one) > .option:nth-child(2n+2) {
		margin-right: 0;
	}
}
.controls button.primary:hover, .controls button.secondary:hover, label.upload-button:hover
{
	-o-transition:         background-color .1s ease-in;
	-ms-transition:        background-color .1s ease-in;
	-moz-transition:       background-color .1s ease-in;
	-webkit-transition:    background-color .1s ease-in;
	transition:            background-color .1s ease-in;
}
/* --- Add custom CSS below this line --- */