/* @license MIT https://github.com/necolas/normalize.css/blob/3.0.3/LICENSE.md */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

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


input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}


input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

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

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

@media (min--moz-device-pixel-ratio:0) {
	summary {
		display: list-item;
	}
}

/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@font-face {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 300;
	src: local("Ubuntu Light"), local("Ubuntu-Light"), url(fonts/Ubuntu-Light.ttf) format("ttf");
	font-display: swap;
}

@font-face {
	font-family: "Ubuntu";
	font-style: italic;
	font-weight: 300;
	src: local("Ubuntu Light Italic"), local("Ubuntu-LightItalic"), url(fonts/Ubuntu-LightItalic.ttf) format("ttf");
	font-display: swap;
}

@font-face {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 400;
	src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(fonts/Ubuntu-Regular.ttf) format("ttf");
	font-display: swap;
}

@font-face {
	font-family: "Ubuntu";
	font-style: italic;
	font-weight: 400;
	src: local("Ubuntu Italic"), local("Ubuntu-Italic"), url(fonts/Ubuntu-Italic.ttf) format("ttf");
	font-display: swap;
}

@font-face {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 500
	src: local("Ubuntu Medium"), local("Ubuntu-Medium"), url(fonts/Ubuntu-Medium.ttf) format("ttf");
	font-display: swap;
}

@font-face {
	font-family: "Ubuntu";
	font-style: normal;
	font-weight: 700;
	src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(fonts/Ubuntu-Bold.ttf) format("ttf");
	font-display: swap;
}

.table-default table thead>tr {
	background-color: #f5f6f6
}

.table-default table p,
.table-default table ul li,
.table-default table div {
	font-size: 14px;
	font-weight: 400;
	color: #454545
}

.table-default table th,
.table-default table td {
	padding: 8px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	color: #454545;
	border: 1px solid #ddd
}

.table-default--respect-width table th,
.table-default--respect-width table td {
	white-space: normal
}

table.word-wrap th,
table.word-wrap td {
	white-space: normal
}

.table-wrapper {
	overflow-x: auto
}

.mobile-table-effect {
	position: relative
}

.mobile-table-effect--shown:after {
	content: "";
	display: block;
	width: 8%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)
}

.responsive-table table {
	position: relative;
	width: 100%;
	border: #ddd
}

.responsive-table table caption {
	text-align: left
}

.responsive-table table th,
.responsive-table table td {
	padding: 8px;
	vertical-align: middle
}

.responsive-table table tr a {
	color: #0569c7;
	font-weight: 500
}

.responsive-table table tr a.button:not(:hover) {
	color: #fff
}

.responsive-table table tr p {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #454545
}

table td,
table th {
	padding: 5px
}

table.technical-characteristic {
	width: 100%;
	margin: 14px 0 0;
	font-size: 13.5px
}

table.technical-characteristic thead {
	background-color: #fd0;
	border-color: #e8e8e8;
	border-bottom: none
}

@media(max-width:800px) {
	table.technical-characteristic thead {
		display: none
	}
}

table.technical-characteristic tbody {
	border-top: 1px solid #ccc
}

table.technical-characteristic th {
	padding: 10px 12px;
	font-weight: bold;
	vertical-align: top;
	background-color: #fd0;
	border-bottom: none;
	text-align: center
}

table.technical-characteristic td {
	background: #ffefb9;
	border-bottom: 2px solid #fff;
	padding: 10px 12px;
	font-weight: normal;
	text-align: left
}

table.technical-characteristic td.col_0 {
	background: #fd0
}

table.technical-characteristic td .tablesaw-cell-label {
	display: none;
	vertical-align: top;
	font-size: 8.7px;
	font-weight: bold;
	border: none;
	text-transform: uppercase
}

@media(max-width:800px) {
	table.technical-characteristic td {
		display: table;
		width: 100% !important
	}

	table.technical-characteristic td .tablesaw-cell-label {
		display: inline-block;
		width: 30%;
		padding: .3em .6em 0 .3em
	}

	table.technical-characteristic td .tablesaw-cell-content {
		max-width: 67%;
		display: inline-block
	}
}

table.table-separated-borders {
	border-collapse: separate;
	border-spacing: 2px;
	border-width: 1px;
	border-style: solid
}

.layout--twocol-section--25-75 .layout__region--second,
.layout--twocol-section--33-67 .layout__region--second {
	position: relative;
	max-width: 100%
}

@media(min-width:800px) {

	.layout--twocol-section--25-75 .layout__region--second,
	.layout--twocol-section--33-67 .layout__region--second {
		padding-left: 30px
	}
}

@media(min-width:800px) {
	.layout--twocol-section--25-75 .layout__region--second {
		max-width: 75%
	}
}

@media(min-width:800px) {
	.layout--twocol-section--33-67 .layout__region--second {
		max-width: 67%
	}
}

