/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.colors {
	color: #ffb300;
	color: #ff9600;
	color: #ff6600;
	color: #ff4e00;
	color: #e83310;

	color: #220f36; /* deep purple */

	color: #71db0e; /* apple green */
	color: #55cdf2; /* sky blue */ /* 66def2 */
	color: #e240bf; /* hard pink */
	color: #edff00; /* lemon */
}

a {
	color: #ff4e00;
	text-decoration: underline;
}

a:hover {
	color: #e83310;
	text-decoration: underline;
}

a:focus,
a:active {
	color: #e83310;
	text-decoration: underline;
	outline: none;
}

a.readmore {
	color: #ff4e00;
	text-decoration: none;
}

a.readmore::before {
	display: inline-block;
	content: '\e905';
	font-family: 'icomoon';
	font-weight: 400;
	margin-right: 0.3125rem;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1.125rem;
}

a.readmore:hover {
	color: #e83310;
	text-decoration: none;
}

a.readless {
	color: #ff4e00;
	text-decoration: none;
}

a.readless::before {
	display: inline-block;
	content: '\e904';
	font-family: 'icomoon';
	font-weight: 400;
	margin-right: 0.3125rem;
	vertical-align: text-bottom;
	font-size: 1em;
	line-height: 1.125rem;
}

a.readless:hover {
	color: #e83310;
	text-decoration: none;
}

.togglecontainer .toggler {
	position: relative;
	padding-left: 1.75rem;
	cursor: pointer;
}

.togglecontainer .toggler::before {
	content: '\e903';
	font-family: icomoon;
	display: block;
	position: absolute;
	color: #333333;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 1.75em;
	font-weight: 400;
	width: 1.75rem;
	vertical-align: text-bottom;
	top: 50%;
	margin-top: -0.875rem;
	left: 0;
	transition: all 200ms ease-in-out;
}

.togglecontainer.expand .toggler::before {
	color: #ff4e00;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.togglecontainer a.readmore {
	display: inline-block;
}

.togglecontainer a.readless {
	display: none;
}

.togglecontainer div.content {
	display: none;
}

.togglecontainer.expand a.readmore {
	display: none;
}

.togglecontainer.expand a.readless {
	display: inline-block;
}

.togglecontainer.expand div.content {
	display: block;
}

button:focus,
input:focus,
select:focus {
	outline: 0;
}

button[type=submit],
input[type=submit],
a.button {
	display: inline-block;
	padding: 1.25rem 1.875rem;
	font-family: 'Montserrat', 'Sans-serif', 'Arial';
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	line-height: 1.375rem;
	border: none;
	border-radius: 0.3125rem;
	min-width: 3.75rem;
	white-space: nowrap;
	text-transform: uppercase;
	text-align: center;
	color: #666666;
	background: #d2d2d2;
	cursor: pointer;
	transition: all 200ms ease-in-out 0s;
}

button[type=submit].large,
input[type=submit].large,
a.button.large {
	display: block;
	width: auto; /* fallback */
	width: calc(100% - 3.75rem);
}

button[type=submit].large {
	width: 100%;
}

button[type=submit].small,
input[type=submit].small,
a.button.small {

}

button[type=submit]::before,
input[type=submit]::before,
a.button::before,
span.button::before {
	content: '';
	color: inherit;
	font-family: 'icomoon';
	display: inline-block;
	vertical-align: text-bottom;
	font-weight: 400;
	font-size: 1.75rem;
	line-height: 1.375rem;
	margin: -0.1875rem 0.3125rem -0.1875rem 0;
}

a.button > em,
span.button > em {
	font-family: Roboto, Sans-Serif;
	font-weight: 400;
	text-transform: none;
}

/*
button[type=submit].ajaxed::after {
	content: '\e910';
	color: #71db0e;
	font-family: 'icomoon';
		display: inline-block;
	vertical-align: text-bottom;
	font-weight: 400;
	font-size: 1.75em;
	margin-right: 0.3125rem;

	line-height: 1.25rem;
}
*/

button[type=submit].ajaxwait,
input[type=submit].ajaxwait {
}

button[type=submit].ajaxwait::after,
input[type=submit].ajaxwait::after {
	content: '\e95b';
	color: inherit;
	font-family: 'icomoon';
	display: inline-block;
	vertical-align: text-bottom;
	font-weight: 400;
	font-size: 1.75em;
	margin-right: 0.3125rem;

	line-height: 1.25rem;
	animation-name: spinreverse;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}

button[type=submit]:hover,
input[type=submit]:hover,
a.button:hover,
span.button:hover {
	color: #ffffff;
	background: #888888;
	text-decoration: none;
}

a.button.toggled,
span.button.toggled {
	background: #d2d2d2;
	color: #333333;
}

a.button.toggled::before,
span.button.toggled::before {
	color: #e83310;
	transition: all 200ms ease-in-out 0s;
}

a.button.toggled:hover,
span.button.toggled:hover {
	color: #ffffff;
	background: #888888;
}

button[type=submit].banana,
input[type=submit].banana,
a.button.banana,
span.button.banana {
	color: #ffffff;
	background: #ff4e00;
}

button[type=submit].banana:hover,
input[type=submit].banana:hover,
a.button.banana:hover,
span.button.banana:hover {
	color: #ffffff;
	background: #e83310;
}

button[type=submit].usp1,
input[type=submit].usp1,
a.button.usp1,
span.button.usp1 {
	color: #ffffff;
	background: #ffb300;
}

button[type=submit].usp1:hover,
input[type=submit].usp1:hover,
a.button.usp1:hover,
span.button.usp1:hover {
	color: #ffffff;
	background: #e9a500;
}

button[type=submit].usp2,
input[type=submit].usp2,
a.button.usp2,
span.button.usp2 {
	color: #ffffff;
	background: #55cdf2;
}

button[type=submit].usp2:hover,
input[type=submit].usp2:hover,
a.button.usp2:hover,
span.button.usp2:hover {
	color: #ffffff;
	background: #51b6db;
}

a.button.toggled.banana,
span.button.toggled.banana {
	background: #d2d2d2;
	color: #333333;
}

a.button.toggled.banana:hover,
span.button.toggled.banana:hover {
	color: #ffffff;
	background: #e83310;
}

a.button.toggled.banana:hover::before,
span.button.toggled.banana:hover::before {
	color: #ffffff;
}

button[type=submit][disabled].banana,
input[type=submit][disabled].banana,
a[disabled].button.banana,
span[disabled].button.banana,
button[type=submit].disabled,
input[type=submit].disabled,
a.button.disabled,
span.button.disabled,
button[type=submit].disabled:hover,
input[type=submit].disabled:hover,
a.button.disabled:hover,
span.button.disabled:hover {
	color: #888888;
	background: #BEBEBE;
	cursor: not-allowed;
}

a.button.small,
span.button.small{
	padding: 0.75rem 1.5rem;
	border-radius: 0.25rem;
	line-height: 1rem;
}

button.banana::after {
	font-family: icomoon;
	font-size: 1.625em;
	letter-spacing: 0;
	line-height: 1.75rem;
}

/*
*[hidden] {
	display: none;
}
*/

/**
 * Form elements
 */
/*
select:focus {
	outline: none;
	color: #ff4e00;
	border-bottom: 0.125rem solid #ff4e00;
	background-position: calc(100% - 0.625rem) -1.5rem;
	background-position: calc(100% - 0.625rem) -1.5rem;
}

select option {
	line-height: 1.5em;
}
*/

select[multiple] {
	display: none;
}

@keyframes autofill {
	to {
		background: #ffffff;
	}
}

@keyframes glow {
	0% {
		box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 1),
		inset 0px 0px 0px 0px rgba(255, 255, 0, 0);
	}
	45% {
		box-shadow: 0px 0px 12px 0px rgba(255, 255, 0, 1),
		inset 0px 0px 10px 5px rgba(100, 100, 0, 0.1);
	}
	55% {
		box-shadow: 0px 0px 12px 0px rgba(255, 255, 0, 1),
		inset 0px 0px 10px 5px rgba(100, 100, 0, 0.1);
	}
	100% {
		box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 1),
		inset 0px 0px 0px 0px rgba(255, 255, 0, 0);
	}
}

@keyframes textglow {
	0% {
		text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
	}
	45% {
		text-shadow: 0px 0px 8px rgba(255, 255, 0, 1);
	}
	55% {
		text-shadow: 0px 0px 8px rgba(255, 255, 0, 1);
	}
	100% {
		text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
	}
}

input::-ms-clear {
	display: none;
}

input:-webkit-autofill {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-style: italic;
	font-size: 1em;
	color: #bebebe;
}

::-moz-placeholder { /* Firefox 19+ */
	font-style: italic;
	font-size: 1em;
	color: #bebebe;
}

:-ms-input-placeholder { /* IE 10+ */
	font-style: italic;
	font-size: 1em;
	color: #bebebe !important;
}

:-moz-placeholder { /* Firefox 18- */
	font-style: italic;
	font-size: 1em;
	color: #bebebe;
}

span.placeholder {
	font-style: italic;
	font-size: 1em;
	color: #bebebe;
}

input[type=text],
input[type=email],
input[type=password],
textarea,
select {
	display: block;
	font-family: 'Roboto', 'Sans-Serif';
	font-size: 1rem;
	line-height: 1.3125rem;
	border: 0.0625rem solid #d2d2d2;
	background: #ffffff;
	border-radius: 0.25rem;
	padding: 0.5rem 0.9375rem;
	color: #333333;
	box-sizing: border-box;
	width: 100%;
	background-clip: padding-box;
	-webkit-appearance: none;
}

textarea {
	resize: vertical;
	min-height: 2.5625rem;
	max-height: 48.875rem;
}

input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
textarea:hover,
select:hover {
	border: 0.0625rem solid #bebebe;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	outline: none;
	/* border: 0.0625rem solid #71db0e; */
	border: 0.0625rem solid #bebebe;
}

input[type=text][disabled],
input[type=email][disabled],
input[type=password][disabled],
textarea[disabled],
select[disabled] {
	background: #f0f0f0;
}

.formelement.error input[type=text],
.formelement.error input[type=email],
.formelement.error input[type=password],
.formelement.error textarea,
.formelement.error select {
	outline: none;
	border: 0.0625rem solid #e83310;
}

.formelement.static {
	line-height: 2.5625rem;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #ffffff url('../icons/sprite-dropdown.svg') calc(100% - 0.9375rem) 1rem no-repeat;
	background-size: 0.875rem;
	padding: 0.5rem 2.5rem 0.5rem 0.9375rem;
}

.input.multiselect {
	position: relative;
	min-height: 1rem;
}

.input.multiselect select {
	display: none;
}

.input.multiselect h3 {
	position: relative;
	line-height: 1.625rem;
	cursor: pointer;
	clear: both;
}

.input.multiselect h3::before {
	font-family: icomoon;
	display: block;
	content: '';
	position: absolute;
	color: #ff4e00;
	font-size: 1.4375em;
	font-weight: 400;
	text-align: center;
	width: 1.625rem;
	height: 1.625rem;
	line-height: 1.4375rem;
	left: -2.2rem;
	border-radius: 0.25rem;
	border: 0.0625rem solid #d2d2d2;
	background-color: #ffffff;
}

.input.multiselect h3.selected::before {
	content: '\e910';
}

.input.multiselect.toggled .selected span.option::after {
	display: none;
	position: absolute;
	content: '\e915';
	font-family: icomoon;
	font-size: 0.75em;
	line-height: 1.25rem;
	right: -0.5rem;
	top: -0.5rem;
	cursor: pointer;
	border-radius: 0.625rem;
	background-color: #ff4e00;
	color: #ffffff;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
	vertical-align: center;
}

.input.multiselect.toggled .selected span.option:hover::after {
	display: block;
}

.input.multiselect .selected .change {
	float: left;
	line-height: 2.2rem;
	vertical-align: middle;
	color: #ff4e00;
	cursor: pointer;
}

.input.multiselect .selected .change::before {
	content: '\e950';
	display: inline-block;
	font-family: icomoon;
	font-size: 0.8em;
	line-height: 1.5rem;
	color: #ffffff;
	width: 1.5rem;
	height: 1.5rem;
	background: #ff4e00;
	vertical-align: middle;
	text-align: center;
	border-radius: 50%;
	margin-right: 0.5rem;
}

.input.multiselect:hover .selected .change {
	color: #e83310;
}

.input.multiselect:hover .selected .change::before {
	background: #e83310;
}

.input.multiselect .options {
	position: absolute;
	display: none;
	top: 0;
	padding: 0.9375rem 1.25rem;
	border: 0.0625rem solid #bebebe;
	border-radius: 0.25rem;
	background: #ffffff;
	box-shadow: 0.125rem 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.3);
	z-index: 20000;
}

.input.multiselect.toggled .options {
	display: block;
}

.input.multiselect.toggled .options .optgroup {
	margin: 0 0 1.4rem 2.2rem;
}

.input.multiselect.toggled .options .optgroup:last-child {
	margin-bottom: 0rem;
}

.input.multiselect.toggled .options .close {
	position: absolute;
	display: block;
	top: 0.9375rem;
	right: 0.9375rem; /* 1.25rem; */
	width: 1.75rem;
	height: 1.75rem;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
	z-index: 1000;
}

.input.multiselect.toggled .options .close::before {
	content: '\e915';
	font-family: icomoon;
	font-size: 1.75em;
	line-height: 1.75rem;
}

.input.multiselect div.selected::after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

.input.multiselect.labeled span.option {
	position: relative;
	padding: 0.6rem 1rem;
	border-radius: 0.25rem;
	background: #f2f2f2;
	color: #666666;
	cursor: pointer;
	margin: 0 0.8rem 0.6rem 0;
}

.input.multiselect .selected span.option {
	display: none;
	float: left;
}

.input.multiselect .selected span.option.selected {
	display: inline-block;
	background: #55cdf2;
	color: #ffffff;
}

.input.multiselect.labeled .options span.option {
	display: inline-block;
}

.input.multiselect.labeled .options span.option.selected {
	background: #55cdf2;
	color: #ffffff;
}

.input.multiselect.checkboxed .selected span.option {
	position: relative;
	padding: 0.6rem 1rem;
	border-radius: 0.25rem;
	background: #333333;
	color: #ffffff;
	cursor: pointer;
	margin: 0 0.8rem 0.6rem 0;
}

.input.multiselect.checkboxed .options span.option {
	display: block;
	float: left;
	line-height: 1.75rem;
	padding-left: 2.2rem;
	position: relative;
	margin-bottom: 0.5rem;
	min-width: 21rem;
	max-width: 25%;
	cursor: pointer;
}

.input.multiselect.checkboxed .options span.option::before {
	font-family: icomoon;
	display: block;
	content: '';
	position: absolute;
	color: #ff4e00; /* 71db0e */
	font-size: 1.4375em;
	text-align: center;
	width: 1.625rem;
	height: 1.625rem;
	line-height: 1.4375rem;
	left: 0;
	border-radius: 0.25rem;
	border: 0.0625rem solid #d2d2d2;
	background-color: #ffffff;
}

.input.multiselect.checkboxed .options span.option.selected::before {
	content: '\e910';
}

.input.dateinput {

}

.input.dateinput span.select {
	display: block;
	float: left;
	margin-right: 0.5rem;
}

.input.dateinput span.select select {
	width: 100%;
}

.input.dateinput span.select.day {
	width: calc(25% - 0.5rem);
}

.input.dateinput span.select.month {
	width: 45%;
}

.input.dateinput span.select.year {
	width: calc(30% - 0.5rem);
	margin-right: 0;
}

.input.fileupload {

}

.input.fileupload label {
	display: block;
	width: 100%;
	height: 1em;
	padding: 0.625rem 0.9375rem;
	margin: -0.625rem -0.9375rem;
	cursor: pointer;
}

.input.fileupload input[type=file] {
	display: none;
}

input[type=text].error,
input[type=email].error,
input[type=password].error {
	border: 0.125rem solid #ea4119;
	padding: 0.5625rem 0.875rem;
}

.input.switch {
	display: inline-block;
	position: relative;
	border: 0.0625rem solid #d2d2d2;
	background: #f7f7f7;
	width: 4.75rem;
	height: 2.375rem;
	border-radius: 1.25rem;
	overflow: hidden;
	vertical-align: middle;
}

.input.switch[disabled] label {
	background: #f0f0f0;
}

.input.switch + span.description {
	display: inline-block;
	line-height: 1.8rem;
	vertical-align: middle;
	width: calc(100% - 6rem);
	margin-left: 0.75rem;
}

.input.switch:hover {
	border: 0.0625rem solid #bebebe;
}

.input.switch input {
	display: none;
}

.input.switch label {
	display: block;
	margin-left: 0;
	width: 4.125rem;
	padding: 0.3125rem;
	height: 1.75rem;
	cursor: pointer;
	background: #ffffff;
}

.input.switch input ~ label span {
	display: block;
	position: relative;
	float: right;
	border-radius: 0.875rem;
	border: 0.0625rem solid #eaeaea;
	width: 1.625rem;
	height: 1.625rem;
	line-height: 1.625rem;
	text-align: center;
	color: #ffffff;
	font-size: 0;
	transition: all 200ms ease-in-out 0s;
}

.input.switch input ~ label .handle {
	display: none;
}

.input.switch input ~ label span::before {
	position: absolute;
	font-family: 'icomoon';
	font-size: 1rem;
	font-weight: 400;
	color: #ffffff;
	display: block;
	width: 1.625rem;
	height: 1.625rem;
	top: 0;
	left: 0;
	text-align: center;
}

.input.switch input ~ label .on {
	border: 0.0625rem solid #eaeaea;
	background: transparent;
	margin-left: 0.625rem;
}

.input.switch input ~ label .off {
	background-color: #484848;
	border: 0.0625rem solid #484848;
}

.input.switch input ~ label .off::before {
	content: '\e915';
}

.input.switch input:checked ~ label .on {
	background-color: #72db0e;
	border: 0.0625rem solid #72db0e;
}

.input.switch input:checked ~ label .on::before {
	content: '\e910';
}

.input.switch input:checked ~ label .off {
	border: 0.0625rem solid #eaeaea;
	background: transparent;
}

.input.switch input:checked ~ label .off::before {
	content: none;
}

.input.keyvalue ul {

}

.input.keyvalue ul li {

}

.input.checklist li {
	position: relative;
	xheight: 2.5625rem;
	margin-bottom: 1rem;
}

.input.checklist li::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.input.checklist li::before {
	float: left;
	content: '\e910';
	font-family: icomoon;
	font-size: 1.625em;
	width: 1.625rem;
	height: 2.5625rem;
	line-height: 2.5625rem;
	color: #ff4e00;
	margin-right: 0;
}

/*
.input.checklist li .formelement {
	width: calc(100% - 1.75rem);
}
*/

.input.checklist li .content {
	display: inline-block;
	width: calc(100% - 1.75rem);
}

/*
.input.checklist li input[type=text] {
	float: left;
	width: calc(100% - 1.75rem);
}
*/

.input.checklist li a.action {
	display: none;
	position: absolute;
	right: -0.5rem;
	top: -0.5rem;
	cursor: pointer;
	border-radius: 0.625rem;
	background-color: #ff4e00;
	color: #ffffff;
	line-height: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
}

.input.checklist li a.action::before {
	display: block;
	content: '\e915';
	font-family: icomoon;
	font-size: 0.75em;
	line-height: 1.25rem;
}

.input.checklist li:hover a.action {
	display: block;
	text-decoration: none;
}

.input.radiolist.boxed::after {
	content: '';
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.input.radiolist.boxed > ul > li {
	float: left;
	margin-right: 1rem;
}

.input.radiolist.boxed > ul > li:last-child {
	margin-right: 0;
}

.input.radiolist.boxed li input {
	display: none;
}

.input.radiolist.boxed li label {
	display: inline-block;
	line-height: 1.875rem;
	cursor: pointer;
	border: 0.0625rem solid #bebebe;
	padding: 0.5625rem;
	border-radius: 0.25rem;
	width: calc(100% - 1.25rem);
	background: #f7f7f7;
}

.input.radiolist.boxed li label > div {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 2.375rem)
}

