/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;500&display=swap);

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

details,
main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	color: #666;
	text-decoration: none;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

img {
	border-style: none;
	max-width: 100%
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: ButtonText dotted 1px;
}

fieldset {
	padding: .35em .75em .625em;
}

legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}


[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

summary {
	display: list-item;
}

[hidden],
template {
	display: none;
}

/* @font-face {
	font-family: Gilroy;
	src: url(../fonts/Gilroy-Semibold.eot);
	src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url(../fonts/Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Semibold.woff2) format("woff2"), url(../fonts/Gilroy-Semibold.woff) format("woff"), url(../fonts/Gilroy-Semibold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: Gilroy;
	src: url(../fonts/Gilroy-Medium.eot);
	src: local("Gilroy Medium"), local("Gilroy-Medium"), url(../fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Medium.woff2) format("woff2"), url(../fonts/Gilroy-Medium.woff) format("woff"), url(../fonts/Gilroy-Medium.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Gilroy;
	src: url(../fonts/Gilroy-Bold.eot);
	src: local("Gilroy Bold"), local("Gilroy-Bold"), url(../fonts/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Gilroy-Bold.woff2) format("woff2"), url(../fonts/Gilroy-Bold.woff) format("woff"), url(../fonts/Gilroy-Bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal;
} */

*,
:after,
:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	background: #fafafa;
	/* font-family: gilroy, sans-serif; */
}

.w {
	max-width: 1220px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 100%
}

@media (min-width:768px) {
	.sm-only {
		display: none !important;
	}
}

@media (max-width:767px) {
	.sm-hide {
		display: none !important;
	}
}

body {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;

}

.lead {
	font-size: 14px;
	font-weight: 600;
}

button,
input,
textarea {
	/* font-family: gilroy, sans-serif; */
}

body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.iph {
	position: relative;
}

.btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;
	border: 0;
}

.btn--reg {
	height: 48px;
	padding: 0 23px;
	/* font-family: gilroy, sans-serif; */
	font-size: 15px;
	/* font-weight: 300; */
}

.btn--primary {
	background: #1c339d;
	color: #fff;
}

.btn--white {
	background: #fff;
	border: 1px solid #e6e6e6;
}

.btn--primary:hover {
	-webkit-box-shadow: inset 0 0 4px rgba(85, 85, 85, .16), inset 0 4px 12px rgba(18, 18, 18, .24);
	box-shadow: inset 0 0 4px rgba(85, 85, 85, .16), inset 0 4px 12px rgba(18, 18, 18, .24);
	color:#fff;
	background: #2644cb;
}

.btn--hollow {
	border: 1px solid #e6e6e6;
	color: #1a1a1a;
}

.btn--hollow:hover {
	-webkit-box-shadow: inset 0 0 4px rgba(85, 85, 85, .06), inset 0 4px 12px rgba(85, 85, 85, .12);
	box-shadow: inset 0 0 4px rgba(85, 85, 85, .06), inset 0 4px 12px rgba(85, 85, 85, .12);
}

.btn--rounded {
	border-radius: 30px;
}

.btn--rounded .iph {
	margin-left: -7px;
	margin-right: 8px;
}

.btn--rounded .iph.iph--rounded {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 32px;
	height: 32px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	border-radius: 32px;
	margin-left: -15px;
	margin-right: 16px;
}

.btn--orange {
	background: #F5872E;
	color: #fff;
}
.btn.is-called,
.btn--orange:hover {
	-webkit-box-shadow: inset 0 0 4px rgba(109, 56, 18, .12), inset 0 4px 12px rgba(109, 56, 18, .16);
	box-shadow: inset 0 0 4px rgba(109, 56, 18, .12), inset 0 4px 12px rgba(109, 56, 18, .16);
}

.btn--cyan {
	background: #2ce5ae;
	color: #000;
}

.btn--cyan:hover {
	-webkit-box-shadow: inset 0 0 4px rgba(85, 85, 85, .06), inset 0 4px 12px rgba(85, 85, 85, .12);
	box-shadow: inset 0 0 4px rgba(85, 85, 85, .06), inset 0 4px 12px rgba(85, 85, 85, .12);
}

.btn--small {
	font-size: 13px;
	height: 28px;
	padding: 0 8px;
	border-radius: 4px;
}

.btn--small svg {
	position: relative;
	right: -4px;
}

.btn--pale {
	color: #7785c4;
	background: #e9ebf5;
}

.link--iconed {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.link--iconed .iph {
	width: 24px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 8px;
}

.logo {
	font-family: rubik, sans-serif;
	line-height: 1.35;
}

.logo b {
	display: block;
	font-weight: 500;
	color: #1a1a1a;
	font-size: 16px;
}

.logo small {
	display: block;
	font-weight: 300;
	color: #666;
	font-size: 12px;
}

.p-header {
	background: #fff;
	height: auto;
	margin-top: 0;
	margin-bottom: 0;
}

.p-header .btn--primary {
	font-family: rubik, sans-serif;
	min-width: 93px;
}

.p-header__proper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 24px;
	padding-bottom: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.p-header__proper h3 {
    color: #555;
    font-size: 140%;
    font-weight: 400;
    margin: 0 auto;
}

.navigation-toggle {
	background: rgba(236, 236, 236, .5);
	border-radius: 2px;
	width: 48px;
	height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 0;
	cursor: pointer;
	margin-right: 16px;
}

.navigation-hide{
	background-image: url("data:image/svg+xml,%3Csvg width='512px' height='512px' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Eionicons-v5-m%3C/title%3E%3Cpath d='M256,48C141.31,48,48,141.31,48,256s93.31,208,208,208,208-93.31,208-208S370.69,48,256,48Zm75.31,260.69a16,16,0,1,1-22.62,22.62L256,278.63l-52.69,52.68a16,16,0,0,1-22.62-22.62L233.37,256l-52.68-52.69a16,16,0,0,1,22.62-22.62L256,233.37l52.69-52.68a16,16,0,0,1,22.62,22.62L278.63,256Z'/%3E%3C/svg%3E");
	display: inline-block;
	background-size: contain;
    background-color: transparent;
    position: absolute;
    margin-left: -32px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    opacity: 0.2;
    transition: all 0.3s;
}
.navigation-hide:hover{
	opacity: 0.5;
}

.navigation-toggle svg:last-child,
.navigation-toggle.clicked svg:first-child {
	display: none;
}

.navigation-toggle.clicked svg:last-child {
	display: block;
}

.p-header__title {
	margin-right: 24px;
	display: flex;
	align-items: center;
}
.p-header__title img{
	margin-right: 12px;
}

@media (max-width:767px){
	.p-header__title img{
		display: none;
	}
}

.p-header__search {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	/* margin-right: 24px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    position: relative;

	margin-left: auto;
}

.p-header__search input[type=search] {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 48px;
	padding: 0 24px;
	outline: 0;
	background-image: url("../images/icon-search.svg");
	background-size: 40px 40px;
    background-position: right 5px top 4px;
	background-repeat: no-repeat;
	appearance: none;
	border-radius: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.p-header__search button[type="submit"]{
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 40px;
background: none;
border: 0;
}

.search-clear{
    background: none;
    border: 0;
    position: absolute;
    right: 52px;
    top: 50%;
    padding: 0;
    appearance: none;
    transform: translateY(-50%);
}
.search-clear svg{
    width: 20px;
    height: 20px;
    fill: #a3a3a3;
}

.p-header__search input[type=search]:focus {
	border-color: #ccc;
}

.p-header__links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
	font-size: 15px;
	margin-left: auto;
}

.link-subscribe span{
	background: var(--orange);
    color: white;
    margin-right: 0.4em;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 100%;
    font-size: 15px;
    line-height: 28px;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
}

@media (max-width:991px) {
	.p-header__links {
		display: none;
	}
}

.icon--orange svg {
	fill: #e68d44;
}

.p-header__personal-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
	align-items: center;
}
.p-header__personal-area>a img{
	flex-shrink: 0;
	width: 32px;
	margin-right: 8px;
	margin-left: 20px;
}
.p-header__personal-area>a{
	display: flex;
    align-items: center;
}
.p-header__personal-area>a.logout{
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: underline;
	margin-right: 20px;
}


@media (max-width:991px) {
	.p-header__personal-area {
		margin-left: auto;
	}
}

@media (max-width:767px) {
	.logo small {
		display: none;
	}
	.p-header__personal-area>a img{
		max-width: 100px;
	}

	.p-header__proper {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.p-header__personal-area {

	}

	.p-header__search {
		display: none;
	}


	.p-header__personal-area .btn {
		padding: 0;
		min-width: 0;
		height: auto;
		background: 0 0;
		border: 0;
		color: #000;
		/* font-family: gilroy, sans-serif; */
	}

	.p-header__personal-area .btn:hover {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.p-header__personal-area>a.logout{
		margin-left: 12px;
		font-size: 0;
		text-decoration: none;
		order:1;
		position: relative;
		top:-2px;
		margin-right: 0;
	}
}

.p-header__navi {
	display: none;
	padding-top: 16px;
	padding-bottom: 16px;
	position: absolute;
	left: 0;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0 12px 12px rgba(85, 85, 85, .12);
	box-shadow: 0 12px 12px rgba(85, 85, 85, .12);
	z-index: 10;
}
.p-header__navi .w{
	position: relative;
}

.p-header__navi ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    column-gap: 8px;
    justify-content: space-between;
    font-size: 11.5px;
}

