/**
* CTAs > Select user space
*/
.select-user-space {
	position: relative;
	display: flex;
    height: 100%;
}

.select-user-space > li {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.select-user-space > li > a,
.select-user-space > li > a:hover {
	text-transform: none;
	font-family: var(--special-font-bold);
	color:var(--page-color-text);
	font-size: 18px;
	line-height: 22px;
	min-width: 180px;
	min-height: 42px;
	border:1px solid;
	border-radius: 21px;
	padding-left:15px;
	padding-right: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.select-user-space > li > a.space_297,
.select-user-space > li > a.space_297:hover {
	font-size: 14px;
	line-height: 16px;
	padding-right: 30px;
	padding-left: 7px;
	min-width: 200px!important;
}

.select-user-space > li > a.space_295,
.select-user-space > li > a.space_295:hover {
	color:var(--color_2);
}

.select-user-space > li > a:after {
	content:'';
	display: block;
	position: absolute;
	height: 20px;
	width: 20px;
	right:15px;
	top:51%;
	transform: translateY(-50%);
	background-image:var(--chevron-down-1);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.candidate-space .select-user-space > li > a:after {
	background-image:var(--chevron-down-wht);
}

.select-user-space .sub-menu {
	position: absolute;
	z-index: 2;
	left:0;
	top: calc(100% - 8px);
	width: 100%;
	padding: 0 25px;
	color:var(--color_1);
	background-color: var(--color_2);
	font-family: var(--content-font);
	border-radius: 5px;
	opacity: 0;
	pointer-events: none;
	height: 0;
	overflow: hidden;
	transition: all .3s;
}

.select-user-space > li:hover .sub-menu {
	transform: translateY(0);
	opacity: 1;
	pointer-events: all;
	height: 126px;
	overflow: auto;
}

.select-user-space .sub-menu li a {
	display: block;
	text-align: center;
	font-family: var(--content-font);
	font-size: 14px;
	line-height: 17px;
	padding:12px;
	border-bottom: 1px solid var(--color_8-5);
	transition: all .3s;
}

.select-user-space .sub-menu li a:hover {
	color:var(--color_3);
	color:var(--page-color-background);
}

.select-user-space .sub-menu li:last-child a {
	border-bottom: unset;
}

/**
* Main menu
*/ 
.candidate-space nav#main-menu div ul li.current_page_item a,
.candidate-space nav#main-menu div ul li a:hover {
	color:var(--color_2);
}

/**
* Page content
*/
.candidate-space {
    background-color: var(--color_7);
}

@media (max-width:1200px) {

	.select-user-space > li > a,
	.select-user-space > li > a:hover {
		font-size: 15px;
		line-height: 18px;
		min-width: 170px;
		min-height: 38px;
		padding-left: 15px;
		padding-right: 35px;
	}

}

@media (max-width:992px) {

	/**
	* Modal > Select user space
	*/
	.select-user-space {
		width: 100%;
		justify-content: center;
	}

	.select-user-space > li > a,
	.select-user-space > li > a:hover {
		text-transform: none;
		font-family: var(--special-font-bold);
		color:var(--page-color-text);
		width: 100%;
		min-height: 32px;
		border:1px solid;
		border-radius: 16px;
		padding-left:15px;
		padding-right: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		min-width: 300px;
		font-size: 16px;
		line-height: 20px;
	}

	.candidate-space .select-user-space > li > a, 
	.candidate-space .select-user-space > li > a:hover {
		color:var(--page-color-text);
	}

	.candidate-space .select-user-space > li > a:after {
		background-image: var(--chevron-down-1);
	}

}

@media (max-width:600px) {
	.select-user-space > li > a,
	.select-user-space > li > a:hover {
		min-width: 180px;
		font-size: 14px;
		line-height: 18px;
	}

	.select-user-space > li > a:after {
		height: 15px;
		width: 15px;
		right:10px;
		top:52%;
	}
}

#block_bad85fd1c11ea2991e16dffd3f312ee1:not(.blob),
.is-root-container.use_space_style .blob .background-mask {
	background-color: var(--page-color-background)!important;
}

.is-root-container.use_space_style .section-title-wrapper:after {
	background-color: var(--page-color-background)!important;
}

.is-root-container.use_space_style .blob .section-title-wrapper:after {
	background-color: var(--page-color-active)!important;
}