.input.radiolist.boxed li label > div::before {
	display: block;
	content: '';
	font-family: 'icomoon';
	font-size: 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.input.radiolist.boxed li label::before {
	display: inline-block;
	content: '';
	line-height: 1.875rem;
	vertical-align: top;
	margin: 0.4375rem 1rem 0.4375rem 0.375rem;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 0.5rem;
	border: 0.0625rem solid #666666;
	background: #ffffff;
}

.input.radiolist.boxed li input:checked + label {
	background: #ffffff;
}

.input.radiolist.boxed li input:checked + label::before {
	font-family: icomoon;
	content: '\e910';
	color: #71db0e;
	font-size: 1.75em;
	width: 1.75rem;
	height: 1.875rem;
	margin: 0 0.625rem 0 0;
	border: 0;
}

.input.radiolist.boxed li input:disabled + label {
	border: 1px solid #cccccc;
	color: #888888;
	cursor: not-allowed;
}

.input.radiolist.boxed li input:disabled + label::before {
	/*
	border: 1px solid #cccccc;
	background: #f7f7f7;
	 */
	font-family: icomoon;
	content: '\e915';
	color: #e83310;
	font-size: 1.75em;
	width: 1.75rem;
	height: 1.875rem;
	margin: 0 0.625rem 0 0;
	border: 0;
	background: none;
}

.input.editgroup {

}

.input.editgroup a.action {
	line-height: 2.5625rem;
	cursor: pointer;
}

.input.editgroup > ul > li {
	position: relative;
	xheight: 2.5625rem;
	margin-bottom: 1rem;
}

.input.editgroup > ul > li > span {
	display: block;
	float: left;
	line-height: 2.5625rem;
}

.input.editgroup > ul > li .formelement input[type=text],
.input.editgroup > ul > li .formelement input[type=email] {
	width: 100%;
}

.input.editgroup > ul > li::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.input.editgroup > ul > li a.action {
	display: none;
	position: absolute;
	right: -0.5rem;
	top: -0.5rem;
	cursor: pointer;
	border-radius: 0.625rem;
	background-color: #ff4e00;
	color: #ffffff;
	line-height: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
	text-decoration: none;
}

.input.editgroup > ul > li a.action::before {
	display: block;
	content: '\e915';
	font-family: icomoon;
	font-size: 0.75em;
	line-height: 1.25rem;
}

.input.editgroup > ul > li:hover a.action {
	display: block;
}

.touchevents .input.editgroup > ul > li a.action {
	display: block;
	text-decoration: none;
}

.input.attachmentupload {
	position: relative;
}

.input.attachmentupload .droptarget {
	xborder: 0.0625rem dashed #d2d2d2;
}

.input.attachmentupload .droptarget.dragging {
	border: 0.0625rem dashed #ff4e00;
	opacity: 0.5;
}

.input.attachmentupload .browse {

}

.input.attachmentupload ul.files li.browse {
	padding: 1.875rem 0.9375rem;
	text-align: center;
	height: 1.875rem;
	border: 0.0625rem dashed #d2d2d2;
	cursor: pointer;
}

.input.attachmentupload ul.files li.browse:hover {
	border: 0.0625rem dashed #bebebe;
}

.input.attachmentupload .browse::before {
	content: '\e961';
	font-family: icomoon;
	font-size: 1.75em;
}

.input.attachmentupload .browse.onedrive::before {
	content: '\e973';
}

.input.attachmentupload .browse.dropbox::before {
	content: '\e974';
}

.input.attachmentupload ul.files {

}

.input.attachmentupload ul.files::after {
	content: '';
	display: block;
	/* clear: left; */
	height: 0;
	visibility: hidden;
}

.input.attachmentupload ul.files li {
	position: relative;
	float: left;
	margin: 0 1rem 1rem 0;
	padding: 0.625rem 0.9375rem;
	min-width: 9.375rem;
	max-width: 18.75rem;
	height: 4.375rem;
	border: 0.0625rem solid #d2d2d2;
	background-color: #ffffff;
}

.input.attachmentupload ul.files li .preview:empty::before {
	display: block;
	font-family: icomoon;
	content: '\e919';
	margin: 0 auto;
	width: 1.75rem;
	height: 1.75rem;
	font-size: 1.75em;
}

.input.attachmentupload ul.files li .preview span.icon {
	display: block;
}

.input.attachmentupload ul.files li .preview span.icon::before {
	display: block;
	font-family: icomoon;
	content: '\e919';
	margin: 0 auto;
	width: 1.75rem;
	height: 1.75rem;
	font-size: 1.75em;
}

.input.attachmentupload ul.files li .preview span.icon.image-jpeg::before {
	content: '\e91a';
}

.input.attachmentupload ul.files li .preview span.icon.application-pdf::before {
	content: '\e91c';
}

.input.attachmentupload ul.files li .preview span.icon.application-msword::before {
	content: '\e919';
}

.input.attachmentupload ul.files li.incomplete::before {
	content: '\e95b';
	display: block;
	position: absolute;
	font-family: icomoon;
	width: 1rem;
	height: 1rem;
	top: 0;
	left: 0;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}

.input.attachmentupload ul.files li.error::before {
	animation-name: none;
	content: '\e928';
}

.input.attachmentupload ul.files li .filename {
	margin-top: 0.5rem;
	overflow: hidden;
	max-height: 1em;
	text-overflow: ellipsis;
	text-align: center;
}

.input.attachmentupload ul.files li .progress {
	text-align: center;
}

.input.attachmentupload ul.files li .progress .bar {
	position: absolute;
	left: 0;
	bottom: -0.0625rem;
	height: 0.125rem;
	background-color: #ffb300;
}

.input.attachmentupload ul.files li.incomplete {

}

.input.attachmentupload ul.files li.incomplete .progress {

}

.input.attachmentupload ul.files li.complete:hover {
	border: 0.0625rem solid #ff4e00;
}

.input.attachmentupload ul.files li.complete .filename {
	height: 2em;
	max-height: 2em;
	line-height: 2em;
}

.input.attachmentupload ul.files li.error .progress,
.input.attachmentupload ul.files li.complete .progress {
	display: none;
}

.input.attachmentupload ul.files li .remove {
	display: none;
	position: absolute;
	right: -0.5rem;
	top: -0.5rem;
	cursor: pointer;
	border-radius: 50%;
	background-color: #ff4e00;
	color: #ffffff;
	line-height: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
	text-decoration: none;
}

.input.attachmentupload ul.files li .remove:hover {
	background-color: #e83310;
}

.input.attachmentupload ul.files li:hover .remove {
	display: block;
}

.touchevents .input.attachmentupload ul.files li .remove {
	display: block;
}

.input.attachmentupload ul.files li .remove::before {
	display: block;
	content: '\e915';
	font-family: icomoon;
	font-size: 0.625em;
	line-height: 1.25rem;
}

.input.attachmentupload ul.files li .message {
	color: #ea4119;
}

.input.attachmentupload.media {
	width: 11.875rem;
	height: 11.875rem;
}

.input.attachmentupload.media .droptarget {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.input.attachmentupload.media .browse {
	cursor: pointer;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 500;
	background: none;
	padding: 0;
	margin: 0;
	border: 0.125rem dashed #d2d2d2;
	box-sizing: border-box;
}

.input.attachmentupload.media .browse::before {
	content: '\e953';
	display: block;
	z-index: 100;
	line-height: 11.875rem;
	font-size: 11.875em;
	width: 100%;
	text-align: center;
	color: inherit;
}

.input.attachmentupload.media .browse:hover {
	color: #ff4e00;
	border-color: #ff4e00;
}

.input.attachmentupload.media ul.files li {
	position: absolute;
	top: -0.125rem;
	left: -0.125rem;
	z-index: 200;
	background: #ffffff;
	float: none;
	height: calc(100% + 0.25rem);
	border: 0;
	padding: 0;
	margin: 0;
	width: calc(100% + 0.25rem);
	max-width: none;
}

.input.attachmentupload.media ul.files li .remove {
	top: -0.625rem;
	right: -0.625rem;
	z-index: 200;
}

.input.attachmentupload.media ul.files li .preview {
	width: 100%;
	height: 100%;
	/* margin: -0.125rem 0 0 -0.125rem; */
}

.input.attachmentupload.media ul.files li .preview::before {
	content: none;
}

.input.attachmentupload.media ul.files li div.filename {
	display: none;
}

.input.attachmentupload.media ul.files li.complete:hover {
	border: none;
}

.input.attachmentupload.media ul.files li.incomplete::before {
	content: none;
}

.input.credits input {
	display: inline-block;
	width: calc(80% - 1.875rem);
	margin-right: 1.875rem;
	vertical-align: middle;
}

.input.credits span.count {
	display: inline-block;
	width: calc(60% - 2.375rem);
	font-size: 1rem;
	vertical-align: middle;
	text-align: left;
}

.input.credits span.price {
	display: inline-block;
	width: 20%;
	font-size: 1.5rem;
	vertical-align: middle;
	text-align: right;
}

.input.credits span.priceold {
	display: inline-block;
	width: 20%;
	font-size: 1rem;
	vertical-align: middle;
	text-align: right;
	text-decoration: line-through;
}

.avatar .input.attachmentupload.media .browse {
	border-radius: 50%;
}

.avatar .input.attachmentupload.media ul.files li {
	border-radius: 50%;
}

.avatar .input.attachmentupload.media ul.files li .remove {
	top: 14%;
	right: 14%;
}

.attachments ul.files {

}

.attachments ul.files::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.attachments ul.files li {
	position: relative;
	float: left;
	margin: 0 1rem 1rem 0;
	padding: 0.625rem 0.9375rem;
	min-width: 9.375rem;
	max-width: 18.75rem;
	height: 4.375rem;
	border: 0.0625rem solid #d2d2d2;
	background-color: #ffffff;
}

.attachments ul.files li .preview::before {
	display: block;
	font-family: icomoon;
	content: '\e919';
	margin: 0 auto;
	width: 1.75rem;
	height: 1.75rem;
	font-size: 1.75em;
}

.attachments ul.files li .filename {
	margin-top: 0.5rem;
	overflow: hidden;
	max-height: 2em;
	text-overflow: ellipsis;
	text-align: center;
}

.input.checkbox {
	display: inline-block;
	position: relative;
	padding: 0.4375rem 0;
}

.input.checkbox input[type=checkbox] {
	-webkit-appearance: none;
	appearance: none;
	visibility: hidden;
	display: none;
}

.input.checkbox label {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	width: 1.5625rem;
	height: 1.5625rem;
	border: 0.0625rem solid #bebebe; /* #d2d2d2 */
	background: #ffffff;
	border-radius: 0.25rem;
	vertical-align: middle;
}

.input.checkbox label::before {
	content: '';
	font-family: icomoon;
	font-size: 1.4375em;
	line-height: 1.4375rem;
	color: #ff4e00;
}

.input.checkbox input[type=checkbox]:checked + label::before {
	content: '\e910';
}

.input.checkbox span.description {
	display: inline;
	vertical-align: middle;
	line-height: 1.8rem;
}

.input.switchlist ul li > label {
	display: block;
	float: left;
	line-height: 2.5rem;
	width: calc(100% - 4.875rem);
}

.input.switchlist ul li > .input.switch {
	float: left;
}

.input.selectlist ul li > label {
	display: block;
	float: left;
	line-height: 2.5rem;
	width: calc(100% - 4.875rem);
}

.input.selectlist ul li > select {
	float: left;
}

.checkboxlist {

}

.checkboxlist::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.checkboxlist .group .title {
	font-weight: 700;
}

.checkboxlist ul li {
	line-height: 1.75rem;
	padding: 0.3125rem 0;
}

.checkboxlist ul li input {
	display: none;
}

.checkboxlist ul li label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding-left: 2.5rem;
}

.checkboxlist ul li span {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.checkboxlist ul li span .columns {
	display: flex;
}

.checkboxlist ul li input + span::before {
	font-family: icomoon;
	display: block;
	content: '';
	position: absolute;
	color: #ff4e00; /* 71db0e */
	font-size: 1.4375em;
	width: 1.625rem;
	height: 1.625rem;
	line-height: 1.4375rem;
	left: 0;
	border-radius: 0.25rem;
	border: 0.0625rem solid #d2d2d2;
	background-color: #ffffff;
}

.checkboxlist ul li input:checked + span::before {
	content: '\e910';
}

.error .checkboxlist ul li input + span::before {
	border-color: #e83310;
}

.checkboxlist.multicolumn ul li label {
	display: block;
}

.checkboxlist.multicolumn ul li label > span {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.checkboxlist.multicolumn ul li label > span span {
	flex: 0 1 100%;
}

.checkboxlist.multicolumn ul li label > span span.state {
	flex: 0 1 10rem;
	text-align: right;
}

.checkboxlist.multicolumn ul li span {
	text-align: left;
}

.radiolist li {
	line-height: 1.8em;
}

.radiolist li label {
	width: 100%;
}

.radiolist li input[type=radio] {
	margin: 0 0.5rem 0 0;
}

.formelement.textpreview {

}

.formelement.textpreview .formatting {
	margin-top: 1rem;
}

.formelement.textpreview .formatting b {
	font-weight: 700;
}

.formelement.textpreview .formatting i {
	font-style: italic;
}

.formelement.textpreview .preview {
	border: 0.0625rem dashed #d2d2d2;
	padding: 0.625rem 0.9375rem;
	margin-top: 1rem;
	min-height: 2rem;
}

span.inputremove {
	display: none;
	position: absolute;
	right: -0.5rem;
	top: -0.5rem;
	cursor: pointer;
	border-radius: 0.625rem;
	background-color: #ff4e00;
	color: #ffffff;
	line-height: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
}

*:hover > span.inputremove {
	display: block;
}

span.inputremove::before {
	display: block;
	content: '\e915';
	font-family: icomoon;
	font-size: 0.625em;
	line-height: 1.25rem;
}

.popupwindow {
	position: fixed;
	display: block;
	top: 4.625rem;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 10000;
	opacity: 1;
	visibility: visible;
	transition: all 100ms ease-in-out 0s;
}

.popupwindow.closed {
	opacity: 0;
	visibility: hidden;
	transition: all 200ms ease-in-out 0s;
}

.popupwindow .close {
	position: absolute;
	display: block;
	right: 0;
	top: 1.5625rem;
	width: 1.75rem;
	height: 1.75rem;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
	z-index: 200;
}

.popupwindow .close::before {
	content: '\e915';
	font-family: icomoon;
	font-size: 1.75em;
	line-height: 1.75rem;
}

.popupwindow > .container {
	padding-top: 11.25rem;
}

.popupwindow > .container > .scrollwrap {
	height: calc(100vh - 15.875rem);
	max-width: 100%;
	overflow-y: auto;
	z-index: 100;
}

.popupwindow > .container > .scrollwrap::after {
	display: block;
	content: '';
	height: 6rem;
}

.popupwindow > .container > .scrollwrap > .content {
	width: 31.25rem;
	max-width: 100%;
	margin: 0 auto 0 auto;
}

.popupwindow > .container .content .container {
	max-width: 31.25rem;
}

.popupwindow > .container::before {
	content: none;
	position: absolute;
	display: block;
	top: 1.875rem;
	left: 50%;
	margin-left: -3.75rem;
	width: 7.5rem;
	height: 7.5rem;
	background: transparent 0 0 no-repeat;
	background-size: contain;
	border-radius: 50%;
	border: 0.0625rem solid #333333;
}

/*
.popupwindow > .content {
	width: 31.25rem;
	margin: 15.625rem auto 0 auto;
	max-height: calc(100vh - 15.625rem);
}

.popupwindow > .container > .scrollwrap > .content::before {
	content: '';
	position: absolute;
	display: block;
	top: 6.25rem;
	left: 50%;
	margin-left: -3.75rem;
	width: 7.5rem;
	height: 7.5rem;
	background: transparent 0 0 no-repeat;
	background-size: contain;
}
*/

.popupwindow.forbidden {
	z-index: 9000;
}

.popupwindow.custom {
	--icon: url('images/icons/icon-feedback.svg');
}

.popupwindow.custom > .container::before {
	content: '';
	background-image: var(--icon);
}

.popupwindow.contract > .container::before {
	content: '';
	background-image: url('images/icons/icon-contract.svg');
}

.popupwindow.feedback > .container::before {
	content: '';
	background-image: url('images/icons/icon-feedback.svg');
}

.popupwindow.login > .container::before {
	content: '';
	background-image: url('images/icons/icon-unlock.svg');
}

.popupwindow.forgotpassword > .container::before {
	content: '';
	background-image: url('images/icons/icon-unlock.svg');
}

.popupwindow.changepassword > .container::before {
	content: '';
	background-image: url('images/icons/icon-unlock.svg');
}

.popupwindow.raterecruiter > .container::before {
	content: '';
	background-image: url('images/icons/icon-feedback.svg');
}

.popupwindow.recruiterinvite > .container::before {
	content: '';
	background-image: url('images/icons/icon-recruiter.svg');
}

.popupwindow.assignproject > .container::before {
	content: '';
	background-image: url('images/icons/icon-userlock.svg');
}

.popupwindow.closeproject > .container::before {
	content: '';
	background-image: url('images/icons/icon-lock.svg');
}

.popupwindow.register > .container::before {
	content: '';
	background-image: url('images/icons/icon-upgrade.svg');
}

.popupwindow.upgradepro > .container::before {
	content: '';
	background-image: url(images/icons/icon-upgrade.svg);
}

.popupwindow.invoice > .container::before {
	content: '';
	background-image: url(images/icons/icon-contract.svg);
}

.popupwindow.customprivacy > .container::before {
	content: '';
	background-image: url(images/icons/icon-contract.svg);
}

.popupwindow.invoice.request-invoice-top-credits > .container::before {
	background-image: url(images/icons/icon-upgrade.svg);
}

.popupwindow.invoice.request-invoice-profile-page > .container::before {
	background-image: url(images/icons/icon-feedback.svg);
}

.popupwindow.invoice.request-invoice-acquisition > .container::before {
	background-image: url(images/icons/icon-signup.svg);
}

.popupwindow.invoice.request-invoice-invite-credits > .container::before {
	background-image: url(images/icons/icon-userlock.svg);
}

.popupwindow.settings > .container::before {
	content: '';
	background-image: url(images/icons/icon-contract.svg);
}

.popupwindow.forbidden > .container::before {
	content: '';
	background-image: url('images/icons/icon-userlock.svg');
}

.popupwindow.project > .container::before {
	content: '';
	background-image: url('images/icons/icon-project.svg');
}

.popupwindow.changestate > .container::before {
	content: '';
	background-image: url('images/icons/icon-signup.svg');
}

.popupwindow.logaction > .container::before {
	content: '';
	background-image: url('images/icons/icon-feedback.svg');
}

.popupwindow.createbase > .container::before {
	content: '';
	background-image: url('images/icons/icon-upgrade.svg');
}

.popupwindow.disclaimer > .container {
	padding-top: 6.25rem;
}

.popupwindow.disclaimer > .container > .scrollwrap > .content {
	width: auto;
	padding-right: 1.25rem;
}

.popupwindow.large > .container > .scrollwrap > .content {
	width: 50rem;
}

.popupwindow.noicon > .container {
	padding-top: 3.125rem;
}

.popupwindow.noicon > .container > .scrollwrap {
	height: calc(100vh - 7.75rem);
}

.popupwindow ul.form > li > label {
	float: none;
	width: 100%;
	font-weight: 700;
}

.popupwindow ul.form > li > :nth-child(2) {
	float: none;
	width: 100%;
}

.feedbackForm li.message textarea {
	width: 100%;
	resize: vertical;
	max-height: 12.5rem;
	min-height: 6.25rem;
}

ul.form.right {
	float: right;
	/*
	right: 1.875rem;
	position: absolute;
	 */
	margin-bottom: 0;
}

ul.form.questions > li > label {
	float: none;
	width: 100%;
	font-weight: 700;
}

ul.form.questions > li > :nth-child(2) {
	float: none;
	width: 100%;
}

.projectCloseForm li.message textarea {
	width: 100%;
	resize: vertical;
	max-height: 12.5rem;
	min-height: 6.25rem;
}

.projectCloseForm .applicants .switchlist > ul > li {
	margin-bottom: 0.5rem;
}

.projectCloseForm .applicants .switchlist > ul > li:last-child {
	margin-bottom: 0;
}

.projectCloseForm .applicants .switchlist > ul > li::after {
	content: '';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.projectCloseForm .applicants .input.switch input ~ label span::before {
	font-size: 1.3rem;
}

.projectCloseForm .applicants .input.switch input:checked ~ label .on {
	background-color: #72db0e;
	border: 0.0625rem solid #72db0e;
}

.projectCloseForm .applicants .input.switch input:checked ~ label .on::before {
	/* content: '\e96a'; */
	content: '\e939';
}

.projectCloseForm .applicants .input.switch input:checked ~ label .off {
	border: 0.0625rem solid #eaeaea;
	background: transparent;
}

.projectCloseForm .applicants .input.switch input ~ label .off {
	background-color: #e83310;
	border: 0.0625rem solid #e83310;
}

.projectCloseForm .applicants .input.switch input ~ label .off::before {
	/* content: '\e969'; */
	content: '\e938';
}

/*
.projectCloseForm .message label::before {
	display: inline-block;
	font-family: icomoon;
	content: '\e969';
	background-color: #e83310;
	border-radius: 50%;
	border: 0.0625rem solid #e83310;
	font-size: 1rem;
	line-height: 1.5rem;
	height: 1.5rem;
	width: 1.5rem;
	text-align: center;
	color: #ffffff;
	font-weight: 400;
	margin-right: 0.5rem;
}
*/

dl.legend {
	margin-bottom: 1.2rem;
}

dl.legend::after {
	content: '';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

dl.legend dt {
	float: left;
	clear: left;
	display: block;
	position: relative;
	border-radius: 0.875rem;
	border: 0.0625rem solid #eaeaea;
	width: 1.625rem;
	height: 1.625rem;
	line-height: 1.625rem;
	text-align: center;
	color: #ffffff;
	font-size: 0;
	margin: 0.5rem 0.5rem 0 0;
}

dl.legend dt:nth-child(1) {
	margin-top: 0;
}

dl.legend dd:nth-child(2) {
	margin-top: 0;
}

dl.legend dd {
	float: left;
	line-height: 1.75;
	margin-top: 0.5rem;
	width: calc(100% - 2.25rem);
}

dl.legend dt::before {
	position: absolute;
	font-family: 'icomoon';
	font-size: 1.3rem;
	font-weight: 400;
	color: #ffffff;
	display: block;
	width: 1.625rem;
	height: 1.625rem;
	top: 0;
	left: 0;
	text-align: center;
}

dl.legend.closeproject dt.decline {
	background-color: #e83310;
}

dl.legend.closeproject dt.decline::before {
	content: '\e938';
}

dl.legend.closeproject dt.approve {
	background-color: #72db0e;
}

dl.legend.closeproject dt.approve::before {
	content: '\e939';
}

/**
 * Base
 */
/* Opera Position fixed bugfix */
@keyframes noop {
	0% {
		margin-bottom: 0;
	}
	100% {
		margin-bottom: 1em;
	}
}

@keyframes spin {
	0% {
		transform: rotate(-180deg);
	}
	50% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes spinreverse {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(-180deg);
	}
	100% {
		transform: rotate(-180deg);
	}
}


@keyframes halfrotate {
	0% {
		transform: rotate(-180deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes fadeinup {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeinup {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes fadeoutup {
	0% {
		opacity: 1;
	}

	99% {
		visibility: visible;
		height: auto;
		margin-bottom: 1rem;
	}

	100% {
		display: none;
		visibility: hidden;
		height: 0;
		margin-bottom: 0;

		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeoutup {
	0% {
		opacity: 1;
	}

	99% {
		visibility: visible;
		height: auto;
		margin-bottom: 1rem;
	}

	100% {
		display: none;
		visibility: hidden;
		height: 0;
		margin-bottom: 0;

		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeout {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes wiggle {
	0% { transform: skewX(9deg); }
	1% { transform: skewX(-8deg); }
	2% { transform: skewX(7deg); }
	3% { transform: skewX(-6deg); }
	4% { transform: skewX(5deg); }
	5% { transform: skewX(-4deg); }
	6% { transform: skewX(3deg); }
	7% { transform: skewX(-2deg); }
	8% { transform: skewX(1deg); }
	9% { transform: skewX(0deg); }
	10%, 100% { transform: skewX(0deg); }
}

@-webkit-keyframes wiggle {
	0% { -webkit-transform: skewX(9deg); }
	1% { -webkit-transform: skewX(-8deg); }
	2% { -webkit-transform: skewX(7deg); }
	3% { -webkit-transform: skewX(-6deg); }
	4% { -webkit-transform: skewX(5deg); }
	5% { -webkit-transform: skewX(-4deg); }
	6% { -webkit-transform: skewX(3deg); }
	7% { -webkit-transform: skewX(-2deg); }
	8% { -webkit-transform: skewX(1deg); }
	9% { -webkit-transform: skewX(0deg); }
	10%, 100% { -webkit-transform: skewX(0deg); }
}

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.svg?__REV__#icomoon') format('svg'),
	url('fonts/icomoon.ttf?__REV__') format('truetype'),
	url('fonts/icomoon.woff?__REV__') format('woff');
	font-weight: normal;
	font-style: normal;
}

body, html {
	font-family: 'Roboto', 'Sans-Serif', 'Arial';
	font-weight: 400;
	font-size: 100%;
	line-height: 1;
	letter-spacing: 0em;
	/* color: #666666; */
	color: #333333;
	background-color: #f7f7f7;
}

html {
	/* overflow-y: scroll; */
	display: block !important;
}

body {
	position: relative;
	text-rendering: optimizeLegibility;
	-webkit-font-feature-settings: "kern" 1;
	/* height: calc(100vh - 1.875rem); */
	/* padding-bottom: 1.875rem; */
	padding: 0;
	box-sizing: border-box;
}

.height-change-listener {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 0;
	border: 0;
	background-color: transparent;
}

body.popupshown {
	/* overflow: hidden; */
}

.ios body.popupshown {
	/* overflow: visible; */
	position: fixed; /* ugly IOS 11.x fix */
}

.ios body.popupshown #content {
	/* overflow: hidden; */
}

h1 {
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 700;
	font-size: 1.5em;
	line-height: 2rem;
	text-transform: uppercase;
	color: #333333;
	margin-bottom: 0.5em;
}

h2 {
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.25rem;
	margin-bottom: 1em;
	color: #333333;
}

h3 {
	font-family: 'Roboto', 'Sans-serif';
	font-weight: 700;
	font-size: 1em;
	line-height: 1.25rem;
	margin-bottom: 1em;
	color: #333333;
}

h1 em, h2 em, h3 em {
	color: #ff4e00;
}

h1.center, h2.center, h3.center {
	text-align: center;
	/* width: 40.625rem; */
	/* margin: 0 auto 1.875rem auto; */
	margin: 0 0 1.875rem 0;
}

p {
	line-height: 1.8em;
	text-align: justify;
	margin-bottom: 1.2em;
}

p:last-child {
	margin-bottom: 0;
}

/**
 * Global
 */
.pageblock {
}

.pageblock.small .container {
	max-width: 50rem;
}

.pageblock.alternate {
	background-color: #e8e8e8;
}

.pageblock.normal {
	padding: 1.875rem 0;
}

.pageblock.normal + .pageblock.normal {
	margin-top: -1.875rem;
	padding-top: 0;
}

.pageblock.normal > .container > :last-child {
	margin-bottom: 0;
}

.pageblock.highlight {
	background-color: #ffffff;
	padding: 1.875rem 0;
	/* margin: 1.875rem 0; */
}

.pageblock.highlight + .pageblock.highlight {
	padding-top: 0;
}

.pageblock.highlight + .pageblock.alternate {
	padding: 1.875rem 0;
}

.pageblock.important {
	background-color: #ff4e00;
	padding: 1.25rem 0;
}

.pageblock.important a.button {
	color: #333333;
	background-color: #ffffff;
}

.pageblock.important a.button:hover {
	color: #e83310;
}

.pageblock.recruiterawards {
	background: #ff4e00;
}

.pageblock.recruiterawards > .container > *:last-child {
	margin-bottom: 0;
}

.recruiterawards .logo {
	display: inline-block;
	width: 10rem;
	height: 2.5rem;
	line-height: 2.5rem;
	vertical-align: middle;
	background: url('../images/recruiter-awards.svg');
	background-size: cover;
	margin-right: 1rem;
}

.recruiterawards a.button {
	margin-left: 1rem;
}

.container {
	position: relative;
	width: 75rem;
	margin: 0 auto;
}

.pageblock.widgets {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	width: 0.625rem;
	padding: 1.25rem;
	background: #f2f2f2;
	overflow-x: hidden;
	overflow-y: scroll;
	transition: width 100ms ease-in-out 0s;
	z-index: 20000;
}

.pageblock.widgets .container {
	padding: 0;
	width: auto;
}

.pageblock.widgets .textIdForm {
	width: 100%;
	margin: 0;
	height: 25rem;
	overflow-y: scroll;
	overflow-x: hidden;
}

.pageblock.widgets .textIdForm > li > label {
	float: none;
	width: 100%;
}

.pageblock.widgets .textIdForm > li > :nth-child(2) {
	float: none;
	width: 100%;
}

.pageblock.widgets .textIdForm .texts_value textarea {
	width: 100%;
	height: 6.25rem;
}

.pageblock.widgets:hover {
	right: 0;
	width: 31.25rem;
	transition: width 150ms ease-in-out 300ms;
}

#widgets.toggled {
	width: 31.25rem;
}

#widgets.toggled a.lock {
	background: #ff4e00;
}

.pageblock.widgets.feedback {
	padding: 0;
	width: 5rem;
	overflow-y: hidden;
	bottom: 3.125rem;
	top: auto;
	background: transparent;
	box-shadow: 0.125rem 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.3);
	border-radius: 0.25rem;
	z-index: 20001;
	line-height: 1.75rem;
}

.pageblock.widgets.feedback:hover {
	right: 0;
	width: 18.75rem;
}

.pageblock.widgets.feedback a.button {
	white-space: nowrap;
}

.pageblock.widgets.feedback a.button::before {
	content: '\e94a';
	font-size: 1.75em;
	position: absolute;
	top: 50%;
	left: 1.25rem;
	margin-top: -0.875rem;
	height: 1.75rem;
	line-height: 1.75rem;
}

.pageblock.widgets.feedback a.button span {
	display: block;
	margin-left: 3.125rem;
}

.pageblock.widgets.feedback a.button span.small {
	font-size: 0.75em;
	text-transform: initial;
	font-weight: 400;
}

.columns {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.columns > * {
	display: block;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 100%;
	margin-right: 0.9375rem;
}

.columns.column2 > * {
	width: 50%;
	flex: 0 1 50%;
}

.columns > *:last-child {
	margin-right: 0;
}

.columns.boxed .column {
	position: relative;
	background: #ffffff;
	margin-bottom: 0.9375rem;
	border-radius: 0.3125rem;
	padding: 1.875rem;
	width: calc(100% - 3.75rem);
	box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3);
}

.columns.boxed .column h2 {
	text-align: center;
	color: #333333;
}

#cookiebar {
	position: fixed;
	bottom: 1.25rem;
	right: 1.25rem;
	margin-left: 1.25rem;
	z-index: 30000;
	border-radius: 0.3125rem;
	background: rgba(51, 51, 51, 0.9);
	color: #ffffff;
	padding: 1.875rem;
	max-width: 25rem;
	text-align: center;
	opacity: 1;
	transition: all 500ms ease-in-out 2000ms;
}

#cookiebar.removed {
	opacity: 0;
	transition: all 500ms ease-in-out 0ms;
	bottom: -18.75rem;
}

#cookiebar p {
	text-align: center;
}

#cookiebar p a {
	color: #ffffff;
}

#cookiebar p a:hover {
	color: #d2d2d2;
}

#cookiebar a.button {
	background-color: #ffffff;
	color: #333333;
}

#cookiebar a.button:hover {
	background: #d2d2d2;
}

body.refresh {
	opacity: 0;
	transition: opacity 1000ms ease-in-out 0ms;
}

#loading {
	display: block;
	position: fixed;

	padding: 0.625rem 1.25rem;
	top: 6.25rem;
	width: 5rem;
	height: 3.125rem;

	left: 50%;
	margin-left: -3.125rem;

	z-index: 19000;

	opacity: 0;
	visibility: hidden;
	transition: opacity 100ms ease-in-out 0ms;
	background: #ffffff;
	border-radius: 0.3125rem;
	box-shadow: 0.1875rem 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
}

body.loading #loading {
	display: block;
	opacity: 1;
	visibility: visible;
	transition: opacity 200ms ease-in-out 500ms;
}

body.loading #loading .anim {
	display: block;
	margin: 0.625rem auto;
	width: 1.75rem;
	height: 1.75rem;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}

body.loading #loading .anim::before {
	content: '\e92f';
	font-family: icomoon;
	font-size: 1.75em;
}

#noscript {
	display: none;
}

.footer {
	margin-top: 1.875rem;
	padding: 0.9375rem 0;
	background: #ff4e00;
}

.footer + .footer {
	margin-top: 0;
}

.footer .container::after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.footer a.linkhome {
	display: block;
	float: left;
	margin-right: 1.25rem;
}

.footer a.linkhome img {
	display: block;
	width: 100%;
}

.footer ul.links {
	float: right;
	color: #ffffff;
	font-size: 0.75em;
}

.footer ul.links li {
	float: left;
	line-height: 1.75rem;
	margin-right: 1.25rem;
}

.footer ul.links li a {
	color: #ffffff;
}

.footer .copyright {
	color: #ffffff;
	font-size: 0.75em;
	width: 100%;
	text-align: left;
	clear: both;
	line-height: 1rem;
}

.footer ul.links li:last-child {
	margin-right: 0;
}

.footer .reviewForm {
	float: left;
	width: 6rem;
}

.footer .reviewForm li {
	min-height: 0;
}

.footer ul.reviewForm {
	margin-bottom: 0;
}

.footer .reviewForm > li.rating ul li[data-key=verynegative]:hover input + label::before,
.footer .reviewForm > li.rating ul li[data-key=verynegative] input:checked + label::before,
.footer .reviewForm > li.rating ul li[data-key=verypositive]:hover input + label::before,
.footer .reviewForm > li.rating ul li[data-key=verypositive] input:checked + label::before {
	color: #ffffff;
}

.footer .reviewForm > li.rating ul li {
	width: 2rem;
	margin: 0;
	padding: 0 0.5rem;
}

.footer .reviewForm > li.rating ul li label::before {
	font-size: 2rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
}

.footer #rating {
	color: #ffffff;
	font-size: 0.75rem;
}


.staticpage .htmldescription:not(.toggled) .old {
	display: none;
}

.staticpage .htmldescription.toggled .new {
	display: none;
}

.imageright {
	float: right;
	max-width: 50%;
	margin-left: 1.875rem;
}

.imageright img {
	width: 100%;
}

.imagecenter img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.aboutbox h2 {
	text-transform: uppercase;
	color: #ffffff;
}

.aboutbox p {
	color: #ffffff;
	text-align: left;
}

.aboutbox .about-match {

}

.aboutbox .about-match::before {
	content: '';
	display: block;
	float: left;
	width: 7.5rem;
	height: 7.5rem;
	background: url('images/about-match.png') 0 0 no-repeat;
	background-size: cover;
	margin-right: 1.875rem;
}

.aboutbox .about-solid {

}

.aboutbox .about-solid::before {
	content: '';
	display: block;
	float: left;
	width: 7.5rem;
	height: 7.5rem;
	background: url('images/about-solid.png') 0 0 no-repeat;
	background-size: cover;
	margin-right: 1.875rem;
}

.htmldescription {
	margin-bottom: 1.875rem;
}

.htmldescription:last-child {
	margin-bottom: 0;
}

.htmldescription span.emoticon {
	display: inline-block;
	width: 1.75rem;
	height: 1.75rem;
	background: url('images/emoticons.png');
	background-size: 7rem 5.25rem;
	vertical-align: middle;
}

.htmldescription span.emoticon.love {
	background-position: 0 0;
}

.htmldescription span.emoticon.wink {
	background-position: -1.75rem 0;
}

.htmldescription span.emoticon.oops {
	background-position: -3.5rem 0;
}

.htmldescription span.emoticon.sad {
	background-position: -5.25rem 0;
}

.htmldescription span.emoticon.tongue {
	background-position: 0 -1.75rem;
}

.htmldescription span.emoticon.happy {
	background-position: -1.75rem -1.75rem;
}

.htmldescription span.emoticon.angry {
	background-position: -3.5rem -1.75rem;
}

.htmldescription span.emoticon.rofl {
	background-position: -5.25rem -1.75rem;
}

.htmldescription span.emoticon.cool {
	background-position: 0 -3.5rem;
}

.htmldescription span.emoticon.shy {
	background-position: -1.75rem -3.5rem;
}

.htmldescription span.emoticon.kiss {
	background-position: -3.5rem -3.5rem;
}

.htmldescription span.emoticon.smile {
	background-position: -5.25rem -3.5rem;
}

.htmldescription p {
	margin-bottom: 1.8em;
	word-wrap: break-word;
}

.htmldescription *:last-child {
	margin-bottom: 0;
}

.htmldescription u {
	text-decoration: underline;
}

.htmldescription b {
	font-weight: 700;
}

.htmldescription i {
	font-style: italic;
}

.htmldescription em {
	font-weight: 700;
}

.htmldescription ol {
	margin-bottom: 1.25rem;
	list-style: decimal;
	padding: 0 1.875rem;
}

.htmldescription ol.letter {
	list-style: upper-alpha;
	padding: 0 1.875rem;
}

.htmldescription ol li {
	line-height: 1.8em;
}

.htmldescription li p {
	margin-top: 1.8em;
	margin-bottom: 0;
}

.htmldescription li p:first-child {
	margin-top: 0;
}

.htmldescription h2 {
	color: #ff4e00;
}

.htmldescription dl {
	margin-bottom: 1em;
}

.htmldescription dl::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.htmldescription dl dt {
	float: left;
	line-height: 1.8em;
	clear: left;
	width: 25%;
	min-width: 15rem;
	font-weight: 700;
	color: #333333;
}

.htmldescription dl dd {
	float: left;
	min-width: 9.375rem;
	line-height: 1.8em;
	clear: right;
}

.htmldescription ul {
	margin-bottom: 1em;
}

.htmldescription ul li {
	position: relative;
	margin: 0 0 0 1.25rem;
	line-height: 1.8em;
}

.htmldescription ul li::before {
	content: '\e905';
	font-family: icomoon;
	position: absolute;
	line-height: 1.25rem;
	top: 0.8125rem;
	margin: -0.625rem 0 0 -1.25rem;
}

.htmldescription ul.check li {
	margin-left: 2.5rem;
}

.htmldescription ul.check li::before {
	content: '\e910';
	color: #ff4e00;
	margin-left: -2.5rem;
	font-size: 2em;
}

.htmldescription ul.columnlist li {
	float: left;
	width: 33.33%;
}

.htmldescription pre {
	font-family: monospace;
	white-space: pre-wrap;
	line-height: 1.8em;
	margin-bottom: 1em;
	background: #f2f2f2;
}

.htmldescription blockquote {
	line-height: 1.8em;
	margin-bottom: 1em;
	padding-left: 1.25rem;
	border-left: 0.0625rem solid #ff4e00;
	font-style: italic;
}

.htmldescription.seotext {
	position: relative;
	max-height: none;
}

.htmldescription.main::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.htmldescription.main a.readmore {
	display: none;
}

.htmldescription.main a.readless {
	float: right;
	display: block;
}

.htmldescription.main.toggled {
	max-height: 9.375rem;
	overflow: hidden;
}

.htmldescription.main.toggled::after {
	content: '';
	display: block;
	position: absolute;
	visibility: visible;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 3.75rem;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%);
	z-index: 50;
}

.htmldescription.main.toggled a.readmore {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	z-index: 100;
}

.htmldescription.main.toggled a.readless {
	display: none;
}

.dropdown {
	position: relative;
	display: inline-block;
	line-height: 2.5rem;
	z-index: 50;
}

.dropdown.toggled {
	z-index: 500;
}

.dropdown div.current {
	font-size: 0;
	line-height: normal;
	cursor: pointer;
}

.dropdown div.current::after {
	display: inline;
	content: '\e903';
	font-family: icomoon;
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 1.5rem;
	vertical-align: middle;
	margin-left: 0.3125rem;
	color: #ff4e00;
}

.dropdown.empty div.current::after {
	display: none;
}

.dropdown .current span.name {
	display: inline;
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 700;
	font-size: 1.5rem;
	color: #333333;
	text-transform: uppercase;
	line-height: 2rem;
	vertical-align: middle;
	max-width: calc(100% - 1.5625rem);
}

.dropdown span.name {
	display: inline;
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 400;
}

.dropdown span.name em {
	color: #ff4e00;
	word-wrap: break-word;
}

.dropdown span.name:hover em {
	color: #e83310;
}

.dropdown span.name em:last-child {
	border: 0.125rem dashed #d2d2d2;
	border-radius: 0.25rem;
	padding: 0 0.5rem;
}

.dropdown span.name:hover em:last-child {
	border: 0.125rem dashed #bebebe;
}

.dropdown ul {
	display: none;
	position: absolute;
	top: 2.5rem;
	left: auto;
	right: 0;
	border: 0.0625rem solid #bebebe;
	border-radius: 0.25rem;
	background: #ffffff;
	box-shadow: 0.125rem 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.3);
}

.dropdown ul li {
	text-align: left;
}

.dropdown ul li.selected {
	background: #f7f7f7;
}

.dropdown ul li > a {
	display: block;
	padding: 0.9375rem 1.25rem;
	line-height: 1em;
	text-decoration: none;
}

.dropdown ul li:hover {
	background: #f7f7f7;
}

.dropdown.toggled ul {
	display: block;
	overflow: hidden;
}

.dropdown.toggled.empty ul {
	display: none;
}

.horizontalseparator {
	text-align: center;
	margin: 2.5rem auto;
}

.horizontalseparator > * {
	display: inline-block;
	position: relative;
}

.horizontalseparator > *::before {
	position: absolute;
	content: '';
	height: 0;
	border-bottom: 0.0625rem solid #bebebe;
	left: -100%;
	right: 103%;
	left: calc(-50vw + 50% + 0.625rem);
	right: calc(100% + 1.25rem);
	top: 50%;
}

.horizontalseparator > *::after {
	position: absolute;
	content: '';
	height: 0;
	border-bottom: 0.0625rem solid #bebebe;
	left: 103%;
	right: -100%;
	left: calc(100% + 1.25rem);
	right: calc(-50vw + 50% + 0.625rem);
	top: 50%;
}

/**
 * Certain snippets
 */
.static.labels span.label {
	position: relative;
	float: left;
	margin-right: 0.9375rem;
	margin-bottom: 0.9375rem;
	background-color: #333333;
	color: #ffffff;
	padding: 0.9375rem 1.25rem;
	border-radius: 0.25rem;
	line-height: 1em;
}

.input.labels::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.input.labels span.label {
	position: relative;
	float: left;
	margin: 0 0.8rem 0.6rem 0;
	background-color: #333333;
	color: #ffffff;
	padding: 0.6rem 1rem;
	border-radius: 0.25rem;
	cursor: pointer;
}

.input.labels span.label::after {
	display: none;
	position: absolute;
	content: '\e915';
	font-family: icomoon;
	font-size: 0.75em;
	line-height: 1.25rem;
	right: -0.5rem;
	top: -0.5rem;
	cursor: pointer;
	border-radius: 0.625rem;
	background-color: #ff4e00;
	color: #ffffff;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
	vertical-align: center;
}

.input.labels span.label:hover::after {
	display: block;
}

.touchevents .input.labels span.label::after {
	display: block;
}

.input.labels span.label.negative {
	background-color: #e83310;
}

.input.labels span.label.negative::before {
	content: '-';
}

.input.labels span.label.positive {
	background-color: #71db0e;
}

.input.labels span.label.positive::before {
	content: '+';
}

.input.labels .content {
	float: left;
}

.input.labels .content::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.input.labels .content > input.new {
	float: left;
	border: 0.125rem dashed #d2d2d2;
	padding: 0.38125rem 0.875rem;
	line-height: 1rem;
	width: 12.5rem;
}

.input.labels .content > input.new:hover {
	border: 0.125rem dashed #bebebe;
}

.input.labels .content > input.new:focus {
	outline: none;
	border: 0.125rem dashed #bebebe;
}

/*
.input.labels::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
*/

.employmentprofile .static.labels::after {
	content: '';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
}

.employmentprofile .static.labels span.label {
	background-color: #71db0e;
}

.employmentprofile .static.labels span.label.negative {
	background-color: #e83310;
}

.employmentprofile .static.matchWords::after {
	content: none;
}

/**
 * Chat widget
 */
.conversation {
	margin: 1.875rem 0;
	background: #ffffff;
	border: 0.0625rem solid #bebebe;
	border-radius: 0.3125rem;
}

.conversation .messages {
	margin: 1.25rem 1.875rem;
}

.conversation ul.messages > li {
	position: relative;
	xpadding: 0.625rem 1.875rem;
	padding: 0.625rem 0;
	color: #333333;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	animation: fadein 800ms ease-in-out 0s;
}

.conversation ul.messages > li::after {
	content: '';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
}

.conversation .content {
	position: relative;
	border-radius: 0.5rem;
	padding: 1.875rem;
	line-height: 1.875rem;
	margin: 0 1.875rem;
	max-width: 60%;
}