@media(min-width:1200px) {
	.region-header .menu--account.menu-account--display--text .menu .menu-item .link-title {
		white-space: nowrap
	}

	.region-header .menu--account.menu-account--display--text .menu .menu-item .link-icon {
		display: none
	}

	.region-header .menu--account.menu-account--display--icon .link-title {
		display: none;
		white-space: nowrap
	}

	.region-header .menu--account.menu-account--color-config--icon_color .link-icon {
		color: var(--color-primary)
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .link-icon {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #454545;
		width: 30px;
		height: 30px;
		background-color: var(--color-primary);
		border-radius: 50%;
		padding: 6px
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .link-icon svg {
		width: 100%;
		height: 100%
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu-link--magenta-phone .link-icon {
		padding: 0
	}

	.region-header .menu--account.display-link-text .link-title {
		display: inline-block;
		margin-top: 2px
	}

	.region-header .menu--account .link-icon {
		margin-bottom: 2px
	}

	.region-header .space-menu--separator.menu--space-menu .menu li {
		padding: 0
	}

	.region-header .space-menu--separator.menu--space-menu .menu li a {
		position: relative;
		padding: 0 10px
	}

	.region-header .space-menu--separator.menu--space-menu .menu li a:before {
		content: "";
		position: absolute;
		left: 0;
		top: 100%;
		transform: translateY(-100%);
		height: 13px;
		width: 1px;
		display: inline-block;
		background-color: #454545
	}

	.region-header .space-menu--separator.menu--space-menu .menu li:first-of-type a:before {
		opacity: 0
	}

	.rtl .region-header .space-menu--separator.menu--space-menu .menu li:first-of-type a:before {
		opacity: 1
	}

	.rtl .region-header .space-menu--separator.menu--space-menu .menu li:last-of-type a:before {
		opacity: 0
	}
}

@media(min-width:1200px) {
	.region-header .menu--account.menu-account--color-config .menu .link-icon {
		color: #4a4a4a
	}

	.region-header .menu--account.menu-account--color-config .menu .link-icon .projects-count {
		background: #4a4a4a
	}

	.region-header .menu--account.menu-account--color-config--icon_color .menu .link-icon {
		color: var(--color-primary)
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu a {
		padding-right: 10px
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu .link-icon {
		color: #fff;
		background-color: var(--color-primary);
		padding-right: 6px;
		margin-right: 2px
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu .link-icon svg {
		width: 100%;
		height: 100%
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu .link-icon .projects-count {
		top: 15px;
		left: 11px
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu a:hover .link-icon {
		color: #fff
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu a[href$="user/logout"] .link-icon::before {
		background-color: var(--color-primary)
	}

	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu a[href$="user/logout"] .link-icon::before,
	.region-header .menu--account.menu-account--color-config--icon_bg_color .menu a[href$="user/logout"] .link-icon::after {
		right: 4px;
		bottom: 4px
	}
}

.progress__track {
	border-color: #b3b3b3;
	border-radius: 10em;
	background-color: #f2f1eb;
	background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0);
	background-image: linear-gradient(#e7e7df, #f0f0f0);
	box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16);
}

.progress__bar {
	height: 16px;
	margin-top: -1px;
	margin-left: -1px;
	padding: 0 1px;
	-webkit-transition: width 0.5s ease-out;
	transition: width 0.5s ease-out;
	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;
	border: 1px #07629a solid;
	border-radius: 10em;
	background: #057ec9;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
	background-size: 40px 40px;
}

[dir="rtl"] .progress__bar {
	margin-right: -1px;
	margin-left: 0;
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	animation-direction: reverse;
}

@media screen and (prefers-reduced-motion:reduce) {
	.progress__bar {
		-webkit-transition: none;
		transition: none;
		-webkit-animation: none;
		-moz-animation: none;
	}
}

@-webkit-keyframes animate-stripes {
	0% {
		background-position: 0 0, 0 0;
	}

	100% {
		background-position: 0 0, -80px 0;
	}
}

@-ms-keyframes animate-stripes {
	0% {
		background-position: 0 0, 0 0;
	}

	100% {
		background-position: 0 0, -80px 0;
	}
}

@keyframes animate-stripes {
	0% {
		background-position: 0 0, 0 0;
	}

	100% {
		background-position: 0 0, -80px 0;
	}
}

.ui-dialog {
	position: absolute;
	z-index: 1260;
	overflow: visible;
	padding: 0;
	color: #000;
	border: solid 1px #ccc;
	background: #fff;
}

@media all and (max-width:48em) {
	.ui-dialog {
		width: 92% !important;
	}
}

.ui-dialog .ui-dialog-titlebar {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	border-radius: 0;
	background: #f3f4ee;
	font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
	border: 0;
	background: none;
}

.ui-dialog .ui-dialog-buttonpane {
	margin-top: 0;
	padding: 0.3em 1em;
	border-width: 1px 0 0 0;
	border-color: #ccc;
	background: #f3f4ee;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	margin: 0;
	padding: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
	padding: 0;
}

.ui-dialog .ui-dialog-content .form-actions {
	margin: 0;
	padding: 0;
}

.ui-dialog .ajax-progress-throbber {
	position: fixed;
	z-index: 1000;
	top: 48.5%;
	left: 49%;
	width: 24px;
	height: 24px;
	padding: 4px;
	opacity: 0.9;
	border-radius: 7px;
	background-color: #232323;
	background-image: url(/fonts/contrib/classy/images/misc/loading-small.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.ui-dialog .ajax-progress-throbber .throbber,
.ui-dialog .ajax-progress-throbber .message {
	display: none;
}

.collapse-processed>summary {
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.collapse-processed>summary:before {
	float: left;
	width: 1em;
	height: 1em;
	content: "";
	background: url(/fonts/contrib/classy/images/misc/menu-expanded.png) 0 100% no-repeat;
}

[dir="rtl"] .collapse-processed>summary:before {
	float: right;
	background-position: 100% 100%;
}

.collapse-processed:not([open])>summary:before {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background-position: 25% 35%;
}

[dir="rtl"] .collapse-processed:not([open])>summary:before {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-position: 75% 35%;
}

.field__label {
	font-weight: bold;
}

.field--label-inline .field__label,
.field--label-inline .field__items {
	float: left;
}

.field--label-inline .field__label,
.field--label-inline>.field__item,
.field--label-inline .field__items {
	padding-right: 0.5em;
}

[dir="rtl"] .field--label-inline .field__label,
[dir="rtl"] .field--label-inline .field__items {
	padding-right: 0;
	padding-left: 0.5em;
}

.field--label-inline .field__label::after {
	content: ":";
}

tr.selected td {
	background: #ffc;
}

td.checkbox,
th.checkbox {
	text-align: center;
}

[dir="rtl"] td.checkbox,
[dir="rtl"] th.checkbox {
	text-align: center;
}

div.tabs {
	margin: 1em 0;
}

ul.tabs {
	margin: 0 0 0.5em;
	padding: 0;
	list-style: none;
}

.tabs>li {
	display: inline-block;
	margin-right: 0.3em;
}

[dir="rtl"] .tabs>li {
	margin-right: 0;
	margin-left: 0.3em;
}

.tabs a {
	display: block;
	padding: 0.2em 1em;
	text-decoration: none;
}

.tabs a.is-active {
	background-color: #eee;
}

.tabs a:focus,
.tabs a:hover {
	background-color: #f5f5f5;
}

.ui-dialog--narrow {
	max-width: 500px;
}

@media screen and (max-width:600px) {
	.ui-dialog--narrow {
		min-width: 95%;
		max-width: 95%;
	}
}

.messages {
	padding: 15px 20px 15px 35px;
	word-wrap: break-word;
	border: 1px solid;
	border-width: 1px 1px 1px 0;
	border-radius: 2px;
	background: no-repeat 10px 17px;
	overflow-wrap: break-word;
}

[dir="rtl"] .messages {
	padding-right: 35px;
	padding-left: 20px;
	text-align: right;
	border-width: 1px 0 1px 1px;
	background-position: right 10px top 17px;
}

.messages+.messages {
	margin-top: 1.538em;
}

.messages__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.messages__item+.messages__item {
	margin-top: 0.769em;
}

.messages--status {
	color: #325e1c;
	border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
	background-color: #f3faef;
	background-image: url(/fonts/contrib/classy/images/icons/73b355/check.svg);
	box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
	margin-left: 0;
	border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
	box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
	color: #734c00;
	border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
	background-color: #fdf8ed;
	background-image: url(/fonts/contrib/classy/images/icons/e29700/warning.svg);
	box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
	border-color: #f4daa6 transparent #f4daa6 #f4daa6;
	box-shadow: 8px 0 0 #e09600;
}

.messages--error {
	color: #a51b00;
	border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
	background-color: #fcf4f2;
	background-image: url(/fonts/contrib/classy/images/icons/e32700/error.svg);
	box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
	border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
	box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
	color: #a51b00;
}

.node--unpublished {
	background-color: #fff4f4;
}

.add-to-project-button {
	margin-right: 16px;
	font-size: 14px;
	line-height: 1.71
}

.add-to-project-button.button .icon__svg--new-folder {
	display: none
}

@media(max-width:800px) {
	.add-to-project-button>svg.icon__svg--new-folder {
		width: 17px
	}
}

.add-to-project-button:last-child {
	margin-bottom: 0
}

@media(min-width:800px) {
	.add-to-project-button {
		margin-right: 0
	}
}

.add-to-project-wrapper .ajax-progress {
	position: absolute
}

.ui-widget-overlay {
	background: rgba(69, 69, 69, .5);
	opacity: 1
}

.ui-dialog.add-to-project-modal {
	border-radius: 6px;
	text-align: center;
	left: 50% !important;
	width: 92% !important;
	max-width: 100%;
	transform: translateX(-50%)
}

@media(max-height:600px) {
	.ui-dialog.add-to-project-modal {
		overflow-y: auto
	}
}

.ui-dialog.add-to-project-modal .ajax-progress.ajax-progress-throbber {
	background: none
}

.ui-dialog.add-to-project-modal .ui-dialog-titlebar {
	margin: 0;
	background: none;
	border: none;
	font-size: 0
}

.ui-dialog.add-to-project-modal .ui-dialog-titlebar span {
	margin: 0;
	font-size: 0
}

.ui-dialog.add-to-project-modal .ui-dialog-titlebar-close {
	position: absolute;
	top: 25px;
	right: 20px;
	width: 21px;
	height: 21px;
	z-index: 999;
	outline: none
}

.ui-dialog.add-to-project-modal .ui-dialog-titlebar-close .ui-button-icon {
	background: url(/fonts/custom/mac3_base_theme/src/icons/close.svg) center
}

.ui-dialog.add-to-project-modal .ui-dialog-content {
	padding: 50px 20px 40px
}

.ui-dialog.add-to-project-modal .ui-dialog-content .field--name-field-title {
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: normal;
	color: #454545
}

.ui-dialog.add-to-project-modal .ui-dialog-content img {
	max-width: 96px
}

.ui-dialog.add-to-project-modal .ui-dialog-content p {
	font-weight: normal;
	font-size: 16px;
	color: #454545
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-item-project {
	text-align: left;
	width: 100%
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-item-project label {
	display: none
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-wrapper {
	text-align: right;
	font-size: 0;
	overflow: auto
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-wrapper .form-item {
	margin-bottom: 0
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-wrapper .form-item input {
	margin-bottom: 18px
}

.ui-dialog.add-to-project-modal .ui-dialog-content label {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	color: #454545
}

.ui-dialog.add-to-project-modal .ui-dialog-content input {
	max-width: 100%;
	width: 100%;
	min-height: 40px;
	padding: 10px 20px;
	border-color: #9b9b9b;
	border-radius: 4px;
	font-size: 16px
}

.ui-dialog.add-to-project-modal .ui-dialog-content input::placeholder {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.14;
	color: #9b9b9b
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button {
	margin: 10px 10px 10px 8px;
	line-height: 1.25;
	font-size: 16px;
	font-weight: normal
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button:before {
	height: 7px;
	right: 23px
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button:after {
	width: 16px;
	height: 16px
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button.submit-send,
.ui-dialog.add-to-project-modal .ui-dialog-content .button.create-project-submit {
	padding-right: 19px
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button.submit-send:after,
.ui-dialog.add-to-project-modal .ui-dialog-content .button.submit-send:before,
.ui-dialog.add-to-project-modal .ui-dialog-content .button.create-project-submit:after,
.ui-dialog.add-to-project-modal .ui-dialog-content .button.create-project-submit:before {
	display: none
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button.submit-send {
	float: right;
	margin-right: 0
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button#close-dialog-btn:before {
	right: 21px;
	width: 10px;
	height: 12px;
	background-image: url(/fonts/custom/mac3_base_theme/src/icons/close.svg)
}

@media(min-width:800px) {
	.ui-dialog.add-to-project-modal .ui-dialog-content {
		padding: 50px 40px 40px
	}
}

.ui-dialog.add-to-project-modal .messages {
	margin-bottom: 20px;
	padding: 15px 20px
}

.ui-dialog.add-to-project-modal .messages.messages--error>div:before {
	top: -3px
}

@media(min-width:800px) {
	.ui-dialog.add-to-project-modal {
		width: 525px !important;
		max-width: 525px !important
	}
}

.select2-container {
	font-size: 14px;
	color: #454545
}

.select2-container .select2-dropdown {
	z-index: 9999
}

.select2-container li.select2-results__option--highlighted[aria-selected] {
	color: #454545
}

.select2-container span.select2-selection--single {
	padding: 5px 10px;
	height: auto
}

.select2-container span.select2-selection--single:focus {
	outline: none
}

.select2-container .select2-selection__rendered {
	line-height: 1.2
}

.add-to-project-button {
	font-size: 14px
}

.add-to-project-button.button__color-white {
	font-size: 18px;
	color: var(--color-primary)
}

.add-to-project-button.button__color-white:hover {
	color: #fff
}

.ui-dialog.add-to-project-modal .ui-dialog-titlebar-close:focus {
	outline-color: var(--color-primary)
}

.ui-dialog.add-to-project-modal .ui-dialog-content {
	max-height: none !important
}

.ui-dialog.add-to-project-modal .ui-dialog-content label {
	display: none
}

.ui-dialog.add-to-project-modal .ui-dialog-content input {
	border-color: #4a4a4a
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button {
	padding: 9px 19px;
	color: #fff
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button:last-of-type {
	margin-right: 0
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button:hover {
	color: var(--color-primary)
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button.button--secondary {
	box-shadow: none;
	color: var(--color-primary)
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button.button--secondary:hover {
	background: var(--color-primary);
	color: #fff
}

.select2-container span.select2-selection--single {
	border-color: #4a4a4a
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
	background-image: url(/fonts/custom/mac3_theme/src/icons/chevron-down-blue.svg);
	margin-left: 0;
	margin-top: 2px;
	transition: all .3s
}

.select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	background-image: url(/fonts/custom/mac3_theme/src/icons/chevron-down-blue.svg);
	background-position: 0;
	transform: rotate(180deg)
}

.select2-container .select2-search--dropdown .select2-search__field:focus {
	outline-color: var(--color-primary)
}

.select2-container li.select2-results__option--highlighted[aria-selected] {
	background: var(--color-primary);
	color: #fff
}

.ui-dialog.add-to-project-modal {
	top: auto !important;
	max-height: 90vh !important
}

.ui-dialog.add-to-project-modal table {
	width: 100%;
	text-align: left
}

.ui-dialog.add-to-project-modal table tbody tr td .button.form-submit {
	margin-top: -20px
}

.ui-dialog.add-to-project-modal table tbody tr td .form-select {
	border-radius: 4px;
	width: 100%;
	height: 40px;
	font-size: 16px
}

.ui-dialog.add-to-project-modal .messages {
	text-align: left
}

.ui-dialog.add-to-project-modal .ui-dialog-titlebar-close {
	outline: none
}

.ui-dialog.add-to-project-modal .ui-dialog-content {
	max-height: 85vh !important
}

@media(max-width:799px) {
	.ui-dialog.add-to-project-modal .ui-dialog-content {
		min-height: auto !important
	}
}

.ui-dialog.add-to-project-modal .ui-dialog-content label {
	display: block;
	text-align: left;
	margin-bottom: 8px
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-required:after {
	content: "*"
}

.ui-dialog.add-to-project-modal .ui-dialog-content .select2-container .select2-selection--single .select2-selection__rendered {
	text-align: left
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-wrapper .form-item {
	margin-bottom: 15px
}

.ui-dialog.add-to-project-modal .ui-dialog-content #drupal-modal {
	max-height: 85vh !important;
	height: auto;
	overflow: auto
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-textarea {
	width: 100%;
	height: 100px;
	font: initial;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	border-radius: 4px
}

.ui-dialog.add-to-project-modal .ui-dialog-content input {
	padding: 10px
}

.ui-dialog.add-to-project-modal .ui-dialog-content h1,
.ui-dialog.add-to-project-modal .ui-dialog-content h2,
.ui-dialog.add-to-project-modal .ui-dialog-content h3 {
	text-align: left
}

.ui-dialog.add-to-project-modal .ui-dialog-content .project-audit-file {
	text-align: left
}

.ui-dialog.add-to-project-modal .ui-dialog-content .form-wrapper {
	text-align: left
}

.ui-dialog.add-to-project-modal .ui-dialog-content .button {
	margin-right: 10px !important
}

.ui-dialog.add-to-project-modal .ui-dialog-content button.secondary {
	border-color: #005eb8;
	color: #005eb8;
	background-color: #fff
}

.ui-dialog.add-to-project-modal .ui-dialog-content .mac3-project-team .form-select {
	width: 100px
}

body {
	font-family: "Ubuntu", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 1.5;
	color: #454545;
	background-color: #fff
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	word-wrap: normal
}

.overflow-y-hidden {
	overflow-y: hidden
}

.swiper-pagination .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	border: 1px solid #ccc;
	opacity: 1;
	background: #fff
}

.swiper-pagination .swiper-pagination-bullet-active {
	border-color: var(--color-primary);
	background-color: var(--color-primary)
}

.paragraph--type--iframe iframe {
	max-width: 100% !important
}

.field--name-field-telephone a,
.field--name-field-email a,
.field--name-field-website a,
.field--name-field-mobile a,
.field--name-field-site-link a {
	color: inherit
}

.media--blazy.media--loading:before {
	background: url(/fonts/custom/mac3_theme/src/icons/mac3_loader-min.gif) no-repeat center;
	background-size: 100%;
	animation: none
}

.ajax-progress-fullscreen {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	width: 27px;
	height: 27px;
	border-radius: 0;
	background: url(/fonts/custom/mac3_theme/src/icons/mac3_loader-min.gif) no-repeat center;
	background-size: 100%
}

.ajax-progress.ajax-progress-throbber {
	font-size: 0;
	background: none
}

.ajax-progress.ajax-progress-throbber .message {
	display: none
}

.ajax-progress.ajax-progress-throbber .throbber {
	display: inline-block;
	padding: 0;
	width: 24px;
	height: 24px;
	background: url(/fonts/custom/mac3_theme/src/icons/mac3_loader-min.gif) no-repeat center;
	background-size: 100%;
	animation: none
}

.mfp-wrap button.mfp-close {
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	color: #454545;
	opacity: 1
}

.messages.messages--error {
	width: 100%
}

.messages.messages--status {
	padding: 30px;
	border: 0;
	background: #dbecf7;
	box-shadow: 0 0 6px 0 rgba(155, 155, 155, .6);
	z-index: 9;
	font-weight: 300;
	color: #4a4a4a
}

.messages.messages--status>div:before {
	background: url(/fonts/custom/mac3_theme/src/icons/info-blue.svg) no-repeat;
	background-size: 100%
}

.sticky-header .messages.messages--error {
	top: 100px
}

@media(min-width:900px) {
	.ui-dialog .ui-dialog-content:has(form) {
		padding: 1rem 2.5rem
	}
}

.theme--blue {
	background-color: #f1f9ff
}

.theme--grey {
	background-color: #f8f8f8
}

h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
	color: #454545;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: 0
}

h5 strong,
.h5 strong,
h4 strong,
.h4 strong,
h3 strong,
.h3 strong,
h2 strong,
.h2 strong,
h1 strong,
.h1 strong {
	font-weight: 500
}

h1,
.h1 {
	font-size: 30px;
	line-height: 1.25;
	text-align: center
}

@media(max-width:799px) {

	h1,
	.h1 {
		font-size: 26px
	}
}

h2,
.h2 {
	margin: 16px 0 14px;
	font-size: 26px;
	line-height: 1.44
}

@media(max-width:799px) {

	h2,
	.h2 {
		font-size: 22px
	}
}

h3,
.h3 {
	margin: 16px 0 14px;
	font-size: 22px;
	line-height: 1.17
}

@media(max-width:799px) {

	h3,
	.h3 {
		font-size: 20px
	}
}

h4,
.h4 {
	margin: 16px 0 14px;
	line-height: 1.56;
	font-size: 20px
}

@media(max-width:799px) {

	h4,
	.h4 {
		font-size: 18px
	}
}

h5,
.h5 {
	margin: 16px 0 14px;
	line-height: 1.56;
	font-size: 16px
}

@media(max-width:799px) {

	h5,
	.h5 {
		font-size: 14px
	}
}

p {
	margin: 14px 0;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	color: #454545
}

@media(min-width:768px) {
	p {
		font-size: 18px;
		line-height: 1.56
	}
}

p a {
	word-break: break-word
}

mark {
	color: #454545;
	background-color: #dfeef9
}

blockquote {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 17px 15px 7px 25px
}

@media(min-width:768px) {
	blockquote {
		margin: 0 31px;
		padding: 13px 23px
	}
}

blockquote:before,
blockquote:after {
	content: "";
	position: absolute;
	width: 15px;
	height: 26px;
	background-image: url(/fonts/custom/mac3_theme/src/icons/quote.svg);
	background-position: center;
	background-repeat: no-repeat
}

blockquote:before {
	top: 0;
	left: 0
}

blockquote:after {
	bottom: 0;
	right: 0
}

blockquote p {
	display: inline;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: italic;
	line-height: 1.35;
	letter-spacing: normal
}

@media(min-width:768px) {
	blockquote p {
		font-size: 24px;
		line-height: 1.25
	}
}

a {
	color: var(--color-primary);
	text-decoration: none
}

ul:not(.toolbar-menu) li,
ol li {
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	color: #454545
}

ul:not(.toolbar-menu) li p,
ol li p {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit
}

.margin-top {
	margin-top: 32px
}

.margin-bottom {
	margin-bottom: 32px
}

.margin-small {
	margin-top: 12px
}

.button {
	position: relative;
	display: inline-block;
	padding: 7px 40px 7px 16px;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1.71;
	align-items: center;
	text-decoration: none;
	vertical-align: top;
	white-space: normal;
	color: #fff;
	background-color: var(--color-primary);
	border: 2px solid rgba(0, 0, 0, 0);
	border-radius: 6px;
	cursor: pointer;
	margin: 0 0
}

.button .icon__svg--right {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	width: 16px;
	height: 29px
}

.button:hover {
	color: var(--color-primary);
	background-color: #fff;
	outline: 0;
	border-color: var(--color-primary)
}

.button[disabled] {
	color: #323a45;
	background-color: #ccc;
	cursor: default;
	pointer-events: none
}

.button--primary {
	padding-right: 16px
}

@media(min-width:800px) {

	.button--big-with-arrow,
	.button--big-without-arrow {
		padding: 15px 47px 14px 16px;
		font-size: 18px;
		line-height: 1.11
	}
}

.button--secondary {
	padding: 10px 48px 10px 16px;
	font-size: 18px;
	line-height: 1.11;
	color: var(--color-primary);
	background-color: #fff;
	border: 2px solid var(--color-primary)
}

.button--secondary:hover {
	color: var(--color-primary);
	background-color: #fff
}

.button--secondary-without-border {
	padding: 0 48px 0 0;
	border: none;
	background-color: rgba(0, 0, 0, 0)
}

.button--secondary-without-border:after {
	right: 0
}

.button--secondary-without-border:focus,
.button--secondary-without-border:hover {
	background-color: rgba(0, 0, 0, 0)
}

.button--secondary-white {
	font-size: 16px;
	background-color: #fff;
	border: none
}

.button--grey {
	font-weight: 300;
	color: #454545
}

.button--grey:hover {
	color: #454545
}

.button--grey:after {
	background-image: url(/fonts/custom/mac3_theme/src/images/icons/arrow-right-grey.svg)
}

.button__text {
	line-height: 1
}

.button--icon .button__text {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	max-width: 90%;
	text-overflow: ellipsis;
	line-height: normal
}

.button--color-blue {
	background-color: var(--color-primary);
	color: #fff
}

.button--color-blue:hover {
	color: var(--color-primary);
	background-color: #fff;
	border-color: var(--color-primary)
}

.button--color-yellow {
	background-color: #ffdd03;
	color: #090909
}

.button--color-yellow:hover {
	color: #ffdd03;
	background-color: #090909;
	border-color: #ffdd03
}

.button--color-black {
	background-color: #090909;
	color: #fff
}

.button--color-black:hover {
	color: #090909;
	background-color: #fff;
	border-color: #090909
}

.button--color-grey {
	background-color: #ccc;
	color: #fff
}

.button--color-grey:hover {
	color: #ccc;
	background-color: #fff;
	border-color: #ccc
}

.button--color-dark_grey {
	background-color: #9b9b9b;
	color: #fff
}

.button--color-dark_grey:hover {
	color: #9b9b9b;
	background-color: #fff;
	border-color: #9b9b9b
}

.button--color-grey_light {
	background-color: #eee;
	color: var(--color-primary)
}

.button--color-grey_light:hover {
	color: #eee;
	background-color: var(--color-primary);
	border-color: #eee
}

.button--color-light_blue {
	background-color: #f1f9ff;
	color: var(--color-primary)
}

.button--color-light_blue:hover {
	color: #f1f9ff;
	background-color: var(--color-primary);
	border-color: #f1f9ff
}

.button--color-white {
	background-color: #fff;
	color: var(--color-primary);
	border: 2px solid var(--color-primary);
	padding: 10px 48px 10px 16px;
	font-size: 18px;
	line-height: 1.11
}

.button--color-white:hover {
	color: #fff;
	background-color: var(--color-primary);
	border-color: #fff
}

.button--color-white:after {
	right: 20px
}

.button--without-arrow,
.button--big-without-arrow {
	padding-right: 16px
}

.button--without-arrow:after,
.button--big-without-arrow:after {
	content: none
}

.button--no-bg {
	border: 0 none;
	padding-left: 0;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
	color: #454545
}

.button--no-bg:hover {
	border: 0 none;
	color: #454545;
	background-color: rgba(0, 0, 0, 0)
}

.button--no-bg .icon__svg {
	color: var(--color-primary)
}

.button--transparent {
	color: var(--color-primary)
}

.button--transparent,
.button--transparent:hover,
.button--transparent:focus {
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0)
}

.button--with-arrow {
	padding-right: 40px
}

.ui-dialog .ui-dialog-content .unflag-confirm-form button.form-submit {
	background-image: url(/fonts/custom/mac3_theme/src/icons-bg/delete-white.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 50%;
	background-size: 24px 24px;
	padding-right: 50px
}

.ui-dialog .ui-dialog-content .unflag-confirm-form button.form-submit:hover {
	background-image: url(/fonts/custom/mac3_theme/src/icons/delete-blue.svg)
}

.ui-dialog .ui-dialog-content .unflag-confirm-form button.form-submit:focus,
.ui-dialog .ui-dialog-content .unflag-confirm-form button.form-submit:active {
	opacity: 1
}

.container-inline.webform-flexbox,
.entity-view-display-layout-builder-form,
.block-help,
.block-page-title-block,
.container-wide,
.container {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 16px
}

.container--grey {
	background-color: #f8f8f8
}

.container--grey>.layout__region--content {
	padding: 10px;
	background-color: #f8f8f8
}

@media(min-width:800px) {
	.container--grey>.layout__region--content {
		padding: 40px 126px
	}

	.container--grey>.layout__region--content .block-layout-builder h2 {
		margin-left: 60px
	}
}

@media(min-width:1440px) {

	.container-inline.webform-flexbox,
	.entity-view-display-layout-builder-form,
	.block-help,
	.block-page-title-block,
	.container-wide,
	.container {
		padding: 0
	}
}

.container-wide {
	max-width: 1440px
}

.block-page-title-block {
	text-align: center
}

.user-login-form {
	max-width: 600px;
	margin: auto
}

.container-wrapper-section {
	max-width: 1064px;
	margin: 22px auto;
	padding: 0 15px
}

.container-offset {
	max-width: 955px;
	margin: 0 auto;
	padding: 25px 15px
}

.container-offset--grey>.layout__region--content {
	background-color: #f8f8f8
}

@media(min-width:800px) {
	.container-offset--grey>.layout__region--content {
		padding: 40px
	}
}

.footer-layout--basic .block-menu ul {
	padding: 0;
	margin: 0
}

.footer-layout--basic .block-menu ul li {
	list-style: none
}

.block-mini-layoutfooter {
	background-color: var(--color-primary)
}

.block-mini-layoutfooter,
.block-mini-layoutfooter a,
.block-mini-layoutfooter p {
	color: #fff
}

.footer-layout--basic {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 16px 0 8px;
	max-width: 1440px
}

@media(min-width:800px) {
	.footer-layout--basic {
		padding: 15px 0
	}
}

.footer-layout--basic .layout__region {
	margin-bottom: 8px;
	width: 100%;
	text-align: center
}

.footer-layout--basic .layout__region--third {
	order: -1
}

@media(min-width:640px) {
	.footer-layout--basic .layout__region {
		flex: 0 1 33%;
		margin: 0;
		align-self: center
	}

	.footer-layout--basic .layout__region--third {
		order: inherit
	}
}

.footer-layout--basic a,
.footer-layout--basic p {
	text-decoration: none;
	font-size: 10px;
	line-height: 1.11;
	color: #fff
}

@media(min-width:800px) {

	.footer-layout--basic a,
	.footer-layout--basic p {
		font-size: 18px
	}
}

.footer-layout--basic img {
	margin: 15px 0 11px;
	max-width: 116px
}

.footer-layout--special {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 16px 0 8px;
	max-width: 1440px;
	justify-content: flex-end
}

.footer-layout--special+.footer-layout--special {
	padding: 25px 6px 15px
}

@media(min-width:800px) {
	.footer-layout--special {
		padding: 22px 0 0
	}

	.footer-layout--special+.footer-layout--special {
		padding: 0 0 10px
	}
}

.footer-layout--special .layout__region {
	width: 100%;
	text-align: center
}

.footer-layout--special .layout__region--third {
	order: -1;
	margin: 0 0 14px
}

@media(min-width:640px) {

	.footer-layout--special .layout__region--first,
	.footer-layout--special .layout__region--second,
	.footer-layout--special .layout__region--third {
		flex: 0 1 25%;
		margin: 0;
		align-self: center
	}

	.footer-layout--special .layout__region--second {
		flex: 0 1 50%;
		margin-top: 8px
	}

	.footer-layout--special .layout__region--first,
	.footer-layout--special .layout__region--second,
	.footer-layout--special .layout__region--third {
		order: inherit
	}

	.footer-layout--special .layout__region--third {
		margin-top: 4px
	}
}

.footer-layout--special .menu {
	padding: 0;
	margin: 0
}

.footer-layout--special .menu .menu-item {
	display: inline-block;
	padding: 0 20px
}

.footer-layout--special .menu .menu-item:first-child {
	padding-left: 0
}

.footer-layout--special a {
	text-decoration: none;
	font-size: 15px;
	line-height: 1.8;
	font-weight: 400;
	color: #fff
}

@media(min-width:800px) {
	.footer-layout--special a {
		font-size: 16px;
		line-height: 1.25
	}
}

.footer-layout--special img {
	max-width: 116px
}

@media(min-width:800px) {
	.footer-layout--special img {
		margin: -5px 0 0 60px
	}
}

.footer-layout--special p {
	margin: 0;
	padding: 0 10px;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.33;
	color: #9b9b9b
}

@media(min-width:800px) {
	.footer-layout--special p {
		margin-top: 9px;
		font-size: 14px
	}
}

.icon {
	display: inline-block;
	width: 20px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%
}

.icon__arrow {
	width: 12px;
	height: 22px
}

.icon__svg {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	fill: currentColor;
	color: currentColor
}

input[type=text],
input[type=password],
input[type=search],
input[type=tel] {
	padding: 8px 2px;
	border: 1px solid #ccc
}

input[type=search] {
	box-sizing: border-box
}

form .description {
	font-size: small
}

.form-item {
	margin-bottom: 18px
}

.form-text {
	max-width: 100%;
	width: 100%
}

.form-type-linkit label,
.form-type-textfield label,
.form-type-password label {
	display: block;
	margin-bottom: 4px
}

::placeholder {
	font-size: 18px;
	font-weight: 300;
	color: #9b9b9b
}

.form-type-checkbox,
.facet-item {
	position: relative
}

.form-type-checkbox label,
.facet-item label {
	position: relative;
	padding-left: 29px;
	font-size: 14px;
	line-height: 1.14
}

.facets-widget-checkbox ul {
	list-style: none;
	padding: 0
}

.facets-widget-checkbox input[type=checkbox]+label::before {
	top: -2px
}

.facets-widget-checkbox input[type=checkbox]:checked+label::after {
	top: 2px
}

input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	opacity: 0
}

input[type=checkbox]+label {
	cursor: pointer
}

input[type=checkbox]+label::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	border: 1px solid rgba(34, 47, 54, .6)
}

input[type=checkbox]:checked+label::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 5px;
	right: auto;
	display: block;
	width: 8px;
	height: 6px;
	border-width: 0 0 2px 2px;
	border-color: #222f36;
	border-style: solid;
	transform: rotate(-45deg)
}

.form-type-radio {
	position: relative
}

input[type=radio] {
	position: absolute;
	top: 7px;
	left: 0;
	width: 17px;
	height: 17px;
	opacity: 0
}

input[type=radio]+label {
	line-height: 1.2;
	cursor: pointer;
	padding-left: 29px
}

input[type=radio]+label::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 17px;
	height: 17px;
	border: 1px solid rgba(34, 47, 54, .6);
	border-radius: 50%
}

input[type=radio]:checked+label::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: auto;
	display: block;
	width: 7px;
	height: 7px;
	background-color: var(--color-primary);
	border-radius: 50%
}

input[type=radio]:checked+label::before {
	border-color: var(--color-primary)
}

.webform-confirmation__message {
	color: var(--color-primary)
}

.webform-type-radios input[type=radio]+label {
	position: relative;
	padding-left: 29px
}

.ui-menu .ui-menu-item-wrapper {
	display: block;
	padding: 0
}

.legal-login .form-submit {
	padding-right: 16px
}

.legal-login label.form-required {
	padding-right: 7px;
	background-image: url(/fonts/custom/mac3_theme/src/icons/required.svg);
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: 100% 2px
}

form[class*=webform-] label.form-required:after {
	content: "*";
	display: inline-block;
	padding-left: 2px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px
}

.editor-link-dialog .form-submit {
	padding-right: 16px
}

.sliding-popup-top,
.sliding-popup-bottom {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 6px 0 rgba(155, 155, 155, .3)
}

.eu-cookie-compliance-banner {
	position: relative
}

.eu-cookie-compliance-banner .find-more-button {
	display: none
}

.eu-cookie-compliance-banner .agree-button {
	border: none;
	background-color: rgba(0, 0, 0, 0);
	color: var(--color-primary)
}

.eu-cookie-compliance-content {
	display: block;
	max-width: none;
	padding: 16px 40px 16px 10px
}

@media(min-width:800px) {
	.eu-cookie-compliance-content {
		padding: 40px 160px 40px 0
	}
}

.eu-cookie-compliance-message,
.eu-cookie-compliance-buttons {
	float: none;
	max-width: none
}

.eu-cookie-compliance-message p {
	margin: 0;
	font-size: 14px
}

.eu-cookie-compliance-message a {
	text-decoration: underline
}

.eu-cookie-compliance-buttons {
	position: absolute;
	top: 10px;
	right: 10px
}

@media(min-width:800px) {
	.eu-cookie-compliance-buttons {
		top: 30px;
		right: 20px
	}
}

:root {
	--color-primary: #005EB8;
	--color-secondary: #77C70A
}

.overflow-hidden {
	overflow: hidden
}

.body--select2-open {
	overflow-x: hidden
}

html,
body {
	height: 100%
}

html.toolbar-horizontal .layout-container,
body.toolbar-horizontal .layout-container {
	position: absolute;
	width: 100%;
	top: var(--drupal-displace-offset-top);
	min-height: calc(100vh - var(--drupal-displace-offset-top))
}

html .layout-container,
body .layout-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh
}

html .layout-container>main,
body .layout-container>main {
	flex-grow: 1
}

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

.hidden {
	display: none !important
}

.js-hide,
.js-hide.button {
	display: none
}

.messages {
	padding: 30px 0;
	width: 100%
}

.messages>div {
	position: relative;
	margin: 0 auto;
	padding-left: 40px;
	max-width: 740px;
	font-size: 16px;
	font-weight: 300
}

.messages.messages--error {
	border: 0;
	background-image: none;
	background: #f2dede;
	box-shadow: 0 0 6px 0 rgba(155, 155, 155, .6);
	z-index: 9
}

.messages.messages--error>div {
	color: #a94464
}

.messages.messages--error>div:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 31px;
	height: 31px;
	background: url(/fonts/custom/mac3_base_theme/src/icons/note.svg) no-repeat;
	background-size: 100%
}

.messages.messages--error .messages__list li {
	color: #a94464
}

.messages.messages--status {
	padding: 30px;
	border: 0;
	box-shadow: 0 0 6px 0 rgba(155, 155, 155, .6);
	z-index: 9;
	font-weight: 300;
	color: #4a4a4a
}

.messages.messages--status>div:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 31px;
	height: 31px;
	background: url(/fonts/custom/mac3_base_theme/src/icons/info.svg) no-repeat;
	background-size: 100%
}

.messages .messages__list li {
	font-size: 14px;
	font-weight: 300
}

.clearfix::after {
	content: "";
	clear: both;
	display: table
}

.button.disable-compare-button {
	opacity: .5
}

.button.disable-compare-button:hover {
	cursor: no-drop
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 40px #fff inset !important
}

img {
	max-width: 100%;
	height: auto
}

img.align-center {
	display: block;
	margin: 0 auto
}

img.align-right {
	margin-left: 10px;
	float: right
}

img.align-left {
	margin-right: 10px;
	float: left
}

figure figcaption {
	padding: 0 2px
}

figure.align-right {
	margin-right: 0;
	margin-left: 40px;
	float: right
}

figure.align-left {
	margin-right: 40px;
	margin-left: 0;
	float: left
}

figure.align-center {
	margin: 1em auto
}

.text-align-center {
	text-align: center
}

.text-align-right {
	text-align: right
}

.text-align-justify {
	text-align: justify
}

.embedded-entity.align-center {
	text-align: center
}

.embedded-entity.align-center img {
	margin-left: auto;
	margin-right: auto
}

@media(min-width:800px) {
	.embedded-entity.align-right {
		float: right;
		margin-left: 20px
	}

	.embedded-entity.align-left {
		float: left;
		margin-right: 20px
	}
}

select {
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	padding: 8px 10px;
	border: 1px solid #9b9b9b;
	color: #4a4a4a;
	-webkit-appearance: none;
	background-image: url(icons/chevron-down.svg);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 18px
}

select::-ms-expand {
	display: none
}

iframe {
	max-width: 100%
}

.is-b-loaded:not([data-animation])::before,
.b-loaded:not([data-animation])::before {
	display: none
}

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel] {
	display: block
}

table.no-border,
table.no-border td,
table.no-border th {
	border: none
}

#ot-sdk-btn-floating.ot-floating-button button {
	padding: 0
}

button[embeddedService-chatHeader_chatHeader] {
	padding: 1px 6px
}

@media(min-width:1200px) {
	.menu__switch {
		display: none
	}
}

@media(min-width:800px) {
	.field--name-field-mobile-image {
		display: none
	}
}

@media(max-width:799px) {
	.field--name-field-mobile-image+.field--name-field-image {
		display: none
	}
}

@media(min-width:800px) {
	.block-field-mobile-image {
		display: none
	}
}

@media(max-width:799px) {
	.block-field-mobile-image+.block-field-image {
		display: none
	}
}

.overflow-y-hidden {
	overflow-y: hidden
}

.overflow-y-hidden .toolbar {
	display: none
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

@media(min-width:900px) {
	.ui-dialog .ui-dialog-content:has(form) {
		padding: 1rem 2.5rem
	}
}

.block-language {
	display: none
}

.block-comparison-cart-block {
	position: fixed;
	bottom: 0;
	right: 0;
	box-shadow: 0 0 6px 0 rgba(155, 155, 155, .6);
	z-index: 999;
	width: 494px;
	max-width: 100%;
	transition: width 1s;
	transform: translateY(100%)
}

.block-comparison-cart-block .comparison-cart {
	transform: translateY(-54px);
	transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 0 6px 0 rgba(155, 155, 155, .6)
}

@media(min-width:800px) {
	.block-comparison-cart-block .comparison-cart {
		transform: translateY(-58px)
	}
}

.block-comparison-cart-block .comparison-cart.cart-updated {
	transform: translateY(-100%)
}

.block-comparison-cart-block .comparison-cart-header {
	position: relative;
	display: block;
	min-height: 54px;
	font-size: 16px;
	color: #fff
}

@media(min-width:800px) {
	.block-comparison-cart-block .comparison-cart-header {
		min-height: 58px
	}
}

.block-comparison-cart-block .comparison-cart-header .toggle {
	position: relative;
	display: inline-block;
	padding: 17px 45px 17px 15px;
	width: 100%;
	cursor: pointer
}

.block-comparison-cart-block .comparison-cart-header .toggle span {
	margin-right: 5px
}

.block-comparison-cart-block .comparison-cart-header .toggle:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 20px;
	width: 24px;
	height: 24px;
	transition: transform .5s
}

@media(max-width:799px) {
	.block-comparison-cart-block .comparison-cart-header .toggle:after {
		right: 10px
	}
}

.block-comparison-cart-block .tabs-list {
	display: none;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
	list-style: none
}

.block-comparison-cart-block .tabs-list li {
	display: inline-block;
	padding: 15px 25px;
	min-height: 100%;
	text-align: center;
	font-weight: bold;
	color: rgba(255, 255, 255, .7);
	cursor: pointer
}

.block-comparison-cart-block .tabs-list li.active {
	background: #454545;
	color: #fff
}

.block-comparison-cart-block.expanded {
	width: 100%;
	transform: translateY(0)
}

.block-comparison-cart-block.expanded .comparison-cart {
	transform: translateY(0)
}

.block-comparison-cart-block.expanded .tabs-list {
	display: block
}

.block-comparison-cart-block.expanded .toggle:after {
	transition: transform .5s
}

.block-comparison-cart-block.expanded .list {
	display: none
}

.block-comparison-cart-block.expanded .detailed-list {
	display: block
}

.block-comparison-cart-block .export-cta__wrapper {
	float: right
}

.block-comparison-cart-block .export-cta__button {
	font-weight: 300
}

.block-comparison-cart-block .export-cta .icon__svg {
	width: 20px
}

.block-comparison-cart-block .list {
	padding: 10px 5px
}

.block-comparison-cart-block .list .product {
	display: inline-block;
	padding: 7px 10px;
	margin: 5px 10px;
	border: 1px solid #eee;
	border-radius: 30px;
	background-color: #fff;
	font-size: 14px;
	color: #454545
}

.block-comparison-cart-block .list .product>div {
	display: inline-block
}

.block-comparison-cart-block .list .remove {
	display: inline-block;
	vertical-align: text-bottom;
	width: 16px;
	height: 16px;
	background-image: url(/fonts/custom/mac3_base_theme/src/icons/close.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 0;
	cursor: pointer
}

.block-comparison-cart-block .list .add-to-project-button {
	display: none
}

.block-comparison-cart-block .detailed-list {
	display: none;
	overflow: hidden;
	margin: 0 auto;
	padding: 15px 0;
	max-width: 1280px
}

.block-comparison-cart-block .detailed-list .tabs-content>div {
	display: none
}

@media(max-width:799px) {
	.block-comparison-cart-block .detailed-list .tabs-content>div {
		max-height: 82vh;
		overflow-y: auto
	}
}

.block-comparison-cart-block .detailed-list .items-count {
	display: inline-block;
	margin: 15px 0 24px 15px;
	font-size: 14px;
	color: #4a4a4a;
	line-height: 16px
}

.block-comparison-cart-block .detailed-list .product {
	position: relative;
	clear: both;
	margin: 0 15px 7px;
	padding: 14px 50px 14px 15px;
	background: #f8f8f8;
	font-size: 16px;
	color: #454545
}

@media(min-width:800px) {
	.block-comparison-cart-block .detailed-list .product {
		margin: 0 0 7px
	}

	.block-comparison-cart-block .detailed-list .product>div {
		display: inline-block
	}
}

.block-comparison-cart-block .detailed-list .ajax-progress.ajax-progress-throbber {
	float: right;
	vertical-align: middle
}

.block-comparison-cart-block .detailed-list .add-to-project-button {
	display: inline-block;
	margin: 15px 16px 0 0;
	vertical-align: middle
}

.block-comparison-cart-block .detailed-list .add-to-project-button:before {
	content: "";
	display: inline-block;
	margin-right: 7px;
	width: 24px;
	height: 24px;
	background: url(/fonts/custom/mac3_base_theme/src/icons/new-folder.svg);
	vertical-align: middle
}

@media(min-width:800px) {
	.block-comparison-cart-block .detailed-list .add-to-project-button {
		position: absolute;
		top: 50%;
		right: 50px;
		margin: 0;
		transform: translateY(-50%)
	}
}

.block-comparison-cart-block .detailed-list .remove {
	display: inline-block;
	margin: 15px 27px 0 0;
	padding: 5px 0 5px 30px;
	vertical-align: middle;
	height: 27px;
	background-image: url(/fonts/custom/mac3_base_theme/src/icons/delete-gray.svg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 1.14;
	cursor: pointer
}

@media(min-width:800px) {
	.block-comparison-cart-block .detailed-list .remove {
		position: absolute;
		top: 50%;
		right: 10px;
		margin: 0;
		padding: 0;
		width: 26px;
		background-size: 100%;
		transform: translateY(-50%);
		font-size: 0
	}
}

.block-comparison-cart-block .detailed-list .button {
	padding: 7px 16px;
	margin-top: 5px;
	font-size: 18px
}

@media(max-width:799px) {
	.block-comparison-cart-block .detailed-list .button {
		margin-right: 15px
	}
}

body.toggle-menu .comparison-cart {
	opacity: .2;
	background-color: #fff
}

.block-comparison-cart-block {
	background: #fff
}

.block-comparison-cart-block .comparison-cart {
	background: #fff
}

.block-comparison-cart-block .comparison-cart-header {
	background: var(--color-primary)
}

.block-comparison-cart-block .comparison-cart-header .toggle:after {
	background-image: url(/fonts/custom/mac3_theme/src/icons/chevron-down-white.svg)
}

.block-comparison-cart-block .tabs-list {
	max-width: 1280px
}

.block-comparison-cart-block .tabs-list li {
	padding: 15px 25px
}

.block-comparison-cart-block.expanded .toggle {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	font-size: 0
}

.block-comparison-cart-block.expanded .toggle:after {
	transform: rotate(180deg)
}

.block-comparison-cart-block .list .remove {
	background-image: url(/fonts/custom/mac3_theme/src/icons-bg/close-blue.svg)
}

.block-comparison-cart-block .detailed-list .add-to-project-button {
	color: var(--color-primary)
}

.block-comparison-cart-block .detailed-list .add-to-project-button .arrow {
	display: none
}

.block-comparison-cart-block .detailed-list .add-to-project-button:before {
	background: url(/fonts/custom/mac3_theme/src/icons/new-folder-blue.svg)
}

.block-comparison-cart-block .detailed-list .remove {
	background-image: url(/fonts/custom/mac3_theme/src/icons/delete-blue.svg);
	background-repeat: no-repeat;
	color: var(--color-primary)
}

.block-comparison-cart-block .detailed-list .button {
	float: right
}

section.paragraph {
	margin-top: 0;
	margin-bottom: 30px
}

@media(min-width:900px) {
	section.paragraph {
		margin-bottom: 60px
	}
}

section.paragraph .paragraph {
	margin-bottom: 0
}

section.paragraph .block-field-title .field--name-field-title {
	margin-top: 0
}

.layout__region--content>.block-field-paragraphs>section.paragraph:first-child {
	margin-top: 30px
}

@media(min-width:900px) {
	.layout__region--content>.block-field-paragraphs>section.paragraph:first-child {
		margin-top: 60px
	}
}

.layout__region--content>.block-field-paragraphs>section.paragraph.hero-banner:first-child,
.layout__region--content>.block-field-paragraphs>section.paragraph.home-hero:first-child,
.layout__region--content>.block-field-paragraphs>section.paragraph.facet-filter:first-child,
.layout__region--content>.block-field-paragraphs>section.paragraph.manual-slider:first-child {
	margin-top: 0
}

@media(max-width:800px) {

	.block-mini-layoutmega-footer section.paragraph.info-block,
	.block-mini-layoutmega-footer section.paragraph.two-columns-cta {
		margin-bottom: 0
	}
}

.layout--header-section section.paragraph {
	margin-bottom: 0
}

.layout--header-section section.paragraph .field-title__container {
	margin-bottom: 0
}

.social-block {
	background: rgba(216, 216, 216, .4)
}

.social-block .block-layout-builder {
	display: flex;
	flex-wrap: wrap;
	padding: 0 52px;
	max-width: 1440px;
	margin: 0 auto
}

@media(min-width:800px) {
	.social-block .block-layout-builder {
		padding: 0
	}
}

.social-block .social-block-item {
	flex: 1 1 auto;
	text-align: center;
	align-self: center;
	padding: 20px 0
}

@media(min-width:800px) {
	.social-block .social-block-item {
		padding: 32px 0
	}
}

.social-block .social-block-item a {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	width: 24px;
	border: 0 none;
	font-family: "Ubuntu", sans-serif;
	font-size: 0;
	line-height: 1;
	color: #454545;
	background-color: rgba(0, 0, 0, 0)
}

.social-block .social-block-item a:hover {
	border: 0 none
}

@media(min-width:800px) {
	.social-block .social-block-item a {
		display: inline-block;
		width: auto;
		font-size: 16px
	}

	.social-block .social-block-item a .button__text {
		line-height: 1.1
	}
}

.social-block .social-block-item .icon__svg {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	max-width: 100%;
	height: 24px;
	fill: var(--color-primary);
	color: var(--color-primary)
}

@media(min-width:800px) {
	.social-block .social-block-item .icon__svg {
		margin-right: 10px;
		width: 40px;
		height: 40px
	}
}

.block-mini-layoutmega-footer {
	margin-top: 60px
}

.block-mini-layoutmega-footer .paragraph--type--two-columns-cta,
.block-mini-layoutmega-footer .paragraph--type--social-block {
	margin-bottom: 0
}

.block-mini-layoutmega-footer .paragraph--type--partners {
	text-align: center
}

.block-mini-layoutmega-footer .block-block-content>h2 {
	text-align: center
}

.table-default table thead>tr {
	background-color: #f1f9ff
}

table.technical-characteristic thead {
	background-color: var(--color-primary)
}

table.technical-characteristic th {
	background-color: var(--color-primary);
	color: #fff
}

table.technical-characteristic td {
	background: #f1f9ff
}

table.technical-characteristic td.col_0 {
	background: var(--color-primary);
	color: #fff
}

.text__items {
	margin-bottom: 32px
}

@media(min-width:800px) {
	.text__items {
		margin-bottom: 60px
	}
}

.text-item p.margin-bottom {
	margin-bottom: 32px
}

.text-item p:first-of-type {
	margin-top: 0
}

.text-item p:first-of-type.margin-top {
	padding-top: 32px
}

.text-item p:first-of-type.margin-small {
	padding-top: 12px
}

.text-item ol li {
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal
}

@media(min-width:800px) {
	.text-item ol li {
		font-size: 18px
	}
}

.text-item ul {
	margin: 0;
	padding-left: 0
}

.text-item ul li {
	position: relative;
	padding-left: 26px;
	list-style: none;
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal
}

@media(min-width:800px) {
	.text-item ul li {
		padding-left: 24px;
		font-size: 18px
	}
}

.text-item ul li:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 2px;
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #454545
}

@media(min-width:800px) {
	.text-item ul li:before {
		width: 5px;
		height: 5px
	}
}

.text-item ul li p.margin-top:first-of-type {
	margin-top: 32px;
	padding-top: 0
}

.text-item ul li p.margin-small:first-of-type {
	margin-top: 12px;
	padding-top: 0
}

.text-item ul li ul {
	margin-top: 0
}

.text-item__items+.text-item__items {
	margin-top: 20px
}

.description-background {
	padding: 20px 27px
}

@media(min-width:800px) {
	.description-background {
		padding: 40px 32px
	}
}

.description-background.theme--grey {
	padding: 30px 25px 38px 25px
}

@media(min-width:800px) {
	.description-background.theme--grey {
		padding: 40px
	}
}

.description-background.theme--blue {
	padding: 18px 16px 26px 16px
}

@media(min-width:800px) {
	.description-background.theme--blue {
		padding: 40px
	}
}

@media(min-width:800px) {
	.text-item-description__container {
		display: flex;
		justify-content: space-between
	}
}

.text-item-description__container .theme--blue {
	padding: 30px 25px 38px 25px
}

@media(min-width:800px) {
	.text-item-description__container .theme--blue {
		padding: 40px
	}
}

.text-item-description__container.ratio_left_big .text-item-description__left,
.text-item-description__container.ratio_left_big .text-item-description__right,
.text-item-description__container.ratio_right_big .text-item-description__left,
.text-item-description__container.ratio_right_big .text-item-description__right {
	margin-bottom: 20px
}

@media(min-width:800px) {

	.text-item-description__container.ratio_left_big .text-item-description__left,
	.text-item-description__container.ratio_left_big .text-item-description__right,
	.text-item-description__container.ratio_right_big .text-item-description__left,
	.text-item-description__container.ratio_right_big .text-item-description__right {
		margin-bottom: 0;
		padding: 0 0 0 2px
	}
}

@media(min-width:800px) {

	.text-item-description__container.ratio_left_big .text-item-description__left,
	.text-item-description__container.ratio_left_big .text-item-description__right,
	.text-item-description__container.ratio_right_big .text-item-description__left,
	.text-item-description__container.ratio_right_big .text-item-description__right {
		width: calc(40% - 10px)
	}
}

@media(min-width:800px) {

	.text-item-description__container.ratio_left_big .text-item-description__left,
	.text-item-description__container.ratio_right_big .text-item-description__right {
		width: calc(60% - 10px)
	}
}

.text-item-description__left,
.text-item-description__right {
	margin-bottom: 20px
}

@media(min-width:800px) {

	.text-item-description__left,
	.text-item-description__right {
		width: calc(50% - 10px);
		margin-bottom: 0;
		padding: 0
	}
}

.text-item__description {
	height: 100%;
	padding: 0 16px
}

.text-item__description h3 {
	margin: 30px 0 0
}

.text-item__description p {
	margin: 5px 0
}

@media(min-width:800px) {
	.text-item__description {
		padding: 0
	}
}

.text-item .button {
	font-size: 18px;
	line-height: 1.11
}

.text-item .button--text-paragraph,
.text-item .button__text-paragraph {
	position: relative;
	padding-right: 31px;
	font-size: 14px;
	line-height: 1.33
}

@media(min-width:800px) {

	.text-item .button--text-paragraph,
	.text-item .button__text-paragraph {
		font-size: 18px;
		line-height: 1.11
	}
}

.text-item .button--text-paragraph:before,
.text-item .button__text-paragraph:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-image: url(/fonts/custom/mac3_theme/src/icons/right-blue.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	z-index: 1
}

@media(min-width:800px) {

	.text-item .button--text-paragraph:before,
	.text-item .button__text-paragraph:before {
		width: 16px;
		height: 20px
	}
}

.icon-container {
	padding-bottom: 23px
}

.icon-container .icon__svg {
	width: 40px;
	height: 40px;
	color: var(--color-primary)
}

.theme--grey ul {
	padding-inline-start: 0
}

@media(min-width:800px) {
	.theme--grey ul {
		padding-inline-start: 12px
	}
}

.text-item-description__left .theme--blue h3 {
	margin-bottom: 13px
}

@media(min-width:800px) {
	.text-item-description__left .theme--blue h3 {
		margin-bottom: 16px
	}
}

.block-anchor-links-block {
	display: none
}

@media(min-width:1200px) {
	.block-anchor-links-block {
		display: block
	}
}

.block-anchor-links-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
	max-width: 285px
}

.block-anchor-links-block ul li {
	width: 100%;
	margin-bottom: 10px
}

.block-anchor-links-block ul li:last-child {
	margin-bottom: 0
}

.block-anchor-links-block a {
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.33;
	color: #454545
}

.only-anchor-block+.mobile-share__open {
	display: none
}

.block-anchor-links-block ul li {
	margin-bottom: 8px
}

.block-anchor-links-block ul li.active a {
	position: relative;
	padding-left: 25px;
	color: var(--color-primary);
	transition: all .3s ease-in-out
}

.block-anchor-links-block ul li.active a:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: -5px;
	left: 2px;
	width: 4px;
	height: 26px;
	background: #d7ecfc;
	transform: skewX(-10deg)
}

.block-anchor-links-block a {
	font-size: 16px;
	color: #454545
}

.layout__region--sidebar_l {
	text-align: center;
	height: auto !important
}

@media(max-width:1199px) {
	.layout__region--sidebar_l .sticky-container {
		position: fixed !important;
		top: 0 !important;
		bottom: 0;
		left: 0 !important;
		width: 100%;
		max-width: 100%;
		padding: 10px;
		text-align: center;
		background: #fff;
		box-shadow: 0 0 6px 0 rgba(155, 155, 155, .6);
		max-height: 100vh;
		overflow-y: auto;
		z-index: 1001;
		visibility: hidden;
		opacity: 0;
		transition: opacity 200ms
	}

	.layout__region--sidebar_l .sticky-container.fade-in {
		opacity: 1;
		visibility: visible
	}
}

@media(min-width:1200px) {
	.layout__region--sidebar_l .sticky-container {
		display: block;
		margin-left: 15px;
		max-width: 215px;
		padding-bottom: 50px
	}
}

@media(min-width:1300px) {
	.layout__region--sidebar_l .sticky-container {
		max-width: 250px
	}
}

@media(min-width:1440px) {
	.layout__region--sidebar_l .sticky-container {
		margin-left: 85px
	}
}

.layout__region--sidebar_l .mobile-share__open,
.layout__region--sidebar_l .mobile-share__close {
	padding: 8px 16px;
	font-size: 14px;
	line-height: 24px
}

.layout__region--sidebar_l .mobile-share__open .icon__svg,
.layout__region--sidebar_l .mobile-share__close .icon__svg {
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	margin-right: 5px
}

.layout__region--sidebar_l .mobile-share__open {
	position: fixed;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
	z-index: 100
}

.layout__region--sidebar_l .mobile-share__close {
	margin-top: 10px
}

@media(min-width:1200px) {
	.layout__region--sidebar_l {
		position: relative;
		text-align: left
	}

	.layout__region--sidebar_l .block-title .field--name-title {
		display: inline-block;
		margin: 0;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.33;
		color: #454545
	}

	.layout__region--sidebar_l .mobile-share__open,
	.layout__region--sidebar_l .mobile-share__close {
		display: none
	}
}

@media(min-width:1200px) {
	.layout__region--sidebar_l .sticky-container {
		display: block;
		margin-left: 12px;
		padding: 0 6px 50px 6px;
		max-width: 265px
	}

	.layout__region--sidebar_l .sticky-container .block-anchor-links-block {
		margin-top: 10px;
		border-top: 1px solid #9b9b9b
	}

	.layout__region--sidebar_l .sticky-container>div+div {
		padding: 10px 0
	}

	.layout__region--sidebar_l .sticky-container>div+div+div {
		border-top: 1px solid #9b9b9b
	}

	.layout__region--sidebar_l .sticky-container>div+div+div h2,
	.layout__region--sidebar_l .sticky-container>div+div+div .h2 {
		margin: 0 0 12px;
		font-weight: normal;
		font-size: 16px
	}
}

@media(min-width:1300px) {
	.layout__region--sidebar_l .sticky-container {
		margin-left: 50px
	}
}

@media(min-width:1440px) {
	.layout__region--sidebar_l .sticky-container {
		max-width: 285px;
		padding: 0 0 50px 0
	}
}

.layout__region--sidebar_l .sticky-container .block-addtoany {
	float: none
}

.layout__region--sidebar_l .sticky-container .block-addtoany-block {
	padding: 15px 0 10px
}

.layout__region--sidebar_l .addtoany_list {
	display: flex;
	justify-content: space-between;
	width: 100%
}

@media(min-width:1200px) {
	.layout__region--sidebar_l {
		position: relative;
		text-align: left
	}

	.layout__region--sidebar_l .block-title .field--name-title {
		display: inline-block;
		margin: 0;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.33;
		color: #454545
	}
}

.user-logged-in .stick {
	top: 40px
}

.user-logged-in.toolbar-tray-open .stick {
	top: 110px
}

.menu--special-menu ul {
	padding: 0;
	margin: 0
}

.menu--special-menu ul li {
	list-style: none
}

.menu--special-menu {
	margin: 8px 0
}

@media(min-width:800px) {
	.menu--special-menu {
		margin: 40px 0;
		padding-right: 24px
	}
}

@media(max-width:1199px) {
	.menu--special-menu:not(.horizontal-menu) {
		clear: both
	}

	.menu--special-menu:not(.horizontal-menu) .menu__heading {
		position: relative;
		cursor: pointer;
		border-bottom: 1px solid #eee;
		padding-bottom: 8px
	}

	.menu--special-menu:not(.horizontal-menu) .menu__heading.visually-hidden {
		position: relative !important;
		clip: auto;
		width: auto;
		height: auto
	}

	.menu--special-menu:not(.horizontal-menu)>.menu {
		display: none
	}

	.menu--special-menu:not(.horizontal-menu) .system-menu__mobile-toggle-arrow {
		position: absolute;
		right: 10px;
		top: 0;
		display: block
	}

	.menu--special-menu:not(.horizontal-menu) .system-menu__mobile-toggle-arrow--active {
		transform: rotate(-180deg)
	}

	.menu--special-menu:not(.horizontal-menu)>.menu--special-menu--mobile-active {
		display: block
	}
}

.menu--special-menu .system-menu__mobile-toggle-arrow {
	display: none
}

.field--name-field-editorial-menu .menu--special-menu {
	padding-right: 0
}

.menu--special-menu .menu .menu {
	padding-left: 16px
}

.menu--special-menu .menu__heading {
	font-weight: 500;
	font-size: 16px
}

.menu--special-menu .menu-item {
	position: relative;
	text-align: left
}

.menu--special-menu .menu-item a,
.menu--special-menu .menu-item>span {
	display: block;
	padding: 6px 0;
	font-size: 16px
}

.menu--special-menu .menu-item a {
	color: #4a4a4a
}

@media(min-width:800px) {
	.menu--special-menu .menu-item a:hover {
		color: var(--color-primary)
	}
}

.menu--special-menu .menu-item a.is-active {
	color: var(--color-primary)
}

.menu--special-menu .menu-item__icon {
	position: absolute;
	top: 4px;
	right: 0;
	padding: 0 8px;
	color: var(--color-primary);
	transition: transform .3s, position .3s;
	cursor: pointer;
	pointer-events: none
}

.menu--special-menu .menu-item__icon .icon__svg {
	width: 16px;
	transition: all .3s
}

.menu--special-menu .menu-item--active .menu-item__icon .icon__svg {
	transform: rotate(270deg)
}

.menu--special-menu .menu-item--expanded>.menu {
	display: none
}

.menu--special-menu .menu-item--expanded>.menu a {
	font-size: 14px
}

.menu--special-menu .menu-item--expanded.menu-item--active>.menu {
	display: block
}

.menu--special-menu .menu-item--expanded .menu-item__icon {
	pointer-events: auto
}

.menu--special-menu .menu-item--expanded .icon__svg {
	transform: rotate(90deg)
}

.menu--special-menu .menu-item--expanded.special-menu__menu-item--active>.menu {
	display: block
}

.menu--special-menu>.menu>.menu-item {
	padding-right: 32px;
	border-bottom: 1px solid #eee
}

.menu--special-menu.horizontal-menu {
	padding-right: 0
}

@media(max-width:799px) {
	.menu--special-menu.horizontal-menu {
		position: relative
	}

	.menu--special-menu.horizontal-menu::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 120px;
		height: 100%;
		pointer-events: none;
		background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)
	}
}

.menu--special-menu.horizontal-menu>.menu {
	overflow-x: auto;
	white-space: nowrap
}

.menu--special-menu.horizontal-menu .menu-item {
	display: inline-block;
	border: 0 none;
	margin-right: 8px
}

.menu--special-menu.horizontal-menu .menu-item a {
	padding-left: 8px;
	padding-right: 24px
}

.menu--special-menu.horizontal-menu .menu-item:first-child a {
	padding-left: 0
}

.menu--special-menu.horizontal-menu .menu-item__icon {
	pointer-events: none
}

.menu--special-menu.horizontal-menu .icon__svg {
	width: 14px
}

.page-node-type-editorial-page .editorial-container.layout--onecol .block-field-editorial-menu {
	width: 100%
}

@media(min-width:1200px) {
	.page-node-type-editorial-page .editorial-container.layout--onecol .block-field-editorial-menu {
		display: none
	}
}

div.field-title {
	margin: 0;
	font-size: 22px;
	font-weight: 300;
	font-style: normal;
	line-height: 1.5;
	color: #454545
}

@media(min-width:900px) {
	div.field-title {
		font-size: 26px
	}
}

div.field-title__container {
	margin-bottom: 24px
}

.container div.field-title__container {
	padding-left: 0
}

@media(min-width:900px) {
	div.field-title__container {
		margin-bottom: 32px
	}
}

.cta-grid-item.paragraph--view-mode--default {
	position: relative;
	background-color: #f6f6f6;
	line-height: 0;
	height: 100%
}

@media(max-width:899px) {
	.cta-grid-item.paragraph--view-mode--default {
		display: flex;
		flex-direction: row-reverse;
		min-height: 96px
	}
}

@media(min-width:900px) {

	.cta-grid-item.paragraph--view-mode--default:hover>.field--name-field-title,
	.cta-grid-item.paragraph--view-mode--default:hover .cta-grid-item__image-link {
		display: none
	}

	.cta-grid-item.paragraph--view-mode--default:hover .overlay {
		opacity: 1;
		visibility: visible
	}

	.cta-grid-item.paragraph--view-mode--default:hover::after {
		display: none
	}

	.cta-grid-item.paragraph--view-mode--default::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 146px;
		background-image: linear-gradient(to bottom, rgba(221, 221, 221, 0), rgba(57, 57, 57, 0.52) 38%, rgba(0, 0, 0, 0.9))
	}
}

.cta-grid-item.paragraph--view-mode--default .contextual-region {
	position: static
}

@media(max-width:899px) {
	.cta-grid-item.paragraph--view-mode--default .cta-grid-item__image {
		flex: 0 0 112px
	}
}

@media(min-width:900px) {
	.cta-grid-item.paragraph--view-mode--default .cta-grid-item__image {
		flex: 0 0 auto
	}
}

.cta-grid-item.paragraph--view-mode--default .cta-grid-item__image img {
	min-height: 96px
}

@media(min-width:900px) {
	.cta-grid-item.paragraph--view-mode--default .cta-grid-item__image img {
		min-height: 0
	}
}

.cta-grid-item.paragraph--view-mode--default .field--name-field-title,
.cta-grid-item.paragraph--view-mode--default .cta-grid-item__image-link {
	padding: 0 15px;
	font-size: 14px;
	line-height: 1.43;
	font-weight: 400;
	color: #454545;
	z-index: 1;
	text-align: left
}

@media(min-width:900px) {

	.cta-grid-item.paragraph--view-mode--default .field--name-field-title,
	.cta-grid-item.paragraph--view-mode--default .cta-grid-item__image-link {
		padding: 0;
		font-size: 24px;
		line-height: 1.17;
		color: #fff
	}
}

@media(max-width:899px) {
	.cta-grid-item.paragraph--view-mode--default .cta-grid-item__image-link {
		display: flex;
		align-items: center;
		width: 100%
	}
}

@media(min-width:900px) {
	.cta-grid-item.paragraph--view-mode--default .cta-grid-item__image-link {
		position: absolute;
		right: 10px;
		bottom: 25px;
		left: 25px
	}
}

.cta-grid-item.paragraph--view-mode--default .cta-grid-item__description p {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: #454545
}

.cta-grid-item.paragraph--view-mode--default .overlay {
	display: flex;
	align-items: flex-end;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 24px 36px 48px 24px;
	border: 2px solid var(--color-primary);
	background-color: rgba(255, 255, 255, .7);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s
}

@media(max-width:899px) {
	.cta-grid-item.paragraph--view-mode--default .overlay {
		opacity: 1;
		visibility: visible;
		background: none;
		border: none;
		z-index: 1
	}

	.cta-grid-item.paragraph--view-mode--default .overlay div {
		opacity: 0;
		visibility: hidden
	}
}

@media(max-width:800px) {
	.cta-grid-item.paragraph--view-mode--default .overlay {
		overflow: hidden
	}
}

.cta-grid-item.paragraph--view-mode--default .overlay .field--name-field-title {
	position: relative;
	margin-bottom: 20px;
	padding-left: 20px;
	color: var(--color-primary)
}

.cta-grid-item.paragraph--view-mode--default .overlay .field--name-field-title:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 30px;
	background: url(/fonts/custom/mac3_theme/src/icons/slash.svg) center no-repeat
}

.cta-grid-item.paragraph--view-mode--default .overlay__description {
	margin-bottom: 40px
}

.cta-grid-item.paragraph--view-mode--default .overlay .button--secondary-without-border {
	margin-top: 4px;
	padding-right: 30px
}

.cta-grid-item.paragraph--view-mode--default .cta-grid-item__overlay__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.block-field-right-hand-related-content .paragraph {
	padding: 0;
	margin-top: 0;
	margin-bottom: 30px;
	height: auto
}

.block-field-right-hand-related-content .paragraph .container {
	padding-left: 0;
	padding-right: 0
}

.block-field-right-hand-related-content .paragraph:first-of-type .field-title__container h1,
.block-field-right-hand-related-content .paragraph:first-of-type .field-title__container h2,
.block-field-right-hand-related-content .paragraph:first-of-type .field-title__container h3,
.block-field-right-hand-related-content .paragraph:first-of-type .field-title__container h4,
.block-field-right-hand-related-content .paragraph:first-of-type .field-title__container h5,
.block-field-right-hand-related-content .paragraph:first-of-type .mktoForm h1,
.block-field-right-hand-related-content .paragraph:first-of-type .mktoForm h2,
.block-field-right-hand-related-content .paragraph:first-of-type .mktoForm h3,
.block-field-right-hand-related-content .paragraph:first-of-type .mktoForm h4,
.block-field-right-hand-related-content .paragraph:first-of-type .mktoForm h5 {
	margin-top: 0
}

@media(min-width:800px)and (max-width:1024px) {
	.block-field-right-hand-related-content .paragraph--type--webforms {
		padding-left: 16px;
		padding-right: 16px
	}
}

.block-field-right-hand-related-content .media--view-mode-download .field__item a {
	display: block;
	text-align: center
}

.block-field-right-hand-related-content .field--name-field-title,
.block-field-right-hand-related-content .field--name-field-subtitle {
	text-align: center
}

.block-field-right-hand-related-content div.field--name-field-title {
	font-size: 18px
}

.block-field-right-hand-related-content .cta .field--name-field-cta-item>.field__item {
	margin-bottom: 0
}

.block-field-right-hand-related-content .cta .field-title__container,
.block-field-right-hand-related-content .cta .field--name-field-title {
	margin-top: 0
}

.block-field-right-hand-related-content .right-sidebar-button {
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media(min-width:1300px) {
	.block-field-right-hand-related-content .right-sidebar-button {
		display: none
	}
}

@media(max-width:1299px) {
	.block-field-right-hand-related-content .right-sidebar-content {
		display: none
	}
}

.block-field-right-hand-related-content .right-sidebar-content--active {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1001;
	overflow-y: auto;
	display: block;
	padding: 40px 10px 10px;
	background-color: #fff
}

.block-field-right-hand-related-content .right-sidebar-content__close {
	position: absolute;
	right: 10px;
	top: 10px
}

@media(min-width:1300px) {
	.block-field-right-hand-related-content .right-sidebar-content__close {
		display: none
	}
}

@media(max-width:1299px) {
	.page-node-type-editorial-page .block-field-right-hand-related-content {
		padding: 0 16px
	}
}

@media(max-width:899px) {
	.block-field-right-hand-related-content .cta-grid-item.paragraph--view-mode--default {
		flex-direction: column
	}
}

@media(max-width:899px) {
	.block-field-right-hand-related-content .cta-grid-item.paragraph--view-mode--default .cta-grid-item__image-link {
		display: none
	}
}

@media(max-width:899px) {
	.block-field-right-hand-related-content .cta-grid-item.paragraph--view-mode--default .overlay {
		opacity: 1;
		visibility: visible;
		position: relative
	}

	.block-field-right-hand-related-content .cta-grid-item.paragraph--view-mode--default .overlay div {
		opacity: 1;
		visibility: visible
	}
}

.block-field-right-hand-related-content .cta-grid-item.paragraph--view-mode--default .overlay .button .icon__svg--right {
	right: 6px
}

.block-field-right-hand-related-content .cta-grid-item.paragraph--view-mode--default .field--name-field-title {
	font-size: 24px;
	line-height: 1.17
}

.block-field-right-hand-related-content form.mktoForm {
	font-size: 0 !important
}

.block-field-right-hand-related-content form.mktoForm>* {
	font-size: initial
}

.block-field-right-hand-related-content form.mktoForm p:empty {
	display: none
}

@media(max-width:1299px) {
	.node--type-editorial-page .block-field-right-hand-related-content {
		padding: 0 15px
	}
}

.editorial-layout {
	flex-wrap: nowrap
}

@media(min-width:1200px) {
	.editorial-layout {
		display: flex;
		margin: 0 auto;
		max-width: 1440px
	}

	.editorial-layout--only-right {
		justify-content: center
	}
}

@media(max-width:1299px) {
	.editorial-layout {
		flex-wrap: wrap
	}
}

@media(min-width:1200px) {
	.editorial-layout>.layout__region--sidebar_l {
		flex: 0 1 380px;
		flex: 0 1 calc((100% - 739px)/2 + 30px)
	}
}

@media(min-width:1300px) {
	.editorial-layout>.layout__region--sidebar_r {
		flex: 0 1 220px;
		flex: 0 1 calc((100% - 739px)/2 - 30px);
		padding: 0 20px 0 40px
	}
}

@media(min-width:1200px)and (max-width:1299px) {
	.editorial-layout>.layout__region--sidebar_r {
		margin-left: calc((100% - 739px)/2 + 30px)
	}
}

@media(min-width:800px)and (max-width:1199px) {
	.editorial-layout>.layout__region--sidebar_r {
		margin-left: auto;
		margin-right: auto
	}
}

@media(max-width:1299px) {
	.editorial-layout>.layout__region--sidebar_r {
		max-width: 739px
	}
}

@media(min-width:800px) {
	.editorial-layout .layout__region--main {
		flex: 0 1 739px;
		max-width: 739px
	}

	.editorial-layout .layout__region--main:only-child {
		margin: 0 auto
	}
}

@media(min-width:800px)and (max-width:1199px) {
	.editorial-layout .layout__region--main {
		margin-left: auto;
		margin-right: auto
	}
}

@media(min-width:800px) {
	.editorial-layout .block-block-content {
		height: auto
	}
}

.right-sidebar-content .cta-grid-item.paragraph--view-mode--default .overlay {
	padding: 24px;
	align-items: center
}

@media(min-width:1200px) {
	.editorial-layout .paragraph.paragraph--type--media.paragraph--view-mode--related-videos {
		display: block
	}
}

.addtoany_product {
	position: relative;
	display: flex;
	min-height: 25px;
	margin: 9px 2px 9px 0
}

@media(max-width:1199px) {
	.addtoany_product {
		margin: 9px 15px 9px 0
	}
}

.addtoany_product .icon {
	position: relative;
	top: -2px
}

.addtoany_product .icon__svg {
	width: 24px;
	height: 24px;
	fill: #005eb8
}

.addtoany_product .addtoany_share {
	display: flex;
	align-items: center
}

@media(max-width:899px) {
	.addtoany_product .addtoany_share {
		flex-direction: row-reverse;
		height: 41px;
		padding: 0 10px;
		background: #fff;
		border: 1px solid #005eb8;
		border-radius: 6px;
		line-height: 41px
	}
}

@media(min-width:900px) {
	.addtoany_product .addtoany_share .icon {
		margin-right: 11px
	}
}

@media(max-width:899px) {
	.addtoany_product .addtoany_share .icon {
		margin-left: 11px;
		line-height: 25px
	}
}

.addtoany_product .addtoany_list {
	position: absolute;
	right: 0;
	top: calc(100% + 7px);
	display: none;
	width: 320px;
	background: #fff;
	border: 1px solid #9b9b9b;
	border-radius: 5px;
	box-shadow: 0 0 6px 3px rgba(0, 0, 0, .1);
	z-index: 11
}

@media(max-width:799px) {
	.addtoany_product .addtoany_list {
		right: auto;
		left: 0
	}
}

.addtoany_product .addtoany_list.open {
	display: block
}

.addtoany_product .addtoany_list>div {
	padding: 8px
}

.addtoany_product .addtoany_list>div a {
	display: inline-flex;
	width: 50%
}

.addtoany_product .addtoany_list a {
	padding: 8px 8px
}

.addtoany_product .addtoany_list a.a2a_button_print {
	width: 100%;
	border-top: 1px solid rgba(155, 155, 155, .4);
	text-align: center
}

.addtoany_product .addtoany_list a .icon {
	display: inline-block;
	margin-right: 9px
}

.block-flag-my-favourites .flag-my-favourites a {
	display: block;
	margin: 9px 2px 9px 0;
	color: var(--color-primary);
	font-size: 16px;
	line-height: 1.25
}

@media(max-width:899px) {
	.block-flag-my-favourites .flag-my-favourites a {
		display: inline-flex;
		flex-direction: row-reverse;
		align-items: center;
		height: 41px;
		padding: 0 10px;
		background: #fff;
		border-radius: 6px;
		line-height: 41px
	}

	.block-flag-my-favourites .flag-my-favourites a,
	.block-flag-my-favourites .flag-my-favourites a:hover {
		border: 1px solid var(--color-primary)
	}

	.block-flag-my-favourites .flag-my-favourites a .button__text {
		margin-right: 10px
	}
}

.block-flag-my-favourites .flag-my-favourites a .icon__svg {
	position: relative;
	top: -2px;
	width: 24px;
	height: 20px;
	margin-right: 4px;
	fill: none;
	stroke: var(--color-primary)
}

@media(max-width:899px) {
	.block-flag-my-favourites .flag-my-favourites a .icon__svg {
		margin-left: 8px;
		margin-right: 0
	}
}

@media(max-width:599px) {
	.block-flag-my-favourites .flag-my-favourites a .flag__text {
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 100px;
		white-space: nowrap
	}
}

.block-flag-my-favourites .flag-my-favourites.action-unflag a .icon__svg {
	fill: var(--color-primary);
	color: var(--color-primary)
}

.sticky-container-product .flag-my-favourites a {
	margin: 9px 0
}

.sticky-container-product .flag-my-favourites a .icon__svg {
	width: 24px;
	height: 20px;
	margin-right: 25px
}

.ui-widget-overlay {
	background: rgba(69, 69, 69, .5);
	opacity: 1
}

.ui-dialog {
	border-radius: 6px;
	text-align: center;
	left: 50% !important;
	width: 92% !important;
	max-width: 100%;
	transform: translateX(-50%)
}

.ui-dialog .ui-dialog-titlebar {
	background: none;
	border: none;
	font-size: 0
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	top: 25px;
	right: 20px;
	width: 21px;
	height: 21px;
	z-index: 999
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-icon {
	background: url(/fonts/custom/mac3_theme/src/icons/close.svg) center
}

.ui-dialog .ui-dialog-content {
	padding: 50px 20px 56px
}

.ui-dialog .ui-dialog-content .button {
	margin: 20px 10px 0;
	padding: 9px 19px;
	line-height: 1.25;
	font-size: 16px;
	font-weight: normal
}

@media(min-width:800px) {
	.ui-dialog .ui-dialog-content {
		padding: 50px 40px 56px
	}
}

.ui-dialog .ui-dialog-buttonpane {
	display: none
}

@media(min-width:800px) {
	.ui-dialog {
		width: 525px !important
	}
}

.comment-form {
	margin: 0 auto;
	padding: 0 14px 32px;
	border-bottom: 1px solid #ccc;
	max-width: 738px
}

.comment-form #edit-comment-body-0-format,
.comment-form #edit-preview {
	display: none
}

.comment-form .js-form-item,
.comment-form .field--type-email {
	max-width: 100%
}

.comment-form .js-form-item.js-form-type-textarea,
.comment-form .field--type-email.js-form-type-textarea {
	width: 100%
}

.comment-form .js-form-item legend,
.comment-form .field--type-email legend {
	margin-top: 15px
}

.comment-form .js-form-item .form-radios .js-form-item,
.comment-form .field--type-email .form-radios .js-form-item {
	display: inline-block
}

.comment-form .js-form-item .form-radios .form-radio+label,
.comment-form .field--type-email .form-radios .form-radio+label {
	display: inline-block
}

.comment-form .js-form-item label,
.comment-form .js-form-item .label,
.comment-form .field--type-email label,
.comment-form .field--type-email .label {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 300;
	color: #454545
}

.comment-form .js-form-item input,
.comment-form .field--type-email input {
	padding: 10px;
	border-radius: 2px;
	border: 1px solid #9b9b9b;
	max-width: 100%
}

.comment-form .form-type-fivestar>label {
	display: none
}

@media(min-width:768px) {
	.comment-form {
		padding: 0 0 32px
	}

	.comment-form .form-item-name {
		display: inline-block;
		max-width: 269px
	}

	.comment-form .form-item-name+.field--type-email {
		display: inline-block;
		margin-left: 52px
	}
}

.comment-form .form-checkbox+label,
.comment-form .description {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: 300;
	font-size: 14px;
	color: #4a4a4a
}

.comment-form .field--type-email {
	max-width: 413px
}

.comment-form .cke_chrome {
	border: 1px solid #9b9b9b
}

.comment-form .form-actions {
	text-align: right
}

.comment-form .form-actions .button {
	padding: 7px 16px
}

.comment-form .tips li {
	list-style: none;
	font-size: 12px;
	font-style: italic
}

.comment-form .form-textarea-wrapper textarea {
	border: 1px solid #9b9b9b;
	min-height: 80px;
	width: 100%
}

.field--type-fivestar.field--name-field-rating-summary,
.field--type-fivestar.field--widget-fivestar-stars {
	margin: 20px auto;
	padding: 25px 14px;
	background: #f2f9ff
}

.field--type-fivestar .field__label {
	font-size: 16px;
	font-weight: normal;
	color: #454545
}

@media(min-width:768px) {

	.field--type-fivestar.field--name-field-rating-summary,
	.field--type-fivestar.field--widget-fivestar-stars {
		padding: 25px 40px
	}

	.field--type-fivestar .field__label {
		display: inline-block;
		font-size: 18px
	}

	.field--type-fivestar .field__item {
		display: inline-block;
		float: right
	}
}

.field--type-fivestar .fivestar-average-stars .fivestar-widget .star,
.field--type-fivestar .fivestar-average-stars .fivestar-widget-static .star {
	width: 24px;
	height: 23px;
	background-image: url(/fonts/custom/mac3_theme/src/icons/star-empty.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%
}

.field--type-fivestar .fivestar-average-stars .fivestar-widget .star span.off,
.field--type-fivestar .fivestar-average-stars .fivestar-widget .star a,
.field--type-fivestar .fivestar-average-stars .fivestar-widget-static .star span.off,
.field--type-fivestar .fivestar-average-stars .fivestar-widget-static .star a {
	background-image: url(/fonts/custom/mac3_theme/src/icons/star-empty.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%
}

.field--type-fivestar .fivestar-average-stars .fivestar-widget .star span.on,
.field--type-fivestar .fivestar-average-stars .fivestar-widget-static .star span.on {
	background-image: url(/fonts/custom/mac3_theme/src/icons/star-fill.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%
}

.field--type-fivestar .fivestar-average-stars .fivestar-widget .star.on a,
.field--type-fivestar .fivestar-average-stars .fivestar-widget .star.hover a,
.field--type-fivestar .fivestar-average-stars .fivestar-widget-static .star.on a,
.field--type-fivestar .fivestar-average-stars .fivestar-widget-static .star.hover a {
	background-image: url(/fonts/custom/mac3_theme/src/icons/star-fill.svg)
}

.field--type-fivestar .fivestar-average-stars .fivestar-summary {
	font-size: 14px;
	font-weight: 300;
	color: #9b9b9b
}

.comment {
	position: relative;
	padding: 35px 14px 0;
	margin: 32px auto;
	max-width: 738px
}

.comment .author-name {
	display: inline-block;
	font-size: 16px;
	color: #454545
}

.comment .date-created {
	display: inline-block;
	vertical-align: bottom;
	font-size: 14px;
	font-weight: 300;
	color: #9b9b9b
}

.comment .field--name-comment-body {
	margin-top: 8px
}

.comment .field--name-comment-body p {
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.38;
	color: #4a4a4a
}

.comment .field--type-fivestar {
	position: absolute;
	top: -10px;
	left: 14px
}

@media(min-width:768px) {
	.comment {
		padding: 0
	}

	.comment .field--type-fivestar {
		left: auto;
		right: 0
	}
}

.comment .links {
	display: inline-block;
	padding: 0;
	border-top: 1px solid #eee;
	width: auto
}

.comment .links li {
	display: inline-block;
	padding: 5px;
	font-size: 14px;
	list-style: none
}

.comment .links li+li:before {
	content: "â€¢";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	color: var(--color-primary)
}

.comment .links li a {
	padding: 0;
	text-decoration: none
}

.comment p {
	font-size: 16px;
	font-weight: 300
}

.comment-lazy-loading {
	margin: 40px auto;
	text-align: center
}

.comment-lazy-loading .form-wrapper {
	position: relative;
	display: inline-block
}

.comment-lazy-loading .form-wrapper:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 24px;
	background: url(/fonts/custom/mac3_theme/src/icons/right-blue.svg) no-repeat center;
	background-size: 60%;
	transform: translateY(-50%);
	pointer-events: none
}

.comment-lazy-loading .form-wrapper.no-more-comments:after {
	content: none
}

.comment-lazy-loading #load-more-comments {
	margin: 0 auto;
	padding: 0 30px 0 0;
	line-height: 1.8;
	background: none;
	color: var(--color-primary)
}

.comment-lazy-loading #load-more-comments:hover {
	border-color: rgba(0, 0, 0, 0)
}

.node--type-editorial-page {
	overflow-x: hidden
}

.node--type-editorial-page .field--name-field-hero-image {
	max-width: 1920px;
	margin: auto
}

.node--type-editorial-page .field--name-field-hero-image img {
	margin: auto
}

.node--type-editorial-page .block-flag-my-favourites {
	margin-right: 10px
}

@media(max-width:799px) {
	.node--type-editorial-page .block-flag-my-favourites {
		display: inline-block;
		vertical-align: top;
		margin-left: 0
	}
}

.node--type-editorial-page .block-addtoany {
	position: relative
}

@media(max-width:799px) {
	.node--type-editorial-page .block-addtoany {
		display: inline-block
	}
}

.node--type-editorial-page .block-field-topic {
	float: left;
	margin-bottom: 18px
}

@media(max-width:799px) {
	.node--type-editorial-page .block-field-topic {
		margin-left: 15px
	}
}

.node--type-editorial-page .block-reading-time {
	float: right;
	margin-bottom: 18px
}

@media(max-width:799px) {
	.node--type-editorial-page .block-reading-time {
		margin-right: 15px
	}
}

.node--type-editorial-page .block-title {
	width: 100%;
	clear: both;
	overflow: hidden
}

.node--type-editorial-page .block-title h1 {
	margin-top: 0
}

.node--type-editorial-page .editorial-container {
	margin: 30px auto 0
}

.node--type-editorial-page .editorial-container.layout--onecol,
.node--type-editorial-page .editorial-container.layout--twocol-section {
	display: flex;
	justify-content: space-between;
	max-width: 739px;
	margin: 30px auto 0;
	padding: 0 15px
}

@media(min-width:800px) {

	.node--type-editorial-page .editorial-container.layout--onecol,
	.node--type-editorial-page .editorial-container.layout--twocol-section {
		padding: 0;
		transform: translateX(30px)
	}
}

@media(max-width:799px) {
	.node--type-editorial-page .editorial-container.layout--onecol {
		margin: 0
	}
}

@media(min-width:800px) {
	.node--type-editorial-page .editorial-container.layout--onecol {
		position: relative;
		z-index: 1
	}
}

.node--type-editorial-page .editorial-container.layout--onecol>div {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 16px
}

@media(max-width:799px) {
	.node--type-editorial-page .editorial-container.layout--onecol>div {
		flex-wrap: wrap;
		justify-content: flex-start
	}
}

.node--type-editorial-page .editorial-container.layout--twocol-section--50-50 .layout__region {
	flex: 0 0 auto;
	align-self: center
}

@media(min-width:800px) {
	.node--type-editorial-page .editorial-container.layout--twocol-section--50-50 .layout__region {
		flex: 1 1 auto
	}
}

@media(min-width:800px) {
	.node--type-editorial-page .block-field-paragraphs .paragraph--type--media {
		max-width: 640px;
		margin: 50px auto
	}

	.node--type-editorial-page .theme--grey.description-background {
		padding: 25px
	}

	.node--type-editorial-page .theme--blue.description-background {
		padding: 25px
	}

	.node--type-editorial-page .text-metric {
		padding: 25px 30px 5px
	}

	.node--type-editorial-page .info-block {
		padding: 10px 0 24px
	}

	.node--type-editorial-page .info-block.theme--blue .field-title__container,
	.node--type-editorial-page .info-block.theme--grey .field-title__container {
		padding-left: 32px
	}
}

@media(min-width:768px) {

	.node--type-editorial-page .field--type-fivestar.field--name-field-rating-summary,
	.node--type-editorial-page .field--type-fivestar.field--widget-fivestar-stars {
		padding: 25px
	}

	.node--type-editorial-page .step-by-step.paragraph--view-mode--default .step-by-step-item {
		padding-left: 80px
	}
}

.node--type-editorial-page .field--name-field-topic {
	margin: 0 5px 0 0;
	font-size: 12px;
	font-weight: 400;
	color: #454545;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.node--type-editorial-page .field--name-field-topic .field__item {
	display: inline-block
}

.node--type-editorial-page .field--name-field-topic .field__item::after {
	content: ", "
}

.node--type-editorial-page .field--name-field-topic .field__item:last-child::after {
	content: ""
}

@media(min-width:800px) {
	.node--type-editorial-page .field--name-field-topic {
		width: 500px;
		margin-left: 0;
		font-size: 16px
	}
}

.node--type-editorial-page .reading-time {
	font-size: 12px;
	font-weight: 300;
	color: #9b9b9b
}

.node--type-editorial-page .reading-time label {
	display: none
}

.node--type-editorial-page .reading-time .icon__svg {
	vertical-align: bottom
}

.node--type-editorial-page .reading-time svg {
	fill: var(--color-primary);
	color: var(--color-primary);
	width: 16px
}

.node--type-editorial-page .reading-time .time {
	vertical-align: text-bottom
}

@media(min-width:800px) {
	.node--type-editorial-page .reading-time {
		text-align: right;
		font-size: 16px;
		font-weight: 400;
		color: #454545
	}

	.node--type-editorial-page .reading-time label {
		display: inline-block
	}

	.node--type-editorial-page .reading-time .time {
		vertical-align: baseline
	}
}

.node--type-editorial-page .page-description {
	margin: 0 15px
}

@media(max-width:1299px) {
	.node--type-editorial-page .page-description {
		padding: 0 16px
	}
}

.node--type-editorial-page .page-description p {
	font-size: 16px;
	line-height: 1.63
}

@media(min-width:800px) {
	.node--type-editorial-page .field--name-field-main-media {
		margin: 40px 0
	}

	.node--type-editorial-page .page-description {
		margin: 0 0 42px 0
	}

	.node--type-editorial-page .page-description p {
		font-weight: 400;
		font-size: 18px;
		line-height: 1.33
	}
}

.node--type-editorial-page .field-type--comment,
.node--type-editorial-page .field--name-field-rating-summary {
	margin: 0 auto
}

.node--type-editorial-page .field-type--comment h2,
.node--type-editorial-page .field-type--comment .h2,
.node--type-editorial-page .field--name-field-rating-summary h2,
.node--type-editorial-page .field--name-field-rating-summary .h2 {
	padding: 0 16px;
	font-size: 18px;
	font-weight: 500;
	color: #454545
}

@media(min-width:800px) {

	.node--type-editorial-page .field-type--comment h2,
	.node--type-editorial-page .field-type--comment .h2,
	.node--type-editorial-page .field--name-field-rating-summary h2,
	.node--type-editorial-page .field--name-field-rating-summary .h2 {
		padding: 0
	}
}

.block-company-details-popup,
.block-project-details-popup {
	display: none
}

.block-company-details-popup.visible,
.block-project-details-popup.visible {
	display: inline-block
}

.block-company-details-popup .details-content .details-popup,
.block-project-details-popup .details-content .details-popup {
	left: auto;
	right: -30px;
	margin-left: -42px
}

.block-company-details-popup .details-content .details-popup:before,
.block-company-details-popup .details-content .details-popup:after,
.block-project-details-popup .details-content .details-popup:before,
.block-project-details-popup .details-content .details-popup:after {
	left: auto;
	right: 26px
}

.details-content {
	position: relative;
	top: 0;
	margin-left: 10px
}

.details-content--icon {
	cursor: pointer;
	color: var(--color-primary)
}

@media(min-width:800px) {
	.details-content--icon:hover~.details-popup {
		display: block
	}
}

.details-content .details-popup {
	display: none;
	position: absolute;
	left: 0;
	min-width: 200px;
	max-width: 360px;
	margin-top: 26px;
	margin-left: -32px;
	z-index: 2
}

.details-content .details-popup:before,
.details-content .details-popup:after {
	content: "";
	display: block;
	position: absolute;
	left: 30px;
	top: -15px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	transform: rotate(45deg)
}

.details-content .details-popup:before {
	z-index: 1
}

.details-content .details-popup:after {
	box-shadow: 0 0 10px -2px rgba(0, 0, 0, .5);
	z-index: -1
}

.details-content .details-popup--wrapper {
	padding: 25px;
	box-shadow: 0 0 10px -2px rgba(0, 0, 0, .5);
	background-color: #fff;
	border-radius: 5px;
	color: #454545;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: normal
}

@media(max-width:767px) {
	.details-content .details-popup--wrapper {
		padding: 15px
	}
}

.details-content .details-popup--title {
	font-weight: bold
}

.details-content.show-popup .details-popup {
	display: block
}

label .details-content {
	display: inline-block
}

form .form-item label,
form .form-item .details-content {
	display: inline-block
}

form .form-item.label-hidden {
	position: relative
}

form .form-item.label-hidden .details-content {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
	z-index: 1
}

form .form-item.label-hidden .details-content .details-popup {
	right: -15px;
	left: inherit
}

form .form-item.label-hidden .details-content .details-popup:before,
form .form-item.label-hidden .details-content .details-popup:after {
	left: inherit;
	right: 12px
}

@media(min-width:800px) {
	form .form-item.label-hidden .details-content .details-popup {
		right: -35px
	}

	form .form-item.label-hidden .details-content .details-popup:before,
	form .form-item.label-hidden .details-content .details-popup:after {
		right: 32px
	}
}

form .form-item.label-hidden input {
	padding-right: 44px
}

[class^=profile-company-information-] .details-content,
.user-information-flow-form .js-form-item-skip-validation .details-content {
	display: inline-flex
}

[class^=profile-company-information-] .details-content .details-popup,
.user-information-flow-form .js-form-item-skip-validation .details-content .details-popup {
	margin-top: 0;
	margin-bottom: 25px;
	bottom: 100%
}

[class^=profile-company-information-] .details-content .details-popup:before,
[class^=profile-company-information-] .details-content .details-popup:after,
.user-information-flow-form .js-form-item-skip-validation .details-content .details-popup:before,
.user-information-flow-form .js-form-item-skip-validation .details-content .details-popup:after {
	bottom: -15px;
	top: auto
}

.breadcrumb {
	padding: 10px 0;
	background: #f3f3f3
}

.breadcrumb ol {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1280px;
	list-style: none
}

.breadcrumb ol li {
	display: none;
	margin: 0;
	list-style: none;
	font-size: 12px;
	color: #4a4a4a;
	font-weight: normal
}

.breadcrumb ol li.before-last {
	display: inline-block
}

.breadcrumb ol li.before-last:before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	width: 11px;
	height: 12px;
	background: url(/fonts/custom/mac3_base_theme/src/icons/back-blue.svg) no-repeat;
	background-size: 100%
}

@media(min-width:800px) {
	.breadcrumb ol li {
		display: inline-block;
		font-size: 14px
	}

	.breadcrumb ol li.before-last:before {
		content: none
	}

	.breadcrumb ol li:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 10px;
		height: 11px;
		background: url(/icons/right-grey.svg) no-repeat;
		background-size: 100%
	}

	.breadcrumb ol li:last-of-type:after {
		content: none
	}
}

.breadcrumb ol li a {
	color: inherit
}

.sitewide-alert {
	position: relative;
	width: 100%;
	background-color: #e9ebfc;
	box-shadow: 0 0 6px 0 rgba(155, 155, 155, .3);
	padding: 5px 20px
}

.sitewide-alert--content {
	font-family: "Ubuntu", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	line-height: 1.8;
	color: #454545
}

.sitewide-alert .close {
	border: none;
	background-color: rgba(0, 0, 0, 0);
	color: #000;
	box-sizing: border-box;
	position: absolute;
	top: -10px;
	right: 0
}

.sitewide-alert .close-icon {
	font-size: 30px;
	color: #000;
	font-weight: bold;
	width: 100px;
	height: 100px
}

.clearable-input_div {
	width: 100%
}

.clearable-input_div>span.data-clear-input {
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 20px;
	height: 14px;
	padding: 0;
	font-size: 0;
	line-height: 1;
	background-image: url(/fonts/custom/mac3_base_theme/src/icons/close.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: rgba(0, 0, 0, 0)
}

.hero-banner {
	position: relative;
	max-width: 1920px;
	margin: auto
}

.hero-banner__image {
	position: relative;
	margin-bottom: 20px
}

@media(min-width:800px) {
	.hero-banner__image {
		margin-bottom: 40px
	}
}

.hero-banner__image::after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 42px;
	background-image: linear-gradient(to bottom, rgba(221, 221, 221, 0), rgba(57, 57, 57, 0.52) 66%, rgba(0, 0, 0, 0.7))
}

@media(min-width:800px) {
	.hero-banner__image::after {
		height: 183px
	}
}

.hero-banner__text-box {
	margin: 20px 0
}

@media(min-width:800px) {
	.hero-banner__text-box {
		margin: 40px 0
	}
}

.hero-banner .field-title__container {
	position: absolute;
	bottom: 12px;
	left: 16px;
	max-width: none;
	z-index: 1;
	margin-bottom: 0
}

@media(max-width:600px) {
	.hero-banner .field-title__container {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical
	}
}

@media(min-width:800px) {
	.hero-banner .field-title__container {
		left: auto;
		width: 100%;
		padding: 0 16px
	}
}

.hero-banner .field-title__container .field-title {
	color: #fff
}

@media(max-width:799px) {
	.hero-banner .field-title__container .field-title {
		margin-bottom: 0
	}
}

@media(min-width:800px) {
	.hero-banner .field-title__container .field-title {
		max-width: 1280px;
		margin: auto;
		text-align: left
	}
}

.hero-banner .field--name-field-subtitle {
	max-width: 1280px;
	margin: 20px auto 0;
	padding: 0 16px
}

@media(min-width:800px) {
	.hero-banner .field--name-field-subtitle {
		margin-top: 40px
	}
}

@media(min-width:1300px) {
	.hero-banner .field--name-field-subtitle {
		padding: 0
	}
}

.hero-banner .field--name-field-plain-description,
.hero-banner .field--name-field-hero-description {
	max-width: 1280px;
	margin: 14px auto 0;
	padding: 0 16px;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.63
}

@media(min-width:800px) {

	.hero-banner .field--name-field-plain-description,
	.hero-banner .field--name-field-hero-description {
		margin-top: 21px;
		font-size: 18px;
		line-height: 1.56;
		padding-right: 30%
	}
}

@media(min-width:1300px) {

	.hero-banner .field--name-field-plain-description,
	.hero-banner .field--name-field-hero-description {
		padding: 0
	}
}

.user-form input[type=text],
.user-form input[type=email],
.user-form input[type=password],
.user-form input[type=tel],
.user-pass input[type=text],
.user-pass input[type=email],
.user-pass input[type=password],
.user-pass input[type=tel],
.user-pass-reset input[type=text],
.user-pass-reset input[type=email],
.user-pass-reset input[type=password],
.user-pass-reset input[type=tel],
.user-login-form input[type=text],
.user-login-form input[type=email],
.user-login-form input[type=password],
.user-login-form input[type=tel] {
	font-weight: 300;
	color: #4a4a4a
}

.user-form label,
.user-pass label,
.user-pass-reset label,
.user-login-form label {
	font-weight: 300;
	color: #4a4a4a
}

.user-form .description,
.user-form .config_pages--type--registration-privacy-text,
.user-pass .description,
.user-pass .config_pages--type--registration-privacy-text,
.user-pass-reset .description,
.user-pass-reset .config_pages--type--registration-privacy-text,
.user-login-form .description,
.user-login-form .config_pages--type--registration-privacy-text {
	color: #4a4a4a
}

.user-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.user-pass .select2-container--default .select2-selection--single .select2-selection__rendered,
.user-pass-reset .select2-container--default .select2-selection--single .select2-selection__rendered,
.user-login-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-weight: 300;
	color: #4a4a4a
}

.user-form .select2-container--default .select2-selection--single .select2-selection__arrow b,
.user-pass .select2-container--default .select2-selection--single .select2-selection__arrow b,
.user-pass-reset .select2-container--default .select2-selection--single .select2-selection__arrow b,
.user-login-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
	background-image: none;
	mask: url(/fonts/custom/mac3_theme/src/icons/chevron-down-blue.svg) 0% 0%/contain no-repeat;
	-webkit-mask-image: url(/fonts/custom/mac3_theme/src/icons/chevron-down-blue.svg);
	background-color: var(--color-primary);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain
}

.user-form .select2-container span.select2-selection--single,
.user-pass .select2-container span.select2-selection--single,
.user-pass-reset .select2-container span.select2-selection--single,
.user-login-form .select2-container span.select2-selection--single {
	padding: 0
}

.user-login-form .field--name-field-title {
	font-weight: normal
}

.config_pages--type--register-now .field--name-field-link a {
	position: relative;
	display: inline-block;
	padding: 7px 16px;
	border: 1px solid var(--color-primary);
	border-radius: 6px;
	min-width: 296px;
	background-color: #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.71;
	color: var(--color-primary);
	cursor: pointer
}

.config_pages--type--register-now .field--name-field-link a:after {
	content: "";
	display: inline-block;
	margin-left: 10px;
	width: 16px;
	height: 16px;
	background: url(/fonts/custom/mac3_theme/src/icons/right-blue.svg) no-repeat;
	background-size: 100%;
	vertical-align: middle
}

@media(min-width:800px) {
	.config_pages--type--register-now .field--name-field-link a {
		border-width: 2px;
		min-width: auto;
		background: var(--color-primary);
		color: #fff
	}

	.config_pages--type--register-now .field--name-field-link a:after {
		background: url(/fonts/custom/mac3_theme/src/icons/right-white.svg) no-repeat;
		background-size: 100%
	}

	.config_pages--type--register-now .field--name-field-link a:hover {
		border-color: var(--color-primary);
		background: #fff;
		color: var(--color-primary)
	}

	.config_pages--type--register-now .field--name-field-link a:hover:after {
		background: url(/fonts/custom/mac3_theme/src/icons/right-blue.svg) no-repeat;
		background-size: 100%
	}
}

.user-register-form input.error[type=checkbox]+label:before {
	border-color: #a94464;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .21)
}

.user-register-form input.error[type=checkbox]:checked+label:before {
	border-color: rgba(34, 47, 54, .6);
	box-shadow: none
}

@media(min-width:800px) {
	.user-register-form .field--name-user-picture {
		width: 100%
	}
}

@media(min-width:800px) {
	.user-register-form {
		padding: 0 5px 33px;
		border-bottom: 1px solid #ccc
	}

	.user-login-form {
		padding-bottom: 33px;
		border-bottom: 1px solid #ccc
	}
}

.config_pages--type--registration-page-description {
	color: #454545
}

.config_pages--type--registration-page-description .field--name-field-title {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: normal
}

.config_pages--type--registration-page-description .field--name-field-subtitle,
.config_pages--type--registration-page-description .field--name-field-description {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 300
}

@media(min-width:800px) {
	.config_pages--type--registration-page-description .field--name-field-title {
		margin-bottom: 10px;
		font-size: 32px
	}

	.config_pages--type--registration-page-description .field--name-field-subtitle,
	.config_pages--type--registration-page-description .field--name-field-description {
		margin-bottom: 22px;
		font-size: 18px
	}
}

.ui-widget-overlay {
	background: rgba(34, 34, 34, .5)
}

.paragraph--view-mode--user-flow-banner {
	position: relative
}

.paragraph--view-mode--user-flow-banner .hero-banner__image:after {
	height: 100%;
	opacity: .4;
	background-image: linear-gradient(to bottom, #005EB8 1%, #00294a)
}

.paragraph--view-mode--user-flow-banner .text-wrapper {
	position: absolute;
	bottom: 12px;
	left: 16px;
	z-index: 1
}

@media(min-width:800px) {
	.paragraph--view-mode--user-flow-banner .text-wrapper {
		bottom: 40px;
		left: auto;
		width: 100%
	}
}

.paragraph--view-mode--user-flow-banner .text-wrapper .hero-banner__text-box {
	max-width: 1280px;
	margin: auto;
	text-align: left;
	line-height: 1.6;
	color: #fff
}

.paragraph--view-mode--user-flow-banner .text-wrapper .hero-banner__text-box .field--name-field-title {
	font-size: 24px;
	font-weight: 300
}

.paragraph--view-mode--user-flow-banner .text-wrapper .hero-banner__text-box .field--name-field-subtitle {
	font-size: 16px;
	font-weight: 300
}

@media(min-width:800px) {
	.paragraph--view-mode--user-flow-banner .text-wrapper .hero-banner__text-box .field--name-field-title {
		font-size: 40px;
		font-weight: 300
	}

	.paragraph--view-mode--user-flow-banner .text-wrapper .hero-banner__text-box .field--name-field-subtitle {
		font-size: 24px;
		font-weight: 300
	}
}

.layout--header-section .menu--account {
	display: none
}

.layout--header-section .menu--account li {
	position: relative;
	text-align: left
}

.layout--header-section .menu--account li:last-of-type a {
	padding-right: 0
}

.layout--header-section .menu--account li .ajax-progress-throbber {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

@media(min-width:800px) {
	.sticky-header .layout--header-section .menu--account li .ajax-progress-throbber {
		right: -25px
	}
}

.layout--header-section .menu--account li .link-icon {
	position: relative
}

.layout--header-section .menu--account li .link-icon .projects-count {
	position: absolute;
	top: 9px;
	left: 5px;
	border: 2px solid #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	padding: 1px;
	background: var(--color-primary);
	text-align: center;
	font-size: 12px;
	color: #fff;
	box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .5)
}

.layout--header-section .menu--account .menu a {
	width: 100%;
	padding: 10px 21.1px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.14;
	color: #4a4a4a
}

.layout--header-section .menu--account .menu .link-icon {
	display: inline-block;
	padding-right: 5px;
	color: var(--color-primary)
}

.layout--header-section .menu--account .menu .link-icon svg {
	width: 20px;
	height: 20px
}

@media(min-width:1200px) {
	.layout--header-section .menu--account {
		display: block
	}

	.layout--header-section .menu--account .menu {
		align-items: center
	}

	.layout--header-section .menu--account .menu a {
		display: flex;
		padding: 12px 15px 10px 0;
		align-items: center
	}

	.layout--header-section .menu--account .menu a:hover .link-icon {
		color: var(--color-primary)
	}
}

.layout--header-section .menu--account.menu__switch {
	display: block;
	border-top: 1px solid #eee
}

@media(min-width:1200px) {
	.layout--header-section .menu--account.menu__switch {
		display: none
	}
}

li.menu-item a[href$="user/logout"] .link-icon {
	position: relative;
	z-index: 0
}

li.menu-item a[href$="user/logout"] .link-icon::before,
li.menu-item a[href$="user/logout"] .link-icon::after {
	position: absolute;
	right: 2px;
	bottom: -2px;
	width: 10px;
	height: 10px;
	display: block;
	content: " "
}

li.menu-item a[href$="user/logout"] .link-icon::before {
	background: #fff;
	border-radius: 50%;
	z-index: 1
}

li.menu-item a[href$="user/logout"] .link-icon::after {
	background-color: currentColor;
	-webkit-mask-image: url(/fonts/custom/mac3_theme/src/icons/close-rounded.svg);
	mask-image: url(/fonts/custom/mac3_theme/src/icons/close-rounded.svg);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	z-index: 2
}

.layout--header-section .site-logo {
	display: flex;
	padding: 4px 0
}

@media(min-width:1200px) {
	.layout--header-section .site-logo {
		padding: 4px 13px
	}
}

.layout--header-section .site-logo img {
	height: auto;
	max-height: 51px;
	width: auto;
	min-width: 73px
}

@media(max-width:1200px) {
	.layout--header-section .site-logo img {
		min-height: 47px;
		max-width: inherit
	}
}

@media(min-width:1200px) {
	.layout--header-section .site-logo img {
		max-width: 170px;
		min-width: auto;
		max-height: 93px;
		transition: min-height .3s
	}
}

body.toggle-menu {
	background-color: #222;
	overflow: hidden
}

body.toggle-menu main,
body.toggle-menu footer {
	opacity: .2;
	background-color: #fff;
	pointer-events: none
}

.layout--header-section .menu .menu--section-title {
	margin: 0;
	text-align: left;
	line-height: 1
}

.layout--header-section .menu .menu--section-title a,
.layout--header-section .menu .menu--section-title span {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	color: var(--color-primary);
	position: relative;
	display: block
}

.layout--header-section .menu .menu--section-title a.is-active:before,
.layout--header-section .menu .menu--section-title span.is-active:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -15px;
	transform: translate(0, -50%) skew(-10deg);
	display: inline-block;
	width: 4px;
	height: 24px;
	background-color: rgba(0, 111, 198, .5)
}

@media(max-width:1199px) {
	.layout--header-section .menu-item--second-level .field {
		display: none
	}
}

@media(min-width:1200px) {
	.layout--header-section .menu-item.hover-effect:hover .menu_link_content {
		display: block
	}

	.layout--header-section .menu-item.show-menu .menu_link_content {
		display: block
	}

	.layout--header-section .menu-item.show-menu .menu-item--second-level .menu_link_content {
		display: none
	}

	.layout--header-section .menu-item:hover .menu-item--second-level .menu_link_content {
		display: none
	}

	.layout--header-section .menu-item.no-hover-effect {
		cursor: pointer
	}

	.layout--header-section .menu-item.no-hover-effect>.first-level-item {
		pointer-events: none
	}

	.layout--header-section .menu-item.no-hover-effect:hover>.first-level-item {
		color: var(--color-primary)
	}

	.layout--header-section .layout__region--first .navigation {
		padding-left: 80px
	}

	.layout--header-section .layout--threecol-section--25-25-50 .layout__region--first {
		flex: 0 1 26%
	}

	.layout--header-section .layout--threecol-section--25-25-50 .layout__region--second {
		flex: 1 1 23%
	}

	.layout--header-section .layout--threecol-section--25-25-50 .layout__region--third {
		flex: 0 1 51%
	}

	.layout--header-section .layout--threecol-section--25-50-25 .layout__region--first {
		flex: 0 1 27%
	}

	.layout--header-section .layout--threecol-section--25-50-25 .layout__region--second {
		flex: 0 1 45%
	}

	.layout--header-section .layout--threecol-section--25-50-25 .layout__region--third {
		flex: 0 1 28%
	}
}

.layout--header-section .menu_link_content {
	position: absolute;
	left: 0;
	right: 0;
	display: none;
	width: 100%;
	margin-top: 1px;
	z-index: 101;
	background: #fff
}

.layout--header-section .menu_link_content .layout {
	max-width: 100%
}

.layout--header-section .menu_link_content .menu-item {
	padding: 0;
	text-align: left
}

.layout--header-section .menu_link_content .menu-item a {
	padding: 8px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.33;
	color: #454545;
	border: 0;
	cursor: pointer
}

@media(min-width:1200px) {
	.layout--header-section .menu_link_content .menu-item a.is-active.second-level-item {
		position: relative;
		padding-left: 15px
	}

	.layout--header-section .menu_link_content .menu-item a.is-active.second-level-item:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%) skew(-10deg);
		display: inline-block;
		width: 4px;
		height: 24px;
		background-color: rgba(0, 111, 198, .5);
		background-color: var(--color-primary);
		opacity: .5
	}

	.layout--header-section .menu_link_content .menu-item a.is-active.second-level-item:after {
		content: none
	}
}

.layout--header-section .menu_link_content .menu-item a.second-level-item {
	white-space: normal;
	padding-right: 32px
}

@media(min-width:1200px) {
	.layout--header-section .menu_link_content .menu-item a.second-level-item {
		padding-right: 16px
	}
}

.layout--header-section .menu_link_content .menu-item a:after {
	content: "";
	width: 6px;
	height: 11px;
	margin-left: 9px;
	display: inline-block;
	background-color: #090909;
	mask: url(/fonts/custom/mac3_theme/src/icons/right.svg) center/cover no-repeat;
	-webkit-mask-image: url(/fonts/custom/mac3_theme/src/icons/right.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: cover
}

.layout--header-section .menu_link_content .menu-item a:hover {
	color: var(--color-primary)
}

.layout--header-section .menu_link_content .menu-item a:hover:after {
	background-color: var(--color-primary)
}

.layout--header-section .menu_link_content nav {
	background-color: #fff
}

@media(min-width:1200px) {
	.layout--header-section .menu_link_content nav {
		padding: 20px 20px 34px 20px;
		height: 100%
	}

	.layout--header-section .menu_link_content nav.menu--backgound-grey {
		background-color: #eee
	}

	.layout--header-section .menu_link_content nav.menu--backgound-light-grey {
		height: 100%;
		background-color: #f8f8f8
	}

	.layout--header-section .menu_link_content nav.menu--two-columns .menu {
		display: block;
		column-count: 2
	}

	.layout--header-section .menu_link_content nav.nav-rows-2 {
		max-height: 50%
	}
}

.layout--header-section .main-naigation--wrapper.active {
	position: absolute;
	top: 56px;
	right: 0;
	left: 0;
	z-index: 101;
	background-color: #fff;
	max-height: calc(100vh - 55px);
	overflow-x: hidden
}

.layout--header-section .main-naigation--wrapper.active:has(.hide-switch-menus) {
	overflow-x: visible
}

.layout--header-section .main-naigation--wrapper.active .menu-item {
	padding: 0;
	text-align: left
}

.layout--header-section .main-naigation--wrapper.active .menu-item.menu-item--first-level:last-of-type a,
.layout--header-section .main-naigation--wrapper.active .menu-item.menu-item--first-level:last-of-type span {
	padding-bottom: 15px
}

.layout--header-section .main-naigation--wrapper.active .menu-item>a,
.layout--header-section .main-naigation--wrapper.active .menu-item>span {
	position: relative;
	width: 100%;
	padding: 16px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	border: none
}

.layout--header-section .main-naigation--wrapper.active .menu-item>a:after,
.layout--header-section .main-naigation--wrapper.active .menu-item>span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 8px;
	height: 15px;
	display: inline-block;
	background-image: url(/fonts/custom/mac3_theme/src/icons/right.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.layout--header-section .main-naigation--wrapper.active .menu-item.show {
	background: #fff;
	z-index: 101;
	position: absolute;
	top: 0;
	margin: 0;
	width: 100%
}

.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu_link_content {
	display: block
}

.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--main {
	display: block
}

.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--main ul {
	display: none
}

.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--main ul.show-next {
	display: block;
	max-height: 75vh;
	overflow-x: scroll
}

.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--section-title a,
.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--section-title span {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 16px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	color: #454545
}

.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--section-title a:after,
.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--section-title span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 8px;
	height: 15px;
	display: inline-block;
	background-image: url(/fonts/custom/mac3_theme/src/icons/right.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--section-title a.learn-more--link:after,
.layout--header-section .main-naigation--wrapper.active .menu-item.show .menu--section-title span.learn-more--link:after {
	content: none
}

.layout--header-section .main-naigation--wrapper.active .menu--account {
	margin: 0
}

.layout--header-section .main-naigation--wrapper.active .menu--account .menu-item {
	padding: 0;
	text-align: left
}

.layout--header-section .main-naigation--wrapper.active .menu--account .menu-item>a {
	position: relative;
	width: 100%;
	padding: 16px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.14;
	border: none;
	color: #4a4a4a
}

.layout--header-section .main-naigation--wrapper.active .menu--account .menu-item>a:after {
	content: none
}

.layout--header-section .main-naigation--wrapper.active .menu--space-menu .menu-item>a {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.71;
	color: #454545
}

.layout--header-section .main-naigation--wrapper.active .layout {
	display: block
}

.layout--header-section .main-naigation--wrapper.active .menu_link_content.show-next {
	position: absolute;
	top: 0;
	margin: 0
}

.layout--header-section .main-naigation--wrapper.active .menu_link_content.show-next .paragraph--type--cta-menu,
.layout--header-section .main-naigation--wrapper.active .menu_link_content.show-next .paragraph--type--document-download {
	display: none
}

.layout--header-section .main-naigation--wrapper.active .menu_link_content.show-next .menu--main {
	display: none
}

.layout--header-section .main-naigation--wrapper.active .menu_link_content.show-next .menu--main.active--navigation {
	display: block
}

.layout--header-section .main-naigation--wrapper.active .show .menu--section-title a.back-link,
.layout--header-section .main-naigation--wrapper.active .show .menu--section-title span.back-link,
.layout--header-section .main-naigation--wrapper.active a.back-link,
.layout--header-section .main-naigation--wrapper.active span.back-link {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 16px 16px 16px 48px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: normal;
	color: var(--color-primary);
	border-bottom: 1px solid #ccc
}

.layout--header-section .main-naigation--wrapper.active .show .menu--section-title a.back-link:before,
.layout--header-section .main-naigation--wrapper.active .show .menu--section-title span.back-link:before,
.layout--header-section .main-naigation--wrapper.active a.back-link:before,
.layout--header-section .main-naigation--wrapper.active span.back-link:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(/fonts/custom/mac3_theme/src/icons/back-blue.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.layout--header-section .main-naigation--wrapper.active .show .menu--section-title a.back-link:after,
.layout--header-section .main-naigation--wrapper.active .show .menu--section-title span.back-link:after,
.layout--header-section .main-naigation--wrapper.active a.back-link:after,
.layout--header-section .main-naigation--wrapper.active span.back-link:after {
	content: none
}

.layout--header-section .main-naigation--wrapper.active.hide-switch-menus .menu__switch {
	display: none
}

.layout--header-section .main-naigation--wrapper.active.hide-switch-menus>ul>li.menu-item--first-level {
	display: none
}

.layout--header-section .main-naigation--wrapper.active.hide-switch-menus>ul>li.menu-item--first-level.show {
	display: block
}

.layout--header-section .main-naigation--wrapper.active.hide-switch-menus>ul>li.menu-item--first-level.show .menu_link_content {
	margin-top: 0
}

.layout--header-section .main-naigation--wrapper.active .learn-more--wrapper {
	display: none
}

.layout--header-section .main-naigation--wrapper.active .learn-more--link {
	width: 100%;
	margin: 0;
	padding: 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	background-color: #f3f3f3
}

.layout--header-section .main-naigation--wrapper.active .active--navigation .learn-more--wrapper {
	display: block
}

.layout--header-section .main-naigation--wrapper.active .menu-item--first-level.show .learn-more--wrapper-first-level {
	display: block
}

.layout--header-section .main-naigation--wrapper.active .menu-item--first-level.show .show-next .learn-more--wrapper-first-level {
	display: none
}

.layout--header-section .learn-more--wrapper {
	display: none
}

@media(min-width:1440px) {
	.layout--header-section.mega-menu--compact .menu_link_content .layout {
		max-width: 1440px;
		margin: auto;
		padding: 0 80px 0 93px
	}

	.layout--header-section.mega-menu--compact .menu_link_content .layout .layout__region--first .navigation {
		padding-left: 20px
	}
}

body.toolbar-icon-10 .layout--header-section .main-naigation--wrapper.active {
	max-height: calc(100vh - 94px)
}

.scroll-up .breadcrumb {
	display: none
}

.layout--header-section .menu--main .menu li {
	padding: 0 12px 23px
}

@media(min-width:1200px)and (max-width:1300px) {
	.layout--header-section .menu--main .menu li {
		padding: 0 10px 23px
	}
}

.layout--header-section .menu--main .menu li>span {
	color: #454545;
	font-weight: 400
}

.layout--header-section .menu_link_content .menu-item {
	padding: 0 !important
}

header .region-header {
	background-color: #fff;
	border-bottom: 1px solid #ccc
}

@media(min-width:1200px) {
	header .region-header {
		min-height: 100px;
		width: 100%;
		z-index: 100;
		transition: min-height .3s
	}
}

.block-language.mobile-show {
	margin-left: 7px
}

.burger-container .burger {
	cursor: pointer;
	outline: none;
	padding: 0 11px 0 0
}

.burger-container .burger__menu-show {
	display: block;
	padding-left: 3px
}

.burger-container .burger__menu-close {
	display: none;
	line-height: 0
}

.burger-container .burger.active {
	padding: 0 9px 0 0
}

.burger-container .burger.active .burger__menu-show {
	display: none
}

.burger-container .burger.active .burger__menu-close {
	display: block
}

@media(min-width:1200px) {
	.burger-container {
		display: none
	}
}

.layout--header-section {
	display: flex;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 16px;
	align-items: center
}

@media(min-width:1440px) {
	.layout--header-section {
		max-width: 1440px;
		padding: 0 80px
	}
}

.layout--header-section .menu {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column
}

@media(min-width:1200px) {
	.layout--header-section .menu {
		flex-direction: row
	}
}

.layout--header-section .menu .menu {
	flex-direction: column
}

@media(min-width:1200px) {
	.layout--header-section .menu .menu {
		flex-direction: column
	}
}

.layout--header-section .menu li {
	list-style: none
}

.layout--header-section .menu a,
.layout--header-section .menu span.first-level-item {
	display: inline-block;
	padding: 18px 11px;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.33;
	color: #454545
}

@media(min-width:1200px) {

	.layout--header-section .menu a.is-active,
	.layout--header-section .menu a:hover,
	.layout--header-section .menu span.first-level-item.is-active,
	.layout--header-section .menu span.first-level-item:hover {
		color: var(--color-primary)
	}
}

.layout--header-section .menu--space-menu a {
	position: relative;
	display: none;
	padding: 19px 10px 0 10px;
	font-size: 12px;
	font-weight: normal
}

.layout--header-section .menu--space-menu a.is-active {
	display: inline-block;
	margin-left: 5px;
	padding: 18px 10px;
	color: #454545;
	font-weight: 300
}

@media(min-width:1200px) {
	.layout--header-section .menu--space-menu a.is-active {
		margin-left: 0;
		padding: 10px 10px 0 10px;
		font-weight: normal;
		color: var(--color-primary)
	}
}

@media(min-width:1200px) {
	.layout--header-section .menu--space-menu a {
		display: inline-block;
		padding: 10px 10px 0 10px
	}
}

.layout--header-section .menu--space-menu a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	display: inline-block;
	background-color: #454545
}

@media(min-width:1200px) {
	.layout--header-section .menu--space-menu a:before {
		top: 100%;
		transform: translateY(-100%);
		height: 13px
	}
}

@media(min-width:1200px) {
	.layout--header-section .menu--space-menu li:first-of-type a:before {
		opacity: 0
	}
}

.layout--header-section .menu--space-menu.menu__switch li {
	border-bottom: 1px solid #ccc
}

.layout--header-section .menu--space-menu.menu__switch a {
	display: block;
	background-color: #f3f3f3
}

.layout--header-section .menu--space-menu.menu__switch a:before {
	content: none
}

.layout--header-section .menu--space-menu.menu__switch a.is-active {
	display: none
}

@media(min-width:1200px) {
	.layout--header-section .menu--space-menu.menu__switch {
		display: none
	}
}

.layout--header-section .menu--main {
	display: none
}

.layout--header-section .menu--main.active {
	display: block
}

@media(min-width:1200px) {
	.layout--header-section .menu--main {
		display: block
	}

	.layout--header-section .menu--main ul {
		align-items: baseline
	}
}

.layout--header-section .menu--main .menu-item--first-level {
	padding-bottom: 0 !important;
	flex-grow: 0
}

.layout--header-section .menu--main .menu-item--first-level>a,
.layout--header-section .menu--main .menu-item--first-level>span.first-level-item {
	padding: 10px 0 19px 0;
	border-bottom: 4px solid rgba(0, 0, 0, 0)
}

@media(max-width:1199px) {

	.layout--header-section .menu--main .menu-item--first-level>a,
	.layout--header-section .menu--main .menu-item--first-level>span.first-level-item {
		padding: 16px
	}
}

@media(min-width:1200px) {

	.layout--header-section .menu--main .menu-item--first-level>a,
	.layout--header-section .menu--main .menu-item--first-level>span.first-level-item {
		padding-top: 0;
		transition: padding .3s
	}
}

.layout--header-section .menu--main .menu-item--first-level>a.back-link,
.layout--header-section .menu--main .menu-item--first-level>span.first-level-item.back-link {
	padding: 16px 16px 16px 48px
}

@media(min-width:1200px) {

	.layout--header-section .menu--main .menu-item--first-level.menu-item--active-trail>a,
	.layout--header-section .menu--main .menu-item--first-level.menu-item--active-trail>span.first-level-item,
	.layout--header-section .menu--main .menu-item--first-level:hover>a,
	.layout--header-section .menu--main .menu-item--first-level:hover>span.first-level-item {
		border-bottom-color: var(--color-primary)
	}

	.layout--header-section .menu--main .menu-item--first-level.menu-item--first-level>a.is-active {
		border-bottom-color: var(--color-primary)
	}
}

.layout--header-section .menu--space-menu,
.layout--header-section .menu--account {
	transition: height .3s
}

.layout--header-section .generic-search-block {
	position: static
}

.layout--header-section .generic-search-block .contextual {
	right: 20px
}

.layout--header-section.search--toggle .burger-container,
.layout--header-section.search--toggle .site-logo,
.layout--header-section.search--toggle .block-language,
.layout--header-section.search--toggle .layout__region--top_left,
.layout--header-section.search--toggle .layout__region--top_right {
	opacity: 0
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block {
	position: absolute;
	top: 7px;
	left: 0;
	right: 0;
	padding: 4px 16px 0 16px;
	background: #fff
}

@media(min-width:1200px) {
	.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block {
		top: auto;
		bottom: 0;
		padding: 30px 0 19px 0;
		margin-left: 20px
	}
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block__container {
	padding-left: 24px
}

@media(min-width:1200px) {
	.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block__container {
		border-bottom: 2px solid #9b9b9b
	}
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block__form {
	display: block;
	width: 100%
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block .form-item {
	width: 100%
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block input.form-autocomplete {
	width: 85%
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-close {
	display: block
}

@media(min-width:1200px) {
	.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-close {
		padding-bottom: 2px
	}
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-open {
	display: none
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block .button {
	display: block
}

.layout--header-section.search--toggle .block-views-exposed-filter-blockglobal-search-global-search .search-block .clearable-input_div>span.data-clear-input {
	display: none !important
}

@media(min-width:1200px) {
	.layout--header-section.search--toggle .layout__region--header--menu-container {
		position: relative
	}

	.layout--header-section.search--toggle .site-logo {
		opacity: 1
	}

	.layout--header-section.search--toggle .menu--account .link-icon {
		color: var(--color-primary)
	}

	.layout--header-section.search--toggle .menu--account .link-title {
		display: none
	}

	.layout--header-section.search--toggle .menu--account li:last-of-type a {
		padding-right: 0
	}

	.layout--header-section.search--toggle .menu--main {
		opacity: 0
	}
}

.layout--header-section .layout--fourcol-section .layout__region--first {
	flex: 0 1 27%
}

.layout--header-section .layout--fourcol-section .layout__region--second {
	flex: 0 1 22%
}

.layout--header-section .layout--fourcol-section .layout__region--third {
	flex: 0 1 23%
}

.layout--header-section .layout--fourcol-section .layout__region--fourth {
	flex: 0 1 28%
}

.js .region-header input.form-autocomplete {
	background-image: none
}

.js .region-header input.form-autocomplete.ui-autocomplete-loading {
	background-image: none
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__container {
	position: relative;
	display: flex
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__form {
	display: none
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__form form {
	position: initial
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__form .form-item {
	margin-bottom: 0
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon {
	color: var(--color-primary);
	cursor: pointer
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon svg {
	width: 19px;
	height: 19px;
	margin-right: 8px
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-open {
	display: flex;
	align-items: center
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-text {
	display: none;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.14;
	color: #9b9b9b
}

@media(min-width:1200px) {
	.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-text {
		display: inline-block
	}
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-close {
	display: none;
	color: #454545
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block label {
	display: none
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block input.form-text {
	width: 70%;
	border: none;
	outline: none;
	padding: 8px 2px;
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
	color: #454545
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block input.form-text::placeholder {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.14;
	color: rgba(0, 0, 0, 0)
}

@media(min-width:1200px) {
	.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block input.form-text::placeholder {
		color: #9b9b9b
	}
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block .button {
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translate(0, -50%);
	display: none;
	width: 19px;
	height: 24px;
	padding: 0;
	color: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 0;
	background-color: var(--color-primary);
	mask: url(/fonts/custom/mac3_theme/src/icons/search-blue.svg) left center no-repeat;
	-webkit-mask-image: url(/fonts/custom/mac3_theme/src/icons/search-blue.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: left center;
	mask-size: 19px 19px;
	-webkit-mask-size: 19px 19px;
	outline: none
}

.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block .button:hover {
	color: rgba(0, 0, 0, 0)
}

@media(min-width:1200px) {
	.layout--header-section .block-views-exposed-filter-blockglobal-search-global-search .search-block .button {
		left: 0
	}
}

.layout--header-section .layout__region--branding {
	align-self: center
}

@media(min-width:1200px) {
	.layout--header-section .layout__region--branding {
		min-height: 100px;
		display: flex;
		align-items: center;
		transition: min-height .3s
	}
}

.layout--header-section .layout__region--header--menu-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

@media(min-width:1200px) {
	.layout--header-section .layout__region--header--menu-container {
		display: block;
		align-items: flex-end
	}
}

@media(min-width:1200px) {
	.layout--header-section .layout__region--header--top {
		display: flex;
		justify-content: space-between;
		align-items: baseline
	}
}

.layout--header-section .layout__region--header--bottom {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.layout--header-section .layout__region--bottom_right {
	display: flex;
	transition: margin .3s
}

@media(min-width:1200px) {
	.layout--header-section .layout__region--bottom_right {
		margin-bottom: 14px
	}
}

.layout--header-section .layout__region--top_right {
	display: flex;
	flex-direction: row;
	align-items: center
}

.layout--header-section .layout__region--top_right:only-child {
	margin-left: auto
}

.layout--header-section .layout__region--header--branding-container {
	display: flex;
	align-items: center
}

.layout--header-section .layout__region .block-general-block,
.layout--header-section .layout__region .block-block-content,
.layout--header-section .layout__region .paragraph--type--document-download,
.layout--header-section .layout__region .paragraph--type--cta-menu {
	height: 100%
}

@media(min-width:1200px) {
	.layout--header-section .layout__region .paragraph--type--document-download.document-download .container {
		margin: 30px 40px
	}
}

@media(min-width:1200px) {
	.layout--header-section .layout__region .paragraph--type--cta-menu .cta-menu__items-container {
		padding: 90px 0 79px 0
	}
}

.layout--header-section .layout__region .button {
	padding: 7px 40px 7px 16px;
	line-height: 1.71;
	font-size: 14px
}

.layout--header-section .layout__region .button--with-arrow {
	padding-right: 40px
}

.layout--header-section .layout__region .button--color-blue {
	color: #fff
}

.layout--header-section .layout__region .button--color-blue:hover {
	color: var(--color-primary)
}

.ui-autocomplete {
	background: #fff;
	box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .5);
	z-index: 101
}

@media(min-width:1200px) {
	header.sticky-header {
		width: 100%;
		z-index: 101;
		position: sticky;
		transition: min-height .3s;
		background-color: #fff;
		top: 0
	}

	.user-logged-in.toolbar-horizontal header.sticky-header {
		top: var(--drupal-displace-offset-top)
	}
}

.scroll-up .breadcrumb {
	display: none
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
	background-color: transparent;
	border: none;
	font-size: 1em
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline;
	list-style: none;
	padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
	background-color: transparent;
	border: none;
	font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
	max-width: 100%;
	resize: none;
	height: 18px;
	vertical-align: bottom;
	font-family: sans-serif;
	overflow: hidden;
	word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none
}

.select2-results__option--selectable {
	cursor: pointer
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	height: 26px;
	margin-right: 20px;
	padding-right: 0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	padding-bottom: 5px;
	padding-right: 5px;
	position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
	padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	margin-right: 10px;
	margin-top: 5px;
	position: absolute;
	right: 0;
	padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0;
	padding-left: 20px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	cursor: default;
	padding-left: 2px;
	padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	background-color: transparent;
	border: none;
	border-right: 1px solid #aaa;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #999;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	padding: 0 4px;
	position: absolute;
	left: 0;
	top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background-color: #f1f1f1;
	color: #333;
	outline: none
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 5px;
	padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	border-left: 1px solid #aaa;
	border-right: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
	float: left;
	margin-left: 10px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid black 1px;
	outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--group {
	padding: 0
}

.select2-container--default .select2-results__option--disabled {
	color: #999
}

.select2-container--default .select2-results__option--selected {
	background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #5897fb;
	color: white
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	height: 26px;
	margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: none;
	border-left: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 1px;
	right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
	background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
	background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0;
	padding-bottom: 5px;
	padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
	cursor: default;
	padding-left: 2px;
	padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	background-color: transparent;
	border: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #888;
	cursor: pointer;
	font-size: 1em;
	font-weight: bold;
	padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555;
	outline: none
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 5px;
	padding-right: 2px
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	box-shadow: none
}

.select2-container--classic .select2-dropdown {
	background-color: #fff;
	border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
	padding: 0
}

.select2-container--classic .select2-results__option--disabled {
	color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #3875d7;
	color: #fff
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}

span.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered::before,
span.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	background-image: url(/fonts/custom/mac3_base_theme/src/icons/close.svg)
}

span.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px
}

span.select2-container--default .select2-selection--single .select2-selection__arrow b {
	position: static;
	border: 0 none;
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(/icons/chevron-down.svg);
	background-repeat: no-repeat;
	background-size: contain
}

@media(min-width:1200px) {
	span.select2-container--default .select2-selection--single .select2-selection__arrow b {
		width: 20px;
		height: 20px
	}
}

span.select2-container--default .select2-selection--multiple {
	padding-top: 3px;
	height: 40px;
	border-radius: 2px;
	border-color: #9b9b9b
}

span.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border: 1px solid var(--color-primary);
	border-radius: 13px;
	font-size: 12px;
	color: #fff;
	background-color: var(--color-primary)
}

span.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	left: 6px;
	top: -6px;
	padding: 0;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	border: 0 none
}

span.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, 0)
}

span.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #9b9b9b
}

span.select2-container--default .select2-results__option {
	font-size: 14px
}

:root {
	--color-primary: #005EB8;
	--color-secondary: #77C70A;
}

.block-comparison-cart-block.expanded {
	z-index: 1000
}

.chat-bot-enabled .block-comparison-cart-block {
	z-index: 1000
}

@media(min-width:800px) {
	.chat-bot-enabled .block-comparison-cart-block {
		right: 216px
	}

	.chat-bot-enabled .block-comparison-cart-block.expanded {
		right: 0
	}
}

.chat-bot-enabled .block-comparison-cart-block .comparison-cart-header {
	height: 46px;
	min-height: 46px
}

.chat-bot-enabled .block-comparison-cart-block .comparison-cart-header .toggle {
	padding-top: 10px;
	padding-bottom: 10px
}

.chat-bot-enabled .block-comparison-cart-block .comparison-cart-header .toggle::after {
	top: 12px
}

.chat-bot-enabled .block-comparison-cart-block .comparison-cart {
	transform: translateY(-46px)
}

.chat-bot-enabled .block-comparison-cart-block.expanded .comparison-cart {
	transform: translateY(0)
}

.chat-bot-enabled .block-comparison-cart-block .tabs-list li {
	padding-top: 11px;
	padding-bottom: 11px
}

@media(max-width:799px) {
	.embeddedServiceHelpButton .helpButton {
		bottom: 60px !important
	}
}

.embeddedServiceHelpButton .helpButton .uiButton {
	border-radius: 0;
	font-size: 16px
}

.embeddedServiceHelpButton .helpButton .uiButton:not(.helpButtonDisabled) {
	background-color: #005eb8
}

#ot-sdk-btn-floating.ot-floating-button {
	z-index: 999 !important
}

@media(max-width:799px) {
	#ot-sdk-btn-floating.ot-floating-button {
		bottom: 60px !important
	}
}

.table-default table thead>tr {
	background-color: #005eb8
}

.table-default table thead td,
.table-default table thead th,
.table-default table thead a,
.table-default table thead p,
.table-default table thead div {
	color: #fff
}

.block-system-main-block .block-views-exposed-filter-blockglobal-search-global-search {
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 32px;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.block-system-main-block .block-views-exposed-filter-blockglobal-search-global-search>.block-views-title {
	position: relative;
	margin-bottom: 32px
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block {
	width: 100%
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__container {
	position: relative;
	display: flex
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__form {
	width: 0;
	display: none
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__form form {
	position: initial
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__form .form-item {
	margin-bottom: 0;
	width: 100%
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__icon {
	color: var(--color-primary);
	cursor: pointer
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__icon svg {
	width: 19px;
	height: 19px;
	margin-right: 8px
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-open {
	display: flex;
	align-items: center
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-text {
	display: none;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.14;
	color: #9b9b9b
}

@media(min-width:1200px) {
	.block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-text {
		display: inline-block
	}
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-close {
	display: none;
	color: #454545
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block label {
	display: none
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block input.form-text {
	width: 100%;
	border: none;
	outline: none;
	padding-left: 28px;
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
	color: #454545;
	border-bottom: 1px solid #ccc;
	height: auto
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block input.form-text::placeholder {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.14;
	color: rgba(0, 0, 0, 0)
}

@media(min-width:1200px) {
	.block-views-exposed-filter-blockglobal-search-global-search .search-block input.form-text::placeholder {
		color: #9b9b9b
	}
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block .button {
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translate(0, -50%);
	display: block;
	width: 19px;
	height: 24px;
	padding: 0;
	color: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 0;
	background-color: var(--color-primary);
	mask: url(/fonts/custom/mac3_theme/src/icons/search-blue.svg) left center no-repeat;
	-webkit-mask-image: url(/fonts/custom/mac3_theme/src/icons/search-blue.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: left center;
	mask-size: 19px 19px;
	-webkit-mask-size: 19px 19px;
	outline: none
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block .button:hover {
	color: rgba(0, 0, 0, 0)
}

@media(min-width:1200px) {
	.block-views-exposed-filter-blockglobal-search-global-search .search-block .button {
		left: 0
	}
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-open {
	display: none
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__icon-close {
	display: none
}

.block-views-exposed-filter-blockglobal-search-global-search .search-block__form {
	width: 100%;
	display: block
}

.node--type-panel-page .block-views-exposed-filter-blockglobal-search-global-search .search-block .form-actions {
	display: block
}

@media(min-width:1200px) {
	.layout__region--header--menu-container.remove-titles .menu--section-title {
		display: none
	}
}

@media(max-width:1200px) {
	.layout--header-section .site-logo img {
		min-height: 39px;
		max-height: 39px
	}
}

.layout--header-section .layout__region--header--top {
	padding-top: 9px
}

.layout--header-section .layout__region--header--bottom {
	padding-top: 4px
}

.layout--header-section .main-naigation--wrapper.active {
	top: 47px
}

button,
html input[type="button"] {
    -webkit-font-smoothing: antialiased;
    align-items: flex-start;
    animation-duration: 0s;
    appearance: button;
    background-color: rgb(0, 94, 184);
    background-image: none;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(255, 255, 255);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(255, 255, 255);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-style: none;
    border-top-width: 0px;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-weight: 600;
    height: 54px;
    letter-spacing: normal;
    line-height: 26px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 14px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 14px;
    text-align: center;
    text-decoration: none;
    text-decoration-line: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: ease;
    width: 147.78125px;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
}

button,
html input[type="button"]:hover {
    transform: translate3d(0, -3px, 0) ;
    background-color: #3584E2 ;
    border-color: #3584E2 ;
}

/* styles.css */
.spinner {
    display: none; /* Hidden by default */
    width: 50px;
    height: 50px;
    border: 5px solid lightgray;
    border-top: 5px solid blue;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