.p-main {
	padding-top: 24px;
	padding-bottom: 24px;
    flex-grow: 1;
}

.dashboard>.empty{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
	height: initial;
	padding-bottom: 100px;
}
.dashboard>.empty .sad{
    font-size: 70px;
    font-weight: bold;
    color: #ddd;
}

@media (max-width:767px) {
	.p-header__navi {
		-webkit-box-shadow: none;
		box-shadow: none;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100 - 68px);
		padding-bottom: 0;
	}
	.p-header__navi .w{
		height: 100%;
	}

	.p-header__navi ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 12px;
		font-size: 18px;
		overflow-y: auto;
		padding-bottom: 20px;
		max-height: calc(100% - 150px);
	}

	.p-header__navi .p-header__links,
	.p-header__navi .p-header__search {
		display: block;
	}

	.p-header__navi .p-header__search {
		margin: 0 0 40px;
		max-width: 100%;
	}

	.p-header__navi .p-header__search input {
		width: 100%;
		border-left: 0;
		border-top: 0;
		border-right: 0;
		border-bottom-width: 2px;
		padding-left: 0;
		font-size: 18px;
		box-sizing: border-box;
		padding-right: 40px;
		border-radius: 0;
	}

	.search-submit{
		border: 0;
		background: none;
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 40px;
		cursor: pointer;
		opacity: 0.7;
	}
	.search-submit svg{
		stroke: #000;
		width: 24px;
		height: 24px;
	}

	.p-header__navi .p-header__links {
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		border-top: 1px solid #ccc;
		display: flex;
		background: #fff;
	}

	.p-header__navi .p-header__links a {
		width: 50%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 48px;
		font-size: 18px;
	}

	a.link--iconed.link-subscribe:only-child {
		width: 100%;
	}

	.p-header__navi .p-header__links a:not(:first-child) {
		border-left: 1px solid #ccc;
	}

	.p-main {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.is-navi-called{
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		overflow: hidden;
	}

	.is-navi-called #bx-panel{
		display: none !important;
	}

	.is-navi-called .p-header{
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.filter-row .btn-rsg{
		margin-left: 0 !important;
		width: 100%;
		text-align: center;
	}
}

.filters {
	/* display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-direction: column; */
	margin-bottom: 24px;

}

@media (max-width:767px) {
	.filters {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		row-gap: 12px;
		margin-bottom: 12px;
	}

	.filters .btn {
		width: 100%;
		border-radius: 0;
		margin-right: 0;
		color: #000;
	}
}

.p-footer {
	background: #fff;
	-webkit-box-shadow: 0 -4px 32px rgba(85, 85, 85, .06);
	box-shadow: 0 -4px 32px rgba(85, 85, 85, .06);
	padding-top: 24px;
	padding-bottom: 24px;
}

.p-footer .w {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap: wrap;
}

.footer__links {
    margin-left: auto;
    font-size: 11.5px;
    text-align: center;
    width: 100%;
    order: -2;
    display: flex;
	column-gap: 1em;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

@media (max-width:1200px) {
	.footer__links{
		flex-wrap: wrap;
		column-gap: 16px;
		justify-content: center;
	}
}

@media (max-width:600px){
	.footer__links {
		display:none;
	}
}

.copyright{
	justify-content: space-between;
    margin-left: auto;
    flex-direction: column;
    align-items: flex-end;
	row-gap: 4px;
	align-self: center;
}

.copyright small{
	font-size: 12px;
}

.dashboard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: 16px;
	margin-left: -8px;
	margin-right: -8px;
}

.card {
	padding-left: 8px;
	padding-right: 8px;
	width: 33.3334%;
	-ms-flex-item-align: start;
	align-self: flex-start;
	position: relative;
}

.card--aside {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 16px;
}
.card--aside:last-child{
	margin-bottom: 0;
}

.card.card--x2 {
	width: 66.6667%
}

@media (max-width:991px) {
	.card.card--x2 {
		width: 50%
	}
}

.card.card--x3 {
	width: 100%
}

.card.card--stretch {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}



@media (max-width:991px) {
	.card.card--stretch {
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.card {
		width: 50%
	}
}

.card.card--stretch .card__wrap:not(.is-player-card) .card__body{
	display: flex;
	flex-direction: column;
}
.card.card--stretch .card__wrap .card__body,
.card.card--stretch .card__wrap {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.card.card--stretch .card__wrap .card__body .lead{
	margin-bottom: 0;
}
.card.card--stretch .card__wrap .card__body .dashboar__link{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.card.card--stretch .card__wrap .card__body .dashboar__link .article-thumb-tags{
	margin-top: auto;
}

@media (max-width:767px) {
	.footer__links a:not(:last-child) {
		margin-right: 16px;
	}

	.card,
	.card.card--x2 {
		width: 100%
	}
	.footer__title{
		order: -2;
		margin-left: auto;
		margin-right: auto;margin-bottom: 20px;
	}
	.copyright{
		margin: 0;
		width: 100%;
	}
}

.card img {
	width: 100%
}

.card__wrap {
	background: #fff;
	-webkit-box-shadow: 0 0 32px rgba(85, 85, 85, .06);
	box-shadow: 0 0 32px rgba(85, 85, 85, .06);
	border-radius: 2px;
	padding: 15px 24px 24px;
    flex-direction: column;
    display: flex;
}

#events .card__wrap{
	background: var(--light-blue);
}
#events a .card__title,
#events .news__thumb .date,
#events .card__wrap .dashboar__link{
	color: #fff;
}
#events .article-header-brief address, 
#events .article-thumb-tag{
	color: #fff;
	border-color: #fff;
}
#events .news__thumb .date{
	font-weight: bold;
	text-decoration: underline;
}

.card__title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 4px;
	margin-bottom: 16px;

	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.card__title:hover {
    color: var(--orange);
}

.card__body figure {
    margin: 0 0 8px;
}

.card__body figure img{
    height: 244px;
    object-fit: cover;
    object-position: center;
}
.card__body p:empty+p,
.card__body figure+p {
	margin-top: 0;
}
.card__body p:empty{
	display: none;
}

.card__body:last-child figure:last-child {
	margin-bottom: -8px;
}

.card__footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
    margin-top: auto;
	padding-top: 12px;
}

.news__thumb {
	line-height: 1.35;
	display: block;
	margin-bottom: 15px;
}

.news__thumb p {
	margin-top: 0;
}

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

.news__thumb .date {
	margin-bottom: 8px;
}