.conversation .content::before {
	position: absolute;
	display: block;
	content: '';
	top: 2.25rem;
	width: 1.25rem;
	height: 1.25rem;
	background: inherit;
	border-radius: 0.25rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.conversation li .date {
	position: relative;
	font-size: 0.75em;
	color: #bebebe;
	font-style: italic;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	vertical-align: bottom;
	margin-bottom: 0.625rem;
}

.conversation li.seen .date::after {
	content: '\e910';
	font-family: icomoon;
	color: #55cdf2;
	position: absolute;
	display: block;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	font-size: 1rem;
	bottom: 0;
	left: -1.5rem;
}

.conversation li.out {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.conversation li.in {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.conversation li.out + li.out {
	padding: 0 0 0.625rem 0;
}

.conversation li.out + li.out .person {
	xvisibility: hidden;
}

.conversation li.out .content {
	xbackground: #e2e2e2;
	xbackground: #edff00;
	background: #ddffbb;
}

.conversation li.out .content::before {
	left: auto;
	right: -0.5625rem;
}

.conversation li.in .content {
	xbackground: #55cdf2;
	background: #e2e2e2;
	xbackground: #f7f7f7;
}

.conversation li.in .content::before {
	left: -0.5625rem;
	right: auto;
}

.conversation li.separator .content {
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding: 0;
}

.conversation li.separator .content::before {
	content: none;
	display: none;
}

.conversation li.separator .content p {
	display: inline-block;
	text-align: center;
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 400;
	text-transform: uppercase;
	color: #333333;
	padding: 1.25rem 0 0.3125rem 0;
}

.conversation ul.messages > li.notice {

}

.conversation ul.messages > li.notice .person {
	display: none;
}

.conversation ul.messages > li.notice .content {
	background: #f9f6c3;
	max-width: 50%;
	width: 50%;
	margin: 0 auto;
	padding: 0.625rem 1.875rem;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

.conversation ul.messages > li.notice .content em {
	font-weight: bold;
}

.conversation li.notice .content::before {
	content: none;
	display: none;
}

.conversation li.notice .content p {
	text-align: center;
}

.conversation div.new {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 1.875rem;
	color: #333333;
	border-bottom: 0.0625rem solid #bebebe;
}

.conversation div.new::after {
	content: '';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
}

.conversation div.new .contentcontainer {
	width: 100%;
	max-width: 100%;
	margin: 0;
	line-height: 1.875rem;
}

.conversation div.new .contentcontainer .content {
	width: auto;
}

.conversation div.new .contentcontainer .notification {
	display: block;
	color: #e83310;
}

.conversation div.new .contentcontainer .notification span {
	display: block;
	line-height: 1.8em;
}

.conversation div.new .content {
	background-color: #ffffff;
	padding: 1.8125rem;
	border: 0.0625rem dashed #666666;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
}

.conversation div.new .content::before {
	border-right: 0.0625rem dashed #666666;
	border-top: 0.0625rem dashed #666666;
	right: -0.625rem;
	width: 1.1875rem;
	height: 1.1875rem;
}

.conversation div.new.error .content {
	border-color: #e83310;
}

.conversation div.new.error .content::before {
	border-color: #e83310;
}


.conversation div.new .content textarea {
	display: block;
	box-sizing: content-box;
	padding: 1.8125rem;
	margin: -1.8125rem;
	border: 0;
	border-radius: 0.5625rem;
	width: 100%;
	max-width: 100%;
	line-height: 1.875rem;
	height: 1.875rem;
	min-height: 1.875rem;
	max-height: 25rem;
}

.conversation div.new .person {
	display: none;
}

.conversation div.new .send {
	height: 5.625rem;
	line-height: 5.625rem;
	cursor: pointer;
	padding: 0;
	border-radius: 0;
	background: 0;
	color: #333333;
	min-width: 0;
}

.conversation div.new .send::before {
	content: '\e96b';
	font-family: icomoon;
	font-size: 2.25em;
}

.conversation div.new .send:hover::before {
	color: #ff4e00;
}

.conversation div.history {
	display: none;
	padding: 1.8125rem;
	text-align: center;
}

.conversation.hashistory div.history {
	display: block;
}

.conversation div.history .hide {
	display: none;
	margin: 0 auto;
	cursor: pointer;
}

.conversation div.history .show {
	display: inline-block;
	margin: 0 auto;
	cursor: pointer;
}

.conversation.historic div.history .hide {
	display: inline-block;
}

.conversation.historic div.history .show {
	display: none;
}

.messageForm textarea {
	min-height: 10rem;
}

.inviteForm textarea {
	min-height: 10rem;
}

.messageTemplateForm textarea {
	min-height: 10rem;
}

/**
 * Discussion
 */
#discussion .infobox .avatar {
	float: right;
	margin: 0 0 1rem 1rem;
}

.discussionview ul.messages {
	/* margin: 1.25rem 1.875rem; */
}

.discussionview ul.messages > li {
	position: relative;
	xpadding: 0.625rem 1.875rem;
	padding: 0.625rem 0;
	color: #333333;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.discussionview ul.messages > li::after {
	content: '';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
}

.discussionview .content {
	position: relative;
	border-radius: 0.5rem;
	padding: 1.875rem;
	line-height: 1.875rem;
	margin: 0 1.875rem;
	width: 100%;
}

.discussionview .content::before {
	position: absolute;
	display: block;
	content: '';
	top: 2.25rem;
	width: 1.25rem;
	height: 1.25rem;
	background: inherit;
	border-radius: 0.25rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.discussionview li .date {
	font-size: 0.75em;
	color: #bebebe;
	font-style: italic;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	vertical-align: bottom;
	margin-bottom: 0.625rem;
}

.discussionview li.out {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.discussionview li.in {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.discussionview li.out + li.out {
	padding: 0 0 0.625rem 0;
}

.discussionview li.out + li.out .person {
	xvisibility: hidden;
}

.discussionview li.out .content {
	xbackground: #e2e2e2;
	xbackground: #edff00;
	background: #ddffbb;
}

.discussionview li.out .content::before {
	left: auto;
	right: -0.5625rem;
}

.discussionview li.in .content {
	xbackground: #55cdf2;
	background: #e2e2e2;
	xbackground: #f7f7f7;
}

.discussionview li.in .content::before {
	left: -0.5625rem;
	right: auto;
}

.discussionview li.sticky .content {
	background: #ffb300;
}

.discussionview li.separator .content {
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding: 0;
}

.discussionview li.separator .content::before {
	content: none;
	display: none;
}

.discussionview li.separator .content p {
	display: inline-block;
	text-align: center;
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 400;
	text-transform: uppercase;
	color: #333333;
	padding: 1.25rem 0 0.3125rem 0;
}

.discussionview ul.messages > li.notice {

}

.discussionview ul.messages > li.notice .person {
	display: none;
}

.discussionview ul.messages > li.notice .content {
	background: #f9f6c3;
	max-width: 50%;
	width: 50%;
	margin: 0 auto;
	padding: 0.625rem 1.875rem;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

.discussionview li.notice .content::before {
	content: none;
	display: none;
}

.discussionview li.notice .content p {
	text-align: center;
}

.discussion .custom .date p {
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 400;
	text-transform: uppercase;
	color: #333333;
	text-align: right;
}

#newdiscussion {
	float: right;
	margin-top: -0.3rem;
}

div.rating {
	height: 1.625rem;
	line-height: 1.625rem;
	text-align: center;
}

div.rating > .grade {
	display: none;
}

div.rating > .count {
	display: inline-block;
	color: #bebebe;
	font-size: 0.875em;
	line-height: 1.625rem;
	vertical-align: middle;
}

div.rating > .stars {
	display: inline-block;
	position: relative;
	color: #bebebe;
	width: 7.5rem;
	height: 100%;
	line-height: 100%;
	vertical-align: middle;
}

div.rating > .stars .bar {
	position: absolute;
	color: #333333;
	top: 0;
	left: 0;
	height: 100%;
	overflow: hidden;
}

div.rating > .stars::before {
	display: block;
	content: url('../icons/sprite-stars.svg');
	/* height: 1.625rem; */
}

div.rating > .stars .bar::before {
	display: block;
	content: url('../icons/sprite-stars-full-grey.svg');
	width: 7.5rem;
	/* height: 1.625rem; */
}

div.rating.important > .stars .bar::before {
	content: url('../icons/sprite-stars-full.svg');
	/* height: 1.625rem; */
}

.avatar {
	position: relative;
}

.avatar .image {
	display: block;
	position: relative;
	width: 7.5rem;
	height: 7.5rem;
	margin: 0 auto;
}

.avatar .image > img {
	display: block;
	overflow: hidden;
	margin: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.avatar .image > .empty {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #ffffff url('images/avatar-empty.svg') 50% 50% no-repeat;
	background-size: contain;
}

.avatar .medals {
	position: absolute;
	top: 0;
	right: 0;
}

.avatar .medal {
	display: block;
	float: left;
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.8rem;
	border-radius: 50%;
	text-align: center;
	margin-left: -0.75rem;
	transition: all 100ms ease-in-out;
}

.avatar .medals:hover .medal {
	margin-left: 0;
}

.avatar .medal::before {
	content: '\e971';
	font-weight: 400;
	font-family: icomoon;
	font-size: 1rem;
	color: #ffffff;
}

.avatar .medal.recruiteraward2018-gold,
.avatar .medal.recruiteraward2019-gold,
.avatar .medal.recruiteraward2019-company-gold {
	background-color: #ffd700;
	animation-name: glow;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.avatar .medal.recruiteraward2018-silver,
.avatar .medal.recruiteraward2019-silver,
.avatar .medal.recruiteraward2019-company-silver {
	background-color: #A8A8A8;
}

.avatar .medal.recruiteraward2018-bronze,
.avatar .medal.recruiteraward2019-public,
.avatar .medal.recruiteraward2019-company-public {
	background-color: #965A38;
}

.avatar .medal.recruiteraward2019-nominee {
	background-color: #ff4e00;
}

.avatar .medal.recruiteraward2019-company-nominee {
	background-color: #50940C;
}

.avatar .medal.gdpr-approved {
	background-color: #50940C;
}

.avatar .medal.gdpr-approved::before {
	content: '\e939';
}

.nominated {
	background: transparent url('../images/recruiterawards2019.png') 0 0 no-repeat;
	background-size: contain;
	padding-top: 12rem;
	width: 15rem;
	float: right;
}

.nominated a.button {
	white-space: normal;
}

.avatar.companylarge .image .empty {
	display: block;
	width: 100%;
	height: 100%;
	background: none;
}

.avatar .name {
	font-family: 'Montserrat', 'Sans-Serif';
	font-weight: 400;
	font-size: 1.125em;
	line-height: 1.3125rem;
	display: block;
	margin: 0.9375rem 0 0.3125rem 0;
	text-align: center;
}

.avatar a.readmore {
	padding-right: 1.5rem;
}

.avatar a.readmore::before {
	font-size: 1.5em;
	line-height: 1.5rem;
	margin-right: 0;
}

.avatar a {
	text-decoration: none;
}

.avatar a .name {
	text-decoration: underline;
}

.avatar .email {
	color: #333333;
	display: block;
	padding: 0.3125rem 0;
	text-align: center;
}

.avatar .phone {
	color: #333333;
	display: block;
	padding: 0.3125rem 0;
	text-align: center;
}

.avatar.profilelarge .image {
	width: 22.5rem;
	height: 22.5rem;
}

.avatar.profilelarge .image {
	margin: 0 0 0 auto;
}

.avatar.listicon .image {
	width: 100%;
	height: 100%;
}

.avatar.listicon .medal {
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
}

.avatar.listicon .medal::before {
	font-size: 0.6rem;
}

.avatar.chat .image {
	width: 5.625rem;
	height: 5.625rem;
}

.avatar.chat .medal {
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
}

.avatar.chat .medal::before {
	font-size: 0.75rem;
}

.avatar.companylarge {
	width: 22.5rem;
}

.avatar.companylarge .image {
	border-radius: 0;
	width: 22.5rem;
	height: 7.5rem;
	margin: 0 0 0 auto;
}

.preview.image .empty {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 2.5rem;
	background: #ffffff url('images/avatar-empty.svg') 50% 50% no-repeat;
	background-size: contain;
}

.preview.image > img {
	display: block;
	margin: 0;
	max-width: 100%;
	max-height: 100%;
}

/**
 * Mainbar
 */
#mainbar {
	border-top: 0.25rem solid #ff4e00;
	border-bottom: 0.25rem solid #d2d2d2;
	height: 4.125rem;
	/* margin-bottom: 1.875rem; */
	background: #ffffff;
	transition: all 200ms ease-in-out 0ms;
	box-shadow: none;
	width: 100%;
}

/*
body.sticked {
	margin-top: 4.625rem;
}
*/

#mainbar.sticked {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
	box-shadow: 0.1875rem 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
	/* transition: all 200ms ease-in-out 0ms; */
}

#mainbar .container {
	padding-top: 0;
	padding-bottom: 0;
}

#mainbar ul.items {
	xposition: absolute;
	xright: 0;
	height: 1.75rem;
	xtop: 1.1875rem;
	xborder-left: 0.0625rem solid #888888;
	margin: 1.1875rem 0;

	float: right;
}

#mainbar ul.items li {
	float: left;
	position: relative;
	cursor: pointer;
	margin-left: 0.9375rem;
	height: 1.75rem;
}

#mainbar ul.items .menu::before {
	font-family: 'icomoon';
	content: '\e92d';
	display: block;
	font-size: 1.75em;
	width: 1.75rem;
	height: 1.75rem;
}

#mainbar ul.items .menu:hover::before {
	color: #e83310;
}

#mainbar ul.items li.notificationcenter {

}

#mainbar ul.items li.notificationcenter::before {
	font-family: icomoon;
	content: '\e909';
	font-size: 1.75rem;
	line-height: 1.75rem;
	vertical-align: middle;
}

#mainbar ul.items li.notificationcenter:hover::before {
	color: #ff4e00;
}

#mainbar ul.items li.notificationcenter span:not(.count) {
	display: inline-block;
	line-height: 1.75rem;
	margin-right: 0.3125rem;
}

/*
#mainbar ul.items li.notificationcenter .count::before {
	content: '\e90a';
	font-family: icomoon;
		width: 1.75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	font-size: 1.25em;
	color: #333333;
}
*/

#mainbar ul.items li.notificationcenter .count {
	display: block;
	position: absolute;
	top: -0.5rem;
	left: 1rem;
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.8em;
	color: #ffffff;
	background-color: #ff4e00;
	text-align: center;
}

#mainbar ul.items li.notificationcenter .count.none {
	display: none;
	background-color: #888888;
}

div.empty_notifications {
	margin: 1.25rem;
}

#mainbar div.content {
	float: right;
	height: 4.125rem;
	top: 0;
}

#mainbar .logo {
	float: left;
	position: relative;
	width: 20rem;
	padding: 1.1875rem 0 0.5rem;
	height: 2.4375rem;
}

#mainbar .logo a {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	line-height: 2.4375rem;
	background: transparent url('../images/logo-slogan.svg') 0 0 no-repeat;
	background-size: cover;
}

#mainbar .logo img {
	display: none;
	/* display: inline-block; */
	vertical-align: middle;
	line-height: 1.75rem;
	width: 100%;
}

#mainbar .logo span.beta {
	top: 1.1875rem;
	left: 100%;
	margin-left: 0.3125rem;
	position: absolute;
	background: #bbbbbb;
	color: #ffffff;
	padding: 0.25rem 0.6875rem;
	border-radius: 0.8125rem;
	font-size: 0.75em;
}

#mainbar + div.pageblock:not(.alternate):not(.highlight) {
	margin-top: 1.875rem;
}

#mainbar .faqlink {
	position: absolute;
	width: 15rem;
	text-align: center;
	left: 50%;
	margin-left: -7.5rem;
	top: 1.5rem;
}

.headoverlay {
	float: right;
	width: 32.5rem;
}

.headoverlay .container {
	display: none;
	position: fixed;
	z-index: 1000;
	width: 32.5rem;
	background-color: #ffffff;
	border-radius: 0.1875rem;
	top: 5.875rem;
	min-height: 3.75rem;
	box-shadow: 0.1875rem 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
	transition: opacity 1500ms ease-in-out 0s;
}

.headoverlay.toggled .container {
	display: block;
	z-index: 12000;
}

.headoverlay .container::before {
	position: absolute;
	display: block;
	top: -0.75rem;
	right: 1.5625rem;
	content: '';
	background-color: #ffffff;
	border-radius: 0.1875rem;
	width: 1.5625rem;
	height: 1.5625rem;
	box-shadow: -0.25rem -0.25rem 0.9375rem -0.375rem rgba(0, 0, 0, 0.2);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.headoverlay .container {
	margin: 0;
}

#menu {
	margin-right: -1.25rem;
}

#menu ul {

}

#menu ul li {
	font-family: "Roboto", "Sans-Serif";
	font-size: 1.125em;
	font-weight: 700;
	border-bottom: 0.0625rem solid #d2d2d2;
	text-transform: uppercase;
}

#menu ul li > a,
#menu ul li > span {
	display: block;
	color: #bebebe;
	padding: 1.25rem 1.875rem;
	text-decoration: none;
}

#menu ul li.active a {
	color: #333333;
}

#menu ul li:hover a {
	text-decoration: none;
	color: #ff4e00;
}

#menu ul li > a:focus,
#menu ul li > a:active {
	text-decoration: none;
}

#notificationcenter {
	margin-right: 1.25rem;
}

#notificationcenter .title {
	display: block;
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.25rem;
	text-transform: uppercase;
	color: #333333;
	padding: 1.25rem 1.5625rem;
}

#notificationcenter ul.notifications {
	border-top: 0.0625rem solid #d2d2d2;
	overflow-y: scroll;
	max-height: 32rem;
}

#notificationcenter ul.notifications li {
	position: relative;
	display: block;
	border-bottom: 0.0625rem solid #d2d2d2;
	opacity: 0.5;
}

#notificationcenter ul.notifications li a {
	color: #666666;
	display: block;
	padding: 0.75rem 4.125rem 0.75rem 1.5625rem;
}

#notificationcenter ul.notifications li a::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#notificationcenter ul.notifications li .icon {
	float: left;
	width: 3.125rem;
	height: 3.125rem;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 1.25rem;
	border: 0.0625rem solid transparent;
}

#notificationcenter ul.notifications li .icon img {
	display: block;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 1.5625rem;
}

#notificationcenter ul.notifications li .content {
	float: left;
	max-width: calc(100% - 4.5rem);
}

#notificationcenter ul.notifications li .content > span {
	display: block;
	vertical-align: middle;
	line-height: 1.625rem;
}

#notificationcenter ul.notifications li .content em {
	font-weight: 700;
}

#notificationcenter ul.notifications li .content span.elapsed {
	color: #bebebe;
	font-weight: 300;
}

#notificationcenter ul.notifications li.new {
	opacity: 1;
}

#notificationcenter ul.notifications li.new::after {
	position: absolute;
	content: '';
	display: block;
	width: 1rem;
	height: 1rem;
	border-radius: 0.5rem;
	background-color: #55cdf2;
	z-index: 100;
	right: 1.25rem;
	margin-top: -0.5rem;
	top: 50%;
}

#notificationcenter ul.notifications li.seen {
	opacity: 0.6;
}

#notificationcenter ul.notifications li:hover {
	background: #55cdf2;
}

#notificationcenter ul.notifications li:hover a {
	color: #ffffff;
}

#notificationcenter ul.notifications li.new:hover::after {
	background-color: #ffffff;
}

#notificationcenter ul.notifications li:hover .content span.elapsed {
	color: #ffffff;
}

#notificationcenter ul.notifications li .icon .empty {
	display: block;
	width: 5.125rem;
	height: 5.125rem;
	margin: -1rem 0 0 -1rem;
}

#notificationcenter ul.notifications li.application .icon .empty {
	background: transparent url('images/icons/icon-avatar.svg') 50% 50% no-repeat;
	background-size: contain;
}

#notificationcenter ul.notifications li.project .icon .empty {
	background: transparent url('images/icons/icon-project.svg') 50% 50% no-repeat;
	background-size: contain;
}

#notificationcenter ul.notifications li.company .icon .empty {
	background: transparent url('images/icons/icon-contract.svg') 50% 50% no-repeat;
	background-size: contain;
}

#notificationcenter ul.notifications li.invoice .icon .empty {
	background: transparent url('images/icons/icon-month.svg') 50% 50% no-repeat;
	background-size: contain;
}


#notificationcenter a.button {
	display: block;
	background-color: #ffffff;
	color: #666666;
	padding: 0.9375rem 1.5rem;
}

.notificationmessages {
	max-height: 12.5rem;
}

.notificationmessages.toggled {
	max-height: 0;
}

.notificationmessages .notice {
	text-align: center;
}

/**
 * Stick nav
 */
.stickynavigation.sticked {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 500;
	background-color: #ffffff;
}

.stickynavigation.sticked.top {
	top: 0;
	box-shadow: 0.125rem 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.3);
	border-bottom: 0.25rem solid #d2d2d2;
}

.stickynavigation.sticked.bottom {
	bottom: 0;
	box-shadow: -0.25rem -0.25rem 0.9375rem -0.375rem rgba(0, 0, 0, 0.2);
	border-top: 0.25rem solid #d2d2d2;
}

.stickynavigation.sticked > .container {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/**
 * Tabstrip
 */
div.tabstrip {
	/* padding-top: 0.625rem; */
	margin-bottom: 1.875rem;
}

div.tabstrip ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	list-style: none;
}

div.tabstrip ul li {
	position: relative;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 0;
	border-bottom: 0.25rem solid #ffffff;
	transition: all 150ms ease-in-out, font-size 0ms linear;
}

div.tabstrip ul li span {
	transition: all 150ms ease-in-out;
}

div.tabstrip ul li.active {
	border-bottom: 0.25rem solid #ff4e00;
}

div.tabstrip ul li:hover {
	border-bottom: 0.25rem solid #666666;
}

div.tabstrip ul li.active:hover {
	border-bottom: 0.25rem solid #e83310;
}

div.tabstrip ul li::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -0.5rem;
	top: 4.3125rem;
	width: 0;
	height: 0;
	border: 0.5rem solid rgba(255, 255, 255, 0);
	border-top-width: 0;
	transition: all 150ms ease-in-out;
	z-index: 100;
}

div.tabstrip ul li.active::after {
	border-top: 0.5rem solid #ff4e00;
}

div.tabstrip ul li:hover::after {
	border-top: 0.5rem solid #666666;
}

div.tabstrip ul li.active:hover::after {
	border-top: 0.5rem solid #e83310;
}

div.tabstrip ul li a {
	display: block;
	font-family: 'Montserrat', 'Sans-Serif';
	font-weight: 700;
	font-size: 1em;
	line-height: 1.25em;
	text-transform: uppercase;
	color: #888888;
	text-align: center;
	text-decoration: none;
	padding: 0.75rem 0.5rem;
}

div.tabstrip ul li a span {
	display: inline-block;
	line-height: 2.625rem;
	vertical-align: middle;
}

div.tabstrip ul li a span.icon {
	margin-right: 0.5rem;
	text-align: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 1.3125rem;
	border: 0.0625rem solid #bebebe;
	background: #bebebe;
	color: #e8e8e8;
	overflow: hidden;
	font-weight: 400;
}

div.tabstrip ul li a span.icon::after {
	font-family: 'icomoon';
	content: '';
	font-size: 1.75rem;
	line-height: 2.5rem;
	vertical-align: middle;
}

div.tabstrip ul li.acquisition a span.icon::after {
	content: '\e90e';
}

div.tabstrip ul li.projects a span.icon::after {
	content: '\e96c';
}

div.tabstrip ul li.user a span.icon::after {
	content: '\e946';
}

div.tabstrip ul li.company a span.icon::after {
	content: '\e90b';
}

div.tabstrip ul li.user a span.icon img {
	width: 100%;
	height: 100%;
}

div.tabstrip ul li.company a span.icon img {
	width: 100%;
	height: 100%;
}

div.tabstrip ul li.active a {
	color: #ff4e00;
	cursor: pointer;
}

div.tabstrip ul li.active span.icon {
	color: #ffffff;
	border: 0.0625rem solid #ff4e00;
	background: #ff4e00;
}

div.tabstrip ul li:hover a {
	/* color: #e83310; */
	color: #666666;
}

div.tabstrip ul li:hover span.icon {
	/* border: 0.0625rem solid #e83310; */
	/* background: #e83310; */
	border: 0.0625rem solid #666666;
	background: #666666;
	color: #ffffff;
}

div.tabstrip ul li.active:hover a {
	color: #e83310;
}

div.tabstrip ul li.active:hover span.icon {
	border: 0.0625rem solid #e83310;
	background: #e83310;
	color: #ffffff;
}

div.tabstrip ul li:hover span.icon img {
	background: #ffffff;
}

/**
 * Tabstrip on mainbar
 */
div.barmenu {
	padding-top: 0;
	margin-bottom: 0;
}

div.barmenu ul li {
	padding-right: 1rem;
	border-bottom: 0;
}

div.barmenu ul li.active {
	border: 0;
}

div.barmenu ul li:hover {
	border: 0;
}

div.barmenu ul li.active:hover {
	border: 0;
}

div.barmenu ul li:hover a {
	border-bottom: 0.25rem solid #666666;
}

div.barmenu ul li.active a {
	border-bottom: 0.25rem solid #ff4e00;
}

div.barmenu ul li.active:hover a {
	border-bottom: 0.25rem solid #e83310;
}

div.barmenu ul li a span {
	display: block;
	text-align: center;
	line-height: 1rem;
	font-size: 0.75rem;
	text-transform: uppercase;
}

div.barmenu ul li a span.icon::after {
	line-height: 1.75rem;
}

div.barmenu ul li a span:not(.icon) {
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	transition: all 500ms ease-in-out 0ms;
	line-height: 1.7rem;
}

div.barmenu ul li:not(.active) a span:not(.icon) {
	xmax-width: 0rem;
	margin-left: 0;
}

div.barmenu ul li:hover a span:not(.icon) {
	xmax-width: 20rem;
	transition: all 500ms ease-in-out 1200ms;
}

div.barmenu ul li a {
	font-family: Roboto, Sans-Serif;
	font-size: 0.875em;
	text-transform: none;
	font-weight: 400;
	border-bottom: 0.25rem solid #d2d2d2;
	padding: 0.7rem 0 0 0;
}

div.barmenu ul li a span.icon {
	border: 0;
	border-radius: 0;
	background: none;
	color: #888888;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0 auto;
	line-height: 1.75rem;
}

/*
div.barmenu ul:hover li.active a span:not(.icon) {
	max-width: 0rem;
}
*/

div.barmenu ul li.active:hover a span:not(.icon) {
	xmax-width: 20rem;
}

div.barmenu ul li:hover span.icon {
	background: none;
	color: #333333;
	border: 0;
}

div.barmenu ul li.active a {
	color: #ff4e00;
}

div.barmenu ul li.active span.icon {
	background: none;
	color: #ff4e00;
	border: 0;
}

div.barmenu ul li.active:hover a {
	color: #e83310;
}

div.barmenu ul li.active:hover span.icon {
	background: none;
	color: #ff4e00;
	border: 0;
}

div.barmenu ul li::after {
	content: none;
}

div.barmenu ul li.upgrade-pro a span.icon {
	/* animation: wiggle 7.5s infinite ease-in 0s; */
}

div.barmenu ul li.upgrade-pro a span.icon::after {
	content: '\e94b';
}

div.barmenu ul li.acquisition a span.icon::after {
	content: '\e96e';
}

div.barmenu ul li.projects a span.icon::after {
	content: '\e95a';
}

div.barmenu ul li.company a span.icon::after {
	content: '\e90b';
}

div.barmenu ul li.user a span.icon::after {
	content: '\e970';
}

div.barmenu ul li.login a span.icon::after {
	content: '\e96d';
}

div.barmenu ul li.register a span.icon::after {
	content: '\e96f';
}

/**
 * ActionBar
 */
div.actionbar {
	position: relative;
	margin: 0 0 1rem 0;
}

div.actionbar.new {
	display: none;
}

div.actionbar::after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

div.actionbar .avatar {
	display: block;
	float: left;
	vertical-align: middle;
	border: 0.0625rem solid #ff4e00;
	border-radius: 2rem;
	overflow: hidden;
}

div.actionbar .avatar .image {
	width: 3.625rem;
	height: 3.625rem;
}

div.actionbar .avatar .image .empty {
	background: #ffffff url('images/avatar-personal.png') 50% 50% no-repeat;
	background-size: contain;
}

div.actionbar .notice {
	display: inline-block;
	vertical-align: middle;
	border-radius: 0.1875rem;
	line-height: 2.25rem;
	padding: 0.625rem 3.5rem 0.625rem 1.125rem;
	width: calc(100% - 4.625rem);
	background-color: #ffffff;
}

.popupwindow div.actionbar .notice {
	background-color: #f7f7f7;
}

div.actionbar .close {
	position: absolute;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	top: 1.125rem;
	right: 1.125rem;
	cursor: pointer;
	color: #bbbbbb;
}

div.actionbar .close::before {
	font-family: 'icomoon';
	content: '\e915';
	display: block;
	line-height: 1.25rem;
	font-size: 1.25em;
	width: 1.25rem;
	height: 1.25rem;
}

div.actionbar.personal .notice {
	float: left;
	position: relative;
	width: calc(100% - 9.625rem);
	margin-left: 1.25rem;
	min-height: 2.5rem;
}

div.actionbar.personal .notice p {
	text-align: left;
}

div.actionbar.spacing {
	margin-top: 1.875rem;
}

/*
div.actionbar.personal .notice::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border: 0.5rem solid rgba(255, 255, 255, 0);
	border-right: 0.5rem solid #ffffff;
	top: 1.375rem;
	left: -1rem;
}
*/

