/*!
Theme Name: Erasteel
Author: Plan.Net France
Author URI: https://www.plan-net.fr/
Description: Erasteel theme developed for main Erasteel website (fr/en)
Version: 0.1
*/
:root {
	--blue: #00538B;
	--indigo: #6610f2;
	--purple: #1A003B;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #FFD100;
	--green: #28a745;
	--teal: #00B2A9;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #00538B;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #FFD100;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,::after,::before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
	display: block
}

body {
	margin: 0;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff
}[tabindex="-1"]:focus {
	outline: 0!important
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

dl,h1,h2,h3,h4,h5,h6,ol,p,ul {
	margin-top: 0;
	margin-bottom: .5rem
}

dl,ol,p,ul {
	margin-bottom: 1rem
}

abbr[data-original-title],abbr[title] {
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
	text-decoration-skip-ink: none
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

ol ol,ol ul,ul ol,ul ul {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem;
	margin-left: 0
}

blockquote,figure {
	margin: 0 0 1rem
}

b,strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

a {
	color: #00538b;
	text-decoration: none;
	background-color: transparent
}

a:hover {
	color: #00253f;
	text-decoration: underline
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus {
	outline: 0
}

code,kbd,pre,samp {
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-size: 1em
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto
}

img,svg {
	vertical-align: middle
}

img {
	border-style: none
}

svg {
	overflow: hidden
}

table {
	border-collapse: collapse
}

caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom
}

th {
	text-align: inherit
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button {
	border-radius: 0
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button,input {
	overflow: visible
}

button,select {
	text-transform: none
}

select {
	word-wrap: normal
}[type=button],[type=reset],[type=submit],button {
	-webkit-appearance: button
}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
	cursor: pointer
}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
	-webkit-appearance: listbox
}

textarea {
	overflow: auto;
	resize: vertical
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal
}

progress {
	vertical-align: baseline
}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height: auto
}[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

output {
	display: inline-block
}

summary {
	display: list-item;
	cursor: pointer
}

.slick-slide.slick-loading img,template {
	display: none
}[hidden] {
	display: none!important
}

.dropdown,.dropleft,.dropright,.dropup {
	position: relative
}

.dropdown-toggle {
	white-space: nowrap
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

.dropdown-toggle:empty::after,.dropleft .dropdown-toggle:empty::after,.dropright .dropdown-toggle:empty::after,.dropup .dropdown-toggle:empty::after {
	margin-left: 0
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem
}

.dropdown-menu-left {
	right: auto;
	left: 0
}

.dropdown-menu-right {
	right: 0;
	left: auto
}

@media (min-width:576px) {
	.dropdown-menu-sm-left {
		right: auto;
		left: 0
	}

	.dropdown-menu-sm-right {
		right: 0;
		left: auto
	}
}

@media (min-width:768px) {
	.dropdown-menu-md-left {
		right: auto;
		left: 0
	}

	.dropdown-menu-md-right {
		right: 0;
		left: auto
	}
}

@media (min-width:992px) {
	.dropdown-menu-lg-left {
		right: auto;
		left: 0
	}

	.dropdown-menu-lg-right {
		right: 0;
		left: auto
	}
}

@media (min-width:1200px) {
	.dropdown-menu-xl-left {
		right: auto;
		left: 0
	}

	.dropdown-menu-xl-right {
		right: 0;
		left: auto
	}
}

.dropup .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: .125rem
}

.dropright .dropdown-toggle::after,.dropup .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent
}

.dropright .dropdown-menu {
	top: 0;
	right: auto;
	left: 100%;
	margin-top: 0;
	margin-left: .125rem
}

.dropright .dropdown-toggle::after {
	border-top: .3em solid transparent;
	border-right: 0;
	border-bottom: .3em solid transparent;
	border-left: .3em solid;
	vertical-align: 0
}

.dropleft .dropdown-menu {
	top: 0;
	right: 100%;
	left: auto;
	margin-top: 0;
	margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	display: none
}

.dropleft .dropdown-toggle::before {
	display: inline-block;
	margin-right: .255em;
	content: "";
	border-top: .3em solid transparent;
	border-right: .3em solid;
	border-bottom: .3em solid transparent;
	vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
	right: auto;
	bottom: auto
}

.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa
}

.dropdown-item.active,.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #00538b
}

.dropdown-item.disabled,.dropdown-item:disabled {
	color: #6c757d;
	pointer-events: none;
	background-color: transparent
}

.dropdown-menu.show,.slick-slide img {
	display: block
}

.dropdown-header {
	display: block;
	padding: .5rem 1.5rem;
	margin-bottom: 0;
	font-size: .875rem;
	color: #6c757d;
	white-space: nowrap
}

.dropdown-item-text {
	display: block;
	padding: .25rem 1.5rem;
	color: #212529
}

.modal,.modal-open {
	overflow: hidden
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	outline: 0
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: translate(0,-50px)
}

@media (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog {
		transition: none
	}
}

.modal.show .modal-dialog {
	transform: none
}

.modal-dialog-scrollable {
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 1rem);
	overflow: hidden
}

.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
	overflow-y: auto
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
	max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
	content: none
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: .5
}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem
}

.modal-header .close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: .3rem;
	border-bottom-left-radius: .3rem
}

.modal-footer>:not(:first-child) {
	margin-left: .25rem
}

.modal-footer>:not(:last-child) {
	margin-right: .25rem
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto
	}

	.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem)
	}

	.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem)
	}

	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem)
	}

	.modal-dialog-centered::before {
		height: calc(100vh - 3.5rem)
	}

	.modal-sm {
		max-width: 300px
	}
}

@media (min-width:992px) {
	.modal-lg,.modal-xl {
		max-width: 800px
	}
}

@media (min-width:1200px) {
	.modal-xl {
		max-width: 1140px
	}
}

.align-baseline {
	vertical-align: baseline!important
}

.align-top {
	vertical-align: top!important
}

.align-middle {
	vertical-align: middle!important
}

.align-bottom {
	vertical-align: bottom!important
}

.align-text-bottom {
	vertical-align: text-bottom!important
}

.align-text-top {
	vertical-align: text-top!important
}

.bg-primary {
	background-color: #00538b!important
}

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
	background-color: #003558!important
}

.bg-secondary {
	background-color: #6c757d!important
}

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
	background-color: #545b62!important
}

.bg-success {
	background-color: #28a745!important
}

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
	background-color: #1e7e34!important
}

.bg-info {
	background-color: #17a2b8!important
}

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
	background-color: #117a8b!important
}

.bg-warning {
	background-color: #ffd100!important
}

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
	background-color: #cca700!important
}

.bg-danger {
	background-color: #dc3545!important
}

a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
	background-color: #bd2130!important
}

.bg-light {
	background-color: #f8f9fa!important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
	background-color: #dae0e5!important
}

.bg-dark {
	background-color: #343a40!important
}

a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
	background-color: #1d2124!important
}

.bg-white {
	background-color: #fff!important
}

.bg-transparent {
	background-color: transparent!important
}

.border {
	border: 1px solid #dee2e6!important
}

.border-top {
	border-top: 1px solid #dee2e6!important
}

.border-right {
	border-right: 1px solid #dee2e6!important
}

.border-bottom {
	border-bottom: 1px solid #dee2e6!important
}

.border-left {
	border-left: 1px solid #dee2e6!important
}

.border-0 {
	border: 0!important
}

.border-top-0 {
	border-top: 0!important
}

.border-right-0 {
	border-right: 0!important
}

.border-bottom-0 {
	border-bottom: 0!important
}

.border-left-0 {
	border-left: 0!important
}

.border-primary {
	border-color: #00538b!important
}

.border-secondary {
	border-color: #6c757d!important
}

.border-success {
	border-color: #28a745!important
}

.border-info {
	border-color: #17a2b8!important
}

.border-warning {
	border-color: #ffd100!important
}

.border-danger {
	border-color: #dc3545!important
}

.border-light {
	border-color: #f8f9fa!important
}

.border-dark {
	border-color: #343a40!important
}

.border-white {
	border-color: #fff!important
}

.rounded-sm {
	border-radius: .2rem!important
}

.rounded {
	border-radius: .25rem!important
}

.rounded-right,.rounded-top {
	border-top-right-radius: .25rem!important
}

.rounded-top {
	border-top-left-radius: .25rem!important
}

.rounded-right {
	border-bottom-right-radius: .25rem!important
}

.rounded-bottom,.rounded-left {
	border-bottom-left-radius: .25rem!important
}

.rounded-bottom {
	border-bottom-right-radius: .25rem!important
}

.rounded-left {
	border-top-left-radius: .25rem!important
}

.rounded-lg {
	border-radius: .3rem!important
}

.rounded-circle {
	border-radius: 50%!important
}

.rounded-pill {
	border-radius: 50rem!important
}

.rounded-0 {
	border-radius: 0!important
}

.clearfix::after {
	clear: both
}

.d-none {
	display: none!important
}

.d-inline {
	display: inline!important
}

.d-inline-block {
	display: inline-block!important
}

.d-block {
	display: block!important
}

.d-table {
	display: table!important
}

.d-table-row {
	display: table-row!important
}

.d-table-cell {
	display: table-cell!important
}

.d-flex {
	display: -ms-flexbox!important;
	display: flex!important
}

.d-inline-flex {
	display: -ms-inline-flexbox!important;
	display: inline-flex!important
}

@media (min-width:576px) {
	.d-sm-none {
		display: none!important
	}

	.d-sm-inline {
		display: inline!important
	}

	.d-sm-inline-block {
		display: inline-block!important
	}

	.d-sm-block {
		display: block!important
	}

	.d-sm-table {
		display: table!important
	}

	.d-sm-table-row {
		display: table-row!important
	}

	.d-sm-table-cell {
		display: table-cell!important
	}

	.d-sm-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}

	.d-sm-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

@media (min-width:768px) {
	.d-md-none {
		display: none!important
	}

	.d-md-inline {
		display: inline!important
	}

	.d-md-inline-block {
		display: inline-block!important
	}

	.d-md-block {
		display: block!important
	}

	.d-md-table {
		display: table!important
	}

	.d-md-table-row {
		display: table-row!important
	}

	.d-md-table-cell {
		display: table-cell!important
	}

	.d-md-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}

	.d-md-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

@media (min-width:992px) {
	.d-lg-none {
		display: none!important
	}

	.d-lg-inline {
		display: inline!important
	}

	.d-lg-inline-block {
		display: inline-block!important
	}

	.d-lg-block {
		display: block!important
	}

	.d-lg-table {
		display: table!important
	}

	.d-lg-table-row {
		display: table-row!important
	}

	.d-lg-table-cell {
		display: table-cell!important
	}

	.d-lg-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}

	.d-lg-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

@media (min-width:1200px) {
	.d-xl-none {
		display: none!important
	}

	.d-xl-inline {
		display: inline!important
	}

	.d-xl-inline-block {
		display: inline-block!important
	}

	.d-xl-block {
		display: block!important
	}

	.d-xl-table {
		display: table!important
	}

	.d-xl-table-row {
		display: table-row!important
	}

	.d-xl-table-cell {
		display: table-cell!important
	}

	.d-xl-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}

	.d-xl-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

@media print {
	.d-print-none {
		display: none!important
	}

	.d-print-inline {
		display: inline!important
	}

	.d-print-inline-block {
		display: inline-block!important
	}

	.d-print-block {
		display: block!important
	}

	.d-print-table {
		display: table!important
	}

	.d-print-table-row {
		display: table-row!important
	}

	.d-print-table-cell {
		display: table-cell!important
	}

	.d-print-flex {
		display: -ms-flexbox!important;
		display: flex!important
	}

	.d-print-inline-flex {
		display: -ms-inline-flexbox!important;
		display: inline-flex!important
	}
}

.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden
}

.clearfix::after,.embed-responsive::before {
	display: block;
	content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}

.embed-responsive-21by9::before {
	padding-top: 42.85714%
}

.embed-responsive-16by9::before {
	padding-top: 56.25%
}

.embed-responsive-4by3::before {
	padding-top: 75%
}

.embed-responsive-1by1::before {
	padding-top: 100%
}

.flex-row {
	-ms-flex-direction: row!important;
	flex-direction: row!important
}

.flex-column {
	-ms-flex-direction: column!important;
	flex-direction: column!important
}

.flex-row-reverse {
	-ms-flex-direction: row-reverse!important;
	flex-direction: row-reverse!important
}

.flex-column-reverse {
	-ms-flex-direction: column-reverse!important;
	flex-direction: column-reverse!important
}

.flex-wrap {
	-ms-flex-wrap: wrap!important;
	flex-wrap: wrap!important
}

.flex-nowrap {
	-ms-flex-wrap: nowrap!important;
	flex-wrap: nowrap!important
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse!important;
	flex-wrap: wrap-reverse!important
}

.flex-fill {
	-ms-flex: 1 1 auto!important;
	flex: 1 1 auto!important
}

.flex-grow-0 {
	-ms-flex-positive: 0!important;
	flex-grow: 0!important
}

.flex-grow-1 {
	-ms-flex-positive: 1!important;
	flex-grow: 1!important
}

.flex-shrink-0 {
	-ms-flex-negative: 0!important;
	flex-shrink: 0!important
}

.flex-shrink-1 {
	-ms-flex-negative: 1!important;
	flex-shrink: 1!important
}

.justify-content-start {
	-ms-flex-pack: start!important;
	justify-content: flex-start!important
}

.justify-content-end {
	-ms-flex-pack: end!important;
	justify-content: flex-end!important
}

.justify-content-center {
	-ms-flex-pack: center!important;
	justify-content: center!important
}

.justify-content-between {
	-ms-flex-pack: justify!important;
	justify-content: space-between!important
}

.justify-content-around {
	-ms-flex-pack: distribute!important;
	justify-content: space-around!important
}

.align-items-start {
	-ms-flex-align: start!important;
	align-items: flex-start!important
}

.align-items-end {
	-ms-flex-align: end!important;
	align-items: flex-end!important
}

.align-items-center {
	-ms-flex-align: center!important;
	align-items: center!important
}

.align-items-baseline {
	-ms-flex-align: baseline!important;
	align-items: baseline!important
}

.align-items-stretch {
	-ms-flex-align: stretch!important;
	align-items: stretch!important
}

.align-content-start {
	-ms-flex-line-pack: start!important;
	align-content: flex-start!important
}

.align-content-end {
	-ms-flex-line-pack: end!important;
	align-content: flex-end!important
}

.align-content-center {
	-ms-flex-line-pack: center!important;
	align-content: center!important
}

.align-content-between {
	-ms-flex-line-pack: justify!important;
	align-content: space-between!important
}

.align-content-around {
	-ms-flex-line-pack: distribute!important;
	align-content: space-around!important
}

.align-content-stretch {
	-ms-flex-line-pack: stretch!important;
	align-content: stretch!important
}

.align-self-auto {
	-ms-flex-item-align: auto!important;
	align-self: auto!important
}

.align-self-start {
	-ms-flex-item-align: start!important;
	align-self: flex-start!important
}

.align-self-end {
	-ms-flex-item-align: end!important;
	align-self: flex-end!important
}

.align-self-center {
	-ms-flex-item-align: center!important;
	align-self: center!important
}

.align-self-baseline {
	-ms-flex-item-align: baseline!important;
	align-self: baseline!important
}

.align-self-stretch {
	-ms-flex-item-align: stretch!important;
	align-self: stretch!important
}

@media (min-width:576px) {
	.flex-sm-row {
		-ms-flex-direction: row!important;
		flex-direction: row!important
	}

	.flex-sm-column {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}

	.flex-sm-row-reverse {
		-ms-flex-direction: row-reverse!important;
		flex-direction: row-reverse!important
	}

	.flex-sm-column-reverse {
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important
	}

	.flex-sm-wrap {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important
	}

	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important
	}

	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse!important;
		flex-wrap: wrap-reverse!important
	}

	.flex-sm-fill {
		-ms-flex: 1 1 auto!important;
		flex: 1 1 auto!important
	}

	.flex-sm-grow-0 {
		-ms-flex-positive: 0!important;
		flex-grow: 0!important
	}

	.flex-sm-grow-1 {
		-ms-flex-positive: 1!important;
		flex-grow: 1!important
	}

	.flex-sm-shrink-0 {
		-ms-flex-negative: 0!important;
		flex-shrink: 0!important
	}

	.flex-sm-shrink-1 {
		-ms-flex-negative: 1!important;
		flex-shrink: 1!important
	}

	.justify-content-sm-start {
		-ms-flex-pack: start!important;
		justify-content: flex-start!important
	}

	.justify-content-sm-end {
		-ms-flex-pack: end!important;
		justify-content: flex-end!important
	}

	.justify-content-sm-center {
		-ms-flex-pack: center!important;
		justify-content: center!important
	}

	.justify-content-sm-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important
	}

	.justify-content-sm-around {
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important
	}

	.align-items-sm-start {
		-ms-flex-align: start!important;
		align-items: flex-start!important
	}

	.align-items-sm-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important
	}

	.align-items-sm-center {
		-ms-flex-align: center!important;
		align-items: center!important
	}

	.align-items-sm-baseline {
		-ms-flex-align: baseline!important;
		align-items: baseline!important
	}

	.align-items-sm-stretch {
		-ms-flex-align: stretch!important;
		align-items: stretch!important
	}

	.align-content-sm-start {
		-ms-flex-line-pack: start!important;
		align-content: flex-start!important
	}

	.align-content-sm-end {
		-ms-flex-line-pack: end!important;
		align-content: flex-end!important
	}

	.align-content-sm-center {
		-ms-flex-line-pack: center!important;
		align-content: center!important
	}

	.align-content-sm-between {
		-ms-flex-line-pack: justify!important;
		align-content: space-between!important
	}

	.align-content-sm-around {
		-ms-flex-line-pack: distribute!important;
		align-content: space-around!important
	}

	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch!important;
		align-content: stretch!important
	}

	.align-self-sm-auto {
		-ms-flex-item-align: auto!important;
		align-self: auto!important
	}

	.align-self-sm-start {
		-ms-flex-item-align: start!important;
		align-self: flex-start!important
	}

	.align-self-sm-end {
		-ms-flex-item-align: end!important;
		align-self: flex-end!important
	}

	.align-self-sm-center {
		-ms-flex-item-align: center!important;
		align-self: center!important
	}

	.align-self-sm-baseline {
		-ms-flex-item-align: baseline!important;
		align-self: baseline!important
	}

	.align-self-sm-stretch {
		-ms-flex-item-align: stretch!important;
		align-self: stretch!important
	}
}

@media (min-width:768px) {
	.flex-md-row {
		-ms-flex-direction: row!important;
		flex-direction: row!important
	}

	.flex-md-column {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}

	.flex-md-row-reverse {
		-ms-flex-direction: row-reverse!important;
		flex-direction: row-reverse!important
	}

	.flex-md-column-reverse {
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important
	}

	.flex-md-wrap {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important
	}

	.flex-md-nowrap {
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important
	}

	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse!important;
		flex-wrap: wrap-reverse!important
	}

	.flex-md-fill {
		-ms-flex: 1 1 auto!important;
		flex: 1 1 auto!important
	}

	.flex-md-grow-0 {
		-ms-flex-positive: 0!important;
		flex-grow: 0!important
	}

	.flex-md-grow-1 {
		-ms-flex-positive: 1!important;
		flex-grow: 1!important
	}

	.flex-md-shrink-0 {
		-ms-flex-negative: 0!important;
		flex-shrink: 0!important
	}

	.flex-md-shrink-1 {
		-ms-flex-negative: 1!important;
		flex-shrink: 1!important
	}

	.justify-content-md-start {
		-ms-flex-pack: start!important;
		justify-content: flex-start!important
	}

	.justify-content-md-end {
		-ms-flex-pack: end!important;
		justify-content: flex-end!important
	}

	.justify-content-md-center {
		-ms-flex-pack: center!important;
		justify-content: center!important
	}

	.justify-content-md-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important
	}

	.justify-content-md-around {
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important
	}

	.align-items-md-start {
		-ms-flex-align: start!important;
		align-items: flex-start!important
	}

	.align-items-md-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important
	}

	.align-items-md-center {
		-ms-flex-align: center!important;
		align-items: center!important
	}

	.align-items-md-baseline {
		-ms-flex-align: baseline!important;
		align-items: baseline!important
	}

	.align-items-md-stretch {
		-ms-flex-align: stretch!important;
		align-items: stretch!important
	}

	.align-content-md-start {
		-ms-flex-line-pack: start!important;
		align-content: flex-start!important
	}

	.align-content-md-end {
		-ms-flex-line-pack: end!important;
		align-content: flex-end!important
	}

	.align-content-md-center {
		-ms-flex-line-pack: center!important;
		align-content: center!important
	}

	.align-content-md-between {
		-ms-flex-line-pack: justify!important;
		align-content: space-between!important
	}

	.align-content-md-around {
		-ms-flex-line-pack: distribute!important;
		align-content: space-around!important
	}

	.align-content-md-stretch {
		-ms-flex-line-pack: stretch!important;
		align-content: stretch!important
	}

	.align-self-md-auto {
		-ms-flex-item-align: auto!important;
		align-self: auto!important
	}

	.align-self-md-start {
		-ms-flex-item-align: start!important;
		align-self: flex-start!important
	}

	.align-self-md-end {
		-ms-flex-item-align: end!important;
		align-self: flex-end!important
	}

	.align-self-md-center {
		-ms-flex-item-align: center!important;
		align-self: center!important
	}

	.align-self-md-baseline {
		-ms-flex-item-align: baseline!important;
		align-self: baseline!important
	}

	.align-self-md-stretch {
		-ms-flex-item-align: stretch!important;
		align-self: stretch!important
	}
}

@media (min-width:992px) {
	.flex-lg-row {
		-ms-flex-direction: row!important;
		flex-direction: row!important
	}

	.flex-lg-column {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}

	.flex-lg-row-reverse {
		-ms-flex-direction: row-reverse!important;
		flex-direction: row-reverse!important
	}

	.flex-lg-column-reverse {
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important
	}

	.flex-lg-wrap {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important
	}

	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important
	}

	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse!important;
		flex-wrap: wrap-reverse!important
	}

	.flex-lg-fill {
		-ms-flex: 1 1 auto!important;
		flex: 1 1 auto!important
	}

	.flex-lg-grow-0 {
		-ms-flex-positive: 0!important;
		flex-grow: 0!important
	}

	.flex-lg-grow-1 {
		-ms-flex-positive: 1!important;
		flex-grow: 1!important
	}

	.flex-lg-shrink-0 {
		-ms-flex-negative: 0!important;
		flex-shrink: 0!important
	}

	.flex-lg-shrink-1 {
		-ms-flex-negative: 1!important;
		flex-shrink: 1!important
	}

	.justify-content-lg-start {
		-ms-flex-pack: start!important;
		justify-content: flex-start!important
	}

	.justify-content-lg-end {
		-ms-flex-pack: end!important;
		justify-content: flex-end!important
	}

	.justify-content-lg-center {
		-ms-flex-pack: center!important;
		justify-content: center!important
	}

	.justify-content-lg-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important
	}

	.justify-content-lg-around {
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important
	}

	.align-items-lg-start {
		-ms-flex-align: start!important;
		align-items: flex-start!important
	}

	.align-items-lg-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important
	}

	.align-items-lg-center {
		-ms-flex-align: center!important;
		align-items: center!important
	}

	.align-items-lg-baseline {
		-ms-flex-align: baseline!important;
		align-items: baseline!important
	}

	.align-items-lg-stretch {
		-ms-flex-align: stretch!important;
		align-items: stretch!important
	}

	.align-content-lg-start {
		-ms-flex-line-pack: start!important;
		align-content: flex-start!important
	}

	.align-content-lg-end {
		-ms-flex-line-pack: end!important;
		align-content: flex-end!important
	}

	.align-content-lg-center {
		-ms-flex-line-pack: center!important;
		align-content: center!important
	}

	.align-content-lg-between {
		-ms-flex-line-pack: justify!important;
		align-content: space-between!important
	}

	.align-content-lg-around {
		-ms-flex-line-pack: distribute!important;
		align-content: space-around!important
	}

	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch!important;
		align-content: stretch!important
	}

	.align-self-lg-auto {
		-ms-flex-item-align: auto!important;
		align-self: auto!important
	}

	.align-self-lg-start {
		-ms-flex-item-align: start!important;
		align-self: flex-start!important
	}

	.align-self-lg-end {
		-ms-flex-item-align: end!important;
		align-self: flex-end!important
	}

	.align-self-lg-center {
		-ms-flex-item-align: center!important;
		align-self: center!important
	}

	.align-self-lg-baseline {
		-ms-flex-item-align: baseline!important;
		align-self: baseline!important
	}

	.align-self-lg-stretch {
		-ms-flex-item-align: stretch!important;
		align-self: stretch!important
	}
}

@media (min-width:1200px) {
	.flex-xl-row {
		-ms-flex-direction: row!important;
		flex-direction: row!important
	}

	.flex-xl-column {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}

	.flex-xl-row-reverse {
		-ms-flex-direction: row-reverse!important;
		flex-direction: row-reverse!important
	}

	.flex-xl-column-reverse {
		-ms-flex-direction: column-reverse!important;
		flex-direction: column-reverse!important
	}

	.flex-xl-wrap {
		-ms-flex-wrap: wrap!important;
		flex-wrap: wrap!important
	}

	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap!important;
		flex-wrap: nowrap!important
	}

	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse!important;
		flex-wrap: wrap-reverse!important
	}

	.flex-xl-fill {
		-ms-flex: 1 1 auto!important;
		flex: 1 1 auto!important
	}

	.flex-xl-grow-0 {
		-ms-flex-positive: 0!important;
		flex-grow: 0!important
	}

	.flex-xl-grow-1 {
		-ms-flex-positive: 1!important;
		flex-grow: 1!important
	}

	.flex-xl-shrink-0 {
		-ms-flex-negative: 0!important;
		flex-shrink: 0!important
	}

	.flex-xl-shrink-1 {
		-ms-flex-negative: 1!important;
		flex-shrink: 1!important
	}

	.justify-content-xl-start {
		-ms-flex-pack: start!important;
		justify-content: flex-start!important
	}

	.justify-content-xl-end {
		-ms-flex-pack: end!important;
		justify-content: flex-end!important
	}

	.justify-content-xl-center {
		-ms-flex-pack: center!important;
		justify-content: center!important
	}

	.justify-content-xl-between {
		-ms-flex-pack: justify!important;
		justify-content: space-between!important
	}

	.justify-content-xl-around {
		-ms-flex-pack: distribute!important;
		justify-content: space-around!important
	}

	.align-items-xl-start {
		-ms-flex-align: start!important;
		align-items: flex-start!important
	}

	.align-items-xl-end {
		-ms-flex-align: end!important;
		align-items: flex-end!important
	}

	.align-items-xl-center {
		-ms-flex-align: center!important;
		align-items: center!important
	}

	.align-items-xl-baseline {
		-ms-flex-align: baseline!important;
		align-items: baseline!important
	}

	.align-items-xl-stretch {
		-ms-flex-align: stretch!important;
		align-items: stretch!important
	}

	.align-content-xl-start {
		-ms-flex-line-pack: start!important;
		align-content: flex-start!important
	}

	.align-content-xl-end {
		-ms-flex-line-pack: end!important;
		align-content: flex-end!important
	}

	.align-content-xl-center {
		-ms-flex-line-pack: center!important;
		align-content: center!important
	}

	.align-content-xl-between {
		-ms-flex-line-pack: justify!important;
		align-content: space-between!important
	}

	.align-content-xl-around {
		-ms-flex-line-pack: distribute!important;
		align-content: space-around!important
	}

	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch!important;
		align-content: stretch!important
	}

	.align-self-xl-auto {
		-ms-flex-item-align: auto!important;
		align-self: auto!important
	}

	.align-self-xl-start {
		-ms-flex-item-align: start!important;
		align-self: flex-start!important
	}

	.align-self-xl-end {
		-ms-flex-item-align: end!important;
		align-self: flex-end!important
	}

	.align-self-xl-center {
		-ms-flex-item-align: center!important;
		align-self: center!important
	}

	.align-self-xl-baseline {
		-ms-flex-item-align: baseline!important;
		align-self: baseline!important
	}

	.align-self-xl-stretch {
		-ms-flex-item-align: stretch!important;
		align-self: stretch!important
	}
}

.float-left {
	float: left!important
}

.float-right {
	float: right!important
}

.float-none {
	float: none!important
}

@media (min-width:576px) {
	.float-sm-left {
		float: left!important
	}

	.float-sm-right {
		float: right!important
	}

	.float-sm-none {
		float: none!important
	}
}

@media (min-width:768px) {
	.float-md-left {
		float: left!important
	}

	.float-md-right {
		float: right!important
	}

	.float-md-none {
		float: none!important
	}
}

@media (min-width:992px) {
	.float-lg-left {
		float: left!important
	}

	.float-lg-right {
		float: right!important
	}

	.float-lg-none {
		float: none!important
	}
}

@media (min-width:1200px) {
	.float-xl-left {
		float: left!important
	}

	.float-xl-right {
		float: right!important
	}

	.float-xl-none {
		float: none!important
	}
}

.overflow-auto {
	overflow: auto!important
}

.overflow-hidden {
	overflow: hidden!important
}

.position-static {
	position: static!important
}

.position-relative {
	position: relative!important
}

.position-absolute {
	position: absolute!important
}

.position-fixed {
	position: fixed!important
}

.position-sticky {
	position: -webkit-sticky!important;
	position: sticky!important
}

.fixed-bottom,.fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}

.fixed-top {
	top: 0
}

.fixed-bottom {
	bottom: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
	.sticky-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1020
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal
}

.shadow-sm {
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
	box-shadow: none!important
}

.w-25 {
	width: 25%!important
}

.w-50 {
	width: 50%!important
}

.w-75 {
	width: 75%!important
}

.w-100 {
	width: 100%!important
}

.w-auto {
	width: auto!important
}

.h-25 {
	height: 25%!important
}

.h-50 {
	height: 50%!important
}

.h-75 {
	height: 75%!important
}

.h-100 {
	height: 100%!important
}

.h-auto {
	height: auto!important
}

.mw-100 {
	max-width: 100%!important
}

.mh-100 {
	max-height: 100%!important
}

.min-vw-100 {
	min-width: 100vw!important
}

.min-vh-100 {
	min-height: 100vh!important
}

.vw-100 {
	width: 100vw!important
}

.vh-100 {
	height: 100vh!important
}

.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: transparent
}

.m-0 {
	margin: 0!important
}

.mt-0,.my-0 {
	margin-top: 0!important
}

.mr-0,.mx-0 {
	margin-right: 0!important
}

.mb-0,.my-0 {
	margin-bottom: 0!important
}

.ml-0,.mx-0 {
	margin-left: 0!important
}

.m-1 {
	margin: .25rem!important
}

.mt-1,.my-1 {
	margin-top: .25rem!important
}

.mr-1,.mx-1 {
	margin-right: .25rem!important
}

.mb-1,.my-1 {
	margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
	margin-left: .25rem!important
}

.m-2 {
	margin: .5rem!important
}

.mt-2,.my-2 {
	margin-top: .5rem!important
}

.mr-2,.mx-2 {
	margin-right: .5rem!important
}

.mb-2,.my-2 {
	margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
	margin-left: .5rem!important
}

.m-3 {
	margin: 1rem!important
}

.mt-3,.my-3 {
	margin-top: 1rem!important
}

.mr-3,.mx-3 {
	margin-right: 1rem!important
}

.mb-3,.my-3 {
	margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
	margin-left: 1rem!important
}

.m-4 {
	margin: 1.5rem!important
}

.mt-4,.my-4 {
	margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
	margin-right: 1.5rem!important
}

.mb-4,.my-4 {
	margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
	margin-left: 1.5rem!important
}

.m-5 {
	margin: 3rem!important
}

.mt-5,.my-5 {
	margin-top: 3rem!important
}

.mr-5,.mx-5 {
	margin-right: 3rem!important
}

.mb-5,.my-5 {
	margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
	margin-left: 3rem!important
}

.p-0 {
	padding: 0!important
}

.pt-0,.py-0 {
	padding-top: 0!important
}

.pr-0,.px-0 {
	padding-right: 0!important
}

.pb-0,.py-0 {
	padding-bottom: 0!important
}

.pl-0,.px-0 {
	padding-left: 0!important
}

.p-1 {
	padding: .25rem!important
}

.pt-1,.py-1 {
	padding-top: .25rem!important
}

.pr-1,.px-1 {
	padding-right: .25rem!important
}

.pb-1,.py-1 {
	padding-bottom: .25rem!important
}

.pl-1,.px-1 {
	padding-left: .25rem!important
}

.p-2 {
	padding: .5rem!important
}

.pt-2,.py-2 {
	padding-top: .5rem!important
}

.pr-2,.px-2 {
	padding-right: .5rem!important
}

.pb-2,.py-2 {
	padding-bottom: .5rem!important
}

.pl-2,.px-2 {
	padding-left: .5rem!important
}

.p-3 {
	padding: 1rem!important
}

.pt-3,.py-3 {
	padding-top: 1rem!important
}

.pr-3,.px-3 {
	padding-right: 1rem!important
}

.pb-3,.py-3 {
	padding-bottom: 1rem!important
}

.pl-3,.px-3 {
	padding-left: 1rem!important
}

.p-4 {
	padding: 1.5rem!important
}

.pt-4,.py-4 {
	padding-top: 1.5rem!important
}

.pr-4,.px-4 {
	padding-right: 1.5rem!important
}

.pb-4,.py-4 {
	padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
	padding-left: 1.5rem!important
}

.p-5 {
	padding: 3rem!important
}

.pt-5,.py-5 {
	padding-top: 3rem!important
}

.pr-5,.px-5 {
	padding-right: 3rem!important
}

.pb-5,.py-5 {
	padding-bottom: 3rem!important
}

.pl-5,.px-5 {
	padding-left: 3rem!important
}

.m-n1 {
	margin: -.25rem!important
}

.mt-n1,.my-n1 {
	margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
	margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
	margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
	margin-left: -.25rem!important
}

.m-n2 {
	margin: -.5rem!important
}

.mt-n2,.my-n2 {
	margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
	margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
	margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
	margin-left: -.5rem!important
}

.m-n3 {
	margin: -1rem!important
}

.mt-n3,.my-n3 {
	margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
	margin-right: -1rem!important
}

.mb-n3,.my-n3 {
	margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
	margin-left: -1rem!important
}

.m-n4 {
	margin: -1.5rem!important
}

.mt-n4,.my-n4 {
	margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
	margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
	margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
	margin-left: -1.5rem!important
}

.m-n5 {
	margin: -3rem!important
}

.mt-n5,.my-n5 {
	margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
	margin-right: -3rem!important
}

.mb-n5,.my-n5 {
	margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
	margin-left: -3rem!important
}

.m-auto {
	margin: auto!important
}

.mt-auto,.my-auto {
	margin-top: auto!important
}

.mr-auto,.mx-auto {
	margin-right: auto!important
}

.mb-auto,.my-auto {
	margin-bottom: auto!important
}

.ml-auto,.mx-auto {
	margin-left: auto!important
}

@media (min-width:576px) {
	.m-sm-0 {
		margin: 0!important
	}

	.mt-sm-0,.my-sm-0 {
		margin-top: 0!important
	}

	.mr-sm-0,.mx-sm-0 {
		margin-right: 0!important
	}

	.mb-sm-0,.my-sm-0 {
		margin-bottom: 0!important
	}

	.ml-sm-0,.mx-sm-0 {
		margin-left: 0!important
	}

	.m-sm-1 {
		margin: .25rem!important
	}

	.mt-sm-1,.my-sm-1 {
		margin-top: .25rem!important
	}

	.mr-sm-1,.mx-sm-1 {
		margin-right: .25rem!important
	}

	.mb-sm-1,.my-sm-1 {
		margin-bottom: .25rem!important
	}

	.ml-sm-1,.mx-sm-1 {
		margin-left: .25rem!important
	}

	.m-sm-2 {
		margin: .5rem!important
	}

	.mt-sm-2,.my-sm-2 {
		margin-top: .5rem!important
	}

	.mr-sm-2,.mx-sm-2 {
		margin-right: .5rem!important
	}

	.mb-sm-2,.my-sm-2 {
		margin-bottom: .5rem!important
	}

	.ml-sm-2,.mx-sm-2 {
		margin-left: .5rem!important
	}

	.m-sm-3 {
		margin: 1rem!important
	}

	.mt-sm-3,.my-sm-3 {
		margin-top: 1rem!important
	}

	.mr-sm-3,.mx-sm-3 {
		margin-right: 1rem!important
	}

	.mb-sm-3,.my-sm-3 {
		margin-bottom: 1rem!important
	}

	.ml-sm-3,.mx-sm-3 {
		margin-left: 1rem!important
	}

	.m-sm-4 {
		margin: 1.5rem!important
	}

	.mt-sm-4,.my-sm-4 {
		margin-top: 1.5rem!important
	}

	.mr-sm-4,.mx-sm-4 {
		margin-right: 1.5rem!important
	}

	.mb-sm-4,.my-sm-4 {
		margin-bottom: 1.5rem!important
	}

	.ml-sm-4,.mx-sm-4 {
		margin-left: 1.5rem!important
	}

	.m-sm-5 {
		margin: 3rem!important
	}

	.mt-sm-5,.my-sm-5 {
		margin-top: 3rem!important
	}

	.mr-sm-5,.mx-sm-5 {
		margin-right: 3rem!important
	}

	.mb-sm-5,.my-sm-5 {
		margin-bottom: 3rem!important
	}

	.ml-sm-5,.mx-sm-5 {
		margin-left: 3rem!important
	}

	.p-sm-0 {
		padding: 0!important
	}

	.pt-sm-0,.py-sm-0 {
		padding-top: 0!important
	}

	.pr-sm-0,.px-sm-0 {
		padding-right: 0!important
	}

	.pb-sm-0,.py-sm-0 {
		padding-bottom: 0!important
	}

	.pl-sm-0,.px-sm-0 {
		padding-left: 0!important
	}

	.p-sm-1 {
		padding: .25rem!important
	}

	.pt-sm-1,.py-sm-1 {
		padding-top: .25rem!important
	}

	.pr-sm-1,.px-sm-1 {
		padding-right: .25rem!important
	}

	.pb-sm-1,.py-sm-1 {
		padding-bottom: .25rem!important
	}

	.pl-sm-1,.px-sm-1 {
		padding-left: .25rem!important
	}

	.p-sm-2 {
		padding: .5rem!important
	}

	.pt-sm-2,.py-sm-2 {
		padding-top: .5rem!important
	}

	.pr-sm-2,.px-sm-2 {
		padding-right: .5rem!important
	}

	.pb-sm-2,.py-sm-2 {
		padding-bottom: .5rem!important
	}

	.pl-sm-2,.px-sm-2 {
		padding-left: .5rem!important
	}

	.p-sm-3 {
		padding: 1rem!important
	}

	.pt-sm-3,.py-sm-3 {
		padding-top: 1rem!important
	}

	.pr-sm-3,.px-sm-3 {
		padding-right: 1rem!important
	}

	.pb-sm-3,.py-sm-3 {
		padding-bottom: 1rem!important
	}

	.pl-sm-3,.px-sm-3 {
		padding-left: 1rem!important
	}

	.p-sm-4 {
		padding: 1.5rem!important
	}

	.pt-sm-4,.py-sm-4 {
		padding-top: 1.5rem!important
	}

	.pr-sm-4,.px-sm-4 {
		padding-right: 1.5rem!important
	}

	.pb-sm-4,.py-sm-4 {
		padding-bottom: 1.5rem!important
	}

	.pl-sm-4,.px-sm-4 {
		padding-left: 1.5rem!important
	}

	.p-sm-5 {
		padding: 3rem!important
	}

	.pt-sm-5,.py-sm-5 {
		padding-top: 3rem!important
	}

	.pr-sm-5,.px-sm-5 {
		padding-right: 3rem!important
	}

	.pb-sm-5,.py-sm-5 {
		padding-bottom: 3rem!important
	}

	.pl-sm-5,.px-sm-5 {
		padding-left: 3rem!important
	}

	.m-sm-n1 {
		margin: -.25rem!important
	}

	.mt-sm-n1,.my-sm-n1 {
		margin-top: -.25rem!important
	}

	.mr-sm-n1,.mx-sm-n1 {
		margin-right: -.25rem!important
	}

	.mb-sm-n1,.my-sm-n1 {
		margin-bottom: -.25rem!important
	}

	.ml-sm-n1,.mx-sm-n1 {
		margin-left: -.25rem!important
	}

	.m-sm-n2 {
		margin: -.5rem!important
	}

	.mt-sm-n2,.my-sm-n2 {
		margin-top: -.5rem!important
	}

	.mr-sm-n2,.mx-sm-n2 {
		margin-right: -.5rem!important
	}

	.mb-sm-n2,.my-sm-n2 {
		margin-bottom: -.5rem!important
	}

	.ml-sm-n2,.mx-sm-n2 {
		margin-left: -.5rem!important
	}

	.m-sm-n3 {
		margin: -1rem!important
	}

	.mt-sm-n3,.my-sm-n3 {
		margin-top: -1rem!important
	}

	.mr-sm-n3,.mx-sm-n3 {
		margin-right: -1rem!important
	}

	.mb-sm-n3,.my-sm-n3 {
		margin-bottom: -1rem!important
	}

	.ml-sm-n3,.mx-sm-n3 {
		margin-left: -1rem!important
	}

	.m-sm-n4 {
		margin: -1.5rem!important
	}

	.mt-sm-n4,.my-sm-n4 {
		margin-top: -1.5rem!important
	}

	.mr-sm-n4,.mx-sm-n4 {
		margin-right: -1.5rem!important
	}

	.mb-sm-n4,.my-sm-n4 {
		margin-bottom: -1.5rem!important
	}

	.ml-sm-n4,.mx-sm-n4 {
		margin-left: -1.5rem!important
	}

	.m-sm-n5 {
		margin: -3rem!important
	}

	.mt-sm-n5,.my-sm-n5 {
		margin-top: -3rem!important
	}

	.mr-sm-n5,.mx-sm-n5 {
		margin-right: -3rem!important
	}

	.mb-sm-n5,.my-sm-n5 {
		margin-bottom: -3rem!important
	}

	.ml-sm-n5,.mx-sm-n5 {
		margin-left: -3rem!important
	}

	.m-sm-auto {
		margin: auto!important
	}

	.mt-sm-auto,.my-sm-auto {
		margin-top: auto!important
	}

	.mr-sm-auto,.mx-sm-auto {
		margin-right: auto!important
	}

	.mb-sm-auto,.my-sm-auto {
		margin-bottom: auto!important
	}

	.ml-sm-auto,.mx-sm-auto {
		margin-left: auto!important
	}
}

@media (min-width:768px) {
	.m-md-0 {
		margin: 0!important
	}

	.mt-md-0,.my-md-0 {
		margin-top: 0!important
	}

	.mr-md-0,.mx-md-0 {
		margin-right: 0!important
	}

	.mb-md-0,.my-md-0 {
		margin-bottom: 0!important
	}

	.ml-md-0,.mx-md-0 {
		margin-left: 0!important
	}

	.m-md-1 {
		margin: .25rem!important
	}

	.mt-md-1,.my-md-1 {
		margin-top: .25rem!important
	}

	.mr-md-1,.mx-md-1 {
		margin-right: .25rem!important
	}

	.mb-md-1,.my-md-1 {
		margin-bottom: .25rem!important
	}

	.ml-md-1,.mx-md-1 {
		margin-left: .25rem!important
	}

	.m-md-2 {
		margin: .5rem!important
	}

	.mt-md-2,.my-md-2 {
		margin-top: .5rem!important
	}

	.mr-md-2,.mx-md-2 {
		margin-right: .5rem!important
	}

	.mb-md-2,.my-md-2 {
		margin-bottom: .5rem!important
	}

	.ml-md-2,.mx-md-2 {
		margin-left: .5rem!important
	}

	.m-md-3 {
		margin: 1rem!important
	}

	.mt-md-3,.my-md-3 {
		margin-top: 1rem!important
	}

	.mr-md-3,.mx-md-3 {
		margin-right: 1rem!important
	}

	.mb-md-3,.my-md-3 {
		margin-bottom: 1rem!important
	}

	.ml-md-3,.mx-md-3 {
		margin-left: 1rem!important
	}

	.m-md-4 {
		margin: 1.5rem!important
	}

	.mt-md-4,.my-md-4 {
		margin-top: 1.5rem!important
	}

	.mr-md-4,.mx-md-4 {
		margin-right: 1.5rem!important
	}

	.mb-md-4,.my-md-4 {
		margin-bottom: 1.5rem!important
	}

	.ml-md-4,.mx-md-4 {
		margin-left: 1.5rem!important
	}

	.m-md-5 {
		margin: 3rem!important
	}

	.mt-md-5,.my-md-5 {
		margin-top: 3rem!important
	}

	.mr-md-5,.mx-md-5 {
		margin-right: 3rem!important
	}

	.mb-md-5,.my-md-5 {
		margin-bottom: 3rem!important
	}

	.ml-md-5,.mx-md-5 {
		margin-left: 3rem!important
	}

	.p-md-0 {
		padding: 0!important
	}

	.pt-md-0,.py-md-0 {
		padding-top: 0!important
	}

	.pr-md-0,.px-md-0 {
		padding-right: 0!important
	}

	.pb-md-0,.py-md-0 {
		padding-bottom: 0!important
	}

	.pl-md-0,.px-md-0 {
		padding-left: 0!important
	}

	.p-md-1 {
		padding: .25rem!important
	}

	.pt-md-1,.py-md-1 {
		padding-top: .25rem!important
	}

	.pr-md-1,.px-md-1 {
		padding-right: .25rem!important
	}

	.pb-md-1,.py-md-1 {
		padding-bottom: .25rem!important
	}

	.pl-md-1,.px-md-1 {
		padding-left: .25rem!important
	}

	.p-md-2 {
		padding: .5rem!important
	}

	.pt-md-2,.py-md-2 {
		padding-top: .5rem!important
	}

	.pr-md-2,.px-md-2 {
		padding-right: .5rem!important
	}

	.pb-md-2,.py-md-2 {
		padding-bottom: .5rem!important
	}

	.pl-md-2,.px-md-2 {
		padding-left: .5rem!important
	}

	.p-md-3 {
		padding: 1rem!important
	}

	.pt-md-3,.py-md-3 {
		padding-top: 1rem!important
	}

	.pr-md-3,.px-md-3 {
		padding-right: 1rem!important
	}

	.pb-md-3,.py-md-3 {
		padding-bottom: 1rem!important
	}

	.pl-md-3,.px-md-3 {
		padding-left: 1rem!important
	}

	.p-md-4 {
		padding: 1.5rem!important
	}

	.pt-md-4,.py-md-4 {
		padding-top: 1.5rem!important
	}

	.pr-md-4,.px-md-4 {
		padding-right: 1.5rem!important
	}

	.pb-md-4,.py-md-4 {
		padding-bottom: 1.5rem!important
	}

	.pl-md-4,.px-md-4 {
		padding-left: 1.5rem!important
	}

	.p-md-5 {
		padding: 3rem!important
	}

	.pt-md-5,.py-md-5 {
		padding-top: 3rem!important
	}

	.pr-md-5,.px-md-5 {
		padding-right: 3rem!important
	}

	.pb-md-5,.py-md-5 {
		padding-bottom: 3rem!important
	}

	.pl-md-5,.px-md-5 {
		padding-left: 3rem!important
	}

	.m-md-n1 {
		margin: -.25rem!important
	}

	.mt-md-n1,.my-md-n1 {
		margin-top: -.25rem!important
	}

	.mr-md-n1,.mx-md-n1 {
		margin-right: -.25rem!important
	}

	.mb-md-n1,.my-md-n1 {
		margin-bottom: -.25rem!important
	}

	.ml-md-n1,.mx-md-n1 {
		margin-left: -.25rem!important
	}

	.m-md-n2 {
		margin: -.5rem!important
	}

	.mt-md-n2,.my-md-n2 {
		margin-top: -.5rem!important
	}

	.mr-md-n2,.mx-md-n2 {
		margin-right: -.5rem!important
	}

	.mb-md-n2,.my-md-n2 {
		margin-bottom: -.5rem!important
	}

	.ml-md-n2,.mx-md-n2 {
		margin-left: -.5rem!important
	}

	.m-md-n3 {
		margin: -1rem!important
	}

	.mt-md-n3,.my-md-n3 {
		margin-top: -1rem!important
	}

	.mr-md-n3,.mx-md-n3 {
		margin-right: -1rem!important
	}

	.mb-md-n3,.my-md-n3 {
		margin-bottom: -1rem!important
	}

	.ml-md-n3,.mx-md-n3 {
		margin-left: -1rem!important
	}

	.m-md-n4 {
		margin: -1.5rem!important
	}

	.mt-md-n4,.my-md-n4 {
		margin-top: -1.5rem!important
	}

	.mr-md-n4,.mx-md-n4 {
		margin-right: -1.5rem!important
	}

	.mb-md-n4,.my-md-n4 {
		margin-bottom: -1.5rem!important
	}

	.ml-md-n4,.mx-md-n4 {
		margin-left: -1.5rem!important
	}

	.m-md-n5 {
		margin: -3rem!important
	}

	.mt-md-n5,.my-md-n5 {
		margin-top: -3rem!important
	}

	.mr-md-n5,.mx-md-n5 {
		margin-right: -3rem!important
	}

	.mb-md-n5,.my-md-n5 {
		margin-bottom: -3rem!important
	}

	.ml-md-n5,.mx-md-n5 {
		margin-left: -3rem!important
	}

	.m-md-auto {
		margin: auto!important
	}

	.mt-md-auto,.my-md-auto {
		margin-top: auto!important
	}

	.mr-md-auto,.mx-md-auto {
		margin-right: auto!important
	}

	.mb-md-auto,.my-md-auto {
		margin-bottom: auto!important
	}

	.ml-md-auto,.mx-md-auto {
		margin-left: auto!important
	}
}

@media (min-width:992px) {
	.m-lg-0 {
		margin: 0!important
	}

	.mt-lg-0,.my-lg-0 {
		margin-top: 0!important
	}

	.mr-lg-0,.mx-lg-0 {
		margin-right: 0!important
	}

	.mb-lg-0,.my-lg-0 {
		margin-bottom: 0!important
	}

	.ml-lg-0,.mx-lg-0 {
		margin-left: 0!important
	}

	.m-lg-1 {
		margin: .25rem!important
	}

	.mt-lg-1,.my-lg-1 {
		margin-top: .25rem!important
	}

	.mr-lg-1,.mx-lg-1 {
		margin-right: .25rem!important
	}

	.mb-lg-1,.my-lg-1 {
		margin-bottom: .25rem!important
	}

	.ml-lg-1,.mx-lg-1 {
		margin-left: .25rem!important
	}

	.m-lg-2 {
		margin: .5rem!important
	}

	.mt-lg-2,.my-lg-2 {
		margin-top: .5rem!important
	}

	.mr-lg-2,.mx-lg-2 {
		margin-right: .5rem!important
	}

	.mb-lg-2,.my-lg-2 {
		margin-bottom: .5rem!important
	}

	.ml-lg-2,.mx-lg-2 {
		margin-left: .5rem!important
	}

	.m-lg-3 {
		margin: 1rem!important
	}

	.mt-lg-3,.my-lg-3 {
		margin-top: 1rem!important
	}

	.mr-lg-3,.mx-lg-3 {
		margin-right: 1rem!important
	}

	.mb-lg-3,.my-lg-3 {
		margin-bottom: 1rem!important
	}

	.ml-lg-3,.mx-lg-3 {
		margin-left: 1rem!important
	}

	.m-lg-4 {
		margin: 1.5rem!important
	}

	.mt-lg-4,.my-lg-4 {
		margin-top: 1.5rem!important
	}

	.mr-lg-4,.mx-lg-4 {
		margin-right: 1.5rem!important
	}

	.mb-lg-4,.my-lg-4 {
		margin-bottom: 1.5rem!important
	}

	.ml-lg-4,.mx-lg-4 {
		margin-left: 1.5rem!important
	}

	.m-lg-5 {
		margin: 3rem!important
	}

	.mt-lg-5,.my-lg-5 {
		margin-top: 3rem!important
	}

	.mr-lg-5,.mx-lg-5 {
		margin-right: 3rem!important
	}

	.mb-lg-5,.my-lg-5 {
		margin-bottom: 3rem!important
	}

	.ml-lg-5,.mx-lg-5 {
		margin-left: 3rem!important
	}

	.p-lg-0 {
		padding: 0!important
	}

	.pt-lg-0,.py-lg-0 {
		padding-top: 0!important
	}

	.pr-lg-0,.px-lg-0 {
		padding-right: 0!important
	}

	.pb-lg-0,.py-lg-0 {
		padding-bottom: 0!important
	}

	.pl-lg-0,.px-lg-0 {
		padding-left: 0!important
	}

	.p-lg-1 {
		padding: .25rem!important
	}

	.pt-lg-1,.py-lg-1 {
		padding-top: .25rem!important
	}

	.pr-lg-1,.px-lg-1 {
		padding-right: .25rem!important
	}

	.pb-lg-1,.py-lg-1 {
		padding-bottom: .25rem!important
	}

	.pl-lg-1,.px-lg-1 {
		padding-left: .25rem!important
	}

	.p-lg-2 {
		padding: .5rem!important
	}

	.pt-lg-2,.py-lg-2 {
		padding-top: .5rem!important
	}

	.pr-lg-2,.px-lg-2 {
		padding-right: .5rem!important
	}

	.pb-lg-2,.py-lg-2 {
		padding-bottom: .5rem!important
	}

	.pl-lg-2,.px-lg-2 {
		padding-left: .5rem!important
	}

	.p-lg-3 {
		padding: 1rem!important
	}

	.pt-lg-3,.py-lg-3 {
		padding-top: 1rem!important
	}

	.pr-lg-3,.px-lg-3 {
		padding-right: 1rem!important
	}

	.pb-lg-3,.py-lg-3 {
		padding-bottom: 1rem!important
	}

	.pl-lg-3,.px-lg-3 {
		padding-left: 1rem!important
	}

	.p-lg-4 {
		padding: 1.5rem!important
	}

	.pt-lg-4,.py-lg-4 {
		padding-top: 1.5rem!important
	}

	.pr-lg-4,.px-lg-4 {
		padding-right: 1.5rem!important
	}

	.pb-lg-4,.py-lg-4 {
		padding-bottom: 1.5rem!important
	}

	.pl-lg-4,.px-lg-4 {
		padding-left: 1.5rem!important
	}

	.p-lg-5 {
		padding: 3rem!important
	}

	.pt-lg-5,.py-lg-5 {
		padding-top: 3rem!important
	}

	.pr-lg-5,.px-lg-5 {
		padding-right: 3rem!important
	}

	.pb-lg-5,.py-lg-5 {
		padding-bottom: 3rem!important
	}

	.pl-lg-5,.px-lg-5 {
		padding-left: 3rem!important
	}

	.m-lg-n1 {
		margin: -.25rem!important
	}

	.mt-lg-n1,.my-lg-n1 {
		margin-top: -.25rem!important
	}

	.mr-lg-n1,.mx-lg-n1 {
		margin-right: -.25rem!important
	}

	.mb-lg-n1,.my-lg-n1 {
		margin-bottom: -.25rem!important
	}

	.ml-lg-n1,.mx-lg-n1 {
		margin-left: -.25rem!important
	}

	.m-lg-n2 {
		margin: -.5rem!important
	}

	.mt-lg-n2,.my-lg-n2 {
		margin-top: -.5rem!important
	}

	.mr-lg-n2,.mx-lg-n2 {
		margin-right: -.5rem!important
	}

	.mb-lg-n2,.my-lg-n2 {
		margin-bottom: -.5rem!important
	}

	.ml-lg-n2,.mx-lg-n2 {
		margin-left: -.5rem!important
	}

	.m-lg-n3 {
		margin: -1rem!important
	}

	.mt-lg-n3,.my-lg-n3 {
		margin-top: -1rem!important
	}

	.mr-lg-n3,.mx-lg-n3 {
		margin-right: -1rem!important
	}

	.mb-lg-n3,.my-lg-n3 {
		margin-bottom: -1rem!important
	}

	.ml-lg-n3,.mx-lg-n3 {
		margin-left: -1rem!important
	}

	.m-lg-n4 {
		margin: -1.5rem!important
	}

	.mt-lg-n4,.my-lg-n4 {
		margin-top: -1.5rem!important
	}

	.mr-lg-n4,.mx-lg-n4 {
		margin-right: -1.5rem!important
	}

	.mb-lg-n4,.my-lg-n4 {
		margin-bottom: -1.5rem!important
	}

	.ml-lg-n4,.mx-lg-n4 {
		margin-left: -1.5rem!important
	}

	.m-lg-n5 {
		margin: -3rem!important
	}

	.mt-lg-n5,.my-lg-n5 {
		margin-top: -3rem!important
	}

	.mr-lg-n5,.mx-lg-n5 {
		margin-right: -3rem!important
	}

	.mb-lg-n5,.my-lg-n5 {
		margin-bottom: -3rem!important
	}

	.ml-lg-n5,.mx-lg-n5 {
		margin-left: -3rem!important
	}

	.m-lg-auto {
		margin: auto!important
	}

	.mt-lg-auto,.my-lg-auto {
		margin-top: auto!important
	}

	.mr-lg-auto,.mx-lg-auto {
		margin-right: auto!important
	}

	.mb-lg-auto,.my-lg-auto {
		margin-bottom: auto!important
	}

	.ml-lg-auto,.mx-lg-auto {
		margin-left: auto!important
	}
}

@media (min-width:1200px) {
	.m-xl-0 {
		margin: 0!important
	}

	.mt-xl-0,.my-xl-0 {
		margin-top: 0!important
	}

	.mr-xl-0,.mx-xl-0 {
		margin-right: 0!important
	}

	.mb-xl-0,.my-xl-0 {
		margin-bottom: 0!important
	}

	.ml-xl-0,.mx-xl-0 {
		margin-left: 0!important
	}

	.m-xl-1 {
		margin: .25rem!important
	}

	.mt-xl-1,.my-xl-1 {
		margin-top: .25rem!important
	}

	.mr-xl-1,.mx-xl-1 {
		margin-right: .25rem!important
	}

	.mb-xl-1,.my-xl-1 {
		margin-bottom: .25rem!important
	}

	.ml-xl-1,.mx-xl-1 {
		margin-left: .25rem!important
	}

	.m-xl-2 {
		margin: .5rem!important
	}

	.mt-xl-2,.my-xl-2 {
		margin-top: .5rem!important
	}

	.mr-xl-2,.mx-xl-2 {
		margin-right: .5rem!important
	}

	.mb-xl-2,.my-xl-2 {
		margin-bottom: .5rem!important
	}

	.ml-xl-2,.mx-xl-2 {
		margin-left: .5rem!important
	}

	.m-xl-3 {
		margin: 1rem!important
	}

	.mt-xl-3,.my-xl-3 {
		margin-top: 1rem!important
	}

	.mr-xl-3,.mx-xl-3 {
		margin-right: 1rem!important
	}

	.mb-xl-3,.my-xl-3 {
		margin-bottom: 1rem!important
	}

	.ml-xl-3,.mx-xl-3 {
		margin-left: 1rem!important
	}

	.m-xl-4 {
		margin: 1.5rem!important
	}

	.mt-xl-4,.my-xl-4 {
		margin-top: 1.5rem!important
	}

	.mr-xl-4,.mx-xl-4 {
		margin-right: 1.5rem!important
	}

	.mb-xl-4,.my-xl-4 {
		margin-bottom: 1.5rem!important
	}

	.ml-xl-4,.mx-xl-4 {
		margin-left: 1.5rem!important
	}

	.m-xl-5 {
		margin: 3rem!important
	}

	.mt-xl-5,.my-xl-5 {
		margin-top: 3rem!important
	}

	.mr-xl-5,.mx-xl-5 {
		margin-right: 3rem!important
	}

	.mb-xl-5,.my-xl-5 {
		margin-bottom: 3rem!important
	}

	.ml-xl-5,.mx-xl-5 {
		margin-left: 3rem!important
	}

	.p-xl-0 {
		padding: 0!important
	}

	.pt-xl-0,.py-xl-0 {
		padding-top: 0!important
	}

	.pr-xl-0,.px-xl-0 {
		padding-right: 0!important
	}

	.pb-xl-0,.py-xl-0 {
		padding-bottom: 0!important
	}

	.pl-xl-0,.px-xl-0 {
		padding-left: 0!important
	}

	.p-xl-1 {
		padding: .25rem!important
	}

	.pt-xl-1,.py-xl-1 {
		padding-top: .25rem!important
	}

	.pr-xl-1,.px-xl-1 {
		padding-right: .25rem!important
	}

	.pb-xl-1,.py-xl-1 {
		padding-bottom: .25rem!important
	}

	.pl-xl-1,.px-xl-1 {
		padding-left: .25rem!important
	}

	.p-xl-2 {
		padding: .5rem!important
	}

	.pt-xl-2,.py-xl-2 {
		padding-top: .5rem!important
	}

	.pr-xl-2,.px-xl-2 {
		padding-right: .5rem!important
	}

	.pb-xl-2,.py-xl-2 {
		padding-bottom: .5rem!important
	}

	.pl-xl-2,.px-xl-2 {
		padding-left: .5rem!important
	}

	.p-xl-3 {
		padding: 1rem!important
	}

	.pt-xl-3,.py-xl-3 {
		padding-top: 1rem!important
	}

	.pr-xl-3,.px-xl-3 {
		padding-right: 1rem!important
	}

	.pb-xl-3,.py-xl-3 {
		padding-bottom: 1rem!important
	}

	.pl-xl-3,.px-xl-3 {
		padding-left: 1rem!important
	}

	.p-xl-4 {
		padding: 1.5rem!important
	}

	.pt-xl-4,.py-xl-4 {
		padding-top: 1.5rem!important
	}

	.pr-xl-4,.px-xl-4 {
		padding-right: 1.5rem!important
	}

	.pb-xl-4,.py-xl-4 {
		padding-bottom: 1.5rem!important
	}

	.pl-xl-4,.px-xl-4 {
		padding-left: 1.5rem!important
	}

	.p-xl-5 {
		padding: 3rem!important
	}

	.pt-xl-5,.py-xl-5 {
		padding-top: 3rem!important
	}

	.pr-xl-5,.px-xl-5 {
		padding-right: 3rem!important
	}

	.pb-xl-5,.py-xl-5 {
		padding-bottom: 3rem!important
	}

	.pl-xl-5,.px-xl-5 {
		padding-left: 3rem!important
	}

	.m-xl-n1 {
		margin: -.25rem!important
	}

	.mt-xl-n1,.my-xl-n1 {
		margin-top: -.25rem!important
	}

	.mr-xl-n1,.mx-xl-n1 {
		margin-right: -.25rem!important
	}

	.mb-xl-n1,.my-xl-n1 {
		margin-bottom: -.25rem!important
	}

	.ml-xl-n1,.mx-xl-n1 {
		margin-left: -.25rem!important
	}

	.m-xl-n2 {
		margin: -.5rem!important
	}

	.mt-xl-n2,.my-xl-n2 {
		margin-top: -.5rem!important
	}

	.mr-xl-n2,.mx-xl-n2 {
		margin-right: -.5rem!important
	}

	.mb-xl-n2,.my-xl-n2 {
		margin-bottom: -.5rem!important
	}

	.ml-xl-n2,.mx-xl-n2 {
		margin-left: -.5rem!important
	}

	.m-xl-n3 {
		margin: -1rem!important
	}

	.mt-xl-n3,.my-xl-n3 {
		margin-top: -1rem!important
	}

	.mr-xl-n3,.mx-xl-n3 {
		margin-right: -1rem!important
	}

	.mb-xl-n3,.my-xl-n3 {
		margin-bottom: -1rem!important
	}

	.ml-xl-n3,.mx-xl-n3 {
		margin-left: -1rem!important
	}

	.m-xl-n4 {
		margin: -1.5rem!important
	}

	.mt-xl-n4,.my-xl-n4 {
		margin-top: -1.5rem!important
	}

	.mr-xl-n4,.mx-xl-n4 {
		margin-right: -1.5rem!important
	}

	.mb-xl-n4,.my-xl-n4 {
		margin-bottom: -1.5rem!important
	}

	.ml-xl-n4,.mx-xl-n4 {
		margin-left: -1.5rem!important
	}

	.m-xl-n5 {
		margin: -3rem!important
	}

	.mt-xl-n5,.my-xl-n5 {
		margin-top: -3rem!important
	}

	.mr-xl-n5,.mx-xl-n5 {
		margin-right: -3rem!important
	}

	.mb-xl-n5,.my-xl-n5 {
		margin-bottom: -3rem!important
	}

	.ml-xl-n5,.mx-xl-n5 {
		margin-left: -3rem!important
	}

	.m-xl-auto {
		margin: auto!important
	}

	.mt-xl-auto,.my-xl-auto {
		margin-top: auto!important
	}

	.mr-xl-auto,.mx-xl-auto {
		margin-right: auto!important
	}

	.mb-xl-auto,.my-xl-auto {
		margin-bottom: auto!important
	}

	.ml-xl-auto,.mx-xl-auto {
		margin-left: auto!important
	}
}

.text-monospace {
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}

.text-justify {
	text-align: justify!important
}

.text-wrap {
	white-space: normal!important
}

.text-nowrap {
	white-space: nowrap!important
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-left {
	text-align: left!important
}

.text-right {
	text-align: right!important
}

.text-center {
	text-align: center!important
}

@media (min-width:576px) {
	.text-sm-left {
		text-align: left!important
	}

	.text-sm-right {
		text-align: right!important
	}

	.text-sm-center {
		text-align: center!important
	}
}

@media (min-width:768px) {
	.text-md-left {
		text-align: left!important
	}

	.text-md-right {
		text-align: right!important
	}

	.text-md-center {
		text-align: center!important
	}
}

@media (min-width:992px) {
	.text-lg-left {
		text-align: left!important
	}

	.text-lg-right {
		text-align: right!important
	}

	.text-lg-center {
		text-align: center!important
	}
}

@media (min-width:1200px) {
	.text-xl-left {
		text-align: left!important
	}

	.text-xl-right {
		text-align: right!important
	}

	.text-xl-center {
		text-align: center!important
	}
}

.text-lowercase {
	text-transform: lowercase!important
}

.text-uppercase {
	text-transform: uppercase!important
}

.text-capitalize {
	text-transform: capitalize!important
}

.font-weight-light {
	font-weight: 300!important
}

.font-weight-lighter {
	font-weight: lighter!important
}

.font-weight-normal {
	font-weight: 400!important
}

.font-weight-bold {
	font-weight: 700!important
}

.font-weight-bolder {
	font-weight: bolder!important
}

.font-italic {
	font-style: italic!important
}

.text-white {
	color: #fff!important
}

.text-primary {
	color: #00538b!important
}

a.text-primary:focus,a.text-primary:hover {
	color: #00253f!important
}

.text-secondary {
	color: #6c757d!important
}

a.text-secondary:focus,a.text-secondary:hover {
	color: #494f54!important
}

.text-success {
	color: #28a745!important
}

a.text-success:focus,a.text-success:hover {
	color: #19692c!important
}

.text-info {
	color: #17a2b8!important
}

a.text-info:focus,a.text-info:hover {
	color: #0f6674!important
}

.text-warning {
	color: #ffd100!important
}

a.text-warning:focus,a.text-warning:hover {
	color: #b39200!important
}

.text-danger {
	color: #dc3545!important
}

a.text-danger:focus,a.text-danger:hover {
	color: #a71d2a!important
}

.text-light {
	color: #f8f9fa!important
}

a.text-light:focus,a.text-light:hover {
	color: #cbd3da!important
}

.text-dark {
	color: #343a40!important
}

a.text-dark:focus,a.text-dark:hover {
	color: #121416!important
}

.text-body {
	color: #212529!important
}

.text-muted {
	color: #6c757d!important
}

.text-black-50 {
	color: rgba(0,0,0,.5)!important
}

.text-white-50 {
	color: rgba(255,255,255,.5)!important
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.text-decoration-none {
	text-decoration: none!important
}

.text-break {
	word-break: break-word!important;
	overflow-wrap: break-word!important
}

.text-reset {
	color: inherit!important
}

.visible {
	visibility: visible!important
}

.invisible {
	visibility: hidden!important
}

@media print {
	*,::after,::before {
		text-shadow: none!important;
		box-shadow: none!important
	}

	a:not(.btn) {
		text-decoration: underline
	}

	abbr[title]::after {
		content: " (" attr(title) ")"
	}

	pre {
		white-space: pre-wrap!important
	}

	blockquote,pre {
		border: 1px solid #adb5bd
	}

	thead {
		display: table-header-group
	}

	blockquote,img,pre,tr {
		page-break-inside: avoid
	}

	h2,h3,p {
		orphans: 3;
		widows: 3
	}

	h2,h3 {
		page-break-after: avoid
	}@	page {
		size: a3
	}

	.container,body {
		min-width: 992px!important
	}

	.navbar {
		display: none
	}

	.badge {
		border: 1px solid #000
	}

	.table {
		border-collapse: collapse!important
	}

	.table td,.table th {
		background-color: #fff!important
	}

	.table-bordered td,.table-bordered th {
		border: 1px solid #dee2e6!important
	}

	.table-dark {
		color: inherit
	}

	.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
		border-color: #dee2e6
	}

	.table .thead-dark th {
		color: inherit;
		border-color: #dee2e6
	}
}

.slick-list,.slick-slider {
	position: relative;
	display: block
}

.slick-slider {
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
	transform: translate3d(0,0,0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,.slick-track:before {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}[dir=rtl] .slick-slide {
	float: right
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}
/*!
 * Datepicker v1.0.10
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-29T14:46:09.037Z
 */
@keyframes shakeAnimation {
	10%,90% {
		transform: translate3d(-1px,0,0)
	}

	20%,80% {
		transform: translate3d(2px,0,0)
	}

	30%,50%,70% {
		transform: translate3d(-4px,0,0)
	}

	40%,60% {
		transform: translate3d(4px,0,0)
	}
}

.datepicker-container {
	background-color: #fff;
	direction: ltr;
	font-size: 12px;
	left: 0;
	line-height: 30px;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 210px;
	z-index: -1
}

.datepicker-container::after,.datepicker-container::before {
	border: 5px solid transparent;
	content: " ";
	display: block;
	height: 0;
	position: absolute;
	width: 0
}

.datepicker-dropdown {
	border: 1px solid #ccc;
	box-shadow: 0 3px 6px #ccc;
	box-sizing: content-box;
	position: absolute
}

.datepicker-inline {
	position: static
}

.datepicker-top-left,.datepicker-top-right {
	border-top-color: #39f
}

.datepicker-top-left::before {
	border-top: 0;
	left: 10px;
	top: -5px
}

.datepicker-top-left::after {
	border-top: 0;
	left: 10px
}

.datepicker-top-right::before {
	border-top: 0;
	top: -5px
}

.datepicker-top-right::after {
	border-top: 0
}

.datepicker-bottom-left,.datepicker-bottom-right,.datepicker-top-left::before,.datepicker-top-right::before {
	border-bottom-color: #39f
}

.datepicker-top-left::after,.datepicker-top-right::after {
	border-bottom-color: #fff;
	top: -4px
}

.datepicker-bottom-left::before {
	border-bottom: 0;
	bottom: -5px;
	left: 10px
}

.datepicker-bottom-left::after {
	border-bottom: 0;
	left: 10px
}

.datepicker-bottom-right::before {
	border-bottom: 0;
	bottom: -5px
}

.datepicker-bottom-right::after {
	border-bottom: 0
}

.datepicker-bottom-left::before,.datepicker-bottom-right::before {
	border-top-color: #39f
}

.datepicker-bottom-left::after,.datepicker-bottom-right::after {
	border-top-color: #fff;
	bottom: -4px
}

.datepicker-bottom-right::after,.datepicker-bottom-right::before,.datepicker-top-right::after,.datepicker-top-right::before {
	left: auto;
	right: 10px
}

.datepicker-panel>ul {
	margin: 0;
	padding: 0;
	width: 102%
}

.datepicker-panel>ul::after,.datepicker-panel>ul::before {
	content: " ";
	display: table
}

.datepicker-panel>ul::after {
	clear: both
}

.datepicker-panel>ul>li {
	background-color: #fff;
	cursor: pointer;
	float: left;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 30px
}

.datepicker-panel>ul>li:hover {
	background-color: #e5f2ff
}

.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover {
	color: #999
}

.datepicker-panel>ul>li.highlighted {
	background-color: #e5f2ff
}

.datepicker-panel>ul>li.highlighted:hover {
	background-color: #cce5ff
}

.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover {
	color: #39f
}

.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover {
	background-color: #fff;
	color: #ccc;
	cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted {
	background-color: #e5f2ff
}

.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next],.elementor-element .elementor-widget-text-editor ol big,.elementor-element .elementor-widget-text-editor p big,.elementor-element .elementor-widget-text-editor ul big,.elementor-widget-container .elementor-widget-text-editor ol big,.elementor-widget-container .elementor-widget-text-editor p big,.elementor-widget-container .elementor-widget-text-editor ul big,.elementor-widget-wp-widget-pages ol big,.elementor-widget-wp-widget-pages p big,.elementor-widget-wp-widget-pages ul big,.single-post .entry-content ol big,.single-post .entry-content p big,.single-post .entry-content ul big {
	font-size: 18px
}

.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"] {
	width: 150px
}

.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li {
	height: 52.5px;
	line-height: 52.5px;
	width: 52.5px
}

.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover {
	background-color: #fff;
	cursor: default
}

.datepicker-hide {
	display: none
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-Black.eot);src:url(../fonts/Montserrat-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Black.woff) format("woff"),url(../fonts/Montserrat-Black.ttf) format("truetype"),url(../fonts/Montserrat-Black.svg#Montserrat-Black) format("svg");font-weight:900;font-style:normal
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-SemiBold.eot);src:url(../fonts/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-SemiBold.woff) format("woff"),url(../fonts/Montserrat-SemiBold.ttf) format("truetype"),url(../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format("svg");font-weight:600;font-style:normal
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-Medium.eot);src:url(../fonts/Montserrat-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Medium.woff) format("woff"),url(../fonts/Montserrat-Medium.ttf) format("truetype"),url(../fonts/Montserrat-Medium.svg#Montserrat-Medium) format("svg");font-weight:500;font-style:normal
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-ExtraBold.eot);src:url(../fonts/Montserrat-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-ExtraBold.woff) format("woff"),url(../fonts/Montserrat-ExtraBold.ttf) format("truetype"),url(../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold) format("svg");font-weight:800;font-style:normal
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-Light.eot);src:url(../fonts/Montserrat-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Light.woff) format("woff"),url(../fonts/Montserrat-Light.ttf) format("truetype"),url(../fonts/Montserrat-Light.svg#Montserrat-Light) format("svg");font-weight:300;font-style:normal
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-Thin.eot);src:url(../fonts/Montserrat-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Thin.woff) format("woff"),url(../fonts/Montserrat-Thin.ttf) format("truetype"),url(../fonts/Montserrat-Thin.svg#Montserrat-Thin) format("svg");font-weight:100;font-style:normal
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-Regular.eot);src:url(../fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat-Regular.ttf) format("truetype"),url(../fonts/Montserrat-Regular.svg#Montserrat-Regular) format("svg");font-weight:400;font-style:normal
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-ExtraLight.eot);src:url(../fonts/Montserrat-ExtraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-ExtraLight.woff) format("woff"),url(../fonts/Montserrat-ExtraLight.ttf) format("truetype"),url(../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight) format("svg");font-weight:200;font-style:normal
}

@font-face {
	font-family:'Montserrat';src:url(../fonts/Montserrat-Bold.eot);src:url(../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Bold.woff) format("woff"),url(../fonts/Montserrat-Bold.ttf) format("truetype"),url(../fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg");font-weight:700;font-style:normal
}

@font-face {
	font-family:'erasteel';src:url(../fonts/erasteel.eot);src:url(../fonts/erasteel.eot#iefix) format("embedded-opentype"),url(../fonts/erasteel.woff2) format("woff2"),url(../fonts/erasteel.woff) format("woff"),url(../fonts/erasteel.ttf) format("truetype"),url(../fonts/erasteel.svg) format("svg");font-weight:400;font-style:normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@	font-face {
		font-family: 'erasteel';
		src: url(../font/erasteel.svg) format("svg")
	}
}

.eraBreadcrumbs.yoast>span>span>a,.eraCheckbox label::before,.icon_style,.listcheckbox-container .nf-field-element ul li label::before,.listradio-container .nf-field-element ul li label::before,[class*=" icon-"]:before,[class^=icon-]:before {
	font-family: "erasteel";
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.edit-link {
	position: absolute;
	right: 0;
	top: 150px;
	background-color: #311e4f;
	color: #fff;
	padding: 2px 11px;
	font-size: 12px;
	display: block!important
}

.edit-link a {
	color: #fff;
	transition: padding-right .3s ease
}

.edit-link a:hover {
	padding-right: 6px
}

body.admin-bar #menu-mobile {
	top: 103px
}

body.admin-bar #masthead,body.admin-bar.home.animationStarted #masthead {
	top: 32px
}

body.admin-bar #menu-favorites,body.admin-bar.stickyComparatedSelection #comparatedShadesSticky,body.admin-bar.stickyHeader #menu-favorites,body.admin-bar.stickyHeader #menu-mobile.expanded {
	top: 103px
}

.icon-like:before {
	content: '\e800'
}

.icon-dropdown:before {
	content: '\e801'
}

.icon-document:before {
	content: '\e802'
}

.icon-search-bold:before {
	content: '\e803'
}

.icon-check-bold:before {
	content: '\e804'
}

.icon-search:before {
	content: '\e805'
}

.icon-menu:before {
	content: '\e806'
}

.icon-plus:before {
	content: '\e807'
}

.icon-minus:before {
	content: '\e808'
}

.icon-people:before {
	content: '\e809'
}

.icon-arrow-top:before {
	content: '\e80a'
}

.icon-share:before {
	content: '\e80b'
}

.icon-chevron-left:before {
	content: '\e80c'
}

.icon-close:before {
	content: '\e80d'
}

.icon-like-empty:before {
	content: '\e80e'
}

.icon-document-view:before {
	content: '\e80f'
}

.icon-share-bold:before {
	content: '\e811'
}

.icon-like-empty-bold:before {
	content: '\e812'
}

.eraBreadcrumbs.yoast>span>span>a:before,.icon-home:before {
	content: '\e814'
}

.icon-chevron-right:before {
	content: '\e815'
}

.icon-arrow-left:before {
	content: '\e816'
}

.icon-arrow-right:before {
	content: '\e817'
}

.icon-filter:before {
	content: '\e818'
}

.icon-check:before {
	content: '\e819'
}

.icon-view-grid:before {
	content: '\e81a'
}

.icon-view-list:before {
	content: '\e81b'
}

.icon-mail:before {
	content: '\e81c'
}

.icon-mail-hover:before {
	content: '\e81d'
}

.icon-plan:before {
	content: '\e81e'
}

.icon-plan-hover:before {
	content: '\e81f'
}

.icon-fax:before {
	content: '\e820'
}

.icon-phone:before {
	content: '\e821'
}

.icon-website:before {
	content: '\e822'
}

.icon-play:before {
	content: '\e823'
}

.icon-form-check:before {
	content: '\e824'
}

.icon-form-error:before {
	content: '\e825'
}

.icon-document-eye:before {
	content: '\e826'
}

.icon-document-eye-hover:before {
	content: '\e827'
}

.icon-twitter:before {
	content: '\f099'
}

.icon-gplus:before {
	content: '\f0d5'
}

.icon-linkedin:before {
	content: '\f0e1'
}

.icon-youtube:before {
	content: '\f16a'
}

body {
	font-size: 14px;
	color: #311e4f;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	font-weight: 500;
	padding-bottom: 49px
}

@media (min-width:992px) {
	body {
		font-size: 16px;
		padding-bottom: 0
	}
}

#eraSite,#site-container,#siteLayout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

#eraSite {
	min-height: 100vh
}

#site-container {
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding-top: 51px;
	position: relative
}

@media (min-width:992px) {
	#site-container {
		padding-top: 71px
	}
}

.home #site-container {
	padding-top: 0
}

.container,.era-layout {
	max-width: 1240px;
	width: 100%;
	margin: 0 auto
}

.container {
	padding-left: 15px;
	padding-right: 15px
}

.era-layout {
	padding: 0 15px
}

.era-colToRow {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (min-width:992px) {
	.era-colToRow {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

.fullHeight {
	height: 100%
}

.fullWidth {
	width: 100%
}

.edit-link {
}

@media (max-width:991px) {
	.hide-on-mobile {
		display: none
	}
}

@media (min-width:992px) {
	.hide-on-desktop {
		display: none
	}
}

.elementor-element .elementor-widget-text-editor ol strong,.elementor-element .elementor-widget-text-editor p strong,.elementor-element .elementor-widget-text-editor strong,.elementor-element .elementor-widget-text-editor ul strong,.elementor-widget-container .elementor-widget-text-editor ol strong,.elementor-widget-container .elementor-widget-text-editor p strong,.elementor-widget-container .elementor-widget-text-editor strong,.elementor-widget-container .elementor-widget-text-editor ul strong,.elementor-widget-wp-widget-pages ol strong,.elementor-widget-wp-widget-pages p strong,.elementor-widget-wp-widget-pages strong,.elementor-widget-wp-widget-pages ul strong,.single-post .entry-content ol strong,.single-post .entry-content p strong,.single-post .entry-content strong,.single-post .entry-content ul strong,h1,h2,h3,h4,h5,h6 {
	font-weight: 600
}

.single-post .entry-content h2,h1.elementor-heading-title,h1.era-title,h2.elementor-heading-title,h2.era-title {
	font-weight: 600;
	position: relative;
	padding-left: 30px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: #311e4f
}

h1.elementor-heading-title,h1.era-title {
	z-index: 0;
	background-image: linear-gradient(to right,#1e1e1e,#00b2a9);
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 45px;
	line-height: 1.27;
	font-size: 26px
}

.single-post .entry-content h2,h2.elementor-heading-title,h2.era-title {
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	line-height: normal;
	font-size: 24px;
	margin-bottom: 20px;
	margin-top: 35px
}

.single-post .entry-content h4,h1.elementor-heading-title,h1.era-title,h4.elementor-heading-title,h4.era-title {
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif
}

.single-post .entry-content h3,h3.elementor-heading-title,h3.era-title,h5.elementor-heading-title,h5.era-title,h6.elementor-heading-title,h6.era-title {
	color: #311e4f;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	font-weight: 600
}

@media (min-width:992px) {
	h1.elementor-heading-title,h1.era-title {
		text-indent: 5px;
		line-height: normal;
		font-size: 50px;
		padding-left: 40px
	}
}

h1.elementor-heading-title::before,h1.era-title::before {
	content: "";
	display: block;
	width: 20px;
	height: 3px;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	position: absolute;
	top: 20px;
	left: 0
}

@media (min-width:992px) {
	h1.elementor-heading-title::before,h1.era-title::before {
		width: 30px;
		height: 4px;
		top: 44px
	}
}

h1.elementor-heading-title sup,h1.era-title sup {
	-webkit-text-fill-color: initial;
	background: 0 0;
	color: #00b2a9
}

@media (min-width:992px) {
	.single-post .entry-content h2,h2.elementor-heading-title,h2.era-title {
		padding-left: 48px
	}
}

.single-post .entry-content h2:first-child,h2.elementor-heading-title:first-child,h2.era-title:first-child {
	margin-top: 0
}

.single-post .entry-content h2::before,h2.elementor-heading-title::before,h2.era-title::before {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background-color: #311e4f;
	position: absolute;
	top: 18px;
	left: 0
}

@media (min-width:992px) {
	.single-post .entry-content h2::before,h2.elementor-heading-title::before,h2.era-title::before {
		width: 38px;
		top: 17px
	}
}

.single-post .entry-content h3,h3.elementor-heading-title,h3.era-title {
	line-height: normal;
	font-size: 22px;
	position: relative;
	text-indent: 1px;
	margin-bottom: 20px;
	margin-top: 35px;
	padding-top: 8px;
	z-index: 0
}

@media (min-width:992px) {
	.single-post .entry-content h3,h3.elementor-heading-title,h3.era-title {
		text-indent: 2px;
		padding-top: 14px
	}
}

.single-post .entry-content h3:first-child,h3.elementor-heading-title:first-child,h3.era-title:first-child {
	margin-top: 0
}

.single-post .entry-content h4,h4.elementor-heading-title,h4.era-title {
	color: #311e4f;
	font-size: 18px;
	line-height: 1.33;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 30px
}

.single-post .entry-content h4:first-child,.titleWithButton h2:first-child,body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default .elementor-column.elementor-element.elementor-col-50 .elementor-widget-heading:first-child .elementor-heading-title,body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default .elementor-column.elementor-element[data-col="50"] .elementor-widget-heading:first-child .elementor-heading-title,body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default .elementor-column.elementor-element.elementor-col-50 .elementor-widget-heading:first-child .elementor-heading-title,body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default .elementor-column.elementor-element[data-col="50"] .elementor-widget-heading:first-child .elementor-heading-title,h4.elementor-heading-title:first-child,h4.era-title:first-child {
	margin-top: 0
}

.elementor-element .elementor-widget-text-editor ul,.elementor-widget-container .elementor-widget-text-editor ul,.elementor-widget-wp-widget-pages ul,.shadeCharacteristics ul,.single-post .entry-content ul {
	list-style-type: none;
	padding-left: 1.5em
}

.elementor-element .elementor-widget-text-editor ul li,.elementor-widget-container .elementor-widget-text-editor ul li,.elementor-widget-wp-widget-pages ul li,.single-post .entry-content ul li {
	margin-top: 10px
}

.elementor-element .elementor-widget-text-editor ul li::before,.elementor-widget-container .elementor-widget-text-editor ul li::before,.elementor-widget-wp-widget-pages ul li::before,.shadeCharacteristics ul li::before,.single-post .entry-content ul li::before {
	content: "";
	height: 6px;
	display: inline-block;
	width: 16px;
	margin-left: -1.5em;
	margin-right: 8px;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	border-radius: 0 3px 3px 0
}

.elementor-element .elementor-widget-text-editor ul ul,.elementor-widget-container .elementor-widget-text-editor ul ul,.elementor-widget-wp-widget-pages ul ul,.shadeCharacteristics ul ul,.single-post .entry-content ul ul {
	margin-bottom: 0!important
}

.elementor-element .elementor-widget-text-editor ol,.elementor-element .elementor-widget-text-editor p,.elementor-element .elementor-widget-text-editor ul,.elementor-widget-container .elementor-widget-text-editor ol,.elementor-widget-container .elementor-widget-text-editor p,.elementor-widget-container .elementor-widget-text-editor ul,.elementor-widget-wp-widget-pages ol,.elementor-widget-wp-widget-pages p,.elementor-widget-wp-widget-pages ul,.single-post .entry-content ol,.single-post .entry-content p,.single-post .entry-content ul {
	margin-bottom: 20px
}

@media (min-width:992px) {
	.elementor-element .elementor-widget-text-editor ol,.elementor-element .elementor-widget-text-editor p,.elementor-element .elementor-widget-text-editor ul,.elementor-widget-container .elementor-widget-text-editor ol,.elementor-widget-container .elementor-widget-text-editor p,.elementor-widget-container .elementor-widget-text-editor ul,.elementor-widget-wp-widget-pages ol,.elementor-widget-wp-widget-pages p,.elementor-widget-wp-widget-pages ul,.single-post .entry-content ol,.single-post .entry-content p,.single-post .entry-content ul {
		font-size: 16px
	}
}

.elementor-element .elementor-widget-text-editor ol a,.elementor-element .elementor-widget-text-editor p a,.elementor-element .elementor-widget-text-editor ul a,.elementor-widget-container .elementor-widget-text-editor ol a,.elementor-widget-container .elementor-widget-text-editor p a,.elementor-widget-container .elementor-widget-text-editor ul a,.elementor-widget-wp-widget-pages ol a,.elementor-widget-wp-widget-pages p a,.elementor-widget-wp-widget-pages ul a,.single-post .entry-content ol a,.single-post .entry-content p a,.single-post .entry-content ul a {
	position: relative;
	font-weight: 600;
	color: #000;
	z-index: 0;
	display: inline-block
}

.elementor-element .elementor-widget-text-editor ol a:focus,.elementor-element .elementor-widget-text-editor ol a:hover,.elementor-element .elementor-widget-text-editor p a:focus,.elementor-element .elementor-widget-text-editor p a:hover,.elementor-element .elementor-widget-text-editor ul a:focus,.elementor-element .elementor-widget-text-editor ul a:hover,.elementor-widget-container .elementor-widget-text-editor ol a:focus,.elementor-widget-container .elementor-widget-text-editor ol a:hover,.elementor-widget-container .elementor-widget-text-editor p a:focus,.elementor-widget-container .elementor-widget-text-editor p a:hover,.elementor-widget-container .elementor-widget-text-editor ul a:focus,.elementor-widget-container .elementor-widget-text-editor ul a:hover,.elementor-widget-wp-widget-pages ol a:focus,.elementor-widget-wp-widget-pages ol a:hover,.elementor-widget-wp-widget-pages p a:focus,.elementor-widget-wp-widget-pages p a:hover,.elementor-widget-wp-widget-pages ul a:focus,.elementor-widget-wp-widget-pages ul a:hover,.single-post .entry-content ol a:focus,.single-post .entry-content ol a:hover,.single-post .entry-content p a:focus,.single-post .entry-content p a:hover,.single-post .entry-content ul a:focus,.single-post .entry-content ul a:hover {
	text-decoration: none;
	color: #000
}

.elementor-element .elementor-widget-text-editor ol a:focus:before,.elementor-element .elementor-widget-text-editor ol a:hover:before,.elementor-element .elementor-widget-text-editor p a:focus:before,.elementor-element .elementor-widget-text-editor p a:hover:before,.elementor-element .elementor-widget-text-editor ul a:focus:before,.elementor-element .elementor-widget-text-editor ul a:hover:before,.elementor-widget-container .elementor-widget-text-editor ol a:focus:before,.elementor-widget-container .elementor-widget-text-editor ol a:hover:before,.elementor-widget-container .elementor-widget-text-editor p a:focus:before,.elementor-widget-container .elementor-widget-text-editor p a:hover:before,.elementor-widget-container .elementor-widget-text-editor ul a:focus:before,.elementor-widget-container .elementor-widget-text-editor ul a:hover:before,.elementor-widget-wp-widget-pages ol a:focus:before,.elementor-widget-wp-widget-pages ol a:hover:before,.elementor-widget-wp-widget-pages p a:focus:before,.elementor-widget-wp-widget-pages p a:hover:before,.elementor-widget-wp-widget-pages ul a:focus:before,.elementor-widget-wp-widget-pages ul a:hover:before,.single-post .entry-content ol a:focus:before,.single-post .entry-content ol a:hover:before,.single-post .entry-content p a:focus:before,.single-post .entry-content p a:hover:before,.single-post .entry-content ul a:focus:before,.single-post .entry-content ul a:hover:before {
	width: 100%
}

.elementor-element .elementor-widget-text-editor ol a::before,.elementor-element .elementor-widget-text-editor p a::before,.elementor-element .elementor-widget-text-editor ul a::before,.elementor-widget-container .elementor-widget-text-editor ol a::before,.elementor-widget-container .elementor-widget-text-editor p a::before,.elementor-widget-container .elementor-widget-text-editor ul a::before,.elementor-widget-wp-widget-pages ol a::before,.elementor-widget-wp-widget-pages p a::before,.elementor-widget-wp-widget-pages ul a::before,.pageIntro-content p a::before,.single-post .entry-content ol a::before,.single-post .entry-content p a::before,.single-post .entry-content ul a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #ffd100;
	z-index: -1;
	transition: width .4s ease;
	-webkit-transition: width .4s ease
}

.elementor-widget-wp-widget-pages h5 {
	display: none
}

table {
	width: 100%;
	table-layout: fixed
}

.shadeComposition td,.shadeComposition th,table td,table th {
	width: 16.666667%;
	text-align: center;
	height: 40px;
	vertical-align: middle;
	font-weight: 500
}

@media (min-width:992px) {
	table td,table th {
		height: 80px;
		font-size: 18px
	}
}

.shadeComposition tr,table tr {
	background-color: #ececec
}

table tr:has(th) {
	background-image: linear-gradient(to right,#1a003b,#00b2a9)
}

table th {
	color: #fff;
	border-right: 1px solid transparent
}

table th:first-of-type {
	border-radius: 15px 0 0 0
}

table th:last-of-type {
	border-right: none;
	border-radius: 0 15px 0 0
}

table th.has-td-next {
	border-top-right-radius: 0;
	background-image: linear-gradient(to right,#1a003b,#00b2a9)
}

table td {
	background-color: #ececec;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	padding: 1rem .5rem
}

.shadeComposition td:last-of-type,.shadeComposition th:last-of-type,table td:last-of-type {
	border-right: none
}

.elementor-widget-era-data-table table {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	overflow: hidden
}

.single-products .pageIntro .era-title sup,h2 sup {
	top: 0
}

.alignCenter {
	text-align: center;
	width: 100%
}

.alignLeft {
	text-align: left;
	width: 100%
}

.alignRight {
	text-align: right;
	width: 100%
}

.secondaryLink {
	position: relative;
	padding: 0;
	display: inline-block;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1;
	border: 0;
	outline: 0;
	background: 0 0
}

.secondaryLink .elementor-button-text,.secondaryLink .linkText {
	z-index: 1;
	-ms-flex-align: center;
	align-items: center;
	transition: color .4s ease;
	color: #311e4f;
	position: relative;
	padding-left: 48px
}

@media (min-width:992px) {
	.secondaryLink .elementor-button-text,.secondaryLink .linkText {
		display: inline-block
	}
}

.secondaryLink .elementor-button-text::before,.secondaryLink .linkText::before {
	content: "";
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 34px;
	height: 2px;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	z-index: -1;
	transition: all .4s ease
}

@media (min-width:992px) {
	.secondaryLink .elementor-button-text::before,.secondaryLink .linkText::before {
		bottom: 0;
		left: 35px;
		top: auto
	}
}

.secondaryLink .elementor-button,.secondaryLink .elementor-button-link {
	border: 0;
	background: 0 0;
	padding: 0!important
}

.secondaryLink.whiteLink .elementor-button-text,.secondaryLink.whiteLink .linkText {
	color: #fff
}

.secondaryLink.whiteLink:focus .elementor-button-text,.secondaryLink.whiteLink:focus .linkText,.secondaryLink.whiteLink:hover .elementor-button-text,.secondaryLink.whiteLink:hover .linkText {
	color: #fff
}

.secondaryLink:focus,.secondaryLink:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.secondaryLink:focus .elementor-button-text:before,.secondaryLink:focus .linkText:before,.secondaryLink:hover .elementor-button-text:before,.secondaryLink:hover .linkText:before {
		width: 100%
	}
}

.secondaryLink:focus .elementor-button-text,.secondaryLink:focus .linkText,.secondaryLink:hover .elementor-button-text,.secondaryLink:hover .linkText {
	color: #000
}

.buttonWithIcon {
	padding: 0 25px;
	height: 60px;
	border-radius: 30px;
	cursor: pointer;
	display: inline-block;
	border: 0;
	outline: 0
}

@media (min-width:992px) {
	.buttonWithIcon {
		transition: all .4s linear
	}
}

.buttonWithIcon.yellowButton,.homeSlider_buttons button:hover {
	background: #ffd100;
	color: #000
}

.buttonWithIcon.whiteButton {
	background: #fff;
	color: #311e4f
}

.buttonWithIcon.grayButton {
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	color: #fff
}

.buttonWithIcon .buttonInner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 100%
}

.buttonWithIcon .linkText {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	line-height: normal
}

.buttonWithIcon [class^=icon-] {
	font-size: 32px;
	margin-left: 70px
}

.buttonWithIcon.iconLeft [class^=icon-] {
	margin-right: 70px;
	margin-left: 0
}

.buttonWithIcon:focus,.buttonWithIcon:hover {
	text-decoration: none
}

.buttonWithIcon[disabled] {
	border-color: #d4d4d4!important;
	background: 0 0!important;
	color: #d4d4d4!important
}

.expandingArrow {
	display: inline-block;
	height: 15px;
	width: 23px;
	position: relative
}

@media (min-width:992px) {
	.expandingArrow {
		transition: all .4s linear
	}
}

.expandingArrow::before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	top: 5px;
	background: #000
}

.expandingArrow::after {
	content: "";
	display: block;
	border-style: solid;
	width: 10px;
	height: 10px;
	position: absolute;
	transform-origin: center left;
	border-color: #000;
	transform: rotate(45deg) translate(0,.5px)
}

.expandingArrow.arrowBlack::before {
	background: #000
}

.expandingArrow.arrowBlack::after {
	border-color: #000
}

.expandingArrow.arrowWhite::before {
	background: #fff
}

.expandingArrow.arrowWhite::after {
	border-color: #fff
}

.expandingArrow.arrowRight::after {
	border-width: 1px 1px 0 0;
	right: 0
}

.expandingArrow.arrowLeft::after {
	border-width: 0 0 1px 1px;
	left: 2px
}

.expandingArrow.arrowBig {
	width: 42px
}

.expandingArrow.arrowBig::before {
	top: 12px
}

.expandingArrow.arrowBig::after {
	width: 14px;
	height: 14px
}

.expandingArrow.arrowBig.arrowRight {
	right: 2px
}

.expandingArrow.arrowBig.arrowRight::after {
	transform: rotate(45deg) translate(0,1px)
}

.expandingArrow.arrowBig.arrowLeft {
	left: 2px
}

.expandingArrow.arrowBig.arrowLeft::after {
	transform: rotate(45deg) translate(1px,0)
}

.eraArrowPlacer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.eraArrow {
	width: 60px;
	height: 15px;
	display: inline-block;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.eraArrow svg,.svgArrow * {
	transform-origin: center left;
	transition: all .4s linear
}

.eraArrow svg {
	margin-top: -10px;
	position: relative;
	left: 17px
}

@media (min-width:992px) {
	.eraArrow svg {
		left: 0
	}
}

.svgArrow * {
	stroke-width: 1.6px;
	stroke-linecap: square;
	stroke-linejoin: initial;
	stroke: #1a003b;
	fill: transparent;
	pointer-events: none
}

.arrow-link {
	font-size: 17px;
	font-weight: 500;
	line-height: 1;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	text-transform: uppercase;
	color: #fff!important
}

.arrow-link:focus,.arrow-link:hover,.header-main .header-socials li a:focus,.header-main .header-socials li a:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.arrow-link:focus svg,.arrow-link:hover svg {
		transform: scale(1.4)
	}
}

.arrow-link svg {
	width: 25px;
	height: auto;
	margin-left: 10px;
	transform-origin: center left;
	transition: all .4s linear
}

.homeBasicContent {
	margin-bottom: 60px;
	margin-top: 60px
}

@media (min-width:992px) {
	.homeBasicContent {
		padding-left: 510px;
		margin-bottom: 100px;
		margin-top: 70px
	}
}

.homeBasicContent p {
	margin-bottom: 30px
}

.homeBasicContent p:last-child {
	margin: 0
}

.header-main::before,.titleWithButton h2 {
	background-image: linear-gradient(to right,#1a003b,#00b2a9)
}

.titleWithButton h2 {
	line-height: 1.27;
	margin-top: 0;
	margin-bottom: 20px;
	color: #1a003b;
	text-align: left;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	z-index: 0;
	display: inline-block
}

@media (min-width:992px) {
	.titleWithButton h2 {
		text-indent: 8px;
		font-size: 32px;
		line-height: normal;
		margin-top: 90px;
		margin-right: 30px;
		padding-left: 85px
	}
}

@media (min-width:992px) {
	.titleWithButton h2::before {
		width: 80px;
		height: 2px;
		top: 22px;
		left: 0;
		background-image: linear-gradient(to right,#1a003b,#00b2a9);
		content: "";
		position: absolute
	}
}

.top-header {
	display: none
}

@media (min-width:768px) {
	.top-header {
		display: block
	}

	.top-header .menu {
		color: #fff;
		margin: 0;
		height: 30px;
		background-color: #311d4f
	}

	.top-header .menu li {
		padding-top: 5px;
		list-style-type: none;
		display: inline-block;
		margin-right: 40px
	}

	.top-header .menu a {
		color: #fff
	}
}

#masthead,.header-main::before {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1005
}

#site-navigation {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:992px) {
	#site-navigation {
		display: block
	}
}

.header-main::before {
	z-index: -1;
	position: absolute;
	height: 100%;
	content: "";
	display: block;
	transition: all .4s linear
}

@media (min-width:992px) {
	.stickyHeader #menu-favorites,.stickyHeader #menu-mobile.expanded {
		top: 71px
	}
}

.home:not(.stickyHeader):not(.mainMenuExpanded) .header-main::before {
	opacity: 0
}

.site-logo {
	margin-right: 30px
}

.site-logo svg {
	height: auto;
	transform: translate3d(0,0,0)
}

.header-socials {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.header-main .header-socials,.searchExpanded .header-main .header-socials {
	display: none
}

@media (min-width:992px) {
	.header-main .header-socials {
		display: block
	}
}

.footer-socials li,.header-main .header-socials li {
	display: inline-block;
	margin-right: 20px
}

#content-menu-desktop ul.menu li.menu-item:last-of-type,.footer-socials li:last-of-type,.header-main .header-socials li:last-of-type {
	margin-right: 0
}

#content-menu-desktop ul.menu li.menu-item a,.header-main .header-socials li a {
	font-size: 18px;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	color: #fff;
	text-transform: uppercase
}

@media (min-width:992px) {
	.header-main .header-socials li a:focus,.header-main .header-socials li a:hover {
		color: #ffd100
	}
}

.top-menu-language {
	font-size: 11px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	font-weight: 700;
	color: #fff
}

.header-main {
	width: 100%
}

.header-main>.era-layout {
	height: 51px
}

@media (min-width:992px) {
	.header-main>.era-layout {
		height: 71px;
		position: relative
	}
}

.header-main .site-logo svg {
	width: 94px
}

@media (min-width:992px) {
	.header-main .site-logo svg {
		width: 139px
	}
}

#top-right-menu,.header-main>.era-layout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

#content-menu-desktop ul.menu {
	list-style-type: none;
	padding: 0;
	margin: 8px 0 0;
	display: none
}

@media (min-width:992px) {
	#content-menu-desktop ul.menu {
		display: block
	}
}

#content-menu-desktop ul.menu li.menu-item {
	display: inline-block;
	margin-right: 30px
}

#content-menu-desktop ul.menu li.menu-item a {
	font-size: 12px;
	font-weight: 600;
	padding-left: 25px;
	position: relative;
	transition: color .4s linear;
	cursor: pointer
}

#content-menu-desktop ul.menu li.menu-item a:focus,#content-menu-desktop ul.menu li.menu-item a:hover {
	text-decoration: none;
	color: #fff;
	font-weight: 700
}

#content-menu-desktop ul.menu li.menu-item a:focus::after,#content-menu-desktop ul.menu li.menu-item a:focus::before,#content-menu-desktop ul.menu li.menu-item a:hover::after,#content-menu-desktop ul.menu li.menu-item a:hover::before {
	background: #fff
}

#content-menu-desktop ul.menu li.menu-item a::after,#content-menu-desktop ul.menu li.menu-item a::before {
	content: "";
	width: 18px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	bottom: 7px;
	left: 0;
	transition: all .4s linear
}

#content-menu-desktop ul.menu li.menu-item.expanded a,body .elementor-image .widget-image-caption strong {
	font-weight: 700
}

#content-menu-desktop ul.menu li.menu-item.expanded a::after,#content-menu-desktop ul.menu li.menu-item.expanded a::before {
	width: 22px;
	left: -2px;
	bottom: 7px
}

#content-menu-desktop ul.menu li.menu-item.expanded a::before {
	transform: rotate(-45deg)
}

#content-menu-desktop ul.menu li.menu-item.expanded a::after {
	transform: rotate(45deg)
}

#content-menu-desktop ul.menu li.menu-item .sub-menu {
	display: none;
	position: fixed;
	top: 0;
	bottom: 60px;
	left: 0;
	right: 0
}

@media (min-width:992px) {
	#content-menu-desktop ul.menu li.menu-item .sub-menu {
		bottom: auto;
		top: 60px
	}
}

.menuButton {
	background: 0 0;
	border: 0;
	outline: 0;
	color: #fff;
	font-size: 20px;
	height: 49px;
	width: 48px;
	text-align: center
}

@media (min-width:992px) {
	.menuButton {
		height: 71px;
		width: 71px
	}
}

.menuButton:focus,.menuButton:hover {
	color: #ffd100;
	text-decoration: none
}

.menuButton-like {
	position: relative
}

#favQuantity {
	border-radius: 9px;
	height: 16px;
	line-height: 16px;
	min-width: 16px;
	display: inline-block;
	position: absolute;
	right: 3px;
	top: 10px;
	font-weight: 700;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	padding: 0 1px;
	text-align: center;
	font-size: 9px
}

@media (min-width:992px) {
	#favQuantity {
		right: 10px;
		top: 20px;
		font-size: 11px;
		height: 18px;
		line-height: 18px;
		min-width: 18px
	}
}

.favoritesExpanded #menu-favorites {
	display: block
}

#favQuantity,.favoritesExpanded .menuButton-like,.menuButton-content.expanded {
	background: #ffd100;
	color: #311e4f
}

.favoritesExpanded .menuButton-like::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -1px;
	width: 100%;
	height: 1px;
	background: #ffd100
}

@media (min-width:992px) {
	.favoritesExpanded .menuButton-like::after {
		display: none
	}
}

.favoritesExpanded #favQuantity {
	background: #311e4f;
	color: #fff
}

@media (min-width:992px) {
	.menuButton-content,.menuButton-people {
		display: none
	}
}

.menuButton-content.expanded::before {
	content: "\e80d"
}

#main-right-menu {
	position: fixed;
	z-index: 6;
	bottom: 0;
	left: 0;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	border-top: 1px solid #3b2a4c;
	height: 49px;
	padding: 0 15px
}

@media (min-width:992px) {
	#main-right-menu {
		position: static;
		bottom: auto;
		left: auto;
		width: auto;
		background: 0 0;
		height: auto;
		padding: 0;
		border: 0
	}
}

#menu-mobile {
	display: none;
	position: fixed;
	z-index: 5;
	left: 0;
	width: 100%;
	top: 51px;
	bottom: 49px;
	background: #ececec;
	padding: 0 15px
}

@media (min-width:992px) {
	#menu-mobile {
		top: 71px;
		bottom: auto;
		transition: all .4s linear;
		box-shadow: 0 4px 15px 0 rgba(0,0,0,.2)
	}
}

#favoritesClose::before,#menu-mobile.expanded {
	display: block
}

#menu-mobile .tile-document,#menu-mobile .tile-shade {
	background: #514689;
	border-radius: 12px 0 12px 0
}

#menu-mobile .tile-document .eraDropdown-title,#menu-mobile .tile-document .eraTile-button::before,#menu-mobile .tile-document .eraTile-title,#menu-mobile .tile-document .icon-dropdown {
	color: #fff
}

#menu-mobile .tile-shade.shade-c-cat2 {
	background: #7640b4
}

#menu-mobile .tile-shade.shade-c-cat3 {
	background: #0085ca
}

#menu-mobile .tile-shade .eraTile-shadeExerpt,#menu-mobile .tile-shade .eraTile-shadeName,#menu-mobile .tile-shade .eraTile-title,#menu-search input[type=search] {
	color: #fff
}

#menu-mobile .tile-shade svg * {
	stroke: #fff
}

#menu-favorites {
	display: none;
	position: fixed;
	z-index: 5;
	left: 0;
	width: 100%;
	top: 51px;
	bottom: 49px;
	background: rgba(255,255,255,.96);
	padding: 30px 15px 0
}

@media (min-width:992px) {
	#menu-favorites {
		top: 105px;
		bottom: 0;
		transition: all .4s linear;
		box-shadow: 0 4px 15px 0 rgba(0,0,0,.2);
		padding: 75px 15px
	}
}

@media (min-width:992px) and (max-height:750px) {
	#menu-favorites {
		padding: 5px 15px
	}
}

#menu-favorites .era-layout {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	max-height: 100%;
	min-height: 1px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%
}

.favoritesTopLine {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (min-width:992px) and (max-height:750px) {
	.favoritesTopLine {
		margin-bottom: 10px
	}
}

.favCount {
	font-size: 18px;
	font-weight: 400;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	color: #311e4f;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: 100%;
	margin: 0
}

@media (min-width:992px) {
	.favCount {
		font-size: 40px
	}
}

#favoritesClose {
	border: 0;
	background: 0 0;
	outline: 0;
	font-size: 17px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 0
}

@media (min-width:992px) {
	#favoritesClose {
		font-size: 27px
	}
}

.favoritesSwapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	overflow: hidden
}

@media (min-width:992px) {
	.favoritesSwapper {
		font-size: 27px;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.favoritesSwapper .eraTilesContainer.eraTilesContainer-grid {
	margin: 0 -7px;
	padding: 0
}

@media (max-width:991px) {
	.favoritesSwapper .eraTilesContainer.eraTilesContainer-grid {
		-ms-flex: 0 1 auto;
		flex: 0 1 auto
	}
}

.favoritesScroller {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	height: 100%;
	display: -ms-flexbox;
	display: flex
}

.favoritesScroller::-webkit-scrollbar {
	display: none
}

.favoritesScroller .eraNoFavorites {
	display: none;
	text-align: center;
	color: #959595;
	margin-top: 10%
}

.favoritesScroller .jsFavContainer:empty+.eraNoFavorites {
	display: block!important
}

@-moz-document url-prefix() {
	.favoritesScroller {
		margin-right: -17px
	}
}

.favoritesRemove {
	border: 0;
	padding: 0;
	background: 0 0;
	outline: 0;
	font-size: 16px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

#menu-mobile.expanded_level_1 #reset_level_1,.favoritesRemove::before {
	display: block
}

#favorites_downloadAll {
	background: #2f2f2f;
	width: 100%;
	color: #fff;
	height: 49px;
	display: none;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 25px;
	letter-spacing: 1.8px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	margin: 0 auto 25px;
	transition: all .4s linear;
	border: 1px solid #2f2f2f
}

@media (min-width:992px) {
	#favorites_downloadAll {
		width: 290px;
		margin: 50px auto 0;
		height: 59px;
		display: -ms-flexbox;
		display: flex
	}
}

@media (min-width:992px) and (max-height:750px) {
	#favorites_downloadAll {
		margin: 10px auto 0
	}
}

#content-menu-mobile .menu>li>a:focus,#content-menu-mobile .menu>li>a:hover,#favorites_downloadAll:focus,#favorites_downloadAll:hover {
	text-decoration: none
}

@media (min-width:992px) {
	#favorites_downloadAll:focus,#favorites_downloadAll:hover {
		background: #ffd100;
		color: #000;
		border-color: #ffd100
	}

	#favorites_downloadAll:focus .icon-arrow-right::before,#favorites_downloadAll:hover .icon-arrow-right::before {
		color: #000
	}

	#favorites_downloadAll:focus .icon-arrow-right::after,#favorites_downloadAll:hover .icon-arrow-right::after {
		background: #000
	}
}

#favorites_downloadAll.disabled {
	background: 0 0;
	color: #a7a7a7;
	border-color: #a7a7a7;
	pointer-events: none
}

#favorites_downloadAll.disabled .icon-arrow-right::before {
	color: #a7a7a7
}

#favorites_downloadAll.disabled .icon-arrow-right::after {
	background: #a7a7a7
}

#favorites_downloadAll .icon-arrow-right {
	position: relative;
	width: 15px;
	height: 28px
}

#favorites_downloadAll .icon-arrow-right::before {
	font-size: 21px;
	transform: rotate(90deg);
	display: block;
	margin-top: -2px;
	transition: all .4s linear
}

#favorites_downloadAll .icon-arrow-right::after {
	content: "";
	width: 15px;
	height: 1px;
	background: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	transition: all .4s linear
}

#content-menu-mobile {
	margin: 25px 0
}

@media (min-width:992px) {
	#content-menu-mobile {
		max-width: 1240px;
		padding: 0 15px;
		width: 100%;
		margin: 0 auto
	}
}

#content-menu-mobile .menu,#content-menu-mobile .menu>li>.sub-menu,#content-menu-mobile .sub-menu .sub-menu {
	list-style-type: none;
	padding: 0;
	margin: 0
}

#content-menu-mobile .menu>li {
	display: block;
	margin-bottom: 30px
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li {
		display: none
	}
}

#content-menu-mobile .menu>li:last-of-type,#content-menu-mobile .sub-menu .sub-menu>li:last-of-type {
	margin-bottom: 0
}

#content-menu-mobile .menu>li>a {
	font-size: 12px;
	font-weight: 600;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	color: #311e4f;
	text-transform: uppercase;
	padding-left: 25px;
	position: relative
}

@media (max-width:991px) {
	#content-menu-mobile .menu>li>a .eraArrow {
		display: none
	}
}

#content-menu-mobile .menu>li>a::after,#content-menu-mobile .menu>li>a::before {
	content: "";
	width: 18px;
	height: 1px;
	background: #311e4f;
	display: block;
	position: absolute;
	bottom: 3px;
	left: 0
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li.expanded_level_1 {
		display: block
	}

	#content-menu-mobile .menu>li.expanded_level_1>a {
		display: none
	}
}

#content-menu-mobile .sub-menu,#content-menu-mobile .sub-menu .sub-menu>li>a .eraArrow {
	display: none
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu {
		position: relative
	}
}

#content-menu-mobile .menu>li>.sub-menu>li {
	height: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -15px;
	padding: 0;
	cursor: pointer
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li {
		width: 300px;
		height: 47px;
		margin: 0
	}

	#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link) {
		padding: 0
	}
}

#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link),#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link) a,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link) a::after {
	transition: background .4s linear,color .4s linear
}

#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a {
	position: relative;
	padding: 0 15px;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a .eraArrow svg {
		margin-top: -8px
	}
}

#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a .eraArrow svg * {
	stroke: #311e4f
}

#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus+.sub-menu>li>a:focus,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus+.sub-menu>li>a:hover,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover+.sub-menu>li>a:focus,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover+.sub-menu>li>a:hover {
	text-decoration: none
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus .eraArrow svg,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover .eraArrow svg {
		transform: scale(1.4)
	}

	#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus .eraArrow line,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus .eraArrow polyline,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover .eraArrow line,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover .eraArrow polyline {
		stroke-width: 1px
	}

	#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover {
		font-weight: 700
	}

	#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus+.sub-menu,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover+.sub-menu {
		opacity: 1;
		pointer-events: all;
		bottom: 0
	}

	#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:focus+.sub-menu>li,#content-menu-mobile .menu>li>.sub-menu>li:not(.menu-big-link)>a:hover+.sub-menu>li {
		display: -ms-flexbox;
		display: flex
	}
}

#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link {
	border-top: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.15);
	height: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link {
		padding: 0 2500px;
		cursor: default;
		height: auto;
		width: auto;
		margin: 0 -2500px 25px
	}

	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link::after {
		display: none
	}
}

#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a {
	font-size: 14px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 15px;
	height: 100%;
	-ms-flex-item-align: start;
	align-self: flex-start
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a {
		margin: 35px 0;
		padding: 0 25px;
		height: 63px;
		font-size: 20px;
		font-weight: 500
	}
}

@media (min-width:992px) and (max-height:850px) {
	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a {
		margin: 15px 0
	}
}

@media (min-width:992px) and (max-height:630px) {
	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a {
		margin: 5px 0
	}
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a .eraArrow svg {
		margin-top: -17px
	}
}

#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a .eraArrow svg * {
	stroke: #311e4f
}

#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:focus,#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:hover,#content-menu-mobile .sub-menu .sub-menu>li>a:focus,#content-menu-mobile .sub-menu .sub-menu>li>a:hover {
	text-decoration: none
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:focus,#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:hover {
		font-weight: 600
	}

	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:focus .eraArrow svg,#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:hover .eraArrow svg {
		transform: scale(1.4)
	}

	#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:focus .eraArrow line,#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:focus .eraArrow polyline,#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:hover .eraArrow line,#content-menu-mobile .menu>li>.sub-menu>li.menu-big-link>a:hover .eraArrow polyline {
		stroke-width: 1px
	}
}

#content-menu-mobile .menu>li>.sub-menu>li>a,#content-menu-mobile .sub-menu .sub-menu>li>a {
	font-size: 13px;
	font-weight: 600;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	color: #311e4f;
	width: 100%
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li>a {
		max-width: 500px;
		width: 500px
	}
}

@media (min-width:992px) {
	#content-menu-mobile .sub-menu .sub-menu.forceVisible {
		opacity: 1!important;
		pointer-events: all!important;
		bottom: 0!important
	}

	#content-menu-mobile .sub-menu .sub-menu {
		position: absolute;
		top: 135px!important;
		left: 300px;
		padding-left: 130px;
		padding-top: 25px;
		right: 0
	}
}

@media (min-width:992px) and (max-height:850px) {
	#content-menu-mobile .sub-menu .sub-menu {
		top: 95px!important;
		padding-top: 25px
	}
}

@media (min-width:992px) and (max-height:630px) {
	#content-menu-mobile .sub-menu .sub-menu {
		top: 75px!important;
		padding-top: 25px
	}
}

#content-menu-mobile .sub-menu .sub-menu>li {
	margin-bottom: 0;
	cursor: auto
}

#content-menu-mobile .sub-menu .sub-menu>li>a {
	font-size: 12px;
	padding-left: 40px;
	position: relative;
	height: 47px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	text-transform: none
}

@media screen and (min-width:992px) {
	#content-menu-mobile .sub-menu .sub-menu>li>a:focus,#content-menu-mobile .sub-menu .sub-menu>li>a:hover {
		font-weight: 700
	}
}

#content-menu-mobile .sub-menu .sub-menu>li>a::before {
	content: "";
	width: 18px;
	height: 1px;
	background: #311e4f;
	display: block;
	position: absolute;
	bottom: 19px;
	left: 15px;
	transition: background .4s linear
}

.menuButton-searchClose {
	display: none;
	color: #fff;
	background: #2f2f2f
}

@media screen and (max-width:991px) {
	.menuButton-searchClose {
		position: fixed;
		top: 60px;
		right: 0
	}

	.searchExpanded .menuButton-searchClose {
		display: block;
		background: 0 0!important
	}
}

#menu-mobile .header-socials {
	width: 50%;
	padding-top: 2px
}

#menu-mobile .header-socials li {
	display: block;
	margin: 0 auto 30px
}

#menu-mobile .header-socials li:last-of-type,#simple-menu-mobile .menu li:last-of-type {
	margin-bottom: 0
}

#menu-mobile .header-socials li a {
	font-size: 13px;
	color: #311e4f;
	display: block;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	clear: both
}

#menu-mobile .header-socials li a:focus,#menu-mobile .header-socials li a:hover,.footer-col ul.menu li.menu-item a:focus,.footer-col ul.menu li.menu-item a:hover,.footer-left .menu li.menu-item a:focus,.footer-left .menu li.menu-item a:hover {
	text-decoration: none;
	color: #ffd100
}

.menu-mobile-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 40px
}

@media (min-width:992px) {
	.menu-mobile-bottom {
		display: none
	}
}

#simple-menu-mobile {
	width: 50%
}

#simple-menu-mobile .menu {
	list-style-type: none;
	padding: 0;
	margin: 0
}

#simple-menu-mobile .menu li {
	margin-bottom: 20px;
	text-align: left
}

#simple-menu-mobile .menu li a {
	font-size: 12px;
	font-weight: 600;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	color: #311e4f;
	display: inline-block;
	line-height: 1.67
}

#menu-mobile.expanded_level_1 .menu-mobile-bottom {
	display: none
}

#menu-mobile.expanded_level_1 .menu>li:not(.expanded_level_1) {
	display: none
}

@media (max-width:991px) {
	#menu-mobile.expanded_level_1 .expanded_level_1>a .eraArrow,#menu-mobile.expanded_level_1 .expanded_level_2>a .eraArrow,#menu-mobile.expanded_level_1.expanded_level_2 #reset_level_1 {
		display: none
	}

	#menu-mobile.expanded_level_1.expanded_level_2 .menu>li>.sub-menu>li:not(.expanded_level_2) {
		display: none
	}

	#menu-mobile.expanded_level_1 .expanded_level_1>a,#menu-mobile.expanded_level_1 .expanded_level_2>a {
		padding-left: 0;
		letter-spacing: 2px;
		color: #838383;
		opacity: .5;
		font-size: 13px;
		font-weight: 600;
		cursor: default;
		line-height: 1;
		padding-bottom: 25px;
		padding-top: 25px;
		display: block;
		text-transform: uppercase
	}
}

@media (min-width:992px) {
	#menu-mobile.expanded_level_1 .expanded_level_1>a:focus,#menu-mobile.expanded_level_1 .expanded_level_1>a:hover,#menu-mobile.expanded_level_1 .expanded_level_2>a:focus,#menu-mobile.expanded_level_1 .expanded_level_2>a:hover {
		color: #fff
	}
}

@media (max-width:991px) {
	#menu-mobile.expanded_level_1 .expanded_level_1>a::after,#menu-mobile.expanded_level_1 .expanded_level_1>a::before,#menu-mobile.expanded_level_1 .expanded_level_2>a::after,#menu-mobile.expanded_level_1 .expanded_level_2>a::before {
		display: none
	}
}

#menu-mobile.expanded_level_1 .expanded_level_1 .sub-menu,#menu-mobile.expanded_level_1 .expanded_level_2 .sub-menu {
	display: block
}

@media (min-width:992px) {
	#menu-mobile.expanded_level_1 .expanded_level_1 .sub-menu .sub-menu,#menu-mobile.expanded_level_1 .expanded_level_2 .sub-menu .sub-menu {
		opacity: 0;
		pointer-events: none
	}
}

@media (max-width:991px) {
	#menu-mobile.expanded_level_1 .expanded_level_1 .sub-menu .sub-menu,#menu-mobile.expanded_level_1 .expanded_level_2 .sub-menu .sub-menu {
		display: none
	}
}

@media (min-width:992px) {
	#menu-mobile.expanded_level_1 .expanded_level_1 .sub-menu .sub-menu:focus,#menu-mobile.expanded_level_1 .expanded_level_1 .sub-menu .sub-menu:hover,#menu-mobile.expanded_level_1 .expanded_level_2 .sub-menu .sub-menu:focus,#menu-mobile.expanded_level_1 .expanded_level_2 .sub-menu .sub-menu:hover {
		opacity: 1;
		pointer-events: all;
		bottom: 0
	}
}

#menu-mobile.expanded_level_1 .expanded_level_1>a {
	padding-top: 0
}

@media (max-width:991px) {
	#menu-mobile.expanded_level_1.expanded_level_2 .expanded_level_1>a {
		color: #ffd100;
		opacity: 1;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 1px;
		padding: 9px 0;
		cursor: pointer
	}

	#menu-mobile.expanded_level_1.expanded_level_2 .expanded_level_1>a::before {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		width: auto;
		background: 0 0;
		height: auto;
		margin-right: 6px;
		color: #ffd100;
		content: "\e80c";
		font-family: "erasteel";
		font-style: normal;
		font-weight: 400;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	#menu-mobile.expanded_level_1 .sub-menu .expanded_level_2,#menu-mobile.expanded_level_1 .sub-menu .expanded_level_2 .sub-menu {
		display: block
	}

	#menu-mobile.expanded_level_1 .sub-menu .expanded_level_2::after {
		display: none
	}

	#menu-mobile.expanded_level_2 .expanded_level_2>a::after,#menu-mobile.expanded_level_2 .expanded_level_2>a::before {
		display: none!important
	}
}

@media (min-width:992px) {
	#content-menu-mobile .menu>li>.sub-menu>li:focus .sub-menu,#content-menu-mobile .menu>li>.sub-menu>li:hover .sub-menu {
		visibility: visible
	}
}

#reset_level_1 {
	color: #311e4f;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	background: 0 0;
	border: 0;
	outline: 0;
	height: 30px;
	display: none;
	padding: 0;
	width: 100%;
	text-align: left;
	margin-top: 25px
}

@media (min-width:992px) {
	#reset_level_1 {
		display: none!important
	}
}

#reset_level_1::before {
	margin-right: 6px
}

#menu-search {
	display: none;
	position: fixed;
	z-index: 5;
	left: 0;
	width: 100%;
	top: 51px;
	bottom: 49px;
	background: rgba(49,30,79,.96);
	padding: 100px 15px 25px
}

@media (min-width:992px) {
	#menu-search {
		position: static;
		top: auto;
		bottom: auto;
		background: 0 0;
		padding: 25px 15px
	}
}

.search-wrap {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	height: 45px;
	border-bottom: 1px solid #000
}

.search-wrap input:-webkit-autofill,.search-wrap input:-webkit-autofill:active,.search-wrap input:-webkit-autofill:focus,.search-wrap input:-webkit-autofill:hover {
	transition: background-color 5000000s ease-in-out 0s
}

.search-wrap input[type=search] {
	width: 100%;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	font-size: 13px;
	font-weight: 600;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	border: 0;
	background: 0;
	outline: 0;
	color: #000
}

@media (min-width:992px) {
	.search-wrap input[type=search] {
		font-size: 15px;
		font-weight: 500
	}
}

.search-wrap input[type=search]:-webkit-autofill {
	background: 0;
	-webkit-box-shadow: 0 0 0 30px transparent inset!important
}

.search-wrap input[type=search]::-webkit-input-placeholder {
	color: #000;
	font-weight: 500
}

.search-wrap input[type=search]::-moz-placeholder {
	color: #000;
	font-weight: 500
}

.search-wrap input[type=search]:-ms-input-placeholder {
	color: #000;
	font-weight: 500
}

.search-wrap input[type=search]:-moz-placeholder {
	color: #000;
	font-weight: 500
}

.search-wrap input[type=search]::-ms-clear,.search-wrap input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0
}

.search-wrap input[type=search]::-webkit-search-cancel-button,.search-wrap input[type=search]::-webkit-search-decoration,.search-wrap input[type=search]::-webkit-search-results-button,.search-wrap input[type=search]::-webkit-search-results-decoration {
	display: none
}

.search-wrap input[type=submit] {
	font-size: 23px;
	color: #000;
	padding: 0;
	border: 0;
	background: 0 0;
	outline: 0;
	width: 23px;
	height: 100%;
	margin: 0 0 0 5px;
	font-family: "erasteel";
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	top: 0;
	left: 0;
	position: relative;
	clip: auto;
	overflow: auto
}

@media (max-width:991px) {
	.search-wrap input[type=submit] {
		display: none
	}

	.search-wrap input[type=submit].mobileSearch {
		display: inline-block
	}
}

@media (min-width:992px) {
	.search-wrap input[type=submit].mobileSearch {
		display: none
	}
}

#menu-search .search-wrap {
	border-color: #fff;
	position: relative
}

@media (min-width:992px) {
	#menu-search .search-wrap {
		border: 0
	}
}

#menu-search .icon-search {
	position: absolute;
	font-size: 21px;
	left: 180px;
	top: 50%;
	margin-top: -10px;
	color: #fff;
	line-height: 0;
	pointer-events: none
}

@media (max-width:991px) {
	#menu-search .icon-search {
		display: none
	}
}

@media (min-width:992px) {
	#menu-search input[type=search] {
		border-bottom: 1px solid #fff;
		margin-left: 180px;
		margin-right: 20px;
		padding-bottom: 14px;
		padding-top: 14px;
		font-size: 14px;
		padding-left: 35px
	}
}

#menu-search input[type=search]::-webkit-input-placeholder {
	color: #fff
}

#menu-search input[type=search]::-moz-placeholder {
	color: #fff
}

#menu-search input[type=search]:-ms-input-placeholder {
	color: #fff
}

#menu-search input[type=search]:-moz-placeholder {
	color: #fff
}

#menu-search input[type=submit] {
	color: #fff
}

@media (min-width:992px) {
	#menu-search input[type=submit] {
		width: 71px;
		height: 71px;
		background: #ffd100;
		color: #311e4f
	}
}

.searchExpanded #menu-search {
	display: block
}

.searchExpanded #content-menu-desktop {
	display: none
}

@media (min-width:992px) {
	.searchExpanded .menuButton-like {
		display: none
	}
}

.searchExpanded .menuButton-search {
	background: #ffd100;
	color: #311e4f
}

@media (min-width:992px) {
	.searchExpanded .menuButton-search {
		display: none
	}

	.searchExpanded .menuButton-searchClose {
		display: block
	}
}

.menu-placeholder {
	width: 100%!important;
	height: auto!important;
	margin: 0!important;
	cursor: default!important
}

@media (max-width:991px) {
	.menu-placeholder {
		-ms-flex-direction: column!important;
		flex-direction: column!important
	}
}

.menu-placeholder form {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-item-align: start;
	align-self: flex-start
}

@media (min-width:992px) {
	.menu-placeholder form {
		-ms-flex-negative: 1;
		flex-shrink: 1;
		width: 500px;
		margin-top: 60px
	}
}

@media (min-width:992px) and (max-height:850px) {
	.menu-placeholder form {
		margin-top: 0
	}
}

.menu-placeholder .menuTilesContainer {
	width: 100%
}

@media (min-width:992px) {
	.menu-placeholder .menuTilesContainer {
		width: 600px;
		margin: 180px 0 35px 90px;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

@media (min-width:992px) and (max-height:850px) {
	.menu-placeholder .menuTilesContainer {
		margin-top: 140px
	}
}

@media (min-width:992px) and (max-height:750px) {
	.menu-placeholder .menuTilesContainer {
		margin-top: 80px;
		margin-bottom: 15px
	}
}

@media (min-width:992px) and (max-height:675px) {
	.menu-placeholder .menuTilesContainer {
		margin-top: 20px
	}
}

.menu-placeholder .eraTilesContainer {
	margin: 0 -15px!important
}

@media (min-width:992px) {
	.menu-placeholder .eraTilesContainer {
		margin: 0!important
	}
}

.menu-placeholder .eraTile {
	min-height: 180px
}

@media (min-width:992px) {
	.menu-placeholder .eraTile {
		min-height: 250px
	}
}

.menu-placeholder .eraTile .eraTile-Texts {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.menu-placeholder .eraTile .eraTile-shadeName,.menu-placeholder .search-wrap input[type=search],.menu-placeholder .search-wrap input[type=submit] {
	color: #311e4f
}

@media (min-width:992px) {
	.menu-placeholder .eraTile.tile-shade:focus,.menu-placeholder .eraTile.tile-shade:hover {
		background: #2f2f2f
	}

	.menu-placeholder .eraTile.tile-shade:focus .eraTile-shadeExerpt,.menu-placeholder .eraTile.tile-shade:hover .eraTile-shadeExerpt {
		color: #a7a7a7
	}

	.menu-placeholder .eraTile.tile-shade:focus .eraTile-shadeName,.menu-placeholder .eraTile.tile-shade:hover .eraTile-shadeName {
		color: #fff
	}
}

.menu-placeholder .search-wrap input[type=search]::-webkit-input-placeholder,.menu-placeholder .search-wrap input[type=submit]::-webkit-input-placeholder {
	opacity: .5;
	color: #311e4f
}

.menu-placeholder .search-wrap input[type=search]::-moz-placeholder,.menu-placeholder .search-wrap input[type=submit]::-moz-placeholder {
	opacity: .5;
	color: #311e4f
}

.menu-placeholder .search-wrap input[type=search]:-ms-input-placeholder,.menu-placeholder .search-wrap input[type=submit]:-ms-input-placeholder {
	opacity: .5;
	color: #311e4f
}

.menu-placeholder .search-wrap input[type=search]:-moz-placeholder,.menu-placeholder .search-wrap input[type=submit]:-moz-placeholder {
	opacity: .5;
	color: #311e4f
}

.menu-placeholder .search-wrap {
	border-color: #311e4f;
	margin-bottom: 30px
}

.menu-placeholder .buttonWithIcon {
	-ms-flex-item-align: end;
	align-self: flex-end
}

@media (max-width:991px) {
	.menu-placeholder .buttonWithIcon {
		display: none
	}
}

.menu-placeholder .smallText {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.86;
	color: #311e4f;
	margin-bottom: 25px
}

@-moz-document url-prefix() {
	body .menu-placeholder .menuTilesContainer .eraTilesContainer {
		margin-bottom: -17px!important
	}

	body .menu-placeholder .menuTilesContainer {
		margin-bottom: 17px!important;
		overflow: hidden
	}
}

.shakeAnimation {
	animation: shakeAnimation .82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0,0,0);
	backface-visibility: hidden;
	perspective: 1000px
}

.header-vertical-separator {
	width: 1px;
	background: #fff;
	height: 38px;
	margin: 0 15px
}

@media (max-width:991px) {
	.header-vertical-separator {
		display: none
	}
}

.searchExpanded .header-vertical-separator {
	display: none
}

.site-footer {
	background-color: #311e4f;
	position: relative;
	background-image: linear-gradient(to right,#1a003b,#00b2a9)
}

@media (min-width:992px) {
	.site-footer {
		margin-top: 180px
	}
}

.site-footer,.site-footer .era-layout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.site-footer .era-layout {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

#homeApplications .homeApplications-carouselTile.carouselTileWithImage p,.site-footer .secondaryLink .linkText {
	color: #fff
}

.site-footer .site-logo svg {
	max-width: 100%;
	width: 250px
}

.site-footer .site-logo+p {
	color: #fff;
	font-weight: 400
}

.footer-top {
	border-top: 2px solid #fff
}

@media (min-width:992px) {
	.footer-top {
		padding-top: 25px
	}
}

.footer-bottom {
	padding-top: 25px
}

@media (min-width:992px) {
	.footer-bottom {
		padding-top: 0;
		height: 97px
	}

	.footer-bottom,.footer-left {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-align: center;
		align-items: center
	}
}

.footer-left .menu {
	list-style-type: none;
	padding: 0;
	text-align: center;
	margin: 0 0 35px
}

@media (min-width:992px) {
	.footer-left .menu {
		display: inline;
		margin-left: 50px;
		margin-bottom: 0
	}
}

.footer-left .menu li.menu-item {
	display: inline
}

.footer-left .menu li.menu-item:not(:first-child)::before {
	display: inline;
	content: " - ";
	color: #fff
}

@media (max-width:991px) {
	.footer-left .menu li.menu-item:nth-child(1)::before,.footer-left .menu li.menu-item:nth-child(3)::before {
		display: none
	}
}

.footer-col h3,.footer-left .menu li.menu-item a {
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif
}

.footer-left .menu li.menu-item a {
	line-height: 2.31;
	transition: color .4s linear;
	font-size: 13px;
	font-weight: 500;
	color: #d4d4d4
}

@media (max-width:991px) {
	.footer-left .menu li.menu-item:nth-child(2):after {
		content: "\A";
		white-space: pre
	}
}

.footer-right {
	text-align: center
}

@media (min-width:992px) {
	.footer-right {
		display: none
	}
}

.footer-right a {
	margin-bottom: 25px;
	display: inline-block
}

@media (min-width:992px) {
	.footer-right a {
		margin: 0
	}
}

.era-copyright {
	color: #d4d4d4;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 2.31
}

@media (min-width:992px) {
	.footer-col {
		width: 190px;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		margin-left: 65px
	}
}

.footer-col h3 {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	margin: 0;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-align: left
}

@media (min-width:992px) {
	.footer-col h3::before {
		display: inline;
		content: '__';
		margin-right: 2px;
		position: relative;
		top: -5px
	}
}

.footer-col .era-expand-button {
	position: relative;
	height: 63px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	outline: 0;
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #504167;
	text-transform: uppercase;
	padding: 0
}

@media (min-width:992px) {
	.footer-col .era-expand-button {
		margin-bottom: 0;
		cursor: default;
		border: 0
	}
}

.footer-col .era-expand-button span {
	position: absolute;
	background: 0 0;
	border: 0;
	outline: 0;
	top: 50%;
	right: 10px;
	margin-top: -7px;
	font-size: 14px;
	color: #fff;
	padding: 0;
	display: block
}

@media (min-width:992px) {
	.footer-col .era-expand-button span {
		display: none
	}
}

.footer-col .era-expand-button.expanded+.era-expand-content {
	max-height: none;
	visibility: visible
}

.footer-col .era-expand-content {
	max-height: 0;
	visibility: hidden;
	overflow: hidden;
	transition: max-height .4s ease-out
}

@media (min-width:992px) {
	.footer-col .era-expand-content {
		max-height: none!important;
		visibility: visible!important
	}
}

.footer-col ul.menu {
	list-style-type: none;
	margin: 0;
	text-align: center;
	padding: 15px 0 0
}

@media (min-width:992px) {
	.footer-col ul.menu {
		text-align: left
	}
}

.footer-col ul.menu li.menu-item {
	margin-bottom: 15px
}

.footer-col ul.menu li.menu-item:last-of-type {
	margin-bottom: 0
}

.footer-col ul.menu li.menu-item a {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.31;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	color: #d4d4d4;
	display: block
}

@media (min-width:992px) {
	.footer-col ul.menu li.menu-item a {
		font-size: 14px
	}
}

.footer-map {
	min-height: 1px
}

@media (min-width:992px) {
	.footer-map {
		width: 395px;
		margin-right: 50px;
		margin-left: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

@media (max-width:991px) {
	.footer-map {
		display: none
	}
}

.footer-map img,.footer-map svg {
	max-width: 100%;
	display: block;
	margin: 15px 0;
	-ms-flex-item-align: flex-star;
	align-self: flex-star;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: auto
}

.footer-map img circle,.footer-map svg circle {
	fill: #fff
}

.footer-map a:focus svg circle,.footer-map a:hover svg circle {
	fill: #ffd100
}

.footer-socials {
	list-style-type: none;
	padding: 0;
	margin: 15px 0 0;
	text-align: center
}

@media (min-width:992px) {
	.footer-socials li {
		margin: 0 auto 32px;
		display: block
	}
}

@media (min-width:992px) {
	.footer-socials li:last-of-type {
		margin-bottom: 0
	}
}

.footer-socials li a {
	font-size: 20px;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	color: #311e4f;
	text-transform: uppercase;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	border-radius: 50%;
	background: #827792;
	text-align: center
}

@media (min-width:992px) {
	.footer-socials li a {
		width: 45px;
		height: 45px;
		line-height: 45px;
		display: block;
		margin: 0 auto;
		clear: both
	}
}

.footer-socials li a:focus,.footer-socials li a:hover {
	background: #ffd100;
	text-decoration: none
}

#eraStickyButtons {
	position: fixed;
	width: 100%;
	z-index: 10;
	bottom: 49px;
	display: block;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	padding: 15px 0;
	transition: opacity .4s linear
}

@media (min-width:992px) {
	#eraStickyButtons {
		bottom: 0;
		padding: 20px 0
	}
}

@media (max-width:991px) {
	#eraStickyButtons {
		display: none
	}
}

#eraStickyButtons .era-layout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:991px) {
	#eraStickyButtons .era-layout {
		padding: 0
	}
}

body.home:not(.stickyHeader) #eraStickyButtons {
	opacity: 0;
	pointer-events: none
}

#eraStickyButtonsDetector {
	position: absolute;
	top: 100vh
}

#footerContact {
	pointer-events: all
}

#backToTop {
	transition: all .4s linear
}

#backToTop,#backToTop *,#footerContact * {
	pointer-events: all
}

#footerContact {
	transition: all .4s linear;
	width: 291px;
	display: none;
	padding: 0 21px;
	background: #fff
}

@media (min-width:992px) {
	#footerContact {
		display: block
	}
}

#footerContact .linkText {
	overflow: hidden;
	white-space: nowrap;
	width: 210px;
	max-width: 210px;
	opacity: 1;
	text-align: left;
	display: block;
	font-size: 16px;
	font-weight: 500;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all .4s linear
}

#footerContact [class^=icon-] {
	margin-left: 0;
	transition: all .4s linear
}

@media (min-width:992px) {
	#footerContact:focus,#footerContact:hover {
		width: 291px!important
	}
}

#footerContact:focus .linkText,#footerContact:hover .linkText {
	max-width: 291px!important;
	opacity: 1!important
}

#footerContact:focus [class^=icon-],#footerContact:hover [class^=icon-] {
	margin-left: 70px!important
}

.contact-line-1,.contact-line-2 {
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
	color: #fff;
	margin: 0
}

.contact-line-2 {
	font-size: 16px;
	font-weight: 500
}

#backToTop {
	transform: translate3d(0,60px,0);
	border: 0;
	outline: 0;
	margin-left: 30px;
	color: #000;
	background: #ececec;
	padding: 0;
	height: 49px;
	width: 49px;
	font-size: 25px
}

@media (min-width:992px) {
	#backToTop {
		height: auto;
		min-height: 100%;
		width: 72px
	}
}

body.post-type-archive-products.hasComparatorSelection.fixedToFooter #eraStickyButtons {
	bottom: 100%
}

.backToTopDeployed #backToTop {
	transform: translate3d(0,0,0)
}

body.post-type-archive-products.hasComparatorSelection #eraStickyButtons {
	bottom: 179px
}

@media (min-width:992px) {
	body.post-type-archive-products.hasComparatorSelection #eraStickyButtons {
		bottom: 130px
	}
}

.fixedToFooter #eraStickyButtons {
	position: absolute;
	bottom: 100%
}

.fixedToFooter #backToTop {
	transform: translate3d(0,0,0)
}

.nf-form-fields-required,.nf-form-title {
	display: none
}

.nf-field .nf-field-element {
	position: relative
}

.nf-field .nf-field-element::after {
	font-size: 19px;
	font-family: "erasteel";
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -9.5px;
	pointer-events: none
}

.nf-field .nf-field-element textarea {
	min-height: 200px
}

.nf-field .nf-field-element select {
	background: #fff;
	background-color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.86;
	color: #311e4f;
	outline: 0;
	border: 1px solid #838383;
	box-shadow: none;
	border-radius: 6px
}

.nf-field .nf-field-element input[type=email],.nf-field .nf-field-element input[type=tel],.nf-field .nf-field-element input[type=text],.nf-field .nf-field-element textarea {
	background: #fff;
	background-color: #fff;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.86;
	color: #311e4f;
	outline: 0;
	border: 1px solid #838383;
	box-shadow: none;
	border-radius: 6px
}

@media (min-width:992px) {
	.nf-field .nf-field-element input[type=email],.nf-field .nf-field-element input[type=tel],.nf-field .nf-field-element input[type=text],.nf-field .nf-field-element select,.nf-field .nf-field-element textarea {
		font-size: 15px;
		line-height: 1.73
	}
}

.nf-field .nf-field-element input[type=email]:focus,.nf-field .nf-field-element input[type=tel]:focus,.nf-field .nf-field-element input[type=text]:focus,.nf-field .nf-field-element select:focus,.nf-field .nf-field-element textarea:focus {
	border-color: #ffd100
}

.nf-field .nf-field-element input[type=email]::-webkit-input-placeholder,.nf-field .nf-field-element input[type=tel]::-webkit-input-placeholder,.nf-field .nf-field-element input[type=text]::-webkit-input-placeholder,.nf-field .nf-field-element select::-webkit-input-placeholder,.nf-field .nf-field-element textarea::-webkit-input-placeholder {
	color: #838383
}

.nf-field .nf-field-element input[type=email]::-moz-placeholder,.nf-field .nf-field-element input[type=tel]::-moz-placeholder,.nf-field .nf-field-element input[type=text]::-moz-placeholder,.nf-field .nf-field-element select::-moz-placeholder,.nf-field .nf-field-element textarea::-moz-placeholder {
	color: #838383
}

.nf-field .nf-field-element input[type=email]:-ms-input-placeholder,.nf-field .nf-field-element input[type=tel]:-ms-input-placeholder,.nf-field .nf-field-element input[type=text]:-ms-input-placeholder,.nf-field .nf-field-element select:-ms-input-placeholder,.nf-field .nf-field-element textarea:-ms-input-placeholder {
	color: #838383
}

.nf-field .nf-field-element input[type=email]:-moz-placeholder,.nf-field .nf-field-element input[type=tel]:-moz-placeholder,.nf-field .nf-field-element input[type=text]:-moz-placeholder,.nf-field .nf-field-element select:-moz-placeholder,.nf-field .nf-field-element textarea:-moz-placeholder {
	color: #838383
}

.nf-field .nf-field-element input[type=email] [value*=""],.nf-field .nf-field-element input[type=tel] [value*=""],.nf-field .nf-field-element input[type=text] [value*=""],.nf-field .nf-field-element select [value*=""],.nf-field .nf-field-element textarea [value*=""] {
	border-color: #311e4f
}

.nf-field .nf-field-element select {
	background-image: url(../img/era_select.png);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: center right;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 40px 10px 20px
}

.nf-field .nf-field-element select::-ms-expand {
	display: none
}

.nf-field .nf-error input[type=email],.nf-field .nf-error input[type=text],.nf-field .nf-error select,.nf-field .nf-error textarea {
	border-color: #e91718
}

.nf-field .nf-error .nf-field-label label {
	color: #e91718
}

.nf-field .nf-error .nf-field-element::after {
	color: #e91718;
	content: "\e825"
}

.nf-field .nf-pass input[type=email],.nf-field .nf-pass input[type=text],.nf-field .nf-pass select,.nf-field .nf-pass textarea {
	border-color: #0ea53b!important
}

.nf-field .nf-pass .nf-field-label label {
	color: #0ea53b!important
}

.nf-field .nf-pass .nf-field-element::after {
	color: #0ea53b;
	content: "\e824"
}

.nf-after-field .nf-error-msg,.nf-field-label label {
	font-size: 12px;
	font-weight: 500;
	line-height: 2.17;
	color: #e91718
}

.checkbox-container .nf-input-limit,.checkbox-container .nf-pass .nf-field-element::after,.nf-after-form-content .nf-form-errors,.nf-field .nf-error.list-wrap .nf-field-element::after,.nf-field .nf-pass.list-wrap .nf-field-element::after {
	display: none
}

.nf-field-label label {
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000
}

.listcheckbox-container .nf-field-element ul li,.listradio-container .nf-field-element ul li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0!important;
	position: relative;
	margin: 0 0 12px
}

.listcheckbox-container .nf-field-element ul li::before,.listradio-container .nf-field-element ul li::before {
	display: none;
	padding: 0
}

.listcheckbox-container .nf-field-element ul li label,.listradio-container .nf-field-element ul li label {
	margin: 0!important;
	font-size: 13px;
	font-weight: 600;
	color: #2f2f2f;
	display: block;
	width: 100%;
	padding-left: 30px!important
}

@media (min-width:992px) {
	.listcheckbox-container .nf-field-element ul li label,.listradio-container .nf-field-element ul li label {
		white-space: nowrap
	}
}

.listcheckbox-container .nf-field-element ul li label span,.listradio-container .nf-field-element ul li label span {
	font-size: 11px;
	font-weight: 400;
	display: block
}

@media (min-width:992px) {
	.listcheckbox-container .nf-field-element ul li label span,.listradio-container .nf-field-element ul li label span {
		display: inline
	}
}

.listcheckbox-container .nf-field-element ul li label::before,.listradio-container .nf-field-element ul li label::before {
	content: "";
	background-color: #fff;
	position: absolute;
	top: 1px;
	left: 0;
	border: 1px solid #d4d4d4;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 16px;
	height: 16px
}

@media (min-width:992px) {
	.listcheckbox-container .nf-field-element ul li label::before,.listradio-container .nf-field-element ul li label::before {
		width: 18px;
		height: 18px;
		top: 0
	}
}

.listcheckbox-container .nf-field-element input,.listradio-container .nf-field-element input {
	position: absolute;
	top: 1px;
	left: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 16px!important;
	height: 16px!important;
	margin: 0!important
}

@media (min-width:992px) {
	.listcheckbox-container .nf-field-element input,.listradio-container .nf-field-element input {
		width: 18px!important;
		height: 18px!important;
		top: 0
	}

	.listcheckbox-container .nf-field-element input:focus+label::before,.listcheckbox-container .nf-field-element input:hover+label::before,.listradio-container .nf-field-element input:focus+label::before,.listradio-container .nf-field-element input:hover+label::before {
		background-color: #d5d5d5;
		content: "\e804";
		color: #fff
	}
}

.listcheckbox-container .nf-field-element input:checked+label::before,.listradio-container .nf-field-element input:checked+label::before {
	content: "\e804";
	background-color: #fff;
	color: #311e4f
}

@media (min-width:992px) {
	.listcheckbox-container .nf-field-element input:checked:focus+label::before,.listcheckbox-container .nf-field-element input:checked:hover+label::before,.listradio-container .nf-field-element input:checked:focus+label::before,.listradio-container .nf-field-element input:checked:hover+label::before {
		background-color: #fff;
		color: #594a74
	}
}

.listradio-container .nf-field-element ul li label::before {
	background-image: url(../img/era_radio.png);
	border-radius: 50%
}

.checkbox-container .nf-field .checkbox-wrap,body .elementor-row {
	-ms-flex-direction: column;
	flex-direction: column
}

.checkbox-container .nf-field .nf-field-label {
	padding: 0
}

.checkbox-container .nf-field .nf-field-element {
	z-index: 1;
	position: relative
}

.checkbox-container .nf-field .nf-field-element input {
	position: absolute;
	top: 0;
	left: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 16px!important;
	height: 16px
}

@media (min-width:992px) {
	.checkbox-container .nf-field .nf-field-element input {
		width: 18px!important;
		height: 18px;
		top: 1px
	}
}

.checkbox-container .nf-field-label label {
	padding-left: 30px!important;
	margin: 0 0 12px;
	font-size: 11px;
	font-weight: 400;
	display: block
}

@media (min-width:992px) {
	.checkbox-container .nf-field-label label {
		display: inline
	}
}

.checkbox-container .nf-field-label label::before {
	content: "";
	background-image: url(../img/era_checkbox.png);
	background-size: 200%;
	position: absolute;
	top: 1px;
	left: 0;
	border: 1px solid #d4d4d4;
	width: 16px;
	height: 16px
}

@media (min-width:992px) {
	.checkbox-container .nf-field-label label::before {
		width: 18px;
		height: 18px;
		top: 0
	}

	.checkbox-container .nf-field-label label:focus:before,.checkbox-container .nf-field-label label:hover:before {
		background-position: 100% 0
	}
}

.checkbox-container .nf-field-label label.nf-checked-label::before {
	background-position: 0 100%
}

@media (min-width:992px) {
	.checkbox-container .nf-field-label label.nf-checked-label:focus:before,.checkbox-container .nf-field-label label.nf-checked-label:hover:before {
		background-position: 100% 100%
	}
}

.checkbox-container .nf-error .nf-field-element::after {
	display: none!important
}

.checkbox-container .nf-error-msg {
	margin: 0;
	width: 100%
}

.checkbox-container .nf-error-msg::before {
	font-size: 19px;
	display: inline-block;
	font-family: "erasteel";
	font-style: normal;
	font-weight: 400;
	speak: none;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
	pointer-events: none;
	color: #e91718;
	content: "\e825"
}

.nf-field .submit-wrap .nf-field-element {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto 25px
}

@media (min-width:992px) {
	.nf-field .submit-wrap .nf-field-element {
		width: 290px;
		margin: 50px 0 0 auto
	}
}

.nf-field .submit-wrap .nf-field-element input[type=button],.nf-field .submit-wrap .nf-field-element input[type=submit] {
	border: 0!important;
	color: #fff;
	width: 100%;
	height: 49px;
	border-radius: 30px;
	text-align: left;
	padding: 0 75px 0 25px;
	letter-spacing: 1.8px;
	font-size: 11px;
	font-weight: 600;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	text-transform: uppercase;
	transition: all .4s linear;
	background: url(data:image/svg+xml;
	base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbHF1ZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIzIDE1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMyAxNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMC4zLDIuNCA5LjgsMi45IDE0LjMsNy4yIDE0LjIsNy4yIDE0LjIsNy4yIDAsNy4yIDAsNy44IDE0LjIsNy44IDE0LjIsNy44IDE0LjMsNy44IDkuOCwxMi4xIDEwLjMsMTIuNiAxNS42LDcuNSAiLz48L3N2Zz4=),linear-gradient(to right,#1a003b,#00b2a9);background-size: 30px,cover;
	background-repeat: no-repeat;
	background-position: center right 10px,center
}

@media (min-width:992px) {
	.nf-field .submit-wrap .nf-field-element input[type=button],.nf-field .submit-wrap .nf-field-element input[type=submit] {
		background-position: center right 25px,center
	}
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
	.nf-field .submit-wrap .nf-field-element input[type=button],.nf-field .submit-wrap .nf-field-element input[type=submit] {
		background-size: 40%,cover;
		background-position: center right 0,center
	}
}

@media all and (min-width:992px) and (-ms-high-contrast:none),(-ms-high-contrast:active) {
	.nf-field .submit-wrap .nf-field-element input[type=button],.nf-field .submit-wrap .nf-field-element input[type=submit] {
		background-position: center right -15px,center
	}
}

@media (min-width:992px) {
	.nf-field .submit-wrap .nf-field-element input[type=button]:focus,.nf-field .submit-wrap .nf-field-element input[type=button]:hover,.nf-field .submit-wrap .nf-field-element input[type=submit]:focus,.nf-field .submit-wrap .nf-field-element input[type=submit]:hover {
		background-position: center right 5px,center;
		background-size: 45px,cover;
		background-color: #ffd100;
		border-color: #ffd100
	}
}

@media all and (min-width:992px) and (-ms-high-contrast:none),(-ms-high-contrast:active) {
	.nf-field .submit-wrap .nf-field-element input[type=button]:focus,.nf-field .submit-wrap .nf-field-element input[type=button]:hover,.nf-field .submit-wrap .nf-field-element input[type=submit]:focus,.nf-field .submit-wrap .nf-field-element input[type=submit]:hover {
		background-size: 40%,cover;
		background-position: center right -30px,center
	}
}

@media (min-width:992px) {
	.nf-field .submit-wrap .nf-field-element input[type=button],.nf-field .submit-wrap .nf-field-element input[type=submit] {
		height: 59px
	}
}

nf-fields-wrap {
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

nf-fields-wrap nf-field:has(.hidden-container),nf-fields-wrap nf-field:has(.hr-container) {
	display: none
}

@media (min-width:992px) {
	nf-fields-wrap nf-field:nth-child(1),nf-fields-wrap nf-field:nth-child(2),nf-fields-wrap nf-field:nth-child(3),nf-fields-wrap nf-field:nth-child(4),nf-fields-wrap nf-field:nth-child(5),nf-fields-wrap nf-field:nth-child(6),nf-fields-wrap nf-field:nth-child(7) {
		width: calc((100% - 20px)/2)
	}

	nf-fields-wrap nf-field:nth-child(7) {
		margin: 0 0 60px
	}

	nf-fields-wrap nf-field:nth-child(10),nf-fields-wrap nf-field:nth-child(8),nf-fields-wrap nf-field:nth-child(9) {
		width: calc((100% - 20px)/2);
		margin-right: calc((100% - 20px)/2)
	}

	nf-fields-wrap nf-field:nth-child(11),nf-fields-wrap nf-field:nth-child(12),nf-fields-wrap nf-field:nth-child(13) {
		width: 100%
	}
}

nf-fields-wrap nf-field:nth-child(13) .field-wrap {
	-ms-flex-pack: end;
	justify-content: flex-end
}

body.elementor-page .elementor-inner {
	padding-bottom: 70px
}

@media (min-width:992px) {
	body.elementor-page .elementor-inner {
		padding-bottom: 80px
	}
}

body.elementor-page.page-template-template-fullwidth .elementor-inner {
	padding-bottom: 0
}

@media (min-width:992px) {
	body.elementor-page.page-template-template-fullwidth .elementor-inner {
		padding-bottom: 0
	}
}

.elementor-editor-active #homeApplications .homeApplications-carouselBbuttons,.elementor-editor-active #homeApplications .homeApplications-carouselContainer,.elementor-editor-active #homeApplications .homeApplications-text,.elementor-editor-active #homeNews .news-entry,.elementor-editor-active #homeShades .eraTile-spacer,.elementor-editor-active #homeShades .homeShades-search-desktop,.elementor-editor-active .animateFromBottom,.elementor-editor-active .animateFromLeft,.elementor-editor-active .animateFromRight,.elementor-editor-active .animateTitleLinkRight,.elementor-editor-active .homeSearch_left,.elementor-editor-active .homeSlider,.elementor-editor-active .homeSlider .alignRight .homeSearch,.elementor-editor-active .homeSlider h2,.elementor-editor-active .homeSlider p,.elementor-editor-active .homeSlider_buttons,.elementor-editor-active .homeTechnologiesAndProducts .homeProduct,.elementor-editor-active .homeTechnologiesAndProducts p,.elementor-editor-active .nextSlideContainer {
	transform: none!important;
	opacity: 1!important;
	transition-delay: 0s!important
}

div.elementor-element.elementor-widget {
	margin: 0
}

body .elementor-section.elementor-section-boxed>.elementor-container {
	max-width: 1240px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%
}

body .home-container .elementor-section.elementor-section-boxed>.elementor-container {
	max-width: none;
	padding: 0
}

body .elementor-column-gap-default>.elementor-column>.elementor-element-populated,body .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated,body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default,body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default,body .elementor-section>.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
	padding: 0
}

@media (min-width:767px) {
	body .elementor-row {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}

	body .elementor-column.elementor-element.elementor-col-33,body .elementor-column.elementor-element[data-col="33"] {
		width: 130px;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

@media (min-width:992px) {
	body .elementor-column.elementor-element.elementor-col-33,body .elementor-column.elementor-element[data-col="33"] {
		width: 190px
	}
}

@media (min-width:767px) {
	body .elementor-column.elementor-element.elementor-col-66,body .elementor-column.elementor-element[data-col="66"] {
		width: 100%;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-right: 85px
	}
}

@media (min-width:992px) {
	body .elementor-column.elementor-element.elementor-col-66,body .elementor-column.elementor-element[data-col="66"] {
		padding-right: 115px
	}
}

body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default .elementor-column,body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default .elementor-column {
	margin-bottom: 30px
}

@media (min-width:767px) {
	body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default .elementor-column,body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default .elementor-column {
		margin-top: 50px
	}

	body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default .elementor-column.elementor-element.elementor-col-50:nth-child(2),body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default .elementor-column.elementor-element[data-col="50"]:nth-child(2),body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default .elementor-column.elementor-element.elementor-col-50:nth-child(2),body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default .elementor-column.elementor-element[data-col="50"]:nth-child(2) {
		margin-left: 85px
	}
}

@media (min-width:992px) {
	body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default .elementor-column.elementor-element.elementor-col-50:nth-child(2),body .elementor-column.elementor-element.elementor-col-66 .elementor-container.elementor-column-gap-default .elementor-column.elementor-element[data-col="50"]:nth-child(2),body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default .elementor-column.elementor-element.elementor-col-50:nth-child(2),body .elementor-column.elementor-element[data-col="66"] .elementor-container.elementor-column-gap-default .elementor-column.elementor-element[data-col="50"]:nth-child(2) {
		margin-left: 115px
	}
}

body .elementor-image .widget-image-caption {
	background: #ececec;
	color: #2f2f2f;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	padding: 5px 10px;
	text-align: left
}

@media (min-width:992px) {
	body .elementor-image .widget-image-caption {
		font-size: 13px;
		padding: 7px 20px
	}
}

body .elementor-custom-embed-play .eicon-play {
	width: 35px;
	height: 35px;
	background: rgba(0,0,0,.7);
	transition: background .4s linear;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: none;
	text-shadow: none;
	opacity: 1
}

@media (min-width:992px) {
	body .elementor-custom-embed-play .eicon-play {
		width: 115px;
		height: 115px
	}
}

body .elementor-custom-embed-play .eicon-play::before {
	content: "\e823";
	color: #fff;
	font-family: "erasteel";
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	box-shadow: none;
	text-shadow: none;
	margin-left: 3px
}

@media (min-width:992px) {
	body .elementor-custom-embed-play .eicon-play::before {
		font-size: 40px;
		margin-left: 10px
	}
}

body .elementor-custom-embed-image-overlay:focus .elementor-custom-embed-play .eicon-play,body .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play .eicon-play {
	box-shadow: none;
	text-shadow: none;
	background: rgba(251,243,21,.7)
}

aside .elementor-custom-embed-play .eicon-play {
	width: 35px;
	height: 35px
}

aside .elementor-custom-embed-play .eicon-play::before {
	margin-left: 3px;
	font-size: 12px
}

.elementor-element h1.elementor-heading-title,.elementor-element h3.elementor-heading-title,.elementor-element h5.elementor-heading-title,.elementor-element h6.elementor-heading-title {
	color: #311e4f;
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	font-weight: 600
}

.elementor-element h2.elementor-heading-title,.elementor-element h4.elementor-heading-title {
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	color: #311e4f
}

.elementor-element h2.elementor-heading-title {
	padding-left: 48px;
	margin-top: 70px;
	line-height: normal
}

.elementor-element h4.elementor-heading-title {
	margin-top: 60px;
	line-height: 1.33
}

#shadePopup p strong,.elementor-element h1.elementor-heading-title strong,.elementor-element h2.elementor-heading-title strong,.elementor-element h3.elementor-heading-title strong,.elementor-element h4.elementor-heading-title strong,.elementor-element h5.elementor-heading-title strong,.elementor-element h6.elementor-heading-title strong,.eraSettlement-textContent .eraSettlement-subtitle strong,.homeTechnologiesAndProducts .homeProduct h3 strong,.shadeHardeness ul li strong,.shadeStandards ul li strong,.technologiesList .homeProduct h3 strong {
	font-weight: 600
}

.elementor-element h1.elementor-heading-title {
	margin-bottom: 45px;
	padding-top: 8px;
	line-height: 1.27
}

@media (min-width:992px) {
	.elementor-element h1.elementor-heading-title {
		padding-top: 14px
	}
}

@media (max-width:768px) {
	.elementor-element h2.elementor-heading-title {
		display: block
	}

	.elementor-element h2.elementor-heading-title sup {
		top: -.5em
	}
}

.elementor-element h3.elementor-heading-title {
	margin-bottom: 20px;
	margin-top: 70px;
	padding-top: 8px;
	line-height: normal
}

@media (min-width:992px) {
	.elementor-element h3.elementor-heading-title {
		padding-top: 14px
	}
}

.elementor-element.elementor-widget.elementor-widget-video,aside .elementor-element.secondaryLink {
	margin-bottom: 40px
}

@media (min-width:992px) {
	.elementor-element.elementor-widget.elementor-widget-video {
		margin-bottom: 60px
	}
}

.elementor-widget-heading+.elementor-widget-heading h1,.elementor-widget-heading+.elementor-widget-heading h2,.elementor-widget-heading+.elementor-widget-heading h3,.elementor-widget-heading+.elementor-widget-heading h4,.elementor-widget-heading+.elementor-widget-heading h5,.elementor-widget-heading+.elementor-widget-heading h6,.page-template-template-fullwidth .elementor-section+.elementor-section,aside .elementor-element h1.elementor-heading-title,aside .elementor-element h2.elementor-heading-title,aside .elementor-element h3.elementor-heading-title,aside .elementor-element h4.elementor-heading-title,aside .elementor-element h5.elementor-heading-title,aside .elementor-element h6.elementor-heading-title {
	margin-top: 0
}

.elementor-element.secondaryLink {
	margin-bottom: 20px
}

.elementor-section+.elementor-section {
	margin-top: 25px
}

@media (min-width:992px) {
	.elementor-section+.elementor-section {
		margin-top: 40px
	}
}

@media (min-width:992px) {
	.page-template-template-fullwidth .elementor-section+.elementor-section {
		margin-top: 0
	}
}

.dark_gray_to_green h1.era-title,body.era-page-with-intro h1.era-title span {
	background-image: linear-gradient(to right,#1e1e1e,#00b2a9);
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.dark_gray_to_green h1.era-title::before {
	background-image: linear-gradient(to right,#1e1e1e,#00b2a9)
}

.title_purple_to_green h1.era-title,.title_purple_to_green h1.era-title::before {
	background-image: linear-gradient(to right,#1a003b,#00b2a9)
}

.title_blue_to_green h1.era-title,.title_purple_to_green h1.era-title {
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.title_blue_to_green h1.era-title,.title_blue_to_green h1.era-title::before {
	background-image: linear-gradient(90deg,#0085ca,#00b2a9)
}

.title_green_to_light_green h1.era-title,body.error404 #main .era-layout h1 {
	background-image: linear-gradient(90deg,#00b2a9,#85d9cf);
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.title_green_to_light_green h1.era-title::before {
	background-image: linear-gradient(90deg,#00b2a9,#c1e3e4)
}

.pageIntro h1.era-title {
	background-clip: initial;
	-webkit-text-fill-color: inherit;
	background: 0
}

.pageIntro h1.era-title::before {
	background: #fff
}

body.error404 #main {
	background-image: url(../img/era404-mobile.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top
}

@media (min-width:992px) {
	body.error404 #main {
		background-image: url(../img/era404-desktop.jpg);
		background-size: 1160px
	}
}

@media (min-width:1200px) {
	body.error404 #main {
		background-size: 1400px
	}
}

@media (max-height:1100px) and (min-width:992px) {
	body.error404 #main {
		background-size: 1000px
	}
}

@media (max-height:1000px) and (min-width:992px) {
	body.error404 #main {
		background-size: 800px
	}
}

@media (max-height:720px) and (min-width:992px) {
	body.error404 #main {
		background-size: 600px
	}
}

body.error404 #main .era-layout,body.error404 #main .era-layout h1 span {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

body.error404 #main .era-layout {
	position: relative;
	-ms-flex: 1;
	flex: 1
}

body.error404 #main .era-layout h1 {
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 2.7px;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	text-transform: uppercase;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: 15px;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:992px) {
	body.error404 #main .era-layout h1 {
		font-size: 34px;
		letter-spacing: 6px;
		margin-bottom: 25px
	}
}

body.error404 #main .era-layout h1 span {
	width: 31px;
	height: 31px;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #ffd100;
	border-radius: 50%;
	font-size: 13px;
	margin-right: 15px;
	text-align: center
}

@media (min-width:992px) {
	body.error404 #main .era-layout h1 span {
		width: 36px;
		height: 36px;
		font-size: 16px;
		margin-right: 25px
	}
}

body.error404 #main .era-layout h1 span::before {
	display: block;
	width: 13px;
	height: 13px
}

@media (min-width:992px) {
	body.error404 #main .era-layout h1 span::before {
		width: 16px;
		height: 16px
	}
}

body.error404 #main .era-layout p {
	font-size: 12px;
	line-height: 1.67;
	text-align: center;
	color: #1a003b;
	margin: 0;
	max-width: 100%
}

@media (min-width:992px) {
	body.error404 #main .era-layout p {
		font-size: 20px;
		line-height: 1.5
	}

	body.error404 .eraBreadcrumbs {
		display: none
	}
}

#era404-push {
	height: 0;
	padding-bottom: 77%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -ms-flexbox;
	display: flex
}

@media (min-width:992px) {
	#era404-push {
		padding-bottom: 586px
	}
}

@media (min-width:1200px) {
	#era404-push {
		padding-bottom: 706px
	}
}

@media (max-height:1100px) and (min-width:992px) {
	#era404-push {
		padding-bottom: 544px
	}
}

@media (max-height:1000px) and (min-width:992px) {
	#era404-push {
		padding-bottom: 434px
	}
}

@media (max-height:720px) and (min-width:992px) {
	#era404-push {
		padding-bottom: 324px
	}
}

#era404-content {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 25px 0 60px
}

@media (min-width:992px) {
	#era404-content {
		padding: 60px 0 100px
	}
}

@media (min-width:1200px) {
	#era404-content {
		padding: 120px 0
	}
}

@media (max-height:900px) and (min-width:992px) {
	#era404-content {
		padding: 60px 0
	}
}

@media (max-height:780px) and (min-width:992px) {
	#era404-content {
		padding: 30px 0 80px
	}
}

.era404-homeButton {
	display: none;
	position: absolute;
	top: 50px;
	left: 0
}

@media (min-width:992px) {
	.era404-homeButton {
		display: -ms-flexbox;
		display: flex
	}
}

.intro-block {
	padding: 55px 58px 25px 18px;
	border-width: 2px;
	border-style: solid;
	border-image-source: linear-gradient(90deg,#1e1e1e 0%,#00b2a9 100%);
	border-image-slice: 1;
	margin-top: -32px;
	margin-bottom: 2rem;
	z-index: -1
}

body.era-page-with-intro .intro-block {
	margin-top: -1.5rem
}

body.era-page-with-intro h1.era-title {
	background-clip: initial;
	-webkit-text-fill-color: inherit;
	background: 0;
	background: #fff;
	margin-bottom: 0;
	padding: 0 1.5rem 0 .5rem;
	margin-left: 2px;
	margin-top: 1.5125rem
}

@media (min-width:992px) {
	body.era-page-with-intro h1.era-title {
		max-width: 73%;
		display: inline-block
	}
}

body.era-page-with-intro h1.era-title:before {
	content: none
}

.homeSliderContainer {
	margin-bottom: 25px;
	border-bottom: 49px solid #fff;
	overflow: hidden
}

@media (min-width:992px) {
	.homeSliderContainer {
		margin-bottom: 0;
		border: 0
	}
}

@media (max-width:991px) {
	.homeSliderContainer .slick-dots {
		bottom: 20px
	}
}

.homeSliderContainer,.homeSliderContainer .homeSlide {
	height: 100vh;
	position: relative;
	background: #311e4f
}

@media (min-width:992px) {
	.homeSliderContainer,.homeSliderContainer .homeSlide {
		height: 100vh
	}
}

.homeSliderContainer .homeSlide {
	margin-bottom: -49px
}

@media (min-width:992px) {
	.homeSliderContainer .homeSlide {
		margin-bottom: 0
	}
}

.homeSlide>.era-layout {
	position: relative;
	z-index: 1
}

@media (min-width:992px) {
	.homeSlide>.era-layout {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}
}

.homeSlide-background,.nextSlide-background {
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-size: cover
}

.nextSlide-background {
	background-size: 0
}

.homeSlider_buttonsInner {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -ms-flexbox;
	display: flex;
	pointer-events: none
}

@media (min-width:992px) {
	.homeSlider_buttonsInner {
		padding-left: 410px
	}
}

@media (min-height:830px) {
	.homeSlider_buttonsInner {
		padding-left: 0
	}
}

.homeSlider_buttons {
	display: none;
	position: absolute;
	bottom: 70px;
	left: 0;
	width: 100%;
	pointer-events: none
}

@media (min-height:600px) {
	.homeSlider_buttons {
		bottom: 80px
	}
}

@media (min-height:630px) {
	.homeSlider_buttons {
		bottom: 90px
	}
}

@media (min-height:830px) {
	.homeSlider_buttons {
		bottom: 200px
	}
}

@media (min-width:1200px) and (min-height:951px) {
	.homeSlider_buttons {
		bottom: 215px
	}
}

.homeSlider_buttons button {
	border: 0;
	outline: 0;
	background: rgba(0,0,0,.3);
	height: 63px;
	width: 63px;
	color: #fff;
	transition: all .4s linear;
	pointer-events: all
}

.slick-dots {
	position: absolute;
	bottom: 26px;
	left: 0;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 0
}

.slick-dots li {
	display: inline-block;
	margin-right: 15px
}

.slick-dots li:last-of-type {
	margin-right: 0
}

.slick-dots li button {
	font-size: .00001px;
	color: transparent;
	height: 8px;
	background: #ececec;
	width: 30px;
	transition: all .4s linear;
	border: 0;
	outline: 0;
	opacity: 1;
	border-radius: 6px;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25)
}

.slick-dots li.slick-active {
	pointer-events: none
}

.slick-dots li.slick-active button {
	opacity: 1;
	background: #ffd100
}

.homeSlide_content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: 100%
}

@media (min-width:992px) {
	.homeSlide_content {
		transform: translate3d(0,0,0);
		transition: all .4s linear;
		-ms-flex-align: start;
		align-items: flex-start;
		padding: 45px 52% 45px 0;
		height: auto;
		width: 100%
	}
}

@media (min-width:1200px) and (min-height:951px) {
	.homeSlide_content {
		padding-right: 600px
	}
}

@media (min-width:992px) {
	.homeSlide_content::before {
		content: '';
		position: absolute;
		top: 0;
		height: 100%;
		left: -100vw;
		right: calc(50% - 90px);
		background: rgba(0,0,0,.35);
		z-index: -1;
		pointer-events: none;
		border-radius: 0 250px 250px 0
	}
}

.homeSlide_content h2,.homeSlide_content p {
	color: #fff;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.42;
	letter-spacing: normal;
	width: 100%
}

@media (min-width:992px) {
	.homeSlide_content h2 {
		font-size: 32px;
		line-height: normal;
		width: 600px;
		max-width: 100%
	}
}

@media (min-width:1200px) and (min-height:951px) {
	.homeSlide_content h2 {
		font-size: 48px
	}
}

.homeSlide_content p {
	font-size: 13px;
	line-height: 1.77
}

@media (min-width:992px) {
	.homeSlide_content p {
		font-size: 14px;
		line-height: 2;
		width: 600px;
		padding-left: 100px;
		max-width: 100%
	}
}

@media (min-width:1200px) and (min-height:951px) {
	.homeSlide_content p {
		padding-left: 200px
	}
}

@media (min-width:992px) {
	.homeSlide_content .alignRight {
		width: 600px;
		max-width: 100%
	}
}

@media (max-width:991px) {
	.homeSlide_content .arrow-link {
		font-size: 15px
	}
}

.nextSlideContainer {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	pointer-events: none;
	width: 35%
}

@media (max-width:991px) {
	.nextSlideContainer {
		visibility: hidden;
		pointer-events: none
	}
}

.nextSlideContainer * {
	pointer-events: all
}

.nextSlideContainer .eraArrow {
	margin-left: 15px
}

.nextSlideContainer .eraArrow svg {
	width: 60px;
	height: auto
}

.nextSlide {
	width: 100%;
	background: 0 0;
	border: 0;
	padding: 0;
	outline: 0;
	background-size: cover;
	background-position: center center;
	position: absolute;
	bottom: 65px;
	transform: translate3d(0,100vh,0);
	min-height: 195px
}

.nextSlide::before {
	position: absolute;
	right: 0;
	left: -80px;
	border-radius: 200px 0 0 200px;
	content: '';
	top: 0;
	bottom: 0;
	background: rgba(255,255,255,.85);
	z-index: -1;
	pointer-events: none;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,.25)
}

@media (min-width:992px) {
	.exitUp .homeSlide_content {
		transition: all .4s linear;
		transform: translate3d(-100vw,0,0)
	}

	.arriveUp:not(.exitUp) .homeSlide_content {
		transition: all .4s linear;
		transform: translate3d(0,0,0)
	}
}

.exitUp .nextSlide {
	transition: all .4s linear;
	transform: translate3d(100vw,0,0)
}

.arriveUp:not(.exitUp) .nextSlide {
	transition: all .4s linear;
	transform: translate3d(0,0,0)
}

.resetPosition .nextSlide {
	transition: none!important;
	transform: translate3d(100vw,0,0)!important
}

.nextSlide-left {
	height: 100%;
	display: -ms-flexbox;
	z-index: 2;
	position: relative;
	padding: 20px;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:1301px) {
	.nextSlide-left {
		padding: 20px 35% 20px 20px
	}
}

.nextSlide-text {
	color: #1a003b;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.36;
	letter-spacing: normal;
	text-align: left;
	text-transform: uppercase
}

@media (min-width:992px) {
	.nextSlide:focus .eraArrow svg,.nextSlide:hover .eraArrow svg {
		transform: scale(1.4)
	}
}

.homeSlider-contact {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
	display: none
}

@media (min-width:992px) {
	.homeSlider-contact {
		display: block
	}
}

.homeSlider-contact .era-layout {
	pointer-events: none
}

.homeSlider-contact .era-layout * {
	pointer-events: all
}

.homeSlider-contact .buttonWithIcon {
	width: 300px
}

.elementor-editor-active .elementor-widget-era-fullwidth-carousel {
	overflow: hidden
}

.homeShades-search-desktop button,.homeShades-search-mobile button,.homeTechnologiesAndProducts .titleWithButton .secondaryLink {
	display: none
}

@media (min-width:992px) {
	.homeTechnologiesAndProducts .titleWithButton .secondaryLink {
		display: inline-block
	}
}

.homeTechnologiesAndProducts p {
	width: 100%;
	margin-bottom: 30px
}

.homeTechnologiesAndProducts p:last-child {
	margin-bottom: 30px
}

.homeTechnologiesAndProducts .era-layout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.homeTechnologiesAndProducts .homeTechnologiesAndProducts-products .era-layout {
		-ms-flex-direction: row;
		flex-direction: row;
		gap: 20px
	}
}

.homeTechnologiesAndProducts .homeProduct {
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 20px;
	border-radius: 15px 0 15px 0
}

@media (min-width:992px) {
	.homeTechnologiesAndProducts .homeProduct {
		width: calc((100% - 40px)/3)
	}
}

.homeTechnologiesAndProducts .homeProduct:nth-child(1) {
	background-image: linear-gradient(90deg,#514689,#00b2a9)
}

.homeTechnologiesAndProducts .homeProduct:nth-child(2) {
	background-image: linear-gradient(90deg,#0085ca,#00b2a9)
}

.homeTechnologiesAndProducts .homeProduct:nth-child(2) path {
	fill: url(#gradientBlueToGreen)
}

.homeTechnologiesAndProducts .homeProduct:nth-child(3) {
	background-image: linear-gradient(90deg,#00b2a9,#c1e3e4)
}

.homeTechnologiesAndProducts .homeProduct:nth-child(3) path {
	fill: url(#gradientGreenToGreen)
}

.homeTechnologiesAndProducts .homeProduct h3 {
	text-align: left!important
}

.homeTechnologiesAndProducts .homeProduct,.technologiesList .homeProduct {
	max-width: 100%;
	margin: 0 auto 30px;
	position: relative
}

@media (min-width:992px) {
	.homeTechnologiesAndProducts .homeProduct,.technologiesList .homeProduct {
		margin: 0 0 30px;
		text-align: left
	}
}

@media (max-width:991px) {
	.homeTechnologiesAndProducts .homeProduct,.technologiesList .homeProduct {
		max-width: 300px
	}
}

.homeTechnologiesAndProducts .homeProduct img,.technologiesList .homeProduct img {
	width: auto;
	height: 90px;
	display: inline-block;
	margin-bottom: 10px
}

@media (min-width:992px) {
	.homeTechnologiesAndProducts .homeProduct img,.technologiesList .homeProduct img {
		width: 100%;
		height: auto;
		margin-bottom: 20px
	}
}

@media (max-width:991px) {
	.homeTechnologiesAndProducts .homeProduct img,.technologiesList .homeProduct img {
		height: auto
	}
}

.homeTechnologiesAndProducts .homeProduct h3,.technologiesList .homeProduct h3 {
	font-size: 20px;
	line-height: normal;
	margin-bottom: 45px;
	color: #fff;
	font-weight: 400
}

@media (min-width:992px) {
	.homeTechnologiesAndProducts .homeProduct h3,.technologiesList .homeProduct h3 {
		margin-bottom: 55px;
		font-size: 32px
	}
}

.homeTechnologiesAndProducts .homeProduct:focus,.homeTechnologiesAndProducts .homeProduct:hover,.technologiesList .homeProduct:focus,.technologiesList .homeProduct:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.homeTechnologiesAndProducts .homeProduct:focus svg,.homeTechnologiesAndProducts .homeProduct:hover svg,.technologiesList .homeProduct:focus svg,.technologiesList .homeProduct:hover svg {
		transform: scale(1.3)
	}

	.homeTechnologiesAndProducts .homeProduct:focus line,.homeTechnologiesAndProducts .homeProduct:focus polyline,.homeTechnologiesAndProducts .homeProduct:hover line,.homeTechnologiesAndProducts .homeProduct:hover polyline,.technologiesList .homeProduct:focus line,.technologiesList .homeProduct:focus polyline,.technologiesList .homeProduct:hover line,.technologiesList .homeProduct:hover polyline {
		stroke-width: .8px
	}
}

.homeTechnologiesAndProducts .homeProduct .eraArrow,.technologiesList .homeProduct .eraArrow {
	position: absolute;
	bottom: 20px;
	right: 0;
	background: #fff;
	border-radius: 20px 0 0 20px;
	width: 100px;
	height: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (min-width:992px) {
	.homeTechnologiesAndProducts .homeProduct .eraArrow,.technologiesList .homeProduct .eraArrow {
		height: 38px;
		bottom: 25px
	}
}

.technologiesList .homeProduct .eraArrow svg {
	transform-origin: center;
	margin: 0
}

.homeTechnologiesAndProducts .homeProduct .eraArrow svg {
	transform-origin: center;
	left: 0;
	margin: 0
}

.technologies-logos {
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	position: absolute;
	left: 20px;
	bottom: 25px
}

.technologies-logos img {
	max-width: 120px!important;
	max-height: 40px!important;
	width: auto!important;
	height: auto!important;
	-o-object-fit: contain;
	object-fit: contain;
	margin: 0!important
}

.homeSearch {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 1;
	position: relative
}

@media (min-width:992px) {
	.homeSearch {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

.homeSearch p {
	width: 100%;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	margin-bottom: 65px
}

@media (min-width:992px) {
	.homeSearch p {
		margin-top: 75px
	}

	.homeSearch+.homeBasicContent {
		margin-top: -50px
	}
}

.homeSearch input[type=search]::-webkit-input-placeholder {
	color: #a7a7a7;
	font-weight: 500
}

.homeSearch input[type=search]::-moz-placeholder {
	color: #a7a7a7;
	font-weight: 500
}

.homeSearch input[type=search]:-ms-input-placeholder {
	color: #a7a7a7;
	font-weight: 500
}

.homeSearch input[type=search]:-moz-placeholder {
	color: #a7a7a7;
	font-weight: 500
}

@media (min-width:992px) {
	.page-template-template-fullwidth .homeBasicContent {
		margin-top: -50px
	}
}

.homeSearch_left {
	width: 100%;
	background: #ececec;
	padding: 25px 15px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (min-width:992px) {
	.homeSearch_left {
		width: 394px;
		padding: 50px 40px;
		margin-right: 115px;
		margin-top: -190px;
		margin-bottom: auto
	}
}

.homeSearch_left,.homeSearch_left .search-wrap {
	margin-bottom: 35px
}

.homeSearch_left .buttonWithIcon {
	width: 100%;
	margin-bottom: 50px;
	display: none
}

@media (min-width:992px) {
	.homeSearch_left .buttonWithIcon {
		display: inline-block
	}
}

#homeShades,.homeSearch_left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:991px) {
	#homeShades .eraTile-spacer {
		margin-right: 10px;
		height: 175px
	}
}

@media (min-width:992px) {
	#homeShades .eraTile-spacer {
		width: 16.6666667%;
		padding: 7.5px;
		display: -ms-flexbox;
		display: flex;
		margin-right: 0
	}
}

#homeShades .eraTile-spacer:last-child,.eraTilesContainer.eraTilesContainer-sliding .eraTile:last-child,.homeApplications-carousel .slick-slide:last-child {
	margin-right: 0
}

#homeShades .eraTile {
	border-radius: 12px 0 0 0
}

@media (max-width:991px) {
	#homeShades .eraTile {
		height: 175px;
		padding: 15px;
		border-radius: 9px 0 0 0
	}
}

@media (min-width:992px) {
	#homeShades .eraTile {
		width: 100%
	}
}

#homeShades .homeTilesContainer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	overflow: -moz-scrollbars-none;
	overflow-x: scroll;
	-ms-overflow-style: none;
	margin-right: -15px;
	margin-left: -15px;
	padding-left: 15px
}

#homeShades .homeTilesContainer::-webkit-scrollbar {
	display: none
}

@media (min-width:992px) {
	#homeShades .homeTilesContainer {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 0;
		margin-left: 0;
		padding-left: 0
	}
}

#homeShades .homeTilesContainer::after {
	content: "";
	-ms-flex: 0 0 15px;
	flex: 0 0 15px
}

@media (min-width:992px) {
	#homeShades .homeTilesContainer::after {
		display: none
	}

	#homeShades .homeTilesContainer-spacer {
		margin: -7.5px
	}
}

#homeShades .eraTile-shadeExerpt {
	min-height: 51px
}

@media (max-width:991px) {
	#homeShades .eraTile-shadeExerpt {
		font-size: 9px;
		min-height: inherit
	}
}

@-moz-document url-prefix() {
	#homeShades .homeTilesContainer-spacer {
		margin-bottom: 2rem!important;
		overflow: hidden;
		margin: 0 -15px;
		padding: 0 15px
	}@	media (min-width:992px) {
		#homeShades .homeTilesContainer-spacer{margin-bottom: 4rem!important;
		overflow: visible
	}
}

@media (min-width:992px) {
	#homeShades .homeTilesContainer {
		overflow: hidden!important;
		margin-bottom: 0!important
	}
}

.eraTile-scrollContainer {
	margin-bottom: 17px!important
}

#homeShades .homeTilesContainer,.eraTilesContainer-sliding,.news-container-sliding {
	margin-bottom: -17px!important
}}[class^=homeShades-search-] {
	width: 100%;
	background: #fff;
	padding: 20px;
	margin-bottom: 35px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -ms-flexbox;
	display: flex
}

.homeShades-search-desktop,.homeShades-search-mobile {
	border-radius: 12px 0 0 0
}

.homeShades-search-desktop .search-wrap,.homeShades-search-mobile .search-wrap {
	background: #fff;
	border-radius: 40px;
	border: 0;
	height: 64px
}

.homeShades-search-desktop input[type=search],.homeShades-search-mobile input[type=search] {
	height: 100%;
	padding: 0 20px
}

.homeShades-search-desktop input[type=search]:-ms-input-placeholder,.homeShades-search-mobile input[type=search]:-ms-input-placeholder {
	color: #311e4f!important;
	font-weight: 300!important
}

.homeShades-search-desktop input[type=search]::placeholder,.homeShades-search-mobile input[type=search]::placeholder {
	color: #311e4f!important;
	font-weight: 300!important
}

.homeShades-search-desktop input[type=search]::-webkit-input-placeholder,.homeShades-search-mobile input[type=search]::-webkit-input-placeholder {
	color: #311e4f!important;
	font-weight: 300!important
}

.homeShades-search-desktop input[type=search]:-moz-placeholder,.homeShades-search-desktop input[type=search]::-moz-placeholder,.homeShades-search-mobile input[type=search]:-moz-placeholder,.homeShades-search-mobile input[type=search]::-moz-placeholder {
	color: #311e4f!important;
	font-weight: 300!important
}

.homeShades-search-desktop input[type=submit],.homeShades-search-mobile input[type=submit] {
	margin-right: 15px
}

.homeShades-search-mobile {
	margin-bottom: 50px;
	background-image: url(../img/grades-search-bg.png);
	background-position: center;
	background-size: cover
}

@media (min-width:992px) {
	.homeShades-search-mobile {
		display: none
	}
}

.homeShades-search-mobile input[type=submit] {
	display: block!important
}

@media (min-width:992px) {
	.homeShades-searchSpacer {
		width: 50%;
		padding: 7.5px
	}
}

.homeShades-search-desktop {
	display: none;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	background-image: url(../img/grades-search-bg.png);
	background-position: center;
	background-size: cover
}

@media (min-width:992px) {
	.homeShades-search-desktop {
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 40px
	}
}

.homeShades-search-desktop form {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%
}

.homeShades-search-desktop input[type=search]::-webkit-input-placeholder {
}

.homeShades-search-desktop input[type=search]::-moz-placeholder {
}

.homeShades-search-desktop input[type=search]:-ms-input-placeholder {
}

.homeShades-search-desktop input[type=search]:-moz-placeholder {
}

.search-label {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 30px
}

@media (min-width:992px) {
	.search-label {
		margin-bottom: 40px;
		font-size: 25px
	}
}

@media (max-width:991px) {
	.featuredProductsLogos {
		margin-bottom: 5px
	}
}

.homeApplications-text {
	margin: 0 -15px;
	padding: 25px 15px
}

.homeApplications-text p {
	margin: 0;
	font-size: 14px;
	line-height: 1.71;
	font-weight: 500;
	color: #2f2f2f
}

@media (min-width:992px) {
	.homeApplications-text p {
		font-size: 16px;
		line-height: 1.63
	}
}

.homeApplications-carousel {
	margin-bottom: 25px;
	margin-right: -15px;
	margin-left: -15px;
	padding-left: 15px
}

@media (min-width:992px) {
	.homeApplications-carousel {
		margin: 0 -7px 25px;
		padding: 0
	}
}

.homeApplications-carousel.slick-slider {
	overflow: hidden
}

@media (min-width:992px) {
	.homeApplications-carousel.slick-slider {
		overflow: visible
	}
}

.homeApplications-carousel .slick-list {
	overflow: visible;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media (min-width:992px) {
	.homeApplications-carousel .slick-list {
		overflow: hidden
	}

	.homeApplications-carousel .slick-track {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: start;
		justify-content: flex-start;
		min-width: 100%
	}
}

.homeApplications-carousel .slick-slide {
	margin-right: 15px
}

@media (min-width:992px) {
	.homeApplications-carousel .slick-slide {
		width: 33.333334%!important;
		margin: 0 7.5px
	}
}

@media (min-width:992px) {
	.homeApplications-carousel .slick-slide:last-child {
		margin-right: 7.5px
	}

	.homeApplications-carouselContainer {
		-ms-flex-negative: 1;
		flex-shrink: 1;
		width: 100%;
		margin: 0;
		overflow: hidden
	}
}

#homeApplications .homeApplications-carouselTile p {
	color: #311e4f;
	position: relative;
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	transition: all .4s linear;
	background: rgba(0,0,0,.65);
	border-radius: 0 200px 200px 0;
	min-height: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 15px;
	left: -15px
}

@media (min-width:992px) {
	#homeApplications .homeApplications-carouselTile p {
		position: absolute;
		min-height: 140px;
		font-size: 24px;
		font-weight: 500;
		width: calc(100% - 45px);
		padding: 35px 45px 35px 25px;
		bottom: 60px;
		left: 0
	}
}

#homeApplications .homeApplications-carouselTile.carouselTileWithImage .eraArrow svg * {
	stroke: #fff
}

#homeApplications .carouselTile-inner {
	width: 240px;
	height: 270px;
	-ms-flex-align: end;
	align-items: flex-end
}

@media (min-width:992px) {
	#homeApplications .carouselTile-inner {
		width: 100%;
		height: 390px
	}
}

#homeApplications .carouselTile-inner .eraArrow svg * {
	stroke: #311e4f
}

@media (min-width:992px) {
	#homeApplications .carouselTile-inner:focus,#homeApplications .carouselTile-inner:hover {
		background: #311e4f
	}

	#homeApplications .carouselTile-inner:focus .carouselTile-background,#homeApplications .carouselTile-inner:hover .carouselTile-background {
		opacity: .5
	}

	#homeApplications .carouselTile-inner:focus .carouselTile-background::before,#homeApplications .carouselTile-inner:hover .carouselTile-background::before {
		opacity: 1
	}

	#homeApplications .carouselTile-inner:focus .entryDocumentIcon span::before,#homeApplications .carouselTile-inner:hover .entryDocumentIcon span::before {
		content: "\E813"
	}
}

#homeApplications .carouselTile-inner:focus,#homeApplications .carouselTile-inner:hover,.eraBreadcrumbs .icon-home:focus,.eraBreadcrumbs .icon-home:hover,.eraBreadcrumbs.yoast>span>span>a:focus,.eraBreadcrumbs.yoast>span>span>a:hover {
	text-decoration: none
}

.carouselTile-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	border-radius: 12px 0 12px 0
}

.carouselTile-background::before {
	background-image: linear-gradient(to bottom,transparent,#000);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	transition: all .4s linear
}

.carouselTileBottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%
}

@media (min-width:992px) {
	.carouselTileBottom {
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

.homeApplications-carouselBbuttons {
	margin-bottom: 20px
}

.homeApplications-carouselBbuttons .era-layout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0
}

#carouselNext,#carouselPrev {
	border: 0;
	outline: 0;
	background: 0 0;
	padding: 0;
	opacity: 1;
	transition: opacity .4s linear
}

@media (min-width:992px) {
	#carouselNext:hover .expandingArrow,#carouselPrev:hover .expandingArrow {
		width: 55px
	}
}

#carouselNext.slick-disabled,#carouselPrev.slick-disabled {
	opacity: 0;
	pointer-events: none
}

.applications-outro {
	margin: 0 0 30px
}

#homeNews .titleWithButton {
	margin-bottom: 25px
}

@media (min-width:992px) {
	#homeNews .titleWithButton {
		margin-bottom: 60px
	}
}

#homeNews .news-container {
	margin: 0 0 70px;
	gap: 35px
}

@media (min-width:992px) {
	#homeNews .news-container {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		gap: 20px
	}
}

#homeNews .news-spacer {
	position: relative;
	padding: 0
}

@media (min-width:992px) {
	#homeNews .news-spacer {
		margin-bottom: 0;
		min-height: 100%;
		width: 30%
	}
}

#homeNews .news-spacer:last-child {
	margin-bottom: 0
}

@media (min-width:992px) {
	#homeNews .news-spacer:first-child {
		width: 52%
	}
}

.eraBreadcrumbs {
	margin: 10px 0
}

.eraBreadcrumbs .breadcrumbItem {
	color: #6c6c6c;
	font-size: 9px;
	font-weight: 500;
	margin-right: 8px
}

.eraBreadcrumbs .breadcrumbItem [class^=icon-]::before {
	margin-right: 6px
}

@media (min-width:992px) {
	.eraBreadcrumbs a:focus,.eraBreadcrumbs a:hover {
		text-decoration: underline;
		color: #6c6c6c
	}
}

.eraBreadcrumbs .breadcrumbCurrent {
	margin-right: 0;
	display: none
}

@media (min-width:992px) {
	.eraBreadcrumbs .breadcrumbCurrent {
		display: inline
	}
}

.eraBreadcrumbs .icon-home {
	font-size: 18px
}

.eraBreadcrumbs .icon-home,.eraBreadcrumbs.yoast>span>span>a {
	margin-right: 5px;
	color: #6c6c6c
}

@media (min-width:992px) {
	.eraBreadcrumbs .icon-chevron-left::before {
		content: "\e815"
	}
}

.eraBreadcrumbs.breadcrumbsWhite .breadcrumbItem,.eraBreadcrumbs.breadcrumbsWhite .eraBreadcrumbs.yoast>span>span>a,.eraBreadcrumbs.breadcrumbsWhite .icon-home,.eraBreadcrumbs.breadcrumbsWhite a:focus,.eraBreadcrumbs.breadcrumbsWhite a:hover {
	color: #fff
}

.eraBreadcrumbs.yoast {
	color: #6c6c6c;
	font-size: 9px;
	font-weight: 500;
	margin-right: 8px
}

.eraBreadcrumbs.yoast a {
	position: relative;
	padding-right: 13px;
	color: #6c6c6c
}

.eraBreadcrumbs.yoast a:hover {
	color: #6c6c6c;
	text-decoration: none
}

.eraBreadcrumbs.yoast a::after {
	margin: 0 6px;
	content: "\e815";
	font-size: 9px;
	font-family: 'erasteel';
	position: absolute;
	bottom: -1px
}

.eraBreadcrumbs.yoast>span>span>a {
	font-size: 0
}

.eraBreadcrumbs.yoast>span>span>a:before {
	font-size: 18px
}

.eraBreadcrumbs.yoast.breadcrumbsWhite a,.eraBreadcrumbs.yoast.breadcrumbsWhite a:hover,.eraBreadcrumbs.yoast.breadcrumbsWhite span {
	color: #fff
}

.eraBreadcrumbs+.era-title {
	margin-top: 20px
}

@media (min-width:992px) {
	.eraBreadcrumbs+.era-title {
		margin-top: 40px
	}
}

.contentExpander {
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 30px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media (min-width:992px) {
	.contentExpander {
		margin: 0 0 50px
	}
}

.contentExpander.contentExpander-expanded .contentExpanderContent {
	display: -ms-flexbox!important;
	display: flex!important
}

.contentExpander.contentExpander-expanded .contentExpanderToggler::after {
	content: "\e808"
}

@media (max-width:991px) {
	.contentExpander.contentExpander-mobileClosedAtFirst .contentExpanderContent {
		display: none!important
	}

	.contentExpander.contentExpander-mobileClosedAtFirst .contentExpanderToggler::after {
		content: "\e807"!important
	}
}

.contentExpanderContent {
	display: none;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: stretch;
	align-items: stretch
}

.contentExpanderToggler {
	border: 0;
	outline: 0;
	background: 0 0;
	height: 40px;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 2px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 10px;
	position: relative;
	margin: 0 -15px
}

@media (min-width:992px) {
	.contentExpanderToggler {
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 35px 0 15px;
		font-size: 14px;
		margin: 0
	}
}

.contentExpanderToggler::after {
	content: "\e807";
	font-family: "erasteel";
	font-style: normal;
	font-weight: 400;
	speak: none;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 13px;
	display: block
}

@media (max-width:991px) {
	.contentExpanderToggler::after {
		position: absolute;
		right: 15px;
		top: 13px
	}
}

#comparisonGlobalToggler {
	border: 0;
	outline: 0;
	background: 0 0;
	padding: 0;
	font-size: 14px;
	color: #838383;
	font-weight: 500;
	margin-bottom: 20px;
	display: none
}

@media (min-width:992px) {
	#comparisonGlobalToggler {
		display: inline-block
	}
}

#comparisonGlobalToggler:hover {
	text-decoration: underline
}

#comparisonGlobalToggler.closeMode .togglerClose {
	display: inline
}

#comparisonGlobalToggler.closeMode .togglerOpen,#comparisonGlobalToggler.openMode .togglerClose {
	display: none
}

#comparisonGlobalToggler.openMode .togglerOpen,.shadeList-tagsList li {
	display: inline
}

body.single-post #main {
	padding-top: 55px;
	padding-bottom: 75px
}

body.single-post .entry-content figure img {
	width: 100%;
	height: auto
}

.pnIntroBlock {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 55px;
	min-height: 1px
}

@media (min-width:992px) {
	.pnIntroBlock {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}

.pnIntroBlock-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-pack: start;
	justify-content: start;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 1;
	position: relative;
	padding-left: 15px
}

@media (min-width:992px) {
	.pnIntroBlock-left {
		width: 45%
	}
}

.pnIntroBlock-right {
	z-index: 1;
	position: relative;
	margin-top: 2rem;
	-ms-flex-item-align: end;
	align-self: flex-end;
	display: -ms-flexbox;
	display: flex;
	min-height: 1px;
	width: 100%
}

@media (min-width:992px) {
	.pnIntroBlock-right {
		margin-top: 0;
		z-index: 0
	}
}

.pnIntroBlock-right img {
	max-width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-item-align: center;
	align-self: center;
	height: auto
}

.pnIntroBlock-date {
	margin-bottom: 10px
}

@media (min-width:992px) {
	.pnIntroBlock-date {
		margin-bottom: 15px
	}
}

.pnIntroBlock-date time {
	font-size: 14px;
	line-height: normal;
	color: #838383;
	font-weight: 600
}

@media (min-width:992px) {
	.pnIntroBlock-date time {
		font-size: 16px
	}
}

.pnIntroBlock-category {
	margin-bottom: 0;
	position: relative
}

.pnIntroBlock-category a {
	text-transform: uppercase;
	font-size: 16px;
	line-height: normal;
	font-weight: 700;
	color: #311e4f;
	padding-left: 30px
}

@media (min-width:992px) {
	.pnIntroBlock-category a {
		font-size: 18px
	}
}

.pnIntroBlock-category::before {
	content: "";
	display: block;
	width: 27px;
	height: 2px;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	position: absolute;
	bottom: 7px;
	left: 0
}

.pnIntroBlock-socials {
	margin-bottom: 30px
}

@media (min-width:992px) {
	.pnIntroBlock-socials {
		margin-bottom: 0
	}
}

.pnIntroBlock-socials a {
	margin-right: 40px;
	position: relative
}

.pnIntroBlock-socials a:last-of-type {
	margin-right: 0
}

.pnIntroBlock-socials a::before {
	color: #311e4f;
	font-size: 24px
}

.pnIntroBlock-socials a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: #7640b4;
	z-index: -1;
	transition: width .4s ease
}

.pnIntroBlock-socials a:focus,.pnIntroBlock-socials a:hover {
	text-decoration: none
}

.pnIntroBlock-socials a:focus:before,.pnIntroBlock-socials a:hover:before {
	color: #311e4f
}

.pageIntro-content p a:focus:before,.pageIntro-content p a:hover:before,.pnIntroBlock-socials a:focus:after,.pnIntroBlock-socials a:hover:after {
	width: 100%
}

.pnIntroBlock-text {
	padding: 35px 15px 5px 0;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 25px;
	position: relative
}

@media (min-width:992px) {
	.pnIntroBlock-text {
		margin-right: 1rem;
		margin-left: auto
	}

	.pnIntroBlock-text:after {
		content: '';
		width: 174px;
		height: 4px;
		background-image: linear-gradient(to right,#1a003b,#00b2a9);
		position: absolute;
		bottom: 0;
		left: 0
	}
}

.pnIntroBlock-text h1 {
	color: #1a003b;
	font-size: 22px;
	line-height: 1.41;
	font-weight: 700
}

@media (min-width:992px) {
	.pnIntroBlock-text h1 {
		font-size: 25px;
		line-height: 1.38
	}
}

@media (min-width:1200px) {
	.pnIntroBlock-text h1 {
		font-size: 29px
	}
}

.pnIntroBlock-square {
	width: 66px;
	height: 66px;
	float: right;
	margin-top: -66px;
	position: relative;
	z-index: 2;
	background: #ffd100;
	margin-right: -15px
}

@media (min-width:992px) {
	.pnIntroBlock-square {
		margin-right: -88px;
		margin-top: -44px;
		width: 88px;
		height: 88px
	}
}

@media (min-width:767px) {
	.eraTile-scrollWrapper {
		display: inline-block
	}
}

.eraTile-scrollContainer {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px
}

@media (min-width:767px) {
	.eraTile-scrollContainer {
		display: inline-block;
		margin-left: 0;
		margin-right: 0
	}
}

.eraTile-scrollContainer [class^=align] {
	padding-right: 15px;
	padding-left: 15px
}

@media (min-width:767px) {
	.eraTile-scrollContainer [class^=align] {
		padding-left: 0;
		padding-right: 0
	}
}

.eraTilesContainer {
	margin-bottom: 20px;
	padding-left: 15px
}

.eraTilesContainer.eraTilesContainer-sliding {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	overflow: -moz-scrollbars-none;
	overflow-x: scroll;
	-ms-overflow-style: none
}

.eraTilesContainer.eraTilesContainer-sliding::after {
	content: "";
	-ms-flex: 0 0 15px;
	flex: 0 0 15px
}

@media (min-width:992px) {
	.eraTilesContainer.eraTilesContainer-sliding::after {
		display: none
	}
}

@media (min-width:767px) {
	.eraTilesContainer.eraTilesContainer-sliding {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0
	}
}

.eraTilesContainer.eraTilesContainer-sliding::-webkit-scrollbar {
	display: none
}

.eraTilesContainer.eraTilesContainer-sliding .eraTile {
	margin-right: 10px
}

@media (min-width:767px) {
	.eraTilesContainer.eraTilesContainer-sliding .eraTile {
		margin-right: 15px
	}
}

@media (min-width:767px) {
	.eraTilesContainer.eraTilesContainer-sliding .eraTile:last-child {
		margin-right: 0
	}
}

.eraTilesContainer.eraTilesContainer-grid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -7px
}

.eraTilesContainer.eraTilesContainer-grid .eraTile-spacer {
	padding: 7px;
	width: 100%;
	min-height: 229px
}

@media (min-width:320px) {
	.eraTilesContainer.eraTilesContainer-grid .eraTile-spacer {
		width: 50%
	}
}

@media (min-width:450px) {
	.eraTilesContainer.eraTilesContainer-grid .eraTile-spacer {
		width: 33.33334%
	}
}

@media (min-width:768px) {
	.eraTilesContainer.eraTilesContainer-grid .eraTile-spacer {
		width: 25%;
		min-height: 264px
	}
}

@media (min-width:992px) {
	.eraTilesContainer.eraTilesContainer-grid .eraTile-spacer {
		width: 16.66667%
	}
}

.eraTile-spacer .eraTile,.eraTilesContainer.eraTilesContainer-grid .eraTile {
	width: 100%;
	height: 100%
}

@-moz-document url-prefix() {
	.eraTile-scrollContainer {
		margin-bottom: 17px!important
	}

	.eraTilesContainer-sliding,.news-container-sliding {
		margin-bottom: -17px!important
	}
}

aside .eraTilesContainer.eraTilesContainer-sliding {
	margin-bottom: 10px
}

@media (min-width:767px) {
	aside .eraTilesContainer.eraTilesContainer-sliding {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%
	}

	aside .eraTilesContainer.eraTilesContainer-sliding .eraTile {
		margin-right: 0;
		margin-bottom: 14px;
		min-height: 250px
	}
}

aside .eraTilesContainer.eraTilesContainer-sliding .eraTile.tile-shade {
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px
}

aside .eraTilesContainer.eraTilesContainer-sliding .eraTile.tile-shade .eraTile-Texts {
	-ms-flex-pack: start;
	justify-content: flex-start
}

aside .eraTilesContainer.eraTilesContainer-sliding .eraTile:last-child {
	margin-bottom: 0
}

.eraTile {
	overflow: hidden
}

.eraTilesContainer .eraTile {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 130px;
	background: #ececec;
	padding: 20px 15px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile {
		width: 190px;
		padding: 20px 20px 25px
	}
}

.eraTilesContainer .eraTile .eraTile-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	transition: all .4s linear;
	opacity: .8
}

.eraTilesContainer .eraTile .eraTile-background::after {
	background: rgba(26,0,59,.8);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	transition: all .4s linear
}

.eraTilesContainer .eraTile .eraArrow svg * {
	stroke: #000
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile:focus .eraArrow svg *,.eraTilesContainer .eraTile:hover .eraArrow svg * {
		stroke: #ffd100
	}
}

.eraTilesContainer .eraTile .eraTile-category {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 8px;
	color: #fff;
	margin-bottom: 12px;
	max-width: 60px;
	margin-left: 4px
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile .eraTile-category {
		font-size: 10px
	}
}

.eraTilesContainer .eraTile .eraTile-category span {
	background: #000;
	padding: 2px 1px;
	box-shadow: 2px 0 0 #000,-2px 0 0 #000;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone
}

.eraTilesContainer .eraTile .eraTile-subcategory {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 9px;
	line-height: 1.67;
	color: #514689;
	letter-spacing: 2px;
	margin-bottom: 10px;
	max-width: 100%
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile .eraTile-subcategory {
		font-size: 11px;
		letter-spacing: 1px;
		line-height: 1.45
	}
}

.eraTilesContainer .eraTile .eraTile-title,.eraTilesContainer .eraTile .eraTile-title a {
	font-weight: 600;
	color: #2f2f2f;
	font-size: 13px;
	margin-bottom: 16px;
	line-height: 1.31;
	max-width: 100%
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile .eraTile-title {
		font-size: 16px
	}
}

.eraTilesContainer .eraTile .eraTile-title a {
	font-weight: 700
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile .eraTile-title a {
		font-size: 16px
	}
}

.eraTilesContainer .eraTile .eraTile-shadeName {
	font-size: 14px;
	font-weight: 600;
	max-width: 100%;
	transition: color .4s linear
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile .eraTile-shadeName {
		font-size: 18px;
		font-weight: 600
	}
}

.eraTilesContainer .eraTile .eraTile-shadeExerpt {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 9px;
	color: #2f2f2f;
	letter-spacing: 2px;
	line-height: 1.7;
	word-break: break-word;
	margin: 0 0 20px;
	max-width: 100%
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile .eraTile-shadeExerpt {
		font-size: 11px;
		line-height: 1.55
	}
}

.eraTilesContainer .eraTile.tile-darkPurple .eraTile-category span,.eraTilesContainer .eraTile.tile-purple .eraTile-category span {
	background: #311e4f;
	box-shadow: 2px 0 0 #311e4f,-2px 0 0 #311e4f
}

.eraTilesContainer .eraTile.tile-darkPurple .eraTile-subcategory,.eraTilesContainer .eraTile.tile-purple .eraTile-subcategory {
	color: #311e4f
}

.eraTilesContainer .eraTile.tile-darkPurple .eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.eraTilesContainer .eraTile.tile-darkPurple .eraTile-language.show .dropdown-toggle,.eraTilesContainer .eraTile.tile-purple .eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.eraTilesContainer .eraTile.tile-purple .eraTile-language.show .dropdown-toggle {
	background: #311e4f
}

.eraTilesContainer .eraTile.tile-blue .eraTile-category span {
	background: #294ef4;
	box-shadow: 2px 0 0 #294ef4,-2px 0 0 #294ef4
}

.eraTilesContainer .eraTile.tile-blue .eraTile-subcategory {
	color: #294ef4
}

.eraTilesContainer .eraTile.tile-blue .eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.eraTilesContainer .eraTile.tile-blue .eraTile-language.show .dropdown-toggle {
	background: #294ef4
}

.eraTilesContainer .eraTile.tile-black .eraTile-category span {
	background: #000;
	box-shadow: 2px 0 0 #000,-2px 0 0 #000
}

.eraTile-button::before,.eraTilesContainer .eraTile.tile-black .eraTile-subcategory {
	color: #000
}

.eraTilesContainer .eraTile.tile-black .eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.eraTilesContainer .eraTile.tile-black .eraTile-language.show .dropdown-toggle {
	background: #000
}

.eraTilesContainer .eraTile.tile-gray .eraTile-category span {
	background: #838383;
	box-shadow: 2px 0 0 #838383,-2px 0 0 #838383
}

.eraTilesContainer .eraTile.tile-gray .eraTile-subcategory {
	color: #838383
}

.eraTilesContainer .eraTile.tile-gray .eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.eraTilesContainer .eraTile.tile-gray .eraTile-language.show .dropdown-toggle {
	background: #838383
}

.eraTilesContainer .eraTile.tile-deepPurple .eraTile-category span {
	background: #514;
	box-shadow: 2px 0 0 #514,-2px 0 0 #514
}

.eraTilesContainer .eraTile.tile-deepPurple .eraTile-subcategory {
	color: #514
}

.eraTilesContainer .eraTile.tile-deepPurple .eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.eraTilesContainer .eraTile.tile-deepPurple .eraTile-language.show .dropdown-toggle {
	background: #514
}

.eraTilesContainer .eraTile.tile-darkSlateBlue .eraTile-category span {
	background: #4d6995;
	box-shadow: 2px 0 0 #4d6995,-2px 0 0 #4d6995
}

.eraTilesContainer .eraTile.tile-darkSlateBlue .eraTile-subcategory {
	color: #4d6995
}

.eraTilesContainer .eraTile.tile-darkSlateBlue .eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.eraTilesContainer .eraTile.tile-darkSlateBlue .eraTile-language.show .dropdown-toggle {
	background: #4d6995
}

.eraTilesContainer .eraTile:focus,.eraTilesContainer .eraTile:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.eraTilesContainer .eraTile:focus .eraArrow svg,.eraTilesContainer .eraTile:hover .eraArrow svg {
		transform: scale(1.4)
	}

	.eraTilesContainer .eraTile:focus .eraArrow line,.eraTilesContainer .eraTile:focus .eraArrow polyline,.eraTilesContainer .eraTile:hover .eraArrow line,.eraTilesContainer .eraTile:hover .eraArrow polyline {
		stroke-width: 1px
	}
}

.eraTileImage .eraTile-content {
	z-index: 1
}

.eraTile-button,.eraTile-buttons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.eraTile-buttons {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.eraTile-buttons .eraArrow svg *,.eraTilesContainer-more .eraTile.eraTileImage.tile-gray .eraArrow svg *,.eraTilesContainer-shades .eraTile.tile-blue .eraArrow svg *,.eraTilesContainer-shades .eraTile.tile-purple .eraArrow svg * {
	stroke: #fff
}

.eraTile-button {
	-ms-flex-pack: center;
	justify-content: center;
	background: 0 0;
	border: 0;
	font-size: 16px;
	padding: 0;
	cursor: pointer
}

@media (min-width:992px) {
	.eraTile-button {
		font-size: 20px
	}
}

.eraTile-button:focus,.eraTile-button:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.eraTile-like:focus:before,.eraTile-like:hover:before {
		content: '\e812'
	}

	.eraTile-like.icon-like:focus:before,.eraTile-like.icon-like:hover:before {
		content: '\e800';
		opacity: .8
	}

	.eraTile-share:focus:before,.eraTile-share:hover:before {
		content: '\e811'
	}

	.eraTile-document:focus:before,.eraTile-document:hover:before {
		content: '\e827'
	}
}

.eraTile-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: auto
}

@media (min-width:992px) {
	.eraTile-header {
		margin-top: 0
	}
}

.eraTile-language {
	top: 20px;
	right: 15px;
	display: -ms-flexbox;
	display: flex;
	position: absolute
}

@media (min-width:992px) {
	.eraTile-language {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		position: relative;
		right: auto;
		top: auto
	}
}

.eraTile-language .eraDropdown-title {
	line-height: 1;
	font-size: 10px;
	text-transform: uppercase;
	display: inline-block;
	min-width: 20px;
	text-align: left
}

@media (min-width:992px) {
	.eraTile-language .eraDropdown-title {
		font-size: 12px
	}
}

.eraTile-language .dropdown-toggle {
	height: 19px;
	font-size: 10px;
	border: 0;
	outline: 0;
	background: 0 0;
	font-weight: 700;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 3px 5px;
	margin: 0 -5px
}

@media (min-width:992px) {
	.eraTile-language .dropdown-toggle {
		height: 14px;
		font-size: 12px
	}
}

.eraTile-language .dropdown-toggle::after,.searchExpanded .eraTile-language .dropdown-toggle {
	display: none
}

.eraTile-language .dropdown-toggle [class^=icon-] {
	margin-left: 7px;
	font-size: 9px
}

@media (min-width:992px) {
	.eraTile-language .dropdown-toggle [class^=icon-] {
		margin-left: 8px
	}
}

.eraTile-language.shadeLangSelector .dropdown-toggle,.eraTile-language.show .dropdown-toggle,.eraTile-language.top-menu-language .dropdown-toggle {
	color: #fff
}

.eraTile-language.show .dropdown-toggle [class^=icon-] {
	transform: rotate(180deg);
	color: #fff
}

.eraTile-language.shadeLangSelector.show .dropdown-toggle,.eraTile-language.top-menu-language.show .dropdown-toggle {
	background: #ffd100;
	color: #000
}

.eraTile-language.shadeLangSelector.show .dropdown-toggle [class^=icon-],.eraTile-language.top-menu-language.show .dropdown-toggle [class^=icon-] {
	transform: rotate(180deg);
	color: #000
}

.eraTile-language.shadeList-langSelector .dropdown-toggle,.shadeLangSelector.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner a,.shadeLangSelector.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner button,.top-menu-language.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner a,.top-menu-language.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner button {
	color: #000
}

.eraTile-language.shadeList-langSelector.show .dropdown-toggle {
	background: #311e4f;
	color: #fff
}

.eraTile-language.shadeList-langSelector.show .dropdown-toggle [class^=icon-] {
	transform: rotate(180deg);
	color: #fff
}

.shadeLangSelector.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.shadeLangSelector.eraTile-language.show .dropdown-toggle,.top-menu-language.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.top-menu-language.eraTile-language.show .dropdown-toggle {
	background: #ffd100
}

.shadeList-langSelector.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.shadeList-langSelector.eraTile-language.show .dropdown-toggle {
	background: #311e4f
}

.selectedShade .eraTile-language.shadeList-langSelector .dropdown-toggle,.shadeList-langSelector.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner a,.shadeList-langSelector.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner button {
	color: #fff
}

.selectedShade .eraTile-language.shadeList-langSelector.show .dropdown-toggle,.selectedShade .shadeList-langSelector.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner,.selectedShade .shadeList-langSelector.eraTile-language.show .dropdown-toggle {
	background: #645679
}

.eraTile-language .eraTile-langMenu.dropdown-menu {
	border: 0;
	outline: 0;
	background: 0 0;
	min-width: 0;
	padding: 0;
	right: -5px!important;
	left: -5px!important;
	top: 100%!important;
	margin-top: 0;
	z-index: 9
}

@media (min-width:992px) {
	.eraTile-language .eraTile-langMenu.dropdown-menu {
		right: -4px!important;
		left: -4px!important
	}
}

.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner {
	padding: 0;
	border: 0;
	background: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner {
		padding-top: 5px
	}
}

.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner a,.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner button {
	border: 0;
	outline: 0;
	background: 0 0;
	padding: 0 5px;
	width: 100%;
	text-align: left;
	font-size: 10px;
	height: 16px;
	color: #fff;
	font-weight: 700
}

@media (min-width:992px) {
	.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner a,.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner button {
		height: 20px;
		font-size: 12px
	}

	.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner a:focus,.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner a:hover,.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner button:focus,.eraTile-language .eraTile-langMenu.dropdown-menu .dropdown-menu-inner button:hover {
		text-decoration: underline
	}
}

.eraTile-selectedLang {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: normal;
	color: #838383;
	text-transform: uppercase
}

@media (min-width:992px) {
	.eraTile-selectedLang {
		font-size: 11px
	}
}

.eraTile-content,.tile-shade .eraTile-Texts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.eraTile-content {
	width: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: stretch;
	align-items: stretch
}

.tile-shade .eraTile-Texts {
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.tile-shade .eraTile-Texts img {
	height: auto;
	max-height: 28px;
	width: auto;
	margin: auto
}

@media (min-width:992px) {
	.tile-shade .eraTile-Texts img {
		max-height: 32px
	}
}

.tile-document .eraTile-Texts,.tile-shade .eraTile-Texts,.tile-shade .eraTile-content {
	height: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.tile-document .eraTile-Texts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-direction: column;
	flex-direction: column
}

.tile-document .eraTile-content {
	height: 100%
}

.tile-more .eraTile-Texts {
	-ms-flex-positive: 1;
	flex-grow: 1
}

.jsDocContainer[data-lang=de] .jsDocLangMenu button[data-lang=de],.jsDocContainer[data-lang=en] .jsDocLangMenu button[data-lang=en],.jsDocContainer[data-lang=es] .jsDocLangMenu button[data-lang=es],.jsDocContainer[data-lang=fr] .jsDocLangMenu button[data-lang=fr],.jsDocContainer[data-lang=it] .jsDocLangMenu button[data-lang=it],.jsDocContainer[data-lang=pt] .jsDocLangMenu button[data-lang=pt],.jsDocContainer[data-lang=zh] .jsDocLangMenu button[data-lang=zh] {
	display: none
}

.eraTilesContainer-shades .eraTile {
	min-height: 175px;
	transition: all .4s linear
}

@media (min-width:992px) {
	.eraTilesContainer-shades .eraTile {
		min-height: 250px
	}
}

.eraTilesContainer-shades .eraTile.tile-purple {
	background: #514689
}

.eraTilesContainer-shades .eraTile.tile-purple .eraTile-buttons a::before,.eraTilesContainer-shades .eraTile.tile-purple .eraTile-buttons button::before,.eraTilesContainer-shades .eraTile.tile-purple .eraTile-shadeExerpt,.eraTilesContainer-shades .eraTile.tile-purple .eraTile-shadeName {
	color: #fff
}

@media (min-width:992px) {
	.eraTilesContainer-shades .eraTile.tile-purple:focus,.eraTilesContainer-shades .eraTile.tile-purple:hover {
		background: #2f2f2f
	}
}

.eraTilesContainer-shades .eraTile.tile-blue {
	background: #0085ca
}

.eraTilesContainer-shades .eraTile.tile-blue .eraTile-buttons a::before,.eraTilesContainer-shades .eraTile.tile-blue .eraTile-buttons button::before,.eraTilesContainer-shades .eraTile.tile-blue .eraTile-shadeExerpt,.eraTilesContainer-shades .eraTile.tile-blue .eraTile-shadeName {
	color: #fff
}

@media (min-width:992px) {
	.eraTilesContainer-shades .eraTile.tile-blue:focus,.eraTilesContainer-shades .eraTile.tile-blue:hover {
		background: #2f2f2f
	}
}

.eraTilesContainer-shades .eraTile-content {
	height: 100%
}

.eraTilesContainer-documents .eraTile,.eraTilesContainer-more .eraTile {
	min-height: 175px;
	transition: all .4s linear;
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px
}

@media (min-width:992px) {
	.eraTilesContainer-documents .eraTile,.eraTilesContainer-more .eraTile {
		min-height: 250px
	}
}

.eraTilesContainer-more .eraTile.tile-gray {
	background: #ececec
}

.eraTilesContainer-more .eraTile.tile-gray .eraTile-content {
	height: 100%;
	display: -ms-flexbox;
	display: flex
}

.eraTilesContainer-more .eraTile.tile-gray .eraTile-Texts {
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	display: -ms-flexbox;
	display: flex
}

.eraTilesContainer-more .eraTile.tile-gray .eraTile-content {
	-ms-flex-align: start;
	align-items: flex-start
}

.eraTilesContainer-more .eraTile.tile-gray .eraTile-shadeExerpt {
	color: #2f2f2f;
	margin: 0;
	transition: all .4s linear
}

@media (min-width:992px) {
	.eraTilesContainer-more .eraTile.tile-gray:focus,.eraTilesContainer-more .eraTile.tile-gray:hover {
		background: #311e4f
	}

	.eraTilesContainer-more .eraTile.tile-gray:focus .eraTile-shadeExerpt,.eraTilesContainer-more .eraTile.tile-gray:hover .eraTile-shadeExerpt {
		color: #ffd100
	}
}

.eraTilesContainer-more .eraTile.eraTileImage.tile-gray {
	background: #000
}

.eraTilesContainer-more .eraTile.eraTileImage.tile-gray .eraTile-shadeExerpt,.pageIntro h1.era-title sup,.selectedShade .shadeList-shadeInner .shadeList-hardenessContainer ul li:before,.selectedShade .shadeList-shadeInner .shadeList-standardsContainer ul li:before {
	color: #fff
}

@media (min-width:992px) {
	.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:focus,.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:hover {
		background: #311e4f
	}

	.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:focus .eraTile-shadeExerpt,.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:hover .eraTile-shadeExerpt {
		color: #fff
	}

	.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:focus .eraArrow svg *,.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:hover .eraArrow svg * {
		stroke: #fff
	}

	.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:focus .eraTile-background,.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:hover .eraTile-background {
		opacity: .5
	}

	.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:focus .eraTile-background::after,.eraTilesContainer-more .eraTile.eraTileImage.tile-gray:hover .eraTile-background::after {
		opacity: 1
	}
}

.eraTilesContainer-more .eraTile-content {
	height: 100%
}

.elementor-widget-era-cross-pages .eraTile {
	border-radius: 12px 0 12px 0
}

.title_green_to_light_green .elementor-widget-era-cross-pages .eraTilesContainer .eraTile .eraTile-background::after {
	background: rgba(29,175,142,.8)
}

.era-gauge {
	width: 242px;
	position: relative;
	height: 12px;
	border-radius: 6px;
	overflow: hidden;
	max-width: 100%;
	z-index: 0
}

@media (min-width:992px) {
	.era-gauge {
		height: 17px;
		border-radius: 8.5px
	}
}

.era-gauge.gaugeBgWhite,.era-gauge.gaugeDark .gaugeMeasure,.pageIntro h1::before {
	background: #fff
}

.era-gauge.gaugeBgGray {
	background: #ececec
}

.gaugeMeasure {
	background-image: linear-gradient(90deg,#514689,#00b2a9);
	display: block;
	height: 100%;
	margin-left: 0;
	overflow: hidden;
	border-radius: 0 6px 6px 0;
	position: static
}

@media (min-width:992px) {
	.gaugeMeasure {
		border-radius: 0 8.5px 8.5px 0
	}
}

.gaugeMeasure::after {
	content: "";
	left: 80.5%;
	width: 20%;
	z-index: 2
}

@media (min-width:992px) {
	.gaugeMeasure::after {
		height: 5px!important
	}
}

.gaugeMeasure span,.gaugeMeasure span::after,.gaugeMeasure span::before,.gaugeMeasure::after {
	position: absolute;
	height: 3px;
	bottom: 0;
	display: block;
	border-right: 1px solid;
	border-left: 1px solid
}

.gaugeMeasure span {
	z-index: 2;
	box-sizing: content-box;
	width: 20%
}

@media (min-width:992px) {
	.gaugeMeasure span {
		height: 5px
	}
}

.gaugeMeasure span::before {
	border-right-color: #000
}

.gaugeMeasure span::after,.gaugeMeasure span::before {
	content: "";
	width: 100%;
	border-left-color: #000
}

@media (min-width:992px) {
	.gaugeMeasure span::after,.gaugeMeasure span::before {
		height: 5px
	}
}

.gaugeMeasure span::before {
	left: 200%
}

.gaugeMeasure span::after {
	left: 400%;
	border-right-color: transparent
}

.gaugeMeasure span,.gaugeMeasure::after,.gaugeMeasure[style*=' 1'] span,.gaugeMeasure[style*=' 1'] span::before,.gaugeMeasure[style*=' 1']::after,.gaugeMeasure[style*=' 10'] span,.gaugeMeasure[style*=' 10'] span::before,.gaugeMeasure[style*=' 10']::after,.gaugeMeasure[style*=' 11'] span,.gaugeMeasure[style*=' 11'] span::before,.gaugeMeasure[style*=' 11']::after,.gaugeMeasure[style*=' 12'] span,.gaugeMeasure[style*=' 12'] span::before,.gaugeMeasure[style*=' 12']::after,.gaugeMeasure[style*=' 13'] span,.gaugeMeasure[style*=' 13'] span::before,.gaugeMeasure[style*=' 13']::after,.gaugeMeasure[style*=' 14'] span,.gaugeMeasure[style*=' 14'] span::before,.gaugeMeasure[style*=' 14']::after,.gaugeMeasure[style*=' 15'] span,.gaugeMeasure[style*=' 15'] span::before,.gaugeMeasure[style*=' 15']::after,.gaugeMeasure[style*=' 16'] span,.gaugeMeasure[style*=' 16'] span::before,.gaugeMeasure[style*=' 16']::after,.gaugeMeasure[style*=' 17'] span,.gaugeMeasure[style*=' 17'] span::before,.gaugeMeasure[style*=' 17']::after,.gaugeMeasure[style*=' 18'] span,.gaugeMeasure[style*=' 18'] span::before,.gaugeMeasure[style*=' 18']::after,.gaugeMeasure[style*=' 19'] span,.gaugeMeasure[style*=' 19'] span::before,.gaugeMeasure[style*=' 19']::after,.gaugeMeasure[style*=' 2'] span,.gaugeMeasure[style*=' 2'] span::before,.gaugeMeasure[style*=' 2']::after,.gaugeMeasure[style*=' 20'] span,.gaugeMeasure[style*=' 20'] span::before,.gaugeMeasure[style*=' 20']::after,.gaugeMeasure[style*=' 21'] span,.gaugeMeasure[style*=' 21'] span::before,.gaugeMeasure[style*=' 21']::after,.gaugeMeasure[style*=' 3'] span,.gaugeMeasure[style*=' 3'] span::before,.gaugeMeasure[style*=' 3']::after,.gaugeMeasure[style*=' 4'] span,.gaugeMeasure[style*=' 4'] span::before,.gaugeMeasure[style*=' 4']::after,.gaugeMeasure[style*=' 5'] span,.gaugeMeasure[style*=' 5'] span::before,.gaugeMeasure[style*=' 5']::after,.gaugeMeasure[style*=' 6'] span,.gaugeMeasure[style*=' 6'] span::before,.gaugeMeasure[style*=' 6']::after,.gaugeMeasure[style*=' 7'] span,.gaugeMeasure[style*=' 7'] span::before,.gaugeMeasure[style*=' 7']::after,.gaugeMeasure[style*=' 8'] span,.gaugeMeasure[style*=' 8'] span::before,.gaugeMeasure[style*=' 8']::after,.gaugeMeasure[style*=' 9'] span,.gaugeMeasure[style*=' 9'] span::before,.gaugeMeasure[style*=' 9']::after {
	border-left-color: #000;
	border-right-color: #000
}

.gaugeMeasure[style*=' 1'] span::after,.gaugeMeasure[style*=' 10'] span::after,.gaugeMeasure[style*=' 11'] span::after,.gaugeMeasure[style*=' 12'] span::after,.gaugeMeasure[style*=' 13'] span::after,.gaugeMeasure[style*=' 14'] span::after,.gaugeMeasure[style*=' 15'] span::after,.gaugeMeasure[style*=' 16'] span::after,.gaugeMeasure[style*=' 17'] span::after,.gaugeMeasure[style*=' 18'] span::after,.gaugeMeasure[style*=' 19'] span::after,.gaugeMeasure[style*=' 2'] span::after,.gaugeMeasure[style*=' 20'] span::after,.gaugeMeasure[style*=' 21'] span::after,.gaugeMeasure[style*=' 3'] span::after,.gaugeMeasure[style*=' 4'] span::after,.gaugeMeasure[style*=' 5'] span::after,.gaugeMeasure[style*=' 6'] span::after,.gaugeMeasure[style*=' 7'] span::after,.gaugeMeasure[style*=' 8'] span::after,.gaugeMeasure[style*=' 9'] span::after {
	border-left-color: #000
}

.gaugeMeasure[style*=' 22'] span,.gaugeMeasure[style*=' 23'] span,.gaugeMeasure[style*=' 24'] span,.gaugeMeasure[style*=' 25'] span,.gaugeMeasure[style*=' 26'] span,.gaugeMeasure[style*=' 27'] span,.gaugeMeasure[style*=' 28'] span,.gaugeMeasure[style*=' 29'] span,.gaugeMeasure[style*=' 30'] span,.gaugeMeasure[style*=' 31'] span,.gaugeMeasure[style*=' 32'] span,.gaugeMeasure[style*=' 33'] span,.gaugeMeasure[style*=' 34'] span,.gaugeMeasure[style*=' 35'] span,.gaugeMeasure[style*=' 36'] span,.gaugeMeasure[style*=' 37'] span,.gaugeMeasure[style*=' 38'] span,.gaugeMeasure[style*=' 39'] span,.gaugeMeasure[style*=' 40'] span,.gaugeMeasure[style*=' 41'] span,.gaugeMeasure[style*=' 42'] span,.gaugeMeasure[style*=' 43'] span,.gaugeMeasure[style*=' 44'] span,.gaugeMeasure[style*=' 45'] span,.gaugeMeasure[style*=' 46'] span,.gaugeMeasure[style*=' 47'] span,.gaugeMeasure[style*=' 48'] span,.gaugeMeasure[style*=' 49'] span,.gaugeMeasure[style*=' 50'] span,.gaugeMeasure[style*=' 51'] span,.gaugeMeasure[style*=' 52'] span,.gaugeMeasure[style*=' 53'] span,.gaugeMeasure[style*=' 54'] span,.gaugeMeasure[style*=' 55'] span,.gaugeMeasure[style*=' 56'] span,.gaugeMeasure[style*=' 57'] span,.gaugeMeasure[style*=' 58'] span,.gaugeMeasure[style*=' 59'] span,.gaugeMeasure[style*=' 60'] span,.gaugeMeasure[style*=' 61'] span,.gaugeMeasure[style*=' 62'] span,.gaugeMeasure[style*=' 63'] span,.gaugeMeasure[style*=' 64'] span,.gaugeMeasure[style*=' 65'] span,.gaugeMeasure[style*=' 66'] span,.gaugeMeasure[style*=' 67'] span,.gaugeMeasure[style*=' 68'] span,.gaugeMeasure[style*=' 69'] span,.gaugeMeasure[style*=' 70'] span,.gaugeMeasure[style*=' 71'] span,.gaugeMeasure[style*=' 72'] span,.gaugeMeasure[style*=' 73'] span,.gaugeMeasure[style*=' 74'] span,.gaugeMeasure[style*=' 75'] span,.gaugeMeasure[style*=' 76'] span,.gaugeMeasure[style*=' 77'] span,.gaugeMeasure[style*=' 78'] span,.gaugeMeasure[style*=' 79'] span,.gaugeMeasure[style*=' 80'] span,.gaugeMeasure[style*=' 81'] span {
	border-left-color: #fff;
	border-right-color: #fff
}

.gaugeMeasure[style*=' 22'] span::before,.gaugeMeasure[style*=' 22']::after,.gaugeMeasure[style*=' 23'] span::before,.gaugeMeasure[style*=' 23']::after,.gaugeMeasure[style*=' 24'] span::before,.gaugeMeasure[style*=' 24']::after,.gaugeMeasure[style*=' 25'] span::before,.gaugeMeasure[style*=' 25']::after,.gaugeMeasure[style*=' 26'] span::before,.gaugeMeasure[style*=' 26']::after,.gaugeMeasure[style*=' 27'] span::before,.gaugeMeasure[style*=' 27']::after,.gaugeMeasure[style*=' 28'] span::before,.gaugeMeasure[style*=' 28']::after,.gaugeMeasure[style*=' 29'] span::before,.gaugeMeasure[style*=' 29']::after,.gaugeMeasure[style*=' 30'] span::before,.gaugeMeasure[style*=' 30']::after,.gaugeMeasure[style*=' 31'] span::before,.gaugeMeasure[style*=' 31']::after,.gaugeMeasure[style*=' 32'] span::before,.gaugeMeasure[style*=' 32']::after,.gaugeMeasure[style*=' 33'] span::before,.gaugeMeasure[style*=' 33']::after,.gaugeMeasure[style*=' 34'] span::before,.gaugeMeasure[style*=' 34']::after,.gaugeMeasure[style*=' 35'] span::before,.gaugeMeasure[style*=' 35']::after,.gaugeMeasure[style*=' 36'] span::before,.gaugeMeasure[style*=' 36']::after,.gaugeMeasure[style*=' 37'] span::before,.gaugeMeasure[style*=' 37']::after,.gaugeMeasure[style*=' 38'] span::before,.gaugeMeasure[style*=' 38']::after,.gaugeMeasure[style*=' 39'] span::before,.gaugeMeasure[style*=' 39']::after,.gaugeMeasure[style*=' 40'] span::before,.gaugeMeasure[style*=' 40']::after,.gaugeMeasure[style*=' 41'] span::before,.gaugeMeasure[style*=' 41']::after,.gaugeMeasure[style*=' 42']::after,.gaugeMeasure[style*=' 43']::after,.gaugeMeasure[style*=' 44']::after,.gaugeMeasure[style*=' 45']::after,.gaugeMeasure[style*=' 46']::after,.gaugeMeasure[style*=' 47']::after,.gaugeMeasure[style*=' 48']::after,.gaugeMeasure[style*=' 49']::after,.gaugeMeasure[style*=' 50']::after,.gaugeMeasure[style*=' 51']::after,.gaugeMeasure[style*=' 52']::after,.gaugeMeasure[style*=' 53']::after,.gaugeMeasure[style*=' 54']::after,.gaugeMeasure[style*=' 55']::after,.gaugeMeasure[style*=' 56']::after,.gaugeMeasure[style*=' 57']::after,.gaugeMeasure[style*=' 58']::after,.gaugeMeasure[style*=' 59']::after,.gaugeMeasure[style*=' 60']::after,.gaugeMeasure[style*=' 61']::after,.gaugeMeasure[style*=' 62']::after,.gaugeMeasure[style*=' 63']::after,.gaugeMeasure[style*=' 64']::after,.gaugeMeasure[style*=' 65']::after,.gaugeMeasure[style*=' 66']::after,.gaugeMeasure[style*=' 67']::after,.gaugeMeasure[style*=' 68']::after,.gaugeMeasure[style*=' 69']::after,.gaugeMeasure[style*=' 70']::after,.gaugeMeasure[style*=' 71']::after,.gaugeMeasure[style*=' 72']::after,.gaugeMeasure[style*=' 73']::after,.gaugeMeasure[style*=' 74']::after,.gaugeMeasure[style*=' 75']::after,.gaugeMeasure[style*=' 76']::after,.gaugeMeasure[style*=' 77']::after,.gaugeMeasure[style*=' 78']::after,.gaugeMeasure[style*=' 79']::after,.gaugeMeasure[style*=' 80']::after,.gaugeMeasure[style*=' 81']::after {
	border-left-color: #000;
	border-right-color: #000
}

.gaugeMeasure[style*=' 22'] span::after,.gaugeMeasure[style*=' 23'] span::after,.gaugeMeasure[style*=' 24'] span::after,.gaugeMeasure[style*=' 25'] span::after,.gaugeMeasure[style*=' 26'] span::after,.gaugeMeasure[style*=' 27'] span::after,.gaugeMeasure[style*=' 28'] span::after,.gaugeMeasure[style*=' 29'] span::after,.gaugeMeasure[style*=' 30'] span::after,.gaugeMeasure[style*=' 31'] span::after,.gaugeMeasure[style*=' 32'] span::after,.gaugeMeasure[style*=' 33'] span::after,.gaugeMeasure[style*=' 34'] span::after,.gaugeMeasure[style*=' 35'] span::after,.gaugeMeasure[style*=' 36'] span::after,.gaugeMeasure[style*=' 37'] span::after,.gaugeMeasure[style*=' 38'] span::after,.gaugeMeasure[style*=' 39'] span::after,.gaugeMeasure[style*=' 40'] span::after,.gaugeMeasure[style*=' 41'] span::after {
	border-left-color: #000
}

.gaugeMeasure[style*=' 42'] span::before,.gaugeMeasure[style*=' 43'] span::before,.gaugeMeasure[style*=' 44'] span::before,.gaugeMeasure[style*=' 45'] span::before,.gaugeMeasure[style*=' 46'] span::before,.gaugeMeasure[style*=' 47'] span::before,.gaugeMeasure[style*=' 48'] span::before,.gaugeMeasure[style*=' 49'] span::before,.gaugeMeasure[style*=' 50'] span::before,.gaugeMeasure[style*=' 51'] span::before,.gaugeMeasure[style*=' 52'] span::before,.gaugeMeasure[style*=' 53'] span::before,.gaugeMeasure[style*=' 54'] span::before,.gaugeMeasure[style*=' 55'] span::before,.gaugeMeasure[style*=' 56'] span::before,.gaugeMeasure[style*=' 57'] span::before,.gaugeMeasure[style*=' 58'] span::before,.gaugeMeasure[style*=' 59'] span::before,.gaugeMeasure[style*=' 60'] span::before,.gaugeMeasure[style*=' 61'] span::before {
	border-left-color: #fff;
	border-right-color: #000
}

.gaugeMeasure[style*=' 42'] span::after,.gaugeMeasure[style*=' 43'] span::after,.gaugeMeasure[style*=' 44'] span::after,.gaugeMeasure[style*=' 45'] span::after,.gaugeMeasure[style*=' 46'] span::after,.gaugeMeasure[style*=' 47'] span::after,.gaugeMeasure[style*=' 48'] span::after,.gaugeMeasure[style*=' 49'] span::after,.gaugeMeasure[style*=' 50'] span::after,.gaugeMeasure[style*=' 51'] span::after,.gaugeMeasure[style*=' 52'] span::after,.gaugeMeasure[style*=' 53'] span::after,.gaugeMeasure[style*=' 54'] span::after,.gaugeMeasure[style*=' 55'] span::after,.gaugeMeasure[style*=' 56'] span::after,.gaugeMeasure[style*=' 57'] span::after,.gaugeMeasure[style*=' 58'] span::after,.gaugeMeasure[style*=' 59'] span::after,.gaugeMeasure[style*=' 60'] span::after,.gaugeMeasure[style*=' 61'] span::after {
	border-left-color: #000
}

.gaugeMeasure[style*=' 100'] span,.gaugeMeasure[style*=' 62'] span::before,.gaugeMeasure[style*=' 63'] span::before,.gaugeMeasure[style*=' 64'] span::before,.gaugeMeasure[style*=' 65'] span::before,.gaugeMeasure[style*=' 66'] span::before,.gaugeMeasure[style*=' 67'] span::before,.gaugeMeasure[style*=' 68'] span::before,.gaugeMeasure[style*=' 69'] span::before,.gaugeMeasure[style*=' 70'] span::before,.gaugeMeasure[style*=' 71'] span::before,.gaugeMeasure[style*=' 72'] span::before,.gaugeMeasure[style*=' 73'] span::before,.gaugeMeasure[style*=' 74'] span::before,.gaugeMeasure[style*=' 75'] span::before,.gaugeMeasure[style*=' 76'] span::before,.gaugeMeasure[style*=' 77'] span::before,.gaugeMeasure[style*=' 78'] span::before,.gaugeMeasure[style*=' 79'] span::before,.gaugeMeasure[style*=' 80'] span::before,.gaugeMeasure[style*=' 81'] span::before,.gaugeMeasure[style*=' 82'] span,.gaugeMeasure[style*=' 83'] span,.gaugeMeasure[style*=' 84'] span,.gaugeMeasure[style*=' 85'] span,.gaugeMeasure[style*=' 86'] span,.gaugeMeasure[style*=' 87'] span,.gaugeMeasure[style*=' 88'] span,.gaugeMeasure[style*=' 89'] span,.gaugeMeasure[style*=' 90'] span,.gaugeMeasure[style*=' 91'] span,.gaugeMeasure[style*=' 92'] span,.gaugeMeasure[style*=' 93'] span,.gaugeMeasure[style*=' 94'] span,.gaugeMeasure[style*=' 95'] span,.gaugeMeasure[style*=' 96'] span,.gaugeMeasure[style*=' 97'] span,.gaugeMeasure[style*=' 98'] span,.gaugeMeasure[style*=' 99'] span {
	border-left-color: #fff;
	border-right-color: #fff
}

.gaugeMeasure[style*=' 62'] span::after,.gaugeMeasure[style*=' 63'] span::after,.gaugeMeasure[style*=' 64'] span::after,.gaugeMeasure[style*=' 65'] span::after,.gaugeMeasure[style*=' 66'] span::after,.gaugeMeasure[style*=' 67'] span::after,.gaugeMeasure[style*=' 68'] span::after,.gaugeMeasure[style*=' 69'] span::after,.gaugeMeasure[style*=' 70'] span::after,.gaugeMeasure[style*=' 71'] span::after,.gaugeMeasure[style*=' 72'] span::after,.gaugeMeasure[style*=' 73'] span::after,.gaugeMeasure[style*=' 74'] span::after,.gaugeMeasure[style*=' 75'] span::after,.gaugeMeasure[style*=' 76'] span::after,.gaugeMeasure[style*=' 77'] span::after,.gaugeMeasure[style*=' 78'] span::after,.gaugeMeasure[style*=' 79'] span::after,.gaugeMeasure[style*=' 80'] span::after,.gaugeMeasure[style*=' 81'] span::after {
	border-left-color: #000
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 1'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 1'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 1']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 10'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 10'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 10']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 11'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 11'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 11']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 12'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 12'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 12']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 13'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 13'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 13']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 14'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 14'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 14']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 15'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 15'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 15']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 16'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 16'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 16']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 17'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 17'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 17']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 18'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 18'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 18']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 19'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 19'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 19']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 2'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 2'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 2']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 20'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 20'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 20']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 21'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 21'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 21']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 3'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 3'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 3']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 4'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 4'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 4']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 5'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 5'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 5']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 6'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 6'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 6']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 7'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 7'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 7']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 8'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 8'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 8']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 9'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 9'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 9']::after,.gaugeMeasure[style*=' 100'] span::before,.gaugeMeasure[style*=' 100']::after,.gaugeMeasure[style*=' 82'] span::before,.gaugeMeasure[style*=' 82']::after,.gaugeMeasure[style*=' 83'] span::before,.gaugeMeasure[style*=' 83']::after,.gaugeMeasure[style*=' 84'] span::before,.gaugeMeasure[style*=' 84']::after,.gaugeMeasure[style*=' 85'] span::before,.gaugeMeasure[style*=' 85']::after,.gaugeMeasure[style*=' 86'] span::before,.gaugeMeasure[style*=' 86']::after,.gaugeMeasure[style*=' 87'] span::before,.gaugeMeasure[style*=' 87']::after,.gaugeMeasure[style*=' 88'] span::before,.gaugeMeasure[style*=' 88']::after,.gaugeMeasure[style*=' 89'] span::before,.gaugeMeasure[style*=' 89']::after,.gaugeMeasure[style*=' 90'] span::before,.gaugeMeasure[style*=' 90']::after,.gaugeMeasure[style*=' 91'] span::before,.gaugeMeasure[style*=' 91']::after,.gaugeMeasure[style*=' 92'] span::before,.gaugeMeasure[style*=' 92']::after,.gaugeMeasure[style*=' 93'] span::before,.gaugeMeasure[style*=' 93']::after,.gaugeMeasure[style*=' 94'] span::before,.gaugeMeasure[style*=' 94']::after,.gaugeMeasure[style*=' 95'] span::before,.gaugeMeasure[style*=' 95']::after,.gaugeMeasure[style*=' 96'] span::before,.gaugeMeasure[style*=' 96']::after,.gaugeMeasure[style*=' 97'] span::before,.gaugeMeasure[style*=' 97']::after,.gaugeMeasure[style*=' 98'] span::before,.gaugeMeasure[style*=' 98']::after,.gaugeMeasure[style*=' 99'] span::before,.gaugeMeasure[style*=' 99']::after {
	border-left-color: #fff;
	border-right-color: #fff
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 1'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 10'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 11'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 12'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 13'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 14'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 15'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 16'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 17'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 18'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 19'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 2'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 20'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 21'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 3'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 4'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 5'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 6'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 7'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 8'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 9'] span::after,.gaugeMeasure[style*=' 100'] span::after,.gaugeMeasure[style*=' 82'] span::after,.gaugeMeasure[style*=' 83'] span::after,.gaugeMeasure[style*=' 84'] span::after,.gaugeMeasure[style*=' 85'] span::after,.gaugeMeasure[style*=' 86'] span::after,.gaugeMeasure[style*=' 87'] span::after,.gaugeMeasure[style*=' 88'] span::after,.gaugeMeasure[style*=' 89'] span::after,.gaugeMeasure[style*=' 90'] span::after,.gaugeMeasure[style*=' 91'] span::after,.gaugeMeasure[style*=' 92'] span::after,.gaugeMeasure[style*=' 93'] span::after,.gaugeMeasure[style*=' 94'] span::after,.gaugeMeasure[style*=' 95'] span::after,.gaugeMeasure[style*=' 96'] span::after,.gaugeMeasure[style*=' 97'] span::after,.gaugeMeasure[style*=' 98'] span::after,.gaugeMeasure[style*=' 99'] span::after {
	border-left-color: #fff
}

.era-gauge.gaugeDark {
	background: #645679
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 22'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 23'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 24'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 25'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 26'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 27'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 28'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 29'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 30'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 31'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 32'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 33'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 34'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 35'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 36'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 37'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 38'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 39'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 40'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 41'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 42'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 43'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 44'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 45'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 46'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 47'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 48'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 49'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 50'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 51'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 52'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 53'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 54'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 55'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 56'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 57'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 58'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 59'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 60'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 61'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 62'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 63'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 64'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 65'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 66'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 67'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 68'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 69'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 70'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 71'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 72'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 73'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 74'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 75'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 76'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 77'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 78'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 79'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 80'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 81'] span {
	border-left-color: #000;
	border-right-color: #000
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 22'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 22']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 23'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 23']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 24'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 24']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 25'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 25']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 26'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 26']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 27'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 27']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 28'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 28']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 29'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 29']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 30'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 30']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 31'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 31']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 32'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 32']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 33'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 33']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 34'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 34']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 35'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 35']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 36'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 36']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 37'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 37']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 38'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 38']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 39'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 39']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 40'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 40']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 41'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 41']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 42']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 43']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 44']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 45']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 46']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 47']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 48']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 49']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 50']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 51']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 52']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 53']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 54']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 55']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 56']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 57']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 58']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 59']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 60']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 61']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 62']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 63']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 64']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 65']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 66']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 67']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 68']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 69']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 70']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 71']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 72']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 73']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 74']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 75']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 76']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 77']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 78']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 79']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 80']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 81']::after {
	border-left-color: #fff;
	border-right-color: #fff
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 22'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 23'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 24'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 25'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 26'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 27'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 28'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 29'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 30'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 31'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 32'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 33'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 34'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 35'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 36'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 37'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 38'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 39'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 40'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 41'] span::after {
	border-left-color: #fff
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 42'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 43'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 44'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 45'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 46'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 47'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 48'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 49'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 50'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 51'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 52'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 53'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 54'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 55'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 56'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 57'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 58'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 59'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 60'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 61'] span::before {
	border-left-color: #000;
	border-right-color: #fff
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 42'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 43'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 44'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 45'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 46'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 47'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 48'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 49'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 50'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 51'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 52'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 53'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 54'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 55'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 56'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 57'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 58'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 59'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 60'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 61'] span::after {
	border-left-color: #fff
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 100'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 62'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 63'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 64'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 65'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 66'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 67'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 68'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 69'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 70'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 71'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 72'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 73'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 74'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 75'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 76'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 77'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 78'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 79'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 80'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 81'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 82'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 83'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 84'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 85'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 86'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 87'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 88'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 89'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 90'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 91'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 92'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 93'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 94'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 95'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 96'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 97'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 98'] span,.era-gauge.gaugeDark .gaugeMeasure[style*=' 99'] span {
	border-left-color: #000;
	border-right-color: #000
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 62'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 63'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 64'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 65'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 66'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 67'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 68'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 69'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 70'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 71'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 72'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 73'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 74'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 75'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 76'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 77'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 78'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 79'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 80'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 81'] span::after {
	border-left-color: #000
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 100'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 100']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 82'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 82']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 83'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 83']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 84'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 84']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 85'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 85']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 86'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 86']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 87'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 87']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 88'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 88']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 89'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 89']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 90'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 90']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 91'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 91']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 92'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 92']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 93'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 93']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 94'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 94']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 95'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 95']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 96'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 96']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 97'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 97']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 98'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 98']::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 99'] span::before,.era-gauge.gaugeDark .gaugeMeasure[style*=' 99']::after {
	border-left-color: #000;
	border-right-color: #000
}

.era-gauge.gaugeDark .gaugeMeasure[style*=' 100'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 82'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 83'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 84'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 85'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 86'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 87'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 88'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 89'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 90'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 91'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 92'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 93'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 94'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 95'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 96'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 97'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 98'] span::after,.era-gauge.gaugeDark .gaugeMeasure[style*=' 99'] span::after {
	border-left-color: #000
}

.pageIntro {
	background-size: cover;
	background-position: center center
}

.single-products .pageIntro {
	background-image: url(probg1.jpg)!important
}

@media (min-width:992px) {
	.single-products .pageIntro {
		background-image: url(probg2.jpg)!important
	}
}

.pageIntro .era-layout::after,.pageIntro .era-layout::before {
	content: "";
	display: block;
	width: 1px;
	height: 1px
}

.pageIntro h1 {
	margin-top: 0;
	margin-bottom: 80px;
	color: #fff;
	background: 0 0;
	-webkit-text-fill-color: initial
}

@media (min-width:992px) {
	.pageIntro h1 {
		margin-top: 90px;
		margin-bottom: 200px
	}
}

.pageIntro-content {
	background-image: linear-gradient(90deg,#514689,#00b2a9);
	padding: 30px 25px 25px;
	margin-top: -33px;
	margin-bottom: 25px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 12px 12px 0 0
}

@media (min-width:992px) {
	.pageIntro-content {
		margin-top: -155px;
		padding: 40px 100px 30px;
		margin-bottom: 120px
	}
}

.pageIntro-content p {
	color: #fff;
	font-weight: 500;
	line-height: 1.57
}

@media (min-width:992px) {
	.pageIntro-content p {
		line-height: 1.88
	}
}

.pageIntro-content p:last-of-type {
	margin-bottom: 35px
}

@media (min-width:992px) {
	.pageIntro-content p:last-of-type {
		margin-bottom: 70px
	}
}

.pageIntro-content p a {
	font-weight: 700;
	position: relative
}

.pageIntro-content p a:focus,.pageIntro-content p a:hover {
	text-decoration: none;
	color: #00538b
}

.pageIntro-content.pageIntro-light {
	background: #ececec;
	position: relative;
	z-index: 0;
	border-radius: 12px 12px 0 0
}

.pageIntro-content.pageIntro-light p {
	color: #311e4f
}

.shade-button {
	border: 0;
	outline: 0;
	background: 0 0;
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

.shade-button .desktopLabel {
	display: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	margin-left: 15px
}

@media (min-width:992px) {
	.shade-button .desktopLabel {
		display: block
	}

	.shade-button {
		margin-right: 40px
	}
}

.shade-button:focus,.shade-button:hover {
	color: #fff;
	text-decoration: none
}

.shade-button::before {
	font-size: 18px;
	display: block
}

@media (min-width:992px) {
	.shade-button.icon-like-empty:focus:before,.shade-button.icon-like-empty:hover:before {
		content: '\e812'
	}

	.shade-button.icon-share:focus:before,.shade-button.icon-share:hover:before {
		content: '\e811'
	}

	.shade-button.icon-document-eye:focus:before,.shade-button.icon-document-eye:hover:before {
		content: '\e827'
	}
}

.pageIntro-buttons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.pageIntro-buttons {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: center;
		align-items: center
	}
}

.pageIntro-buttonsTitle {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.pageIntro-buttonsTitle p {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.63;
	letter-spacing: normal;
	color: #fff;
	margin: 0 30px 0 0!important;
	text-transform: uppercase
}

@media (max-width:991px) {
	.pageIntro-buttonsTitle p {
		margin-bottom: 10px!important
	}
}

.pageIntro-buttonsContainer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (min-width:992px) {
	.pageIntro-buttonsContainer {
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 100%;
		-ms-flex-align: center;
		align-items: center
	}
}

.shadeLangSelector {
	font-size: 11px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	font-weight: 700;
	color: #fff;
	position: relative;
	top: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: auto
}

@media (min-width:992px) {
	.shadeLangSelector {
		margin-right: 57px
	}
}

.pageIntro-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (min-width:992px) {
	.pageIntro-left {
		width: 600px;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.pageIntro-right {
	display: none
}

@media (min-width:992px) {
	.pageIntro-right,.pageIntro-right .buttonWithIcon {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center
	}

	.pageIntro-right {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-left: 20px;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.pageIntro-right .buttonWithIcon {
		width: 291px;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: 0 0 auto auto
	}
}

.pageIntro-right .buttonWithIcon [class^=icon-] {
	margin: 0
}

.shadeModule {
	margin-bottom: 55px
}

@media (min-width:992px) {
	.shadeModule {
		margin-bottom: 115px
	}

	.shadeModule h2 {
		margin-bottom: 70px
	}

	.shadeComposition {
		width: 100%;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.shadeComposition table {
	width: 100%;
	table-layout: fixed
}

@media (min-width:992px) {
	.shadeComposition td,.shadeComposition th {
		height: 80px;
		font-size: 18px
	}
}

.shadeComposition tr:has(th) {
	background-image: linear-gradient(90deg,#514689,#00b2a9)
}

.shadeComposition th {
	color: #fff;
	border-right: 1px solid transparent
}

.shadeComposition th.has-td-next {
	border-top-right-radius: 0;
	background-image: linear-gradient(to right,#1a003b,#00b2a9)
}

.shadeComposition td {
	border-right: 1px solid #d4d4d4;
	color: #311e4f
}

@media (min-width:992px) {
	.shadeStandards {
		margin-left: 115px
	}

	.shadeHardeness,.shadeStandards {
		width: 290px;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

.shadeHardeness p,.shadeStandards p {
	color: #311e4f;
	font-size: 18px
}

.shadeHardeness ul,.shadeStandards ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.shadeHardeness ul li,.shadeStandards ul li {
	color: #311e4f;
	font-size: 18px;
	display: block
}

.shadeHardeness ul li::before,.shadeStandards ul li::before {
	color: #311e4f;
	margin-left: -10px;
	width: 10px
}

@media (min-width:992px) {
	.shadeHardeness h2 {
		margin-bottom: 45px
	}

	.shadeProperties {
		width: 50%;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.shadeProperties p {
	color: #311e4f;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 3px
}

.shadeProperties .era-gauge {
	margin-bottom: 10px
}

@media (min-width:992px) {
	.shadeProperties .era-gauge {
		margin-bottom: 25px
	}

	.shadeResisilience {
		width: 50%;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		margin: 0 8% 115px
	}
}

.shadeResisilience img {
	max-width: 100%
}

@media (min-width:992px) {
	.shadeCharacteristics {
		width: 50%;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-bottom: 80px;
		position: relative
	}
}

.shadeCharacteristics p,.shadeCharacteristics ul li {
	margin: 0;
	line-height: 1.71
}

.shadeCharacteristics .buttonWithIcon,.shadeShapes ul li {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.shadeCharacteristics .buttonWithIcon {
	display: none;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg,#514689,#00b2a9)
}

.shadeCharacteristics .buttonWithIcon [class^=icon-] {
	margin: 0;
	font-size: 23px
}

@media (min-width:992px) {
	.shadeCharacteristics .buttonWithIcon {
		display: -ms-flexbox;
		display: flex
	}

	.shadeApplications {
		width: 50%;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		margin: 0 8% 115px
	}
}

.shadeApplications a {
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 700;
	color: #311e4f;
	margin: 2px;
	background: #ececec;
	display: inline-block
}

.applicationsContainer {
	margin: -2px;
	font-size: 0
}

.shadeShapes {
	padding: 0
}

@media (min-width:992px) {
	.shadeShapes {
		width: 290px;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

.shadeList-hardenessContainer ul,.shadeList-standardsContainer ul,.shadeShapes ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.shadeShapes ul li {
	padding-left: 0;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px
}

.shadeShapes ul li:last-of-type {
	margin-bottom: 0
}

.shadeShapes ul li p {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	margin: 0;
	width: 100%;
	text-align: left
}

.shadeShapes ul li a {
	color: #2f2f2f;
	font-weight: 600;
	line-height: 1.43;
	font-size: 16px;
	text-align: left;
	width: 100%
}

@media (min-width:992px) {
	.shadeShapes ul li a {
		font-size: 18px
	}
}

.shadeShapes ul li span {
	font-size: 14px;
	font-weight: 400;
	margin-left: 4px
}

@media (min-width:992px) {
	.shadeShapes ul li span {
		font-size: 16px
	}
}

.shadeShapes ul li img,.shadeShapes ul li svg {
	width: 30px;
	height: 30px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 20px
}

@media (min-width:992px) {
	.shadeShapes ul li img,.shadeShapes ul li svg {
		width: 40px;
		height: 40px
	}
}

.shadeShapes ul li::before {
	display: none
}

.relatedShades {
	margin-bottom: 80px
}

.relatedShades h3 {
	position: relative;
	margin-bottom: 45px;
	line-height: 1.27;
	font-size: 22px;
	z-index: 0;
	display: -ms-inline-flexbox;
	display: inline-flex;
	color: #311e4f
}

@media (min-width:992px) {
	.relatedShades h3 {
		line-height: normal;
		font-size: 38px
	}
}

.relatedShades .eraTilesContainer {
	margin-bottom: 20px
}

@media (max-width:991px) {
	.relatedShades .eraTilesContainer {
		padding-left: 15px
	}
}

@media (min-width:992px) {
	.relatedShades .eraTilesContainer {
		width: 600px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-bottom: 0
	}
}

.relatedShades .alignCenter {
	text-align: right
}

@media (min-width:992px) {
	.relatedShades .alignCenter {
		text-align: center;
		width: 50%;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.relatedShades .tile-shade {
	border-top-left-radius: 12px;
	border-bottom-right-radius: 12px
}

.relatedShadesScrollHolder {
	margin-top: -90px;
	overflow: hidden
}

@media (min-width:992px) {
	.relatedShadesScrollHolder {
		margin-top: -130px
	}
}

@-moz-document url-prefix() {
	.relatedShadesScrollHolder {
		margin-bottom: 17px!important
	}

	body .relatedShades .eraTilesContainer {
		margin-bottom: -17px!important
	}
}

.relatedShadesTitle {
	padding: 35px 0 115px;
	background: #ececec
}

@media (min-width:992px) {
	.relatedShadesTitle {
		padding: 50px 0 100px
	}
}

.relatedShadesHolder {
	width: auto
}

@media (min-width:992px) {
	.relatedShadesHolder {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (max-width:991px) {
	.relatedShadesScrollHolder {
		margin-left: -15px;
		margin-right: -15px
	}
}

#era-about h1,.shadeList-search {
	margin-bottom: 25px
}

@media (min-width:992px) {
	.shadeList-search {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: end;
		align-items: flex-end;
		margin-bottom: 30px
	}
}

.eraDropdown .btn::after,.shadeList-search .buttonWithIcon {
	display: none
}

@media (min-width:992px) {
	.shadeList-search .buttonWithIcon {
		display: block;
		margin-left: 15px
	}
}

.shadeList-search .buttonWithIcon [class^=icon-] {
	margin-left: 33px
}

@media (min-width:992px) {
	.shadeList-search .search-wrap {
		width: 79%
	}
}

.shadeList-search input[type=search]::-webkit-input-placeholder {
	color: #a7a7a7;
	font-weight: 500
}

.shadeList-search input[type=search]::-moz-placeholder {
	color: #a7a7a7;
	font-weight: 500
}

.shadeList-search input[type=search]:-ms-input-placeholder {
	color: #a7a7a7;
	font-weight: 500
}

.shadeList-search input[type=search]:-moz-placeholder {
	color: #a7a7a7;
	font-weight: 500
}

.shadeList-topLine {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 25px
}

@media (min-width:992px) {
	.shadeList-topLine {
		margin-bottom: 50px;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (min-width:992px) {
	p.shadeList-shadeCount {
		font-size: 30px;
		line-height: .6;
		padding-top: 10px
	}
}

.shadeList-noShadesFounds {
	font-size: 13px;
	margin-left: 10px;
	font-weight: 400
}

@media (min-width:992px) {
	.shadeList-noShadesFounds {
		font-size: 18px
	}
}

#shadeList-filtersButton {
	font-weight: 600;
	font-size: 14px;
	color: #311e4f;
	background: 0 0;
	border: 0;
	outline: 0;
	padding: 0;
	height: 22px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 30px
}

@media (min-width:992px) {
	#shadeList-filtersButton {
		display: none
	}
}

#shadeList-filtersButton [class^=icon-] {
	margin-left: 10px;
	font-size: 20px;
	display: inline-block
}

#shadeList-filtersButton [class^=icon-]::before {
	display: block
}

@media (max-width:991px) {
	#shadeList-menu {
		position: fixed;
		width: 255px;
		background: #fff;
		box-shadow: -4px 0 15px 0 rgba(0,0,0,.2);
		right: 0;
		top: 0;
		bottom: 50px;
		transform: translate3d(270px,0,0);
		transition: all .4s linear;
		z-index: 1006;
		overflow: hidden;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-pack: stretch;
		justify-content: stretch
	}
}

.ffScrollFixer {
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none
}

#shadeList-comparatorSelection::-webkit-scrollbar,.ffScrollFixer::-webkit-scrollbar {
	display: none
}

@media (max-width:991px) {
	.ffScrollFixer {
		overflow: scroll;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding-top: 40px;
		padding-bottom: 40px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@-moz-document url-prefix() {
@	media (max-width:991px) {
		.ffScrollFixer{margin-bottom: -17px!important;
		margin-right: -17px!important
	}
}}

body.shadeList-menu_deployed #shadeList-menu {
	transform: translate3d(0,0,0)
}

.eraDropdown,.eraDropdown .btn {
	display: -ms-flexbox;
	display: flex
}

.eraDropdown {
	margin-bottom: 10px;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.eraDropdown {
		margin-bottom: 0
	}
}

.eraDropdown .btn {
	color: #2f2f2f;
	background: 0 0;
	border: 0;
	outline: 0;
	padding: 0;
	height: 40px;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

@media (max-width:991px) {
	.eraDropdown .btn {
		border-bottom: 1px solid #d4d4d4;
		margin-right: 25px;
		margin-left: 25px;
		width: auto
	}
}

.eraDropdown .btn .eraDropdown-title {
	font-size: 14px;
	font-weight: 600
}

.eraDropdown .btn .filtersActiveQty {
	display: inline-block;
	min-width: 18px;
	height: 18px;
	border-radius: 9px;
	background: #ffd100;
	margin-left: 10px;
	color: #2f2f2f;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	padding: 0 1px
}

#shadeList-selectedFilters:empty+#flushFiltersDesktop,.eraDropdown .btn .filtersActiveQty:empty {
	display: none
}

.eraDropdown .btn [class^=icon-] {
	color: #2f2f2f;
	font-size: 10px
}

.eraDropdown.show .btn {
	background: #ececec
}

@media (max-width:991px) {
	.eraDropdown.show .btn {
		font-weight: 800;
		border-bottom: 1px solid #ececec;
		padding-right: 25px;
		padding-left: 25px;
		margin-right: 0;
		margin-left: 0
	}
}

@media (min-width:992px) {
	.eraDropdown.show .btn {
		min-width: 100%
	}
}

.eraDropdown.show .btn [class^=icon-]::before,body .shadeMenu-Filters .eraExpandGeneratedButton.expandedSubMenu::before {
	transform: rotate(180deg)
}

.eraDropdown .dropdown-menu {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	font-size: 0
}

@media (max-width:991px) {
	.eraDropdown .dropdown-menu {
		transform: none!important;
		top: auto!important;
		left: auto!important;
		right: auto!important;
		bottom: auto!important;
		position: relative!important;
		border: 0;
		width: 100%
	}
}

@media (min-width:992px) {
	.eraDropdown .dropdown-menu {
		min-width: 100%;
		max-width: 360px
	}
}

.dropdownFromRight .dropdown-menu {
	left: auto!important;
	right: 0!important;
	transform: none!important
}

@media (min-width:992px) {
	.dropdownFromRight .dropdown-menu {
		top: 100%!important
	}
}

@media (max-width:991px) {
	.dropdown-menu-inner {
		padding: 15px 25px
	}
}

@media (min-width:992px) {
	.dropdown-menu-inner {
		margin: 0 -1px;
		border: 1px solid #d4d4d4;
		padding: 15px
	}
}

.dropdown-menu-inner>.eraCheckbox:last-child {
	margin-bottom: 0
}

.shadeMenu-Filters {
	margin-bottom: 25px;
	z-index: 1
}

@media (min-width:992px) {
	.shadeMenu-Filters {
		margin-bottom: 20px
	}
}

.shadeMenu-Filters .eraDropdown {
	font-size: 0
}

@media (min-width:992px) {
	.shadeMenu-Filters .eraDropdown {
		border: 1px solid #d4d4d4;
		width: 25%;
		display: table-cell;
		border-collapse: collapse
	}
}

@media (max-width:991px) {
	.shadeMenu-Filters .eraDropdown:last-child>.btn {
		border-bottom: none
	}
}

@media (min-width:992px) {
	.shadeMenu-Filters .eraDropdown .btn {
		padding-left: 15px;
		padding-right: 15px;
		height: 58px
	}
}

.shadeMenu-Filters .era-expand-button {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 15px
}

.shadeMenu-Filters .era-expand-button:last-child {
	margin-bottom: 0
}

.shadeMenu-Filters .era-expand-button button {
	background: 0 0;
	border: 0;
	outline: 0;
	padding: 0;
	font-size: 10px;
	margin-left: 10px
}

.shadeMenu-Filters .era-expand-button .eraCheckbox {
	margin-bottom: 0
}

.shadeMenu-Filters .era-expand-button.expanded button::before {
	content: "\e801";
	transform: rotate(180deg)
}

.shadeMenu-Filters .era-expand-button.expanded+.era-expand-content {
	display: block
}

.shadeMenu-Filters .era-expand-content {
	display: none;
	padding-left: 27px
}

.shadeMenu-Filters {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.shadeMenu-Filters {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

.shadeMenu-FiltersContainer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.shadeMenu-FiltersContainer {
		display: table;
		table-layout: fixed;
		width: 79%;
		border-collapse: collapse
	}

	.shadeMenu-FilterButtonContainer {
		width: 21%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

.shadeMenu-FilterButtonContainer button {
	width: 100%
}

@media (min-width:992px) {
	.shadeMenu-FilterButtonContainer button {
		width: 90%;
		float: right
	}
}

.shadeMenu-FilterButtonContainer button .linkText {
	text-align: left
}

@media (max-width:991px) {
	.shadeMenu-FilterButtonContainer button .linkText {
		font-size: 11px
	}
}

.shadeMenu-FilterButtonContainer button [class^=icon-] {
	margin: 0
}

.eraCheckbox {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 30px;
	position: relative;
	margin-bottom: 15px
}

.eraCheckbox input {
	position: absolute;
	top: 1px;
	left: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 16px;
	height: 16px
}

@media (min-width:992px) {
	.eraCheckbox input {
		width: 18px;
		height: 18px;
		top: 0
	}

	.eraCheckbox input:focus+label::before,.eraCheckbox input:hover+label::before {
		background-color: #d5d5d5;
		content: "\e804";
		color: #fff
	}
}

.eraCheckbox input:checked+label::before {
	content: "\e804";
	background-color: #fff;
	color: #311e4f
}

@media (min-width:992px) {
	.eraCheckbox input:checked:focus+label::before,.eraCheckbox input:checked:hover+label::before {
		background-color: #fff;
		color: #594a74
	}
}

.eraCheckbox label {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #2f2f2f
}

@media (min-width:992px) {
	.eraCheckbox label {
		white-space: nowrap
	}
}

.eraCheckbox label span,.selectit span {
	font-size: 11px;
	font-weight: 400;
	display: block
}

@media (min-width:992px) {
	.eraCheckbox label span {
		display: inline
	}
}

.eraCheckbox label::before,.selectit input {
	position: absolute;
	top: 1px;
	left: 0;
	width: 16px;
	height: 16px
}

.eraCheckbox label::before,.selectit {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.eraCheckbox label::before {
	content: "";
	background-color: #fff;
	border: 1px solid #d4d4d4;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.eraCheckbox label::before {
		width: 18px;
		height: 18px;
		top: 0
	}
}

.selectit,body .shadeMenu-Filters .eraCheckboxGenerated {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

body .shadeMenu-Filters .eraCheckboxGenerated>div {
	white-space: nowrap
}

body .shadeMenu-Filters .eraExpandGenerated {
	display: block;
	padding: 0;
	margin: 0;
	list-style-type: none
}

body .shadeMenu-Filters .eraExpandGenerated li {
	display: none;
	margin-bottom: 0;
	margin-top: 15px
}

body .shadeMenu-Filters .eraExpandGeneratedButton {
	background: 0 0;
	border: 0;
	outline: 0;
	padding: 0;
	font-size: 10px;
	margin-left: 10px
}

.selectit {
	-ms-flex-direction: row;
	flex-direction: row;
	padding-left: 30px;
	position: relative;
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #2f2f2f
}

@media (min-width:992px) {
	.selectit {
		white-space: nowrap
	}
}

@media (min-width:992px) {
	.selectit span {
		display: inline
	}
}

.selectit input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(../img/era_checkbox.png);
	background-size: 200%
}

@media (min-width:992px) {
	.selectit input {
		width: 18px;
		height: 18px;
		top: 0
	}

	.selectit input:focus+label::before,.selectit input:hover+label::before {
		background-position: 100% 0
	}
}

.selectit input:checked+label::before {
	background-position: 0 100%
}

@media (min-width:992px) {
	.selectit input:checked:focus+label::before,.selectit input:checked:hover+label::before {
		background-position: 100% 100%
	}
}

.selectit label::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
	border: 1px solid #d4d4d4;
	width: 16px;
	height: 16px
}

@media (min-width:992px) {
	.selectit label::before {
		width: 18px;
		height: 18px;
		top: 0
	}
}

.eraDropdown [aria-labelledby=dropdownFilterNewsPeriod] .dropdown-menu-inner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.eraDropdown [aria-labelledby=dropdownFilterNewsPeriod] input,.eraDropdown [aria-labelledby=dropdownFilterNewsPeriod] label {
	float: left
}

.eraDropdown [aria-labelledby=dropdownFilterNewsPeriod] label {
	margin: 0 8px;
	font-size: 13px;
	font-weight: 500
}

.eraDropdown [aria-labelledby=dropdownFilterNewsPeriod] label:first-child {
	margin-left: 0
}

.eraDropdown [aria-labelledby=dropdownFilterNewsPeriod] input {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	font-size: 14px;
	width: 65px
}

@media (min-width:992px) {
	.eraDropdown [aria-labelledby=dropdownFilterNewsPeriod] input {
		width: 80px
	}
}

.imageCheckbox {
	padding-left: 60px;
	min-height: 20px
}

@media (min-width:992px) {
	.imageCheckbox {
		padding-left: 70px;
		min-height: 30px
	}
}

.imageCheckbox input,.imageCheckbox label::before {
	top: 50%;
	margin-top: -8px
}

@media (min-width:992px) {
	.imageCheckbox input,.imageCheckbox label::before {
		margin-top: -9px
	}
}

.imageCheckbox img {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 28px;
	top: 50%;
	margin: -10px 0 0
}

@media (min-width:992px) {
	.imageCheckbox img {
		width: 30px;
		height: 30px;
		margin-top: -15px
	}
}

.imageCheckbox label {
	white-space: normal;
	line-height: 1.2
}

p.dropdown-helperText {
	font-size: 12px;
	font-weight: 800;
	line-height: 1.42;
	color: #311e4f
}

@media (min-width:992px) {
	p.dropdown-helperText {
		font-size: 13px;
		line-height: normal
	}
}

.dropdownEraProperties .dropdown-menu,.dropdownEraProperties .dropdown-menu-inner {
	max-width: none
}

#dropdownEraProperties-filters {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 54px
}

@media (min-width:992px) {
	#dropdownEraProperties-filters {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 700px;
		margin: -5px -5px 20px
	}
}

#dropdownEraProperties-filters button {
	outline: 0;
	height: 30px;
	border: 1px solid #a7a7a7;
	color: #838383;
	font-size: 11px;
	font-weight: 600;
	background: #fff;
	border-radius: 15px;
	width: 100%;
	padding: 0;
	margin-bottom: 8px
}

@media (min-width:992px) {
	#dropdownEraProperties-filters button {
		width: 31.906%;
		margin: 5px;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		height: 40px;
		border-radius: 20px;
		font-size: 12px
	}
}

#dropdownEraProperties-filters button.selectedFilter {
	opacity: 0;
	cursor: default;
	pointer-events: none
}

#dropdownEraProperties-selectedFilters {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	#dropdownEraProperties-selectedFilters {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

#dropdownEraProperties-selectedFilters div {
	width: 100%;
	margin-right: 10px
}

#dropdownEraProperties-selectedFilters div:nth-child(3n+3) {
	margin-right: 0
}

#dropdownEraProperties-selectedFilters span {
	height: 30px;
	display: block;
	margin-bottom: 10px;
	border-radius: 15px;
	color: #fff;
	text-align: center;
	width: 100%
}

@media (min-width:992px) {
	#dropdownEraProperties-selectedFilters span {
		margin-bottom: 0;
		height: 40px;
		border-radius: 20px
	}
}

#dropdownEraProperties-selectedFilters span:empty {
	border: 1px dashed #b5b4b5;
	background: #ebebeb;
	color: #a7a7a7;
	line-height: 28px
}

@media (min-width:992px) {
	#dropdownEraProperties-selectedFilters span:empty {
		line-height: 38px
	}
}

#dropdownEraProperties-selectedFilters span:empty::before {
	content: attr(data-empty);
	font-size: 11px
}

@media (min-width:992px) {
	#dropdownEraProperties-selectedFilters span:empty::before {
		font-size: 12px
	}
}

#dropdownEraProperties-selectedFilters button {
	border: 0;
	outline: 0;
	height: 30px;
	font-size: 11px;
	font-weight: 600;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	color: #fff;
	border-radius: 15px;
	margin-bottom: 8px;
	width: 100%;
	position: relative;
	padding: 0 37px 0 15px
}

@media (min-width:992px) {
	#dropdownEraProperties-selectedFilters button {
		height: 40px;
		border-radius: 20px;
		font-size: 12px
	}
}

#dropdownEraProperties-selectedFilters button::after,#shadeList-selectedFilters button::after {
	content: "\e80d";
	font-family: "erasteel";
	font-style: normal;
	font-weight: 400;
	speak: none;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: color .4s linear;
	color: #ffd100;
	font-size: 12px;
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -6px
}

#flushFiltersMobile {
	padding-right: 33px
}

@media (min-width:992px) {
	#flushFiltersMobile {
		display: none
	}
}

.shadeList-switcherLine {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px
}

@media (min-width:992px) {
	.shadeList-switcherLine {
		margin-bottom: 30px
	}
}

.shadeList-helper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: start;
	align-items: flex-start;
	max-width: 240px
}

@media (min-width:992px) {
	.shadeList-helper {
		-ms-flex-align: center;
		align-items: center;
		max-width: none
	}
}

.shadeList-helper [class^=icon-] {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	background: #ffd100;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 14px
}

@media (min-width:992px) {
	.shadeList-helper [class^=icon-] {
		width: 36px;
		height: 36px;
		font-size: 22px
	}

	.shadeList-helper [class^=icon-]::before {
		margin-top: 2px
	}
}

.shadeList-helper .helperText {
	margin-left: 14px;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.5;
	color: #858585;
	text-transform: uppercase
}

@media (min-width:992px) {
	.shadeList-helper .helperText {
		font-size: 13px;
		line-height: normal
	}
}

.shadeList-switchersContainer {
	display: none;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:992px) {
	.shadeList-switchersContainer {
		display: -ms-flexbox;
		display: flex
	}
}

.shadeList-switchersContainer span {
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
	color: #838383
}

.shadeList-switchers {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

.shadeList-switchers button {
	background: 0 0;
	border: 0;
	outline: 0;
	padding: 0;
	font-size: 26px;
	color: #d4d4d4;
	margin-left: 22px
}

.viewMode-grid #switchView-grid,.viewMode-list #switchView-list {
	color: #311e4f
}

#shadeList-selectedFilters,.shadeList-selectedFiltersContainer {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-direction: row;
	flex-direction: row
}

.shadeList-selectedFiltersContainer {
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 45px;
	display: none;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (min-width:992px) {
	.shadeList-selectedFiltersContainer {
		display: -ms-flexbox;
		display: flex
	}
}

#shadeList-selectedFilters {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

#shadeList-selectedFilters button {
	border: 0;
	outline: 0;
	height: 40px;
	padding: 0 36px 0 10px;
	font-size: 12px;
	color: #6c6c6c;
	line-height: normal;
	position: relative;
	background: #ececec;
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: 600
}

#shadeList-selectedFilters button::after {
	color: #6c6c6c;
	font-size: 16px;
	right: 10px;
	margin-top: -8px
}

#flushFiltersDesktop {
	background: 0 0;
	border: 0;
	outline: 0;
	padding: 0;
	height: 40px;
	text-decoration: underline;
	font-size: 13px;
	font-weight: 500;
	color: #838383;
	-ms-flex-pack: center;
	justify-content: center
}

#flushFiltersDesktop,#shadeList-shadesContainer,.shadeList-shade {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

#shadeList-shadesContainer {
	margin-bottom: 65px;
	margin-left: -5px;
	margin-right: -5px
}

@media (min-width:992px) {
	#shadeList-shadesContainer {
		margin-bottom: 125px;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.shadeList-shade {
	padding: 5px
}

@media (min-width:992px) {
	.shadeList-shade {
		width: 25%
	}
}

.shadeList-shade h3,.shadeList-shadeTitleLine h2 a {
	font-size: 13px;
	font-weight: 800;
	line-height: normal;
	letter-spacing: normal;
	color: #311e4f
}

@media (min-width:992px) {
	.shadeList-shade h3 {
		font-size: 14px
	}
}

.shadeList-shadeInner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #ececec;
	padding: 15px 10px;
	position: relative;
	min-height: 100%
}

@media (min-width:992px) {
	.shadeList-shadeInner {
		padding: 15px 15px 10px
	}
}

@media (max-width:991px) {
	.shadeList-shade.shadeExpanded .shadeList-shadeInner {
		padding: 15px 10px 3px
	}
}

.shadeList-shadeTitleLine {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-bottom: 5px
}

@media (min-width:992px) {
	.shadeList-shadeTitleLine {
		margin-bottom: 15px
	}
}

.shadeList-shadeTitleLine h2 {
	margin: 0 0 0 10px
}

@media (min-width:992px) {
	.shadeList-shadeTitleLine h2 {
		margin-left: 0
	}
}

.shadeList-shadeTitleLine h2 a {
	font-size: 16px;
	color: #514689;
	font-weight: 700
}

@media (min-width:992px) {
	.shadeList-shadeTitleLine h2 a {
		font-weight: 800;
		font-size: 20px
	}
}

.shadeList-shadeTitleLine h2 sup {
	top: -.5em
}

@media (min-width:992px) {
	.shadeList-shadeTitleLine .expandingArrow {
		position: absolute;
		top: 20px;
		left: 5px;
		width: auto;
		right: 25px
	}
}

.shadeList-arrowPlacer {
	position: relative;
	height: 31px;
	width: 30px;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden
}

@media (min-width:992px) {
	.shadeList-arrowPlacer {
		position: absolute;
		right: 15px;
		bottom: 10px;
		width: 45px;
		height: 47px
	}
}

.shadeList-arrowPlacer .eraArrow {
	position: absolute;
	top: 9px;
	left: -29px
}

@media (min-width:992px) {
	.shadeList-arrowPlacer .eraArrow {
		top: 16px;
		left: -17px
	}
}

.shadeList-arrowPlacer:focus,.shadeList-arrowPlacer:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.shadeList-arrowPlacer:focus svg,.shadeList-arrowPlacer:hover svg {
		transform: scale(1.45)
	}

	.shadeList-arrowPlacer:focus line,.shadeList-arrowPlacer:focus polyline,.shadeList-arrowPlacer:hover line,.shadeList-arrowPlacer:hover polyline {
		stroke-width: 1px
	}
}

.selectedShade .shadeList-arrowPlacer .eraArrow svg * {
	stroke: #fff
}

.shadeList-shadeTitleLeft {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:992px) {
	.shadeList-shadeTitleLeft {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		width: 100%
	}
}

.shadeList-shadeTitleLeft .shadeList-subTitle,.shadeList-shadeTitleLeft .shadeList-tagsContainer {
	display: none
}

.shadeList-subTitle {
	font-size: 9px;
	font-weight: 600;
	line-height: 1.56;
	letter-spacing: 2px;
	color: #6c6c6c;
	text-transform: uppercase
}

@media (min-width:992px) {
	.shadeList-subTitle {
		font-size: 11px;
		line-height: 1.55;
		letter-spacing: 1.5px
	}
}

.shadeList-addToCompare {
	outline: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	background: 0 0;
	color: #311e4f;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 14px;
	border: 1px solid #311e4f
}

@media (min-width:992px) {
	.shadeList-addToCompare {
		width: 36px;
		height: 36px;
		font-size: 22px
	}

	.shadeList-addToCompare::before {
		margin-top: 2px
	}
}

.hasFullComparatorSelection .shadeList-shade:not(.selectedShade) .shadeList-addToCompare {
	pointer-events: none;
	cursor: default;
	color: #d4d4d4;
	border-color: #d4d4d4
}

.shadeList-tagsContainer {
	margin: -2px -10px 10px;
	padding: 0 9px 10px;
	border-bottom: 1px solid rgba(49,30,79,.15);
	font-size: 0;
	display: none
}

@media (min-width:992px) {
	.shadeList-tagsContainer {
		margin: -2px -15px 15px;
		padding: 0 14px 15px;
		display: block
	}
}

.shadeList-tagsList {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.shadeExpanded .shadeList-mobileUpsideDownSecond .shadeList-tagsContainer {
	display: block
}

.shadeList-tag {
	margin: 1px;
	display: inline-block;
	background: #fff;
	color: #311e4f;
	padding: 0 3px;
	line-height: 1.3;
	font-size: 10px;
	font-weight: 700
}

@media (min-width:992px) {
	.shadeList-tag {
		font-size: 12px;
		line-height: 22px;
		padding: 0 6px
	}
}

.shadeList-tag:focus,.shadeList-tag:hover {
	text-decoration: none
}

.shadeList-mobileUpsideDown {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	height: 100%
}

@media (min-width:992px) {
	.shadeList-mobileUpsideDown {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.shadeList-mobileUpsideDownSecond {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	height: 100%
}

@media (min-width:992px) {
	.shadeList-mobileUpsideDownSecond {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.shadeExpanded .shadeList-mobileUpsideDownSecond,.shadeList-mobileBottom,body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li#tarteaucitronServicesTitle_mandatory {
	-ms-flex-direction: column;
	flex-direction: column
}

.shadeList-mobileBottom {
	display: none;
	height: 100%
}

@media (min-width:992px) {
	.shadeList-mobileBottom {
		display: -ms-flexbox;
		display: flex
	}
}

.shadeExpanded .shadeList-mobileBottom {
	display: -ms-flexbox;
	display: flex
}

@media (min-width:992px) {
	.shadeList-mobileTop {
		height: 50px;
		margin-right: 60px;
		border-right: 1px solid rgba(49,30,79,.15);
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.shadeList-propertiesContainer {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.shadeList-hardenessContainer,.shadeList-propertiesContainer,.shadeList-shapesContainer,.shadeList-standardsContainer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 -10px 10px;
	padding: 0 10px 10px;
	border-bottom: 1px solid rgba(49,30,79,.15)
}

.shadeList-hardenessContainer,.shadeList-standardsContainer {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (min-width:992px) {
	.shadeList-hardenessContainer,.shadeList-propertiesContainer,.shadeList-shapesContainer,.shadeList-standardsContainer {
		margin: 0 -15px 15px;
		padding: 0 15px 15px
	}
}

.shadeList-shapesContainer {
	height: 100%;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

@media (min-width:992px) {
	.shadeList-shapesContainer {
		margin: 0 -15px 10px
	}
}

.shadeList-hardenessContainer ul li,.shadeList-standardsContainer ul li {
	padding-left: 0;
	color: #2f2f2f;
	position: relative;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5
}

@media (min-width:992px) {
	.shadeList-hardenessContainer ul li,.shadeList-standardsContainer ul li {
		font-size: 13px;
		line-height: 1.38
	}
}

.shadeList-hardenessContainer ul li strong,.shadeList-standardsContainer ul li strong {
	font-weight: 800
}

.shadeList-standardsContainer p {
	font-size: 13px
}

.shadeList-propertiesContainer p {
	color: #311e4f;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 3px
}

.shadeList-propertiesContainer .era-gauge {
	margin-bottom: 10px
}

@media (min-width:992px) {
	.shadeList-propertiesContainer .era-gauge {
		margin-bottom: 12px
	}
}

@media (max-width:991px) {
	.shadeList-shapesContainer {
		border-bottom: none;
		padding-bottom: 0
	}
}

.shadeList-shapesList {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -12px
}

.shadeList-shapesList img,.shadeList-shapesList object,.shadeList-shapesList svg {
	width: 25px;
	height: 25px;
	display: block;
	margin: 12px;
	pointer-events: none
}

.shadeList-shapesList .shadeList-shapeFiller {
	width: 25px;
	display: block;
	pointer-events: none
}

@media (min-width:992px) {
	.shadeList-shapesList .shadeList-shapeFiller,.shadeList-shapesList img,.shadeList-shapesList object,.shadeList-shapesList svg {
		width: 30px;
		height: 30px
	}
}

.shadeList-langSelector,.shadeList-shape {
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.shadeList-shape {
	-ms-flex-pack: center;
	justify-content: center
}

@media (min-width:992px) {
	.shadeList-shape:hover .shadeList-shapePopup {
		display: -ms-flexbox;
		display: flex
	}
}

.shadeList-langSelector {
	font-size: 11px;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	font-weight: 700;
	color: #2f2f2f;
	top: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: auto
}

.shadeList-shapesList .shadeList-shapeFiller {
	margin: 0 12px;
	height: 0
}

.shadeList-buttonsContainer,.shadeList-buttonsMiddle {
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	height: 100%
}

.shadeList-buttonsContainer {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex: 1;
	flex: 1
}

@media (max-width:991px) {
	.shadeExpanded .shadeList-buttonsContainer {
		margin-bottom: 20px
	}
}

.shadeList-buttonsMiddle {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 130px
}

@media (min-width:992px) {
	.shadeList-buttonsMiddle {
		width: 100%;
		padding-left: 20px;
		max-width: none
	}

	.viewMode-grid .shadeList-buttonsMiddle {
		padding-right: 10px
	}
}

.shadeList-shadeButton {
	border: 0;
	outline: 0;
	padding: 0;
	background: 0 0;
	color: #000;
	cursor: pointer;
	width: 33.33334%;
	text-align: center;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-direction: column;
	flex-direction: column
}

.shadeList-shadeButton::before {
	font-size: 20px;
	display: block
}

.shadeList-shadeButton:focus,.shadeList-shadeButton:hover,.viewMode-list .shadeList-arrowPlacer:focus,.viewMode-list .shadeList-arrowPlacer:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.shadeList-shadeButton.icon-like-empty:focus:before,.shadeList-shadeButton.icon-like-empty:hover:before {
		content: '\e812'
	}

	.shadeList-shadeButton.icon-share:focus:before,.shadeList-shadeButton.icon-share:hover:before {
		content: '\e811'
	}

	.shadeList-shadeButton.icon-document-eye:focus:before,.shadeList-shadeButton.icon-document-eye:hover:before {
		content: '\e827'
	}
}

.shadeList-expandShade {
	width: 25px;
	margin-left: 10px;
	text-align: right;
	height: 100%
}

@media (min-width:992px) {
	.shadeList-expandShade {
		display: none
	}
}

.shadeExpanded .shadeList-expandShade::before {
	content: "\e80d"
}

#shadeList-comparatorContainer {
	box-shadow: none;
	background: #fff;
	width: 100%;
	padding: 15px 0;
	left: 0;
	z-index: 12;
	position: fixed;
	display: block;
	transform: translate3d(0,100%,0);
	transition: all .4s linear
}

@media (max-width:991px) {
	#shadeList-comparatorContainer {
		bottom: 49px
	}
}

@media (min-width:992px) {
	#shadeList-comparatorContainer {
		padding: 35px 0;
		bottom: 0
	}
}

#shadeList-comparatorContainer .era-layout,#shadeList-comparatorSelection {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

@media (max-width:991px) {
	#shadeList-comparatorContainer .era-layout {
		position: relative;
		padding-bottom: 60px
	}
}

@media (min-width:992px) {
	#shadeList-comparatorContainer .era-layout {
		-ms-flex-direction: row;
		flex-direction: row
	}
}

.hasComparatorSelection #shadeList-comparatorContainer {
	display: block;
	transform: translate3d(0,0,0);
	box-shadow: 0 -4px 15px 0 rgba(0,0,0,.2)
}

.shadeList-comparatorHelper {
	display: none;
	height: 60px;
	width: 190px;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 15px;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

@media (min-width:992px) {
	.shadeList-comparatorHelper {
		display: -ms-flexbox;
		display: flex
	}
}

.shadeList-comparatorHelper p {
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	color: #858585
}

#shadeList-comparatorSelection {
	-ms-flex-direction: row;
	flex-direction: row;
	overflow-x: scroll;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
	margin-right: -15px;
	margin-left: -15px;
	padding-left: 15px;
	padding-right: 15px
}

@media (min-width:992px) {
	#shadeList-comparatorSelection {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0
	}
}

#shadeList-comparatorSelection::after {
	content: "";
	width: 15px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

#shadeList-comparatorSelection button {
	border: 0;
	outline: 0;
	height: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 46px 0 10px;
	color: #fff;
	width: 120px;
	text-align: center;
	margin-right: 10px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: #311e4f;
	position: relative
}

@media (min-width:992px) {
	#shadeList-comparatorSelection button {
		margin-right: 15px;
		height: 60px;
		width: 190px;
		padding: 0 46px 0 15px
	}
}

#shadeList-comparatorSelection button:last-of-type {
	margin-right: 0
}

#shadeList-comparatorSelection button:empty {
	background: #ebebeb;
	cursor: default
}

#shadeList-comparatorSelection button h2 {
	font-size: 11px;
	font-weight: 700;
	display: inline-block;
	margin: 0;
	text-align: left
}

@media (min-width:992px) {
	#shadeList-comparatorSelection button h2 {
		font-size: 15px
	}
}

#shadeList-comparatorSelection button h2 a {
	color: #fff;
	pointer-events: none
}

#shadeList-comparatorSelection button h2::after {
	content: "\e80d";
	font-family: "erasteel";
	font-style: normal;
	font-weight: 400;
	speak: none;
	text-decoration: inherit;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: color .4s linear;
	color: #ffd100;
	font-size: 16px;
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -8px
}

@-moz-document url-prefix() {
	#shadeList-comparatorContainer .era-layout {
		overflow: hidden
	}

	#shadeList-comparatorSelection {
		margin-bottom: -17px!important
	}
}

@media (max-width:991px) {
	#shadeList-comparatorButtonContainer {
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
		width: auto;
		display: block
	}
}

#shadeList-comparatorButton {
	margin: 0;
	height: 50px;
	background: 0 0;
	color: #d4d4d4;
	pointer-events: none;
	cursor: default
}

@media (max-width:991px) {
	#shadeList-comparatorButton {
		width: 100%
	}
}

@media (min-width:992px) {
	#shadeList-comparatorButton {
		height: 60px;
		width: 190px
	}
}

#shadeList-comparatorButton [class^=icon-] {
	margin-left: auto;
	font-size: 16px
}

.hasComparatorSelection #shadeList-comparatorButton {
	pointer-events: all;
	cursor: pointer;
	color: #fff;
	background-image: linear-gradient(to right,#1a003b,#00b2a9)
}

.shadeList-listViewExpander {
	border: 0;
	outline: 0;
	background: 0 0;
	font-size: 10px;
	margin-right: -15px;
	padding: 0 15px;
	height: 100%;
	display: none
}

@media (min-width:992px) {
	.viewMode-list .shadeList-arrowPlacer:focus svg,.viewMode-list .shadeList-arrowPlacer:hover svg {
		transform: scale(1.3)
	}

	.viewMode-list .shadeList-listViewExpander,.viewMode-list .shadeList-shadeTitleLeft .shadeList-subTitle,.viewMode-list .shadeList-shadeTitleLeft .shadeList-tagsContainer {
		display: block
	}

	.viewMode-list .shadeList-subTitle,.viewMode-list .shadeList-tagsContainer {
		display: none
	}

	.viewMode-list .shadeList-subTitle {
		margin: 0 15px
	}

	.viewMode-list .shadeList-shadeTitleLine {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 0;
		height: 80px;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #ececec
	}

	.viewMode-list .shadeList-shadeTitleLine h2 {
		line-height: 1.1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		width: 100%
	}

	.viewMode-list .shadeList-shadeTitleLeft {
		padding-left: 210px
	}

	.viewMode-list .shadeList-subTitle {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 28%
	}

	.viewMode-list .shadeList-tagsContainer {
		margin: 0 5px 0 0;
		border: 0;
		padding: 0;
		width: 45%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.viewMode-list .shadeList-shade {
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%
	}

	.viewMode-list .shadeList-shadeInner {
		width: 100%;
		padding-bottom: 0;
		padding-top: 0
	}

	.viewMode-list .shadeList-mobileUpsideDown {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		height: 0
	}

	.viewMode-list .shadeList-mobileUpsideDownSecond {
		display: none
	}

	.viewMode-list .shadeList-mobileBottom {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		margin-right: 50%;
		border-right: 1px solid rgba(49,30,79,.15);
		min-height: 180px
	}

	.viewMode-list .shadeList-mobileTop {
		position: absolute;
		top: 0;
		left: 20px;
		height: 80px;
		width: 190px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border: 0
	}

	.viewMode-list .shadeList-buttonsContainer,.viewMode-list .shadeList-propertiesContainer h3 {
		width: 100%
	}

	.viewMode-list .shadeList-propertiesContainer {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		border-bottom: none;
		position: absolute;
		left: 100%;
		top: 10px;
		margin-left: 10px;
		margin-right: 0
	}

	.viewMode-list .shadeList-listsContainer {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%
	}

	.viewMode-list .era-gaugeContainer {
		width: 50%
	}

	.viewMode-list .shadeList-standardsContainer {
		width: 270px;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		margin-right: 0;
		padding-top: 10px;
		border-right: 1px solid rgba(49,30,79,.15);
		margin-bottom: 0
	}

	.viewMode-list .shadeList-hardenessContainer {
		width: 330px;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		margin-left: 0;
		margin-right: 0;
		padding-top: 10px;
		margin-bottom: 0
	}

	.viewMode-list .shadeList-shapesContainer {
		width: 100%;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding: 15px 0 0;
		margin: 0 0 15px;
		border: 0;
		height: auto;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.viewMode-list .shadeList-shapesContainer h3 {
		margin: 0 30px 0 0
	}

	.viewMode-list .shadeList-shapesList {
		margin: 0
	}

	.viewMode-list .shadeList-shapesList .shadeList-shape {
		margin: -10px 0;
		padding: 10px 8px
	}
}

@media (min-width:1200px) {
	.viewMode-list .shadeList-shapesList .shadeList-shape {
		padding: 10px
	}
}

@media (min-width:992px) {
	.viewMode-list .shadeList-shapesList .shadeList-shape:first-child {
		margin-left: -10px
	}

	.viewMode-list .shadeList-shapesList img,.viewMode-list .shadeList-shapesList svg {
		margin: 0
	}

	.viewMode-list .shadeList-arrowPlacer {
		position: relative;
		top: 0;
		right: 0;
		margin-left: 25px
	}

	.viewMode-list .shadeList-shadeTitleLine .expandingArrow {
		top: 22px
	}

	.viewMode-list .shadeExpanded-list .shadeList-mobileUpsideDownSecond {
		display: -ms-flexbox;
		display: flex
	}

	.viewMode-list .shadeExpanded-list .shadeList-shadeTitleLine {
		border-bottom: 1px solid rgba(49,30,79,.15)
	}

	.viewMode-list .shadeExpanded-list .shadeList-mobileUpsideDown {
		height: auto
	}

	.viewMode-list .shadeExpanded-list .shadeList-listViewExpander::before {
		transform: rotate(180deg)
	}
}

.selectedShade .shadeList-shadeInner {
	background: #1a003b
}

@media (min-width:992px) {
	.selectedShade .shadeList-shadeInner .shadeList-mobileBottom,.selectedShade .shadeList-shadeInner .shadeList-shadeTitleLine {
		border-color: #504167
	}
}

.selectedShade .shadeList-shadeInner h2,.selectedShade .shadeList-shadeInner h2 a,.selectedShade .shadeList-shadeInner h3,.selectedShade .shadeList-shadeInner ul li {
	color: #fff
}

.selectedShade .shadeList-shadeInner .shadeList-subTitle {
	color: #a7a7a7
}

.selectedShade .shadeList-shadeInner .shadeList-hardenessContainer,.selectedShade .shadeList-shadeInner .shadeList-propertiesContainer,.selectedShade .shadeList-shadeInner .shadeList-shapesContainer,.selectedShade .shadeList-shadeInner .shadeList-standardsContainer,.selectedShade .shadeList-shadeInner .shadeList-tagsContainer {
	border-color: #504167
}

.selectedShade .shadeList-shadeInner .shadeList-addToCompare {
	background: #ffd100;
	color: #311e4f;
	border: 1px solid #ffd100
}

.selectedShade .shadeList-shadeInner .shadeList-mobileTop {
	border-color: #504167
}

.selectedShade .shadeList-shadeInner .shadeList-langSelector,.selectedShade .shadeList-shadeInner .shadeList-listViewExpander,.selectedShade .shadeList-shadeInner .shadeList-propertiesContainer p,.selectedShade .shadeList-shadeInner .shadeList-shadeButton {
	color: #fff
}

@media (min-width:992px) {
	.selectedShade .shadeList-shadeInner .shadeList-langSelector:focus,.selectedShade .shadeList-shadeInner .shadeList-langSelector:hover,.selectedShade .shadeList-shadeInner .shadeList-shadeButton:focus,.selectedShade .shadeList-shadeInner .shadeList-shadeButton:hover {
		color: #fff
	}
}

#shadePopup,.selectedShade .shadeList-shadeInner .expandingArrow::before {
	background: #fff
}

.selectedShade .shadeList-shadeInner .expandingArrow::after {
	border-color: #fff
}

.selectedShade .shadeList-shadeInner svg g,.selectedShade .shadeList-shadeInner svg path {
	fill: #fff!important
}

.selectedShade .shadeList-shadeInner .shadeList-shape img {
	filter: brightness(10)
}

#shadePopup {
	color: #311e4f;
	padding: 5px 10px;
	position: relative
}

#shadePopup p,#shadePopup span {
	color: #2f2f2f;
	line-height: 1.4;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-align: center
}

#shadePopup p {
	margin: 0;
	white-space: nowrap;
	font-size: 12px
}

#shadePopup span {
	font-size: 10px;
	font-weight: 400;
	display: block
}

#popupArrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #fff transparent transparent;
	position: absolute
}

#shadePopup[x-placement=left] #popupArrow,#shadePopup[x-placement=right] #popupArrow,#shadePopup[x-placement=top] #popupArrow {
	top: 100%
}

#shadePopup[x-placement=bottom] #popupArrow {
	bottom: 100%;
	border-width: 0 5px 5px;
	border-color: transparent transparent #fff
}

.datepicker-dropdown {
	z-index: 1007!important
}

#comparatedShades {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	border: 1px solid #ececec;
	margin-left: -15px;
	margin-right: -15px;
	border-right: none;
	border-left: none;
	margin-bottom: 20px;
	box-sizing: content-box
}

@media (min-width:992px) {
	#comparatedShades {
		border: 0;
		width: 75%;
		margin: 0 0 30px auto;
		height: auto
	}
}

#comparatedShadesSticky,.comparatedShade,.stickyInnerLayout,.stickyLayout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%
}

@media (min-width:992px) {
	.stickyComparatedSelection .stickyLayout {
		max-width: 1240px;
		padding: 0 15px;
		width: 100%;
		margin: 0 auto
	}
}

@media (min-width:992px) {
	.stickyComparatedSelection .stickyInnerLayout {
		padding-left: 25%;
		padding-top: 10px
	}
}

.stickyComparatedSelection #comparatedShadesSticky {
	position: fixed;
	top: 51px;
	background: #fff;
	z-index: 2;
	transition: box-shadow .4s linear;
	box-shadow: 0 4px 15px 0 rgba(0,0,0,.2)
}

@media (min-width:992px) {
	.stickyComparatedSelection #comparatedShadesSticky {
		border: 0;
		margin: 0 0 30px auto;
		height: auto;
		top: 71px;
		left: 0;
		width: 100%;
		background: #fff
	}
}

.comparatedShade {
	border-right: 1px solid #ececec;
	width: 33.33334%;
	padding: 10px 12px 10px 15px;
	min-height: 50px;
	position: relative;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.comparatedShade {
		padding: 0 20px;
		border: 0;
		min-height: 130px;
		margin-left: 15px;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.comparatedShade:nth-child(3) {
	border-right: none
}

.comparatedShade p.comparatedShade-subTitle {
	font-size: 9px;
	font-weight: 600;
	line-height: 1.56;
	letter-spacing: 2px;
	color: #6c6c6c;
	text-transform: uppercase;
	margin: 0
}

@media (min-width:992px) {
	.comparatedShade p.comparatedShade-subTitle {
		font-size: 11px;
		line-height: 1.55;
		letter-spacing: 1.5px
	}
}

.comparatedShade-topLine {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.comparatedShade-titleLine {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: start;
	align-items: flex-start
}

.comparatedShade-title {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: normal;
	color: #311e4f;
	text-decoration: underline;
	line-height: 1
}

@media (min-width:992px) {
	.comparatedShade-title {
		font-size: 24px;
		font-weight: 800;
		text-decoration: none
	}
}

.removeComparatedShade {
	border: 0;
	outline: 0;
	background: 0 0;
	color: #2f2f2f;
	margin-left: 5px;
	margin-right: -5px;
	padding: 0 5px
}

@media (min-width:992px) {
	.removeComparatedShade {
		margin-left: 10px;
		margin-right: -10px;
		padding-right: 10px;
		padding-left: 10px
	}
}

.comparatedShade-buttons,.comparatedShade-subTitle {
	display: none
}

@media (min-width:992px) {
	.comparatedShade-buttons,.comparatedShade-subTitle {
		display: -ms-flexbox;
		display: flex
	}
}

.comparatedShade-buttons {
	width: 100%;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.comparatedShade-shadeButton {
	border: 0;
	outline: 0;
	padding: 0;
	background: 0 0;
	color: #000;
	cursor: pointer
}

.comparatedShade-shadeButton::before {
	font-size: 18px
}

@media (min-width:992px) {
	.comparatedShade-shadeButton.icon-like-empty:focus:before,.comparatedShade-shadeButton.icon-like-empty:hover:before {
		content: '\e812'
	}

	.comparatedShade-shadeButton.icon-share:focus:before,.comparatedShade-shadeButton.icon-share:hover:before {
		content: '\e811'
	}

	.comparatedShade-shadeButton.icon-document-eye:focus:before,.comparatedShade-shadeButton.icon-document-eye:hover:before {
		content: '\e827'
	}
}

.comparatedShade-buttonsMiddle .comparatedShade-shadeButton {
	margin-right: 30px
}

@media (min-width:992px) {
	.comparatedShade-buttonsMiddle .comparatedShade-shadeButton {
		margin-right: 20px
	}
}

.comparatedShade-buttonsMiddle .comparatedShade-shadeButton:last-child {
	margin-right: 0
}

.comparatedShade-arrowPlacer,.comparatedShade-langSelector {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.comparatedShade-langSelector {
	font-size: 12px;
	border: 0;
	outline: 0;
	background: 0 0;
	padding: 0;
	-ms-flex-direction: row;
	flex-direction: row;
	font-weight: 700;
	color: #2f2f2f
}

.comparatedShade-langSelector.show .dropdown-toggle,.comparatedShade-langSelector.show .eraTile-langMenu.dropdown-menu .dropdown-menu-inner {
	background: #311e4f
}

.comparatedShade-arrowPlacer {
	width: 30px;
	height: 30px;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

@media (min-width:992px) {
	.comparatedShade-arrowPlacer {
		width: 45px;
		height: 45px
	}
}

.comparatedShade-arrowPlacer:focus,.comparatedShade-arrowPlacer:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.comparatedShade-arrowPlacer:focus svg,.comparatedShade-arrowPlacer:hover svg {
		transform: scale(1.3)
	}

	.comparatedShade-arrowPlacer:focus line,.comparatedShade-arrowPlacer:focus polyline,.comparatedShade-arrowPlacer:hover line,.comparatedShade-arrowPlacer:hover polyline {
		stroke-width: 1px
	}
}

#comparisonContainer {
	margin-bottom: 60px
}

@media (min-width:992px) {
	#comparisonContainer {
		margin-bottom: 80px
	}
}

#comparisonContainer .contentExpanderContent {
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 -15px 30px
}

@media (min-width:992px) {
	#comparisonContainer .contentExpanderContent {
		margin: 30px 0 50px
	}
}

@media (max-width:991px) {
	#comparisonContainer .contentExpanderContent {
		display: -ms-flexbox!important;
		display: flex!important
	}

	#comparisonContainer .contentExpanderToggler {
		pointer-events: none
	}

	#comparisonContainer .contentExpanderToggler::after {
		display: none!important
	}
}

.comparisonLine {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.comparisonLine {
		-ms-flex-direction: row;
		flex-direction: row
	}

	.comparisonLine:nth-child(odd) .comparisonLine-value {
		background: #ececec
	}

	.comparisonLine:nth-child(even) .comparisonLine-title {
		background: #fff
	}
}

.comparisonLine-title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #ececec;
	color: #2f2f2f;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 33px;
	font-size: 10px;
	line-height: 1.33;
	font-weight: 600;
	text-align: center;
	padding: 0 5px
}

@media (min-width:992px) {
	.comparisonLine-title {
		font-size: 15px;
		width: 25%;
		height: 44px;
		padding: 0 15px;
		text-align: left
	}
}

.comparisonLine-title:empty {
	display: none
}

@media (min-width:992px) {
	.comparisonLine-title:empty {
		display: -ms-flexbox;
		display: flex
	}

	.comparisonApplications .comparisonLine-title,.comparisonHardeness .comparisonLine-title,.comparisonProperties .comparisonLine-title,.comparisonShapes .comparisonLine-title {
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: left
	}
}

.comparisonLine-values {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	min-height: 33px
}

@media (min-width:992px) {
	.comparisonLine-values {
		width: 75%;
		min-height: 44px
	}
}

.comparisonResilience .comparisonLine-values {
	height: 90px
}

@media (min-width:992px) {
	.comparisonResilience .comparisonLine-values {
		height: auto
	}
}

.comparisonProperties .comparisonLine-title,.comparisonProperties .comparisonLine-values .comparisonLine-value,.comparisonResilience .comparisonLine-title,.comparisonResilience .comparisonLine-values .comparisonLine-value {
	background: #fff
}

.comparisonLine-value {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 33.33334%;
	color: #311e4f;
	font-size: 11px;
	line-height: 1.55;
	font-weight: 600;
	text-align: center;
	padding: 0 5px
}

@media (min-width:992px) {
	.comparisonLine-value {
		font-size: 18px;
		line-height: 1.11;
		padding: 0 10px
	}
}

.comparisonLine-value:empty {
	background: #fff!important
}

@media (min-width:992px) {
	.comparisonProperties .comparisonLine-title {
		height: 54px;
		border-bottom: 2px solid #ececec
	}
}

.comparisonProperties .comparisonLine-values {
	height: 22px;
	min-height: 0;
	padding: 0;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (min-width:992px) {
	.comparisonProperties .comparisonLine-values {
		height: 54px;
		-ms-flex-align: center;
		align-items: center
	}

	.comparisonProperties .comparisonLine:last-child {
		border-bottom: none
	}
}

.comparisonProperties .comparisonLine-value {
	padding: 0 10px;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	border-bottom: 1px solid #ececec
}

@media (min-width:992px) {
	.comparisonProperties .comparisonLine-value {
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 2px solid #ececec
	}
}

.comparisonProperties .comparisonLine-value:empty {
	border-bottom: 1px solid #fff
}

@media (min-width:992px) {
	.comparisonProperties .comparisonLine-value:empty {
		border-bottom: 2px solid #fff
	}
}

.comparisonProperties .gaugeMeasure:not(.bestMeasure) {
	background: #838383
}

.comparisonLine-imageZoomable {
	position: relative;
	margin: 0 auto;
	z-index: 0
}

.comparisonLine-imageZoomable img,.comparisonLine-imageZoomable svg {
	height: 50px;
	width: 50px;
	display: block;
	max-width: 100%
}

@media (min-width:992px) {
	.comparisonLine-imageZoomable img,.comparisonLine-imageZoomable svg {
		width: 100%;
		height: auto
	}
}

.comparisonLine-zoomButton {
	border: 0;
	outline: 0;
	background: 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.6);
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #000;
	font-size: 23px
}

@media (min-width:992px) {
	.comparisonLine-zoomButton {
		display: none
	}
}

.comparisonApplications .icon-check-bold,.storyTile-content b {
	font-size: 14px
}

@media (min-width:992px) {
	.comparisonApplications .icon-check-bold {
		font-size: 16px
	}
}

.comparisonApplications .icon-check-bold::after,.removedShade .comparatedShade-addShades::before {
	display: block
}

.comparisonShapes .comparisonLine-title {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -ms-flexbox;
	display: flex
}

@media (min-width:992px) {
	.comparisonShapes .comparisonLine-title {
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.comparisonShapes img,.comparisonShapes svg {
	width: 20px;
	height: 20px;
	margin-right: 8px
}

@media (min-width:992px) {
	.comparisonShapes img,.comparisonShapes svg {
		width: 30px;
		height: 30px;
		margin-right: 15px
	}
}

.comparatedShade-addShades {
	display: none
}

.removedShade .comparatedShade-addShades {
	border: 0;
	outline: 0;
	background: 0 0;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20px;
	text-align: center;
	background: #ececec;
	color: #2f2f2f
}

@media (min-width:992px) {
	.removedShade .comparatedShade-addShades {
		font-size: 30px
	}
}

.removedShade .comparatedShade-addShades:focus,.removedShade .comparatedShade-addShades:hover {
	text-decoration: none
}

#imageModal .modal-body,#imageModal .modal-dialog,#imageModal .modal-footer,#imageModal .modal-header,body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li {
	display: -ms-flexbox;
	display: flex
}

#imageModal .modal-content,#imageModal .modal-dialog {
	height: 100%
}

#imageModal .modal-dialog {
	margin: 0;
	padding: 0;
	max-width: none
}

#imageModal .modal-content {
	background: 0 0;
	border: 0;
	padding: 15px
}

#imageModal .modal-header {
	border: 0;
	background: 0 0;
	padding: 0
}

#imageModal .modal-header button {
	border: 0;
	outline: 0;
	background: 0 0;
	padding: 10px;
	font-size: 16px;
	margin-top: -10px;
	margin-right: -10px
}

#imageModal .modal-body {
	padding: 0;
	height: 100%;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #311e4f
}

#imageModal img {
	max-width: 100%;
	display: block;
	margin-bottom: 23px;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	max-height: 100%;
	height: auto;
	width: 290px
}

.modal-backdrop {
	background: rgba(255,255,255,.96)
}

.modal-backdrop.show {
	opacity: 1;
	transition: opacity .4s linear
}

.applicationsList-carouselSpacer {
	margin-bottom: 170px
}

@media (min-width:992px) {
	.applicationsList-carouselSpacer {
		margin-bottom: 260px
	}
}

.applicationsList-carouselContainer {
	margin-bottom: -131px
}

@media (min-width:992px) {
	.applicationsList-carouselContainer {
		-ms-flex-negative: 1;
		flex-shrink: 1;
		width: 100%;
		margin-bottom: -205px;
		overflow: hidden
	}
}

.applicationsList-carousel {
	margin-bottom: 25px;
	margin-right: -40px;
	margin-left: -40px;
	padding-left: 30px
}

@media (min-width:992px) {
	.applicationsList-carousel {
		margin: 0 -7px 25px;
		padding: 0
	}
}

.applicationsList-carousel.slick-slider {
	overflow: hidden
}

@media (min-width:992px) {
	.applicationsList-carousel.slick-slider {
		overflow: visible
	}
}

.applicationsList-carousel .slick-list {
	overflow: visible
}

@media (min-width:992px) {
	.applicationsList-carousel .slick-list {
		overflow: hidden
	}

	.applicationsList-carousel .slick-track {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

.applicationsList-carousel .slick-slide {
	margin-right: 15px
}

@media (min-width:992px) {
	.applicationsList-carousel .slick-slide {
		margin: 0 7.5px
	}
}

.applicationsList-carousel .slick-slide:last-child,.news-container.news-container-sliding .news-entry:last-child {
	margin-right: 0
}

@media (min-width:992px) {
	.applicationsList-carousel .slick-slide:last-child {
		margin-right: 7.5px
	}
}

.applicationsList-carouselBbuttons {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -25px;
	padding: 0
}

@media (min-width:992px) {
	.applicationsList-carouselBbuttons {
		margin: 0
	}
}

.applicationsList-carouselTile .carouselTile-inner p {
	color: #311e4f;
	position: relative;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1.7
}

.applicationsList-carouselTile .eraArrow svg * {
	stroke: #311e4f
}

.application-container {
	display: none
}

.carouselTile-inner {
	width: 90px;
	height: 120px;
	position: relative;
	padding: 30px 10px 30px 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	background: #ececec;
	transition: all .4s linear;
	border-radius: 15px 0 15px 0
}

@media (min-width:992px) {
	.carouselTile-inner {
		width: 100%;
		height: 250px;
		padding: 33px 25px
	}
}

.carouselTile-inner .applicationArrow {
	position: absolute;
	right: 10px;
	bottom: 10px
}

@media (min-width:992px) {
	.carouselTile-inner .applicationArrow {
		right: 25px;
		bottom: 30px
	}
}

.carouselTile-inner:focus,.carouselTile-inner:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.carouselTile-inner:focus .eraArrow svg,.carouselTile-inner:hover .eraArrow svg {
		transform: scale(1.4)
	}

	.carouselTile-inner:focus .eraArrow svg *,.carouselTile-inner:hover .eraArrow svg * {
		stroke: #ffd100
	}

	.carouselTile-inner:focus .eraArrow line,.carouselTile-inner:focus .eraArrow polyline,.carouselTile-inner:hover .eraArrow line,.carouselTile-inner:hover .eraArrow polyline {
		stroke-width: 1px
	}

	.carouselTile-inner:focus .applicationsList-tileBackground::after,.carouselTile-inner:focus .applicationsList-tileBackground::before,.carouselTile-inner:focus::after,.carouselTile-inner:hover .applicationsList-tileBackground::after,.carouselTile-inner:hover .applicationsList-tileBackground::before,.carouselTile-inner:hover::after {
		opacity: 1
	}

	.carouselTile-inner:focus,.carouselTile-inner:hover {
		background: #311e4f
	}

	.carouselTile-inner:focus .applicationsList-tileBackground,.carouselTile-inner:hover .applicationsList-tileBackground {
		opacity: .5
	}

	.carouselTile-inner:focus p,.carouselTile-inner:hover p {
		color: #ffd100;
		transition: all .4s linear
	}
}

.applicationsList-carouselTile.carouselTileWithImage p {
	color: #fff;
	word-break: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

.applicationsList-carouselTile.carouselTileWithImage .eraArrow svg *,.applicationsList-tile.tileImage .eraArrow svg * {
	stroke: #fff
}

.applicationsList-carouselTile.carouselTileWithImage:focus p,.applicationsList-carouselTile.carouselTileWithImage:hover p,.applicationsList-tile.tileImage :focus .applicationsList-tileContent h4,.applicationsList-tile.tileImage :focus .applicationsList-tileContent p,.applicationsList-tile.tileImage :hover .applicationsList-tileContent h4,.applicationsList-tile.tileImage :hover .applicationsList-tileContent p {
	color: #ffd100
}

.applicationsList-carouselTile.carouselTileWithImage:focus .eraArrow svg *,.applicationsList-carouselTile.carouselTileWithImage:hover .eraArrow svg * {
	stroke: #ffd100
}

.applicationsList-tiles {
	overflow: hidden;
	margin-left: -20px;
	margin-right: -15px;
	padding-right: 8px
}

@media (min-width:992px) {
	.applicationsList-tiles {
		margin-left: 0;
		margin-right: 0;
		padding-right: 0
	}
}

.applicationsList-tilesScroller {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow: -moz-scrollbars-none;
	overflow-x: scroll;
	-ms-overflow-style: none;
	padding-left: 15px
}

@media (min-width:992px) {
	.applicationsList-tilesScroller {
		margin: -7px;
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.applicationsList-tilesScroller::-webkit-scrollbar {
	display: none
}

@-moz-document url-prefix() {
	.applicationsList-tilesScroller {
		margin-bottom: -26px!important
	}
}

.applicationsList-tile {
	padding: 0 5px;
	width: 240px;
	height: 270px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (min-width:992px) {
	.applicationsList-tile {
		width: 25%;
		height: 390px;
		padding: 7px
	}
}

.applicationsList-tile.tileImage .applicationsList-tileContent h4,.applicationsList-tile.tileImage .applicationsList-tileContent p {
	color: #fff
}

@media (min-width:992px) {
	.applicationsList-tile.tileImage :focus .eraArrow svg *,.applicationsList-tile.tileImage :hover .eraArrow svg * {
		stroke: #ffd100
	}
}

.applicationsList-tileInner {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 25px 15px;
	width: 100%;
	height: 100%;
	background: #ececec;
	position: relative;
	transition: all .4s linear;
	border-radius: 15px 0 15px 0
}

@media (min-width:992px) {
	.applicationsList-tileInner {
		-ms-flex-pack: end;
		justify-content: flex-end;
		padding: 25px 30px
	}
}

.applicationsList-tileInner .eraArrow {
	position: absolute;
	right: 15px;
	bottom: 10px
}

@media (min-width:992px) {
	.applicationsList-tileInner .eraArrow {
		right: 30px;
		bottom: 25px
	}
}

.applicationsList-tileInner .eraArrow svg * {
	stroke: #000
}

@media (min-width:992px) {
	.applicationsList-tileInner:focus .eraArrow svg,.applicationsList-tileInner:hover .eraArrow svg {
		transform: scale(1.4)
	}

	.applicationsList-tileInner:focus .eraArrow svg *,.applicationsList-tileInner:hover .eraArrow svg * {
		stroke: #ffd100
	}

	.applicationsList-tileInner:focus .eraArrow line,.applicationsList-tileInner:focus .eraArrow polyline,.applicationsList-tileInner:hover .eraArrow line,.applicationsList-tileInner:hover .eraArrow polyline {
		stroke-width: 1px
	}
}

.applicationsList-tileInner .alignRight {
	line-height: 0;
	height: 14px
}

.applicationsList-tileInner:focus,.applicationsList-tileInner:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.applicationsList-tileInner:focus,.applicationsList-tileInner:hover {
		background: #311e4f
	}

	.applicationsList-tileInner:focus h4,.applicationsList-tileInner:focus p,.applicationsList-tileInner:hover h4,.applicationsList-tileInner:hover p {
		color: #ffd100!important
	}

	.applicationsList-tileInner:focus .applicationsList-tileBackground,.applicationsList-tileInner:hover .applicationsList-tileBackground {
		opacity: .5
	}

	.applicationsList-tileInner:focus .applicationsList-tileBackground::after,.applicationsList-tileInner:hover .applicationsList-tileBackground::after {
		opacity: 1
	}
}

.applicationsList-tileBackground,.applicationsList-tileBackground::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .4s linear;
	border-radius: 15px 0 15px 0
}

.applicationsList-tileBackground {
	background-position: center center;
	background-size: cover
}

.applicationsList-tileBackground::after {
	background: #514689;
	opacity: .7;
	content: "";
	display: block
}

.slick-list .applicationsList-tileBackground::after {
	background-image: linear-gradient(to right,#1a003b,#00b2a9)
}

.applicationsList-tileContent {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	height: 100%;
	position: relative
}

@media (min-width:992px) {
	.applicationsList-tileContent {
		height: auto;
		min-height: 55%
	}
}

.applicationsList-tileContent h4 {
	color: #311e4f;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.67;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 15px;
	transition: all .4s linear
}

@media (min-width:992px) {
	.applicationsList-tileContent h4 {
		min-height: 40px
	}
}

.applicationsList-tileContent p {
	color: #000;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.58;
	margin: 0;
	transition: all .4s linear
}

@media (min-width:992px) {
	.applicationsList-tileContent p {
		font-size: 13px;
		line-height: 1.54;
		margin-bottom: 15px
	}
}

.applicationsList-shadesList {
	margin-bottom: 70px
}

@media (min-width:992px) {
	.applicationsList-shadesList {
		width: 50%;
		padding-right: 7px;
		margin-bottom: 80px
	}
}

.technologiesList .pageIntro-content {
	margin-bottom: 30px
}

@media (min-width:992px) {
	.technologiesList .pageIntro-content {
		margin-bottom: 0
	}
}

.technologiesList .pageIntro-content p,body #tarteaucitronRoot div {
	margin: 0
}

@media (min-width:992px) {
	.technologiesList .pageIntro-content p:last-of-type {
		margin-bottom: 150px
	}
}

.technologiesList .homeTechnologiesAndProducts-products {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 65px;
	position: relative
}

@media (min-width:992px) {
	.technologiesList .homeTechnologiesAndProducts-products {
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: -120px;
		margin-bottom: 80px;
		gap: 20px;
		padding: 0 20px
	}
}

.technologiesList .homeTechnologiesAndProducts-products img {
	margin-top: 0
}

.technologiesList .homeProduct {
	margin-bottom: 45px;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 20px;
	border-radius: 12px 0 12px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.technologiesList .homeProduct {
		margin-bottom: 0;
		width: calc((100% - 40px)/3)
	}
}

.technologiesList .homeProduct:nth-child(1) {
	background: #514689
}

.technologiesList .homeProduct:nth-child(1) path {
	fill: url(#gradientPurpleToTeal)
}

.technologiesList .homeProduct:nth-child(2) {
	background: #0085ca
}

.technologiesList .homeProduct:nth-child(2) path {
	fill: url(#gradientBlueToGreen)
}

.technologiesList .homeProduct:nth-child(3) {
	background: #00b2a9
}

.technologiesList .homeProduct:nth-child(3) path {
	fill: url(#gradientGreenToGreen)
}

@media (min-width:992px) {
	.technologiesList .homeProduct h3 {
		min-height: 117px
	}
}

.technologiesList .homeProduct p {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.54;
	color: #fff;
	margin: 0 auto 60px
}

@media (min-width:992px) {
	.technologiesList .homeProduct p {
		font-size: 14px;
		line-height: 1.71;
		margin: 0 auto 70px
	}
}

.technologiesList .homeProduct .eraArrow {
	margin: 0 auto
}

@media (min-width:992px) {
	.technologiesList .homeProduct .eraArrow {
		margin: auto auto 0
	}
}

@media (max-width:991px) {
	.technologiesList .homeProduct .eraArrow {
		-ms-flex-item-align: center;
		align-self: center
	}
}

.technologiesList .homeProduct .eraArrow svg {
	left: 0
}

p.newsList-newsCount {
	font-size: 18px;
	line-height: 1.56;
	font-weight: 400;
	text-align: left;
	color: #311e4f;
	max-width: 100%;
	margin: 0
}

@media (min-width:992px) {
	p.newsList-newsCount {
		font-size: 40px
	}
}

p.shadeList-shadeCount {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #311e4f;
	line-height: 1.1
}

@media (min-width:992px) {
	p.shadeList-shadeCount {
		font-size: 30px;
		line-height: .6;
		padding-top: 10px
	}
}

@media (max-width:991px) {
	.newsList-filters {
		padding-top: 30px
	}
}

.newsList-FiltersContainer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.newsList-FiltersContainer {
		display: table;
		table-layout: fixed;
		width: 50%;
		border-collapse: collapse
	}
}

.newsList-gauge {
	position: relative;
	height: 4px;
	overflow: hidden;
	max-width: 100%;
	z-index: 0;
	display: inline-block;
	background: #ececec;
	margin-bottom: 25px;
	width: 100%
}

@media (min-width:992px) {
	.newsList-gauge {
		width: 350px
	}
}

.newsList-gaugeMeter {
	background: #311e4f;
	display: block;
	height: 100%;
	margin-left: 0
}

#newsList-loadMore,.newsList-loadMore {
	margin-bottom: 70px;
	width: 100%
}

@media (min-width:992px) {
	#newsList-loadMore,.newsList-loadMore {
		margin-bottom: 80px;
		width: auto
	}
}

#newsList-loadMore [class^=icon-],.newsList-loadMore [class^=icon-] {
	font-size: 17px
}

.news-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: -7px -7px 63px
}

@media (min-width:992px) {
	.news-container {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 100px;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-align: stretch;
		align-items: stretch
	}
}

.news-container.news-container-sliding {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	overflow: -moz-scrollbars-none;
	overflow-x: scroll;
	-ms-overflow-style: none;
	margin: 0 0 20px;
	padding-left: 15px;
	-ms-flex-direction: row;
	flex-direction: row
}

.news-container.news-container-sliding::after {
	content: "";
	-ms-flex: 0 0 15px;
	flex: 0 0 15px
}

@media (min-width:992px) {
	.news-container.news-container-sliding::after {
		display: none
	}

	.news-container.news-container-sliding {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0
	}
}

.news-container.news-container-sliding::-webkit-scrollbar {
	display: none
}

.news-container.news-container-sliding .news-entry {
	margin-right: 10px;
	width: 130px
}

@media (min-width:992px) {
	.news-container.news-container-sliding .news-entry {
		margin-right: 15px;
		width: 190px
	}
}

@media (min-width:992px) {
	.news-container.news-container-sliding .news-entry:last-child {
		margin-right: 0
	}
}

aside .news-container {
	max-width: 100%
}

aside .news-container.news-container-sliding {
	margin-bottom: 10px
}

@media (min-width:767px) {
	aside .news-container.news-container-sliding {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0 0 20px;
		padding: 0;
		width: auto
	}
}

aside .news-container.news-container-sliding .news-entry {
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media (min-width:767px) {
	aside .news-container.news-container-sliding .news-entry {
		margin-right: 0;
		margin-bottom: 14px;
		width: 100%
	}
}

aside .news-container.news-container-sliding .news-entry.tile-shade .eraTile-Texts {
	-ms-flex-pack: start;
	justify-content: flex-start
}

@media (min-width:767px) {
	aside .eraTile-scrollContainer,aside .eraTile-scrollWrapper,aside .news-container,aside .news-entry {
		max-width: 100%
	}
}

.news-spacer {
	padding: 7px;
	width: 100%;
	display: -ms-flexbox;
	display: flex
}

@media (min-width:992px) {
	.news-spacer {
		width: 25%
	}
}

.arrowNewsPlacer,.news-entry .entryArrow {
	position: absolute;
	bottom: 8px;
	right: 0
}

.news-entry {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-bottom: 30px;
	width: 100%;
	overflow: hidden
}

.news-entry .entryArrow {
	bottom: 0
}

.news-entry:focus,.news-entry:hover {
	text-decoration: none
}

@media (min-width:992px) {
	.news-entry:focus line,.news-entry:focus polyline,.news-entry:hover line,.news-entry:hover polyline {
		stroke-width: 1px
	}

	.news-entry:focus .entryDocumentIcon span::before,.news-entry:hover .entryDocumentIcon span::before {
		content: "\e827"
	}
}

.news-entry img {
	margin-bottom: 15px;
	-ms-flex-item-align: start;
	align-self: flex-start;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: 100%;
	border-radius: 15px 0 0 0!important
}

@media (min-width:992px) {
	.news-entry img {
		height: 180px!important
	}

	.news-entry .news-entry-thumb-container {
		margin-bottom: 15px;
		-ms-flex-item-align: start;
		align-self: flex-start;
		height: auto;
		width: auto;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		max-width: 100%;
		max-height: 178px;
		overflow: hidden
	}

	.news-entry .news-entry-thumb-container img {
		margin: 0;
		-ms-flex-item-align: auto;
		align-self: auto
	}
}

.news-entry .entryCategory {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	color: #2f2f2f;
	background: #ffd100;
	padding: 5px 15px;
	display: inline-block;
	text-transform: uppercase;
	position: absolute;
	top: -12.5px;
	left: 15px;
	max-width: 100%
}

@media (min-width:992px) {
	.news-entry .entryCategory {
		left: 30px
	}
}

.news-entry .entryDate,.news-entry .entryTitle {
	font-size: 12px;
	font-weight: 700;
	color: #838383;
	letter-spacing: normal;
	line-height: normal;
	margin-bottom: 15px;
	max-width: 100%
}

.news-entry .entryTitle {
	font-size: 10px;
	color: #311e4f;
	text-transform: uppercase;
	margin-bottom: 10px
}

@media (min-width:992px) {
	.news-entry .entryTitle {
		font-size: 12px
	}
}

.news-entry .entryTitle.titleDocument {
	font-size: 14px;
	text-transform: none
}

@media (min-width:992px) {
	.news-entry .entryTitle.titleDocument {
		font-size: 18px;
		line-height: 1.11
	}
}

.news-entry .entryExcerpt {
	font-size: 13px;
	font-weight: 500;
	color: #311e4f;
	letter-spacing: normal;
	line-height: 1.54;
	margin-bottom: 10px;
	max-width: 100%
}

@media (min-width:992px) {
	.news-entry .entryExcerpt {
		font-size: 14px;
		line-height: 1.43
	}
}

.news-entry .entryDocumentIcon {
	color: #000;
	font-size: 22px
}

.eraPagination {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	max-width: 380px;
	margin: 0 auto 70px
}

@media (min-width:992px) {
	.eraPagination {
		margin: 0 auto 80px
	}
}

.eraPagination [class^=icon-arrow-] {
	font-size: 23px;
	color: #2f2f2f
}

.eraPagination [class^=icon-arrow-]:focus,.eraPagination [class^=icon-arrow-]:hover,.eraSettlement-email a:focus,.eraSettlement-email a:hover,.eraSettlement-plan a:focus,.eraSettlement-plan a:hover,.eraSettlement-website a:focus,.eraSettlement-website a:hover,a.eraPaginationElement:focus,a.eraPaginationElement:hover {
	text-decoration: none
}

.eraPaginationElement {
	width: 40px;
	height: 30px;
	background: 0 0;
	transition: all .4s linear;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	color: #2f2f2f
}

@media (min-width:992px) {
	.eraPaginationElement {
		width: 57px;
		height: 44px
	}
}

.eraPaginationElement.currentPaginationElement {
	background: #311e4f;
	color: #fff
}

@media (min-width:992px) {
	.search-layout {
		width: 900px
	}
}

.search-container {
	padding-top: 13px;
	margin-bottom: 45px
}

.search-container .news-entry {
	padding: 35px 15px 25px;
	background: #f6f6f6;
	position: relative;
	margin-bottom: 35px;
	overflow: visible
}

@media (min-width:992px) {
	.search-container .news-entry {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		padding: 30px 100px 30px 30px
	}
}

.search-container .news-entry:last-child {
	margin-bottom: 0
}

@media (min-width:992px) {
	.search-container .news-entry img {
		width: 180px;
		height: auto;
		-ms-flex-item-align: center;
		align-self: center;
		margin: 0 20px 0 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

.search-container .news-entry .alignRight,.search-container .news-entry .searchArrowPlacer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:992px) {
	.search-container .news-entry .alignRight,.search-container .news-entry .searchArrowPlacer {
		position: absolute;
		width: auto
	}

	.search-container .news-entry .alignRight {
		bottom: 50px;
		right: 50px
	}
}

.eraSettlement-email a,.eraSettlement-fax a,.eraSettlement-fax strong,.eraSettlement-phone a,.eraSettlement-phone strong,.eraSettlement-plan a,.eraSettlement-website a,.search-container .news-entry .alignRight [class^=icon-]::before,.storyTile-content p span {
	display: block
}

.search-container .news-entry .searchArrowPlacer {
	bottom: 17px;
	right: 15px
}

@media (min-width:992px) {
	.search-container .news-entry .searchArrowPlacer {
		bottom: 42px;
		right: 23px
	}

	.search-container .entryContent {
		width: 100%;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.search-container .entryType-news .entryContent {
	padding-bottom: 15px
}

@media (min-width:992px) {
	.search-container .entryType-news .entryContent {
		padding-bottom: 0
	}
}

.eraSearch-visibleSearchCount {
	font-size: 12px;
	line-height: 1.67;
	color: #311e4f
}

.crossVideos .news-entry {
	padding-bottom: 0
}

@media (min-width:992px) {
	.crossVideos .news-entry:focus .icon-play,.crossVideos .news-entry:hover .icon-play {
		background: #ffd100
	}

	.crossVideos .news-entry:focus .icon-play::before,.crossVideos .news-entry:hover .icon-play::before {
		color: #000
	}
}

.crossVideos img {
	margin-bottom: 10px
}

.crossVideos h3.entryTitle {
	text-transform: none;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.31;
	color: #2f2f2f
}

@media (min-width:992px) {
	.crossVideos h3.entryTitle {
		font-size: 14px;
		line-height: 1.5
	}
}

.crossVideos .videoCaption {
	position: relative;
	overflow: hidden
}

.crossVideos .videoIcon,.crossVideos .videoIcon .icon-play {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-direction: column;
	flex-direction: column
}

.crossVideos .videoIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.crossVideos .videoIcon .icon-play {
	width: 35px;
	height: 35px;
	transition: background .4s linear;
	background: rgba(0,0,0,.7);
	border-radius: 50%;
	font-size: 12px
}

.crossVideos .videoIcon .icon-play::before {
	margin-left: 3px;
	margin-top: 1px;
	display: block;
	color: #fff;
	transition: color .4s linear
}

#documentsList .contentExpanderContent {
	margin-top: 15px
}

@media (min-width:992px) {
	#documentsList .contentExpanderContent {
		margin-top: 30px
	}
}

#documentsList .eraTilesContainer-grid {
	margin: -7px 3px;
	padding: 0;
	min-width: 100%
}

@media (min-width:992px) {
	#documentsList .eraTilesContainer-grid {
		margin: -7px
	}
}

#documentsList .empty-results {
	padding-bottom: 50px
}

#eraMapWindow {
	margin-bottom: 40px;
	width: 100%;
	height: 280px
}

@media (min-width:992px) {
	#eraMapWindow {
		height: 820px
	}
}

#eraMapWindow * {
	font-family: "Montserrat",Arial,"Helvetica Neue",sans-serif!important;
	font-weight: 800!important
}

.eraMapMarkers {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -12px 35px
}

@media (min-width:992px) {
	.eraMapMarkers {
		-ms-flex-pack: center;
		justify-content: center;
		margin: 0 -12px 80px
	}
}

.mapMarker {
	font-weight: 800;
	font-size: 12px;
	line-height: normal;
	padding: 6px 12px
}

@media (min-width:992px) {
	.mapMarker {
		font-size: 16px;
		padding: 0;
		margin-right: 60px
	}

	.mapMarker:last-child {
		margin-right: 0
	}
}

.mapMarker.mapMarker-blue {
	color: #294ef4
}

.mapMarker.mapMarker-blue svg path {
	fill: #294ef4
}

.mapMarker.mapMarker-purple {
	color: #514689
}

.mapMarker.mapMarker-purple svg path {
	fill: #514689
}

.mapMarker.mapMarker-teal {
	color: #00b2a9
}

.mapMarker.mapMarker-teal svg path {
	fill: #00b2a9
}

.mapMarker.mapMarker-gray {
	color: #838383
}

.mapMarker.mapMarker-gray svg path {
	fill: #838383
}

.mapMarker img,.mapMarker svg {
	margin-right: 10px;
	width: 13px;
	height: auto
}

@media (min-width:992px) {
	.mapMarker img,.mapMarker svg {
		width: 26px;
		margin-right: 16px
	}
}

.eraSettlements {
	margin-bottom: 35px
}

@media (min-width:992px) {
	.eraSettlements {
		margin-bottom: 10px
	}
}

.eraSettlement {
	margin-bottom: 35px
}

@media (min-width:992px) {
	.eraSettlement {
		margin-bottom: 70px
	}
}

.eraSettlement-bottom {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	pointer-events: none
}

@media (min-width:992px) {
	.eraSettlement-bottom {
		margin-top: -30px
	}
}

.eraSettlement-image {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	margin-right: 115px;
	pointer-events: none;
	min-height: 75px
}

@media (min-width:992px) {
	.eraSettlement-image {
		min-height: 175px
	}
}

.eraSettlement-image img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: auto;
	-ms-flex-item-align: center;
	align-self: center;
	pointer-events: all;
	border-top-left-radius: 12px!important
}

@media (min-width:992px) {
	.eraSettlement-image img {
		width: 290px
	}
}

.eraSettlement-refs {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #ececec;
	padding: 15px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	margin-left: auto;
	margin-top: -70px;
	pointer-events: all;
	border-radius: 8px 0 8px 0
}

.eraSettlement-refs * {
	pointer-events: all
}

@media (min-width:992px) {
	.eraSettlement-refs {
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-left: 100px;
		margin-top: -35px;
		padding: 15px 30px;
		height: 70px
	}
}

.eraSettlement-swapper,.eraSettlement-swapperTop {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (min-width:992px) {
	.eraSettlement-swapperTop {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		width: 43%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

.eraSettlement-bottomLine {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 25px
}

@media (min-width:992px) {
	.eraSettlement-bottomLine {
		margin: 0;
		height: 100%;
		width: 26%;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

.eraSettlement-bottomLine::before {
	content: "";
	display: block;
	width: 28px
}

@media (min-width:992px) {
	.eraSettlement-bottomLine::before {
		display: none
	}
}

.eraSettlement-email [class^=icon-],.eraSettlement-fax [class^=icon-],.eraSettlement-phone [class^=icon-],.eraSettlement-plan [class^=icon-],.eraSettlement-website [class^=icon-] {
	display: block;
	line-height: 0
}

@media (min-width:992px) {
	.eraSettlement-email [class^=icon-],.eraSettlement-fax [class^=icon-],.eraSettlement-phone [class^=icon-],.eraSettlement-plan [class^=icon-],.eraSettlement-website [class^=icon-] {
		margin-right: 10px
	}
}

.eraSettlement-email [class^=icon-]::before,.eraSettlement-fax [class^=icon-]::before,.eraSettlement-phone [class^=icon-]::before,.eraSettlement-plan [class^=icon-]::before,.eraSettlement-website [class^=icon-]::before {
	display: block;
	color: #311e4f
}

@media (min-width:992px) {
	.eraSettlement-email,.eraSettlement-email a,.eraSettlement-plan,.eraSettlement-plan a,.eraSettlement-website,.eraSettlement-website a {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: center;
		align-items: center;
		height: 100%
	}
}

.eraSettlement-email .linkText,.eraSettlement-plan .linkText,.eraSettlement-website .linkText {
	display: none;
	color: #311e4f;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.54
}

@media (min-width:992px) {
	.eraSettlement-email .linkText,.eraSettlement-plan .linkText,.eraSettlement-website .linkText {
		display: inline-block;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

.eraSettlement-fax,.eraSettlement-phone {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:992px) {
	.eraSettlement-fax,.eraSettlement-phone {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 50%
	}
}

.eraSettlement-fax p,.eraSettlement-phone p {
	margin: 0;
	color: #311e4f;
	font-size: 12px
}

@media (min-width:992px) {
	.eraSettlement-fax p,.eraSettlement-phone p {
		-ms-flex-negative: 0;
		flex-shrink: 0
	}
}

.eraSettlement-fax [class^=icon-],.eraSettlement-phone [class^=icon-] {
	margin-right: 10px
}

.eraSettlement-email,.eraSettlement-plan {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media (min-width:992px) {
	.eraSettlement-plan {
		width: 50%
	}

	.eraSettlement-email {
		-ms-flex-pack: end;
		justify-content: flex-end;
		width: 50%
	}

	.eraSettlement-plan {
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.eraSettlement-fax {
	margin-bottom: 15px
}

@media (min-width:992px) {
	.eraSettlement-fax {
		margin-bottom: 0
	}
}

.eraSettlement-fax [class^=icon-] {
	font-size: 28px
}

.eraSettlement-phone [class^=icon-],.eraSettlement-website [class^=icon-] {
	font-size: 23px
}

.eraSettlement-website {
	position: absolute;
	left: 15px;
	bottom: 15px
}

@media (min-width:992px) {
	.eraSettlement-website {
		position: static;
		left: 0;
		bottom: 0;
		width: 100%;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}
}

.eraSettlement-website .linkText {
	position: relative;
	z-index: 0
}

.eraSettlement-website .linkText::before {
	content: "";
	display: block;
	height: 4px;
	background: #ffd100;
	width: 0;
	transition: all .4s linear;
	position: absolute;
	bottom: 3px;
	z-index: -1
}

@media (min-width:992px) {
	.eraSettlement-website a:focus .linkText::before,.eraSettlement-website a:hover .linkText::before {
		width: 100%
	}
}

.eraSettlement-plan [class^=icon-] {
	font-size: 23px
}

@media (min-width:992px) {
	.eraSettlement-plan a:focus [class^=icon-]::before,.eraSettlement-plan a:hover [class^=icon-]::before {
		content: "\e81f"
	}

	.eraSettlement-email {
		position: static;
		left: 0;
		bottom: 0
	}
}

.eraSettlement-email [class^=icon-] {
	font-size: 18px
}

@media (min-width:992px) {
	.eraSettlement-email a:focus [class^=icon-]::before,.eraSettlement-email a:hover [class^=icon-]::before {
		content: "\e81d"
	}

	.eraSettlement-email,.eraSettlement-fax,.eraSettlement-phone,.eraSettlement-plan {
		-ms-flex-negative: 1;
		flex-shrink: 1
	}

	.eraSettlement-textContent {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-left: 290px;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		margin-bottom: -145px;
		min-height: 150px
	}
}

.eraSettlement-textContent .eraSettlement-subtitle {
	color: #311e4f;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px
}

.eraSettlement-textContent .eraSettlement-activities {
	padding-left: 10px;
	margin: 0 0 20px
}

.eraSettlement-textContent .eraSettlement-activities ul {
	list-style-type: none;
	madgin: 0;
	padding: 0
}

.eraSettlement-textContent .eraSettlement-activities ul li {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.54;
	color: #311e4f;
	margin: 0
}

@media (min-width:992px) {
	.eraSettlement-textContent .eraSettlement-activities ul li {
		font-size: 14px;
		line-height: 1.43
	}
}

.eraSettlement-textContent .eraSettlement-activities ul li::before {
	content: "-";
	color: #311e4f;
	font-weight: inherit;
	margin-left: -10px;
	position: absolute
}

.eraSettlement-textContent .eraSettlement-adresses {
	margin-bottom: 20px
}

.eraSettlement-textContent .eraSettlement-adresses p {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.43;
	color: #311e4f;
	margin: 0
}

@media (min-width:992px) {
	.eraSettlement-textContent .eraSettlement-adresses p {
		font-size: 14px
	}

	.eraSettlement-left {
		width: 100%;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		padding-left: 80px
	}

	.eraSettlement-right {
		width: 340px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		padding-left: 25px
	}
}

.settlementEmptyInfo {
	opacity: 0;
	pointer-events: none
}

.settlementEmptyInfo * {
	pointer-events: none
}

#era-about {
	overflow: hidden;
	position: relative;
	background: #fff
}

@media (min-width:992px) {
	#era-about {
		overflow: visible;
		padding-top: 35px
	}
}

@media (max-width:991px) {
	#era-about {
		padding-bottom: 80px
	}
}

@media (min-width:992px) {
	#era-about h1 {
		margin-bottom: 70px
	}
}

#era-story {
	position: relative
}

@media (min-width:992px) {
	#era-story {
		overflow: hidden
	}
}

#storyTiles {
	height: auto!important
}

#historyPastTiles,.storyTile {
	position: relative
}

@media (max-width:991px) {
	#historyPastTiles {
		height: auto!important
	}
}

@media (min-width:992px) {
	#historyPastTiles {
		height: 2980px
	}
}

@media (min-width:1100px) {
	#historyPastTiles {
		height: 3000px
	}
}

.storyTile {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 20px;
	z-index: 0;
	width: 100%
}

@media (max-width:991px) {
	.storyTile {
		top: auto!important
	}
}

@media (min-width:992px) {
	.storyTile {
		width: 17.15%;
		position: absolute;
		margin-bottom: 0
	}
}

.storyTile.story-yellow .storyTile-content,.storyTile.story-yellow .storyTile-content .storyTile-popup {
	background: #514689
}

.storyTile.story-yellow .storyTile-content p,.storyTile.story-yellow .storyTile-content p strong {
	color: #fff
}

@media (min-width:992px) {
	.storyTile.story-yellow .storyTile-content p strong {
		font-size: 28px
	}
}

@media (min-width:992px) {
	.storyTile:focus .storyTile-content::after,.storyTile:hover .storyTile-content::after {
		visibility: visible;
		opacity: 1
	}

	.storyTile:focus .storyTile-popup,.storyTile:hover .storyTile-popup {
		display: -ms-flexbox;
		display: flex
	}
}

.storyTile-content .storyTile-popup {
	margin-top: 15px;
	margin-bottom: 30px;
	display: none;
	font-size: 13px
}

@media (min-width:992px) {
	.storyTile-content .storyTile-popup {
		display: none!important
	}
}

#storyPopup,.storyTile-header {
	display: -ms-flexbox;
	display: flex
}

#storyPopup {
	position: absolute;
	width: 395px;
	background: #514689;
	color: #fff;
	padding: 30px 44px;
	top: 0;
	margin: 0;
	z-index: 9;
	opacity: 1;
	transition: opacity .4s linear;
	-ms-flex-align: center;
	align-items: center
}

#storyPopup[x-placement=left] {
	margin-right: 14px
}

#storyPopup[x-placement=right] {
	margin-left: 14px
}

#storyPopup p {
	margin: 0;
	font-size: 14px;
	line-height: 1.71
}

#storyPopup[style*=display] {
	opacity: 0
}

@media (min-width:992px) {
	.story-left-3 .storyTile-content .storyTile-popup,.story-right-1 .storyTile-content .storyTile-popup,.story-right-2 .storyTile-content .storyTile-popup,.story-right-3 .storyTile-content .storyTile-popup,.story-right-bottom-1 .storyTile-content .storyTile-popup,.story-right-bottom-2 .storyTile-content .storyTile-popup {
		left: auto;
		margin-left: 0;
		right: 100%;
		margin-right: 14px
	}
}

.storyTile-header {
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10px
}

.storyTile-year {
	color: #768692;
	line-height: 1.13;
	font-size: 30px;
	margin: 0;
	font-weight: 600
}

@media (min-width:992px) {
	.storyTile-year {
		font-size: 40px
	}
}

.storyTile-year sup {
	font-size: 12px;
	top: -1em;
	margin-left: 3px
}

.storyTile-country {
	color: #fff;
	line-height: normal;
	font-size: 15px;
	letter-spacing: 4px;
	font-weight: 400;
	text-transform: uppercase;
	margin: auto 0 0
}

@media (min-width:992px) {
	.storyTile-country {
		display: none
	}
}

.storyTile-content {
	background: #514689;
	padding: 15px 15px 0;
	min-height: 1px
}

@media (min-width:992px) {
	.storyTile-content {
		padding: 0 20px;
		position: relative
	}

	.storyTile-content * {
		pointer-events: none
	}

	.storyTile-content::after {
		content: "";
		display: block;
		position: absolute;
		opacity: 0;
		transition: all .4s linear;
		width: 100%;
		height: 100%;
		visibility: hidden;
		top: 0;
		left: 0;
		background: rgba(49,30,79,.8);
		z-index: 13
	}
}

.storyTile-content p {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	color: #fff
}

.storyTile-content p strong {
	color: #fff;
	font-size: 14px;
	font-weight: 600
}

@media (min-width:992px) {
	.storyTile-content p strong {
		clear: both;
		display: block;
		font-size: 18px;
		line-height: 1.17;
		margin-bottom: 5px;
		margin-top: 5px
	}
}

@media (min-width:992px) {
	.storyTile-content b {
		font-size: 15px;
		margin-bottom: 5px;
		margin-top: 5px;
		display: block
	}
}

.storyTile-content .storyTile-contentTop {
	margin: -15px -15px 0;
	padding: 15px;
	position: relative
}

@media (min-width:992px) {
	.storyTile-content .storyTile-contentTop {
		margin: 15px -20px;
		padding: 0 20px
	}
}

.storyTile-content .storyTile-contentTop::before {
	content: "";
	position: absolute;
	top: 50%;
	z-index: -1;
	left: -2500px;
	right: -2500px;
	height: 1px;
	background: rgba(255,255,255,.2)
}

@media (min-width:992px) {
	.storyTile-content .storyTile-contentTop::before {
		right: 0
	}
}

.storyTile-image {
	margin: 0 -15px;
	min-height: 1px
}

@media (min-width:992px) {
	.storyTile-image {
		margin: 0 -20px
	}
}

.storyTile-image img {
	max-width: 100%;
	display: block;
	height: auto;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.storyTile-image img[src*=Erasteel_Recycling],.storyTile-image img[src*=eraStory-16] {
	border-left: 1px solid #311e4f;
	border-right: 1px solid #311e4f;
	border-bottom: 1px solid #311e4f
}

.storyTile-expand {
	outline: 0;
	border: 0;
	background: 0 0;
	color: #fff;
	float: right;
	font-size: 17px;
	padding: 15px;
	margin: -15px -15px -10px 0
}

@media (min-width:992px) {
	.storyTile-expand {
		display: none
	}
}

.storyTile-expand::before {
	display: block
}

.storyTitleDesktop {
	display: none;
	position: absolute;
	width: 33%;
	left: 0;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 6px;
	text-align: center;
	color: #311e4f;
	text-transform: uppercase;
	top: 558px
}

@media (min-width:992px) {
	.storyTitleDesktop {
		display: block
	}
}

.storyTitleDesktop.titleRight {
	left: auto;
	right: 0;
	top: 40px;
	width: 55%
}

@media (min-width:992px) {
	#era-story-topText {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 100px;
		width: 33%
	}
}

#era-story-topText p {
	color: #311e4f
}

.storyAddedDates {
	position: relative
}

.storyAddedDates .storyTile {
	position: relative;
	top: 0!important;
	margin-bottom: 40px
}

.storyAddedDates .storyTile:last-of-type {
	margin-bottom: 0
}

.storyAddedDates .storyLine-09 {
	top: 0!important
}

@media (min-width:992px) {
	#era-story-bottomText {
		z-index: 2;
		padding: 40px 0 100px
	}
}

#era-story-bottomText p {
	color: #fff
}

@media (min-width:992px) {
	#era-story-bottomText p {
		margin-bottom: 0
	}
}

.storyExpanded .storyTile-popup {
	display: block
}

.story-left-1 {
	z-index: 8
}

@media (min-width:992px) {
	.story-left-1 {
		left: 0
	}
}

.story-left-2 {
	z-index: 7
}

@media (min-width:992px) {
	.story-left-2 {
		left: 19.3%
	}
}

.story-left-3 {
	z-index: 6
}

@media (min-width:992px) {
	.story-left-3 {
		left: 38.5%
	}
}

.story-right-1 {
	z-index: 1
}

@media (min-width:992px) {
	.story-right-1 {
		right: 0
	}
}

.story-right-2 {
	z-index: 3
}

@media (min-width:992px) {
	.story-right-2 {
		right: 19.3%
	}
}

.story-right-3 {
	z-index: 5
}

@media (min-width:992px) {
	.story-right-3 {
		right: 38.5%
	}
}

.story-right-bottom-1 {
	z-index: 2
}

@media (min-width:992px) {
	.story-right-bottom-1 {
		right: 10.5%
	}
}

.story-right-bottom-2 {
	z-index: 4
}

@media (min-width:992px) {
	.story-right-bottom-2 {
		right: 30%
	}

	#story-01,#story-02 {
		top: 158px
	}

	#story-03 {
		top: 338px
	}

	#story-04 {
		top: 491px
	}

	#story-05 {
		top: 650px
	}

	#story-06 {
		top: 710px
	}

	#story-07 {
		top: 892px
	}

	#story-08 {
		top: 1092px
	}

	#story-09 {
		top: 1112px
	}

	#story-10 {
		top: 1230px
	}

	#story-11 {
		top: 1513px
	}

	#story-12 {
		top: 1594px
	}

	#story-13 {
		top: 1986px
	}

	#story-14 {
		top: 2222px
	}

	#story-15 {
		top: 2240px
	}

	#story-16 {
		top: 2495px
	}

	#story-17,#story-17-duplicate {
		top: 2560px
	}

	#story-18 {
		top: 2690px
	}

	#story-19 {
		top: 2990px
	}

	#story-20 {
		top: 3305px
	}
}

#story-17-duplicate {
	display: none
}

@media (min-width:992px) {
	#story-17-duplicate {
		display: -ms-flexbox;
		display: flex
	}

	.desktopClear {
		display: block;
		clear: both
	}

	.hideDesktop {
		display: none
	}
}

.showDesktop,.single-products .pageIntro .era-title::before {
	display: none
}

@media (min-width:992px) {
	.showDesktop {
		display: block
	}
}

.storyLine {
	display: none;
	position: absolute;
	width: 1px;
	height: 1px;
	border: 1px solid #514689;
	border-radius: 50px
}

@media (min-width:992px) {
	.storyLine {
		display: block
	}
}

.storyLine-01,.storyLine-02 {
	right: 4%;
	top: 436px;
	height: 1761px;
	width: 21%;
	border-radius: 0 0 25px 0;
	border-left: none;
	border-top: none
}

.storyLine-02 {
	right: 23.4%;
	height: 1090px;
	width: 10%
}

.storyLine-03,.storyLine-04 {
	right: 32.5%;
	top: 300px;
	height: 1226px;
	width: 10%;
	border-radius: 0 0 0 25px;
	border-right: none;
	border-top: none
}

.storyLine-04 {
	right: 23.4%;
	top: 1525px;
	height: 672px
}

.storyLine-05,.storyLine-06 {
	right: 14.4%;
	top: 2196px;
	height: 166px;
	width: 53.2%;
	border-radius: 0 0 0 0;
	border-left: none;
	border-top: none
}

.storyLine-06 {
	top: 2337px;
	height: 347px;
	width: 70%;
	border-radius: 0 0 25px 0
}

.storyLine-07,.storyLine-08,.storyLine-09 {
	left: 13.4%;
	top: 920px;
	height: 1764px;
	width: 3%;
	border-radius: 0 0 0 25px;
	border-right: none;
	border-top: none
}

.storyLine-08,.storyLine-09 {
	left: 32.4%;
	top: 1278px;
	height: 1406px;
	width: 1%;
	border-radius: 0
}

.storyLine-09 {
	left: 51.4%;
	top: 2684px;
	bottom: 0;
	height: auto!important;
	width: 1px
}

.single-products .pageIntro-right .whiteButton {
	height: 42px
}

.single-products .pageIntro-right .whiteButton .linkText {
	font-size: 16px;
	font-weight: 500;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.single-products .pageIntro .era-title {
	color: #fff;
	background: 0 0;
	background-clip: initial;
	-webkit-text-fill-color: inherit;
	padding-left: 0
}

.shade-c-cat2 .gaugeMeasure,.shade-c-cat2 .pageIntro-content,.shade-c-cat2 .relatedShadesHolder .secondaryLink .linkText::before,.shade-c-cat2 .shadeCharacteristics .buttonWithIcon,.shade-c-cat2.single-products h2:before {
	background-image: linear-gradient(90deg,#0085ca,#00b2a9)
}

.shade-c-cat2 .shadeComposition tr:has(th) {
	background-image: linear-gradient(90deg,#0085ca,#00b2a9)
}

.shade-c-cat2.shadeList-shade h2 a {
	color: #0085ca
}

.shade-c-cat2 .relatedShadesHolder .secondaryLink .linkText,.shade-c-cat2.single-products h2 {
	background-image: linear-gradient(90deg,#0085ca,#00b2a9);
	background-clip: text;
	-webkit-text-fill-color: transparent
}

.eraTilesContainer-shades .shade-c-cat2.tile-purple {
	background: #0085ca
}

body #tarteaucitronRoot {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	color: #1a003b
}

body #tarteaucitronRoot span.tarteaucitronH3 {
	font-weight: 700
}

body #tarteaucitronRoot.tarteaucitronBeforeVisible:before {
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: .5
}

body #tarteaucitronRoot ul {
	list-style: none
}

body #tarteaucitronRoot .tac_visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0
}

body #tarteaucitronRoot * {
	box-sizing: initial;
	color: #1a003b
}

body #tarteaucitronRoot button#tarteaucitronBack {
	background: #eee
}

body #tarteaucitronRoot #tarteaucitron {
	display: none;
	max-height: 80%;
	left: 50%;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 6%;
	width: 50%;
	z-index: 2147483647;
	background: #fff;
	border-radius: 25px
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron {
		width: 75%
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 15px 0 15px 15px
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
		margin: 15px 0
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
	display: none;
	position: relative
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
	padding: 0;
	margin: 20px 0 0
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
		margin-top: 10px
	}
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li {
		-ms-flex-direction: column;
		flex-direction: column
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li .tarteaucitronName,body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li ul {
	padding: 20px 0 0
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li .tarteaucitronName {
		padding: 10px 0
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li .tarteaucitronStatusInfo {
	padding: 20px 0 0;
	margin-left: 30px
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li .tarteaucitronStatusInfo {
		margin-left: 30px;
		padding: 10px 0
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li .tarteaucitronInfoBox {
	margin-left: 30px;
	padding: 20px 0 0
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li ul {
		padding-top: 10px
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li ul li {
	-ms-flex-pack: justify;
	justify-content: space-between
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li button {
	color: #1a003b;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 0;
	padding: 5px 20px;
	text-align: left;
	width: auto;
	background: #fff;
	border: 0;
	outline: 0
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li button:focus {
	outline: 0
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices li button .tarteaucitronPlus:before {
	content: '\271b';
	display: inline-block;
	color: #1a003b
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
	display: -ms-flexbox;
	display: flex;
	float: right;
	margin: 7px 15px 0;
	text-align: right
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
		margin: 7px 0;
		float: left
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
	color: #1a003b;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 0;
	padding: 5px 20px;
	text-align: left;
	width: auto
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {
		padding: 5px 10px
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronCross::before {
	font-size: 20px;
	content: '\2717';
	display: inline-block;
	color: #1a003b
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
	color: #1a003b;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 5px 20px;
	text-align: left;
	width: auto;
	background: #fff
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow span,body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny span {
	margin-right: 5px
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronH1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 25px;
	font-size: 1.5em;
	text-align: center;
	color: #1a003b
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronInfo {
	display: block;
	position: relative;
	text-align: center;
	max-width: 80%;
	padding: 15px 0;
	margin: -10px auto 40px;
	font-size: 1em;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #555
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronInfo {
		max-width: 90%
	}

	body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronInfo p {
		margin-bottom: 0
	}
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
	display: inline-block;
	float: left;
	text-align: left
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronH2 {
	display: inline-block;
	margin: 15px 0 0;
	color: #1a003b
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronAllAllowed,body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronAllDenied {
	margin: 0;
	outline: 0;
	border: 0
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronH3 {
	font-size: 18px
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck:before,body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross:before {
	content: '\2611'!important
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronAllow .tarteaucitronCheck:before,body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDeny .tarteaucitronCross:before {
	content: '\2610'!important
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronCross:before {
	content: '\2717';
	display: inline-block;
	color: #1a003b
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronCheck {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 20px;
	vertical-align: baseline;
	text-align: initial;
	text-shadow: initial
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronCheck:before {
	content: '\2713';
	display: inline-block;
	color: #1a003b
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronH3 {
	font-weight: 500;
	font-size: 16px;
	margin-top: 7px
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronName {
	margin-left: 30px
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronAsk {
	display: none!important
}

body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine {
	padding: 15px 0
}

body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronName {
	padding-left: 40px
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron .tarteaucitronMainLine .tarteaucitronName {
		padding-left: 20px
	}
}

body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 15px 0
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder {
		padding: 0 10px 15px
	}
}

body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul {
	padding-left: 10px
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronSave {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: end;
	align-self: end
}

body #tarteaucitronRoot #tarteaucitron #tarteaucitronSave button,body #tarteaucitronRoot #tarteaucitronAlertBig button {
	color: #fff;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	margin: 0 15px;
	padding: 0 25px;
	height: 40px;
	border-radius: 30px;
	cursor: pointer;
	display: inline-block;
	border: 0;
	outline: 0
}

body #tarteaucitronRoot #tarteaucitronClosePanel {
	background: #fff;
	color: #1a003b;
	border: 0;
	outline: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	padding: 4px 0;
	position: absolute;
	right: 20px;
	top: 10px;
	text-align: center;
	width: 70px;
	border-radius: 5px 5px 0 0;
	z-index: 1
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert a,body #tarteaucitronRoot #tarteaucitronClosePanel:hover {
	text-decoration: underline
}

body #tarteaucitronRoot div#tarteaucitron {
	left: 0;
	right: 0;
	margin: auto
}

body #tarteaucitronRoot #tarteaucitronAlertBig {
	width: 60%;
	min-width: 285px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	box-shadow: 0 0 9000px #000;
	border-radius: 20px;
	padding: 35px 25px;
	background: #fff;
	color: #1a003b;
	display: none;
	font-size: 15px;
	position: fixed;
	box-sizing: content-box;
	z-index: 2147483645;
	text-align: center
}

body #tarteaucitronRoot #tarteaucitronAlertBig:before {
	content: var(--tacTitleBanner);
	font-weight: 700;
	font-size: 18px
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
	margin: 10px 0 30px;
	display: block;
	text-align: center;
	font-size: 16px
}

body #tarteaucitronRoot #tarteaucitronAlertBig button {
	width: 20%;
	height: 60px
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
	background-color: #fff;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	vertical-align: bottom
}

@media (max-width:1200px) {
	body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
		width: 30%;
		margin-top: 10px
	}
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert::before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background-image: linear-gradient(to right,#1a003b,#00b2a9);
	border-radius: 32px;
	z-index: -1
}

body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	border-radius: 30px;
	z-index: -1
}

body #tarteaucitronBack {
	background: #fff;
	display: none;
	height: 100%;
	left: 0;
	opacity: .7;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2147483646
}