.news__thumb:not(:last-child) {
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.date {
	color: grey;
}

a .card__title {
	color: black;
}

a .card__body {
	color: black;
}

.separate-filter+.right-block-column .banner-placeholder,
.smart-filter{
  /* display: none; */
}
.smart-filter{
  background: #fff;
  border: 1px solid var(--light-grey-alt);
  visibility: hidden;
/*  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 80px);
  max-width: 800px;
  height: calc(100vh - 80px);*/
  max-height: 540px;
  overflow: hidden;
  border-radius: 0px;
  z-index: 1000;
  /*box-shadow:0 0 20px 3px rgba(0,0,0,0.1);*/
  margin-bottom: 25px;
}
.smart-filter form{
  height: 100%;
}

.smart-filter .filter-section-h{
  font-size: 18px;
  text-transform: none;
}
.smart-filter .filter-section-h:before,
.smart-filter .filter-section-h:after{
  display: none;
}
.smart-filter .filter-section-cnt ul{
  column-count: 3;

  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}
.smart-filter .filter-section-h-wrap{
  pointer-events:none;
}
.smart-filter .filter-wrap{
  display: flex;
  height: 100%;
  flex-direction: column;
}
.jspVerticalBar,
.jspHorizontalBar{
	background: transparent;
}
.smart-filter-header .smart-filter-parameters-box-title-text{
	margin-bottom: 0;
	margin-right: 8px;
}
.smart-filter-header{
	display: flex;
	margin-bottom: 20px;
	column-gap: 14px;
	flex-wrap: wrap;
    align-items: center;
	row-gap: 10px;

}
@media (min-width:768px){
	.smart-filter-header{
		position: relative;
		padding-right: 40px;
	}
	.smart-filter-header .js-toggle-all{
		position: absolute;
		right: 0;
		top: 0;
	}
}
.filter-row.filter-selected{
	/*display: none !important;*/
}
.filter-list label{
	cursor: pointer;
}
.filter-list .checkbox-text{
	white-space: nowrap;
}
.filter-list .checkbox-text,
.smart-filter-header-label{
    display: inline-block;
    border: 1px solid var(--orange);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    background: white;
    color: black;
    cursor: pointer;
}
.filter-wrap .filter-list .checkbox-text:before{
	display: none;
}
.filter-wrap .filter-list input:checked~.checkbox-text,
.smart-filter-header-label:hover,
.smart-filter-header-label.pressed{
	/*box-shadow: inset 0 0 4px rgba(109, 56, 18, .12), inset 0 4px 12px rgba(109, 56, 18, .16);*/	
	background: var(--orange);
	color: #fff;
}
a.smart-filter-header-label.pressed svg{
	transform: rotate(180deg);
}
.smart-filter-header-label.js-toggle-all svg{
	width: 14px;
	fill: currentColor;
	transition: all 0.3s;
}
.smart-filter-parameters-box-title-text.js-toggle-all span{
	display: inline-block;
	position: relative;
	border-bottom: 1px dashed;
}
.smart-filter-parameters-box-title-text.js-toggle-all span:hover{
	border-bottom-color: transparent;
}
.smart-filter-header .js-toggle-all{
	order: 10;
}

@media (min-width: 768px){
	.smart-filter-header .filter-section-h{
		order: -10;
	}
	.smart-filter-header .js-toggle-all{
		order: -5;
	}
}
@media (max-width: 767px){
	.smart-filter-header .js-toggle-all{
		display: none;
	}
}


.smart-filter .filter-wrap .jspVerticalBar{
  background: none;
  height: 100%;
  position: absolute;
  right: 5px;
  top: 0;
  width: 7px;
}
.smart-filter .filter-wrap .jspCap{}
.smart-filter .filter-wrap .jspCapTop{}
.smart-filter .filter-wrap .jspTrack{
  background: none;
}
.smart-filter .filter-wrap .jspDrag{
  background: #eaeaea;
  border-radius: 10px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.smart-filter .filter-wrap .jspHover{}
.smart-filter .filter-wrap .jspDragTop{}
.smart-filter .filter-wrap .jspDragBottom{}
.smart-filter .filter-wrap .jspCapBottom{}

.filter-close{
  display: none;
}
.filter-selected-var .remove i,
.filter-close{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2924 12.0003L0.00162597 23.2911L0.708733 23.9982L11.9995 12.7074L23.2905 23.9983L23.9976 23.2912L12.7067 12.0003L23.9992 0.707717L23.2921 0.000610352L11.9995 11.2932L0.707107 0.000742451L0 0.707849L11.2924 12.0003Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  position: absolute;
  right: 24px;
  top: 24px;
  background-size: contain;
  opacity: 0.45;
  z-index: 10;
}
.filter-body,
.filter-body *{
  outline:none !important;
}

.filter-close:hover{
  opacity: 0.75;
}

.smart-filter .filter-body{
  overflow: hidden;
  position: relative;
  max-height:calc(540px - 63px);
}
.smart-filter .filter-body-wrap{
  padding: 15px 20px 10px;
}

.smart-filter .filter-body:after{
/*  background:linear-gradient(0deg, #F9F9F9 0%, rgba(249, 249, 249, 0.613636) 57.73%, rgba(249, 249, 249, 0) 100%);
  height: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';*/
}
.filter-submit{
  padding: 14px 20px;
  border-top: 1px solid var(--light-grey-alt);
  display: none;
}
.filter-submit .btn{
  margin-right: 8px;
}

.smart-filter .filter-body,
.filter-top+.smart-filter{
	max-height: none !important;
}

@media (max-width: 768px) {
	.filter-top+.smart-filter .filter-section-h{
		width: 100%;
	}
  .filter-submit{
    padding-left: 0;
    border-top: 0;
    display: none;
  }
  .filter-submit.shown{
    display: block;
  }
  .filter-close,
  .filter-top{
    /* display: none; */
  }
  .filter-top{
    display: block !important;
  }


}

.filter-top{
  border-bottom: 1px solid var(--light-grey-alt);
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: -10px;
}
.filter-top.is-filter-shown{
	padding-bottom: 0;
	border-bottom: 0;
}

.filter-row:first-child{
  margin-bottom: 16px;
}
.toggle-filter{
  margin-right: 16px;
  padding-left: 18px;
  padding-right: 18px;
}
.toggle-filter i{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11.5C3.55228 11.5 4 11.9477 4 12.5C4 13.0523 3.55228 13.5 3 13.5C2.44772 13.5 2 13.0523 2 12.5C2 11.9477 2.44772 11.5 3 11.5ZM13 11.5C13.5523 11.5 14 11.9477 14 12.5C14 13.0523 13.5523 13.5 13 13.5H7C6.44772 13.5 6 13.0523 6 12.5C6 11.9477 6.44772 11.5 7 11.5H13ZM3 7.5C3.55228 7.5 4 7.94772 4 8.5C4 9.05228 3.55228 9.5 3 9.5C2.44772 9.5 2 9.05228 2 8.5C2 7.94772 2.44772 7.5 3 7.5ZM13 7.5C13.5523 7.5 14 7.94772 14 8.5C14 9.05228 13.5523 9.5 13 9.5H7C6.44772 9.5 6 9.05228 6 8.5C6 7.94772 6.44772 7.5 7 7.5H13ZM3 3.5C3.55228 3.5 4 3.94772 4 4.5C4 5.05228 3.55228 5.5 3 5.5C2.44772 5.5 2 5.05228 2 4.5C2 3.94772 2.44772 3.5 3 3.5ZM13 3.5C13.5523 3.5 14 3.94772 14 4.5C14 5.05228 13.5523 5.5 13 5.5H7C6.44772 5.5 6 5.05228 6 4.5C6 3.94772 6.44772 3.5 7 3.5H13Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 17px;
  display: inline-block;
  position: relative;
  margin-left: 12px;
  vertical-align: middle;
}
.filter-selected{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.filter-selected-var{
    display: inline-block;
    border: 1px solid var(--orange);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    background: white;
    color: black;
    cursor: pointer;
}
.filter-selected-var .remove{
    width: 8px;
    height: 8px;
    display: inline-block;
    position: relative;
    margin-left: 8px;
    vertical-align: middle;
    position: relative;
    top: -6px;
}
.filter-selected-var .remove i{
  position: relative;
  width: 8px;
  height: 8px;
  right: 0;
  top: 0;
  display: inline-block;
  opacity: 1;
}
.filter-drop{
	color: #fff;
	font-size: 14px;
	margin-left: 14px;
}
.filter-drop:hover{
	color: #fff;
}
.filter-fade{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  z-index: 100;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .filter-submit{
    padding-left: 0;
    border-top: 0;
    display: none;
  }
  .filter-submit.shown{
    display: block;
  }
  .filter-close,
  .filter-top{
    display: none;
  }
}

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33334%; }
.col-5{
  width: 41.666667%;
}

.col-6 {
  width: 50%; }
.col-7{
  width: 58.33334%;
}
.col-8 {
  width: 66.66667%; }

.col-9 {
  width: 75%; }

.col-12 {
  width: 100%; }

@media (max-width: 1200px) {
  .col-md-6 {
    width: 50%; }

  .col-md-12 {
    width: 100%; }

  .col-md-4 {
    width: 33.33334%; }

  .col-md-8 {
    width: 66.66667%; } }

@media (max-width: 991px) {
  .col-sm-6 {
    width: 50%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-4 {
    width: 33.33334%; }

  .col-sm-8 {
    width: 66.66667%; } }
@media (max-width: 768px) {
  .col-xs-12 {
    width: 100%; }

  .order-xs--1 {
/*    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;*/
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;

            }

            .col-3 .filter{
              padding-top: 0;
            }

            .order-xs--1 .filter{
              order:1;
            }
            .filter form{
              padding-top: 10px;
            }

          }
@media (max-width: 600px) {
  .col-xxs-12 {
    width: 100%; }
.article-previews .col-xxs-12 {
  margin-bottom: 15px;
}

  }
@media (min-width: 769px) {
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; } }

@media (max-width: 768px) and (min-width: 600px){
  .col-9.col-xs-12 .col-8.col-sm-12,
  .col-9.col-xs-12 .col-4.col-sm-6.col-xs-12{
    width: 50%;
  }
}

.col-9 .article {
  max-width: 60em; }
.col-9 .inner-content {
  max-width: 860px; }
  .col-9 .inner-content h1 {
    margin-top: 0;
    margin-bottom: 0; }

iframe {
    max-width: 100%;
}

ul.filter-list {
    list-style-type: none;
}
.dashboar__link {
	color: black;
}

.separate-filter+.right-block-column .banner-placeholder,
.filters .smart-filter.filter{
  display: block;
}
.smart-filter{
  background: #fff;
  border: 1px solid var(--light-grey-alt);
/*  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 80px);
  max-width: 800px;
  height: calc(100vh - 80px);*/
  max-height: 540px;
  overflow: hidden;
  border-radius: 0px;
  z-index: 1000;
  /*box-shadow:0 0 20px 3px rgba(0,0,0,0.1);*/
  margin-bottom: 25px;
}
.smart-filter form{
  height: 100%;
}

.smart-filter .filter-section-h{
  font-size: 18px;
  text-transform: none;
}
.smart-filter .filter-section-h:before,
.smart-filter .filter-section-h:after{
  display: none;
}
.smart-filter .filter-section-cnt ul{
  column-count: 3;
}
.smart-filter .filter-section-h-wrap{
  pointer-events:none;
}
.smart-filter .filter-wrap{
  display: flex;
  height: 100%;
  flex-direction: column;
}
.smart-filter .filter-wrap .jspVerticalBar{
  background: none;
  height: 100%;
  position: absolute;
  right: 5px;
  top: 0;
  width: 7px;
}
.smart-filter .filter-wrap .jspCap{}
.smart-filter .filter-wrap .jspCapTop{}
.smart-filter .filter-wrap .jspTrack{
  background: none;
}
.smart-filter .filter-wrap .jspDrag{
  background: #eaeaea;
  border-radius: 10px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.smart-filter .filter-wrap .jspHover{}
.smart-filter .filter-wrap .jspDragTop{}
.smart-filter .filter-wrap .jspDragBottom{}
.smart-filter .filter-wrap .jspCapBottom{}

.filter-close{
  display: none;
}
.filter-selected-var .remove i,
.filter-close{
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2924 12.0003L0.00162597 23.2911L0.708733 23.9982L11.9995 12.7074L23.2905 23.9983L23.9976 23.2912L12.7067 12.0003L23.9992 0.707717L23.2921 0.000610352L11.9995 11.2932L0.707107 0.000742451L0 0.707849L11.2924 12.0003Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  position: absolute;
  right: 24px;
  top: 24px;
  background-size: contain;
  opacity: 0.45;
  z-index: 10;
}
.filter-body,
.filter-body *{
  outline:none !important;
}

.filter-close:hover{
  opacity: 0.75;
}

.smart-filter .filter-body{
  overflow: hidden;
  position: relative;
  max-height:calc(540px - 63px);
}
.smart-filter .filter-body-wrap{
  padding: 15px 20px 10px;
}

.smart-filter .filter-body:after{
/*  background:linear-gradient(0deg, #F9F9F9 0%, rgba(249, 249, 249, 0.613636) 57.73%, rgba(249, 249, 249, 0) 100%);
  height: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';*/
}
.filter-submit{
  padding: 14px 20px;
  border-top: 1px solid var(--light-grey-alt);
}
.filter-submit .btn{
  margin-right: 8px;
}
.btn-sm {
  height: 33px;
  line-height: 33px;
  border-radius: 8px;
  font-size: 14px;
  padding: 0 10px;
}
.btn-grey{
  background: #FFFFFF;
  border: 1px solid var(--light-grey-alt);
}
.btn-purple{
  background: #213362;
  color: #fff;
}
.btn-purple:hover{
  color: #fff;
  background: #2d4482;
}
/* @media (max-width: 768px) {
  .filter-submit{
    padding-left: 0;
    border-top: 0;
    display: none;
  }
  .filter-submit.shown{
    display: block;
  }
  .filter-close,
  .filter-top{
    display: none;
  }
} */


.filter-top{
  border-bottom: 1px solid var(--light-grey-alt);
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: -10px;
}
.filter-row{
	display: flex;
	align-items: center;
}
.filter-row:first-child{
  margin-bottom: 16px;
}
.filter-row .btn:first-child{
	margin-right: 20px;
}
.filter-row .btn:last-child{
	margin-left: auto;
}

.toggle-filter{
  margin-right: 16px;
  padding-left: 18px;
  padding-right: 18px;
}
.toggle-filter i{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 11.5C3.55228 11.5 4 11.9477 4 12.5C4 13.0523 3.55228 13.5 3 13.5C2.44772 13.5 2 13.0523 2 12.5C2 11.9477 2.44772 11.5 3 11.5ZM13 11.5C13.5523 11.5 14 11.9477 14 12.5C14 13.0523 13.5523 13.5 13 13.5H7C6.44772 13.5 6 13.0523 6 12.5C6 11.9477 6.44772 11.5 7 11.5H13ZM3 7.5C3.55228 7.5 4 7.94772 4 8.5C4 9.05228 3.55228 9.5 3 9.5C2.44772 9.5 2 9.05228 2 8.5C2 7.94772 2.44772 7.5 3 7.5ZM13 7.5C13.5523 7.5 14 7.94772 14 8.5C14 9.05228 13.5523 9.5 13 9.5H7C6.44772 9.5 6 9.05228 6 8.5C6 7.94772 6.44772 7.5 7 7.5H13ZM3 3.5C3.55228 3.5 4 3.94772 4 4.5C4 5.05228 3.55228 5.5 3 5.5C2.44772 5.5 2 5.05228 2 4.5C2 3.94772 2.44772 3.5 3 3.5ZM13 3.5C13.5523 3.5 14 3.94772 14 4.5C14 5.05228 13.5523 5.5 13 5.5H7C6.44772 5.5 6 5.05228 6 4.5C6 3.94772 6.44772 3.5 7 3.5H13Z' fill='white'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 17px;
  display: inline-block;
  position: relative;
  margin-left: 12px;
  vertical-align: middle;
}
.btn{}
.btn-sm{}
.btn-orange{}
.filter-selected{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
/* .filter-selected-var{
  border: 1px solid var(--light-grey-alt);
  box-sizing: border-box;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 14px;
  color: #1A1A1A;
  opacity: 0.8;
  margin-right: 16px;
  white-space: nowrap;
  margin-bottom: 10px;
}
.filter-selected-var .remove{
  width: 8px;
  height: 8px;
  display: inline-block;
  position: relative;
  margin-left: 8px;
}
*/
.filter-selected-var .remove i{
  position: relative;
  width: 8px;
  height: 8px;
  right: 0;
  top: 0;
  display: inline-block;
  opacity: 1;
} 
.filter-drop{
  color: #005DA9;
  font-size: 14px;
}


.filter-section {
	margin-bottom: 30px;
	padding-top: 4px; }
	@media (max-width: 768px) {

		.filter-row .btn:last-child{
			margin-left: 0 !important;
		}
		.js-filter-toggle svg{
			position: relative;
			top: 2px;
		}


		.filter-top+.smart-filter .filter-section-cnt ul{
			column-count: 1;
		}
		.filter-row:first-child{
			display: flex;
			flex-direction: column;
			row-gap: 10px;
		}
		.filter-row .btn:first-child{
			margin-right: 0;
		}
		.filter-row .btn:last-child{
			margin: 0;
			order: -1;
		}


		.filter-section.filter-section{
			display: block;
		}
		.filter-section.shown {
		  display: block; } }

  .filter-section-h {
	font-size: 16px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	position: relative; }
	.filter-section-h:after {
	  width: 11px;
	  height: 2px;
	  background: #000;
	  position: absolute;
	  content: '';
	  right: 0;
	  top: 0;
	  bottom: 0;
	  margin: auto; }
	.filter-section-h:before {
	  width: 11px;
	  height: 2px;
	  background: #000;
	  position: absolute;
	  content: '';
	  right: 0;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  -webkit-transform: rotate(90deg);
		  -ms-transform: rotate(90deg);
			  transform: rotate(90deg);
	  -webkit-transition: -webkit-transform 0.3s;
	  transition: transform 0.3s; }
	.filter-section-h.called:before {
	  -webkit-transform: rotate(0deg);
		  -ms-transform: rotate(0deg);
			  transform: rotate(0deg); }

  .filter-section-cnt {
	display: none; }
	.filter-section-cnt ul {
	  list-style-type: none;
	  padding: 0;
	  margin: 0; }
	  .filter-section-cnt ul li {
		margin-bottom: 11px; }

  .filter-list .checkbox-text {
	display: inline-block;
	max-width: 100%; }
	.filter-list .checkbox-text sup {
	  top: -4px;
	  margin-left: 0.3em; }

  .checkbox-text {
	display: block;
	padding-left: 32px;
	position: relative;
	font-size: 14px; }
	.checkbox-text:before {
	  width: 16px;
	  height: 16px;
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 0px;
	  background: #E4E6E7;
	  border-radius: 2px;
	  cursor: pointer; }

  .filter-list label [type="radio"]{
	display: none;
  }

  label input[type="checkbox"] {
    display: none;
	}

  [type="radio"]~.checkbox-text:before{
	border-radius: 100%;
  }
  [type="radio"]:checked~.checkbox-text:before{
	background: #fff;
	box-shadow: inset 0 0 0 5px #fe9f26;
  }

	.checkbox-text sup {
	  font-weight: bold;
	  font-size: 12px;
	  line-height: 1.1;
	  color: #353535;
	  opacity: 0.5;
	  position: relative;
	  margin-left: -2px;
	  top: -7px; }

  span.error{display: inline-block;width: 100%;position: relative;padding-bottom: 20px;}
  span.error:after{display: inline-block;content: attr(data-error);width: 100%;padding-top: 5px;font-size: 11px;color: #f00;position: absolute;left: 0;bottom: 0;}

  input:checked + .checkbox-text:before {
	background: url(/local/static/images/check.svg) no-repeat center center #FE9E26; }


	h4{
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
}


@media (min-width:992px){
	.floating-cols{
		display: block;
	}
	.floating-cols:after{
		content: '';
		display: block;
		clear:both;
	}
	.floating-cols .fll{
		float: left;
	}
	.floating-cols .flr{
		float: right;
	}
}

.quiz-legend{
	margin-top: 55px;
}
.quiz-legend{
	margin-bottom: 35px;
	display: flex;
}
.quiz-legend dl{
	display: flex;
	margin-bottom: 0;
}
.quiz-legend dt,
.quiz-legend dd{
	margin: 0;
}
.quiz-legend dt{
	margin-right: 15px;
}
.quiz-legend dd{
	margin: 0;
}
.quiz-legend dl:not(:last-child){
	margin-right: 55px;
}
.quiz-legend dt i{
	width: 50px;
	height: 4px;
	border-radius: 100px;
	display: inline-block;
}

.legend-blue{
	background: linear-gradient(253.19deg, #203263 -32.42%, #6376AA 135.2%);
}
.legend-grey{
	background: linear-gradient(237.99deg, #D0D0D0 6.41%, #E9E9E9 91.99%);
}

.w-bd-box{
	background: #fff;
	padding: 25px 40px;
	border: 1px solid var(--light-grey-alt);
	box-sizing: border-box;
	border-radius: 24px;
	margin-bottom: 15px;
}
.quiz-result-progresses{
	margin-bottom: 20px;
	margin-top: -5px;
	padding-right: 20px;
}
.w-bd-box h3{
	font-weight: 400;
	font-size: 18px;
}
.progress-w-scale{
	position: relative;
}
.progress-w-scale:not(:last-child){
	margin-bottom: 6px;
}
.progress-w-scale progress{
	width: 100%;
	height: 12px;
	border-radius: 0;
	-webkit-appearance: none;
    appearance: none;
    display: block;
    background: none;
    border: 0;
}
.progress-scale{
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 24px;
	justify-content: space-between;
	list-style-type: none;
	counter-reset:list -1;
	margin: 0;
	padding: 0;
}
.progress-scale li{
	width: 2px;
	height: 24px;
	background: #000;
	display: block;
	padding: 0;
	position: relative;
}
.progress-scale li:not(:first-child):not(:last-child){
	left: -1px;
}
.progress-scale li:before{
	counter-increment:list;
	content:counter(list);
	color: #AFAFAF;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: -0.02em;
	text-align: center;
	left: 7px;
	opacity: 0.4;
}

.progress-w-scale.hide-numbers ol li:not(.c):before{
    opacity:0;
}

.progress-scale li.c:before{
	font-weight: bold;
	font-size: 14px;
	line-height: 140%;
	color: #203263;
	opacity: 1;
}



.progress-scale li:first-child{
	background: none !important;
}
.progress-scale li:first-child:before{
	left: 0;
}

/*.progress-scale li span{
	position: absolute;
}*/

.quiz-result-progresses .progress-w-scale:first-child{
	padding-top: 24px;
}
.quiz-result-progresses .progress-w-scale:last-child{
	padding-bottom: 24px;
}
.quiz-result-progresses .progress-w-scale:last-child .progress-scale{
	top: auto;
	bottom: 0;
}
.quiz-result-progresses .progress-w-scale:last-child .progress-scale li{
	padding-top: 7px;
}

.progress-personal~.progress-scale li{
	background: linear-gradient(180deg, rgba(93, 107, 147, 0) 0%, #57668D 100%);
	opacity: 0.4;
}

.progress-personal~.progress-scale li.c{
	background: linear-gradient(180deg, rgba(93, 107, 147, 0) 0%, #57668D 100%);
	opacity: 1;
}

.progress-common~.progress-scale li{
	background: linear-gradient(180deg, #DADADA 0%, rgba(218, 218, 218, 0) 100%);
	opacity: 0.4;
}

.progress-common~.progress-scale li.c{
	background: linear-gradient(180deg, #D0D0D0 0%, rgba(208, 208, 208, 0) 100%);
	opacity: 1;
}
.progress-common~.progress-scale li.c:before{
	color: #afafaf;
}

.progress-common::-webkit-progress-inner-element,
.progress-personal::-webkit-progress-inner-element {
  overflow: hidden;
  background-position:inherit;
}
.progress-common::-webkit-progress-bar,
.progress-personal::-webkit-progress-bar {
  background-color: transparent;
  background-position:inherit;
}
.progress-personal::-webkit-progress-value {
  background: linear-gradient(253.19deg, #203263 -32.42%, #6376AA 135.2%);
  opacity: 0.8;
}
.progress-personal::-moz-progress-bar {
  background: linear-gradient(253.19deg, #203263 -32.42%, #6376AA 135.2%);
  opacity: 0.8;
}
.progress-common::-webkit-progress-value {
	background: linear-gradient(267.62deg, #B5B5B5 1.99%, #CECECE 204.85%);
	opacity: 0.6;
}
.progress-common::-moz-progress-bar {
	background: linear-gradient(267.62deg, #B5B5B5 1.99%, #CECECE 204.85%);
	opacity: 0.6;
}




.progress-personal{}
.progress-common{}
.quiz-result-comment{
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
	color: #858585;
	display: inline-block;
}
.quiz-result-vote{
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
	color: #858585;
	display: inline-block;
	float: right;
}
.quiz-result-vote a{
	color: #858585;
}
.quiz-result-comment .inline-svg-icon{
	fill: #E9E9E9;
	width: 14.5px;
	height: 14.5px;
	margin-right: 6px;
	display: inline-block;
	vertical-align: middle;
}
.meter-box .widget-title{
	width: auto;
}
.meter-box .meter-widget-itself{
	margin-left: auto;
	margin-right: auto;
}

#body-compass .meter-box .meter-widget-result,
.meter-box .widget-title{
	font-size: 18px;
	line-height: 1.4;
}
.meter-box{
	margin-bottom: 85px;
}
@media (min-width: 768px){
	.col-5 .meter-box{
		margin-left: 40px;
	}	
}
@media (min-width: 768px) and (max-width: 1200px){
	.meter-widget-knob{
		width: 200px;
		height: 200px;
	}
}

.w-bd-logo-head{
	text-align: center;
	margin-bottom: 40px;
	padding-top: 12px;
}
.w-bd-logo-head .h{
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #203263;
	margin-bottom: 4px;
}
.w-bd-logo-head .h-logo{
	max-width: 247px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
.meter-widget{
	text-align: center;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.meter-widget-itself{
	width: 320px;
	height: 320px;
	background: url(/local/static/images/rating-widget-bg.svg) no-repeat center top;
	background-size: contain;
	position: relative;
	margin-bottom: -40px;
}

.meter-widget-level{
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	/*background: url(/local/static/images/rating-widget-fg.svg) no-repeat center top;*/
	left: 0;
}
.meter-widget-level{
	width: 100%;
}
.meter-widget-level path{
	transition: stroke-dashoffset 0.5s 1.2s;
}
.meter-widget-level-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 56.2%;
	z-index: 1;
}
.meter-widget-level-fg{
	position: relative;
	z-index: 2;
}

.meter-widget-progress{}
.meter-widget-current{
	width: 30px;
	height: 30px;
	position: absolute;
	border-radius: 30px;

	background: #FFFFFF;
	border: 4px solid #E44039;
	box-sizing: border-box;
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);

    z-index: 4;
    left: -8px;
    margin: auto;
    top: 0;
    bottom: 0;
    transform: rotate(0deg);
    transform-origin: 170px 15px;
    transition: transform 0.5s 1.2s;
}
.meter-widget-current:after{
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 8px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #e44039;
}
.meter-widget-average{
	width: 14.42px;
	height: 5px;
	left: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
	transform: rotate(118deg);
	transform-origin: 160px 2.5px;
	position: absolute;
	z-index: 3;
}
.meter-widget-average span{
    position: absolute;
    right: calc(100% + 10px);
    bottom: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.02em;
    color: #E9692D;
    transform: rotate(-90deg);
    opacity: 0;
}
.meter-widget-pointer{
	width: 42px;
	height: 35px;
	position: absolute;
	z-index: 2;
	left: 30px;
    margin: auto;
    top: 0;
    bottom: 0;
    transform: rotate(-5deg);
    transform-origin: 130px 17.5px;
    transition: transform 0.5s 1.2s;
}
.meter-widget-pointer:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 35px 21px 0;
	border-color: transparent #1a1a1a transparent transparent;
	position: absolute;
	content: '';
	left: 0;
	top: 0;
}
.meter-widget-knob{
	background: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.08);
	width: 200px;
	height: 200px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 3;
}
.meter-widget-knob .value{
	display: flex;
	align-items: baseline;
	position: relative;
}
.meter-widget-knob .points{

}
.meter-widget-knob .current{
	font-size: 64px;
	font-style: normal;
	font-weight: 500;
	line-height: 78px;
	letter-spacing: -0.02em;
	text-align: right;
}
.meter-widget-knob .total{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.02em;
	text-align: center;
	color: #1A1A1A;

	opacity: 0.2;
	position: absolute;
    left: 100%;
    bottom: 12px;
    margin-left: 3px;
}
.meter-widget-knob .label{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.02em;
	text-align: center;
	text-transform: uppercase;
	color: #4D5B82;

}

.meter-widget-link{
	margin-top: 0px;
}
.meter-widget-link a{
	color: #203263;
}
.meter-widget-result{
	color: #1A1A1A;
	font-size: 24px;
	font-weight: 600;
	line-height: 29px;
	letter-spacing: -0.02em;
	text-align: center;
	margin-bottom: 15px;
	max-width: 220px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.meter-widget-person img{
	border-radius: 100%;
	width: 64px;
	height: 64px;
	object-fit: cover;
	margin-bottom: 10px;
}
.meter-widget-person{
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: -0.02em;
	text-align: center;
	color: #203263;

}
.meter-widget-person-name{}

.w-bd-box-footer{
	text-align: center;
	position: relative;
	border-top: 1px solid var(--light-grey-alt);
	padding-top: 25px;
	margin-top: 35px;
	padding-bottom: 10px;
}

.btn-big {
	border-radius: 6px;
}

.btn-big span {
	padding-right: 0.5em;
}

.btn--orange:hover {
	filter: brightness(1.05);
	color: #fff;
}

.btn-big-it{
	text-align: center;
	border-radius: 3px;
	min-width: 300px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
}
.btn-big-it svg{
	width: 15px;
	height: 15px;
	margin-right: 12px;
	vertical-align: middle;
	fill:#fff;
	stroke:#fff;
}
.btn-orangegrad{
	color: #fff;
	background: linear-gradient(231.38deg, #ED2A24 -50.6%, #FCB424 151.79%);
}
.btn-orangegrad:hover{
	color: #fff;
	background: linear-gradient(231.38deg, #E52210 -50.6%, #F9B020 151.79%);
}

.quiz-result-unsolved{
	position: relative;
}
.quiz-result-unsolved .quiz-result-progresses{
	pointer-events:none;
	filter:blur(1.75px) grayscale(1);
	opacity: 0.85;
}
.quiz-result-unsolved .btn-big-it{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.quiz-result-unsolved .btn-big-it svg{
	width: 28px;
	height: 25px;
}


.share-cloud{
	display: none;
	background: #fff;
	height: 54px;
	padding: 3px;
	background: #FFFFFF;
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
	border-radius: 27px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, calc(100% + 10px));
	display: none;
}
.share-cloud.called{
	display: inline-flex;
}
.share-cloud a{
	width: 48px;
	height: 48px;
	border-radius: 48px;
	position: relative;
	display: block;
	background: rgba(235, 235, 235, 0);
	transition: all 0.3s;
}
.share-cloud a:hover{
	background: rgba(235, 235, 235, 0.3);
}
.share-cloud .inline-svg-icon{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
}
.partners-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.partners-list li {
    position: relative;
    flex-grow: 1;
    text-align: center;
    flex-basis: 33.3%;
    padding: 20px;
}
.partners-list li img{
	transition: all 0.3s;
    filter: grayscale(1) opacity(0.5);
}
.partners-list li:hover img{
    filter: grayscale(0) opacity(1);
}
.partners-list li:not(:nth-child(3n+1)):before{
	height: 34px;
	width: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	display: inline-block;
	background: linear-gradient(90deg, rgba(235, 235, 235, 0) 0%, var(--light-grey-alt) 55.47%, rgba(235, 235, 235, 0) 104.41%);
}

.partners-list-line li{
	flex-basis: 16.6667%;
	padding: 30px;
}
.partners-list-line li:not(:nth-child(3n+1)):before{
	display: none;
}

@media (max-width:991px){
	.w-bd-box{
		padding: 20px;
	}
	.w-bd-box h3{
		font-size: 12px;
	}
	.meter-box{
		margin-bottom: 40px;
		margin-top: 35px;
	}
	.quiz-legend{
		margin-top: 0px;
	}
}
@media (max-width:767px){
	.meter-widget-itself{
		width: 220px;
		height: 220px;
		margin-left: auto;
		margin-right: auto;
	}
	.meter-widget-knob{
		width: 130px;
		height: 130px;
	}
	.meter-widget-knob .current{
		font-size: 44px;
		line-height: 1.4;
	}
	.meter-widget-knob .total{
		font-size: 12px;
	}
	.meter-widget-knob .label{
		font-size: 12px;
		margin-top: -10px;
	}
	.meter-widget-pointer{
		left: 30px;
		transform-origin: 80px 17.5px;
	}
	.meter-widget-current{
		transform-origin: 120px 15px;
	}
	.meter-widget-average{
		transform-origin: 113px 2.5px;
	}
	.quiz-legend dl{
		display: block;
		margin: 0;
	}
	.quiz-legend dd{
		font-size: 12px;
		margin-top: 5px;
	}
	.btn-big-it{
		display: flex;
		line-height: 1;
		min-width: 100%;
		align-items: center;
		font-size: 16px;
		justify-content: center;
	}
	.meter-widget-link{
		margin-top: 10px;
	}
	.partners-list{
		flex-wrap: wrap;
		align-items: stretch;
		padding-top: 10px;
		padding-bottom: 10px;
		position: relative;
	}
	.partners-list li{
		flex:1 0 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/*
	.partners-list li:first-child,
	.partners-list li:first-child+li{
		padding-bottom: 40px;
	}
	.partners-list li:last-child,
	.partners-list li:nth-last-child(2){
		padding-top: 40px;
	}
	*/
	.partners-list li:not(:first-child):before{
		display: none;
	}
	.partners-list li img{
		max-height: 70px;
	}
	.partners-list:before,
	.partners-list:after{
		content: '';
		background: linear-gradient(90deg, rgba(235, 235, 235, 0) 0%, var(--light-grey-alt) 55.47%, rgba(235, 235, 235, 0) 104.41%);
		width: 140px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 1px;
		display: none;
	}
	.partners-list:before{
		transform: rotate(90deg);
	}
	.quiz-result-unsolved .btn-big-it{
		min-width: auto;
		padding: 0 20px;
		white-space: nowrap;
	}
	h3{
		font-size: 18px;
	}
}
[data-tip]{
	cursor: pointer;
}
/*.hovertip{
	position: absolute;
	background: #fff;
	padding: 10px;
	border: 1px #aaa;
	font-size: 12px;
	z-index: 100;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.08);
}
*/
.meter-widget-thumb{
	max-width: 85px;
	margin: 0;
}
.meter-widget-thumb .meter-widget-itself {
    width: 85px;
    height: 85px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -20px;
    margin-left: -10px;
    margin-top: -9px;
}
.meter-widget-thumb .meter-widget-knob {
    width: 53px;
    height: 53px;
}
.meter-widget-knob .total:only-child{
	font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: center;
    opacity: 1;
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0;
}
.meter-widget-thumb .meter-widget-pointer:after{
    border-width: 6px 10px 6px 0;
}
.meter-widget-thumb .meter-widget-pointer{
	left: 7px;
	width: 12px;
	height: 15px;
	transform-origin: 36px center;
}
a.w-bd-box{
	display: block;
}
.w-bd-box.w-box-sq{
	border-radius: 3px;
}
.w-bd-box.w-box-prime{
	padding: 40px;
}
.it-director-landing{
	/*background:url(/local/static/images/leader-header.png) no-repeat right bottom #fff;
	background-size: auto 100%;*/
	margin-bottom: 60px;
	  position: relative;
}
.it-director-landing .text{
	max-width: 50%;
	font-size: 14px;
	line-height: 1.5;
	padding-right: 24px;
}
.it-director-landing .text p{
	margin-bottom: 1.4em;
}
.it-director-landing .text .h2{
	font-size: 48px;
}
.it-director-landing .text *:first-child{
	margin-top: 0;
}
.it-director-landing .text *:last-child{
	margin-bottom: 0;
}

.it-director-landing{
}
.w-box-prime-decoration{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  max-width: 50%;
  object-fit: cover;
  /*object-position: left top;*/
}


.w-box-slim{}
.it-director-card{
	padding: 25px 47px 25px 40px;
}
.it-director-card:hover{
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
}
.it-director-thumb{
	display: flex;
}
.it-director-thumb .meter-widget-thumb{
	margin-right: 30px;
}
.it-director-thumb .title{
	padding-left: 30px;
	position: relative;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 140%;
	color: #203263;
}
.plt{
	padding-left: 40px;
}
.col-12.aside{
	margin-top: 85px;
}

.it-director-thumb .title:before{
	position: absolute;
	content: '';
	width: 1px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	left: 0;
	background: #E9E9E9;
}
.it-director-thumb .tag{
	padding: 0px 12px;
	height: 24px;
	border-radius: 3px;
	font-weight: 500;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
	display: inline-block;
	background: #858585;
	align-self: center;
	margin-left: 25px;
}

.untouched .title,
.untouched .tag{opacity: 0.4;}



@media (max-width:1200px){
	.it-director-thumb .title{
		padding-left: 0;
	}
	.it-director-thumb .title:before{
		display: none;
	}

}
@media (max-width:991px){
	.it-director-card{
		padding: 25px 30px;
		min-height: 100px;
	}
	.it-director-thumb .meter-widget-thumb{
		margin-right: 20px;
		position:absolute;
		left: 0;
		top: 0;
	}
	.it-director-thumb .title{
		padding-left: 0;
		line-height: 110%;
		font-size: 18px;
		align-items: center;
		    min-height: 45px;
		    display: flex;
	}
	.it-director-thumb{
		position: relative;
		padding-left: 95px;
		flex-direction: column-reverse;
	}
	.it-director-thumb .tag{
		align-self: flex-start;
	    margin-left: 0;
	    margin-bottom: 10px;
	}
	.it-director-landing{
		background: #fff;
	}
	.it-director-landing .text .h2{
		font-size: 36px;
	}
	.it-director-landing .text{
		max-width: 470px;
	}
	.w-box-prime-decoration{
		max-width: calc(100% - 500px)
	}
}
@media (max-width:991px){
	.w-bd-box.w-box-prime{
		padding: 30px 20px;
	}
	.it-director-landing .text .h2{
		font-size: 28px;
	}
	.plt{
		padding-left: 20px;
	}
	.col-12.aside{
		margin-top: 55px;
	}
}
@media (max-width:767px){
	.w-bd-box.w-box-prime+.plt{
		padding-left: 0;
	}
	.w-bd-box.w-box-prime{
		margin-bottom: 35px;
	}
}

.quiz-gift-box{
  background-image:url(/local/static/images/bubbles-bg.png);
  display: flex;
      background-size: cover;
      background-position: center;
      justify-content: space-between;
      align-items: center;
      padding-right: 10px;
}
.quiz-gift-box{}
.quiz-gift-text{
  width: 50%;
  flex-shrink: 0;
}
.quiz-gift-text .btn-big-it{
  min-width: initial;
  max-width: 192px;
  width: 100%;
  margin-top: 25px;
}

.w-bd-box .h2{
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 34px;
  line-height: 120%;
}

@media (max-width:991px){
  .quiz-gift-text {
      width: 90%;
      flex-shrink: 0;
      position: relative;
      z-index: 2;
  }
  .quiz-gift-box {
      position: relative;
      overflow: hidden;
  }
  .quiz-gift-image{
    position: absolute;
      right: 0;
      bottom: 0;
    transform: translate(30%, 25%);
      opacity: 0.4;
  }
}
.w-box-sl{
	padding: 10px;
}
.blog-hz-thumb{
	display: flex;
}
.expert-thumb{

}
.blog-hz-thumb.expert-thumb figure{
	width: 278px;
	height: 278px;
	flex-shrink: 0;
}
.blog-hz-thumb.expert-thumb figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.blog-hz-thumb .blog-thumb-text{
	padding-top: 25px;
	padding-right: 50px;
	line-height: 1.4;
}
.blog-hz-thumb .blog-thumb-text:not(:first-child){
	margin-left: 30px;
}

.expert-thumb .date{
	font-size: 14px;
	color: rgba(53, 53, 53, 0.5);
	margin-bottom: 13px;
}
.expert-thumb h3 {
	font-size: 22px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 0;
}

.w-box-teaser{

}

.w-box-teaser .h{
	text-transform: uppercase;
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 15px;
	font-weight: normal;
	font-weight: 500;
}
.w-box-teaser .btn-mid{
	width: 200px;
}

@media (max-width:1200px){
	.blog-hz-thumb .blog-thumb-text {
		padding: 10px 10px 0 0;
		font-size: 15px;
	}
	.blog-hz-thumb.expert-thumb h3 {
		font-size: 20px;
		line-height: 1.2;
	}
	.blog-hz-thumb .blog-thumb-text:not(:first-child){
		margin-left: 20px;
	}


}

@media (max-width: 767px){
	.blog-hz-thumb{
		flex-direction: column;
	}
	.blog-hz-thumb .blog-thumb-text{
		padding: 0;
	}
	.blog-hz-thumb .blog-thumb-text:not(:first-child){
		margin-left: 0;
	}
	.blog-hz-thumb.expert-thumb figure{
		width: 100%;
		margin-bottom: 20px;
	}
	.blog-hz-thumb.expert-thumb figure img{
		width: 100%;
		object-fit: cover;
	}
	.w-box-teaser .btn{
		width: 100%;
	}
}

@media (max-width:991px){
	.it-director-landing .text{
		max-width: 100%;
	}
	.w-box-prime-decoration{
		position: static;
		width: auto;
		height: auto;
		margin-bottom: 20px;
		max-width: 100%;
		order: -1;
		margin-top: -10px;
	}
	.it-director-landing{
		display: flex;
		flex-direction: column;
	}
}


.vote-answer-table{
	margin-top: 20px;
}
table.vote-answer-table td{
	padding-bottom: 15px;
	line-height: 12px;
}
table.vote-answer-table td:first-child {
    text-align: right;
    color: rgba(0,0,0,0.5);

}
.vote-answer-counter{
    width: 99%;
    font-size: 11px;
    line-height: 12px;
    color: #2c6787;
    font-weight: 600;
}
.vote-answer-bar{
	background: linear-gradient(253.19deg, #203263 -32.42%, #6376AA 135.2%);
    height: 8px;
    display: inline-block;
	margin-bottom: 6px;
	width: 0%;

}
.vote-answer-table td{
	vertical-align: top;
}

.filter-row .btn {
	margin-right: 1em;
}

button.btn.js-filter-toggle {
	background-color: var(--orange);
	color: #fff;
}

.js-filter-toggle {
	position: relative;
	padding-right: 35px;

}
.js-filter-toggle:after {
	content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    right: 15px;
	transition: all 0.3s;
}
.js-filter-toggle.is-called:after {
	transform: rotate(180deg);
}

@media (max-width:767px){
	.js-filter-toggle:after{
		border-color: #fff transparent transparent transparent;
	}
	.filter-row .btn{
		 margin-right: 0;
	}
}

.header-segment:after {
    content: '';
    position: absolute;
    left: 100%;
    height: 20px;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--light-grey-alt);
}

.header-segment .header-signup {
	display: none;
}

.header-userplace-user {
	margin: 0 30px; padding: 0 30px;
}

.auth-page-window {
  width: 390px;
  padding: 45px 0;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .auth-page-window {
      width: 100%;
      max-width: 390px;
      border: 0; } }
  .auth-page-window .h {
    font-weight: bold;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 20px;
    color: #000; }
    .auth-page-window .h small {
      margin-top: 5px;
      font-size: 16px;
      line-height: normal;
      display: block;
      font-weight: normal;
      color: #989898; }

a.btn-orange {
  color: #fff;
}

.inner-page-header h1{
	font-size: 28px;
	font-weight: 400;
	line-height: 38px;
	letter-spacing: 0.02em;
	text-align: left;
	margin-bottom: 24px;
	padding-bottom: 18px;
	margin-top: 0;
	border-bottom: 1px solid #ECECEC;
	text-transform: uppercase;
	font-family: roboto;
}
.articles-list{
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}
.articles-list__article{
	color: #4D4D4D;
	background: #FFFFFF;
	border-radius: 2px;
	font-size: 14px;
}
.articles-list__article:hover{
	box-shadow: 0px 8px 32px rgba(35, 35, 35, 0.16);
}
.articles-list__article:hover a:after{
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 5H0.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 8.75L11.25 5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 1.25L11.25 5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	width: 24px;
	height: 24px;
	border-radius: 100%;
	top: 20px;
	right: 24px;
	position: absolute;
	background-color: #F5872E;
	background-size: 12px auto;
	background-position: center;
	content: '';
	background-repeat: no-repeat;
}
.articles-list__article a, .articles-list__article .selection-block{
	color: #4D4D4D;
	text-decoration: none;
	display: block;
	padding: 20px 88px 20px 24px;
	position: relative;
}
.articles-list__article h2,
.articles-list__article a h2{
	color: #1A1A1A;
	font-size: 16px;
	margin-bottom: 0.5em;
}
.articles-list__article h2+p{
	margin-top: 0;
}
.articles-list__article a>*:first-child{
	margin-top: 0;
}
.articles-list__article a>*:last-child{
	margin-bottom: 0;
}
@media (max-width: 1024px){
	.articles-list__article a{
		padding-right: 24px;
	}
	.articles-list__article:hover a:after{
		display: none;
	}
	.inner-page-header h1{
		border-bottom: 0;
		padding-bottom: 0;
	}
}
.videoplayer{
	display: flex;
	column-gap: 20px;
}
.videoplayer .jspVerticalBar{
	width: 8px;
}
.videoplayer .jspTrack{
	background: transparent;
}
.videoplayer .jspDrag{
	background: #e4e3e3;
	border-radius: 8px;
}
.videoplayer__itself{
	position: relative;
	width: 66.66%;
	flex-shrink: 0;
}
.videoplayer__videowrap{
	position: relative;
	padding-top: 56.6%;
}
.videoplayer__itself iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.videoplayer__list{
	position: relative;
	overflow: hidden;
	flex-grow: 1;
}
.videoplayer__link{
	padding: 7px;
	font-size: 12px;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
}
.videoplayer__link-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.videoplayer__link.current{
	background: var(--orange);
	color: #fff;
	border-bottom: 1px solid var(--orange);
}
@media (max-width: 767px){
	.videoplayer{
		flex-direction: column;
		row-gap: 15px;
	}
	.videoplayer__itself{
		width: 100%;
	}
	.videoplayer__list{
		min-height: 240px;
	}
}


.filter-drop{
	margin-left: 0;
    background: none;
    color: var(--orange);
    font-weight: 500;
    border: 1px dashed var(--orange);
	padding-left: 45px;
    position: relative;
    padding-right: 20px;
}
.filter-drop:hover{
	background: var(--orange);
	color: #fff;
}
.filter-drop:before{
	width: 24px;
	height: 24px;
	background: url(../images/close-cross.svg) no-repeat;
	background-size: contain;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 10px;
}

.article-thumb-tags{
	display: flex;
	flex-wrap: wrap;
    column-gap: 6px;
    row-gap: 6px;
}
.article-thumb-tag{
	max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.search-field.card.card--stretch>.card__wrap>a{
	display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.article-header .article-thumb-tags{
	margin-top: 10px;
	margin-bottom: 10px;
}
iframe {
	border: none;
}

/* inner tab navi */
.articles-subheader-navi{
	margin-bottom: 40px;	
}
.articles-subheader-navi .col-3{
	padding: 0px;
}
.articles-subheader-navi .iconed-link{
	font-size: 1rem;
	border:1px solid transparent;
	padding: 0px 10px 0 10px;
	border-bottom: 1px solid var(--light-grey-alt);
}
.body-compass .articles-subheader-navi a.selected{
	border: 1px solid var(--light-grey-alt);
	border-bottom-color: transparent;
	filter: none;
	border-top-color: var(--vivid-blue);
	position: relative;
	box-shadow:1px -2px 3px rgba(0,0,0,0.12), -1px -2px 3px rgba(0,0,0,0.12);
}
.body-compass .articles-subheader-navi a.selected:before {
    content: '';
    background: var(--vivid-blue);
    height: 3px;
    position: absolute;
    left: -1px;
    bottom: calc(100% + 0px);
    width: calc(100% + 2px);
    border-radius: 2px 2px 0 0;
}
.row.section_menu{
	margin-left: 0;
	margin-right: 0;
}
.section_menu .link-text span{
	display: block;
	text-decoration: none;
	color: gray;
	font-size: 0.7em;
	line-height: 1.3;
	margin-top: 0.1em;
}
.link-icon-placeholder:not(:has(*)) {
    width: 0px;
    margin-right: 0;
}
.link-icon-placeholder:not(:has(*))~.link-text {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}