div.actionbar.personal .notice::before {
	position: absolute;
	display: block;
	left: -0.4375rem;
	top: 1.4375rem;
	content: '';
	background-color: inherit;
	border-radius: 0.125rem;
	width: 1rem;
	height: 1rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.actionbar.toggled {
	padding: 0;
	margin: 0;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: all 200ms ease-in-out 0s;
}

div.actionbar.info .avatar {
	border-color: #55cdf2;
}

div.actionbar.info .notice {
	background-color: #55cdf2;
	xcolor: #ffffff;
}

div.actionbar.dismissible .avatar {
	border-color: #55cdf2;
}

div.actionbar.dismissible .notice {
	background-color: #55cdf2;
	xcolor: #ffffff;
}

div.actionbar.dismissible .close {
	color: #333333;
}

div.actionbar.red .avatar {
	border-color: #e83310;
}

div.actionbar.red .notice {
	background-color: #e83310;
	color: #ffffff;
}

div.actionbar.orange .avatar {
	border-color: #ffb300;
}

div.actionbar.orange .notice {
	background-color: #ffb300;
	xcolor: #ffffff;
}

div.actionbar.darkorange .avatar {
	border-color: #ff4e00;
}

div.actionbar.darkorange .notice {
	background-color: #ff4e00;
	color: #ffffff;
}

div.actionbar.darkorange .notice a.button {
	color: #333333;
	background-color: #ffffff;
}

div.actionbar.darkorange .notice a.button:hover {
	color: #e83310;
}

div.actionbar.darkorange .close {
	color: #ffffff;
}

div.actionbar.apple .avatar {
	border-color: #71db0e;
}

div.actionbar.apple .notice {
	background-color: #71db0e;
	xcolor: #ffffff;
}

div.actionbar.blue .avatar {
	border-color: #55cdf2;
}

div.actionbar.blue .notice {
	background-color: #55cdf2;
	xcolor: #ffffff;
}

div.actionbar.pink .avatar {
	border-color: #e240bf;
}

div.actionbar.pink .notice {
	background-color: #e240bf;
	color: #ffffff;
}

div.actionbar.lemon .avatar {
	border-color: #edff00;
}

div.actionbar.lemon .notice {
	background-color: #edff00;
	xcolor: #ffffff;
}

div.actionbar.lemon .close::before {
	color: #333333;
}

div.actionbar.info .notice a.button {
	color: #333333;
	background-color: #ffffff;
}

div.actionbar.info .notice a.button:hover {
	color: #e83310;
}

div.actionbar.inverse .notice {
	background: #f7f7f7;
}

div.actionbar.help .avatar .image .empty {
	background-image: url('images/avatar-help.png');
}

div.actionbar.help .notice p {
	color: #ffffff;
}

.toaster .container {
}

.toaster .container .notificationmessages {
	position: fixed;
	z-index: 30000;
	bottom: 2.5rem;
	max-height: none;
	pointer-events: none;
	left: 0;
	width: 100%;
}

.toaster .container .notificationmessages .message {
	margin: 1rem auto 0 auto;
	max-width: 31.25rem;
	width: 100%;
	-webkit-animation: fadeinup 500ms ease-in-out 0s, fadeoutup 200ms ease-in-out 5s;
	animation: fadeinup 500ms ease-in-out 0s, fadeoutup 200ms ease-in-out 5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.ios .toaster .container .notificationmessages .message {
	-webkit-animation: fadeoutup 200ms ease-in-out 5s;
	animation: fadeoutup 200ms ease-in-out 5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.toaster div.message .avatar {
	border: 0.0625rem solid #333333;
	box-shadow: 0.1875rem 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
}

.toaster div.message p {
	text-align: left;
}

.toaster div.message .notice {
	background-color: rgba(51, 51, 51, 0.95);
	color: #ffffff;
	box-shadow: 0.1875rem 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
}

.toaster div.message .notice a.button {
	color: #ffffff;
	background-color: #ff4e00;
}

.toaster div.message .notice a.button:hover {
	color: #e83310;
}

.toaster div.message .close::before {
	color: #ffffff;
}

.toaster div.message.error .notice {
	background-color: rgba(232, 51, 16, 0.95);
}

/**
 * Breadcrumb
 */
.breadcrumb {
	padding: 1.475rem 0;
}

.breadcrumb > span a {
	line-height: 1.8rem;
}

.breadcrumb > span img {
	vertical-align: middle;
	width: 1.5rem;
	height: 1.5rem;
}

.breadcrumb .separator::after {
	display: inline-block;
	content: '\e905';
	font-family: 'icomoon';
	font-weight: 400;
	vertical-align: middle;
	font-size: 1.2em;
	line-height: 1rem;
}


/**
 * Form
 */
ul.form {
	margin-bottom: 1.875rem;
}

ul.form:last-child {
	margin-bottom: 0;
}

ul.form::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: left;
}

ul.form > li {
	min-height: 2.5625rem;
	/* margin-bottom: 1rem; */
	margin-bottom: 0.625rem;
}

ul.form > li::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: left;
}

ul.form > li:last-child {
	margin-bottom: 0;
}

ul.form > li > label {
	display: block;
	float: left;
	line-height: 1.3125rem;
	min-width: 12.5rem;
	width: 12.5rem;
	font-weight: 400;
	margin-right: 1.25rem;
	padding: 0.625rem 0;
}

ul.form > li > :nth-child(2) {
	float: left;
	width: calc(100% - 13.75rem);
}

ul.form > li.required > label::after {
	content: ' *';
	color: #ff4e00;
}

ul.form > li > div.group {
}

ul.form > li > div.group > div.formelement {
	float: left;
	margin-bottom: 1rem;
}

ul.form > li > div.group > div.formelement:last-child {
	margin-bottom: 0;
}

ul.form div.formelement {
	width: 100%;
}

ul.form > li.error .notification {
	display: block;
	color: #e83310;
}

ul.form > li.error .notification span {
	display: block;
	line-height: 1.8em;
}

ul.form.largeform > li > label {
	float: none;
	width: auto;
}

ul.form.largeform > li > :nth-child(2) {
	float: none;
	width: 100%;
}

/**
 * Summary table
 */
table.summary {
	border-collapse: collapse;
}

table.summary tr {
	background: #ffffff;
	padding: 0 1.5625rem;
	color: #666666;
	line-height: 1.75rem;
	height: 1.75rem;
	border-bottom: 0.625rem solid #f7f7f7;
}

table.summary tr th {
	font-weight: 700;
	text-align: left;
}

table.summary tr td,
table.summary tr th {
	padding: 1rem 0;
}

table.summary tr td:first-child,
table.summary tr th:first-child {
}

table.summary tr td:last-child,
table.summary tr th:last-child {
}

.popupwindow table.summary tr {
	background: #f7f7f7;
	border-bottom: 0.625rem solid #ffffff;
}

/**
 * Listing
 */
div.listing,
ul.listing {
	margin-bottom: 1rem;
}

ul.listing > li {
	position: relative;
	line-height: 3.875rem;
	margin-bottom: 0.625rem;
	color: #333333;
	transition: opacity 200ms ease-in-out 0s;
}

ul.listing > li::after {
	content: '';
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

ul.listing > li .listicon {
	float: left;
	width: 3.875rem;
	height: 3.875rem;
	margin-right: 1.25rem;
}

ul.listing > li .listicon .image {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #ffffff;
	text-align: center;
}

/*
ul.listing > li .listicon .image::before {
	font-family: icomoon;
	content: '\e967';
	line-height: 3.875rem;
	font-size: 2rem;
}
*/

/*
ul.listing > li.notify::before {
	content: '';
	position: absolute;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 0.4375rem;
	background-color: #ff4e00;
	left: -1.8125rem;
	top: 50%;
	margin-top: -0.4375rem;
}
*/

ul.listing > li.hide,
ul.listing > li.toggled {
	max-height: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
	border: 0;
	transition: all 75ms ease-in-out 0s;
	overflow: hidden;
}

ul.listing > li > .box {
	display: block;
	position: relative;
	background: #ffffff;
	xborder: 0.0625rem solid #bebebe;
	border-radius: 0.25rem;
	-webkit-box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3);

	padding: 0 1.5625rem;
	line-height: 3.875rem;
	min-height: 3.875rem;
}

/*
.touchevents ul.listing > li > .box:nth-child(1) {
	padding-right: 7.875rem;
}
*/

ul.listing > li > .box:nth-child(2) {
	float: left;
	width: calc(100% - 8.25rem);
}

ul.listing > li > .box > :first-child {
	display: block;

	display: -webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
	-webkit-align-content: flex-start;

	display: -ms-flexbox;
	-ms-flex-direction: row;
	-ms-flex-wrap: nowrap;
	-ms-justify-content: space-between;
	-ms-align-items: center;
	-ms-align-content: flex-start;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: flex-start;

	min-height: 3.875rem;
}

ul.listing .box a {
	color: #666666;
	text-decoration: none;
}

ul.listing .box a::after {
	opacity: 0;
}

ul.listing .box > :first-child > span {
	display: inline-block;
	margin-right: 1rem;
	vertical-align: middle;
	line-height: 1.25rem;
	transition: all 200ms ease-in-out 0s;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.listing .box > :first-child > span::before {
	content: none;
	display: inline-block;
	font-family: icomoon;
	color: #333333;
	margin-right: 0.5rem;
	font-size: 1.25em;
	line-height: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	vertical-align: middle;
}

ul.listing .box a:hover {
	text-decoration: none;
}

ul.listing > li .box > :first-child span.match {
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	position: absolute;
	display: block;
	height: 0.125rem;
	background: #ff4e00;
	left: 0;
	bottom: 0;
	z-index: 100;
}

ul.listing > li .box > :first-child span[data-badge] {
	position: relative;
	overflow: visible;
}

ul.listing > li .box > :first-child span[data-badge]::after {
	content: attr(data-badge);
	display: block;
	position: absolute;
	top: -0.5rem;
	left: 0.75rem;
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.8em;
	color: #ffffff;
	background-color: #ff4e00;
	text-align: center;
}

ul.listing > li .title {
	display: inline-block;
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 400;
	font-size: 1.125em;
	color: #3c3a38;
	width: calc(100% - 40.625rem);
	vertical-align: middle;
	line-height: 3.75rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	min-width: 12.5rem;

	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

ul.listing > li .box > :first-child > span.title {
	line-height: 3.87rem;
}

ul.listing .box > :first-child > span:last-child {
	margin-right: 0;
}

ul.listing > li .actions {
	-webkit-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;

	position: absolute;
	max-width: 0;
	height: 3.875rem;
	top: 0;
	right: 0;
	overflow: hidden;
	transition: all 200ms ease-in-out 0s;
	opacity: 0;
	z-index: 101;
	white-space: nowrap;
	font-size: 0;
	border-radius: 0 0.25rem 0.25rem 0;
}

ul.listing > li .actions a {
	font-size: 1rem;
	width: 3.875rem;
	height: 3.875rem;
	padding: 0;
	line-height: 3.875rem;
	border-left: 0.0625rem solid #bebebe;
	border-radius: 0;
}

.touchevents ul.listing > li .actions {
	max-width: 18.75rem;
	opacity: 1;
}

.touchevents ul.projects li.favorite .box > :first-child .title::after {
	content: none;
}

/*
ul.listing > li .actions a:last-child {
	border-radius: 0 0.25rem 0.25rem 0;
}
*/

ul.listing > li:hover a .title {
	font-weight: 400;
	color: #ff4e00;
	xoverflow: initial;
}

ul.listing > li:hover a .title::before {
	color: #ff4e00;
}

ul.listing .box > :first-child {
	opacity: 1;
	transition: opacity 200ms ease-in-out 0s;
}

ul.listing > li:hover .actions {
	max-width: 18.75rem;
	opacity: 1;
}

ul.listing > li .notification {
	display: none;
}

ul.listing > li.countdown .notification {
	display: block;
}

ul.listing > li.countdown .notification > span {
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% - 3.125rem);
	width: 50%;
	height: 100%;
	padding: 0 1.5625rem;
	text-align: right;
	transition: all 150ms ease-in-out 0s;
}

ul.listing > li.countdown .notification > span::before {
	display: inline-block;
	content: '\e92f';
	font-family: icomoon;
	font-size: 1.75em;
	line-height: 3.875rem;
	vertical-align: middle;
	animation: none;
}

ul.listing > li.countdown.tick .notification > span::before {
	animation: halfrotate 500ms 1;
}

ul.listing > li.countdown .notification > .small {
	opacity: 1;
}

ul.listing > li.countdown .notification > .large {
	opacity: 0;
}

ul.listing > li.countdown .notification em {
	font-weight: 700;
}

ul.listing > li.countdown .notification a.button {
	display: none;
}

ul.listing > li.countdown .actions {
	display: none;
}

ul.listing > li.countdown:hover .notification > .small {
	opacity: 0;
}

ul.listing > li.countdown:hover .notification > .large {
	opacity: 1;
	text-align: center;
	left: 0;
	width: calc(100% - 3.125rem);
	background-color: #e240bf;
	color: #ffffff;
	transition: all 150ms ease-in-out 0s;
	font-size: 1em;
}

ul.listing > li.countdown:hover .notification a.button {
	display: inline-block;
	background: #ffffff;
	color: #333333;
}

ul.listing > li .actions .favorite::before {
	content: '\e92e';
}

ul.listing > li.favorite .actions .favorite {
	color: #ff4e00;
}

ul.listing > li.favorite .actions .favorite::before {
	content: '\e968';
}

ul.listing > li .actions .hide::before {
	content: '\e95f';
}

ul.listing > li.hidden .actions .hide::before {
	content: '\e95e';
}

ul.listing > li.favorite.countdown:hover::before {
	display: none;
}

ul.listing > li .actions .download::before {
	content: '\e920';
}

ul.listing li.remove {
	max-height: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
	border: 0;
	transition: all 75ms ease-in-out 0s;
}

.popupwindow ul.listing > li > .box {
	background-color: #f7f7f7;
}

.infobox ul.listing > li .box {
	background-color: #f7f7f7;
}

/**
 * shortlist
 */
ul.shortlist {

}

ul.shortlist > li {
	position: relative;
	background: #ffffff;
	border-radius: 0.25rem;
	padding: 1.25rem 1.875rem;
	line-height: 1.25rem;
	margin-bottom: 0.625rem;
	box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3);
}

ul.shortlist > li .title {
	display: block;
	line-height: 1.25rem;
}

ul.shortlist > li .date {
	position: absolute;
	font-size: 0.875em;
	line-height: 1.25rem;
	font-style: italic;
	color: #ff4e00;
	top: 1.25rem;
	right: 1.875rem;
	text-align: right;
}

/*
.filterform {
	position: relative;
	clear: both;
}
*/

ul.form.filterform {
	margin-bottom: 0.875rem;
}

ul.form.filterform > li {
	float: left;
	position: relative;
	margin-right: 1.25rem;
}

ul.form.filterform > li:last-child {
	margin-right: 0;
}

ul.form.filterform > li > label {
	font-weight: 700;
}

ul.form.filterform > li.profile {
	width: 18.75rem;
}

ul.form.filterform > li.profile select {
	width: 100%;
}

ul.form.filterform > li.place {
	width: 18.75rem;
}

ul.form.filterform > li.place input {
	width: 100%;
}

ul.form.filterform > li.query {
	width: 35.125rem;
	max-width: 100%;
}

ul.form.filterform > li.name {
	width: 20rem;
	max-width: 100%;
}

ul.form.filterform > li.email {
	width: 20rem;
	max-width: 100%;
}

ul.form.filterform > li.name input,
ul.form.filterform > li.query input {
	width: 100%;
}

ul.form.filterform > li.name div.formelement::after,
ul.form.filterform > li.query div.formelement::after,
ul.form.filterform > li.email div.formelement::after {
	content: '\e94f';
	font-family: icomoon;
	position: absolute;
	top: 50%;
	margin-top: -0.875rem;
	right: 0.3125rem;
	font-size: 1.75em;
	color: #888888;
}

ul.form.filterform > li.sort {
	width: 18.625rem;
	margin-right: 0;
	float: right;
}

ul.form.filterform > li.favorite {
	display: block;
	width: 20%;
	min-width: 16.125rem;
	clear: left;
}

ul.form.filterform > li.favorite .formelement .description::before {
	content: '\e92e';
	font-family: icomoon;
	font-size: 1.5em;
	line-height: 1em;
	vertical-align: sub;
	color: #888888;
	margin-right: 0.5rem;
}

ul.form.filterform > li.hidden {
	display: block;
	width: 20%;
	min-width: 16.125rem;
}

ul.form.filterform > li.hidden .formelement .description::before {
	content: '\e95f';
	font-family: icomoon;
	font-size: 1.5em;
	line-height: 1em;
	vertical-align: sub;
	color: #888888;
	margin-right: 0.5rem;
}

ul.form.filterform li.matchExpertise {
	clear: left;
	float: none;
	margin-right: 0;
}

ul.form.filterform li.matchWords {
	clear: left;
	float: none;
	margin-right: 0;
}

ul.form.filterform li.matchWordsMin {
	clear: left;
	float: none;
	margin-right: 0;
}

ul.form.filterform li.matchProvince {
	clear: left;
	float: none;
	margin-right: 0;
}

ul.form.filterform li.matchProvince .checkboxlist .group {
	width: 50%;
	float: left;
}

ul.form.filterform li.matchIntermediate {
	clear: both;
	float: none;
}

ul.form.filterform li.hoursRange {
	clear: left;
	float: none;
	margin-right: 0;
}

ul.form.filterform li.hoursRange .hoursFrom {
	float: left;
	min-width: 8rem;
	width: 12.5rem;
	max-width: calc(50% - 0.5rem);
	margin-right: 1rem;
	margin-bottom: 0;
}

ul.form.filterform li.hoursRange .hoursTo {
	float: left;
	min-width: 10rem;
	width: 12.5rem;
	max-width: calc(50% - 0.5rem);
}

ul.form.autosubmit + button[type=submit] {
	display: none;
}

ul.form.matchfilter .input.multiselect {
	position: relative;
	min-height: 1rem;
}

ul.form.matchfilter .input.multiselect select {
	display: none;
}

ul.form.matchfilter .input.multiselect h3 {
	position: relative;
	line-height: 1.625rem;
	cursor: pointer;
	clear: both;
}

ul.form.matchfilter .input.multiselect h3::before {
	font-family: icomoon;
	display: block;
	content: '';
	position: absolute;
	color: #ff4e00;
	font-size: 1.4375em;
	font-weight: 400;
	text-align: center;
	width: 1.625rem;
	height: 1.625rem;
	line-height: 1.4375rem;
	left: -2.2rem;
	border-radius: 0.25rem;
	border: 0.0625rem solid #d2d2d2;
	background-color: #ffffff;
}

ul.form.matchfilter .input.multiselect h3.selected::before {
	content: '\e910';
}

ul.form.matchfilter .input.multiselect.toggled .selected span.option::after {
	display: none;
	position: absolute;
	content: '\e915';
	font-family: icomoon;
	font-size: 0.75em;
	line-height: 1.25rem;
	right: -0.5rem;
	top: -0.5rem;
	cursor: pointer;
	border-radius: 0.625rem;
	background-color: #ff4e00;
	color: #ffffff;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
	vertical-align: center;
}

ul.form.matchfilter .input.multiselect.toggled .selected span.option:hover::after {
	display: block;
}

ul.form.matchfilter .input.multiselect .selected .change {
	float: left;
	line-height: 2.2rem;
	vertical-align: middle;
	color: #ff4e00;
	cursor: pointer;
}

ul.form.matchfilter .input.multiselect .selected .change::before {
	content: '\e950';
	display: inline-block;
	font-family: icomoon;
	font-size: 0.8em;
	line-height: 1.5rem;
	color: #ffffff;
	width: 1.5rem;
	height: 1.5rem;
	background: #ff4e00;
	vertical-align: middle;
	text-align: center;
	border-radius: 50%;
	margin-right: 0.5rem;
}

ul.form.matchfilter .input.multiselect:hover .selected .change {
	color: #e83310;
}

ul.form.matchfilter .input.multiselect:hover .selected .change::before {
	background: #e83310;
}

ul.form.matchfilter .input.multiselect .options {
	position: absolute;
	display: none;
	top: 0;
	padding: 0.9375rem 1.25rem;
	border: 0.0625rem solid #bebebe;
	border-radius: 0.25rem;
	background: #ffffff;
	box-shadow: 0.125rem 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.3);
	z-index: 20000;
}

ul.form.matchfilter .input.multiselect.toggled .options {
	display: block;
}

ul.form.matchfilter .input.multiselect.toggled .options .optgroup {
	margin: 0 0 1.4rem 2.2rem;
}

ul.form.matchfilter .input.multiselect.toggled .options .optgroup:last-child {
	margin-bottom: 0rem;
}

ul.form.matchfilter .input.multiselect.toggled .options .close {
	position: absolute;
	display: block;
	top: 0.9375rem;
	right: 0.9375rem; /* 1.25rem; */
	width: 1.75rem;
	height: 1.75rem;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
	z-index: 1000;
}

ul.form.matchfilter .input.multiselect.toggled .options .close::before {
	content: '\e915';
	font-family: icomoon;
	font-size: 1.75em;
	line-height: 1.75rem;
}

ul.form.matchfilter .input.multiselect div.selected::after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

ul.form.matchfilter .input.multiselect.labeled span.option {
	position: relative;
	padding: 0.6rem 1rem;
	border-radius: 0.25rem;
	background: #f2f2f2;
	color: #666666;
	cursor: pointer;
	margin: 0 0.8rem 0.6rem 0;
}

ul.form.matchfilter .input.multiselect .selected span.option {
	display: none;
	float: left;
}

ul.form.matchfilter .input.multiselect .selected span.option.selected {
	display: inline-block;
	background: #55cdf2;
	color: #ffffff;
}

ul.form.matchfilter .input.multiselect.labeled .options span.option {
	display: inline-block;
}

ul.form.matchfilter .input.multiselect.labeled .options > span.option {
	margin-bottom: 2rem;
}

ul.form.matchfilter .input.multiselect.labeled .options span.option.selected {
	background: #55cdf2;
	color: #ffffff;
}

/*
ul.form.matchfilter .input.multiselect.checkboxed .selected span.option {
	position: relative;
	padding: 0.6rem 1rem;
	border-radius: 0.25rem;
	background: #333333;
	color: #ffffff;
	cursor: pointer;
	margin: 0 0.8rem 0.6rem 0;
}

ul.form.matchfilter .input.multiselect.checkboxed .options span.option {
	display: block;
	float: left;
	line-height: 1.75rem;
	padding-left: 2.2rem;
	position: relative;
	margin-bottom: 0.5rem;
	min-width: 21rem;
	max-width: 25%;
	cursor: pointer;
}

ul.form.matchfilter .input.multiselect.checkboxed .options span.option::before {
	font-family: icomoon;
	display: block;
	content: '';
	position: absolute;
	color: #ff4e00;
	font-size: 1.4375em;
	text-align: center;
	width: 1.625rem;
	height: 1.625rem;
	line-height: 1.4375rem;
	left: 0;
	border-radius: 0.25rem;
	border: 0.0625rem solid #d2d2d2;
	background-color: #ffffff;
}

ul.form.matchfilter .input.multiselect.checkboxed .options span.option.selected::before {
	content: '\e910';
}
*/

#filteractions .filtertoggle {
	display: none;
}

#useractions-wrapper {
	display: none;
	margin-top: 1rem;
}

#filteractions.columns > * {
	width: auto;
}

.pickmatchfilter {
	margin: 1.875rem 0;
}

.rssfeed {
	position: absolute;
	right: 1.25rem;
	top: 0;
}

.rssfeed {
	text-decoration: none;
	vertical-align: middle;
}

.rssfeed::after {
	font-family: icomoon;
	font-size: 1rem;
	content: '\e972';
	vertical-align: bottom;
	text-decoration: none;
	margin-left: 0.3rem;
}

/**
 * projectlist
 */
ul.projects li .box > :first-child .title::before {
	content: '';
	font-family: icomoon;
	line-height: 1.75rem;
	height: 1.75rem;
	width: 1.75rem;
	margin-right: 0.3125rem;
}

ul.projects li.favorite .box > :first-child .title::after {
	content: '\e968';
	font-family: icomoon;
	font-size: 1.25em;
	line-height: 1.25rem;
	height: 1.25rem;
	width: 1.25rem;
	margin-left: 0.3125rem;
	color: #ff4e00;
}

ul.projects > li.new > .box .title::before {
	content: '\e916';
}

ul.projects > li.draft > .box > :first-child .title::before {
	content: '\e93f';
}

ul.projects > li.open > .box .title::before {
	content: none;
}

ul.projects > li.paused > .box .title::before {
	content: '\e967';
}

ul.projects > li.closed > .box .title::before {
	content: '\e935';
}

ul.projects > li.declined > .box .title::before {
	content: '\e928';
}

ul.projects > li.done > .box .title::before {
	content: '\e910';
}

ul.projects > li.pro > .box {
	border-left: 1.5rem solid #ff4e00;
	/* padding-left: 1.4375rem; */
}

ul.projects > li.pro > .box::before {
	content: 'PRO';
	color: #ffffff;
	font-family: Montserrat, Sans-Serif;
	/* font-family: Roboto, Sans-Serif; */
	font-size: 1rem;
	position: absolute;
	left: -1.75rem;
	top: 0;
	transform: rotate(-90deg);
}

ul.projects > li:not(.view) > .box .title {
	font-weight: 700;
}

/*
ul.projects li.view .title::after {
	content: '\e910';
		font-family: icomoon;
	font-size: 1.75em;
	line-height: 1.75rem;
	height: 1.75rem;
	width: 1.75rem;
	color: #71db0e;
}
*/

ul.projects li .company {
	width: 7.5rem;
	flex: 0 1 7.5rem;
	-webkit-flex: 0 1 7.5rem;
	/* filter: grayscale(1); */
	/* opacity: 0.8; */
}

ul.projects li .box span.company::before {
	content: none;
}

ul.projects li .company img {
	display: inline-block;
	vertical-align: middle;
}

ul.projects li .location {
	width: 10.625rem;
	flex: 0 1 10.625rem;
	-webkit-flex: 0 1 10.625rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

ul.projects li .pricerange {
	width: 5.625rem;
	flex: 0 1 5.625rem;
	-webkit-flex: 0 1 5.625rem;
}

ul.projects li .reference {
	width: 9.375rem;
	flex: 0 1 9.375rem;
	-webkit-flex: 0 1 9.375rem;
}

ul.projects li .date {
	width: 10rem;
	flex: 0 1 10rem;
	-webkit-flex: 0 1 10rem;
}

ul.projects li .state {
	width: 12.5rem;
	flex: 0 1 12.5rem;
	-webkit-flex: 0 1 12.5rem;
}

/*
ul.projects > li.new > .box span.state::before {
	content: '\e916';
}

ul.projects > li.draft > .box span.state::before {
	content: '\e93f';
}

ul.projects > li.open > .box span.state::before {
	content: none;
}

ul.projects > li.paused > .box span.state::before {
	content: '\e967';
}

ul.projects > li.closed > .box span.state::before {
	content: '\e935';
}

ul.projects > li.declined > .box span.state::before {
	content: '\e928';
}

ul.projects > li.done > .box span.state::before {
	content: '\e910';
}
*/

ul.projects li .views {
	width: 3.75rem;
	flex: 0 1 3.75rem;
	-webkit-flex: 0 1 3.75rem;
}

ul.projects li .applications {
	width: 3.75rem;
	flex: 0 1 3.75rem;
	-webkit-flex: 0 1 3.75rem;
}

ul.projects li .messages {
	width: 4.25rem;
	flex: 0 1 4.25rem;
	-webkit-flex: 0 1 4.25rem;
}

ul.projects li .box span.state::before {
	content: none;
}

ul.projects li .box span.location::before {
	content: '\e934';
}

ul.projects li .box span.pricerange::before {
	content: '\e93c';
}

ul.projects li .box span.reference::before {
	content: '\e94d';
}

ul.projects li .box span.date::before {
	content: '\e90c';
}

ul.projects li .box span.applications::before {
	content: '\e945';
}

ul.projects li .box span.views::before {
	content: '\e962';
}

ul.projects li .box span.messages::before {
	content: '\e936';
}

ul.projects li .actions .pauseplay::before {
	content: '\e967';
}

ul.projects li .actions .apply::before {
	content: '\e94a';
}

ul.projects li .actions .hide::before {
	content: '\e95f';
}

ul.projects li.hidden .actions .hide::before {
	content: '\e95e';
}

/* ul.projects li.view > a { opacity: 0.3; } */
ul.projects li.message .messages::before {
	color: #ff4e00;
}

/* ul.projects li.newapplicant .applications::before, */
ul.projects li.apply .applications::before {
	color: #ff4e00;
}

ul.projects li.view .views::before {
	xcolor: #ff4e00;
}

ul.projects li.apply .actions .apply {
	color: #ff4e00;
	background: #e1e1e1;
}

ul.projects li.apply .actions .apply:hover {
	xbackground: #888888;
	color: #ffffff;
	background-color: #e83310;
}

ul.projects li.paused .actions .pauseplay::before {
	content: '\e967';
}

ul.projects li.countdown .company,
ul.projects li.countdown .location,
ul.projects li.countdown .pricerange,
ul.projects li.countdown .reference,
ul.projects li.countdown .date,
ul.projects li.countdown .state,
ul.projects li.countdown .views,
ul.projects li.countdown .applications,
ul.projects li.countdown .match,
ul.projects li.countdown .messages {
	opacity: 0;
}

ul.projects.recruiter li:hover .actions {
	width: 7.5625rem;
}

ul.projectapplications li .state {
	width: 12.5rem;
}

ul.projectapplications li .messages {
	width: 4.25rem;
}

ul.projectapplications li .box span.messages::before {
	content: '\e936';
}

ul.projectapplications li .date {
	width: 10rem;
}

ul.projectapplications li .box span.date::before {
	content: '\e90c';
}

/*
ul.projects li:hover .company,
ul.projects li:hover .location,
ul.projects li:hover .pricerange,
ul.projects li:hover .reference,
ul.projects li:hover .date,
ul.projects li:hover .state,
ul.projects li:hover .views,
ul.projects li:hover .applications,
ul.projects li:hover .match,
ul.projects li:hover .messages {
	opacity: 0;
}
*/

/*
.homepage ul.projects li:hover .company,
.homepage ul.projects li:hover .location,
.homepage ul.projects li:hover .pricerange,
.homepage ul.projects li:hover .reference,
.homepage ul.projects li:hover .date,
.homepage ul.projects li:hover .state,
.homepage ul.projects li:hover .views,
.homepage ul.projects li:hover .applications,
.homepage ul.projects li:hover .match,
.homepage ul.projects li:hover .messages {
	opacity: 1;
}
*/

/*
.expertise-seo ul.projects li:hover .company,
.expertise-seo ul.projects li:hover .location,
.expertise-seo ul.projects li:hover .pricerange,
.expertise-seo ul.projects li:hover .reference,
.expertise-seo ul.projects li:hover .date,
.expertise-seo ul.projects li:hover .state,
.expertise-seo ul.projects li:hover .views,
.expertise-seo ul.projects li:hover .applications,
.expertise-seo ul.projects li:hover .match,
.expertise-seo ul.projects li:hover .messages {
	opacity: 1;
}
*/

div.projects .loadmore {
	display: block;
	border-radius: 0.4375rem;
	margin-bottom: 0.625rem;
}

div.projects .loadmore::after {
	font-family: icomoon;
	content: '\e903';
	margin-left: 0.625rem;
}

div.projects .counts {
	text-align: right;
}

ul.discussions li .title {
	width: calc(100% - 12rem);
}

ul.discussions li .date {
	width: 10rem;
	flex: 0 1 10rem;
	-webkit-flex: 0 1 10rem;
	text-align: right;
}

ul.discussions li .views {
	width: 3.75rem;
	flex: 0 1 3.75rem;
	-webkit-flex: 0 1 3.75rem;
}

ul.discussions li .messages {
	width: 4.25rem;
	flex: 0 1 4.25rem;
	-webkit-flex: 0 1 4.25rem;
}

ul.discussions li .box span.views::before {
	content: '\e962';
}

ul.discussions li .box span.messages::before {
	content: '\e936';
}

ul.discussions li .actions .like::before {
	content: '\e96a';
}

ul.discussions li.like .actions .like {
	color: #ff4e00;
	background: #e1e1e1;
}

ul.discussions li.like .actions .like:hover {
	xbackground: #888888;
	color: #ffffff;
	background-color: #e83310;
}

ul.discussions li .actions .dislike::before {
	content: '\e969';
}

ul.discussions li.dislike .actions .dislike {
	color: #ff4e00;
	background: #e1e1e1;
}

ul.discussions li.dislike .actions .dislike:hover {
	xbackground: #888888;
	color: #ffffff;
	background-color: #e83310;
}

.pager > .button {
	display: block;
	float: left;
}

.pager > .button::before {
	display: inline-block;
	font-family: icomoon;
	content: '';
	font-size: 1.75rem;
	font-weight: 400;
	vertical-align: text-bottom;
	margin: 0;
}

.pager > .first {
	margin-right: 1rem;
}

.pager > .previous {
	margin-right: 1rem;
}

.pager > .first::before {
	content: '\e904\e904';
}

.pager > .previous::before {
	content: '\e904';
}

.pager > .pages {
	float: left;
	line-height: 1.5rem;
	width: calc(100% - 34rem);
}

.pager > .pages a {
	display: inline-block;
	padding: 1.25rem 1.875rem;
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 700;
	font-size: 1rem;
	text-decoration: none;
	line-height: 1.5rem;
	border: none;
	border-radius: 0.3125rem;
	min-width: 1.75rem;
	white-space: nowrap;
	text-transform: uppercase;
	text-align: center;
	color: #666666;
	background: #d2d2d2;
	cursor: pointer;
	transition: all 200ms ease-in-out 0s;

	margin-right: 0.5rem;
}

.pager .pages a.current {
	color: #ffffff;
	background: #ff4e00;
}

.pager > .pages span.more {
	display: inline-block;
	line-height: 1.5rem;
	padding: 1.25rem 1.875rem;
}

.pager > .pages a:last-child {
	margin-right: 0;
}

.pager .pages a:hover {
	color: #ffffff;
	background: #888888;
	text-decoration: none;
}

.pager .pages a.current:hover {
	color: #ffffff;
	background: #e83310;
}

.pager > .next {
	margin-left: 1rem;
}

.pager > .last {
	margin-left: 1rem;
}

.pager > .next::before {
	content: '\e905';
}

.pager > .last::before {
	content: '\e905\e905';
}

/**
 * companies
 */
ul.companies li .actions .accept::before {
	content: '\e910';
}

ul.companies li .actions .decline::before {
	content: '\e915';
}

ul.companies li .actions .revoke::before {
	content: '\e915';
}

ul.companies li .actions .remove::before {
	content: '\e95f';
}

ul.companies li .box span.company {
	flex: 0 1 12.5rem;
}

ul.companies li .box span.status {
	flex: 0 1 12.5rem;
}

ul.companies li .box span.roles {
	flex: 0 1 7.5rem;
	min-width: 7.5rem;
}

ul.companies li .box span.roles span {
	display: block;
	text-transform: uppercase;
	font-family: 'Montserrat', 'Sans-serif';
	font-size: 0.75em;
}

/**
 * Project info
 */
.projectinfo {
	margin-bottom: 1.875rem;
}

.projectinfo::after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.projectinfo .column {
	margin-right: 0;
}

.projectinfo .column .properties {
	z-index: 50;
}

.properties > ul {
}

.properties > ul > li {
	position: relative;
	margin-bottom: 0.5rem;
	line-height: 1.375rem;
	/* margin-left: 2.5rem; */
}

/*
.properties > ul > li::before {
	position: absolute;
	content: '\e910';
	font-family: icomoon;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5em;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	vertical-align: middle;
	color: #a5a5a5;
	left: -2.5rem;
	margin-top: -0.125rem;
}
*/

.properties > ul > li > span.name,
.properties > ul > li > label {
	display: inline-block;
	font-weight: 700;
	color: #333333;
	vertical-align: top;
	width: 12.5rem;
}

.properties > ul > li span.value {
	display: inline-block;
	vertical-align: top;
}

/*
.properties > ul > li.company::before {
	content: '\e90b';
}
*/

.properties > ul > li.company .value {
	height: 1.375rem;
}

.properties > ul > li.company .value a {
	display: inline-block;
	text-decoration: none;
	margin: -0.5625rem 0;
	vertical-align: middle;
}

.properties > ul > li.company .value img {
	display: inline-block;
	margin-right: 1rem;
}

.properties > ul > li.company .value .rating {
	display: inline-block;
	vertical-align: middle;
}

/*
.properties > ul > li.views::before {
	content: '\e962';
}

.properties > ul > li.applications::before {
	content: '\e945';
}

.properties > ul > li.datepublish::before {
	content: '\e965';
}

.properties > ul > li.state::before {
	content: '\e94d';
}

.properties > ul > li.comment::before {
	content: '\e93d';
}

.properties > ul > li.reference::before {
	content: '\e95c';
}

.properties > ul > li.since::before {
	content: '\e90c';
}

.properties > ul > li.dateclose::before {
	content: '\e911';
}

.properties > ul > li.endcustomer::before {
	content: '\e90f';
}

.properties > ul > li.contract::before {
	content: '\e95a';
}

.properties > ul > li.rate::before {
	content: '\e93c';
}

.properties > ul > li.location::before {
	content: '\e934';
}

.properties > ul > li.datestart::before {
	content: '\e90c';
}

.properties > ul > li.duration::before {
	content: '\e90c';
}

.properties > ul > li.deadline::before {
	content: '\e90d';
}

.properties > ul > li.knockout::before {
	content: '\e910';
}

.properties > ul > li.projects::before {
	content: '\e95a';
}

.properties > ul > li.reviews::before {
	content: '\e957';
}
*/

#projectview .properties > ul > li span.value {
	max-width: 40rem;
}

/*
#projectview .properties li.poster {
	float: right;
	clear: right;
	min-width: 15rem;
	text-align: center;
	z-index: 100;
}

#projectview .properties li.poster > span.name {
	display: none;
}
*/

#projectview .properties li.company {
	float: right;
	clear: right;
	min-width: 15rem;
	text-align: center;
	z-index: 100;
}

#projectview .properties li.company > span.name {
	display: none;
}

#projectview .mustlogin {
	position: relative;
	float: right;
	clear: right;
	min-width: 15rem;
	text-align: center;
	z-index: 100;
}

#projectview .mustlogin p {
	text-align: center;
}

/*
.columns.projectinfo > .details {
	width: 100%;
	flex: 0 1 100%;
}

.column.advertisement {
	width: 13.4375rem;
	flex: 0 1 13.4375rem;
	padding: 0 1.875rem 0 2.5rem;
	margin-left: 2.5rem;
	border-left: 0.0625rem solid #bebebe;
}
*/

#advertisement {
	position: absolute;
	top: 0;
	right: -15rem;
	width: 12.5rem;
	background: #ffffff;
	border: 0.06rem solid #bebebe;
	border-radius: 0.3125rem;
}

#advertisement .container {
	width: 100%;
}

#advertisement .title {
	display: block;
	text-align: center;
	font-style: italic;
	padding: 0.9375rem 0;
	font-size: 0.875em;
}

#advertisement li {
	padding: 0.75rem 0;
	text-align: center;
}

#advertisement li a {
	display: block;
	text-align: center;
}

#advertisement li img {
	margin: 0 auto;
	max-width: 7.5rem;
	max-height: 2.5rem;
}

.companycardlist {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.companycardlist::after {
	content: '';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
}

.companycardlist > li {
	flex: 0 1 auto;
	/* float: left; */
	margin: 0 1.875rem 1.875rem 0;
}

.companycardlist li:nth-child(3n) {
	margin-right: 0;
}

.companycardlist li:nth-child(3n + 1) {
	/* clear: left; */
}

.companycardlist > li .companycard {
	height: calc(100% - 4rem);
}

.companycard {
	position: relative;
	display: block;
	width: 19.875rem;
	max-width: 19.875rem;
	padding: 1.875rem;
	border: 0.0625rem solid #bebebe;
	color: #333333;
	text-decoration: none;
	background: #ffffff;
}

.companycard.advanced {
	border-color: rgb(var(--company-color));
	box-shadow: 0.1875rem 0.1875rem 0.9375rem 0 rgba(var(--company-color), 0.3);
}

.companycard  .properties > ul > li:last-child {
	margin-bottom: 0;
}

a.companycard::after {
	content: '\e905';
	font-family: icomoon;
	display: block;
	position: absolute;
	border-radius: 1rem;
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	border: 0.0625rem solid #bebebe;
	right: 0.9375rem;
	bottom: 0.9375rem;
	font-size: 1.7rem;
	text-align: center;
	color: #bebebe;
	color: var(--company-color);
	background: #ffffff;
}

a.companycard:active,
a.companycard:focus,
a.companycard:hover {
	color: #333333;
	text-decoration: none;
}

a.companycard:focus::after,
a.companycard:hover::after {
	background: #f0f0f0;
	border-color:  #d2d2d2;
	color: #e83310;
}

.companycard .background {
	background-size: cover;
	background-image: url('images/background-empty.png');
	padding-top: 31.66%;
	margin: -1.875rem -1.875rem 0 -1.875rem;
}

/*
.companycard .background.color0 {
	background-color: #71db0e;
}

.companycard .background.color1 {
	background-color: #55cdf2;
}

.companycard .background.color2 {
	background-color: #e240bf;
}

.companycard .background.color3 {
	background-color: #edff00;
}

.companycard .background.color4 {
	background-color: #220f36;
}
*/

.companycard h2 {
	line-height: 6.25rem;
	margin: -1.875rem -1.875rem 1.875rem -1.875rem;
	padding: 0 1.875rem;
	color: #666666;
	background: #d2d2d2;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.companycard .logo {
	/* border: 0.0625rem solid #bebebe; */
	padding: 0.9375rem;
	width: 7.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: -2.25rem 0 0 -0.9375rem;
	background: #ffffff;
}

.companycard .logo img {
	vertical-align: middle;
}

.companycard .properties > ul > li span.name {
	width: 11rem;
}

.companycard .properties > ul > li span.value {
	display: inline-block;
}

.companycard .properties li.rating .rating {
	line-height: 1.375rem;
	height: 1.375rem;
}

.companycard .properties li.rating .rating > .stars {
	width: 6.5rem;
}

.companycard .properties li.rating .rating > .stars .bar::before {
	width: 6.5rem;
}

.companycard .properties .lastreview .name {
	margin-bottom: 0.5rem;
}

.companycard .properties .lastreview .value {
	disply: block;
	line-height: 1.8em;
	text-align: justify;
	font-style: italic;
	word-wrap: break-word;
}

.companycard .properties .lastreview .value::before {
	content: '\e949';
	font-size: 1.5em;
	font-family: icomoon;
	color: #ff4e00;
	line-height: 1rem;
	vertical-align: middle;
	margin-right: 0.625rem;
}

#companyabout .advertisement {
	position: relative;
	display: block;
	float: right;
	width: 23.875rem;
	max-width: 23.875rem;
	padding: 1.875rem;
	margin-left: 1.875rem;
	border: 0.0625rem solid #bebebe;
	color: #333333;
	text-decoration: none;
	background: #ffffff;
}

#companyabout .advertisement .title {
	display: block;
	font-style: italic;
	text-align: center;
	margin-bottom: 0.875rem;
}

#companyabout .advertisement ul::after {
	content: '';
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
}

#companyabout .advertisement li {
	float: left;
	margin-right: 2.875rem;
	margin-bottom: 1rem;
}

#companyabout .advertisement li:nth-child(2n) {
	margin-right: 0;
}

#companyabout .advertisement li:nth-last-child(1),
#companyabout .advertisement li:nth-last-child(2) {
	margin-bottom: 0;
}

#companyabout .advertisement li img {
	object-fit: contain;
	object-position: center;
	width: 10.5rem;
	height: 3.5rem;
}

.properties li.gdprapproved .value::before {
	font-size: 1.5rem;
	line-height: 1.375rem;
	width: 1.5rem;
	text-align: center;
	font-family: icomoon;
	margin-right: 0.5rem;
	vertical-align: middle;
}

.properties li.gdprapproved .value.inactive::before,
.properties li.gdprapproved .value.declined::before,
.properties li.gdprapproved .value.revoked::before {
	content: '\e975';
	color: #e83310;
}

.properties li.gdprapproved .value.none::before {
	content: none;
	color: #666666;
}

.properties li.gdprapproved .value.unknown::before {
	content: '\e976';
	color: #666666;
}

.properties li.gdprapproved .value.warning::before {
	content: '\e977';
	color: #ff4e00;
}

.properties li.gdprapproved .value.active::before,
.properties li.gdprapproved .value.approved::before {
	content: '\e977';
	color: #71db0e;
}

#projectview div.projectdetails ul {
	margin-bottom: 1.875rem;
}

#projectview .companycard {
	float: right;
	z-index: 200;
	margin-left: 1.875rem;
	margin-bottom: 0.9375rem;
	clear: right;
}

#projectview .nocard {
	float: right;
	display: block;
	position: relative;
	z-index: 200;
	margin-bottom: 1.875rem;
	clear: right;
}

/*
.projectinfo .poster {
	width: 15.625rem;
}

.projectinfo .poster .button {
	display: block;
	margin-top: 0.625rem;
}

.projectinfo .poster .actions {
	padding: 1.25rem 0;
}

.projectinfo .poster .actions a {
	display: block;
}

.projectinfo .poster .employment {
	vertical-align: middle;
}

.projectinfo .poster .employment img {
	vertical-align: middle;
}
*/

/*
.toggledescription {
	padding: 0 2.5rem;
	margin-bottom: 1.875rem;
}
*/

.toggledescription .title {
	display: inline-block;
	position: relative;
	font-weight: 700;
	color: #333333;
	line-height: 1.375rem;
	margin-bottom: 0.9375rem;
}

.toggledescription .title.toggler {
	cursor: pointer;
	transition: all 200ms ease-in-out 0s;
}

.toggledescription .title.toggler::before {
	position: absolute;
	left: -2.5rem;
	content: '\e903';
	font-family: icomoon;
	font-weight: 400;
	color: #ff4e00;
	display: inline-block;
	font-size: 1.5em;
	width: 1.5rem;
	line-height: 1.5rem;
	vertical-align: text-bottom;
	transition: all 200ms ease-in-out;
}

.toggledescription .htmldescription {
	opacity: 1;
	max-height: 750rem;
	transition: all 200ms ease-in-out 0s;
}

.toggledescription.toggled .title {
	margin-bottom: 0;
}

.toggledescription.toggled .title.toggler::before {
	color: #666666;
	font-weight: 400;
	transform: rotate(-90deg);
}

.toggledescription.toggled .htmldescription {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
}

#projectview.infobox.pro .head {
	border-left: 1.875rem solid #ff4e00;
	border-radius: 0.25rem 0.25rem 0 0;
}

#projectview.infobox.pro .head::before {
	content: 'PRO';
	color: #ffffff;
	font-family: Montserrat, Sans-Serif;
	font-size: 1.2rem;
	position: absolute;
	left: -2.3rem;
	transform: rotate(-90deg);
}

.useractions {
	/* margin-bottom: 0.9375rem; */
}

.useractions:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.useractions > div > button,
.useractions > div > a.button {
	width: 100%; /* calc(100% - 3.75rem); */
	height: 100%;
	border-radius: 0.3125rem;
	box-sizing: border-box;
}

/*
.useractions > div a.button.toggled {
	color: #ffffff;
	background: #ff4e00;
}
*/

.useractions > .favorite .button::before {
	content: '\e92e';
}

.useractions > .favorite .button.toggled::before {
	content: '\e968';
}

.useractions > .chat .button::before {
	content: '\e94a';
}

.useractions > .hide .button::before {
	content: '\e95f';
}

.useractions > .hide .button.toggled::before {
	content: '\e95e';
}

.useractions > .apply .button::before {
	content: '\e93a';
}

.useractions > .edit .button::before {
	content: '\e96e';
}

.useractions > .pause .button::before {
	content: '\e967';
}

.useractions > .open .button::before {
	content: '\e94b';
}

.useractions > .delete .button::before {
	content: '\e95f';
}

.useractions > .close .button::before {
	content: '\e935';
}

.useractions > .post > .button::before {
	content: '\e94b';
}

.useractions > .undopost .button::before {
	content: '\e907';
}

.useractions > .rate .button::before {
	content: '\e96a';
}

.useractions > .remove .button::before {
	content: '\e95f';
}

.useractions > .callrecruiter .button::before {
	content: '\e940';
}

/*
.useractions > .back a.button::before {
	content: '\e904';
}

.useractions > .open a.button::before {
	content: '\e960';
}

.useractions > .favorite a.button.toggled::before {
	content: '\e968';
}
*/

.applicantactions > div a.button {
	width: calc(100% - 3.75rem);
	border-radius: 0.3125rem;
}

/*
.applicantactions > .decline a.button::before {
	content: '\e938';
}

.applicantactions > .pending a.button::before {
	content: '\e93b';
}

.applicantactions > .propose a.button::before {
	content: '\e93a';
}

.applicantactions > .approve a.button::before {
	content: '\e939';
}
*/

/*
.project .pickmatchprofile > div::before {
	position: absolute;
	content: '';
	height: 0;
	border-bottom: 0.0625rem solid #bebebe;
	left: -100%;
	right: 103%;
	left: calc(-50vw + 50% + 0.625rem);
	right: calc(100% + 1.25rem);
	top: 50%;
}

.project .pickmatchprofile > div::after {
	position: absolute;
	content: '';
	height: 0;
	border-bottom: 0.0625rem solid #bebebe;
	left: 103%;
	right: -100%;
	left: calc(100% + 1.25rem);
	right: calc(-50vw + 50% + 0.625rem);
	top: 50%;
}
*/

.project .pickmatchprofile div.staticname {
	position: relative;
	display: inline-block;
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 700;
	font-size: 1.5em;
	line-height: 2rem;
	text-transform: uppercase;
}

.project .pickmatchprofile div.staticname em {
	color: #ff4e00;
}

.project .pickmatchprofile {
	margin-bottom: 2.5rem;
}

.pickmatchprofile {
	margin-bottom: 1rem;
}

/**
 * Info (edit) box
 */
.infobox {
	display: block;
	position: relative;
	border: 0.0625rem solid #bebebe;
	border-radius: 0.3125rem;
	background: #ffffff;
	margin-bottom: 0.9375rem;
}

a.infobox {
	position: relative;
	padding: 1.25rem 1.875rem;
	text-decoration: none;
}

a.infobox:hover h1 {
	color: #ff4e00;
}

a.infobox h1 {
	display: inline-block;
	margin: 0;
}

a.infobox h1::before {
	content: '\e904';
	font-family: icomoon;
	font-size: 1.75rem;
	font-weight: 400;
	width: 1.75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	vertical-align: text-bottom;
	margin-right: 0.625rem;
}

.infobox.edit {
	border-radius: 0.3125rem;
}

.infobox .hidemask {
	display: none;
}

.infobox.hidden .content {
	filter: grayscale(1);
}

.infobox.edit.hidden .new {
	display: none;
}

.infobox.hidden .hidemask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 200;
	border-radius: 0.25rem;
}

.infobox.hidden .hidemask div {
	position: absolute;
	display: block;
	width: 60%;
	top: 3.9375rem;
	bottom: 3.9375rem;
	left: 20%;
}

.infobox.hidden .hidemask div p {
	text-align: center;
}

.infobox.hidden .hidemask div::before {
	/* content: '\e963'; */
	content: '\e951';
	font-family: icomoon;
	position: absolute;
	display: block;
	font-size: 2.5em;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	top: -3.125rem;
	left: 50%;
	margin-left: -1.25rem;
	z-index: 300;
}

.infobox .content .help {
	visibility: hidden;
	display: none;
}

.infobox .content::after {
	content: '';
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.infobox.helping .content .help {
	visibility: visible;
	display: block;
}

.infobox > .head {
	position: relative;
	padding: 1.25rem 1.875rem;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.infobox > .head h1,
.infobox > .head h2,
.infobox > .head h3 {
	display: inline-block;
	margin-bottom: 0;
}

.infobox > .head > .toggler {
	cursor: pointer;
	text-decoration: none;
}

.infobox > .head > .toggler::before {
	content: '\e903';
	font-family: icomoon;
	display: inline-block;
	color: #ff4e00;
	font-size: 1.75rem;
	font-weight: 400;
	width: 1.75rem;
	height: 1.75rem;
	vertical-align: text-bottom;
	margin-right: 0.625rem;
	transition: all 200ms ease-in-out;
}

.infobox > .head > .toggler.help::before {
	content: '\e930';
	color: #666666;
	font-size: 1.5rem;
	width: 1.5rem;
	line-height: 1.5rem;
	vertical-align: inherit;
}

/*
.infobox.minimized:not(.toggled) > .head > .toggler::before {
	color: #666666;
	transform: rotate(-90deg);
}
*/

.infobox > .head > .actions {
	/*
	position: absolute;
	top: 50%;
	margin-top: -0.75rem;
	right: 1.875rem;
	z-index: 500;
	*/
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.infobox > .head .actions .box a {
	display: block;
	color: #333333;
	text-decoration: none;
	float: left;
	margin-left: 0.625rem;
}

.infobox > .head .actions .box a::before {
	font-family: icomoon;
	display: inline-block;
	font-size: 1.5em;
	width: 1.5rem;
	line-height: 1.5rem;
	vertical-align: text-bottom;
}

.infobox > .head .actions .box a:hover::before {
	color: #ff4e00;
}

.infobox > .head .actions .box .visible::before {
	content: '\e962';
	color: #ff4e00;
}

.infobox > .head .actions .box .help::before {
	content: '\e930';
}

.infobox > .head .actions .custom a {
	text-decoration: none;
	color: #333333;
}

.infobox > .head .actions .custom a:hover {
	color: #ff4e00;
}

.infobox > .head .actions .custom a.toggled {
	color: #ff4e00;
}

.infobox > .head .actions .custom a.toggled:hover {
	color: #e83310;
}

.infobox > .head .actions .custom a::before {
	font-family: icomoon;
	font-size: 1.75em;
	line-height: 1.75rem;
	content: '';
}

.infobox > .head .actions .custom .favorite a::before {
	content: '\e92e';
}

.infobox > .head .actions .custom .favorite a.toggled::before {
	content: '\e968';
}

.infobox > .head .actions .custom .hide a::before {
	content: '\e95f';
}

.infobox > .head .actions .custom .hide a.toggled::before {
	content: '\e95e';
}

.infobox.hidden > .head .actions .visible::before {
	content: '\e962';
	color: #333333;
}

.infobox > .content {
	padding: 1.875rem;
	/* transition: all 200ms ease-in-out */;
	border-top: 0.0625rem solid #bebebe;
}

.infobox > .content::after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.infobox > .content > *:last-child {
	margin-bottom: 0;
}

.infobox > .content > .help {
	display: none;
}

.infobox.helping > .content > .help {
	display: block;
	margin-bottom: 1.875rem;
}

.infobox.minimized:not(.toggled) > .content {
	/* opacity: 0; */
	max-height: 12rem;
	overflow: hidden;
	/* padding: 0 1.875rem; */
}

.infobox.minimized:not(.toggled) {
	overflow: hidden;
}

.infobox.minimized:not(.toggled)::after {
	content: '';
	display: block;
	position: absolute;
	visibility: visible;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 6rem;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%);
	z-index: 250;
}

.infobox > .content .togglers {
	position: absolute;
	bottom: 0;
	text-align: center;
	z-index: 300;
	left: 0;
	right: 0;
	width: 100%;
	border-radius: 0 0 0.3125rem 0.3125rem;
}

.infobox > .content .togglers:hover {
	background-color: #f4f4f4;
}

.infobox > .content .togglers .toggler {
	text-decoration: none;
	text-align: center;
}

.infobox > .content .togglers .toggler::before {
	content: '';
	font-family: icomoon;
	font-size: 2.5em;
	line-height: 1.75rem;
	height: 1.75rem;
	display: block;
}

.infobox > .content .togglers .less {
	display: block;
}

.infobox > .content .togglers .more {
	display: none;
}

.infobox.minimized > .content .togglers .less {
	display: none;
}

.infobox.minimized > .content .togglers .more {
	display: block;
}

.infobox > .content .togglers .more::before {
	content: '\e903';
}

.infobox > .content .togglers .less::before {
	content: '\e906';
}

.infobox.edit textarea {
	display: block;
	resize: vertical;
	width: 100%;
	min-height: 12em;
	max-height: 40em;
}

.infobox.edit .image .input.fileupload {
	border: 0;
	padding: 0;
}

.infobox.edit .input.editchecklist {
	border: 0;
	padding: 0;
	margin: -1rem 0;
}

.infobox.edit .input.combobox {
	border: 0;
	padding: 0;
}

.infobox.edit .input.combobox::after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.infobox.edit .input.combobox ul {
	float: left;
}

.infobox.edit .input.combobox .search {
	float: left;
}

.infobox.edit .input.combobox .search .addall {
	display: none;
}

.infobox.edit .input.combobox ul li {
	position: relative;
	float: left;
	margin-right: 0.9375rem;
}

.infobox.edit .input.combobox ul li.selected {
	opacity: 0.5;
}

.infobox.edit .input.combobox ul li .tag::after {
	display: none;
	content: '\e915';
	font-family: icomoon;
	font-size: 0.625em;
	line-height: 1.25rem;
	position: absolute;
	right: -0.5rem;
	top: -0.5rem;
	cursor: pointer;
	border-radius: 0.625rem;
	background-color: #ff4e00;
	color: #ffffff;
	line-height: 1.25rem;
	width: 1.25rem;
	height: 1.25rem;
	text-align: center;
}

.infobox.edit .input.combobox ul li:hover .tag::after {
	display: block;
}

/**
 * Previewbox specifics
 */
.infobox.about .content::after {
	content: '';
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.infobox.about .avatarcolumn {
	width: 11.875rem;
}

.infobox.about .avatarcolumn:last-child {
	margin-left: 2.5rem;
}

.infobox.about .avatar {
	position: relative;
	margin-bottom: 1.875rem;
}

/*
.infobox.about .avatar .image {
	width: 11.875rem;
	height: 11.875rem;
}
*/

.infobox.about .avatar .rating {
	margin-top: 0.625rem;
}

.infobox.about .image .input.fileupload {
	display: block;
	position: absolute;
	background: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.infobox.about .image .input.fileupload label {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.infobox.about .image img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.infobox .definition li::after {
	content: '';
	clear: left;
	height: 0;
	visibility: hidden;
	display: block;
}

.infobox .definition li.rate > div .value {
	float: left;
	width: 3.75rem;
	margin-right: 0.3125rem;
}

.infobox .definition li.rate > div .type {
	float: left;
	width: calc(100% - 4.0625rem);
}

.infobox legend {
	margin-bottom: 1.25rem;
}

.infobox.softskills {
	width: 27.875rem;
}

.infobox.matching.hidden .combobox .search {
	display: none;
}

.infobox ul.persons {

}

.infobox ul.persons li {
	position: relative;
}

.infobox ul.persons li span {
	float: left;
	margin-right: 1.875rem;
}

.infobox ul.persons li.new span input {
	border: 0.0625rem dashed #d2d2d2;
}

.infobox ul.persons li.new span input:focus,
.infobox ul.persons li.new span input:hover {
	border: 0.0625rem dashed #ff4e00;
}

.infobox ul.persons li span.inputremove {
	margin-right: 0;
}

.infobox ul.persons li::after {
	content: '';
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.infobox ul.persons li span.name {
	width: 15.625rem;
}

.infobox ul.persons li span.company {
	width: 18.75rem;
}

.infobox ul.persons li span.job {
	width: 18.75rem;
}

.infobox ul.persons li span.telephone {
	width: 12.375rem;
	margin-right: 0;
}

.infobox.background textarea {
	resize: vertical;
	min-height: 20em;
}

.infobox.background textarea:focus {
}

.matchprofile .container.submit .remove {
	width: 30%;
}

.matchprofile .container.submit .remove::before {
	content: '\e95f';
	font-family: icomoon;
	font-size: 1.75em;
}

.matchprofile .container.submit .banana::before {
	content: '\e94a';
	font-family: icomoon;
	font-size: 1.75em;
}

.projectapplication .container.submit .banana::before {
	content: '\e94a';
	font-family: icomoon;
	font-size: 1.75em;
}

/*
.projectapplication .properties > ul > li.expertises span.name {
	padding-top: 0.6rem;
}
*/

.projectapplication .properties > ul > li span.value {
	display: inline-block;
}

.projectapplication .properties > ul > li span.tag.expertise {
	display: inline-block;
	position: relative;
	padding: 0.6rem 1rem;
	border-radius: 0.25rem;
	background: #55cdf2;
	color: #ffffff;
	margin: 0rem 0.8rem 0rem 0;
}

.projectapplication .applicationMessage {
	position: relative;
}

.projectapplication .applicationMessage::after {
	position: absolute;
	display: block;
	content: '';
	top: -0.65rem;
	width: 1.25rem;
	height: 1.25rem;
	background: inherit;
	border-radius: 0 0 0.25rem 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #ffffff;

	border-left: 0.0625rem solid #bebebe;
	border-top: 0.0625rem solid #bebebe;

	left: calc(25% - 0.883rem);
}

.projectapplication .applicationMessage.error::after {
	border-color: #e83310;
}

.infobox.motivation .employmentProfileForm {
	margin-top: 1.875rem;
}

.projectapplication .recruiter .companylogo {
	float: none;
}

.projectapplication .recruiter .companylogo img {
	display: block;
	margin: 0.9375rem auto 0 auto;
}

.imagebox {
	position: relative;
	background: #f0f0f0;
	overflow: hidden;
	/* margin-top: -1.875rem; */
}

.imagebox::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('images/background-home.jpg');
	background-image: url('images/shapes-home.png'), url('images/background-home.jpg');
	background-size: cover;
	background-size: contain, cover;
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 10;
	opacity: 0.2;
}

.imagebox > .container {
	position: relative;
	z-index: 50;
}

.homepage .imagebox {
	min-height: 38rem;
}

.imagebox.uspsintro {
	margin-top: -1.875rem;
}

.imagebox.uspsintro h1 {
	color: #ff4e00;
}

.imagebox.uspsintro > .container {
	max-width: 40rem;
	margin: 4rem auto;
	box-shadow: 0 0 6.25rem 7.5rem rgba(0, 0, 0, 0.10);
	background: rgba(0, 0, 0, 0.10);
	border-radius: 1.25rem;
}

.usp .columns > .text {
	width: calc(100% - 20rem);
	flex: 0 1 100%;
}

.usp .columns > .photo {
	max-width: 30rem;
}

.sideimage {
	position: relative;
	/* width: 30rem; */
	height: 15rem;
}

.sideimage img {
	object-fit: contain;
	object-position: top;
	width: 100%;
	height: 100%;
}

/*
.homepage .imagebox .parallax {
	height: 100%;
}

.homepage .imagebox .parallax-group {
	position: relative;
	height: 100%;
}

.homepage .imagebox .parallax-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.homepage .imagebox .far {
	background: url('images/background-home.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 10;
	opacity: 0.6;
}

.homepage .imagebox .near {
	background: url('images/shapes-home.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 20;
}

.homepage .imagebox .base {
	z-index: 30;
}
*/

.homesearch {
	position: relative;
	width: 40.625rem;
	margin: 11.25rem auto;
	box-shadow: 0 0 6.25rem 7.5rem rgba(0, 0, 0, 0.10);
	background: rgba(0, 0, 0, 0.10);

	border-radius: 1.25rem;
}

.homesearch h1 {
	text-align: center;
	font-size: 2em;
	line-height: 2.5rem;
	margin: 0 -10rem 2.5rem -10rem;
}

.homesearch .logo {
	width: 100%;
	margin-bottom: 2.5rem;
}

.homesearch .logo img {
	display: block;
	width: 100%;
}

.homesearch .logo .slogan {
	display: block;
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 700;
	font-size: 1.5em;
	line-height: 2.5rem;
	text-align: right;
	color: #f7981d;
	text-transform: uppercase;

}

.homesearch .search {
	position: relative;
	margin-bottom: 1.25rem;
}

.homesearch .search label {
	position: absolute;
	text-align: right;
	width: 18.75rem;
	left: -19.375rem;
	font-size: 1.125em;
	line-height: 1.75rem;
	vertical-align: middle;
	color: #333333;
	top: 50%;
	margin-top: -0.875rem;
}

.homesearch .search label::after {
	content: '\e902';
	font-family: icomoon;
	font-size: 1.75em;
	line-height: 1.75rem;
	vertical-align: middle;
	color: #ff4e00;
	margin-left: 0.3125rem;
}

.homesearch .search input[type=text] {
	border: 0.0625rem solid #ff4e00;
	width: 100%;
	padding: 1.25rem 1.5625rem;
	font-size: 1.25em;
	line-height: 1.5rem;
}

.homesearch .autocomplete {
	display: none;
	border: 0.0625rem solid #bebebe;
	padding: 1.25rem 1.5625rem;
	border-radius: 0.25rem;
	background: #ffffff;
	box-shadow: 0.125rem 0.1875rem 0.625rem 0 rgba(0, 0, 0, 0.3);
	margin-top: -1.25rem;
}

.homesearch .autocomplete.suggested {
	display: block;
	position: absolute;
	width: calc(100% - 3.25rem);
	bottom: 100%;
}

.homesearch .autocomplete ul li {
	margin-bottom: 1.25rem;
	cursor: pointer;
}

.homesearch .autocomplete ul li:last-child {
	margin-bottom: 0;
}

.homesearch .result::after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

.homesearch .result .freelancer {
	position: relative;
	float: left;
	width: calc(50% - 0.94rem);
	margin-right: 1.875rem;
}

.homesearch .result .freelancer::before {
	position: absolute;
	left: 0;
	top: 0;
	content: '\e945';
	font-family: icomoon;
	font-size: 3.5em;
	line-height: 3.5rem;
	width: 3.5rem;
	height: 3.5rem;
	vertical-align: middle;
	color: #ffffff;
}

.homesearch .result .project {
	position: relative;
	float: left;
	width: calc(50% - 0.94rem);
}

.homesearch .result .project::after {
	position: absolute;
	right: 0;
	top: 0;
	content: '\e95a';
	font-family: icomoon;
	font-size: 3.5em;
	line-height: 3.5rem;
	width: 3.5rem;
	height: 3.5rem;
	vertical-align: middle;
	color: #ffffff;
}

.homesearch .result .count {
	display: block;
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 700;
	font-size: 2.5em;
	color: #ffffff;
}

.homesearch .result .count.animated {
	animation-name: textglow;
	animation-duration: 500ms;
	animation-iteration-count: 1;
	animation-timing-function: ease;
}

.homesearch .result .text {
	display: block;
	font-family: "Montserrat", "Sans-Serif";
	font-weight: 700;
	font-size: 1.25em;
	text-transform: uppercase;
	color: #333333;
	margin-bottom: 1.25rem;
}

.homesearch .result input[type=submit] {
	display: block;
	width: 100%;
}

.homesearch .result a.button {
	display: block;
}

.homesearch .result .freelancer .count {
	text-align: left;
	margin-left: 4.6875rem;
}

.homesearch .result .freelancer .text {
	text-align: left;
	margin-left: 4.6875rem;
}

.homesearch .result .project .count {
	text-align: right;
	margin-right: 4.6875rem;
}

.homesearch .result .project .text {
	text-align: right;
	margin-right: 4.6875rem;
}

.homesearch input[type=submit].ajaxed {
	display: none;
}

.homesearch button[type=submit] {
	width: 100%;
}

.homesearch .result {
	text-align: center;
}

.homesearch .result a {
	display: inline-block;
	margin-top: 1rem;
}

.workflow {
}

.workflow h1 {
	text-align: center;
	margin: 0 auto 1.875rem auto;
}

.workflow .steps {
	width: 100%;
	max-width: 62.5rem;
	margin: 0 auto;
}

.workflow .steps::after {
	content: '';
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.workflow .steps li {
	float: left;
	position: relative;
	margin-right: 16.4%; /* 10.25rem; */
	width: 22.4%; /* 14rem; */
	transition: all 200ms ease-in-out 0s;
}

.workflow .steps li:last-child {
	margin-right: 0;
}

.workflow .steps li .image {
	position: relative;
	border: 0.0625rem solid #333333;
	border-radius: 50%;
}

.workflow .steps li .image span.arrow::before {
	content: '\e902';
	font-family: icomoon;
	font-size: 2.625em;
	position: absolute;
	left: calc(-33% - 1.3125rem); /* -6.4375rem; */
	top: calc(50% - 1.3125rem);
	color: #ff7800;
	font-weight: 700;
}

.workflow .steps li img {
	display: block;
	width: 64%;;
	xheight: 64%;
	padding: 18%;
}

.workflow .steps li .description {
	display: block;
	font-size: 1.125em;
	padding-top: 1.25rem;
	line-height: 2.5rem;
	white-space: nowrap;
	text-align: center;
	margin: 0;
}

.pageblock.cta,
.pageblock.register {
	text-align: center;
}

.pageblock.cta p,
.pageblock.register p {
	display: inline-block;
	font-size: 1.25em;
	line-height: 3.875rem;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	vertical-align: middle;
}

.pageblock.cta a.button,
.pageblock.register a.button {
	display: inline-block;
	margin: -1.25rem 0 -1.25rem 1.25rem;
	vertical-align: middle;
}

.customerpreview {
	background: #ffffff;
}

.customerpreview::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.customerpreview ul.logos li {
	float: left;
	position: relative;
	padding: 1.875rem;
	width: calc(25% - 3.75rem);
	height: 5rem;

	text-align: center;
	line-height: 5rem;

	/*
	animation: fadein 800ms ease-in-out 0s, fadeout 800ms ease-in-out 9100ms;
	animation-fill-mode: forwards;
	*/
}

.customerpreview ul.logos li img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

/**
 * Employment profile
 */
/*
.matchWords .input.labels .content::before {
	float: left;
	content: '\e917';
	content: '\e96a';
	font-family: icomoon;
	font-size: 2.2em;
	width: 2.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	color: #71db0e;
	margin-right: 0.625rem;
}
*/

.matchWords .input.labels span.label {
	background-color: #71db0e;
	/* background-color: #333333; */
}

.matchWords .input.labels span.label.negative {
	background-color: #e83310;
}

.matchWords .input.labels span.label.positive {
	background-color: #71db0e;
}

.matchWords .content input.new:focus {
	border-color: #71db0e;
}

/*
.matchWordsMin .input.labels .content::before {
	float: left;
	content: '\e969';
	font-family: icomoon;
	font-size: 2.2rem;
	width: 2.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	color: #e83310;
	margin-right: 0.625rem;
}
*/

.matchWordsMin .input.labels span.label {
	background-color: #e83310;
}

.matchWordsMin .content input.new:focus {
	border-color: #e83310;
}

/*
.matchExpertise .input.multiselect div.selected::before {
	content: '\e95c';
	float: left;
	font-family: icomoon;
	font-size: 2.2em;
	width: 2.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	color: #55cdf2;
	margin-right: 0.625rem;
}
*/

/*
.matchExpertise .input.multiselect .selected span.option {
	background: #55cdf2;
}

.matchExpertise .input.multiselect.labeled .options span.option.selected {
	display: inline-block;
	background: #55cdf2;
}
*/

/*
.matchProvince .input.multiselect div.selected::before {
	content: '\e934';
	float: left;
	font-family: icomoon;
	font-size: 2.2rem;
	width: 2.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	color: #ffb300;
	margin-right: 0.625rem;
}
*/

/*
.matchProvince .input.multiselect.labeled .selected span.option {
	background: #ffb300;
}

.matchProvince .input.multiselect.labeled .options span.option.selected {
	display: inline-block;
	background: #ffb300;
}
*/

.employmentProfileBuildForm .buildType li[data-key=extract] {
	/* display: none; */
}

.employmentProfileForm li.matchProvince .checkboxlist .group {
	width: 50%;
	float: left;
}

.employmentProfileForm .references .input.editgroup li > span.name {
	width: 17.375rem;
	margin-right: 1.25rem;
}

.employmentProfileForm .references .input.editgroup li > span.company {
	width: 18.75rem;
	margin-right: 1.25rem;
}

.employmentProfileForm .references .input.editgroup li > span.job {
	width: 18.75rem;
	margin-right: 1.25rem;
}

.employmentProfileForm .references .input.editgroup li > span.telephone {
	width: 12.5rem;
}

.employmentProfileForm .languages .input.editgroup li > span.language {
	width: calc(100% - 16.25rem);
	margin-right: 1.25rem;
}

.employmentProfileForm .languages .input.editgroup li > span.level {
	width: 15rem;
}

/**
 * card panels
 */
.employmentProfileForm .input.editgroup.cards ul::after {
	content: '';
	clear: both;
	visibility: hidden;
	height: 0;
	display: block;
}

.employmentProfileForm .input.editgroup.cards li {
	float: left;
	width: calc(50% - 3.5625rem);
	margin-right: 0.625rem;
	margin-bottom: 0.625rem;
	border-radius: 0.25rem;
	background: #ffffff;
	padding: 1.5625rem;
	border: 0.0625rem solid #bebebe;
	/* -webkit-box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3); */
	/* box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3); */
}

.employmentProfileForm .input.editgroup.cards > ul > li a.action {
	background: none;
	color: #333333;
	top: 0.75rem;
	right: 0.75rem;
}

.employmentProfileForm .input.editgroup.cards > ul > li a.action::before {
	content: '\e95e';
	font-size: 1.5rem;
}

.employmentProfileForm .input.editgroup.cards li:nth-child(2n + 1) {
	margin-right: 0;
}

.employmentProfileForm .input.editgroup.cards li > span {
	/* float: none; */
	margin-bottom: 0.625rem;
	clear: left;
	width: 100%;
}

.employmentProfileForm .input.editgroup.cards li > span > label {
	font-weight: bold;
	display: block;
	line-height: 2.4375rem;
	width: 10rem;
	float: left;
}

.employmentProfileForm .input.editgroup.cards li > span.startYear {
	width: 16rem;
	margin-right: 1.25rem;
}

.employmentProfileForm .input.editgroup.cards li > span.startYear .formelement {
	margin-left: 10rem;
	width: 6rem;
}

.employmentProfileForm .input.editgroup.cards li > span.startMonth {
	clear: none;
	width: 8rem;
}

.employmentProfileForm .input.editgroup.cards li > span.startMonth .formelement {
	width: 8rem;
}

.employmentProfileForm .input.editgroup.cards li > span.endYear {
	width: 16rem;
	margin-right: 1.25rem;
}

.employmentProfileForm .input.editgroup.cards li > span.endYear .formelement {
	margin-left: 10rem;
	width: 6rem;
}

.employmentProfileForm .input.editgroup.cards li > span.endMonth {
	clear: none;
	width: 8rem;
}

.employmentProfileForm .input.editgroup.cards li > span.endMonth .formelement {
	width: 8rem;
}


.employmentProfileForm .experiences .input.editgroup.cards li > span.job label {
	display: none;
}

.employmentProfileForm .experiences .input.editgroup.cards li > span.job .formelement {
	/*
	width: calc(100% - 10rem);
	margin-left: 10rem;
	*/
	width: 100%;
}

.employmentProfileForm .experiences .input.editgroup.cards li > span.job .formelement input {
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.25rem;
	color: #333333;
	border: 0.0625rem solid transparent;
	/* margin: -0.5rem -0.9375rem 0 -0.9375rem;
	width: calc(100% + 1.875rem); */
	padding: 0.5rem 0rem;
}

.employmentProfileForm .experiences .input.editgroup.cards li > span.job .formelement input:hover {
	border: 0.0625rem dotted #bebebe;
	/* padding: 0.5rem 0.9375rem; */
}

.employmentProfileForm .experiences .input.editgroup.cards li > span.job .formelement input:focus {
	border: 1px solid #d2d2d2;
	padding: 0.5rem 0.9375rem;
}

.employmentProfileForm .experiences .input.editgroup.cards li > span.company .formelement {
	width: calc(100% - 10rem);
	margin-left: 10rem;
}

/**
 * Educations
 */
.employmentProfileForm .educations .input.editgroup.cards li > span.name label {
	display: none;
}

.employmentProfileForm .educations .input.editgroup.cards li > span.name .formelement {
	/*
	width: calc(100% - 10rem);
	margin-left: 10rem;
	*/
	width: 100%;
}

.employmentProfileForm .educations .input.editgroup.cards li > span.name .formelement input {
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 700;
	font-size: 1.125em;
	line-height: 1.25rem;
	color: #333333;
	border: 0.0625rem solid transparent;
	/* margin: -0.5rem -0.9375rem 0 -0.9375rem;
	width: calc(100% + 1.875rem); */
	padding: 0.5rem 0rem;
}

.employmentProfileForm .educations .input.editgroup.cards li > span.name .formelement input:hover {
	border: 0.0625rem dotted #bebebe;
	/* padding: 0.5rem 0.9375rem; */
}

.employmentProfileForm .educations .input.editgroup.cards li > span.name .formelement input:focus {
	border: 1px solid #d2d2d2;
	padding: 0.5rem 0.9375rem;
}

.employmentProfileForm .educations .input.editgroup.cards li > span.institute .formelement {
	width: calc(100% - 10rem);
	margin-left: 10rem;
}


.employmentProfileForm .educations .input.editgroup li > span.diploma .formelement {
	width: calc(100% - 10rem);
	margin-left: 10rem;
}

.employmentProfileForm li.rate div.group .rate_from {
	float: left;
	width: 7.5rem;
	margin-right: 0.5rem;
	margin-bottom: 0;
}

.employmentProfileForm li.rate div.group .rate_from input {
	width: 100%;
}

.employmentProfileForm li.rate div.group .rate_to {
	float: left;
	width: 7.5rem;
	margin-right: 0.5rem;
	margin-bottom: 0;
}

.employmentProfileForm li.rate div.group .rate_to input {
	width: 100%;
}

.employmentProfileForm li.rate div.group .rateType {
	float: left;
	width: calc(100% - 16rem);
	margin-bottom: 0;
}

.employmentProfileForm li.rate div.group .rateType select {
	width: 100%;
}

.employmentProfileForm li .formelement input[type=text] {
	width: 100%;
}

.employmentProfileForm li .formelement .labels input[type=text].new {
	width: auto;
}

.employmentProfileForm li .formelement div.availability input[type=text] {
	display: inline-block;
	width: 6.25rem;
	margin-right: 1.25rem;
}

.employmentProfileForm .matchExpertise .checkboxlist ul li {
	width: 50%;
	float: left;
}

.employmentProfileForm.valueview li.rate .group .formelement {
	float: left;
	width: auto;
	margin: 0 0.5rem 0 0;
}

.employmentProfileForm li.duration .ideal_duration_from {
	float: left;
	width: 10rem;
	margin-right: 1rem;
}

.employmentProfileForm li.duration .ideal_duration_to {
	float: left;
	width: 10rem;
}

.contractChangeForm .input.switch {
	display: inline-block;
	vertical-align: middle;
}

.contractChangeForm span.description {
	line-height: 2.5rem;
	vertical-align: middle;
}

.floatlink {
	float: left;
	line-height: 2.875rem;
}

.pageblock::after {
	content: '';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

/**
 * Applications
 */
ul.applications li .timestamp {
	width: 12.5rem;
	flex: 0 1 12.5rem;
	-webkit-flex: 0 1 12.5rem;
	font-style: italic;
}

ul.applications li .messages,
ul.applications li .notes {
	width: 6.25rem;
	flex: 0 1 6.25rem;
	-webkit-flex: 0 1 6.25rem;
}

ul.applications li .state {
	width: 12.5rem;
	flex: 0 1 6.25rem;
	-webkit-flex: 0 1 12.5rem;
}

ul.applications li .box .messages::before {
	content: '\e936';
}

ul.applications li .box .messages.unread::before {
	content: '\e936';
	xcolor: #ff4e00;
}

ul.applications li .box .notes::before {
	content: '\e93d';
}

ul.applications li .box .state::before {
	content: '\e93b';
}

ul.applications li.new .box .state::before {
	content: '\e93b';
}

ul.applications li.pending .box .state::before {
	content: '\e937';
}

ul.applications li.declined .box .state::before {
	content: '\e938';
}

ul.applications li.proposed .box .state::before {
	content: '\e93a';
}

ul.applications li.approved .box .state::before {
	content: '\e939';
}

ul.applications li.revoked .box .state::before {
	content: '\e938';
}

ul.applications > li > .box .sharetype {
	width: 1.75rem;
}

ul.applications > li > .box .sharetype::before {
	content: '\e96c';
	color: #d2d2d2;
}

ul.applications > li > .box .sharetype.revoked::before {
	color: #e83310;
}

ul.applications > li > .box .sharetype.shared::before {
	color: #71db0e;
}

ul.applications li .actions a.new::before {
	content: '\e937';
}

ul.applications li .actions a.pending::before {
	content: '\e93b';
}

ul.applications li .actions a.requestdecline::before,
ul.applications li .actions a.decline::before {
	content: '\e938';
}

ul.applications li .actions a.propose::before {
	content: '\e93a';
}

ul.applications li .actions a.requestapprove::before,
ul.applications li .actions a.approve::before {
	content: '\e939';
}

ul.applications li .actions a.revoke::before {
	content: '\e938';
}

#applicantactions {
	margin-bottom: 1.875rem;
}

#applicantactions li.message {
	display: none;
}

#applicantactions button[type=submit] {
	display: none;
}

#applicantactions.changed li.message {
	display: block;
}

#applicantactions.changed button[type=submit] {
	display: block;
}

.applicantstate {
	margin-bottom: 1.875rem;
	background: #ffffff;
	border: 0.0625rem solid #bebebe;
	border-radius: 0.3125rem;
}

.applicantstate .description {
	padding: 1.875rem;
}

.applicantstate .states {
	display: flex;
	border-top: 0.0625rem solid #bebebe;
}

.applicantstate .state {
	display: block;
	align-items: stretch;
	width: 100%;
	padding: 1.875rem;
	color: #333333;
	text-decoration: none;
	transition: all 100ms ease-in-out 0s;
}

.applicantstate a.state:hover {
	color: #ff4e00;
}

.applicantstate a.state:hover .icon::before {
	transition: all 100ms ease-in-out 0s;
	color: #ff4e00;
	font-size: 3.25em;
}

.applicantstate .state.declined {
	border-right: 0.0625rem solid #bebebe;
}

.applicantstate .state.declined.current,
.applicantstate a.state.declined:hover {
	background-color: #e83310;
	color: #ffffff;
}

.applicantstate .state.declined.current .icon::before,
.applicantstate a.state.declined:hover .icon::before {
	color: #ffffff;
}

.applicantstate .state.approved {
	border-left: 0.0625rem solid #bebebe;
}

.applicantstate .state.approved.current,
.applicantstate a.state.approved:hover {
	background-color: #71db0e;
	color: #ffffff;
}

.applicantstate .state.approved.current .icon::before,
.applicantstate a.state.approved:hover .icon::before {
	color: #ffffff;
}

.applicantstate .state .icon::before {
	content: '';
	display: block;
	font-family: icomoon;
	font-size: 2.5em;
	line-height: 3.75rem;
	width: 3.75rem;
	height: 3.75rem;
	text-align: center;
	margin: 0 auto;
	transition: all 100ms ease-in-out 0s;
}

.applicantstate .state.current {
	color: #ff4e00;
}

.applicantstate .state.current .icon::before {
	font-size: 3.25em;
}

.applicantstate .state.unknown .icon::before {
	content: '\e93b';
}

.applicantstate .state.new .icon::before {
	content: '\e93b';
}

.applicantstate .state.pending .icon::before {
	content: '\e937';
}

.applicantstate .state.proposed .icon::before {
	content: '\e93a';
}

.applicantstate .state.approved .icon::before {
	content: '\e939';
}

.applicantstate .state.declined .icon::before {
	content: '\e938';
}

.applicantstate .state.revoked .icon::before {
	content: '\e938';
}

.applicantstate .state .name {
	display: block;
	text-align: center;
}

ul.form.applicantStateForm .message textarea {
	min-height: 10rem;
}

/*
ul.form.applicantStateForm {
	margin-bottom: 0;
}

ul.form.applicantStateForm > li > label {
	float: none;
	width: 100%;
	font-weight: 700;
}

ul.form.applicantStateForm > li > :nth-child(2) {
	float: none;
	width: 100%;
}

.applicantStateForm .input.radiolist.boxed li {
	width: calc((100% - 1.125rem) / 3);
	margin-right: 0.5625rem;
}

.applicantStateForm .input.radiolist.boxed li:last-child {
	margin-right: 0;
}

.applicantStateForm .input.radiolist.boxed li label > div {
	width: calc(100% - 2.375rem);
	text-align: center;

}

.applicantStateForm .input.radiolist.boxed li label > div::before {
	margin: 0 auto;
}

.applicantStateForm .input.radiolist.boxed li label > div.declined::before {
	content: '\e938';
}

.applicantStateForm .input.radiolist.boxed li label > div.pending::before {
	content: '\e93b';
}

.applicantStateForm .input.radiolist.boxed li label > div.approved::before {
	content: '\e939';
}
*/

/*
.questionaireForm .input.radiolist.boxed li label::before {
	background: none;
	font-family: icomoon;
	font-size: 1.75em;
	width: 1.75rem;
	height: 1.875rem;
	margin: 0 0.625rem 0 0;
	border: 0;
}
*/

.questionaireForm .input.radiolist.boxed li input:checked + label::before {
	/* content: none; */
}

/*
.questionaireForm .input.radiolist.boxed li input:checked + label div::before {
	color: #ff4e00;
}

.questionaireForm .input.radiolist.boxed li label > div::before {
	margin: 0 auto;
}
*/

.questionaireForm .input.radiolist.boxed li[data-key=yes] input:checked + label::before {
	content: '\e910';
	color: #71db0e;
}

.questionaireForm .input.radiolist.boxed li[data-key=dontknow] input:checked + label::before {
	content: '\e947';
	color: #333333;
}

.questionaireForm .input.radiolist.boxed li[data-key=no] input:checked + label::before {
	content: '\e915';
	color: #e83310;
}

.applicantActionForm .input.radiolist.boxed li label::before {
	content: none;
	margin: 0;
	border: 0;
	position: absolute;
	background: none;
}

.applicantActionForm .input.radiolist.boxed li input:checked + label::before {
	content: none;
}

.applicantActionForm .input.radiolist.boxed li input:checked + label div::before {
	/* color: #55cdf2; */
	color: #ff4e00;
}

.applicantActionForm .input.radiolist.boxed li label > div::before {
	margin: 0 auto;
}


.applicantActionForm .input.radiolist.boxed li label > div.contact::before {
	content: '\e940';
}

.applicantActionForm .input.radiolist.boxed li label > div.invited::before {
	content: '\e90c';
}

.applicantActionForm .input.radiolist.boxed li label > div.question::before {
	content: '\e94a';
}

.applicantActionForm .input.radiolist.boxed li label > div.offer::before {
	content: '\e93d';
}

.applicantActionForm .input.radiolist.boxed li label > div.other::before {
	content: '\e96e';
}

.applicantActionForm li.comment textarea {
	min-height: 8rem;
}

.applicantactionlist {
	margin-top: 1.875rem;
}

.applicantactionlist ul.applicationlogs {
	margin-bottom: 0;
}

ul.applicationlogs > li .box > :first-child > span.timestamp::before {
	content: '\e90c';
}
ul.applicationlogs li span.content {
	padding: 1rem 0;
	max-width: 60rem;
}

ul.applicationlogs > li .htmldescription {
	padding-bottom: 1.5625rem;
	margin: 0;
}

ul.applicationlogs > li > .box .title::before {
	content: '\e96e';
}

ul.applicationlogs > li.contact > .box .title::before {
	content: '\e940';
}

ul.applicationlogs > li.invited > .box .title::before {
	content: '\e90c';
}

ul.applicationlogs > li.question > .box .title::before {
	content: '\e94a';
}

ul.applicationlogs > li.offer > .box .title::before {
	content: '\e93d';
}

ul.applicationlogs li .actions .removelog::before {
	content: '\e95f';
}

ul.applicantinvite > li > .box .job {
	width: 15rem;
	flex: 0 1 15rem;
	-webkit-flex: 0 1 15rem;
}

ul.applicantinvite > li > .box .view {
	width: 8.5rem;
	flex: 0 1 8.5rem;
	-webkit-flex: 0 1 8.5rem;
	font-style: italic;
}

ul.applicantinvite > li > .box .lastlogin {
	width: 8.5rem;
	flex: 0 1 8.5rem;
	-webkit-flex: 0 1 8.5rem;
}

ul.applicantinvite > li > .box .state {
	width: 9rem;
	flex: 0 1 9rem;
	-webkit-flex: 0 1 9rem;
}

ul.applicantinvite > li > .box .state::before {
	content: '\e937';
}

ul.applicantinvite > li.invite > .box .state::before {
	content: '\e93a';
}

ul.applicantinvite > li.apply > .box .state::before {
	content: '\e939';
}

ul.applicantinvite > li > .box .lastlogin::before {
	content: '\e96d';
}


ul.applicantinvite > li > .box .view::before {
	content: '\e963';
	color: #e83310;
	font-style: normal;
}

ul.applicantinvite > li.view > .box .view::before {
	content: '\e962';
	color: #71db0e;
	font-style: normal;
}

ul.applicantinvite li .actions .invite::before {
	content: '\e965';
}

ul.applicantinvite > li .box > :first-child span.match {
	background: #ff4e00;
}

ul.applicantinvite > li.new .box .title {
	font-weight: 700;
}

/*
ul.applicantinvite > li.new > .box {
	border-left: 0.125rem solid #ff4e00;
	padding-left: 1.4375rem;
}
*/

.userBaseForm.definition {
	width: 37.5rem;
	max-width: 100%;
}

.userBaseForm li .formelement input {
	width: 100%;
}

.userBaseForm .input.attachmentupload.media {
	width: 288px;
	height: 288px;
}

.userBaseForm .input.attachmentupload.media .browse::before {
	line-height: 18rem;
	content: '\e945';
	font-size: 5rem;
}

.userBaseForm .input.attachmentupload.media ul.files li .remove {
	width: 1.875rem;
	height: 1.875rem;
	margin-right: -0.9rem;
	margin-top: -0.9rem;
	text-decoration: none;
}

.userBaseForm .input.attachmentupload.media ul.files li .remove::before {
	font-size: 1.25em;
	line-height: 1.875rem;
}

.ios .userBaseForm .input.attachmentupload.media ul.files li .remove {
	width: 3rem;
	height: 3rem;
	margin-right: -1.5rem;
	margin-top: -1.5rem;
}

.ios .userBaseForm .input.attachmentupload.media ul.files li .remove::before {
	font-size: 2.25em;
	line-height: 3rem;
}

.userBaseForm li.profileimage label {
	float: none;
	width: auto;
	margin: 0;
	text-align: center;
}

.changeEmailForm.definition {
	width: 37.5rem;
	max-width: 100%;
}

.userShareForm .radiolist li {
	position: relative;
}

.userShareForm .radiolist li input[type=radio] {
	display: none;
}

.userShareForm .radiolist li label {
	display: inline-block;
	line-height: 1.875rem;
	cursor: pointer;
	padding: 0.625rem 0 0.625rem 2.375rem;
	width: calc(100% - 2.375rem);
}

.userShareForm .radiolist li input[type=radio] + label::before {
	display: block;
	position: absolute;
	content: '';
	line-height: 1.875rem;
	vertical-align: middle;
	margin: -0.5rem 0 0 0.375rem;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 0.5rem;
	border: 0.0625rem solid #bebebe;
	left: 0.375rem;
	top: 50%;
}

.userShareForm .radiolist li input[type=radio]:checked + label {
	border: 0.0625rem solid #bebebe;
	border-radius: 0.25rem;
	background: #ffffff;
}

.userShareForm .radiolist li input[type=radio]:checked + label::before {
	font-family: icomoon;
	content: '\e910';
	color: #71db0e;
	font-size: 1.75em;
	width: 1.75rem;
	height: 1.875rem;
	margin: -0.9375rem 0 0 0.375rem;
	left: 0;
	border: 0;
}

ul.usershare li .actions .customstatement::before {
	content: '\e977';
}

ul.usershare li .actions .revoke::before {
	content: '\e938';
}

ul.usershare li .actions .confirmrevoke::before {
	content: '\e910';
}

ul.usershare li .actions .share::before {
	content: '\e939';
}

ul.usershare > li > .box .state {
	width: 8rem;
	flex: 0 1 8rem;
	-webkit-flex: 0 1 8rem;
}

ul.usershare > li > .box .company {
	width: 7.5rem;
	flex: 0 1 7.5rem;
	-webkit-flex: 0 1 7.5rem;
}

/*
ul.usershare > li > .box .date {
	width: 12rem;
	flex: 0 1 12rem;
	-webkit-flex: 0 1 12rem;
}
*/

ul.usershare > li.revoked > .box .title::before {
	content: '\e915';
	color: #e83310;
}

ul.usershare > li.shared > .box .title::before {
	content: '\e910';
	color: #71db0e;
}


/**
 * Company form
 */
.companyForm.definition {
	width: 37.5rem;
}

.popupwindow .companyForm.definition {
	width: auto;
}

.companyForm li .formelement input,
.companyForm li .formelement select {
	width: 100%;
}

.companyForm .companylogo label {
	display: none;
}

.companylogo .input.attachmentupload.media {
	width: 22.75rem;
	height: 7.75rem;
}

.companylogo .input.attachmentupload.media .browse::before {
	line-height: 7.5rem;
	content: '\e90b';
	font-size: 5rem;
}

.companylogo .input.attachmentupload.media ul.files li .remove {
	width: 1.875rem;
	height: 1.875rem;
	text-decoration: none;
}

.companylogo .input.attachmentupload.media ul.files li .remove::before {
	font-size: 1.25em;
	line-height: 1.875rem;
}

li.companybackground .companybackground {
	padding-top: 0;
	background: none;
}

.companybackground .input.attachmentupload.media {
	width: 75rem;
	height: 23.75rem;
}

.companybackground .input.attachmentupload.media .browse::before {
	line-height: 23.75rem;
	content: '\e91a';
	font-size: 5rem;
}

.companybackground .input.attachmentupload.media .browse {
	border: 0;
	outline: 0.125rem dashed #d2d2d2;
}

.companybackground .input.attachmentupload.media ul.files li {
	border-radius: 0;
}

.companybackground .input.attachmentupload.media ul.files li .remove {
	width: 1.875rem;
	height: 1.875rem;
	text-decoration: none;
}

.companybackground .input.attachmentupload.media ul.files li .remove::before {
	font-size: 1.25em;
	line-height: 1.875rem;
}

.companylogo label {
	float: none;
	margin: 0;
	width: auto;
	text-align: center;
}

a.lure.toggler {
	display: inline-block;
	margin-bottom: 1.875rem;
}

.changePasswordForm {
	width: 37.5rem;
}

.popupwindow .changePasswordForm {
	width: auto;
}

.changePasswordForm li .formelement input {
	width: 100%;
}

.loginForm li .formelement input {
	width: 100%;
}

/**
 *
 */
table.usernotifications {
	/* width: 37.5rem; */
}

table.usernotifications th {
	font-weight: 700;
	padding: 0.9375rem 0;
	vertical-align: middle;
}

table.usernotifications th.eventtype {
	text-align: left;
}

table.usernotifications th.dnd {
	text-align: left;
}

table.usernotifications td {
	padding: 0.3125rem 0;
	vertical-align: middle;
}

table.usernotifications .check {
	text-align: center;
}

table.usernotifications .dnd > .formelement .switch {
	float: left;
	line-height: 2.375rem;
}

table.usernotifications .dnd > .formelement .description {
	float: left;
	line-height: 2.375rem;
	margin-left: 1rem;
}

/**
 * Project form
 */
.projectdescriptionformat {
	margin-left: 16.875rem;
}

.properties ul.projectForm li > label {
	display: block;
	width: auto;
}

ul.form.projectForm > li > label {
	width: 15.625rem;
}

ul.form.projectForm > li > .group {
	width: calc(100% - 16.875rem);
}

.projectForm .location .group .customer,
.projectForm .externalCode .group .externalCode,
.projectForm .title .group .name {
	width: 100%;
}

.projectForm .location .group .customer input,
.projectForm .externalCode .group .externalCode input,
.projectForm .title .group .name input {
	width: 100%;
}

.projectForm .title .group .privateName {
	width: 100%;
}

.projectForm .title .group .privateName input {
	width: 100%;
}

.projectForm .endcustomer .group .customer {
	width: 60%;
	margin-right: 1rem;
}

.projectForm .endcustomer .group .customer input {
	width: 100%;
}

.projectForm .endcustomer .group .customerRelation {
	width: calc(40% - 2rem - 4.875rem);
	margin-right: 1rem;
}

.projectForm .endcustomer .group .customerRelation select {
	width: 100%;
}

.projectForm .endcustomer .group .customerVisible {
	width: 4.875rem;
}

.projectForm .endcustomer .group .formelement {
	margin-bottom: 0;
}

.projectForm .location .group .address {
	width: 100%;
}

.projectForm .location .group .address input {
	width: 100%;
}

.projectForm .location .group .postalCode {
	width: 20%;
	margin-right: 1rem;
	margin-bottom: 0;
}

.projectForm .location .group .postalCode input {
	width: 100%;
}

.projectForm .location .group .place {
	width: calc(50% - 0.5rem);
	margin-right: 0;
	margin-bottom: 0;
}

.projectForm .location .group .place input {
	width: 100%;
}

.projectForm .location .group .province {
	width: calc(50% - 0.5rem);
	margin-right: 1rem;
	margin-bottom: 0;
}

.projectForm .location .group .province select {
	width: 100%;
}

.projectForm .location .group .onLocation {
	width: calc(40% - 2rem);
}

.projectForm .location .group .onLocation select {
	width: 100%;
}

.projectForm .rate .group > .formelement {
	margin-bottom: 0;
}

.projectForm .rate .group .rateType {
	width: calc(40% - 2rem);
	margin-right: 1rem;
}

.projectForm .rate .group .rateType select {
	width: 100%;
}

.projectForm .rate .group .rate_from {
	float: left;
	width: 30%;
	margin-right: 1rem;
}

.projectForm .rate .group .rate_from input {
	width: 100%;
}

.projectForm .rate .group .rate_to {
	float: left;
	width: 30%;
}

.projectForm .rate .group .rate_to input {
	width: 100%;
}

.projectForm .duration .group .durationRangeFrom {
	width: 20%;
	margin-right: 1rem;
	margin-bottom: 0;
}

.projectForm .duration .group .durationRangeFrom input {
	width: 100%;
}

.projectForm .duration .group .durationRangeTo {
	width: 20%;
	margin-right: 1rem;
	margin-bottom: 0;
}

.projectForm .duration .group .durationRangeTo input {
	width: 100%;
}

.projectForm .duration .group .durationType {
	width: calc(40% - 2rem);
	margin-right: 1rem;
	margin-bottom: 0;
}

.projectForm .duration .group .durationType select {
	width: 100%;
}

.projectForm .duration .group .durationExtendable {
	width: 40%;
	margin-right: 0;
	margin-bottom: 0;
}

.projectForm .description textarea {
	width: 100%;
	min-height: 19rem;
	max-height: 62.5rem;
}

.projectTypeForm .input.radiolist.boxed > ul > li {
	width: calc(50% - 0.9375rem);
	margin-right: 1.875rem;
}

@supports (-ms-ime-align:auto) {
	.projectTypeForm .input.radiolist.boxed > ul > li {
		width: calc(50% - 0.94rem);
	}
}

.projectTypeForm .input.radiolist.boxed > ul > li:last-child {
	margin-right: 0;
}

.projectTypeForm .input.radiolist.boxed > ul > li .htmldescription {
	padding: 0.5rem 0;
}

.projectTypeForm .input.radiolist.boxed > ul > li .htmldescription::before {
	display: none; /* TODO FIX? */
}

ul.listing.contracts > li .box span.state {
	flex: 0 1 15rem;
}

ul.listing.contracts > li .box span.date {
	flex: 0 1 17rem;
	text-align: right;
}

ul.listing.contracts > li .box span.datefrom {
	flex: 0 1 7.5rem;
	text-align: right;
}

ul.listing.contracts > li .box span.dateto {
	flex: 0 1 7.5rem;
	text-align: right;
}

ul.listing.contracts > li .actions .cancel::before {
	content: '\e93f';
}

ul.listing.contracts > li .actions .resume::before {
	content: '\e94b';
}

ul.listing.contracts > li.operational.ended .actions {
	max-width: 18.75rem;
	opacity: 1;
}

ul.listing.contracts > li.operational.ended .box span.state {
	flex: 0 1 15rem;
}

ul.listing.contracts > li.operational.ended .box span.date {
	margin-right: 3.125rem;
}

a.actionlink.center {
	display: block;
	margin: 1rem auto 0 auto;
	width: 40%;
	text-align: center;
}

ul.listing.invoices li .totalprice {
	min-width: 6.25rem;
}

ul.listing.invoices li .state {
	min-width: 12.5rem;
}

ul.listing.invoices li .state::before {
	display: none;
}

ul.listing.invoices li .date {
	width: 9.375rem;
	text-align: right;
}

table.summary.invoice {
	width: 100%;
}

table.summary.invoice .description {
	padding-left: 1.25rem;
	min-width: 12rem;
}

table.summary.invoice th.period {
	width: 15rem;
	min-width: 7rem;
}

table.summary.invoice .price {
	width: 6rem;
	min-width: 6rem;
	text-align: right;
	padding-right: 1.25rem;
}

table.summary.invoice .subtotal td {
	font-weight: 700;
}

table.summary.invoice .total td {
	font-weight: 700;
}

.input.radiolist.custom li {
	line-height: 1em;
}

.input.radiolist.custom li input[type=radio] {
	display: none;
}

.input.radiolist.custom li label {
	display: inline-block;
	line-height: 1.875rem;
	cursor: pointer;
	padding: 0.625rem;
	width: calc(100% - 1.375rem);
}

.input.radiolist.custom li input[type=radio] + label::before {
	display: inline-block;
	content: '';
	line-height: 1.875rem;
	vertical-align: middle;
	margin: 0.4375rem 1rem 0.4375rem 0.375rem;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 0.5rem;
	border: 0.0625rem solid #bebebe;
}

.input.radiolist.custom li input[type=radio]:checked + label {
	border: 0.0625rem solid #bebebe;
	border-radius: 0.25rem;
	background: #ffffff;
}

.input.radiolist.custom li input[type=radio]:checked + label::before {
	font-family: icomoon;
	content: '\e910';
	color: #71db0e;
	font-size: 1.75em;
	width: 1.75rem;
	height: 1.875rem;
	margin: 0 0.625rem 0 0;
	border: 0;
}

.input.radiolist.custom li label > span.text {
	display: inline-block;
	line-height: 1.875rem;
}

ul.invoicePaymentForm li.gateway .radiolist li label > span.logo {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.875rem;
	width: 3.125rem;
	height: 1.875rem;
	padding: 0;
	background: transparent url('images/payment/logo-banktrans.png') 0 50% no-repeat;
	background-size: cover;
	margin-right: 0.3125rem;
}

ul.invoicePaymentForm li.gateway .radiolist li[data-key=ideal] label > span.logo {
	background-image: url('images/payment/logo-ideal.png');
}

ul.invoicePaymentForm li.gateway .radiolist li[data-key=banktrans] label > span.logo {
	background-image: url('images/payment/logo-banktrans.png');
}

ul.invoicePaymentForm li.gateway .radiolist li[data-key=dirdeb] label > span.logo {
	background-image: url('images/payment/logo-dirdeb.png');
}

ul.invoicePaymentForm li.gateway .radiolist li[data-key=maestro] label > span.logo {
	background-image: url('images/payment/logo-maestro.png');
}

ul.invoicePaymentForm li.gateway .radiolist li[data-key=visa] label > span.logo {
	background-image: url('images/payment/logo-visa.png');
}

ul.invoicePaymentForm li.gateway .radiolist li[data-key=mastercard] label > span.logo {
	background-image: url('images/payment/logo-mastercard.png');
}

ul.invoicePaymentForm li.agree .description span {
	display: none;
}

ul.invoicePaymentForm li.agree .description span.default {
	display: inline;
}

ul.invoicePaymentForm li.agree[data-gateway] .description span.default {
	display: none;
}

ul.invoicePaymentForm li.agree[data-gateway=ideal] .description span.ideal {
	display: inline;
}

ul.invoicePaymentForm li.agree[data-gateway=dirdeb] .description span.dirdeb {
	display: inline;
}

ul.invoicePaymentForm li.agree[data-gateway=visa] .description span.visa {
	display: inline;
}

ul.invoicePaymentForm li.agree[data-gateway=mastercard] .description span.mastercard {
	display: inline;
}

ul.invoicePaymentForm li.agree[data-gateway=maestro] .description span.maestro {
	display: inline;
}

ul.invoicePaymentForm li.agree[data-gateway=banktrans] .description span.banktrans {
	display: inline;
}

a.userinvite {
	margin-bottom: 1.875rem;
}

ul.employments .pickrole {
	position: absolute;
	right: 0;
	top: 0;
	width: 12.5rem;
}

ul.employments .pickrole ul {
	top: 3.8125rem;
	left: -0.3125rem;
	right: -0.3125rem;
}

ul.employments .pickrole ul li a {
	cursor: pointer;
	line-height: 1.5rem;
	color: #333333;
}

ul.employments .pickrole ul li.disabled a {
	cursor: auto;
	background-color: #f2f2f2;
}

ul.employments .pickrole ul li.active a {
	color: #ff4e00;
}

ul.employments .pickrole ul li a::before {
	content: '';
	display: block;
	float: left;
	font-family: icomoon;
	font-size: 1em;
	height: 1.5rem;
	width: 1.5rem;
	line-height: 1.5rem;
	border-radius: 0.75rem;
	background-color: #dedede;
	color: #333333;
	margin-right: 0.625rem;
	text-align: center;
}

ul.employments .pickrole ul li.active a::before {
	content: '\e910';
	background-color: #ff4e00;
	color: #ffffff;
}

ul.employments .pickrole div.current {
	padding: 0.9375rem 1.25rem;
	background: #bebebe;
	color: #ffffff;
	border-radius: 0.25rem;
}

ul.employments .pickrole div.current::after {
	color: inherit;
	display: block;
	position: absolute;
	right: 1.25rem;
	top: 50%;
	margin-top: -0.75rem;
}

ul.employments .pickrole div.current span.name {
	font-size: 1rem;
	font-weight: 300;
	color: #ffffff;
	xfont-family: "Roboto", "Sans-Serif";
	xtext-transform: uppercase;
}

ul.employments > li > .box:nth-child(2) {
	width: calc(100% - 20.875rem);
}

ul.employments > li .actions {
	right: 12.5625rem;
}

ul.employments > li > a {
	width: calc(100% - 20.875rem);
}

ul.employments a span.title {
	xwidth: calc(100% - 50rem);
}

ul.employments a span.state {
	width: 9.375rem;
}

ul.employments a span.email {
	width: 21.875rem;
	max-width: 100%;
}

ul.employments li .actions .accept::before {
	content: '\e910';
}

ul.employments li .actions .decline::before {
	content: '\e915';
}

ul.employments li .actions .remove::before {
	content: '\e95e';
}

ul.employments li .actions .settings::before {
	content: '\e950';
}

ul.faqs {
}

ul.faqs > li {
	position: relative;
	background: #ffffff;
	border-radius: 0.25rem;
	padding: 1.25rem 1.875rem;
	line-height: 1.25rem;
	margin-bottom: 0.625rem;
	box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3);
}

ul.faqs > li:last-child {
	margin-bottom: 1.875rem;
}

ul.faqs > li h3 {
	font-weight: 400;
	margin: 0 0 0 2.375rem;
	cursor: pointer;
}

ul.faqs > li h3::before {
	content: '\e903';
	font-family: icomoon;
	display: inline-block;
	color: #333333;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 1.75em;
	font-weight: 400;
	width: 1.75rem;
	vertical-align: text-bottom;
	margin: 0 0.625rem 0 -2.375rem;
	transition: all 200ms ease-in-out;
}

ul.faqs > li.toggled h3 {
	font-weight: 700;
}

ul.faqs > li.toggled h3::before {
	color: #ff4e00;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

ul.faqs > li .htmldescription {
	display: none;
	margin-top: 1em;
}

ul.faqs > li.toggled .htmldescription {
	display: block;
}

/*
.top3 h2 {
	color: #ff4e00;
}
*/

.top3 ul.faqs > li {
	background: #f7f7f7;
}

.projectsearchfilter {
	position: relative;
}

.projectsearchfilter .query input[type=text] {
	width: 100%;
	padding: 1.25rem 1.5625rem;
	font-size: 1.25em;
	line-height: 1.5rem;
}

.projectsearchfilter button {
	position: absolute;
	right: 0;
	top: 0;
	background: transparent;
	padding: 1rem;
}

.projectsearchfilter button:hover {
	background: transparent;
	color: #333333;
}

.projectsearchfilter button::before {
	content: '\e94f';
	margin-right: 0;
	font-size: 2em;
	line-height: 2rem;
}

.queryfilter {
	position: relative;
}

.queryfilter .query input[type=text] {
	width: 100%;
	padding: 1.25rem 1.5625rem;
	font-size: 1.25em;
	line-height: 1.5rem;
}

.queryfilter button {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1.6875rem;
	background: transparent;
	padding: 1rem;
}

.queryfilter button:hover {
	background: transparent;
	color: #333333;
}

.queryfilter button::before {
	content: '\e94f';
	margin-right: 0;
	font-size: 2em;
	line-height: 2rem;
}

.companyProfileForm li.companybackground {
	padding-bottom: 1.875rem;
}

.companyProfileForm li.about textarea {
	margin-bottom: 1.875rem;
}

.companyProfileForm .input.editgroup .references_logo .input.attachmentupload.media {
	width: 10rem;
	height: 5.3125rem;
}

.companyProfileForm .input.editgroup .references_logo .input.attachmentupload.media .browse {
	border-radius: 0.25rem;
	border-width: 0.125rem;
}

.companyProfileForm .input.editgroup .references_logo .input.attachmentupload.media .browse::before {
	content: '\e90b';
	line-height: 5.3125rem;
	font-size: 2.5em;
}

.companyProfileForm .input.editgroup .references_logo .input.attachmentupload.media ul.files .remove {
	display: none;
}

.companyProfileForm .input.editgroup .references_name {
	width: 12.5rem;
	margin-right: 1.25rem;
}

.companyProfileForm .input.editgroup .references_company {
	width: 12.5rem;
	margin-right: 1.25rem;
}

.companyProfileForm .input.editgroup .references_job {
	width: 12.5rem;
	margin-right: 1.25rem;
}

.companyProfileForm .input.editgroup .references_quote {
	width: 16.75rem;
	margin-right: 1.25rem;
}

.companyProfileForm .input.editgroup .references_quote textarea {
	width: 100%;
	resize: vertical;
	min-height: 5.5625rem;
	max-height: 12.5rem;
}

.companyProfileForm .input.editgroup .references_logo {
	width: 7.5rem;
}

.testimonial {
	position: relative;
	background: #ffffff;
	margin-bottom: 0.9375rem;
	border-radius: 0.3125rem;
	padding: 1.875rem 1.875rem 5.625rem 1.875rem;
	box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3);
	margin-top: 2.9375rem;
	/* height: calc(100% - 11.5625rem); */
	height: calc(100% - 11.375rem);
}

.testimonial .avatar {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -2.9375rem;
	top: -2.9375rem;
}

.testimonial .avatar .image {
	border: 0.125rem solid #ff4e00;
	background-color: #ffffff;
	width: 5.625rem;
	height: 5.625rem;
	border-radius: 50%;
}

.testimonial .quote {
	line-height: 1.8em;
}

.testimonial .quote::before {
	content: '\e949';
	font-family: icomoon;
	display: block;
	font-size: 2.25em;
	line-height: 2.25rem;
	height: 2.25rem;
	color: #ff4e00;
}

.testimonial .author {
	font-weight: 700;
	position: absolute;
	bottom: 3.75rem;
}

.testimonial .job {
	font-style: italic;
	color: #888888;
	position: absolute;
	bottom: 1.875rem;
}

.testimonial.green .avatar .image {
	border-color: #71db0e;
}

.testimonial.green .quote::before {
	color: #71db0e;
}

.testimonial.blue .avatar .image {
	border-color: #55cdf2;
}

.testimonial.blue .quote::before {
	color: #55cdf2;
}

.testimonial.pink .avatar .image {
	border-color: #e240bf;
}

.testimonial.pink .quote::before {
	color: #e240bf;
}

.testimonial.yellow .avatar .image {
	border-color: #edff00;
}

.testimonial.yellow .quote::before {
	color: #edff00;
}

.linkcloud {
	margin-bottom: 1.875rem;
}

/*
.linkcloud .tags {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-content: center;
	align-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.linkcloud .tags::after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

.linkcloud .tags li {
	position: relative;
	xfloat: left;
	margin-right: 0.9375rem;
	margin-bottom: 0.9375rem;
}

.linkcloud .tags li a {
	display: block;
	background-color: #666666;
	color: #ffffff;
	padding: 0.9375rem 1.25rem;
	border-radius: 0.25rem;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
}
*/

.linkcloud .tags {
	column-count: 3;
	column-gap: 2rem;
}

.linkcloud.single .tags {
	column-count: 1;
}

/*
.linkcloud .tags::after {
	content: '';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
*/

.linkcloud .tags li {
	position: relative;
	border-bottom: 0.0625rem solid #bebebe;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.linkcloud.single .tags li {
	float: none;
	margin-right: 0;
	width: 100%;
}

.linkcloud .tags li a {
	text-decoration: none;
	display: block;
	padding: 1rem;
}

.linkcloud .tags li a::after {
	content: '\e905';
	font-family: icomoon;
	position: absolute;
	right: 0;
	top: calc(50% - 0.5rem);
}

.linkcloud .tags li span.elapsed {
	position: absolute;
	top: calc(50% - 0.5rem);
	right: 1.5rem;
}

.homepage .linkcloud .tags li a {
	font-size: 1.125em;
}

.embed {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 */
	padding-bottom: 75%; /* 4:3 */
	height: 0;
}

.embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.companyinfo {
	margin-bottom: 1.875rem;
}

.companyinfo .properties > ul > li span.name,
.companyinfo .properties > ul > li label {
	width: 17.1875rem;
}

/*
.companyinfo .properties > ul > li.type::before {
	content: '\e90b';
}

.companyinfo .properties > ul > li.employees::before {
	content: '\e937';
}

.companyinfo .properties > ul > li.registerdate::before {
	content: '\e90c';
}

.companyinfo .properties > ul > li.checked::before {
	content: '\e910';
}

.companyinfo .properties > ul > li.projects::before {
	content: '\e95a';
}
*/

.companyinfo .avatarcolumn {
	width: 22.5rem;
}

.columns.companyinfo > .companycolumn {
	width: 100%;
	flex: 0 1 100%;
}

ul.tweets {
	max-height: 24.875rem;
	overflow-y: scroll;
}

ul.tweets li {
	position: relative;
	border-bottom: 0.0625rem solid #bebebe;
	padding-bottom: 1.25rem;
	margin-bottom: 1.25rem;
}

ul.tweets li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

ul.tweets li .information {
	position: relative;
	margin-bottom: 1.25rem;
}

ul.tweets li .information .author {

}

ul.tweets li .information .author .image {
	float: left;
	margin-right: 1.25rem;
}

ul.tweets li .information .author img {
	display: block;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 0;
}

ul.tweets li .information .author .name {
	color: #333333;
	font-size: 1.125em;
	line-height: 1.5rem;
}

ul.tweets li .information .author .screenname {
	color: #666666;
	line-height: 1.5rem;
}

ul.tweets li .information .date {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.75em;
}

ul.tweets li .actions {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0.3125rem;
}

ul.tweets li .actions a::before {
	content: '';
	font-family: icomoon;
	font-size: 1.25em;
}

ul.tweets li .actions a.tweet::before {
	content: '\e907';
}

ul.tweets li .actions a.retweet::before {
	content: '\e95b';
}

ul.tweets li .actions a.like::before {
	content: '\e92e';
}

ul.tweets li:hover .actions {
	display: block;
}

ul.tweets li:hover .actions a {
	margin-left: 1.25rem;
	text-decoration: none;
}

ul.tweets li:hover .actions a:hover {
	text-decoration: none;
}

ul.tweets li p {
	text-align: left;
	margin-bottom: 0;
}

ul.references {
}

ul.references li {
	margin-bottom: 1.875rem;
	min-height: 5.3125rem;
}

ul.references li:last-child {
	margin-bottom: 0;
}

ul.references li .logo {
	float: right;
	margin-left: 1.875rem;
}

ul.references li .logo img {
	display: block;
	width: 10rem;
}

ul.references li .quote {
	line-height: 1.8em;
	text-align: justify;
	margin-bottom: 0.8125rem;
	font-style: italic;
	word-wrap: break-word;
}

ul.references li .quote::before {
	content: '\e949';
	font-size: 1.5em;
	font-family: icomoon;
	color: #ff4e00;
	line-height: 1rem;
	vertical-align: middle;
	margin-right: 0.625rem;
}

ul.references li .poster {
	font-weight: 700;
}

div.recruiters {
	position: relative;
	overflow: hidden;
}

div.recruiters div.panel {
	xposition: relative;
	width: 1000%;
}

div.recruiters ul {
	display: flex;
}

div.recruiters ul::after {
	content: '';
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div.recruiters ul li {
	float: left;
	width: 2.5%;
	flex: 0 0 2.5%;
}

div.recruiters ul li.animate {
	margin-left: -2.5%;
	transition: all 200ms ease-in-out 0s;
}

.column2 div.recruiters ul li {
	width: 5%;
	flex: 0 0 5%;
}

.column2 div.recruiters ul li.animate {
	margin-left: -5%;
}

div.recruiters ul li .stats.count {
	display: block;
	text-align: center;
	margin-top: 1.25rem;
}

ul.employmentInviteForm li textarea {
	width: 100%;
	min-height: 9.375rem;
	height: 9.375rem;
	max-height: 18.75rem;
}

ul.employmentInviteForm .users .editgroup span.email {
	width: 100%;
}

div.companybackground {
	padding-top: 31.667%;
	background: url('images/background-empty.png');
	background-size: cover;
}

div.companybackground img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.companylogo {
	float: right;
}

.infobox.advanced .head {
	display: none;
}

.infobox.advanced .content {
	border-top: 0;
}

.infobox.advanced .companylogo {
	position: relative;
	float: none;
	display: block;
	margin-top: -6.625rem;
	width: 22.5rem;
	height: 7.5rem;
	padding: 0.9375rem;
	line-height: 7.5rem;
	background: #ffffff;
	border: 0.0625rem solid #bebebe;
	border-radius: 0.3125rem;
	margin-bottom: 0.9375rem;
}

.infobox.advanced .companylogo:empty {
	display: none;
}

.infobox.advanced .companylogo:empty::after {
	content: '';
	position: absolute;
	display: block;
	top: 1.875rem;
	left: 1.875rem;
	width: calc(100% - 3.75rem);
	height: calc(100% - 3.75rem);
	background: #f7f7f7;
}

.infobox.advanced .companylogo img {
	vertical-align: middle;
}

.infobox.advanced {
	border-radius: 0 0 0.3125rem 0.3125rem;
}

.companyvideo {
	float: right;
	width: 50%;
	max-width: 32rem;
	margin-left: 1.875rem;
	margin-bottom: 0.9375rem;
}

ul.reviews .box > :first-child > span::before {
	content: none;
}

ul.reviews .box > :first-child > span.timestamp::before {
	content: '\e90c';
}

ul.reviews .box > :first-child > span.rating::before {
	content: none;
}

ul.reviews li .htmldescription {
	margin-bottom: 1.5625rem;
}

ul.reviews > li:hover .title {
	color: #3c3a38;
}

ul.reviews > li .box .title::before {
	display: inline-block;
	font-family: icomoon;
	font-size: 1.75rem;
	line-height: 1.75rem;
	width: 1.75rem;
	height: 1.75rem;
	margin-right: 0.5rem;
}

ul.reviews > li.grade-5 .box .title::before,
ul.reviews > li.grade-4 .box .title::before {
	content: '\e96a';
	color: #71db0e;
}

ul.reviews > li.grade-3 .box .title::before {
	content: '\e925';
	color: #333333;
}

ul.reviews > li.grade-2 .box .title::before,
ul.reviews > li.grade-1 .box .title::before {
	content: '\e969';
	color: #e83310;
}

ul.bloglist {
	display: -webkit-flex;
	display: flex;
}

ul.bloglist li {
	align-items: stretch;
	position: relative;
	background: #ffffff;
	margin-bottom: 0.9375rem;
	border-radius: 0.3125rem;
	padding: 1.875rem 1.875rem 3.75rem 1.875rem;
	box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3);
	flex: 0 1 auto;
}

.multi ul.bloglist::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.multi ul.bloglist li {
	width: calc((100% - 13.125rem) / 3);
	margin-right: 0.9375rem;
}

.multi ul.bloglist li:nth-child(3n) {
	margin-right: 0;
}

ul.bloglist li::after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

ul.bloglist li .image {
	margin-bottom: 0.625rem;
	width: 100%;
}

ul.bloglist li .image img {
	width: 100%;
}

ul.bloglist li p {
	text-align: left;
}

ul.bloglist li .date {
	display: block;
	color: #888888;
	font-size: 0.75em;
	margin-bottom: 0.625rem;
}

ul.bloglist li .readmore {
	position: absolute;
	display: block;
	bottom: 1.875rem;
	right: 1.875rem;
}

ul.filelist .box > :first-child > span.date::before {
	content: '\e90c';
}

ul.filelist > li .title {
	width: auto;
}

.centerform {
	width: 40.625rem;
	margin: 0 auto;
}

.centerform ul.form > li {
	position: relative;
}

.centerform ul.form > li > label {
	position: absolute;
	font-weight: 400;
	text-align: right;
	width: 18.75rem;
	left: -19.375rem;
	font-size: 1.125em;
	line-height: 1.75rem;
	vertical-align: middle;
	color: #333333;
	top: 50%;
	margin-top: -1.5625rem;
}

.centerform ul.form > li > label::after {
	content: '\e902';
	font-family: icomoon;
	font-size: 1.75em;
	line-height: 1.75rem;
	vertical-align: middle;
	color: #ff4e00;
	margin-left: 0.3125rem;
}

.centerform ul.form > li > div.group {
	width: 100%;
}

.centerform ul.form > li .formelement input[type=text] {
	border: 0.0625rem solid #ff4e00;
	width: 100%;
	padding: 1.25rem 1.5625rem;
	font-size: 1.25em;
	line-height: 1.5rem;
}

.centerform button[type=submit] {
	display: none;
}

.pageblock.contact .container {
	background: transparent url('images/map.png') 60% 0 no-repeat;
	background-size: cover;
	overflow: hidden;
}

.pageblock.contact .container .box {
	margin: 1.875rem;
	padding: 1.875rem;
	background: #ffffff;
	width: calc(50% - 3.875rem);
	border: 0.0625rem solid #888888;
}

.contactForm li input[type=text],
.contactForm li input[type=email] {
	width: 100%;
}

.contactForm li textarea {
	width: 100%;
	min-height: 12.5rem;
	height: 12.5rem;
	max-height: 31.25rem;
}

.reviewForm .rating {
	text-align: left;
	height: auto;
}

.reviewForm li textarea {
	width: 100%;
	min-height: 12.5rem;
	height: 12.5rem;
	max-height: 31.25rem;
}

.reviewForm > li.rating ul li {
	float: left;
	margin: 0;
	width: 3.75rem;
	margin-right: calc(25% - 4.6875rem);
}

.reviewForm > li.rating ul li:last-child {
	margin-right: 0;
}

.reviewForm > li.rating ul li label {
	display: block;
	cursor: pointer;
}

.reviewForm > li.rating ul li label::before {
	display: block;
	content: '\e905';
	font-family: 'icomoon';
	font-weight: 400;
	margin-right: 0.3125rem;
	vertical-align: middle;
	font-size: 3.75em;
	width: 3.75rem;
	height: 3.75rem;
	line-height: 3.75rem;

}

.reviewForm > li.rating ul li[data-key=verynegative] label::before {
	content: '\e924';
}

.reviewForm > li.rating ul li[data-key=negative] label::before {
	content: '\e926';
}

.reviewForm > li.rating ul li[data-key=neutral] label::before {
	content: '\e925';
}

.reviewForm > li.rating ul li[data-key=positive] label::before {
	content: '\e922';
}

.reviewForm > li.rating ul li[data-key=verypositive] label::before {
	content: '\e923';
}

.reviewForm > li.rating ul li input {
	display: none;
}

.reviewForm > li.rating ul li input:checked + label::before {
	color: #ff4e00;
}

.reviewForm > li.rating ul li[data-key=verynegative]:hover input + label::before,
.reviewForm > li.rating ul li[data-key=verynegative] input:checked + label::before {
	color: #e83310;
}

.reviewForm > li.rating ul li[data-key=negative]:hover input + label::before,
.reviewForm > li.rating ul li[data-key=negative] input:checked + label::before {
	color: #ff6600;
}

.reviewForm > li.rating ul li[data-key=neutral]:hover input + label::before,
.reviewForm > li.rating ul li[data-key=neutral] input:checked + label::before {
	color: #ffb300;
}

.reviewForm > li.rating ul li[data-key=positive]:hover input + label::before,
.reviewForm > li.rating ul li[data-key=positive] input:checked + label::before {
	color: #e8db00;
}

.reviewForm > li.rating ul li[data-key=verypositive]:hover input + label::before,
.reviewForm > li.rating ul li[data-key=verypositive] input:checked + label::before {
	color: #71db0e;
}

.reviewForm > li.rating .tiptop ul li[data-key=verynegative] label::before {
	content: '\e969';
}

.reviewForm > li.rating .tiptop ul li[data-key=verypositive] label::before {
	content: '\e96a';
}

.forgotPasswordForm > li.email input {
	width: 100%;
}

.registerForm input[type="text"] {
	width: 100%;
}

.registerForm div.companyType {
	margin-bottom: 1.875rem;
}

.registerForm div.companyType .radiolist > ul {
	display: flex;
}

.registerForm div.companyType .radiolist > ul > li {
	align-items: stretch;
	width: 100%;
	margin-right: 1.875rem;
	background: #ffffff;
}

.registerForm div.companyType .radiolist > ul > li label {
	display: block;
	padding: 1.875rem;
	border: 0.0625rem solid #bebebe;
	cursor: pointer;
	height: calc(100% - 3.75rem);
}

.registerForm div.companyType .radiolist > ul > li label em {
	display: inline-block;
	padding: 1.25rem 1.875rem;
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.375rem;
	border: none;
	border-radius: 0.3125rem;
	min-width: 3.75rem;
	text-transform: uppercase;
	text-align: center;
	color: #666666;
	background: #d2d2d2;
	cursor: pointer;
	transition: all 200ms ease-in-out 0s;
}

.registerForm div.companyType .radiolist > ul > li:last-child {
	margin-right: 0;
}

.registerForm div.companyType .radiolist > ul > li input[type=radio] {
	display: none;
}

.registerForm div.companyType .radiolist > ul > li input[type=radio]:checked + label {
	border: 0.0625rem solid #ff4e00;
}

.registerForm div.companyType .radiolist > ul > li input[type=radio]:checked + label em {
	color: #ffffff;
	background: #ff4e00;
}

.registerForm li.flags {
	display: none;
}

.registerForm li.flags.toggled {
	display: block;
}

.discussionForm div.message textarea {
	min-height: 10rem;
}

.discussionReplyForm div.message textarea {
	min-height: 10rem;
}

ul.shortlist li .pricerange {
	position: absolute;
	line-height: 1.25rem;
	top: 1.25rem;
	right: 23.125rem;
	text-align: left;
	width: 7.5rem;
	height: 1.5rem;
	overflow: hidden;
}

ul.shortlist li .pricerange::before {
	content: '\e93c';
	font-family: icomoon;
}

.pageblock.smallform .container {
	max-width: 50rem;
}

div.social {
	text-align: center;
	font-size: 0;
	margin-top: 1.875rem;
}

div.social div {
	display: inline-block;
	margin-right: 1.25rem;
}

div.social div:last-child {
	margin-right: 0;
}

div.social a {
	display: block;
	width: 3.4375rem;
	height: 3.4375rem;
	line-height: 3.4375rem;
	border-radius: 50%;
	background-color: #ff4e00;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

div.social a:hover {
	text-decoration: none;
	background-color: #e83310;
}

div.social a::before {
	content: '';
	font-family: icomoon;
	font-size: 1.875rem;
	line-height: 3.4375rem;
	vertical-align: middle;
}

div.social .twitter a::before {
	content: '\e956';
}

div.social .linkedin a::before {
	content: '\e955';
}

div.social .facebook a::before {
	content: '\e954';
}

div.columns2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;

	-webkit-column-gap: 2.5rem;
	-moz-column-gap: 2.5rem;
	column-gap: 2.5rem;
}

a.forgotpasswordlink {
	display: block;
	margin-top: 0.625rem;
}

.wizard .steps {
	text-align: center;
	font-size: 0;
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
}

.wizard .steps > * {
	display: inline-block;
	width: 0.625rem;
	height: 0.625rem;
	margin-right: 0.5rem;
	border-radius: 0.375rem;
	border: 0.0625rem solid #bebebe;
	background: #ffffff;
}

.wizard .steps > a {
	cursor: pointer;
}

.wizard .steps > *:last-child {
	margin-right: 0;
}

.wizard .steps .current {
	border: 0.0625rem solid #333333;
	background: #333333;
}

.wizard .steps .disabled {
	background: #eaeaea;
	cursor: auto;
}

ul.myprojectFilterForm.filterform > li.state {
	width: 18.75rem;
}

#companyRegisterWizard {
	width: 31.25rem;
	margin: 0 auto;
}

.popupwindow.invoice > .container > .scrollwrap > .content {
	width: 46.875rem;
	max-width: 100%;
}

.companyForm li {
	margin-bottom: 0.625rem;
}

.companyForm li .formelement input[type='radio'] {
	width: auto;
	margin-right: 0.625rem;
}

.productbox {
	border: 0.0625rem solid #888888;
	border-radius: 0.25rem;
	position: relative;
	margin: 3.125rem 0 0 0;
	height: calc(100% - 9.5rem);
	background: #ffffff;
	padding: 4.375rem 1.875rem 1.875rem 1.875rem;

	display: flex;
	flex-direction: column;
}

.infobox .productbox {
	border: 0;
	padding: 4.375rem 0 0 0;
}

.productbox .htmldescription {
	text-align: center;
	flex: 1 1 auto;
	/* height: calc(100% - 5.75rem); */
}

.productbox .htmldescription p {
	text-align: center;
}

.productbox .htmldescription ul,
.productbox .htmldescription ul li p {
	display: inline-block;
	text-align: left;
}

.productbox .icon {
	position: absolute;
	flex: none;
	left: calc(50% - 3.125rem);
	top: -3.125rem;
	border-radius: 50%;
	border: 0.0625rem solid #888888;
	width: 6.25rem;
	height: 6.25rem;
	background-color: #ffffff;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.productbox .pricing {
	border-top: 0.0625rem solid #888888;
	text-align: center;
	font-size: 1.75em;
	padding: 1.25rem;
	flex: 0 0 auto;
}

.productbox .pricing span {
	font-size: 50%;
}

.productbox .pricing span.old {
	position: relative;
}

.productbox .pricing span.old::before {
	position: absolute;
	content: '';
	transform: rotate(-20deg);
	top: 50%;
	height: 0;
	width: 110%;
	margin: 0 -5%;
	border-bottom: 0.06rem solid #e83310;
}

.productbox .buttonarea {
	flex: 0 0 auto;
}

.productbox .note {
	margin-top: 1.25rem;
	font-size: 0.75em;
}

.productbox .note p {
	text-align: center;
}

/*
.productbox .pricing {
	position: absolute;
	bottom: 1.875rem;
	width: calc(100% - 3.75rem);
}

.productbox .buttonarea {
	position: absolute;
	bottom: 1.875rem;
	width: calc(100% - 3.75rem);
}
*/

.productbox .icon.contract {
	background-image: url('images/icons/icon-contract.svg');
}

.productbox .icon.feedback {
	background-image: url('images/icons/icon-feedback.svg');
}

.productbox .icon.lock {
	background-image: url('images/icons/icon-lock.svg');
}

.productbox .icon.mismatch {
	background-image: url('images/icons/icon-mismatch.svg');
}

.productbox .icon.month {
	background-image: url('images/icons/icon-month.svg');
}

.productbox .icon.package {
	background-image: url('images/icons/icon-package.svg');
}

.productbox .icon.recruiter {
	background-image: url('images/icons/icon-recruiter.svg');
}

.productbox .icon.rock {
	background-image: url('images/icons/icon-rock.svg');
}

.productbox .icon.signup {
	background-image: url('images/icons/icon-signup.svg');
}

.productbox .icon.unlock {
	background-image: url('images/icons/icon-unlock.svg');
}

.productbox .icon.upgrade {
	background-image: url('images/icons/icon-upgrade.svg');
}

.productbox .icon.userlock {
	background-image: url('images/icons/icon-userlock.svg');
}

.productbox .icon img {
	border-radius: 50%;
	border: 0.0625rem solid #888888;
}

.productbox.banana {
	border-color: #ff4e00;
}

.productbox.banana .icon {
	border-color: #ff4e00;
}

#invoicerequest {
	z-index: 15000;
}

#invoicerequest .creditRequestForm ~ .columns {
	margin-top: 1.875rem;
}

#invoicerequest .creditRequestForm .comment textarea {
	min-height: 8rem;
}

#invoicerequest .creditRequestForm .formelement.product_top-credits {
	margin-bottom: 0;
}

.questioncall {
	opacity: 0;
	position: fixed;
	transform: rotate(4deg);
	right: 50%;
	margin-right: -37.5rem;
	top: 7rem;
	width: 10rem;
	height: 10rem;
	z-index: 200;
	line-height: 10rem;
	vertical-align: middle;
	border-radius: 50%;
	background: #ff4e00;
	box-shadow: 0.1875rem 0.1875rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
}

.sticked .questioncall {
	opacity: 1;
	transition: opacity ease-in-out 250ms;
}

.popupwindow .questioncall {
	opacity: 1;
	margin-right: -27.5rem;
}

.questioncall:hover {
	background: #e83310;
}

.questioncall p {
	display: inline-block;
	line-height: 1.8rem;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	margin-top: -0.8rem;
}

.questioncall p em {
	font-size: 1.5rem;
	display: inline-block;
}

.creditRequestForm > li.name > div.group .firstname {
	width: calc(50% - 0.5rem);
	margin-right: 1rem;
	margin-bottom: 0;
}

.creditRequestForm > li.name > div.group .lastname {
	width: calc(50% - 0.5rem);
	margin-bottom: 0;
}

.creditRequestForm li.product .group > :first-child {
	width: auto;
	min-width: 1.75rem;
	margin-right: 1rem;
}

.creditRequestForm li.product span.description {
	margin-left: 0.5rem;
}

.creditRequestForm li.product span.description em {
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.creditRequestForm li.product span.description em:hover {
	color: #ff4e00;
}

.creditRequestForm li.product span.description em::after {
	content: '\e903';
	font-family: icomoon;
	font-size: 1rem;
	width: 1rem;
	height: 1rem;
	line-height: 1.8rem;
	vertical-align: middle;
	margin-left: 0.25rem;
}

.creditRequestForm li.product span.description .toggled em::after {
	content: '\e906';
}

.creditRequestForm li.product span.description span.toggler span {
	display: none;
}

.creditRequestForm li.product span.description span.toggled span {
	display: block;
	margin-left: 2.5rem;
}

.creditRequestForm li.product .group > :nth-child(2) {
	width: calc(100% - 2.75rem);
}

.creditRequestForm li.product.top-credits .productCount_top-credits {
	width: 50%;
}

span.button {
	display: inline-block;
	padding: 1.25rem 1.875rem;
	font-family: 'Montserrat', 'Sans-serif';
	font-weight: 700;
	font-size: 1em;
	line-height: 1.375rem;
	text-decoration: none;
	border: none;
	border-radius: 0.3125rem;
	min-width: 3.75rem;
	text-transform: uppercase;
	text-align: center;
	color: #666666;
	background: #d2d2d2;
}

span.button.large {
	display: block;
	width: auto; /* fallback */
	width: calc(100% - 3.75rem);
}

#upgradewizard .proposition {
	margin: -1.875rem 0 1.875rem 1.925rem;
}

.contractUpgradeForm select,
.contractUpgradeForm input {
	width: 100%;
}

svg.graph {
	font-family: 'Roboto';
	font-size: 0.75rem;
}

.graph-grid path {
	stroke: #d2d2d2;
}

.graph-grid.grid-1 path {
	stroke: #333333;
}

.graph-data {
}

.graph-data path.line {
	stroke: #71db0e;
	filter: url(#dropshadow);
}

.graph-data .markers .marker {
	stroke: #71db0e;
	fill: #ffffff;
	cursor: pointer;
}

.graph-data .markers .tooltip {
	display: none;
	stroke: none;
	fill: #383838;
}

.graph-data.data-0 path.line {
	stroke: #ff4e00;
}

.graph-data.data-0 .markers .marker {
	stroke: #ff4e00;
}

.graph-data .markers .marker path {
	transform: scale(1, 1);
}

.graph-data .markers .marker:hover path {
	transform: scale(1.4, 1.4);
	stroke-width: 0.714;
}

.graph-data .markers .marker:hover .tooltip {
	font-weight: 400;
	display: block;
}

.graph-axis.axis-1 tspan {
	fill: #888888;
}

.graph-axis.axis-2 tspan {
	fill: #ff4e00;
}

.graph-axis.axis-3 tspan {
	fill: #71db0e;
}

div.statistics {
	margin-bottom: 1.875rem;
}

div.statistics div.legend {

}

div.statistics div.legend .title {
	display: block;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.25rem;
	margin-bottom: 1em;
	color: #333333;
}

div.statistics div.legend ul li {
	line-height: 1.5em;
}

div.statistics div.legend ul li::before {
	content: '';
	display: inline-block;
	width: 4rem;
	margin: 0 1rem 0.5rem 0;
	border-top: 0.0625rem solid #71db0e;
}

div.statistics div.legend ul li.graph-0::before {
	border-top: 0.0625rem solid #ff4e00;
}

div.statistics div.legend ul li.graph-1 {

}

div.usps {
	padding: 1.875rem 0;
}

div.usps .columns {
	margin-bottom: 1.875rem;
}

div.usps .htmldescription ul li,
div.usps .htmldescription ul.check li {
	margin-left: 2.5rem;
	padding: 1rem 0;
}

div.usps .htmldescription ul li::before,
div.usps .htmldescription ul.check li::before {
	content: '\e910';
	font-size: 1.25rem;
	text-align: center;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	margin-left: -2.5rem;
	color: #ffffff;
	margin-top: 0.25rem;
	border-radius: 50%;
	background: #71db0e;
}

div.usps .visual .example {
	width: 30rem;
	height: 30rem;
	margin: 0 auto;
}

div.usps .visual .example img {
	object-fit: contain;
	object-position: top;
	width: 100%;
	height: 100%;
}

@-moz-document url-prefix() {
	div.actionbar.personal .notice {
		width: calc(100% - 9.666rem);
	}
}

@media only screen and (min-width: 120em) { /* 1920 */
	html {
		/* font-size: 120%; */
	}
}

@media only screen and (max-width: 106.25em) {  /* 1700 */
	#advertisement {
		display: none;
	}
}

@media only screen and (max-width: 77.5em) { /* 1240 */
	#mainbar ul.items {
		margin-right: 1.25rem;
	}

	.homesearch .search label {
		position: relative;
		left: 0;
	}

	.homesearch .autocomplete.suggested {
		bottom: calc(100% - 1.75rem);
	}

	.homesearch .search label::after {
		content: none;
	}

	.pager > .pages {
		width: calc(100% - 22.5rem);
	}

	.pager > .pages a {
		padding: 1.25rem 1rem;
		min-width: 1rem;
	}

	.pager > .pages a:last-child {
		margin-right: 0;
	}

	.pager > .pages span.more {
		padding: 1.25rem 1rem;
	}

	.pager > .button {
		padding: 1.25rem 1rem;
		min-width: 0;
	}

	.companyForm.definition {
		width: 32rem;
	}

	/*
	#menu {
		margin-right: 0;
	}

	#notificationcenter {
		margin-right: 2.5rem;
	}
	*/
	.container {
		width: calc(100% - 2.5rem);
		margin: 0;
		padding: 0 1.25rem;
	}

	.pageblock.small .container {
		margin:0 auto;
	}

	.popupwindow .close {
		right: 1.5625rem;
	}

	.headoverlay .container {
		padding: 0;
	}

	.questioncall {
		margin-right: 0;
		right: 1.875rem;
	}

	.columns.column4 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.columns.column4 > * {
		-webkit-flex: 1 0 calc(50% - 0.46875rem);
		-ms-flex: 1 0 calc(50% - 0.47rem);
		flex: 1 0 calc(50% - 0.46875rem);
		max-width: calc(50% - 0.47rem);
	}

	.columns.column4 > *:nth-child(2n) {
		margin-right: 0;
	}

	.companycardlist li:nth-child(3n) {
		margin-right: 1.875rem;
	}
}

@media only screen and (max-width: 64em) { /* 1024 */
	.touchevents ul.listing > li .box > :first-child > span.title {
		line-height: 1.25rem;
		font-weight: 700;
		flex: 0 1 100%;
		margin-bottom: 1rem;
	}

	.touchevents ul.listing > li > .box > :first-child {
		padding: 1rem 0;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.employmentProfileForm .input.editgroup.cards li {
		float: none;
		width: auto;
		margin-right: 0;
	}

	#projectview .mustlogin {
		float: none;
		display: block;
		margin-left: 0;
		margin-bottom: 1.875rem;
	}

	#projectview .companycard {
		float: none;
		display: block;
		margin-left: 0;
		margin-bottom: 1.875rem;
	}

	ul.form.userBaseForm.right {
		float: none;
		margin-bottom: 1.875rem;
	}

	ul.form.userBaseForm li.profileimage {
		padding-bottom: 1.875rem;
	}

	ul.form.userBaseForm li.profileimage label {
		float: left;
		text-align: left;
		width: 12.5rem;
		margin-right: 1.25rem;
	}
}

@media only screen and (max-width: 60em) { /* 960 */
	.homesearch {
		margin: 5rem auto;
	}

	.homepage .imagebox {
		min-height: 25.5rem;
	}

	.homesearch h1 {
		font-size: 1.5rem;
		line-height: 2rem;
		margin: 0 0 2.5rem 0;
	}

	#mainbar .faqlink {
		display: none;
	}

	div.barmenu ul li a span:not(.icon) {
		display: none;
	}

	div.barmenu ul li a {
		padding: 1.1875rem 0;
	}

	ul.form.right {
		position: relative;
		right: auto;
		margin-bottom: 1.875rem;
	}

	.userBaseForm.right {
		width: 18rem;
	}

	.companyForm.right {
		max-width: 22.5rem;
	}

	.companyForm.definition {
		width: auto;
	}

	.userBaseForm.definition {
		width: auto;
	}

	.changeEmailForm.definition {
		width: auto;
	}

	.columns.companyinfo {
		display: block;
	}

	.columns.companysocial {
		display: block;
	}

	ul.tweets {
		max-height: none;
		overflow: auto;
	}

	.projectForm .duration .group .durationRangeFrom {
		width: 40%;
	}

	.projectForm .duration .group .durationType {
		width: calc(60% - 1rem);
		margin-right: 0;
	}

	.projectForm .duration .group .durationExtendable {
		width: 100%;
		clear: left;
	}
}

@media only screen and (max-width: 48em) { /* 768 */
	/*
	.container {
		width: calc(100% - 2.5rem);
		margin: 0;
		padding: 0 1.25rem;
	}
	*/
	/*
	#mainbar ul.items li.notificationcenter span:first-child {
		display: none;
	}
	*/
	ul.form > li > label {
		float: none;
		font-weight: 700;
		width: 100%;
	}

	ul.form > li > :nth-child(2) {
		float: none;
		width: 100%;
	}

	ul.form > li > .group {
		width: 100%;
	}

	ul.form > li .formelement input {
		width: 100%;
	}

	ul.form > li .formelement select {
		width: 100%;
	}

	ul.form > li .formelement .input.radiolist input {
		width: auto;
	}

	ul.form.projectForm > li > .group {
		width: 100%;
	}

	.userBaseForm li.profileimage label {
		text-align: left;
	}

	.companyProfileForm li.companylogo label,
	.companyForm li.companylogo label {
		text-align: left;
	}

	ul.form.filterform > li {
		float: none !important;
		width: auto !important;
		margin-right: 0;
	}

	div.columns2 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;

		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}

	#employmentprofileform .infobox .columns .information {
		margin-right: 0;
	}

	#employmentprofileform .infobox .columns .avatarcolumn {
		display: none;
	}

	.linkcloud .tags {
		column-count: 2;
	}

	.columns.column4 > * {
		max-width: none;
	}

	.useractions.columns {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.useractions.columns.column4 {
		-webkit-flex-wrap: initial;
		-ms-flex-wrap: initial;
		flex-wrap: initial;
	}

	.useractions.columns.column4 > .column {
		-webkit-flex: 0 1 calc(25% - 0.375rem);
		-ms-flex: 0 1 calc(25% - 0.375rem);
		flex: 1 0 calc(25% - 0.375rem);
		margin-right: 0.5rem;
		max-width: none;
		width: auto;
	}

	/*
	.useractions.columns.column4 > .column:last-child {
		margin-right: 0;
	}
	*/

	.useractions.columns > .column {
		margin-right: 0.9375rem;
		margin-bottom: 0;
	}

	.useractions.columns > .column:last-child {
		margin-right: 0;
	}

	.useractions.columns > .column button,
	.useractions.columns > .column a.button {
		min-width: 0;
		max-width: none;
		width: 100%;
		white-space: initial;
		padding: 1rem 0rem;
		font-size: 0.7em;
	}

	.useractions.columns > .column a.button::before {
		display: block;
		height: 1.75rem;
	}

	.companyvideo {
		float: none;
		margin: 0 auto 1.875rem auto;
		width: 100%;
	}

	.pageblock.contact .container .box {
		width: calc(70% - 3.875rem);
		margin: 1rem 0rem;
		padding: 1rem;
	}

	.pageblock.contact .container .box p {
		text-align: left;
	}

	ul.listing > li > .box {
		line-height: 2rem;
	}

	.touchevents ul.listing > li > .box {
		padding-right: 1.5625rem;
	}

	ul.listing > li > .box > :first-child {
		display: block;
		padding: 0.875rem 0;
	}

	ul.listing > li .box > :first-child > span.title {
		display: block;
		width: auto;
		overflow: visible;
		white-space: normal;
		line-height: inherit;
		font-weight: 700;
	}

	ul.listing > li .actions {
		display: block;
		height: 7.75rem;
		max-width: 18.75rem;
		opacity: 1;
	}

	ul.listing > li .actions a {
		display: block;
		border-bottom: 0.0625rem solid #bebebe;
	}

	ul.listing > li .actions a:last-child {

	}

	ul.projects li .company {
		width: calc(100% - 1.875rem);
	}

	ul.reviews > li > .box .rating {
		display: none;
	}

	ul.listing.invoices li .date {
		text-align: left;
	}

	ul.employments > li > .box:nth-child(2) {
		padding-top: 3.875rem;
		width: calc(100% - 8.25rem);
	}

	ul.employments .pickrole {
		display: block;
		clear: both;
		width: calc(100% - 9.125rem);
		right: 4rem;
	}

	ul.employments > li .actions {
		right: 0;
	}

	.infobox.minimized .projectinfo .properties li.poster {
		display: none;
	}

	.infobox.minimized .projectinfo .properties li.company {
		display: none;
	}

	.projectinfo .properties li.poster {
		float: none;
		text-align: left;
	}

	.projectinfo .properties li.poster > span.name {
		display: inline-block;
	}

	.projectinfo .properties li.company {
		float: none;
		text-align: left;
	}

	.projectinfo .properties li.company > span.name {
		display: inline-block;
	}

	.footer a.linkhome {
		float: none;
		display: block;
		margin: 0 auto;
		width: 20rem;
		margin-bottom: 0.625rem;
	}

	.footer ul.links {
		float: none;
		clear: both;
	}

	/*
	.footer ul.links li {
		width: 50%;
		margin-right: 0;
	}

	.footer ul.links li:nth-child(2n + 1) {
		text-align: left;
	}

	.footer ul.links li:nth-child(2n) {
		text-align: right;
	}
	*/

	.footer .content {
		clear: both;
	}

	.footer .copyright {
		line-height: 1.75rem;
	}
}

@media only screen and (max-width: 43.125em) { /* 690 */
	/*
	#mainbar .logo {
		width: 11.4rem;
		height: 1rem;
		padding: 1.5625rem 0;
	}
	*/

	img {
		max-width: 100%;
	}

	#mainbar .logo {
		width: 9.12rem;
		height: 0.8rem;
		width: 11.4rem;
		height: 1rem;
		padding: 1.5625rem 0;
	}

	#mainbar .logo span.beta {
		display: none;
	}

	.homesearch {
		width: 100%;
	}

	.homesearch h1 {
		margin-bottom: 2rem;
	}

	.pageblock.widgets.feedback {
		display: none;
	}

	.workflow .steps li {
		float: left;
		margin: 0 1rem 2rem 0;
		width: calc(33% - 0.66rem);
		max-width: 15rem;
	}

	.workflow .steps li:last-child {
		margin: 0 auto;
	}

	.workflow .steps li .description {
		padding: 1rem 0 0 0;
		line-height: 1.125rem;
		white-space: normal;
	}

	.workflow .steps li .image span.arrow {
		display: none;
	}

	div.columns {
		display: block;
	}

	div.columns > .column {
		margin-right: 0;
		margin-bottom: 0.9375rem;
		overflow: visible;
	}

	div.columns.column2 > * {
		width: 100%;
		flex: 0 1 100%;
	}

	.usp .columns > .photo {
		max-width: 100%;
		width: 100%;
		flex: 0 1 100%;
	}

	.usp .columns > .photo .sideimage {
		margin: 0 auto;
	}

	.usp .columns > .text {
		width: 100%;
		flex: 0 1 100%;
	}

	#projectview div.columns.actions {
		display: -webkit-flex;
		display: flex;
	}

	#projectview div.columns.actions > .column {
		margin-right: 0.9375rem;
	}

	.projectapplication .applicationMessage::after {
		left: calc(50% - 0.883rem);
	}

	.employmentProfileForm .matchExpertise .checkboxlist .group {
		float: none;
		width: 100%;
	}

	.infobox > .head {
		-ms-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.infobox > .head h1,
	.infobox > .head h2,
	.infobox > .head h3 {
		white-space: normal;
	}

	.testimonial {
		margin-top: 4rem;
	}

	.companyinfo .avatarcolumn {
		width: 100%;
	}

	.companyinfo .avatarcolumn img {
		display: block;
		width: 50%;
	}

	#quickactions div.columns {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.customerpreview ul.logos li {
		width: calc(50% - 3.75rem);
	}

	.pageblock.cta a.button,
	.pageblock.register a.button {
		margin: 0 1.25rem;
	}

	div.tabstrip.submenu ul {
		display: block;
	}

	div.tabstrip.submenu li {
		display: block;
	}

	div.tabstrip.submenu ul:not(.toggled) li:not(.active) {
		display: none;
	}

	div.tabstrip.submenu ul:not(.toggled) li.active a::after {
		display: inline-block;
		content: '\e903';
		font-family: icomoon;
		font-size: 1.25rem;
		line-height: 1.5rem;
		vertical-align: middle;
		margin-left: 0.3125rem;
		color: #ff4e00;
	}

	div.tabstrip.submenu ul:not(.toggled) li.active:after {
		border: 0.75rem solid rgba(255, 255, 255, 0);
		border-top: 0.75rem solid #ff4e00;
		margin-left: -0.75rem;
	}

	div.tabstrip.submenu ul li::after {
		content: none;
	}

	.pager > .button {
		padding: 0.75rem 0;
		min-width: 0;
	}

	.pager > .first {
		margin-right: 0.5rem;
	}

	.pager > .previous {
		margin-right: 0.5rem;
	}

	.pager > .pages {
		width: calc(100% - 12.5rem);
	}

	.pager > .pages a {
		padding: 0.75rem 0.5rem;
	}

	.pager > .pages span.more {
		display: none;
	}

	.pager > .next {
		margin-left: 0.5rem;
	}

	.pager > .last {
		margin-left: 0.5rem;
	}

	/*
	div.tabstrip.submenu ul.toggled li {
		border-bottom: 0.25rem solid #ffffff;
	}
	*/
	/*
	div.tabstrip.submenu ul.toggled li:last-child {
		border-bottom: 0.25rem solid #666666;
	}
	*/
	/*
	div.tabstrip.submenu ul.toggled li.active::after {
		content: none;
	}

	div.tabstrip.submenu ul.toggled li:last-child::after {
		content: '';
		border: 0.75rem solid rgba(255, 255, 255, 0);
		border-top: 0.75rem solid #ff4e00;
		margin-left: -0.75rem;
	}
	*/
	ul.bloglist {
		display: block;
	}

	.multi ul.bloglist li {
		float: none;
		width: auto;
		margin-right: 0;
	}

	/*
	div.tabstrip ul li {
		font-size: 80%;
	}
	*/
	table.usernotifications {
		width: auto;
	}

	.applicantStateForm .input.radiolist.boxed li {
		margin: 0 0 0.5625rem 0;
		float: none;
		width: auto;
	}

	/*
	.pickapplicant .dropdown span.name em {
		display: block;
	}
	*/
	.applicantStateForm .input.radiolist.boxed li:last-child {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 37.5em) {
	/* 600 */
	.container {
		width: auto;
		margin: 0;
		padding: 0 0.625rem;
	}

	.popupwindow > .container {
		padding-top: 1.5625rem;
	}

	.popupwindow > .container::before {
		content: none !important;
	}

	.popupwindow > .container > .scrollwrap {
		height: calc(100vh - 12.1875rem);
	}

	div.tabstrip ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	div.tabstrip {
		margin: 0 -0.625rem 1.875rem -0.625rem;
	}

	.homepage .imagebox::before {
		content: none;
	}

	.homesearch {
		background: none;
		box-shadow: none;
	}

	.homesearch .result a.button {
		white-space: normal;
	}

	/*
	div.tabstrip ul li a span {
		font-size: 0.8rem;
	}
	*/
	.projectTypeForm .input.radiolist.boxed > ul > li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}

	.projectTypeForm .input.radiolist.boxed > ul > li:last-child {
		margin-bottom: 0;
	}

	ul.form.matchfilter-v2 .input.multiselect {

	}

	ul.form.matchfilter-v2 > li > :nth-child(2) {
		width: 100%;
	}

	ul.form.matchfilter-v2 .input.multiselect .selected span.option {
		display: none;
	}

	ul.form.matchfilter-v2 .input.multiselect span.selected span.option.selected {
		display: block;
	}

	ul.form.matchfilter-v2 .input.multiselect div.selected {
		display: none;
	}

	ul.form.matchfilter-v2 .input.multiselect div.options {
		display: block;
		z-index: 100;
		position: relative;
		padding: 0;
		border: 0;
		box-shadow: none;
	}

	ul.form.matchfilter-v2 .input.multiselect div.options .close {
		display: none;
	}

	ul.form.matchfilter-v2 .input.multiselect div.options .optgroup {
		margin: 0 0 1.4rem 2.2rem;
	}

	ul.form.matchfilter-v2 .input.multiselect .options h2 {
		display: none;
	}

	ul.form.matchfilter-v2 .input.multiselect .options h3 {
		clear: both;
	}

	ul.form.matchfilter-v2 .input.multiselect.toggled .selected {

	}

	ul.form.matchfilter-v2 .input.multiselect.toggled .options {
		display: block;
	}

	ul.form.matchfilter-v2 .input.multiselect.labeled span.option {
		position: relative;
		padding: 0.6rem 1rem;
		border-radius: 0.25rem;
		background: #f2f2f2;
		color: #666666;
		cursor: pointer;
		margin: 0 0.8rem 0.6rem 0;
	}

	ul.form.matchfilter-v2 .input.multiselect .selected span.option {
		display: none;
		float: left;
	}

	ul.form.matchfilter-v2 .input.multiselect .selected span.option.selected {
		display: inline-block;
		background: #55cdf2;
		color: #ffffff;
	}

	ul.form.matchfilter-v2 .input.multiselect.labeled .options span.option {
		display: inline-block;
	}

	ul.form.matchfilter-v2 .input.multiselect.labeled .options > span.option {
		margin-bottom: 2rem;
	}

	ul.form.matchfilter-v2 .input.multiselect.labeled .options span.option.selected {
		background: #55cdf2;
		color: #ffffff;
	}

	ul.form.matchfilter-v2 .input.multiselect.checkboxed .selected span.option {
		position: relative;
		padding: 0.6rem 1rem;
		border-radius: 0.25rem;
		background: #333333;
		color: #ffffff;
		cursor: pointer;
		margin: 0 0.8rem 0.6rem 0;
	}

	ul.form.matchfilter-v2 .input.multiselect.checkboxed .options span.option {
		display: block;
		float: left;
		line-height: 1.75rem;
		padding-left: 2.2rem;
		position: relative;
		margin-bottom: 0.5rem;
		min-width: 21rem;
		max-width: 25%;
		cursor: pointer;
	}

	ul.form.matchfilter-v2 .input.multiselect.checkboxed .options span.option::before {
		font-family: icomoon;
		display: block;
		content: '';
		position: absolute;
		color: #ff4e00;
		font-size: 1.4375em;
		text-align: center;
		width: 1.625rem;
		height: 1.625rem;
		line-height: 1.4375rem;
		left: 0;
		border-radius: 0.25rem;
		border: 0.0625rem solid #d2d2d2;
		background-color: #ffffff;
	}

	ul.form.matchfilter-v2 .input.multiselect.checkboxed .options span.option.selected::before {
		content: '\e910';
	}

	ul.form.matchfilter-v2 {
		box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3);
		border-radius: 0.25rem;
	}

	ul.form.matchfilter-v2 > li {
		position: relative;
		background: #ffffff;
		border-radius: 0.25rem;
		padding: 0.5rem 1.875rem;
		line-height: 1.25rem;
		border-bottom: 0.0625rem solid #d2d2d2;
		margin-bottom: 0;
		/* margin-bottom: 0.625rem; */
		/* box-shadow: 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.3); */
	}

	/*
	ul.form.matchfilter-v2 > li:last-child {
		margin-bottom: 1.875rem;
	}
	*/
	ul.form.matchfilter-v2 > li > label {
		display: block;
		float: none;
		width: auto;
		font-weight: 400;
		margin: 0 0 0 2.375rem;
		cursor: pointer;

		font-family: 'Roboto', 'Sans-serif';
		font-weight: 400;
		font-size: 1em;
		line-height: 1.25rem;
		color: #333333;
	}

	ul.form.matchfilter-v2 > li > label::before {
		content: '\e903';
		font-family: icomoon;
		display: inline-block;
		color: #333333;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		font-size: 1.75em;
		font-weight: 400;
		width: 1.75rem;
		vertical-align: text-bottom;
		margin: 0 0.625rem 0 -2.375rem;
		transition: all 200ms ease-in-out;
	}

	ul.form.matchfilter-v2 > li.toggled > label {
		font-weight: 700;
	}

	ul.form.matchfilter-v2 > li.toggled > label::before {
		color: #ff4e00;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	ul.form.matchfilter-v2 > li > div.group {
		display: none;
		margin-top: 1em;
	}

	ul.form.matchfilter-v2 > li.toggled > div.group {
		display: block;
	}

	ul.form.matchfilter-v2 + button[type=submit] {
		/* display: block; */
	}

	.rssfeed {
		right: 0.625rem;
		top: 2.25rem;
	}

	#useractions-wrapper {
		display: block;
	}

	#filterform {
		display: block;
		position: fixed;
		top: 100vh;
		width: 100%;
		height: calc(100vh - 4.625rem);
		z-index: 5000;
		background-color: #ffffff;
		transition: top 500ms ease-in-out;
	}

	#filterform > .container {
		position: relative;
		height: calc(100vh - 14.625rem);
		overflow-y: scroll;
		padding-bottom: 10rem;
	}

	.ios #filterform > .container {
		height: calc(100% - 18.625rem);
		padding-bottom: 14rem;
		-webkit-overflow-scrolling: touch;
	}

	#filterform #resetfilter {
		float: right;
	}

	body.showfilter #filteractions {
		display: block;
		opacity: 1;
		position: fixed;
		width: calc(100% - 2.25rem);
		box-sizing: border-box;
		bottom: 1rem;
		z-index: 1000;
		transition: opacity 500ms ease-in-out;
	}

	body.showfilter #closefilter {
		display: block;
	}

	body.showfilter {
		position: fixed;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}

	body.showfilter #filterform {
		top: 4.625rem;
		transition: top 500ms ease-in-out;
	}

	#filteractions.columns {
	}

	#filteractions.columns .filterclear {
		float: left;
		width: calc(50% - 0.46875rem);
		margin-right: 0.9375rem;
	}

	#filteractions.columns .filterclear a {
		display: block;
	}

	#filteractions.columns .filtersave {
		float: left;
		width: calc(50% - 0.46875rem);
	}

	#filteractions.columns .filtersave:first-child {
		width: 100%;
	}

	#filteractions.columns .filtersave a {
		display: block;
	}

	#filteractions.columns .filtertoggle {
		display: block;
		clear: both;
		width: 100%;
	}
}

@media only screen and (max-width: 32em) { /* 512 */
	html {
		font-size: 90%;
	}

	.pageblock.recruiterawards {
		text-align: center;
	}

	.pageblock.recruiterawards .logo {
		display: block;
		margin: 0 auto;
	}

	.pageblock.recruiterawards a.button {
		display: block;
		margin: 0 auto;
	}

	p {
		text-align: left;
	}

	.headoverlay {
		width: 100%;
	}

	.headoverlay .container {
		width: 100%;
		top: 4.125rem;
		margin: 0 -0.625rem;
	}

	.headoverlay .container::before {
		content: none;
	}

	.homesearch .search label {
		display: none;
	}

	.homesearch .autocomplete.suggested {
		bottom: 100%;
	}

	.homesearch .result .freelancer::before {
		content: none;
	}

	.homesearch .result .freelancer .count {
		margin-left: 0;
		text-align: center;
	}

	.homesearch .result .freelancer .text {
		margin-left: 0;
		text-align: center;
	}

	.homesearch .result .project::after {
		content: none;
	}

	.homesearch .result .project .count {
		margin-right: 0;
		text-align: center;
	}

	.homesearch .result .project .text {
		margin-right: 0;
		text-align: center;
	}

	.linkcloud .tags {
		column-count: 1;
	}

	.pageblock.cta p,
	.pageblock.register p {
		text-align: center;
		line-height: 1.8em;
	}

	#companyRegisterWizard {
		width: auto;
	}

	a.userinvite {
		display: block;
		width: auto;
		width: calc(100% - 3.75rem);
	}

	table.summary.invoice .period {
		display: none;
	}

	#menu,
	#notificationcenter {
		margin-right: 0;
	}

	.properties > ul > li span.name,
	.properties > ul > li label {
		display: inline-block;
		width: 9rem;
	}

	.properties > ul > li span.value {
		display: inline-block;
	}

	.properties > ul > li.company .value {
		height: auto;
	}

	.properties > ul > li.company .value a {
		display: block;
		margin: 0;
	}

	.pageblock.contact .container .box {
		width: auto;
	}

	.companyProfileForm .input.attachmentupload.media,
	.companyForm .input.attachmentupload.media {
		width: 17.75rem;
		height: 8.875rem;
	}

	.companyProfileForm .input.attachmentupload.media .browse::before,
	.companyForm .input.attachmentupload.media .browse::before {
		line-height: 8.875rem;
	}

	.footer a.linkhome {
		width: 100%;
	}

	div.actionbar .avatar {
		display: none;
		/*
		float: none;
		display: inline-block;
		margin: 0 auto;
		*/
	}

	div.actionbar.personal .notice {
		width: calc(100% - 4.625rem);
		margin-left: 0;
		min-height: 0;
	}

	div.actionbar.personal .notice::before {
		display: none;
		content: none;
		/*
		position: absolute;
		display: block;
		top: -0.4375rem;
		left: 1.4375rem;
		*/
	}

	div.personal.actionbar .close {
		top: 0.875rem;
	}

	.companyProfileForm .input.editgroup .references_name {
		float: none;
		width: auto;
		margin-right: 0;
	}

	.companyProfileForm .input.editgroup .references_company {
		float: none;
		width: auto;
		margin-right: 0;
	}

	.companyProfileForm .input.editgroup .references_job {
		float: none;
		width: auto;
		margin-right: 0;
	}

	.companyProfileForm .input.editgroup .references_quote {
		float: none;
		width: auto;
		margin-right: 0;
	}

	.companyProfileForm .input.editgroup .references_logo {
		float: none;
		width: auto;
		margin-right: 0;
	}

	.conversation ul.messages > li .avatar {
		display: none;
	}

	.conversation div.new .content::before {
		content: none;
	}

	.conversation div.new .content textarea {
		min-height: 3.875rem;
	}

	.employmentProfileForm li.rate div.group .rate_from {
		width: calc(50% - 0.25rem);
	}

	.employmentProfileForm li.rate div.group .rate_to {
		width: calc(50% - 0.25rem);
		margin-right: 0;
	}

	.employmentProfileForm li.rate div.group .range {
		margin-bottom: 0.5rem;
	}

	.employmentProfileForm li.rate div.group .range::after {
		content: '';
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
	}

	.employmentProfileForm li.rate div.group .rateType {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 25.875em) { /* 414 */
	html {
		font-size: 80%;
	}

	/*
	#menu ul li > a,
	#menu ul li > span {
		padding: 1.15rem 1.875rem;
	}
	*/
	#mainbar ul.items {
		margin-right: 0;
	}

	.infobox {
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		margin: 0 -0.625rem 0.9375rem -0.625rem;
	}

	.infobox.edit {
		border-radius: 0;
	}

	.infobox > .head {
		padding: 1.25rem 1rem;
	}

	.infobox > .content {
		padding: 1rem;
	}

	.infobox:not(.minimized) > .content {
		min-height: 3rem;
	}

	.projectinfo .properties li.poster {
		width: 100%;
		text-align: center;
	}

	.projectinfo .properties li.poster > span.name {
		display: none;
	}

	.projectinfo .properties li.company {
		width: 100%;
		text-align: center;
	}

	.projectinfo .properties li.company > span.name {
		display: none;
	}


	button[type=submit], input[type=submit], a.button {
		white-space: normal;
	}

	ul.listing > li > .box {
		-webkit-box-shadow: 0 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.3);
		box-shadow: 0 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.3);
	}

	.testimonial {
		-webkit-box-shadow: 0 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.3);
		box-shadow: 0 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.3);
	}

	ul.bloglist li {
		-webkit-box-shadow: 0 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.3);
		box-shadow: 0 0.08rem 0.08rem 0 rgba(0, 0, 0, 0.3);
	}

	/*
	.horizontalseparator > *::before {
		content: none;
	}

	.horizontalseparator > *::after {
		content: none;
	}
	*/
	/*
	button[type=submit].large {
		margin: 0 1rem;
		width: calc(100% - 2rem);
	}
	*/
	.employmentInviteForm .users .editgroup li .users_email {
		width: calc(100% - 1.25rem);
	}

	.employmentInviteForm .users .editgroup li a.action {
		position: relative;
		float: left;
		top: 50%;
		right: 0;
		margin-top: 0.46875rem;
	}
}

@media only screen and (max-width: 23.4375rem) { /* 375 */
	#mainbar .logo {
		width: 1.5rem;
		height: 2.4375rem;
		padding: 1.1875rem 0 0.5rem;
	}
}