@font-face {

	font-family: swiper-icons;

	src: url("../fonts/938b6cddec944ccd951836a1473cafab.woff");

	font-weight: 400;

	font-style: normal

}

:root {

--swiper-theme-color:#007aff

}

.swiper {

	margin-left: auto;

	margin-right: auto;

	position: relative;

	overflow: hidden;

	list-style: none;

	padding: 0;

	z-index: 1

}

.swiper-vertical>.swiper-wrapper {

	flex-direction: column

}

.swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: flex;

	transition-property: transform;

	box-sizing: content-box

}

.swiper-android .swiper-slide, .swiper-wrapper {

	transform: translateZ(0)

}

.swiper-pointer-events {

	touch-action: pan-y

}

.swiper-pointer-events.swiper-vertical {

	touch-action: pan-x

}

.swiper-slide {

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative;

	transition-property: transform

}

.swiper-slide-invisible-blank {

	visibility: hidden

}

.swiper-autoheight, .swiper-autoheight .swiper-slide {

	height: auto

}

.swiper-autoheight .swiper-wrapper {

	align-items: flex-start;

	transition-property: transform, height

}

.swiper-backface-hidden .swiper-slide {

	transform: translateZ(0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {

	perspective: 1200px

}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {

	transform-style: preserve-3d

}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	pointer-events: none;

	z-index: 10

}

.swiper-3d .swiper-slide-shadow {

	background: rgba(0,0,0,.15)

}

.swiper-3d .swiper-slide-shadow-left {

	background-image: linear-gradient(270deg, rgba(0,0,0,.5), transparent)

}

.swiper-3d .swiper-slide-shadow-right {

	background-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent)

}

.swiper-3d .swiper-slide-shadow-top {

	background-image: linear-gradient(0deg, rgba(0,0,0,.5), transparent)

}

.swiper-3d .swiper-slide-shadow-bottom {

	background-image: linear-gradient(180deg, rgba(0,0,0,.5), transparent)

}

.swiper-css-mode>.swiper-wrapper {

	overflow: auto;

	scrollbar-width: none;

	-ms-overflow-style: none

}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {

display:none

}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {

	scroll-snap-align: start start

}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {

	scroll-snap-type: x mandatory

}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {

	scroll-snap-type: y mandatory

}

.swiper-centered>.swiper-wrapper:before {

	content: "";

	flex-shrink: 0;

	order: 9999

}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {

	margin-inline-start: var(--swiper-centered-offset-before)

}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {

	height: 100%;

	min-height: 1px;

	width: var(--swiper-centered-offset-after)

}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {

	margin-block-start: var(--swiper-centered-offset-before)

}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {

	width: 100%;

	min-width: 1px;

	height: var(--swiper-centered-offset-after)

}

.swiper-centered>.swiper-wrapper>.swiper-slide {

	scroll-snap-align: center center;

	scroll-snap-stop: always

}

.swiper-virtual .swiper-slide {

	-webkit-backface-visibility: hidden;

	transform: translateZ(0)

}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	pointer-events: none

}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {

	height: 1px;

	width: var(--swiper-virtual-size)

}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {

	width: 1px;

	height: var(--swiper-virtual-size)

}

:root {

--swiper-navigation-size:44px

}

.swiper-button-next, .swiper-button-prev {

	position: absolute;

	top: 50%;

width:calc(var(--swiper-navigation-size)/44*27);

	height: var(--swiper-navigation-size);

	margin-top: calc(0px - var(--swiper-navigation-size)/2);

	z-index: 10;

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

	color: var(--swiper-navigation-color, var(--swiper-theme-color))

}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

	opacity: .35;

	cursor: auto;

	pointer-events: none

}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {

	opacity: 0;

	cursor: auto;

	pointer-events: none

}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {

	display: none!important

}

.swiper-button-next:after, .swiper-button-prev:after {

	font-family: swiper-icons;

	font-size: var(--swiper-navigation-size);

	text-transform: none!important;

	letter-spacing: 0;

	font-variant: normal;

	line-height: 1

}

.swiper-button-prev, .swiper-rtl .swiper-button-next {

	left: 10px;

	right: auto

}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {

	content: "prev"

}

.swiper-button-next, .swiper-rtl .swiper-button-prev {

	right: 10px;

	left: auto

}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {

	content: "next"

}

.swiper-button-lock {

	display: none

}

.swiper-pagination {

	position: absolute;

	text-align: center;

	transition: opacity .3s;

	transform: translateZ(0);

	z-index: 10

}

.swiper-pagination.swiper-pagination-hidden {

	opacity: 0

}

.swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled {

	display: none!important

}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {

	bottom: 10px;

	left: 0;

	width: 100%

}

.swiper-pagination-bullets-dynamic {

	overflow: hidden;

	font-size: 0

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

	transform: scale(.33);

	position: relative

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

	transform: scale(1)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

	transform: scale(.66)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

	transform: scale(.33)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

	transform: scale(.66)

}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

	transform: scale(.33)

}

.swiper-pagination-bullet {

	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));

	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));

	display: inline-block;

	border-radius: 50%;

	background: var(--swiper-pagination-bullet-inactive-color, #000);

	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)

}

button.swiper-pagination-bullet {

	border: none;

	margin: 0;

	padding: 0;

	box-shadow: none;

	-webkit-appearance: none;

	appearance: none

}

.swiper-pagination-clickable .swiper-pagination-bullet {

	cursor: pointer

}

.swiper-pagination-bullet:only-child {

	display: none!important

}

.swiper-pagination-bullet-active {

	opacity: var(--swiper-pagination-bullet-opacity, 1);

	background: var(--swiper-pagination-color, var(--swiper-theme-color))

}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {

	right: 10px;

	top: 50%;

	transform: translate3d(0, -50%, 0)

}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;

	display: block

}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

	top: 50%;

	transform: translateY(-50%);

	width: 8px

}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

	display: inline-block;

	transition: transform .2s, top .2s

}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)

}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

	left: 50%;

	transform: translateX(-50%);

	white-space: nowrap

}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

	transition: transform .2s, left .2s

}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

	transition: transform .2s, right .2s

}

.swiper-pagination-progressbar {

	background: rgba(0,0,0,.25);

	position: absolute

}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

	background: var(--swiper-pagination-color, var(--swiper-theme-color));

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	transform: scale(0);

	transform-origin: left top

}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

	transform-origin: right top

}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

	width: 100%;

	height: 4px;

	left: 0;

	top: 0

}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {

	width: 4px;

	height: 100%;

	left: 0;

	top: 0

}

.swiper-pagination-lock {

	display: none

}

.swiper-scrollbar {

	border-radius: 10px;

	position: relative;

	-ms-touch-action: none;

	background: rgba(0,0,0,.1)

}

.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {

	display: none!important

}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {

	position: absolute;

	left: 1%;

	bottom: 3px;

	z-index: 50;

	height: 5px;

	width: 98%

}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {

	position: absolute;

	right: 3px;

	top: 1%;

	z-index: 50;

	width: 5px;

	height: 98%

}

.swiper-scrollbar-drag {

	height: 100%;

	width: 100%;

	position: relative;

	background: rgba(0,0,0,.5);

	border-radius: 10px;

	left: 0;

	top: 0

}

.swiper-scrollbar-cursor-drag {

	cursor: move

}

.swiper-scrollbar-lock {

	display: none

}

.swiper-zoom-container {

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: center

}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {

	max-width: 100%;

	max-height: 100%;

	object-fit: contain

}

.swiper-slide-zoomed {

	cursor: move

}

.swiper-lazy-preloader {

	width: 42px;

	height: 42px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -21px;

	margin-top: -21px;

	z-index: 10;

	transform-origin: 50%;

	box-sizing: border-box;

	border-radius: 50%;

	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

	border-top: 4px solid transparent

}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {

	animation: swiper-preloader-spin 1s linear infinite

}

.swiper-lazy-preloader-white {

--swiper-preloader-color:#fff

}

.swiper-lazy-preloader-black {

--swiper-preloader-color:#000

}

@keyframes swiper-preloader-spin {

0% {

transform:rotate(0deg)

}

to {

	transform: rotate(1turn)

}

}

.swiper .swiper-notification {

	position: absolute;

	left: 0;

	top: 0;

	pointer-events: none;

	opacity: 0;

	z-index: -1000

}

.swiper-free-mode>.swiper-wrapper {

	transition-timing-function: ease-out;

	margin: 0 auto

}

.swiper-grid>.swiper-wrapper {

	flex-wrap: wrap

}

.swiper-grid-column>.swiper-wrapper {

	flex-wrap: wrap;

	flex-direction: column

}

.swiper-fade.swiper-free-mode .swiper-slide {

	transition-timing-function: ease-out

}

.swiper-fade .swiper-slide {

	pointer-events: none;

	transition-property: opacity

}

.swiper-fade .swiper-slide .swiper-slide {

	pointer-events: none

}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}

.swiper-cube {

	overflow: visible

}

.swiper-cube .swiper-slide {

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1;

	visibility: hidden;

	transform-origin: 0 0;

	width: 100%;

	height: 100%

}

.swiper-cube .swiper-slide .swiper-slide {

	pointer-events: none

}

.swiper-cube.swiper-rtl .swiper-slide {

	transform-origin: 100% 0

}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev {

	pointer-events: auto;

	visibility: visible

}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {

	z-index: 0;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.swiper-cube .swiper-cube-shadow {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	opacity: .6;

	z-index: 0

}

.swiper-cube .swiper-cube-shadow:before {

	content: "";

	background: #000;

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	filter: blur(50px)

}

.swiper-flip {

	overflow: visible

}

.swiper-flip .swiper-slide {

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1

}

.swiper-flip .swiper-slide .swiper-slide {

	pointer-events: none

}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {

	z-index: 0;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.swiper-creative .swiper-slide {

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	overflow: hidden;

	transition-property: transform, opacity, height

}

.swiper-cards {

	overflow: visible

}

.swiper-cards .swiper-slide {

	transform-origin: center bottom;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	overflow: hidden

}

.mejs__offscreen {

	border: 0;

	clip: rect(1px,1px,1px,1px);

	-webkit-clip-path: inset(50%);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px;

	word-wrap: normal

}

.mejs__container {

	background: #000;

	font-family: Helvetica, Arial, serif;

	position: relative;

	text-align: left;

	text-indent: 0;

	vertical-align: top

}

.mejs__container, .mejs__container * {

	box-sizing: border-box

}

.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button {

-webkit-appearance:none;

display:none!important

}

.mejs__fill-container, .mejs__fill-container .mejs__container {

	height: 100%;

	width: 100%

}

.mejs__fill-container {

	background: transparent;

	margin: 0 auto;

	overflow: hidden;

	position: relative

}

.mejs__container:focus {

	outline: none

}

.mejs__iframe-overlay {

	height: 100%;

	position: absolute;

	width: 100%

}

.mejs__embed, .mejs__embed body {

	background: #000;

	height: 100%;

	margin: 0;

	overflow: hidden;

	padding: 0;

	width: 100%

}

.mejs__fullscreen {

	overflow: hidden!important

}

.mejs__container-fullscreen {

	bottom: 0;

	left: 0;

	overflow: hidden;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 1000

}

.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {

	height: 100%!important;

	width: 100%!important

}

.mejs__background, .mejs__mediaelement {

	left: 0;

	position: absolute;

	top: 0

}

.mejs__mediaelement {

	height: 100%;

	width: 100%;

	z-index: 0

}

.mejs__poster {

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-size: cover;

	left: 0;

	position: absolute;

	top: 0;

	z-index: 1

}

:root .mejs__poster-img {

	display: none

}

.mejs__poster-img {

	border: 0;

	padding: 0

}

.mejs__overlay {

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	left: 0;

	position: absolute;

	top: 0

}

.mejs__layer {

	z-index: 1

}

.mejs__overlay-play {

	cursor: pointer

}

.mejs__overlay-button {

	background: url(../fonts/mejs-controls.svg) no-repeat;

	background-position: 0 -39px;

	height: 80px;

	width: 80px

}

.mejs__overlay:hover>.mejs__overlay-button {

	background-position: -80px -39px

}

.mejs__overlay-loading {

	height: 80px;

	width: 80px

}

.mejs__overlay-loading-bg-img {

	-webkit-animation: a 1s linear infinite;

	animation: a 1s linear infinite;

	background: transparent url(../fonts/mejs-controls.svg) -160px -40px no-repeat;

	display: block;

	height: 80px;

	width: 80px;

	z-index: 1

}

@-webkit-keyframes a {

to {

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

}

@keyframes a {

to {

-webkit-transform:rotate(1turn);

transform:rotate(1turn)

}

}

.mejs__controls {

	bottom: 0;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	height: 40px;

	left: 0;

	list-style-type: none;

	margin: 0;

	padding: 0 10px;

	position: absolute;

	width: 100%;

	z-index: 3

}

.mejs__controls:not([style*="display: none"]) {

	background: rgba(255,0,0,.7);

	background: -webkit-linear-gradient(transparent, rgba(0,0,0,.35));

	background: linear-gradient(transparent, rgba(0,0,0,.35))

}

.mejs__button, .mejs__time, .mejs__time-rail {

	font-size: 10px;

	height: 40px;

	line-height: 10px;

	margin: 0;

	width: 32px

}

.mejs__button>button {

	background: transparent url(../fonts/mejs-controls.svg);

	border: 0;

	cursor: pointer;

	display: block;

	font-size: 0;

	height: 20px;

	line-height: 0;

	margin: 10px 6px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	text-decoration: none;

	width: 20px

}

.mejs__button>button:focus {

	outline: 1px dotted #999

}

.mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus, .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus {

	outline: 0

}

.mejs__time {

	box-sizing: content-box;

	color: #fff;

	font-size: 11px;

	font-weight: 700;

	height: 24px;

	overflow: hidden;

	padding: 16px 6px 0;

	text-align: center;

	width: auto

}

.mejs__play>button {

	background-position: 0 0

}

.mejs__pause>button {

	background-position: -20px 0

}

.mejs__replay>button {

	background-position: -160px 0

}

.mejs__time-rail {

	direction: ltr;

	-webkit-box-flex: 1;

	-webkit-flex-grow: 1;

	-ms-flex-positive: 1;

	flex-grow: 1;

	height: 40px;

	margin: 0 10px;

	padding-top: 10px;

	position: relative

}

.mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {

	border-radius: 2px;

	cursor: pointer;

	display: block;

	height: 10px;

	position: absolute

}

.mejs__time-total {

	background: hsla(0,0%,100%,.3);

	margin: 5px 0 0;

	width: 100%

}

.mejs__time-buffering {

	-webkit-animation: b 2s linear infinite;

	animation: b 2s linear infinite;

	background: -webkit-linear-gradient(135deg, hsla(0,0%,100%,.4) 25%, transparent 0, transparent 50%, hsla(0,0%,100%,.4) 0, hsla(0,0%,100%,.4) 75%, transparent 0, transparent);

	background: linear-gradient(-45deg, hsla(0,0%,100%,.4) 25%, transparent 0, transparent 50%, hsla(0,0%,100%,.4) 0, hsla(0,0%,100%,.4) 75%, transparent 0, transparent);

	background-size: 15px 15px;

	width: 100%

}

@-webkit-keyframes b {

0% {

background-position:0 0

}

to {

	background-position: 30px 0

}

}

@keyframes b {

0% {

background-position:0 0

}

to {

	background-position: 30px 0

}

}

.mejs__time-loaded {

	background: hsla(0,0%,100%,.3)

}

.mejs__time-current, .mejs__time-handle-content {

	background: hsla(0,0%,100%,.9)

}

.mejs__time-hovered {

	background: hsla(0,0%,100%,.5);

	z-index: 10

}

.mejs__time-hovered.negative {

	background: rgba(0,0,0,.2)

}

.mejs__time-buffering, .mejs__time-current, .mejs__time-hovered, .mejs__time-loaded {

	left: 0;

	-webkit-transform: scaleX(0);

	-ms-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transform-origin: 0 0;

	-ms-transform-origin: 0 0;

	transform-origin: 0 0;

	-webkit-transition: all .15s ease-in;

	transition: all .15s ease-in;

	width: 100%

}

.mejs__time-buffering {

	-webkit-transform: scaleX(1);

	-ms-transform: scaleX(1);

	transform: scaleX(1)

}

.mejs__time-hovered {

	-webkit-transition: height .1s cubic-bezier(.44, 0, 1, 1);

	transition: height .1s cubic-bezier(.44, 0, 1, 1)

}

.mejs__time-hovered.no-hover {

	-webkit-transform: scaleX(0)!important;

	-ms-transform: scaleX(0)!important;

	transform: scaleX(0)!important

}

.mejs__time-handle, .mejs__time-handle-content {

	border: 4px solid transparent;

	cursor: pointer;

	left: 0;

	position: absolute;

	-webkit-transform: translateX(0);

	-ms-transform: translateX(0);

	transform: translateX(0);

	z-index: 11

}

.mejs__time-handle-content {

	border: 4px solid hsla(0,0%,100%,.9);

	border-radius: 50%;

	height: 10px;

	left: -7px;

	top: -4px;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	width: 10px

}

.mejs__time-rail .mejs__time-handle-content:active, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail:hover .mejs__time-handle-content {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)

}

.mejs__time-float {

	background: #eee;

	border: 1px solid #333;

	bottom: 100%;

	color: #111;

	display: none;

	height: 17px;

	margin-bottom: 9px;

	position: absolute;

	text-align: center;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 36px

}

.mejs__time-float-current {

	display: block;

	left: 0;

	margin: 2px;

	text-align: center;

	width: 30px

}

.mejs__time-float-corner {

	border: 5px solid transparent;

	border-top-color: #eee;

	border-radius: 0;

	display: block;

	height: 0;

	left: 50%;

	line-height: 0;

	position: absolute;

	top: 100%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 0

}

.mejs__long-video .mejs__time-float {

	margin-left: -23px;

	width: 64px

}

.mejs__long-video .mejs__time-float-current {

	width: 60px

}

.mejs__broadcast {

	color: #fff;

	height: 10px;

	position: absolute;

	top: 15px;

	width: 100%

}

.mejs__fullscreen-button>button {

	background-position: -80px 0

}

.mejs__unfullscreen>button {

	background-position: -100px 0

}

.mejs__mute>button {

	background-position: -60px 0

}

.mejs__unmute>button {

	background-position: -40px 0

}

.mejs__volume-button {

	position: relative

}

.mejs__volume-button>.mejs__volume-slider {

	-webkit-backface-visibility: hidden;

	background: rgba(50,50,50,.7);

	border-radius: 0;

	bottom: 100%;

	display: none;

	height: 115px;

	left: 50%;

	margin: 0;

	position: absolute;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 25px;

	z-index: 1

}

.mejs__volume-button:hover {

	border-radius: 0 0 4px 4px

}

.mejs__volume-total {

	background: hsla(0,0%,100%,.5);

	height: 100px;

	left: 50%;

	margin: 0;

	position: absolute;

	top: 8px;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 2px

}

.mejs__volume-current {

	left: 0;

	margin: 0;

	width: 100%

}

.mejs__volume-current, .mejs__volume-handle {

	background: hsla(0,0%,100%,.9);

	position: absolute

}

.mejs__volume-handle {

	border-radius: 1px;

	cursor: ns-resize;

	height: 6px;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 16px

}

.mejs__horizontal-volume-slider {

	display: block;

	height: 36px;

	position: relative;

	vertical-align: middle;

	width: 56px

}

.mejs__horizontal-volume-total {

	background: rgba(50,50,50,.8);

	height: 8px;

	top: 16px;

	width: 50px

}

.mejs__horizontal-volume-current, .mejs__horizontal-volume-total {

	border-radius: 2px;

	font-size: 1px;

	left: 0;

	margin: 0;

	padding: 0;

	position: absolute

}

.mejs__horizontal-volume-current {

	background: hsla(0,0%,100%,.8);

	height: 100%;

	top: 0;

	width: 100%

}

.mejs__horizontal-volume-handle {

	display: none

}

.mejs__captions-button, .mejs__chapters-button {

	position: relative

}

.mejs__captions-button>button {

	background-position: -140px 0

}

.mejs__chapters-button>button {

	background-position: -180px 0

}

.mejs__captions-button>.mejs__captions-selector, .mejs__chapters-button>.mejs__chapters-selector {

	background: rgba(50,50,50,.7);

	border: 1px solid transparent;

	border-radius: 0;

	bottom: 100%;

	margin-right: -43px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	right: 50%;

	visibility: visible;

	width: 86px

}

.mejs__chapters-button>.mejs__chapters-selector {

	margin-right: -55px;

	width: 110px

}

.mejs__captions-selector-list, .mejs__chapters-selector-list {

	list-style-type: none!important;

	margin: 0;

	overflow: hidden;

	padding: 0

}

.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {

	color: #fff;

	cursor: pointer;

	display: block;

	list-style-type: none!important;

	margin: 0 0 6px;

	overflow: hidden;

	padding: 0

}

.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {

	background-color: #c8c8c8!important;

	background-color: hsla(0,0%,100%,.4)!important

}

.mejs__captions-selector-input, .mejs__chapters-selector-input {

	clear: both;

	float: left;

	left: -1000px;

	margin: 3px 3px 0 5px;

	position: absolute

}

.mejs__captions-selector-label, .mejs__chapters-selector-label {

	cursor: pointer;

	float: left;

	font-size: 10px;

	line-height: 15px;

	padding: 4px 10px 0;

	width: 100%

}

.mejs__captions-selected, .mejs__chapters-selected {

	color: #21f8f8

}

.mejs__captions-translations {

	font-size: 10px;

	margin: 0 0 5px

}

.mejs__captions-layer {

	bottom: 0;

	color: #fff;

	font-size: 16px;

	left: 0;

	line-height: 20px;

	position: absolute;

	text-align: center

}

.mejs__captions-layer a {

	color: #fff;

	text-decoration: underline

}

.mejs__captions-layer[lang=ar] {

	font-size: 20px;

	font-weight: 400

}

.mejs__captions-position {

	bottom: 15px;

	left: 0;

	position: absolute;

	width: 100%

}

.mejs__captions-position-hover {

	bottom: 35px

}

.mejs__captions-text, .mejs__captions-text * {

	background: hsla(0,0%,8%,.5);

	box-shadow: 5px 0 0 hsla(0,0%,8%,.5), -5px 0 0 hsla(0,0%,8%,.5);

	padding: 0;

	white-space: pre-wrap

}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {

display:none

}

.mejs__overlay-error {

	position: relative

}

.mejs__overlay-error>img {

	left: 0;

	max-width: 100%;

	position: absolute;

	top: 0;

	z-index: -1

}

.mejs__cannotplay, .mejs__cannotplay a {

	color: #fff;

	font-size: .8em

}

.mejs__cannotplay {

	position: relative

}

.mejs__cannotplay a, .mejs__cannotplay p {

	display: inline-block;

	padding: 0 15px;

	width: 100%

}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {

	line-height: 1.15;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

	font-size: 62.5%;

	overflow-x: hidden

}

@media only screen and (max-width:768px) {

html {

	font-size: 50%

}

}

* {

	box-sizing: border-box

}

body {

	margin: 0;

	color: #323232;

letter-spacing:.05rem

}

article, aside, footer, header, nav, section {

	display: block

}

h1 {

	font-size: 2em;

	margin: .67em 0

}

figcaption, figure, main {

	display: block

}

figure {

	margin: 1em 4rem

}

hr {

	box-sizing: content-box;

	height: 0;

	overflow: visible

}

pre {

	font-family: monospace, monospace;

	font-size: 1em

}

a {

	background-color: transparent;

	-webkit-text-decoration-skip: objects;

	color: initial

}

abbr[title] {

	border-bottom: none;

	text-decoration: underline;

	text-decoration: underline dotted

}

b, strong {

	font-weight: 700

}

code, kbd, samp {

	font-family: monospace, monospace;

	font-size: 1em

}

dfn {

	font-style: italic

}

mark {

	background-color: #ff0;

	color: #000

}

small {

	font-size: 80%

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline

}

sub {

	bottom: -.25em

}

sup {

	top: -.5em

}

audio, video {

	display: inline-block

}

audio:not([controls]) {

	display: none;

	height: 0

}

img {

	border-style: none

}

svg:not(:root) {

	overflow: hidden

}

button, input, optgroup, select, textarea {

	font-family: sans-serif;

	font-size: 100%;

	line-height: 1.15;

	margin: 0

}

button, input {

	overflow: visible

}

button, select {

	text-transform: none

}

[type=reset], [type=submit], button, html [type=button] {

-webkit-appearance:button

}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {

border-style:none;

padding:0

}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {

outline:1px dotted ButtonText

}

fieldset {

	padding: .35em .75em .625em

}

legend {

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal

}

progress {

	display: inline-block;

	vertical-align: baseline

}

textarea {

	overflow: auto

}

[type=checkbox], [type=radio] {

box-sizing:border-box;

padding:0

}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

height:auto

}

[type=search] {

-webkit-appearance:textfield;

outline-offset:-2px

}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {

-webkit-appearance:none

}

::-webkit-file-upload-button {

-webkit-appearance:button;

font:inherit

}

details, menu {

	display: block

}

summary {

	display: list-item

}

canvas {

	display: inline-block

}

[hidden], template {

display:none

}

.sr-only {

	border: 0;

	clip: rect(0 0 0 0);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px

}

[class*=" icon-"]:before, [class^=icon-]:before {
	color:#66bdd4;

	font-family: iconfont;

	font-style: normal;

	font-weight: 400;

	display: inline-block;

	text-decoration: inherit;

	width: 1em;

	margin-right: .2em;

	text-align: center;

	font-variant: normal;

	text-transform: none;

	line-height: 1em;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;
	
	

}

.icon-arrow-right-long:before {

	content: "\e900"

}

.icon-arrow-right-light:before {

	content: "\e800"

}

.icon-user:before {

	content: "\f007"

}

.icon-check:before {

	content: "\f00c"

}

.icon-caret-down:before {

	content: "\f0d7"

}

.icon-times:before {

	content: "\f00d"

}

.icon-video:before {

	content: "\f03d"

}

.icon-chevron-left:before {

	content: "\f053"

}

.icon-chevron-right:before {

	content: "\f054"

}

.icon-arrow-left:before {

	content: "\f060"

}

.icon-arrow-right:before {

	content: "\f061"

}

.icon-facebook-square:before {

	content: "\f082"

}

.icon-linkedin:before {

	content: "\f08c"

}

.icon-phone:before {

	content: "\f095"

}

.icon-globe:before {

	content: "\f0ac"

}

.icon-envelope:before {

	content: "\f0e0"

}

.icon-quote-left:before {

	content: "\f10d"

}

.icon-quote-right:before {

	content: "\f10e"

}

.icon-instagram:before {

	content: "\f16d"

}

.icon-file-pdf:before {

	content: "\f1c1"

}

.icon-map-marker-alt:before {

	content: "\f3c5"

}

.icon-book-open:before {

	content: "\f518"

}

.icon-file-invoice:before {

	content: "\f570"

}

.icon-goto:before {

	content: "\f148";

	-webkit-transform: rotate(90deg);

	transform: rotate(90def)

}

.icon {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.icon--small {

	font-size: 15px

}

@media only screen and (max-width:1199.98px) {

.icon--small {

	font-size: 18px

}

}

.icon--medium {

	font-size: 24px

}

.icon--arrow-down {

	width: 11px;

	height: 11px;

	vertical-align: initial

}

.icon--black {

	color: #000

}

.icon--white {

	color: #fff

}

.icon--green {

	color: #182c4f

}

li, nav ol, nav ul, ul {

	list-style: none;

	list-style-image: none;

	margin: 0;

	padding: 0

}

.list {

	display: flex;

	flex-direction: column

}

.list__item {

	position: relative;

	font-size: 1.6rem;

	padding-left: 2.3rem;

	letter-spacing: .33px;

	margin-bottom: 1.5rem

}

.list__item:before {

	font-family: iconfont;

	content: "\f061";

	font-size: 1.6rem;

	color: #284691;

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}

.list__item em {

	color: #284691;

	font-style: normal

}

.video {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	color: #fff;

	text-decoration: none

}

.video__wrapper {

	position: relative;

	overflow: hidden;

	-webkit-box-flex: 1;

	-ms-flex: 1 1 0px;

	flex: 1 1 0;

	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);

	box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)

}

.video__wrapper img {

	position: absolute;

	top: 0;

	left: 0;

	width:20%;

}

.video__cover {

	min-width: 100%;

	min-height: 100%

}

.video__play {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto

}

.video__play:hover {

	opacity: .9;

	transform: scale(.99)

}

.video__title {

	font-family: Roboto-Medium;

	font-size: 1.5rem;

	line-height: 1.8rem;

	text-align: center

}

.language-switcher {

	position: relative;

	display: inline-block;

	font-family: NunitoSans

}

.language-switcher__current-language {

	font-family: NunitoSans;

	padding:0 .5rem;

	line-height: 1.4

}

@media only screen and (max-width:1199.98px) {

.language-switcher .icon--arrow-down, .language-switcher__current-language {

	display: none

}

}

.language-switcher__content {

	position: absolute;

	display: block;

    margin-top:.5rem;

    padding:.8rem 0;

	background: #fff;

	box-shadow: 0 8px 10px 2px rgba(79,92,104,.14), 0 3px 14px 2px rgba(79,92,104,.12), 0 5px 15px -3px rgba(79,92,104,.2);

	min-width: 100%;

	z-index: 100

}

.language-switcher__item {

	line-height: 3.2rem;

	font-family: NunitoSans;

	font-size: 1.3rem;

    letter-spacing:.0313rem;

    padding:0 .5rem;

	color: #2e343b;

	-webkit-transition: background-color .2s;

	transition: background-color .2s

}

@media only screen and (max-width:1199.98px) {

.language-switcher__item {

	font-size: 1.6rem

}

}

.language-switcher__item:focus, .language-switcher__item:hover {

	background-color: rgba(191,224,201,.16)

}

.language-switcher__link {

	display: block;

	width: 100%;

	text-decoration: none!important

}

.language-switcher__button {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	color: #fff;

	background: transparent;

	border: 0

}

.language-switcher__button[aria-expanded=true] .icon--arrow-down {

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)

}

.language-switcher__button[aria-expanded=false]+ul {

	display: none

}

.language-switcher__button.focus, .language-switcher__button.focus .icon, .language-switcher__button:focus, .language-switcher__button:focus .icon, .language-switcher__button:hover, .language-switcher__button:hover .icon {

	color: #FFF

}

.btn {

	border: none;

	border-radius: 4px;

	background: #182c4f;

	color: #fff!important;

	padding: 1rem 2rem;

	transition: .2s ease-in-out;

	font-family: NunitoSans-SemiBold;

	font-size: 1.4rem;

	cursor: pointer;

	display: inline-block;

	text-align: center;

	text-transform: uppercase;

	vertical-align: middle;

	touch-action: manipulation;

	background-image: none;

	white-space: nowrap;

	box-shadow: 0 1px 2px 0 rgba(0,0,0,.28);

	transform-origin: bottom

}

.btn.focus, .btn:focus, .btn:hover {

	opacity: .8;

	box-shadow: none;

	transform: scale(.99)

}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {

	cursor: no-drop;

	background: #ababab

}

.btn.no-shadow {

	box-shadow: none

}

.btn.no-shadow.focus, .btn.no-shadow:focus, .btn.no-shadow:hover {

	opacity: .8;

	box-shadow: none;

	transform: none

}

.btn--squared {

	border-radius: unset

}

.btn--raleway {

	font-family: Raleway-SemiBold

}

.btn--secondary {

	background-color: transparent;

	border: 1px solid #fff;

	box-shadow: none

}

.btn--secondary.focus, .btn--secondary:focus, .btn--secondary:hover {

	border: 1px solid #d3dbd6;

	background-color: #8fabdd!important;

	color: #182c4f!important

}

.btn--secondary.btn--green {

	border-color: #8fabdd;

	color: #284691!important

}

.btn--secondary.btn--green.focus, .btn--secondary.btn--green:focus, .btn--secondary.btn--green:hover {

	border: 1px solid #d3dbd6;

	background-color: #8fabdd!important

}

.btn--with-icon {

	display: inline-flex;

	align-items: center

}

.btn--with-icon .icon {

margin-right:.5rem

}

@media only screen and (max-width:768px) {

.btn--with-icon .icon {

	margin-right: 1rem

}

}

.btn--with-icon .icon-video {

margin-top:.1rem

}

@media only screen and (max-width:768px) {

.btn--with-icon .icon-video {

	margin-top: 0

}

}

a.btn {

	text-decoration: none; margin:2rem 0 0 0;

}

a.btn.disabled, fieldset[disabled] a.btn {

	pointer-events: none

}

a.load-more-button {

	position: relative;

	text-decoration: none;

	font-family: NunitoSans-SemiBold;

	font-size: 1.3rem;

	letter-spacing: .23px;

	line-height: 2rem;

	padding-left: 3rem;

	color: #182c4f;

	cursor: pointer

}

a.load-more-button:before {

	content: "\f0d7";

	font-family: iconfont;

	min-width: 22px;

	width: 22px;

	min-height: 22px;

	height: 22px;

	border-radius: 50%;

	background-color: #284691;

	font-size: 1.2rem;

	text-align: center;

	color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

margin-right:.5rem

}

a.load-more-button.disabled, fieldset[disabled] a.load-more-button {

	pointer-events: none

}

button, input[type=button], input[type=submit] {

	background: none;

	border: 0;

	cursor: pointer;

	outline: none;

	padding: 0

}

.module__richtext {

	overflow-x: auto

}


.module__richtext h2{ padding:5rem 0 5rem 0;}


.module__richtext::-webkit-scrollbar {

display:none

}

@media only screen and (max-width:768px) {

table {

	width: unset!important

}

}

table.sheet td:first-child {

	font-size: 1.6rem

}

table.sheet td:first-child i:first-child {

	font-size: 2rem;

	margin-right: 1rem;

	color: #bcc1c5;

	line-height: 2rem

}

table.sheet td i {

	color: #182c4f

}

table {

	box-shadow: 1px 1px 2px 1px rgba(39,39,39,.05);

	border-radius: 5px;

	border-collapse: separate;

	border-spacing: 0;

	table-layout: auto

}

table td, table th {

	padding: 1rem;

	border: 1px solid #e4e8e5;

	border-left: unset

}

table td i {

	font-size: 1.6rem

}

table thead {

	background-color: #dae5ff;

	font-size: 1.1rem;

	text-transform: uppercase;

	color: #4b4b4b

}

table thead tr th {

	border: none

}

table thead tr:nth-child(2) {

	background-color: #e9f0ff;

	text-transform: none;

	font-size: 1rem;

	font-family: NunitoSans

}

table thead tr:nth-child(2) th {

padding:.5rem .8rem

}

table thead tr:nth-child(2) th:empty {

	background-color: #a6bef4;

	border: none

}

table thead tr:first-child th:first-child {

	border-top-left-radius: 5px

}

table thead tr:first-child th:last-child {

	border-top-right-radius: 5px

}

table tbody {

	font-size: 1.4rem;

	font-family: NunitoSans;

	line-height: 1.4rem

}

table tbody tr>:first-child {

	border-left: 1px solid #e4e8e5

}

table tbody tr:last-child :first-child {

	border-bottom-left-radius: 5px

}

table tbody tr:last-child :last-child {

	border-bottom-right-radius: 5px

}

table tbody tr th {

	text-align: left;

	font-size: 1.6rem;

	font-family: NunitoSans-SemiBold;

	background-color: #f9f9f9;

	white-space: nowrap

}

.mejs__button>button, .mejs__overlay-button, .mejs__overlay-loading-bg-img {

	background-image: url(../fonts/mejs-controls.svg)

}

[class^=come-in] {

visibility:hidden

}

.come-in--top {

	transform: translateY(-15rem)

}

.come-in--bot {

	transform: translateY(15rem)

}

.come-in--left {

	transform: translateX(-15rem)

}

.come-in--right {

	transform: translateX(15rem)

}

.come-in--animate {

	animation: come-in 2s ease forwards

}

@keyframes come-in {

to {

transform:translate(0);

visibility:visible

}

}

.wechat {

	cursor: pointer;

	position: relative;

padding-right:.8rem

}

.wechat__image {

	height: 24px

}

.wechat__container {

	display: none;

padding:.5rem;

	position: absolute;

	bottom: 100%;

	background-color: #fff

}

.wechat__container img {

	min-width: 15rem

}

.wechat:hover {

	opacity: 1!important

}

.wechat:hover .wechat__container {

	display: block

}

.modal {

	display: none

}

.modal.is-open {

	display: block

}

.modal__overlay {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(0,0,0,.6);

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: 999

}

.modal__content {

	max-height: 90vh;

	overflow-y: scroll

}

.modal__container {

	position: relative;

	background-color: #fff;

	max-width: 70%;

	width: 100%;

	box-sizing: border-box

}

@media only screen and (max-width:768px) {

.modal__container {

	max-width: 90%

}

}

.modal__container-notification {

	position: fixed;

	z-index: 1000;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	background-color: #fff;

	max-width: 70%;

	box-sizing: border-box;

	height: fit-content;

	max-height: 90vh;

	overflow-y: scroll;

border-radius:.4rem

}

.modal__container-notification--small {

	max-width: 30vw

}

.modal__container-notification--medium {

	width: 50vw;

	max-width: 50vw

}

.modal__container-notification--large {

	width: 70%

}

.modal__container-notification--extralarge {

	max-width: 95vw;

	width: 95vw;

	height: 95vh

}

.modal__container-notification--fullscreen {

	width: 100vw;

	height: 100vh;

	max-width: 100%

}

.modal__container-notification::-webkit-scrollbar {

width:3px

}

.modal__container-notification::-webkit-scrollbar-track {

background:transparent

}

@media only screen and (max-width:768px) {

.modal__container-notification {

	padding: 0 2.4rem 2.4rem;

	max-width: 90%;

	width: 100%

}

}

.modal__wrapper {

	position: relative;

	height: 100%;

	width: 100%;

	display: inline-block

}

.modal__title {

	text-align: center;

	background-color: rgba(0,0,0,.9)

}

.modal__title>p {

	margin-block-start: 0;

	margin-block-end: 0;

	padding: 1rem;

	color: #fff;

	font-size: 1.6rem;

	font-family: NunitoSans-SemiBold, Helvetica, Arial, sans-serif

}

.modal__close {

	background: transparent;

	border: 0;

	position: absolute;

	right: 0;

	top: -2.5rem;

	color: #fff;

	z-index: 999

}

.modal__close:before {

	content: "\2715"

}

@keyframes mm-fadeIn {

0% {

opacity:0

}

to {

	opacity: 1

}

}

@keyframes mm-slideIn {

0% {

transform:translateY(35%)

}

to {

	transform: translateY(0)

}

}

.micromodal-slide[aria-hidden=false] .modal__overlay {

	animation: mm-fadeIn .3s cubic-bezier(0, 0, .2, 1)

}

.micromodal-slide[aria-hidden=false] .modal__container {

	animation: mm-slideIn .3s cubic-bezier(0, 0, .2, 1)

}

.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {

	will-change: transform

}

body {

	font-family: NunitoSans, Helvetica, Arial, sans-serif;

	font-size: 1.8rem

}

.scroll-disabled {

	position: fixed;

	width: 100%;

	height: 100%;

	overflow-y: scroll

}

.main-wrapper {

	position: relative

}

@media only screen and (max-width:1199.98px) {

.main-content.header-active {

	padding-top: 89px

}

}

.container {

	width: 100%;

	max-width: 1440px;


	margin-right: auto;

	margin-left: auto

}

@media only screen and (max-width:1199.98px) {

.container {

	padding: 0 4rem

}

}

@media only screen and (max-width:992px) {

.container {

	padding: 0 3rem

}

}

@media only screen and (max-width:767.98px) {

.container {

	padding: 0 2rem

}

}

.row {

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex

}

.col-1 {

	width: 8.33%

}

.col-2 {

	width: 16.66%

}

.col-3 {

	width: 25%

}

.col-4 {

	width: 33.33%

}

.col-5 {

	width: 41.66%

}

.col-6 {

	width: 50%

}

.col-7 {

	width: 58.33%

}

.col-8 {

	width: 66.66%

}

.col-9 {

	width: 75%

}

.col-10 {

	width: 83.33%

}

.col-11 {

	width: 91.66%

}

.col-12 {

	width: 100%

}

@media only screen and (max-width:768px) {

html .col-1, html .col-2, html .col-3, html .col-4, html .col-5, html .col-6, html .col-7, html .col-8, html .col-9, html .col-10, html .col-11, html .col-12 {

	width: 100%

}

}

.padding--s {

	padding-top: 2rem;

	padding-bottom: 2rem

}

.padding--m {

	padding-top: 4rem;

	padding-bottom: 4rem;
	
	

}
.padding--m b{

	border-bottom:1rem #003366 solid; display:block; padding:0 0 1% 0
	
	

}

.padding--m h2 { text-align: center;

  

	padding-bottom:2%

}


.padding--l {

	padding-top: 2rem;

	padding-bottom: 2rem

}

.padding--xl {

	padding-top: 12rem;

	padding-bottom: 12rem

}

.position--right {

	margin-left: auto

}

.position--left {

	margin-right: auto

}

.position--center {

	margin:2% auto;


}

.content__wrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.content__wrapper .content__main:only-child {

	width: 100%

}

.content__wrapper .content__main:only-child .specifications__image {

--currvw:100vw

}

.content__sidebar {

	width: 30%;

	-ms-flex-item-align: start;

	-ms-grid-row-align: start;

	align-self: start;

	position: -webkit-sticky;

	position: sticky;

	top: 12rem

}

@media only screen and (max-width:768px) {

.content__sidebar {

	display: none

}

}

.content__sidebar-title {

	font-family: NunitoSans-SemiBold;

	margin-bottom: 2rem

}

.content__siblings {

	width: 70%;

	margin-top: 2rem;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

.content__sibling {

	margin-bottom: 1.5rem;

	padding: 1.5rem;

	background-color: #e2ebff;

	border-radius: 5px;

	font-size: 1.3rem;

	font-family: NunitoSans;

	text-decoration: none

}

.content__sibling:hover {

	background-color: #a6bef4;

	-webkit-transform: scale(.99);

	transform: scale(.99)

}

.content__sibling--active {

	background-color: #a6bef4;

	pointer-events: none

}

.content__main {

	width: 70%

}

@media only screen and (max-width:768px) {

.content__main {

	width: 100%

}

}

.design-guide__header {

	position: relative;

	padding-top: 14rem;

	padding-bottom: 5rem;

	margin-bottom: 3rem

}

.design-guide__header-card {

	padding: 2rem;

	background: #fff;

	box-shadow: 0 5px 15px 0 rgba(0,0,0,.07)

}

.design-guide__header-title {

	margin-top: 0;

	font-size: 4rem;

	line-height: 4.7rem

}

.design-guide__header-details {

	display: flex;

	align-items: center

}

.design-guide__header-category {

	background-color: #f9f9f9;

	margin-right: 1.5rem;

border-radius:.5rem;

	min-width: 7.5rem;

padding:.5rem 1.3rem;

	font-size: 1.3rem;

	color: #747474;

	text-decoration: none

}

.design-guide__header-category:hover {

	background-color: #284691;

	color: #fff

}

.design-guide__header-date {

	color: #182c4f;

	font-family: NunitoSans-SemiBold;

	font-size: 1.4rem;

	line-height: 1.9rem;

	margin-right: 1rem

}

.design-guide__header-background {

	position: absolute;

	object-fit: cover;

	height: 100%;

	top: 0;

	right: 0;

	z-index: -1

}

@media only screen and (max-width:768px) {

.design-guide__header {

	padding-top: 0;

	padding-bottom: 5rem

}

.design-guide__header-background {

	display: none

}

}

.design-guide__toc {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	position: fixed;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	left: -25rem;

	-webkit-transition: left 1s;

	-o-transition: left 1s;

	transition: left 1s;

	z-index: 99

}

.design-guide__toc.active {

	left: 0

}

.design-guide__toc.active ul {

	-webkit-box-shadow: 0 8px 10px 2px rgba(79,92,104,.14), 0 3px 14px 2px rgba(79,92,104,.12), 0 5px 15px -3px rgba(79,92,104,.2);

	box-shadow: 0 8px 10px 2px rgba(79,92,104,.14), 0 3px 14px 2px rgba(79,92,104,.12), 0 5px 15px -3px rgba(79,92,104,.2)

}

.design-guide__toc--body {

	position: relative

}

.design-guide__toc-title {

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

	-webkit-writing-mode: vertical-lr;

	-ms-writing-mode: tb-lr;

	writing-mode: vertical-lr;

	text-align: center;

	right: -2.8rem;

	-webkit-margin-after: 0;

	margin-block-end: 0;

	background: #182c4f;

	border-radius: 1rem 0 0 1rem;

padding:1rem .5rem;

	color: #fff;

	font-size: 1.6rem;

	font-family: Raleway-SemiBold;

	cursor: pointer;

	height: fit-content;

	margin-top: auto;

	margin-bottom: auto

}

.design-guide__toc-title:hover {

	background: #284691

}

.design-guide__toc ul {

	max-height: 40vh;

	overflow-y: scroll;

	width: 25rem;

padding:2rem .5rem 2rem 2rem;

	background: #fff;

	border-radius: 0 1rem 1rem 0

}

.design-guide__toc ul li {

	padding-bottom: 1rem;

	border-bottom: 1px solid #ecf7ee;

	margin-bottom: 1rem

}

.design-guide__toc ul li a {

	text-decoration: none;

	font-family: NunitoSans-Light;

	cursor: pointer

}

.design-guide__toc ul li a.active, .design-guide__toc ul li a:hover {

	color: #182c4f

}

.design-guide__toc ul li:last-of-type {

	padding-bottom: 0;

	border-bottom: none;

	margin-bottom: 0

}

.header {

	position: sticky;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	z-index: 100;

	background-color: #fff;

	-webkit-transition: .3s ease-in;

	-o-transition: .3s ease-in;

	transition: .3s ease-in;
	border-bottom: 1px #ccc solid;

}

.header--simple {

	position: absolute;

	background-color: transparent;

	border-bottom: .83px solid #fff

}

@media only screen and (max-width:1199.98px) {

.header {

	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.07);

	box-shadow: 0 2px 4px 0 rgba(0,0,0,.07)

}

}

.header--up {

	-webkit-transform: none;

	-ms-transform: none;

	transform: none

}

@media only screen and (min-width:1200px) {

.header:after {

	content: "";

	position: absolute;

	top: 100%;

	left: 0;

	background-color: #fff;

	border-top: 1px solid #dfedeb;

	display: none

}

.header.header--popup-opened:after {

	display: block

}

}

.header__container {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	max-height: 100%

}

@media only screen and (max-width:1199.98px) {

.header__container {

	-webkit-box-pack: start;

	-ms-flex-pack: start;

	justify-content: start;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-direction: row;

	flex-direction: row;

	padding: 2rem

}

}

.header .logo {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 100%;

	max-width: 380px;

	-webkit-transform: none;

	-ms-transform: none;

	transform: none;

	-webkit-transition: .3s ease-in;

	-o-transition: .3s ease-in;

	transition: .3s ease-in

}

@media only screen and (max-width:1199.98px) {

.header .logo {

	max-width: 185px;

	height: 58px

}

}

.header .logo img {

	display: block;

	max-width: 100%;

	width: 100%;

	max-height: 100%

}

.popup {

	position: absolute;

	top: 100%;

	left: 0;

	opacity: 0;

	background: #e8e8e8;

	width: 100%;

	visibility: hidden;

	display: none;

	z-index: 10

}

.popup--dark {

	background: #383b3d;

	color: #d5d5d5

}

.popup--dark .dropdown__cta, .popup--dark .dropdown__heading {

	color: #d5d5d5!important

}

.popup--dark .dropdown__item:hover {

	background-color: #2b2d2e!important

}

.popup--dark .dropdown__item-title {

	color: #fff

}

@media only screen and (max-width:1199.98px) {

.popup {

	position: relative;

	top: auto;

	right: auto;

	border-top: 0;

	max-width: 100%;

	border-radius: 0;

	opacity: 0;

	visibility: visible;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	max-height: 0;

	-webkit-transition: opacity .6s, visibility .6s, max-height .4s ease-in-out;

	-o-transition: opacity .6s, visibility .6s, max-height .4s ease-in-out;

	transition: opacity .6s, visibility .6s, max-height .4s ease-in-out;

	background-color: #fff;

	color: #323232

}

.popup .dropdown__cta, .popup .dropdown__heading {

	color: #323232!important

}

.popup .dropdown__item:hover {

	background-color: #dedede

}

.popup .dropdown__item-title {

	color: #323232

}

}

.popup--visible {

	opacity: 1;

	visibility: visible;

	display: inherit;

	z-index: 20;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	max-height: -webkit-fit-content;

	max-height: -moz-fit-content;

	max-height: fit-content

}

@media only screen and (max-width:1199.98px) {

.popup--visible {

	-webkit-box-pack: start;

	-ms-flex-pack: start;

	justify-content: flex-start

}

}

.nav-toggle {

	position: relative;

	min-width: 22px;

	width: 22px;

	height: 21px;

	margin-left: 1.5rem;

	display: none;

	-webkit-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg)

}

@media only screen and (max-width:1199.98px) {

.nav-toggle {

	display: inline-block;

	margin-left: 2rem

}

}

.nav-toggle span {

	display: block;

	position: absolute;

	min-height: 2px;

	height: 2px;

	width: 100%;

	background: #323232;

	opacity: 1;

	left: 0;

	border-radius: 1px;

	-webkit-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg);

	-webkit-transition: .25s ease-in-out;

	-o-transition: .25s ease-in-out;

	transition: .25s ease-in-out

}

.nav-toggle span:first-child {

	top: 1px

}

.nav-toggle span:nth-child(2) {

	top: 9px

}

.nav-toggle span:nth-child(3) {

	top: 17px

}

.nav-toggle--active span:first-child {

	top: 10px;

	-webkit-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	transform: rotate(135deg)

}

.nav-toggle--active span:nth-child(2) {

	opacity: 0;

	left: -20px

}

.nav-toggle--active span:nth-child(3) {

	top: 10px;

	-webkit-transform: rotate(-135deg);

	-ms-transform: rotate(-135deg);

	transform: rotate(-135deg)

}

.nav-addons {

	background-color: #182c4f;

	padding: 1rem 0;

	width: 100%

}

.nav-addons__list {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.nav-addons__item {

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	font-size: 1.3rem;

	line-height: 1.4;

	color: #fff;

padding:0 .5rem

}

@media only screen and (min-width:1200px) {

.nav-addons__item:not(:last-of-type) {

	margin-right: 3rem

}

}

.nav-addons__item .icon {

	width: 12px;

	height: 12px;

	color: #fff

}

.nav-addons__link {

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	text-align: center;

	text-decoration: none;

	vertical-align: center;

	cursor: pointer;

	color: #fff

}

.nav-addons__link.focus, .nav-addons__link.focus .icon, .nav-addons__link:focus, .nav-addons__link:focus .icon, .nav-addons__link:hover, .nav-addons__link:hover .icon {

	color: #66bdd4

}

.nav-addons__link i {

margin-right:.5rem

}

@media only screen and (max-width:1199.98px) {

.nav-addons {

	display: none

}

}

.main-nav {

	margin-top: auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	padding-top: 2rem;

	padding-bottom: 1.4rem;

	height: 100%;

	background:#fff;

}

@media only screen and (max-width:1199.98px) {

.main-nav {

	padding: unset

}

.main-nav .main-nav__list {

	position: fixed;

	left: 0;

	bottom: -89px;

	width: 100%;

	opacity: 0;

	visibility: hidden;

	background-color: #fff;

	border-top: 1px solid #dfedeb;

	-webkit-transition: .6s ease-out;

	-o-transition: .6s ease-out;

	transition: .6s ease-out

}

.main-nav--opened .main-nav__list {

	opacity: 1;

	visibility: visible;

	padding: 0 0 2.5rem;

	-webkit-overflow-scrolling: touch;

	overflow-y: auto;

	height: 100%;

	display: block

}

}

.main-nav__list {

	padding-left: 2rem;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.main-nav__item:not(:last-of-type) {

	margin-right: 5rem

}

.main-nav__item:not(.main-nav__item--has-children):not(:last-of-type) {

	margin-right: 3.5rem

}

.main-nav__item:last-of-type:after {

	content: none

}

@media only screen and (min-width:1200px) {

.main-nav__item--has-children .main-nav__link {

	position: relative

}

.main-nav__item--has-children .main-nav__link:after {

	content: "";

	position: absolute;

top:.6rem;

	right: -1.8rem;

	width: 0;

	height: 0;

	border-color: #323232 transparent transparent;

	border-style: solid;

	border-width: 6px 5.5px 0;

	-webkit-transition: -webkit-transform .3s;

	transition: -webkit-transform .3s;

	-o-transition: transform .3s;

	transition: transform .3s;

	transition: transform .3s, -webkit-transform .3s

}

.main-nav__item--has-children .main-nav__link--opened:after {

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

	border-color: #284691 transparent transparent

}

}

@media only screen and (max-width:1199.98px) {

.main-nav__item {

	position: relative;

	width: 100%;

	opacity: 0;

	-webkit-transition: opacity .15s ease-out, -webkit-transform .3s ease-out;

	transition: opacity .15s ease-out, -webkit-transform .3s ease-out;

	-o-transition: opacity .15s ease-out, transform .3s ease-out;

	transition: opacity .15s ease-out, transform .3s ease-out;

	transition: opacity .15s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;

	-webkit-transform: translateY(30px);

	-ms-transform: translateY(30px);

	transform: translateY(30px);

	display: block;

	overflow: hidden

}

.main-nav__item--visible {

	opacity: 1;

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0)

}

.main-nav__item:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	height: 1px;

	background-color: rgba(0,0,0,.05)

}

.main-nav__item--has-children .main-nav__link:after, .main-nav__item--has-children .main-nav__link:before {

	content: "";

	position: absolute;

	width: 12px;

	height: 2px;

	border-radius: 2px;

	background-color: #323232;

	-webkit-transition: .3s ease-out;

	-o-transition: .3s ease-out;

	transition: .3s ease-out

}

}

@media only screen and (max-width:1199.98px) and (max-width:1199.98px) {

.main-nav__item--has-children .main-nav__link:after, .main-nav__item--has-children .main-nav__link:before {

	top: 30px;

	right: 43px;

	width: 16px

}

}

@media only screen and (max-width:1199.98px) and (max-width:992px) {

.main-nav__item--has-children .main-nav__link:after, .main-nav__item--has-children .main-nav__link:before {

	top: 25px;

	right: 34px

}

}

@media only screen and (max-width:1199.98px) and (max-width:767.98px) {

.main-nav__item--has-children .main-nav__link:after, .main-nav__item--has-children .main-nav__link:before {

	top: 20px;

	right: 18px

}

}

@media only screen and (max-width:1199.98px) {

.main-nav__item--has-children .main-nav__link:after {

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	transform: rotate(90deg)

}

.main-nav__item--has-children .main-nav__link--opened:before {

	-webkit-transform: rotate(1turn);

	-ms-transform: rotate(1turn);

	transform: rotate(1turn);

	opacity: 0

}

.main-nav__item--has-children .main-nav__link--opened:after {

	-webkit-transform: rotate(-180deg);

	-ms-transform: rotate(-180deg);

	transform: rotate(-180deg)

}

}

.main-nav__item .dropdown {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	gap: 4rem;

	padding-top: 3rem;

	padding-bottom: 3rem

}

.main-nav__item .dropdown__column {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	gap: 1.6rem;

	-webkit-box-flex: 1;

	-ms-flex: 1 1 0px;

	flex: 1 1 0

}

.main-nav__item .dropdown__column-container {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

gap:.8rem;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

.main-nav__item .dropdown__heading {

	padding-bottom: 1rem;

	border-bottom: 1px solid #d3d3d3

}

.main-nav__item .dropdown__cta, .main-nav__item .dropdown__heading {

	color: #182c4f;

	text-transform: uppercase;

	font-size: 1.4rem;

	font-family: NunitoSans-SemiBold;

	text-decoration: none

}

.main-nav__item .dropdown__cta {

	margin-top: auto

}

.main-nav__item .dropdown__item {

	text-decoration: none;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	max-width: 30rem;

	width: 100%;

border-radius:.4rem;

	gap: 1.6rem;

	padding: 1.2rem;

	-webkit-box-flex: 1;

	-ms-flex: 1 1 0px;

	flex: 1 1 30rem;

	color: inherit

}

.main-nav__item .dropdown__item .icon--green {

	color: #284691

}

.main-nav__item .dropdown__item:hover {

	background-color: #dedede

}

.main-nav__item .dropdown__item--video .card__wrapper {

	width: 8rem

}

.main-nav__item .dropdown__item--video .card__play-btn-wrapper {

	left: 5%;

	padding: 0

}

.main-nav__item .dropdown__item-wrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

gap:.8rem;

	text-wrap: wrap

}

.main-nav__item .dropdown__item-title {

	font-size: 1.8rem;

	font-family: NunitoSans-SemiBold, Helvetica, Arial, sans-serif

}

.main-nav__item .dropdown__item-text {

	font-size: 1.4rem;

	font-family: NunitoSans

}

@media only screen and (max-width:1199.98px) {

.main-nav__item .dropdown {

	flex-wrap: wrap;

	-ms-flex-wrap: wrap

}

.main-nav__item .dropdown__column {

	flex: 1 1 calc(50% - 2rem)

}

}

@media only screen and (max-width:390px) {

.main-nav__item .dropdown__column {

	flex: 1 1 100%

}

}

.main-nav__link {

	display: block;

	position: relative;

	font-size: 1.5rem;

	font-family: NunitoSans-SemiBold, Helvetica, Arial, sans-serif;

	color: #323232;

	line-height: 1.33;

letter-spacing:.0625rem;

	text-transform: uppercase;

	text-decoration: none;

	white-space: nowrap

}

@media only screen and (max-width:1199.98px) {

.main-nav__link {

	font-size: 1.8rem;

	padding: 2rem 4rem

}

}

@media only screen and (max-width:992px) {

.main-nav__link {

	padding: 1.5rem 3rem

}

}

@media only screen and (max-width:767.98px) {

.main-nav__link {

	padding: 2rem

}

}

.main-nav__link--active, .main-nav__link--opened, .main-nav__link:hover {

	color: #284691

}

.main-nav__link--active:after, .main-nav__link--opened:after, .main-nav__link:hover:after {

	border-color: #284691 transparent transparent

}

.main-nav__link--cta {

	display: -webkit-inline-box;

	display: -ms-inline-flexbox;

	display: inline-flex;

	font-size: 1.4rem;

	line-height: 1.14;

	padding: 1.2rem 1.6rem;

border-radius:.25rem

}

@media only screen and (max-width:1199.98px) {

.main-nav__link--cta {

	margin-left: 2rem;

	margin-top: 2rem

}

}

.hero-video {

	position: relative;

	width: 100%;

	overflow: hidden;

	height: 100vh;

	background: #0c0d11

}

@media only screen and (max-width:1199.98px) {

.hero-video {

	height: 80vh

}

}

.hero-video__content .btn {

	width: fit-content

}

.hero-video__container {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	position: relative;

	height: 100%;

	padding-top: 4rem;

	padding-bottom: 4rem

}

@media only screen and (max-width:1199.98px) {

.hero-video__container {

	height: auto;

	padding-top: 0

}

}

.hero-video__control {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	width: 100%;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.hero-video__heading {

	color: #fff;

	margin-bottom: 8rem;

	font-size: 3rem

}

@media only screen and (max-width:768px) {

.hero-video__heading {

	margin-top: 0;

	margin-bottom: 4rem

}

}

.hero-video__heading--green {

	display: block;

	color: #182c4f

}

@media only screen and (max-width:768px) {

.hero-video__cta-btn {

	min-width: 20rem

}

}

.hero-video__btn-wrapper {

	display: flex

}

@media only screen and (max-width:390px) {

.hero-video__btn-wrapper {

	flex-direction: column

}

}

.hero-video__play-btn {

	margin-left: 2rem

}

@media only screen and (max-width:390px) {

.hero-video__play-btn {

	margin-left: unset;

	margin-top: 2rem;

	min-width: 20rem

}

}

.hero-video__item {

	position: relative;

	padding-left: 3.6rem;

	font-family: Raleway-SemiBold;

	font-size: 2.2rem;

	letter-spacing: .5px;

	color: #fff;

	margin-bottom: 1.5rem

}

.hero-video__item:last-of-type {

	margin-bottom: 6rem

}

@media only screen and (max-width:768px) {

.hero-video__item:last-of-type {

	margin-bottom: 3.5rem

}

}

.hero-video__item:before {

	font-family: iconfont;

	content: "\f061";

	font-size: 1.8rem;

	color: #182c4f;

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}

.videobg {

	position: absolute;

	width: 100%;

	height: 100%;

	overflow: hidden;

	background: #fff;

	pointer-events: none!important;

	opacity: .6

}

.videobg.lazy {

	visibility: hidden

}

.videobg video {

	position: absolute;

	right: 0;

	top: 0;

	min-width: 100%;

	min-height: 100%

}

@media only screen and (max-width:1199.98px) {

.videobg video {

	max-height: 100%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	min-width: 100%;

	min-height: 100%;

	right: unset

}

}

.hero-banner {

	position: relative;

	width: 100%;

	overflow: hidden;

	min-height: 100vh

}

@media only screen and (max-width:1199.98px) {

.hero-banner {

	min-height: 80vh

}

}

.hero-banner__content .btn {

	width: fit-content

}

@media only screen and (max-width:768px) {

.hero-banner__content .btn {

	display: block;

	margin-left: auto;

	margin-right: auto

}

}

.hero-banner__container {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	position: relative;

	height: 100%;

	padding-top: 4rem;

	padding-bottom: 4rem

}

@media only screen and (max-width:1199.98px) {

.hero-banner__container {

	height: auto;

	padding-top: 0;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.hero-banner__control {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	width: 100%;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	position: relative

}

.hero-banner__heading {

	color: #fff;

	margin-bottom: 8rem;

	font-size: 3rem

}

@media only screen and (max-width:768px) {

.hero-banner__heading {

	margin-top: 0;

	margin-bottom: 4rem

}

}

.hero-banner__heading--green {

	display: block;

	color: #182c4f

}

@media only screen and (max-width:768px) {

.hero-banner__cta-btn {

	min-width: 20rem

}

}

.hero-banner__btn-wrapper {

	display: flex

}

@media only screen and (max-width:390px) {

.hero-banner__btn-wrapper {

	flex-direction: column

}

}

.hero-banner__item {

	position: relative;

	padding-left: 3.6rem;

	font-family: Raleway-SemiBold;

	font-size: 2.2rem;

	letter-spacing: .5px;

	color: #fff;

	margin-bottom: 1.5rem

}

.hero-banner__item:last-of-type {

	margin-bottom: 6rem

}

@media only screen and (max-width:768px) {

.hero-banner__item:last-of-type {

	margin-bottom: 3.5rem

}

}

.hero-banner__item:before {

	font-family: iconfont;

	content: "\f061";

	font-size: 1.8rem;

	color: #182c4f;

	position: absolute;

	top: 50%;

	left: 0;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%)

}

.gray-block {

	position: absolute;

	right: 6rem;

	top: 10%;

	color: #fff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	background-color: #333;

	padding: 2rem 2rem 4rem;

	text-align: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.gray-block__title {

	font-size: 3.4rem;

	font-family: NunitoSans-SemiBold, Helvetica, Arial, sans-serif;

	line-height: 3.8rem;

	margin-block-start: 3rem;

	margin-block-end: 1rem

}

@media only screen and (max-width:1199.98px) {

.gray-block__title {

	font-size: 2.4rem

}

}

.gray-block__image {

	max-width: 35rem

}

@media only screen and (max-width:1199.98px) {

.gray-block__image {

	max-width: 100%

}

}

.gray-block__text {

	font-size: 1.8rem;

	line-height: 2rem;

	font-family: NunitoSans, Helvetica, Arial, sans-serif;

	margin-block-start: 0;

	margin-block-end: 4rem

}

.gray-block__btn {

	margin-bottom: 2.6rem

}

@media only screen and (max-width:768px) {

.gray-block__btn {

	white-space: break-spaces

}

}

.gray-block__video {

	color: #fff;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	text-align: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	text-decoration: none;

	font-size: 1.8rem;

	font-family: NunitoSans-SemiBold, Helvetica, Arial, sans-serif

}

.gray-block__video .icon {

	color: #182c4f;

	font-size: 1.6rem;

margin-right:.5rem

}

.gray-block__video.focus, .gray-block__video:focus, .gray-block__video:hover {

	opacity: .8;

	box-shadow: none;

	transform: scale(.99)

}

@media only screen and (max-width:1199.98px) {

.gray-block {

	position: relative;

	right: 0;

	top: 0;

	margin-top: 3rem

}

}

.footer__module {

	background-color: #182c4f!important

}

@media only screen and (max-width:768px) {

.footer .btn {

	font-size: 1.8rem

}

}

.footer .logo {

	display: inline-block;

	margin-bottom: 5rem

}

.footer .logo img {

	display: block;

	max-width: 100%;

	width: 100%;

	height: 6rem

}

@media only screen and (max-width:768px) {

.footer .logo {

	margin-bottom: 4rem;

	width: 185px

}

}

.footer__container {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	padding-bottom: 2rem

}

@media only screen and (max-width:768px) {

.footer__container {

	padding-top: 3rem

}

}

.footer__info-and-lists {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-bottom: 3rem

}

@media only screen and (max-width:991.98px) {

.footer__info-and-lists {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.footer__info-items {

	-webkit-box-flex: 1;

	-ms-flex: 1 1 40%;

	flex: 1 1 40%

}

@media only screen and (max-width:991.98px) {

.footer__info-items {

	-ms-flex-preferred-size: 100%;

	flex-basis: 100%

}

}

.footer__lists {

	-webkit-box-flex: 1;

	-ms-flex: 1 1 60%;

	flex: 1 1 60%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

@media only screen and (max-width:991.98px) {

.footer__lists {

	-ms-flex-preferred-size: 100%;

	flex-basis: 100%

}

}

@media only screen and (max-width:390px) {

.footer__lists {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.footer__list {

	-webkit-box-flex: 1;

	-ms-flex: 1 1 auto;

	flex: 1 1 auto

}

.footer__list:not(:last-of-type) {

	padding-right: 1rem

}

@media only screen and (max-width:390px) {

.footer__list:not(:last-of-type) {

	margin-bottom: 4rem

}

}

.footer__list-header {

	font-size: 1.8rem;

	font-weight:bold;

	text-transform: uppercase;

	color: #dee7ff;

	margin-bottom: 1rem;

	font-family: NunitoSans

}

@media only screen and (max-width:768px) {

.footer__list-header {

	font-size: 2.2rem

}

}

.footer__list-link {

	font-size: 1.5rem;

	line-height: 2

}

@media only screen and (max-width:768px) {

.footer__list-link {

	font-size: 1.8rem

}

}

.footer__info-item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	margin-bottom: 2rem

}

@media only screen and (max-width:768px) {

.footer__info-item {

	margin-bottom: 3rem

}

}

.footer__info-item .icon {

	font-size: 17px;

	margin-top: 4px

}

.footer__info-item .icon-phone {

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg)

}

.footer__info-link {

	font-size: 1.5rem;

	margin-left: 1.2rem

}

@media only screen and (max-width:768px) {

.footer__info-link {

	font-size: 1.88rem

}

}

.footer__info-link, .footer__list-link {

	color: #8fabdd;

	text-decoration: none;

	font-family: NunitoSans-SemiBold, Helvetica, Arial, sans-serif

}

.footer__list-link.focus, .footer__list-link:focus, .footer__list-link:hover, a.footer__info-link.focus, a.footer__info-link:focus, a.footer__info-link:hover {

	opacity: .8;

	transform: scale(.99);

	text-decoration: underline

}

.footer__info-link--location, .footer__list-link--location {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	color: #dee7ff;

	max-width: 335px;

letter-spacing:.075rem;

	line-height: 2rem

}

@media only screen and (max-width:768px) {

.footer__info-link--location, .footer__list-link--location {

	margin-bottom: 1.8rem

}

}

.footer__list-link--location:hover, a.footer__info-link--location:hover {

	color: #d9d9d9

}

.footer__copyright {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	font-size: 1.4rem;

	letter-spacing: .7;

	font-family: NunitoSans-Light;

	color: #dee7ff;

	opacity: .8

}

@media only screen and (max-width:768px) {

.footer__copyright {

	font-size: 1.8rem;

	margin-top: 2.5rem

}

}

.footer__copyright-items {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

@media only screen and (max-width:600px) {

.footer__copyright-items {

margin-top:.5rem

}

}

.footer__copyright-item {

	position: relative;

padding:0 .8rem

}

@media only screen and (max-width:600px) {

.footer__copyright-item {

margin-right:.8rem;

	padding-left: 0

}

}

.footer__copyright-item:first-of-type:before {

	content: "-";

	position: relative;

	left: 0;

	top: 1px;

	color: #182c4f

}

@media only screen and (max-width:768px) {

.footer__copyright-item:first-of-type:before {

	content: none

}

}

.footer__copyright-item:not(:last-of-type):after {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	width: 1px;

	height: 15px

}

@media only screen and (max-width:390px) {

.footer__copyright-item:not(:last-of-type):after {

	top: 3px;

	height: 11px

}

}

.footer__copyright-item:after {

	background-color: hsla(0,0%,91%,.6)

}

.footer__copyright-link {

	text-decoration: none;

	color: #182c4f

}

.footer__copyright-link.focus, .footer__copyright-link:focus, .footer__copyright-link:hover {

	opacity: .8;

	-webkit-transform: scale(.99);

	transform: scale(.99);

	text-decoration: underline

}

.footer__social {

	padding-right: 4rem;

	-ms-flex-wrap: wrap-reverse;

	flex-wrap: wrap-reverse;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	width: 100%

}

.footer .social-links, .footer__social {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.footer .social-links {

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end

}

.footer .social-links__link {

	display: block;

	margin-right: 1rem;

	text-decoration: none

}

.footer .social-links__link.focus, .footer .social-links__link:focus, .footer .social-links__link:hover {

	opacity: .8;

	-webkit-transform: scale(.99);

	transform: scale(.99)

}

.module {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	background-size: cover;

	background-repeat: no-repeat;

--radnum-top:0;

--radnum-bot:0;

--x:0;

--y:0;

--z:100%;

--k:100%;

	-webkit-clip-path: polygon(0 var(--x), 100% var(--y), 100% var(--z), 0 var(--k));

	clip-path: polygon(0 var(--x), 100% var(--y), 100% var(--z), 0 var(--k))

}

@media only screen and (max-width:1199.98px) {

.module__nav-padding {

	padding-top: 89px

}

}

.module__bg--gray {

	background-color: #fafafa;
	margin:0 0 3rem 0;

}

.module__bg--gray-landing {

	background-color: #f5f5f5

}

.module__bg--green {

	background-color: #182c4f

}

.module__richtext {

	-webkit-box-flex: 1;

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;

	height: -webkit-fit-content;

	height: -moz-fit-content;

	height: fit-content;

	max-width: 100%

}

.module__richtext p {

	line-height: 160%;
	margin: 0 0 5rem 0;

}

.module__richtext ul {

	padding-left: 3rem

}

.module__richtext ul li {

	margin-bottom: 1rem

}

.module__richtext ul li:before {

	color: #182c4f;

	font-family: iconfont;

	content: "\f054";

	margin-right: 1rem;

	margin-left: -2rem;

	font-size: 1.3rem

}

.module__richtext-image {

	-webkit-box-flex: 1;

	-ms-flex: 1 1 50%;

	flex: 1 1 50%;

	min-width: 50%;

	margin: 1em;

	overflow: hidden;

	min-height: 30rem;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	gap: 1rem;

	justify-content: center

}

.module__richtext-image img {

	width: 100%;

	height: auto;

	-o-object-fit: cover;

	object-fit: cover

}

.module__richtext-image a {

	text-align: center;

	text-decoration: none;

	font-size: 1.6rem;

	line-height: 2rem;

	font-family: NunitoSans-Light

}

.module__richtext-image a[href="#"] {

	pointer-events: none

}

.module__richtext-image a:hover {

	color: #182c4f

}

.module__richtext-wrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	gap: 1.2rem

}

.module__richtext-wrapper--reverse {

	-webkit-box-orient: horizontal;

	-webkit-box-direction: reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse

}

@media only screen and (max-width:1199.98px) {

.module__richtext-wrapper {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	gap: 0

}

.module__richtext-wrapper--reverse {

	-webkit-box-orient: vertical;

	-webkit-box-direction: reverse;

	-ms-flex-direction: column-reverse;

	flex-direction: column-reverse

}

}

.module__content {
	

	max-width: 1440px;

	width: 100%;

	font-family: Raleway-SemiBold;

	position: relative;

	


}

@media only screen and (max-width:1199.98px) {

.module__content {

	padding-left: 4rem;

	padding-right: 4rem

}

}

@media only screen and (max-width:992px) {

.module__content {

	padding-left: 3rem;

	padding-right: 3rem

}

}

@media only screen and (max-width:767.98px) {

.module__content {

	padding-left: 2rem;

	padding-right: 2rem

}

}

.module__parent {

	padding-top: 4rem;

	font-size: 2rem;

	color: #182c4f;

	text-transform: uppercase

}

.color--white .module__parent {

	color: #182c4f

}

.module__iconlist {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	width: 100%

}

@media only screen and (max-width:768px) {

.module__iconlist {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center

}

}

.module__icon {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	text-align: center;

	
	width: calc(97%/var(--iconsNo));

	margin-bottom: 5rem

}

@media only screen and (max-width:768px) {

.module__icon {

	width: 100%;

	margin-top: 2rem

}

}

.module__icon p {

	font-family: NunitoSans;

	-webkit-margin-before: 2rem;

	margin-block-start: 2rem;

	-webkit-margin-after: 0;

	margin-block-end: 0

}

.module__icon h3 {

	text-transform: uppercase;

	-webkit-margin-before: 3rem;

	margin-block-start: 3rem;

	-webkit-margin-after: 0;

	margin-block-end: 0;

	font-size: 2rem;

	line-height: 2.7rem

}

.module__icon--case-sensitive h3 {

	text-transform: none

}

.module__icon img {

	max-height: 7rem

}
.module__icon b img{ width:70%; margin:0 auto; height:auto !important; max-height:none;

}

[data-diagonal-ltr-top], [data-diagonal-rtl-top] {

/*padding-top:calc(100vw*var(--radnum-top))*/

}

[data-diagonal-ltr-bot], [data-diagonal-rtl-bot] {

/*padding-bottom:calc(100vw*var(--radnum-bot));

margin-bottom:calc(100vw*var(--radnum-bot)*-1 - 1px)*/

}

[data-diagonal-rtl-top] {

/*--x:calc(100vw*var(--radnum-top));*/

/*--y:0*/
padding:5rem 0 0 0;

}

[data-diagonal-ltr-top] {

--x:0;

/*--y:calc(100vw*var(--radnum-top))*/

}

[data-diagonal-rtl-bot] {

/*--z:calc(100% - 100vw*var(--radnum-bot));

--k:100%*/

}

[data-diagonal-ltr-bot] {

/*--z:100%;

--k:calc(100% - 100vw*var(--radnum-bot))*/

}

.catalog__wrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

@media only screen and (max-width:768px) {

.catalog__wrapper {

	-webkit-box-orient: vertical;

	-webkit-box-direction: reverse;

	-ms-flex-direction: column-reverse;

	flex-direction: column-reverse

}

}

.catalog__image {

	margin-right: 4rem;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: visibility .4s, opacity .4s linear;

	transition: visibility .4s, opacity .4s linear;

	width: 70%

}

@media only screen and (max-width:768px) {

.catalog__image {

	width: 100%

}

}

.catalog__image--active {

	visibility: visible;

	opacity: 1

}

.catalog__items {

	width: 30%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

@media only screen and (max-width:768px) {

.catalog__items {

	width: 100%

}

}

.catalog__item {

	color: #747474;

	-webkit-transition: color 1s ease;

	transition: color 1s ease;

	cursor: pointer

}

.catalog__item--active {

	color: #000

}

.catalog__item--active:before {

	font-family: iconfont;

	content: "\f060";

	margin-left: -3rem;

	margin-top: 2rem;

	position: absolute;

	color: #182c4f

}

@media only screen and (max-width:768px) {

.catalog__item--active:before {

	content: unset

}

}

.catalog__title {

	text-transform: uppercase;

	font-size: 2rem;

	font-family: NunitoSans-Bold, Helvetica, Arial, sans-serif

}

.capabilities__items {
	margin:5rem 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-evenly;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

.capabilities__item {

	text-decoration: none;

	border-radius: 4px;

	box-shadow: 1px 10px 20px 1px rgba(102,189,212,.1);

	width:18%;

	overflow: hidden;

	height: 27rem;

	margin-bottom: 2rem;
	
	border: 1px #ccc solid;

}
.capabilities__item span { display:block; font-size:13px; text-align:left; margin:5% 10%; border-left: 3px #284691 solid; padding: 0 0 0 3%;}

@media only screen and (max-width:768px) {

.capabilities__item {

	width: 49%;

	margin-bottom: 2%

}

}

@media only screen and (max-width:390px) {

.capabilities__item {

	width: 100%;

	margin-bottom: 2rem

}

}

a.capabilities__item.focus, a.capabilities__item:focus, a.capabilities__item:hover {

	opacity: .8;

	box-shadow: 1px 10px 20px 1px rgba(166,190,244,.3);

	-webkit-transform: scale(.99);

	transform: scale(.99)

}

.capabilities__image {

	height: 100%;

	background-repeat: no-repeat;

	background-size: cover

}

.capabilities {

	text-align: center

}

.capabilities__title {

	padding: 0 0 5rem 0;

	-webkit-margin-before: 2em;

	margin-block-start: 2em;

	font-family: NunitoSans-Bold

}

.testimonials__items:before {

	font-family: iconfont;

	content: "\f10d";

	font-size: 16rem;

	left: -3rem;

	top: -12rem;

	position: absolute;

	color: rgba(166,190,244,.27);

	z-index: -5

}

@media only screen and (max-width:1199.98px) {

.testimonials__items:before {

	left: -2rem

}

}

.testimonials__items:after {

	font-family: iconfont;

	font-size: 16rem;

	content: "\f10e";

	right: -3rem;

	bottom: -10rem;

	position: absolute;

	color: rgba(166,190,244,.27);

	z-index: -5

}

@media only screen and (max-width:1199.98px) {

.testimonials__items:after {

	right: -2rem

}

}

.testimonials__items {

	position: relative;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

.testimonials__item, .testimonials__items {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.testimonials__item {

	background-color: #fff;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	border-radius: 4px;

	box-shadow: 1px 10px 20px 1px rgba(39,39,39,.1);

	width: calc(95%/var(--noOfItems));

	margin-bottom: 2rem;

	text-align: center;

	padding-left: 2rem;

	padding-right: 2rem

}

@media only screen and (max-width:768px) {

.testimonials__item {

	width: 100%;

	margin-bottom: 2rem

}

}

.testimonials__text {

	-webkit-box-flex: 1;

	-ms-flex-positive: 1;

	flex-grow: 1

}

.testimonials__testimonee, .testimonials__text {

	font-family: NunitoSans, Helvetica, Arial, sans-serif;

}

.testimonials__testimonee {

	font-size: 1.6rem;

	color: #747474;
	 padding: 5rem 0 0 0; line-height:180%;

}

.testimonials__position {

	font-size: 1.3rem;

	-webkit-margin-before: unset;

	margin-block-start: unset;

	color: #182c4f;

	font-family: NunitoSans, Helvetica, Arial, sans-serif

}

.team {

	text-align: left

}

.team__main {

	position: relative;

	width: 96%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

@media only screen and (max-width:768px) {

.team__main {

	width: 100%;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.team__img {

	width: 100%;

	border-radius: 10px;

	box-shadow: 1px 10px 20px 1px rgba(39,39,39,.1)

}

div[class*=team__shadow--] {

	position: relative

}

div[class*=team__shadow--]:after {

	border-radius: 10px;

	position: absolute;

	z-index: -1;

	content: "";

	background-color: #a6bef4

}

.team__shadow--main:after {

	width: 100%;

	height: 100%;

	bottom: -1.5rem;

	left: -1.5rem

}

.team__shadow--2:after {

	width: 90%;

	height: 70%;

	bottom: -1.5rem;

	left: -1.5rem

}

.team__shadow--4:after {

	width: 90%;

	height: 70%;

	bottom: -1.5rem;

	right: -1.5rem

}

.team__shadow--3:after {

	width: 90%;

	height: 70%;

	top: -1.5rem;

	right: -1.5rem

}

.team__shadow--1:after {

	width: 90%;

	height: 70%;

	top: -1.5rem;

	left: -1.5rem

}

.team__description {

	width: 60%;

	margin-left: 2rem;

	text-align: left;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

@media only screen and (max-width:768px) {

.team__description {

	margin-left: unset;

	margin-top: 6rem;

	width: 100%;

	text-align: center

}

}

.team__text {

	-webkit-box-flex: 1;

	-ms-flex-positive: 1;

	flex-grow: 1;

	-webkit-margin-before: 0;

	margin-block-start: 0;

	line-height: 3rem

}

.team__title {

	-webkit-margin-after: 0;

	margin-block-end: 0;

	font-family: NunitoSans-Bold;

	font-size: 1.6rem;
	padding:15% 0;

}

.team__position {

	-webkit-margin-before: 0;

	margin-block-start: 0;

	-webkit-margin-after: 0;

	margin-block-end: 0;

	text-transform: uppercase;

	color: #182c4f;

	font-size: 1.4rem

}

.team__members {

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-pack: distribute;

	justify-content: space-around;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

.team__member {

	width: calc(80%/var(--noOfItems));

	text-align: left;

	margin-bottom: 2rem

}

@media only screen and (max-width:768px) {

.team__member {

width:calc(80%/var(--noOfItems)*2);

	margin-bottom: 4rem

}

}

@media only screen and (max-width:390px) {

.team__member {

	width: 100%;

	margin-bottom: 4rem

}

}

.machinery {

	text-align: center

}

.machinery__items {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

.machinery__item, .machinery__items {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.machinery__item {

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	margin-bottom: 6rem

}

@media only screen and (max-width:768px) {

.machinery__item {

	-webkit-box-orient: vertical!important;

	-webkit-box-direction: reverse!important;

	-ms-flex-direction: column-reverse!important;

	flex-direction: column-reverse!important

}

}

.machinery__item:nth-child(2n) {

	-webkit-box-orient: horizontal;

	-webkit-box-direction: reverse;

	-ms-flex-direction: row-reverse;

	flex-direction: row-reverse

}

.machinery__item:nth-child(2n)>.machinery__description {

	text-align: right

}

.machinery__description {

	text-align: left;

	width: 48%;

	font-family: NunitoSans;

	font-size: 1.4rem;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

.machinery__description p {

	-webkit-margin-before: unset;

	margin-block-start: unset

}

@media only screen and (max-width:768px) {

.machinery__description {

	width: 100%;

	text-align: center!important

}

}

.machinery__image {

	width: 48%;

	border-radius: 10px;

	box-shadow: 1px 10px 20px 1px rgba(39,39,39,.1);

	display: block

}

.machinery__image img {

	display: block;

	width: 100%;

	border-radius: 10px;

	-webkit-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	transition: opacity .4s ease-in;

	-webkit-transition: opacity .4s ease-in;

	-moz-transition: opacity .4s ease-in;

	-ms-transition: opacity .4s ease-in;

	-o-transition: opacity .4s ease-in;

	opacity: 1

}

@media only screen and (max-width:768px) {

.machinery__image {

	width: 100%

}

}

.machinery__image--transitioning {

	transition: opacity .4s ease-out;

	-webkit-transition: opacity .4s ease-out;

	-moz-transition: opacity .4s ease-out;

	-ms-transition: opacity .4s ease-out;

	-o-transition: opacity .4s ease-out;

	opacity: 0!important

}

.machinery__title {

	text-transform: uppercase;

	color: #182c4f;

	font-size: 2.4rem;

	font-family: NunitoSans-Bold

}

.numbers h2 {

	text-align: center

}

.numbers__items {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;
	margin:2rem 0;

}

@media only screen and (max-width:768px) {

.numbers__items {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.numbers__item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	width: calc(100%/var(--noOfItems));

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.numbers__item img {

	height: 8rem

}

@media only screen and (max-width:768px) {

.numbers__item {

	width: 100%

}

}

.numbers__text {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	font-size: 1.4rem;

	font-family: NunitoSans;

	margin-left: 2rem;

	width: 45%

}

@media only screen and (max-width:768px) {

.numbers__text {

	width: 25%;

	margin-bottom: 4rem

}

}

@media only screen and (max-width:390px) {

.numbers__text {

	width: 80%

}

}

.numbers__number {

	font-size: 7.2rem;

	font-family: NunitoSans-Bold

}

.testimonials-carousel__wrapper {

	position: relative

}

.testimonials-carousel__wrapper .swiper-wrapper {

	height: auto

}

.testimonials-swiper {

	overflow-x: hidden;

	padding: 2rem

}

.testimonials-carousel__prev {

	position: absolute;

	left: -3rem;

	top: 50%;

	color: #182c4f;

	cursor: pointer;

	z-index: 10

}

@media only screen and (max-width:768px) {

.testimonials-carousel__prev {

	left: -1rem

}

}

.testimonials-carousel__next {

	position: absolute;

	right: -3rem;

	top: 50%;

	color: #182c4f;

	cursor: pointer;

	z-index: 10

}

@media only screen and (max-width:768px) {

.testimonials-carousel__next {

	right: -1rem

}

}

.testimonials-carousel__items:before {

	content: "\f10d";

	left: -3rem;

	top: -9rem

}

.testimonials-carousel__items:after, .testimonials-carousel__items:before {

	font-family: iconfont;

	font-size: 16rem;

	position: absolute;

	color: rgba(166,190,244,.27);

	z-index: -5

}

.testimonials-carousel__items:after {

	content: "\f10e";

	right: -3rem;

	bottom: -9rem

}

.testimonials-carousel__items .swiper-slide {

	padding: 2rem;

	height: inherit!important

}

@media only screen and (max-width:768px) {

.testimonials-carousel__items .swiper-slide {

	padding: 3rem

}

}

.testimonials-carousel__items .slick-track {

	display: -webkit-box!important;

	display: -ms-flexbox!important;

	display: flex!important

}

.testimonials-carousel__items .swiper-slide>div {

	height: 100%

}

.testimonials-carousel__item {

	height: 100%;

	display: -webkit-box!important;

	display: -ms-flexbox!important;

	display: flex!important;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	box-shadow: 1px 8px 15px 1px rgba(39,39,39,.1);

	padding: 2rem;

	background-color: #fff

}

.testimonials-carousel__text {

	-webkit-box-flex: 1;

	-ms-flex-positive: 1;

	flex-grow: 1

}

.testimonials-carousel__text .testimonials-carousel__title {

	-webkit-margin-before: 0;

	margin-block-start: 0;

	font-size: 3rem;

	line-height: 3rem;

	color: #182c4f

}

.testimonials-carousel__text p {

	font-size: 1.6rem;

	line-height: 2rem

}

.testimonials-carousel__testimonee {

	font-size: 2.4rem;

	font-family: NunitoSans-Bold;

	-webkit-margin-after: 0;

	margin-block-end: 0

}

.testimonials-carousel__position {

	color: #182c4f;

	text-transform: uppercase

}

.testimonials-carousel__company, .testimonials-carousel__position {

	-webkit-margin-before: 0;

	margin-block-start: 0;

	-webkit-margin-after: 0;

	margin-block-end: 0;

	font-size: 1.4rem

}

.testimonials-carousel__company {

	font-family: NunitoSans

}

.contactform {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.contactform>* {

	-webkit-box-flex: 1;

	-ms-flex-positive: 1;

	flex-grow: 1;

	-ms-flex-preferred-size: 0;

	flex-basis: 0

}

@media only screen and (max-width:768px) {

.contactform {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.contactform__connect {

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: space-evenly;

	-ms-flex-pack: space-evenly;

	justify-content: space-evenly;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	height: 100%;

	background-color: #f9f9f9

}

.contactform__connect h3 {

	font-family: Raleway-Bold

}

@media only screen and (max-width:768px) {

.contactform__connect {

	width: 100%

}

}

.contactform__item {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-family: NunitoSans-SemiBold;

	font-size: 1.6rem;

	text-decoration: none;

	text-align: center;

	width: 70%

}

@media only screen and (max-width:768px) {

.contactform__item {

	padding-bottom: 5rem

}

}

.contactform__item i {

	font-size: 3rem;

	color: #182c4f

}

.contactform__item a {

	text-decoration: none

}

.contactform__item a.focus, .contactform__item a:focus, .contactform__item a:hover {

	text-decoration: underline

}

.contactform .hs-form-field {

	margin-bottom: 2rem

}

.contactform .hs-form-field label {

	display: none

}

.contactform .form-columns-2>:first-child {

	margin-right: 2rem

}

.contactform .form-columns-1, .contactform .form-columns-2 {

	max-width: unset;

	width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.contactform .hs-form-field, .contactform .hs-form-field .input {

	width: 100%!important

}

.contactform .hs-form-field .hs-input, .contactform .hs-form-field input {

	font-family: NunitoSans;

	font-size: 1.4rem;

	line-height: 1.8rem;

	padding: 1rem;

	border: 1px solid #bababa;

	border-radius: 4px;

	width: 100%!important

}

.contactform .hs-form-field .hs-input.input-validation-error, .contactform .hs-form-field input.input-validation-error {

	border: 1px solid #c04141

}

.contactform .hs-form-field textarea {

	min-height: 10rem

}

.field-validation-error {

	margin-left: 0;

	padding-left: 0;

	color: #c04141;

	font-size: 1.4rem;

	display: block!important;

-webkit-margin-before:.2rem;

margin-block-start:.2rem;

	-webkit-margin-after: 0;

	margin-block-end: 0

}

.contactform .hs-fieldtype-file input {

	width: 100%;

	border: unset!important;

	padding: unset!important;

	cursor: pointer

}

.contactform .hs-fieldtype-file input::-webkit-file-upload-button {

font-family:NunitoSans-Bold;

font-size:1.4rem;

line-height:1.6rem;

text-transform:uppercase;

color:#182c4f;

background-color:#fff;

padding:1rem;

border:1px solid #182c4f;

border-radius:4px;

text-align:center;

width:35%;

margin-right:2rem;

cursor:pointer

}

@media only screen and (max-width:768px) {

.contactform .hs-fieldtype-file input::-webkit-file-upload-button {

width:45%

}

}

.contactform input[type=submit] {

	width: 100%;

	font-family: NunitoSans-Bold;

	color: #fff;

	text-align: center;

	padding: 2rem;

	text-transform: uppercase;

	background-color: #182c4f;

	border: none;

	border-radius: 4px

}

@media only screen and (max-width:390px) {

.contactform .grecaptcha-badge, .contactform .grecaptcha-badge iframe {

	width: 100%!important

}

}

.accordion {

	text-align: center;

	margin: auto auto 5rem

}

.accordion--alternate .accordion__items {

	border-bottom: 1px solid #182c4f

}

.accordion--alternate .accordion__item {

	margin-top: 0;

	border-radius: 0;

	box-shadow: none;

	border-top: 1px solid #182c4f

}

.accordion--alternate .accordion__button {

	font-family: Raleway-Bold;

	font-size: 2.2rem;

	line-height: 3.74rem

}

.accordion--alternate .accordion__button:after {

	color: #182c4f

}

.accordion--alternate .accordion__button.focus, .accordion--alternate .accordion__button:focus, .accordion--alternate .accordion__button:hover {

	background-color: unset

}

.accordion--alternate .colors__wrapper {

	gap: 3rem

}

.accordion--alternate .colors__color {

	width: 14.3rem;

	font-family: Raleway-SemiBold;

	font-size: 1.1rem;

	color: #182c4f;

	margin: unset;

	gap: 1rem

}

.accordion--alternate .colors__image {

	width: 9.3rem;

	height: 9.3rem

}

.accordion--alternate .accordion__text {

	font-family: Raleway;

	font-size: 1.6rem;

	line-height: 2.2rem;

	text-align: justify

}

.module__accordion {

	margin-bottom: 4rem

}

.accordion__items {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

.accordion__item {

	margin-top: 2rem;

	border-radius: 6px;

	box-shadow: 1px 1px 2px 1px rgba(39,39,39,.1)

}

.accordion__button {

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	padding: 2rem;

	width: 100%;

	text-align: left;

	font-family: Raleway-SemiBold;

	font-size: 2rem;

	border: none;

	background-color: transparent;

	cursor: pointer;

	position: relative

}

.accordion__button, .accordion__button:after {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.accordion__button:after {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-transition: all 1s ease;

	transition: all 1s ease;

	font-family: iconfont;

	content: "\f054";

	color: rgba(0,0,0,.54);

	font-size: 1.5rem

}

.accordion__button.focus, .accordion__button:focus, .accordion__button:hover {

	background-color: hsla(0,0%,39.2%,.05)

}

.accordion__checkbox:checked~label .accordion__button:after {

	-webkit-transform: rotate(90deg);

	transform: rotate(90def)

}

.accordion__checkbox:checked~label .accordion__button.focus, .accordion__checkbox:checked~label .accordion__button:focus, .accordion__checkbox:checked~label .accordion__button:hover {

	background-color: unset

}

.accordion__checkbox:checked~.accordion__text {

	max-height: 600px;

	padding: 2rem

}

.accordion__text {

	overflow: hidden;

	max-height: 0;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

	padding: 0 2rem

}

.accordion__text p {

	font-family: NunitoSans-Light!important

}

.module__cta {

	background-color: #7a98d4;

	padding: 2rem;

	text-decoration: none;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	width: -webkit-fit-content;

	width: -moz-fit-content;

	width: fit-content;

	position: relative;

	box-shadow: -1px 1px 2px 1px rgba(0,0,0,.15)

}

@media only screen and (max-width:768px) {

.module__cta {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.module__cta:after {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-family: iconfont;

	content: "\e800";

	height: 100%;

	font-size: 3.6rem;

	padding-left: 4rem;

	padding-right: 2rem;

	color: #fff

}

@media only screen and (max-width:768px) {

.module__cta:after {

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end;

	width: 100%;

	padding-left: 0;

	padding-right: 0

}

}

.cta__content {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;
	
	color:#fff;

}

.cta__title {

	font-family: NunitoSans-Bold;

	font-size: 2.4rem;

	-webkit-margin-after: .5em;

	margin-block-end: .5em

}

.cta__subtitle {

	font-family: NunitoSans-SemiBold

}

.module__specifications {

	position: relative

}

.specifications__items {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	width: 70%

}

@media only screen and (max-width:768px) {

.specifications__items {

	width: 100%

}

}

.specifications__background {

	position: absolute;

	right: 0;

	top: 5%;

	height: 50vh;

	z-index: -1;

	opacity: .27

}

@media only screen and (max-width:768px) {

.specifications__background {

	display: none

}

}

.specifications__item {

	margin-bottom: 3rem

}

.specifications__title {

	font-family: NunitoSans-Bold;

	font-size: 2rem;

	text-transform: uppercase

}

.specifications__image {

--currvw:67vw;

--radnum:0.043744331762962003;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	background-size: cover;

	background-repeat: no-repeat;

	min-height: 500px;

-webkit-clip-path:polygon(0 0, 100% calc(var(--currvw)*var(--radnum)), 100% calc(100% - var(--currvw)*var(--radnum)), 0 100%);

clip-path:polygon(0 0, 100% calc(var(--currvw)*var(--radnum)), 100% calc(100% - var(--currvw)*var(--radnum)), 0 100%);

padding-top:calc(var(--currvw)*var(--radnum));

padding-bottom:calc(var(--currvw)*var(--radnum));

margin-bottom:calc(var(--currvw)*var(--radnum)*-1 + 1%)

}

@media only screen and (max-width:768px) {

.specifications__image {

--currvw:100vw

}

}

.specifications__table {

	width: 100%

}

.specifications__table td {

	padding: 2rem;

	background: #fff

}

.specifications__table tr:first-child :first-child {

	border-top-left-radius: 5px

}

.specifications__table tr:first-child :last-child {

	border-top-right-radius: 5px

}

.specifications__table tr td:first-child {

	background-color: #f4f4f4;

	text-align: right;

	text-transform: uppercase;

	font-family: NunitoSans-SemiBold;

	font-size: 1.1rem

}

.specifications__table tr td:nth-child(2) {

	font-size: 1.6rem;

	font-family: NunitoSans-SemiBold

}

.tabs__navigation {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.tabs__navitem {

	-webkit-box-flex: 1;

	-ms-flex: 1;

	flex: 1;

	font-family: NunitoSans, Helvetica, Arial, sans-serif;

	font-size: 1.3rem;

	text-transform: uppercase;

	padding: 2rem;

	border-bottom: 1px solid #ecf7ee;

	-webkit-transition: .2s ease-in-out;

	transition: .2s ease-in-out;

	text-decoration: none;

	text-align: center

}

.tabs__navitem--active {

	border-bottom: 2px solid #182c4f

}

.tabs__navitem.focus, .tabs__navitem:focus, .tabs__navitem:hover {

	opacity: .8;

	-webkit-transform: scale(.99);

	transform: scale(.99)

}

.tab__item {

	display: none;

	padding: 2rem;

	overflow-x: auto

}

.tab__item::-webkit-scrollbar {

display:none

}

@media only screen and (max-width:768px) {

.tab__item table {

	width: unset!important

}

}

.tab__item--active {

	display: block

}

.colors .accordion__button {

	font-family: NunitoSans-Bold;

	font-size: 1.4rem

}

.colors__wrapper {

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

.colors__color, .colors__wrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.colors__color {

	text-decoration: none;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	font-family: NunitoSans;

	font-size: 1.1rem;

	color: #8d8d8d;

	margin-left: 3rem;

	margin-top: 1rem;

	margin-bottom: 1rem

}

.colors__color:first-child {

	margin-left: unset

}

.colors__color.focus, .colors__color:focus, .colors__color:hover {

	color: #2e343b;

	cursor: pointer;

	opacity: .8

}

.colors__color.focus .colors__image, .colors__color:focus .colors__image, .colors__color:hover .colors__image {

	border: 1px solid #8e8e8e;

	-webkit-transform: scale(1.11);

	transform: scale(1.11)

}

.colors__image {

	width: 4rem;

	height: 4rem;

	border-radius: 50%;

margin-bottom:.5rem;

	pointer-events: none

}

.colors__name {

	pointer-events: none;

	text-align: center

}

.milestones {

	position: relative;

	display: flex;

	justify-content: center;

--card-margin:3.5rem

}

.milestones:after, .milestones:before {

	content: "";

	position: absolute;

	width: 253px;

	height: 253px;

	background-position: 50%;

	background-size: cover;

	background-image: url(../fonts/clock.svg);

	z-index: -1

}

@media only screen and (max-width:1199.98px) {

.milestones:after, .milestones:before {

	width: 150px;

	height: 150px

}

}

@media only screen and (max-width:768px) {

.milestones:after, .milestones:before {

	content: none

}

}

.milestones:before {

	left: 0

}

.milestones:after {

	right: 0;

	bottom: 20%

}

.milestones__list {

	display: flex;

	flex-wrap: wrap;

	position: relative

}

.milestones__list:before {

	content: "";

	position: absolute;

	top: 0;

	height: calc(100% - 10rem);

	width: 5px;

	background: #d3d3d3;

	left: 50%;

	transform: translateX(-50%)

}

.milestones__item {

	position: relative;

	flex: 0 1 50%

}

.milestones__item :before {

	width: var(--card-margin);

	height: 5px;

	top: 2rem

}

.milestones__item :after, .milestones__item :before {

	content: "";

	position: absolute;

	background-color: #182c4f

}

.milestones__item :after {

	top: 1rem;

	width: 1.6rem;

	height: 1.6rem;

	border-radius: 50%;

border:.4rem solid #fff;

	z-index: 1

}

.milestones__item:nth-child(odd) :before {

	right: 0

}

.milestones__item:nth-child(odd) :after {

	right: -1.2rem

}

.milestones__item:nth-child(odd) .milestones__item-card {

	margin-right: var(--card-margin)

}

.milestones__item:nth-child(2n) {

	top: 5rem

}

.milestones__item:nth-child(2n) :before {

	left: 0

}

.milestones__item:nth-child(2n) :after {

	left: -1.2rem

}

.milestones__item:nth-child(2n) .milestones__item-card {

	margin-left: var(--card-margin)

}

.milestones__item-card {

	background: #fff;

	padding: 1em;

	box-shadow: 0 5px 15px 0 rgba(0,0,0,.07), 0 15px 4px 0 rgba(50,50,93,.01);

	margin-bottom: 1em

}

.milestones__date {

	font-family: NunitoSans-Bold;

	font-size: 3.2rem;

letter-spacing:.24rem

}

.milestones__description {

	font-size: 1.4rem;

	font-family: NunitoSans-Bold;

	line-height: 1.8rem

}

.milestones__facts {

	font-size: 1.4rem;

	line-height: 1.8rem;

	font-family: NunitoSans

}

@media only screen and (max-width:768px) {

.milestones__list:before {

	left: 0

}

.milestones__item {

	flex: 0 1 100%;

	top: 2rem!important

}

.milestones__item :before {

	left: 0!important

}

.milestones__item :after {

	left: -1.2rem!important

}

.milestones__item-card {

	margin-left: var(--card-margin);

	margin-right: unset!important

}

}

.cards {

	position: relative

}

.cards .load-more-button {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 100%

}

.cards .load-more-button.focus, .cards .load-more-button:focus, .cards .load-more-button:hover {

	opacity: .8;

	box-shadow: none;

	-webkit-transform: scale(.99);

	transform: scale(.99)

}

.cards__list {

	margin: 0;

	padding: 0;

	width: 100%

}

.cards__list, .categories {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

.categories {

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-bottom: 3rem

}

@media only screen and (max-width:768px) {

.categories {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

}

.categories__label {

	font-size: 1.8rem;

	font-family: NunitoSans-SemiBold;

	letter-spacing: .41px;

	color: #323232

}

@media only screen and (max-width:768px) {

.categories__label {

	margin-bottom: 1rem

}

}

.categories__list {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	margin-left: 1rem;

	font-family: NunitoSans;

	-webkit-gap: 2rem;

	gap: 2rem

}

@media only screen and (max-width:768px) {

.categories__list {

	margin-left: 0;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	width: 100%;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.categories__item {

	min-width: 75px;

	max-width: 240px;

	background-color: #e2ebff;

	border-radius: 5px;

	white-space: nowrap;

	-webkit-transition: background-color .3s;

	transition: background-color .3s

}

.categories__item:hover {

	background-color: ##e2ebff

}

@media only screen and (max-width:768px) {

.categories__item {

	width: 100%;

	margin-bottom: 1rem;

	margin-right: 0

}

}

.categories__item--active {

	background-color: #a6bef4

}

.categories__link {

	display: inline-block;

	font-size: 1.5rem;

	line-height: 1.154;

	color: #747474;

padding:.8rem 1.3rem;

	letter-spacing: .5px;

	text-decoration: none;

	width: 100%;

	text-align: center

}

.card {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	min-width: calc(33.33333% - 27px);

	-webkit-box-flex: 0;

	-ms-flex: 0 1 calc(33.33333% - 27px);

	flex: 0 1 calc(33.33333% - 27px);

	margin-right: 40px;

	margin-bottom: 40px;

	text-decoration: none;

	-webkit-transform: none;

	transform: none;

	visibility: visible;

	opacity: 1;

	top: 0;

	-webkit-transition: all .7s ease-in-out;

	transition: all .7s ease-in-out

}

.card.focus, .card:focus, .card:hover {

	opacity: .9

}

.card:nth-child(3n) {

	margin-right: 0

}

.card--hidden {

	visibility: hidden;

	opacity: 0;

	margin-top: -20rem

}

@media only screen and (max-width:1199.98px) {

.card {

	min-width: calc(33.33333% - 14px);

	-webkit-box-flex: 0;

	-ms-flex: 0 1 calc(33.33333% - 14px);

	flex: 0 1 calc(33.33333% - 14px);

	margin-right: 2rem;

	margin-bottom: 2rem

}

}

@media only screen and (max-width:768px) {

.card {

	-webkit-box-flex: 0;

	-ms-flex: 0 1 calc(50% - 10px);

	flex: 0 1 calc(50% - 10px)

}

.card:nth-child(2n), .card:nth-child(3n) {

	margin-right: 0

}

}

@media only screen and (max-width:390px) {

.card {

	min-width: 270px;

	-webkit-box-flex: 0;

	-ms-flex: 0 1 100%;

	flex: 0 1 100%;

	margin-right: 0;

	margin-bottom: 2rem

}

}

.card.card--small {

	min-width: 225px;

	max-width: 225px;

	margin-bottom: 2rem

}

.card.card--small .card__title {

	font-size: 1.6rem;

	min-height: auto

}

.card.card--small .card__footer {

	font-size: 1.5rem

}

.card.card--small .card__category, .card.card--small .card__text {

	display: none

}

.card.card--small.card--tutorials .card__content {

	padding-top: 1.2rem

}

.card.card--small.card--tutorials .card__title {

	margin-bottom: 1.2rem

}

.card__wrapper {

	background-color: #fff;

border-radius:.25rem;

	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	overflow: hidden;

	width: 100%

}

.card__wrapper:hover .card__image {

	-webkit-filter: contrast(90%);

	filter: contrast(90%)

}

.card__content {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-flex: 1;

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	padding: 2.2rem 1.2rem 1.5rem;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.card__content a{

	text-decoration:none;

}

.card__image {

	background-position: 50%;

	background-repeat: no-repeat;

	background-size: cover;

border-top-left-radius:.25rem;

border-top-right-radius:.25rem;

	-webkit-filter: contrast(100%);

	filter: contrast(100%);

	overflow: hidden;

	position: relative;

	-webkit-transition: -webkit-filter .5s cubic-bezier(.43, .41, .22, .91);

	transition: -webkit-filter .5s cubic-bezier(.43, .41, .22, .91);

	transition: filter .5s cubic-bezier(.43, .41, .22, .91);

	transition: filter .5s cubic-bezier(.43, .41, .22, .91), -webkit-filter .5s cubic-bezier(.43, .41, .22, .91)

}

.card__image:before {

	content: "";

	display: block;

	padding-top: 56.25%

}

@media (min-width:40rem) {

.card__image:before {

padding-top:66.6%

}

}

.card__label {

	text-transform: uppercase;

	margin-bottom: 1.1rem;

	font-family: NunitoSans-Light;

	font-size: 1.6rem;

	letter-spacing: .44px;

	color: #323232

}

.card__title {

	color: #4a4a4a;

	font-size: 2.4rem;

	font-family: Raleway-Bold;

	margin-bottom: 2rem

}

@media only screen and (max-width:1199.98px) {

.card__title {

	min-height: 0

}

}

.card--tutorials .card__title {

	min-height: auto;

	margin-bottom: 1.8rem

}

.card__play-btn-wrapper {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding-bottom: 2rem;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	pointer-events: none

}

.card__play-btn {

	position: relative;

	overflow: hidden;

	transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(.866);

	pointer-events: none;

	border-radius: 20%

}

.card__play-btn, .card__play-btn:after, .card__play-btn:before {

	width: 6rem;

	height: 6rem

}

.card__play-btn:after, .card__play-btn:before {

	content: "";

	position: absolute;

	background: #fff;

	pointer-events: auto

}

.card__play-btn:before {

	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(.866) translateX(-24%)

}

.card__play-btn:after {

	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(.866) translateX(24%)

}

.card__play-btn:before {

	border-radius: 20% 20% 20% 55%

}

.card__play-btn:after {

	border-radius: 20% 20% 55% 20%

}

.card__play-btn--small {

	position: relative;

	overflow: hidden;

	transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(.866);

	pointer-events: none;

	border-radius: 20%

}

.card__play-btn--small, .card__play-btn--small:after, .card__play-btn--small:before {

	width: 2rem;

	height: 2rem

}

.card__play-btn--small:after, .card__play-btn--small:before {

	content: "";

	position: absolute;

	background: #fff;

	pointer-events: auto

}

.card__play-btn--small:before {

	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(.866) translateX(-24%)

}

.card__play-btn--small:after {

	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(.866) translateX(24%)

}

.card__play-btn--small:before {

	border-radius: 20% 20% 20% 55%

}

.card__play-btn--small:after {

	border-radius: 20% 20% 55% 20%

}

.card--news__date {

	color: red

}

.card__text {

	-webkit-box-flex: 1;

	-ms-flex: 1 1 auto;

	flex: 1 1 auto;

	font-family: NunitoSans-Light;

	font-size: 1.6rem;

	letter-spacing: .44px;

	color: #323232;

	line-height: 1.3;

	margin-bottom: 1.2rem

}

.card__footer {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	column-gap: 1.7rem;

	row-gap: 1rem

}

.card__footer-item:last-child {

	margin-right: 0

}

@media only screen and (max-width:768px) {

.card__footer {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start

}

.card__footer-item {

	margin-right: 0

}

}

.card__footer-item {

	font-family: NunitoSans-Light;

	color: #182c4f;

	font-size: 1.6rem

}

.card__footer-item--with-icon {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.card__footer-item--with-icon .icon {

	font-size: 1.6rem;

margin-right:.5rem

}

.card__footer-item--with-icon .icon.icon-book-open {

margin-right:.8rem

}

.card__category {

	color: #747474;

	font-family: NunitoSans;

	font-size: 1.3rem;

	letter-spacing: .5px;

	line-height: 1.154;

padding:.8rem 1.3rem;

	min-width: 12.7rem;

	text-align: center;

	background-color: #f4faf6

}

.module__how-it-works {

	width: 100%

}

.how-it-works__items {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

.how-it-works__item, .how-it-works__items {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.how-it-works__item {

	color: #323232

}

.how-it-works__item--alternate {

	flex-direction: row-reverse

}

.how-it-works__item--alternate .how-it-works__image {

	margin-right: 0

}

.how-it-works__item--alternate .how-it-works__content {

	margin-right: 4rem

}

.how-it-works__item--alternate .how-it-works__content:before {

	content: none

}

.how-it-works__item--alternate .how-it-works__content:after {

	font-family: iconfont;

	content: "\f061";

	right: -3rem;

	top: 2rem;

	position: absolute;

	color: #182c4f

}

@media only screen and (max-width:768px) {

.how-it-works__item--alternate .how-it-works__content:after {

	content: unset

}

}

@media only screen and (max-width:768px) {

.how-it-works__item {

	-webkit-box-orient: vertical;

	-webkit-box-direction: reverse;

	-ms-flex-direction: column-reverse;

	flex-direction: column-reverse

}

}

.how-it-works__item.in-view .how-it-works__image {

	-webkit-transform: none;

	transform: none;

	visibility: visible;

	opacity: 1;

	left: 0

}

.how-it-works__item.in-view .how-it-works__content {

	-webkit-transform: none;

	transform: none;

	visibility: visible;

	opacity: 1;

	right: 0

}

.how-it-works__image {

	margin-right: 4rem;

	width: 70%;

	visibility: hidden;

	opacity: 0;

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

	position: relative;

	left: -30rem

}

@media only screen and (max-width:768px) {

.how-it-works__image {

	width: 100%

}

}

.how-it-works__content {

	width: 30%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	opacity: 0;

	-webkit-transition: all 1s ease-in-out;

	transition: all 1s ease-in-out;

	position: relative

}

@media only screen and (max-width:768px) {

.how-it-works__content {

	width: 100%;

	margin-bottom: 2rem

}

}

.how-it-works__content:before {

	font-family: iconfont;

	content: "\f060";

	margin-left: -3rem;

	margin-top: 2rem;

	position: absolute;

	color: #182c4f

}

@media only screen and (max-width:768px) {

.how-it-works__content:before {

	content: unset

}

}

.how-it-works__title {

	text-transform: uppercase;

	font-size: 2rem;

	line-height: 1.35;

	letter-spacing: .42px;

	margin-top: 1.8rem;

	font-family: NunitoSans-Bold

}

.how-it-works__text {

	font-size: 1.8rem;

	line-height: 1.333;

	letter-spacing: .41px

}

.color-modal {

	z-index: 10000;

	background: #fff;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	width: 100%;

	margin: 0 auto;

	padding: 2rem;

	background-color: #fff

}

.color-modal__title {

	font-family: NunitoSans-Bold;

	font-size: 2.4rem;

	line-height: 3.2rem

}

.color-modal__dismiss {

	position: absolute;

	top: 2rem;

	right: 2rem;

	font-size: 2.4rem;

	color: #8d8d8d;

	z-index: 1000

}

.color-modal__carousel {

	margin: 0 auto

}

.color-modal__carousel-wrapper {

	position: relative;

	width: 100%

}

.color-modal__image img {

	margin: 0 auto;

	max-height: 450px;

	max-width: 99%

}

.color-modal__next {

	right: 0

}

.color-modal__next, .color-modal__prev {

	font-size: 4.8rem;

	position: absolute;

	color: #8d8d8d;

	top: 50%;

	transform: translateY(-50%);

	cursor: pointer;

	z-index: 1000

}

.color-modal__prev {

	left: 0

}

.color-modal .swiper-slide {

	display: flex

}

.color-modal .swiper-pagination {

	bottom: 0

}

.color-modal .swiper-pagination-bullet {

	width: 2rem;

height:.5rem;

	background-color: #d8d8d8;

margin-right:.8rem;

	cursor: pointer;

	border-radius: 0

}

.color-modal .swiper-pagination-bullet-active, .color-modal .swiper-pagination-bullet:hover {

	background-color: #4c4c4c

}

@media only screen and (max-width:768px) {

.color-modal {

	width: 90%

}

.color-modal__next, .color-modal__prev, .color-modal__title {

	font-size: 2rem

}

.color-modal__image img {

	max-height: 250px

}

}

@media only screen and (max-width:1199.98px) {

.color-modal__image img {

	max-height: 350px

}

}

@media only screen and (max-width:390px) {

.color-modal__image img {

	max-height: 150px

}

}

.hardware__title {

	position: relative;

	width: fit-content;

	margin-left: auto;

	margin-right: auto

}

.hardware__title-new {

	position: absolute;

	top: -1rem;

	right: 100%;

	background-color: #284691;

	color: #fff;

	letter-spacing: .58px;

	font-size: 2.1rem;

	line-height: 2.8rem;

	font-family: NunitoSans-Bold;

padding-left:.5rem;

padding-right:.5rem;

	text-transform: uppercase;

	transform: rotateY(0deg) rotate(-40deg);

	box-shadow: 1px 2px 4px 0 rgba(0,0,0,.3)

}

.hardware__container {

	display: flex

}

.hardware__container>div {

	flex: 1 1 0

}

.hardware__container>div:first-of-type {

	margin-right: 8.7rem

}

@media only screen and (max-width:1199.98px) {

.hardware__container {

	flex-direction: column

}

.hardware__container>div:first-of-type {

	margin-bottom: 2rem;

	margin-right: 0

}

}

.hardware__images {

	display: flex

}

@media only screen and (max-width:768px) {

.hardware__images {

	flex-direction: column;

	align-items: center

}

}

.hardware__image {

	position: relative;

	margin-right: 6rem;

	border-radius: 1rem;

	box-shadow: 1px 2px 4px 0 rgba(0,0,0,.3);

	height: 25rem;

	flex: 1 1 auto;

	overflow: hidden

}

.hardware__image:last-of-type {

	margin-right: unset

}

@media only screen and (max-width:768px) {

.hardware__image {

	width: 80%;

	margin-right: unset;

	margin-bottom: 3rem

}

.hardware__image:last-of-type {

	margin-bottom: unset

}

}

.hardware__image img {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	min-width: 100%;

	min-height: 100%

}

.hardware__content {

	text-align: left

}

.image-list__wrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: space-between;

	-ms-flex-pack: space-between;

	justify-content: space-between;

	align-items: stretch;

	margin: auto

}

@media only screen and (max-width:768px) {

.image-list__wrapper {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.image-list__content {

	flex: 1 1 0;

	margin-left: 10rem

}

@media only screen and (max-width:768px) {

.image-list__content {

	margin-left: 0;

	margin-top: 5rem

}

}

.image-list__title {

	font-family: NunitoSans-Bold

}

.image-list__list, .image-list__title {

	margin-block-end: 3rem

}

.image-list__media {

	flex: 1 1 0;

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: space-between;

	-ms-flex-pack: space-between;

	align-items: stretch;

	overflow: hidden

}

@media only screen and (max-width:768px) {

.image-list__media {

	max-height: 25vh;

	display: block;

	flex: initial

}

}

.image-list__image {

	min-width: 100%

}

@media only screen and (max-width:768px) {

.image-list__btn {

	display: block;

	margin-left: auto;

	margin-right: auto;

	width: fit-content

}

}

.detailed-banner {

	color: #333

}

.detailed-banner__container {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex

}

.detailed-banner__container--left {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	margin-right: 6rem

}

@media only screen and (max-width:768px) {

.detailed-banner__container--left {

	margin-bottom: 2rem;

	margin-right: unset

}

}

.detailed-banner__container--right {

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

@media only screen and (max-width:768px) {

.detailed-banner__container {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column

}

}

.detailed-banner__video {

	height: 40rem;

	max-width: 65rem

}

.detailed-banner__video-wrapper {

	border: 3px solid #182c4f;

	border-radius: 3px

}

.detailed-banner__label {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	font-family: Roboto-Medium;

	font-size: 1.2rem;

	line-height: 1.6rem;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.detailed-banner__label img {

	margin-right: 1rem

}

.detailed-banner__pretitle {

	font-family: NunitoSans-Bold;

	font-size: 2.4rem;

	line-height: 2.6rem;

	color: #182c4f;

	-webkit-margin-before: 1.6rem;

	margin-block-start: 1.6rem;

	-webkit-margin-after: 0;

	margin-block-end: 0

}

.detailed-banner__title {

	font-family: NunitoSans-Bold;

	font-size: 3.8rem;

	line-height: 3.8rem;

	-webkit-margin-before: 1rem;

	margin-block-start: 1rem;

	-webkit-margin-after: 1.6rem;

	margin-block-end: 1.6rem

}

.detailed-banner__text {

	font-family: NunitoSans-SemiBold;

	font-size: 1.8rem;

	line-height: 2.4rem;

	-webkit-margin-after: 3.6em;

	margin-block-end: 3.6rem

}

.detailed-banner__list {

	margin-bottom: 3.6rem

}

.detailed-banner__list .list__item {

	font-family: NunitoSans-Bold;

	font-size: 1.6rem;

	line-height: 1.8rem

}

.detailed-banner__list .list__item:before, .detailed-banner__list .list__item em {

	color: #182c4f

}

.detailed-banner__btn-wrapper a:not(:first-child) {

	margin-left: 1rem

}

.detailed-banner__footnote {

	font-family: NunitoSans;

	font-size: 1.2rem;

	line-height: 1.6rem

}

.detailed-banner__footnote em {

	font-style: normal;

	position: relative

}

.detailed-banner__footnote em:before {

	position: absolute;

	top: 1.5rem;

	content: url("../images/xx.svg");

	width: 84px;

	height: 7px;

	left: 50%;

	-webkit-transform: translate(-50%);

	-ms-transform: translate(-50%);

	transform: translate(-50%)

}

.logos {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	text-align: center

}

.logos__title {

	font-family: NunitoSans-SemiBold;

	font-size: 1.8rem;

	line-height: 2.4rem

}

.logos__wrapper {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center

}

.logos__logo {

	max-width: 20rem

}

.steps a {

	color: #182c4f

}

.steps a:hover {

	color: #182c4f

}

.steps__container {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center

}

.steps__title {

	font-family: NunitoSans-Bold;

	font-size: 5rem;

	line-height: 5.6rem;

	margin-block-end: 0;

	text-align: center;

	color: #fff;
	padding:6rem 0 0 0;

}

.steps__title em {

	font-style: normal;

	color: #284691

}

.steps__subtitle {

	margin-block-start: 0;

	font-family: NunitoSans-Bold;

	font-size: 2.4rem;

	line-height: 3.2rem;

	color: #fff

}

.steps__subtitle>p {

	margin-block-start: 1rem

}

.steps__wrapper {

	margin-bottom: 5rem;

	justify-content: space-between;

	flex-wrap: wrap

}

.steps__step, .steps__wrapper {

	display: flex;

	align-items: center

}

.steps__step {

	position: relative;

	flex-direction: column;

	justify-content: flex-start;

	text-align: center;

	padding: 4rem 2rem;

	height: 100%

}

@media only screen and (max-width:768px) {

.steps__step {

	height: unset

}

}

.steps__step>.module__richtext {

	display: none

}

.steps__step-title {

	font-family: NunitoSans-Bold;

	font-size: 1.8rem;

	line-height: 2.4rem;

	color: #323232;

	text-transform: uppercase;

	margin-block-end: 1rem;

	color: #fff

}

.steps__step-title em {

	color: #284691;

	font-style: normal

}

.steps__step-text {

	font-family: NunitoSans;

	margin-block-start: 0;

	font-size: 1.3rem;

	line-height: 1.5rem;

	/*color: #fff*/

}

.steps__count {

	position: absolute;

	display: flex;

	justify-content: center;

	align-items: center;

	top: -3rem;

	left: 50%;

	-webkit-transform: translate(-50%);

	-ms-transform: translate(-50%);

	transform: translate(-50%);

	width: 6rem;

	height: 6rem;

	border-radius: 3rem;

	background-color: #fff;

	border: 1px solid #f4f4f4;

	font-size: 3rem

}

.steps__btn>i {

	margin-left: 2rem

}

.steps__icon {

	margin-top: 2rem;

	height: 6rem;

	margin-bottom: 2rem

}

.steps__arrow {

	color: #fff;

	font-size: 2.5rem

}

@media only screen and (max-width:768px) {

.steps__arrow {

	transform: rotate(90deg);

	margin: 3rem auto 5rem

}

}

.steps__footnote {

	font-family: NunitoSans;

	font-size: 1.3rem;

	line-height: 1.5rem;

	text-align: center;

	color: #fff;
	
	margin:3rem;

}

.quote-banner {

	padding-top: 24rem;

	color: #fff

}

.quote-banner__pretitle {

	font-size: 2.4rem;

	line-height: 3.6rem;

	font-family: Raleway-SemiBold

}

.quote-banner__title {

	font-size: 5.5rem;

	line-height: 6rem;

	font-family: Raleway-SemiBold;

	margin-block-start: 1rem;

	margin-block-end: 1.3rem

}

.quote-banner__title em {

	color: #182c4f;

	font-style: normal

}

.quote-banner__steps {

	display: flex;

	gap: 2rem;

	align-items: center;

	color: #fff;

	font-size: 1.6rem;

	margin-bottom: 7rem

}

@media only screen and (max-width:768px) {

.quote-banner__steps {

	flex-direction: column;

	align-items: flex-start

}

}

.quote-banner__step {

	display: flex;

	align-items: center

}

.quote-banner__step-number {

	position: relative;

	font-size: 1.6rem;

	font-family: Raleway-SemiBold;

	display: inline-flex;

	justify-content: center;

	align-items: center;

	color: #000;

	background-color: #182c4f;

	text-align: center;

	width: 2rem;

	height: 2rem;

	border-radius: 50%;

margin-right:.5rem

}

.quote-banner__step-number span {

	height: fit-content;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%)

}

.quote-banner__btn-wrapper {

	display: flex;

	gap: 2rem;

	flex-wrap: wrap

}

.highlights {

	display: flex;

	justify-content: space-between;

	color: #fff;

	font-size: 1.8rem;

	line-height: 2.4rem;

	font-family: Raleway-SemiBold;

	text-align: center;

	gap: 10rem;

	padding-top: 2rem;

	padding-bottom: 2rem

}

@media only screen and (max-width:768px) {

.highlights {

	gap: 2.5rem;

	flex-direction: column;

	align-items: center

}

}

.highlights__icon {

	max-width: 4.5rem;

	max-height: 4.5rem

}

.highlights__item {

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 1.5rem

}

.image-text {

	display: flex;

	gap: 3rem

}

.image-text>* {

	flex: 1 1 0

}

.image-text__image img {

	margin-left: auto;

	margin-right: auto;

	display: block;

	max-width: 100%

}

.image-text__title {

	font-family: Raleway-Bold;

	font-size: 3.6rem;

	line-height: 3.5rem;

	color: #182c4f;

	margin-block-start: 0;

	margin-block-end: 1rem

}

.image-text__text {

	font-size: 2rem;

	line-height: 2.8rem;

	font-family: Raleway;

	margin-block-start: 0

}

.image-text__list {

	list-style: none;

padding-inline-start:.5rem;

	margin-top: 2rem;

	margin-bottom: 3rem

}

.image-text__list li {

	font-family: Raleway-SemiBold;

	font-size: 2rem;

	line-height: 2.8rem

}

.image-text__list li:before {

	font-size: 2rem;

	color: #182c4f;

	font-family: iconfont;

	content: "\f061";

	margin-right: 1rem

}

@media only screen and (max-width:1199.98px) {

.image-text {

	flex-direction: column

}

}

.video-text {

	display: flex;

	gap: 5rem;

	align-items: center

}

.video-text__title {

	font-family: Raleway-Bold;

	font-size: 3.6rem;

	line-height: 3.5rem;

	color: #182c4f;

	margin-block-start: 0;

	margin-block-end: 1rem

}

.video-text__text {

	font-size: 2rem;

	line-height: 2.8rem;

	font-family: Raleway;

	margin-block-start: 0

}

@media only screen and (max-width:1199.98px) {

.video-text {

	flex-direction: column

}

}

.icons-text {

	display: flex;

	flex-direction: column;

	gap: 4rem

}

.icons-text__heading {

	font-family: Raleway-Bold;

	font-size: 3rem;

	line-height: 3.6rem;

	margin-block-start: 0;

	margin-block-end: 1rem;

	text-align: center

}

.icons-text__wrapper {

	display: flex;

	gap: 10rem

}

.icons-text__item {

	display: flex;

	flex: 1 1 0;

	flex-direction: column;

	justify-content: center;

	text-align: center

}

.icons-text__title {

	font-family: Raleway-Bold;

	font-size: 2.5rem;

	margin-block-end: 0

}

.icons-text__text {

	font-family: Raleway;

	font-size: 1.6rem;

	line-height: 2.2rem

}

.icons-text__icon {

	max-height: 9rem

}

@media only screen and (max-width:1199.98px) {

.icons-text__wrapper {

	flex-direction: column;

	gap: 5rem

}

}

.fabrication__heading {

	font-family: Raleway-Bold;

	font-size: 3rem;

	line-height: 3.6rem;

	text-align: center;

	color: #182c4f;

	margin-block-start: 0;

	margin-block-end: 4rem

}

.fabrication__wrapper {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	text-align: center;

	gap: 4rem

}

.fabrication__item {

	display: flex;

	flex-direction: column;

	text-decoration: none

}

.fabrication__item.focus, .fabrication__item:focus, .fabrication__item:hover {

	transform: scale(1.02);

	color: #182c4f

}

.fabrication__image {

	border: 1px solid #cecece

}

.fabrication__title {

	font-family: Raleway-SemiBold;

	font-size: 2.4rem;

	line-height: 1.8rem;

	color: #182c4f;

	margin-block-start: 1rem;

	margin-block-end: 2rem

}

.fabrication__text {

	font-family: Raleway;

	font-size: 2rem;

	line-height: 2.8rem;

	margin-block-start: 0;

	margin-block-end: 0

}

@media only screen and (max-width:1200px) {

.fabrication__wrapper {

	grid-template-columns: repeat(2, 1fr)

}

}

@media only screen and (max-width:991.98px) {

.fabrication__wrapper {

	grid-template-columns: repeat(1, 1fr)

}

}

.surface-finish {

	display: flex;

	flex-direction: column

}

.surface-finish__heading {

	font-family: Raleway-Bold;

	font-size: 3rem;

	line-height: 3.6rem;

	text-align: center;

	color: #182c4f;

	margin-block-start: 0;

	margin-block-end: 1rem

}

.surface-finish__text {

	font-family: Raleway;

	font-size: 2rem;

	line-height: 2.8rem;

	text-align: center;

	margin-block-start: 0;

	margin-block-end: 3rem

}

.surface-finish .accordion {

	width: 100%

}

.client-testimonials {

	display: flex;

	flex-direction: column

}

.client-testimonials__quote {

	position: absolute;

	top: -4.7rem;

	left: 50%;

	transform: translate(-50%);

	font-size: 4.7rem;

	padding: 2rem;

	border-radius: 50%;

	color: #182c4f;

	z-index: 99;

	background-color: #f5f5f5

}

.client-testimonials__quote:before {

	margin-right: unset

}

.client-testimonials__quote-wrapper {

	position: relative;

	margin-top: 8rem

}

.client-testimonials__heading {

	font-family: Raleway-Bold;

	font-size: 3rem;

	line-height: 3.6rem;

	text-align: center

}

.client-testimonials__wrapper {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 3.5rem;

	margin-bottom: 5rem

}

.client-testimonials__item {

	padding: 3.8rem 2.8rem;

	background-color: #fff;

	border-radius: 2rem

}

.client-testimonials__text {

	font-family: Raleway;

	font-style: italic;

	font-size: 1.6rem;

	line-height: 2.6rem;

	margin-block-start: 0;

	margin-block-end: 0

}

.client-testimonials__testimonee {

	font-family: Raleway-SemiBold;

	font-size: 1.6rem;

	line-height: 3.7rem;

	color: #182c4f;

	margin-block-end: 0

}

.client-testimonials__position {

	font-family: Raleway;

	font-size: 1.4rem;

	margin-block-start: 0;

	margin-block-end: 0

}

.client-testimonials a {

	font-family: Raleway-SemiBold;

	font-size: 1.5rem;

	text-decoration: none;

	color: #182c4f

}

.client-testimonials a.focus, .client-testimonials a:focus, .client-testimonials a:hover {

	opacity: .8;

	box-shadow: none;

	transform: scale(.99)

}

@media only screen and (max-width:1200px) {

.client-testimonials__wrapper {

	grid-template-columns: repeat(2, 1fr)

}

}

@media only screen and (max-width:991.98px) {

.client-testimonials__wrapper {

	grid-template-columns: repeat(1, 1fr)

}

}

.faq {

	display: flex;

	flex-direction: column

}

.faq__heading {

	font-family: Raleway-Bold;

	font-size: 3rem;

	line-height: 3.6rem;

	text-align: center;

	color: #182c4f;

	margin-block-start: 0;

	margin-block-end: 4rem

}

.faq__wrapper {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	align-items: start;

	gap: 5rem

}

.faq .accordion {

	margin-top: unset

}

.faq .accordion__button {

	padding: 1rem;

	font-size: 1.6rem;

	color: #182c4f

}

.faq .accordion__text {

	padding-top: 0!important;

	padding-left: 1rem!important;

	padding-right: 1rem!important

}

.faq a {

	font-family: Raleway-SemiBold;

	font-size: 1.5rem;

	text-decoration: none;

	color: #182c4f

}

.faq a.focus, .faq a:focus, .faq a:hover {

	opacity: .8;

	box-shadow: none;

	transform: scale(.99)

}

@media only screen and (max-width:1200px) {

.faq__wrapper {

	gap: 0;

	grid-template-columns: repeat(1, 1fr)

}

.faq .accordion:not(:last-child) {

	margin: unset

}

.faq .accordion:not(:last-child) .accordion__items {

	border-bottom: none

}

}

@media only screen and (max-width:991.98px) {

.faq__wrapper {

	grid-template-columns: repeat(1, 1fr)

}

}

header:has(.main-nav--opened) .notification {

display:none

}

.notification {

	display: none;

	width: 100%;

	z-index: 100;

	background-color: #4b4b4b;

	-webkit-transition: .3s ease-in;

	transition: .3s ease-in;

	color: #fff;

	padding: 1rem 0;

	font-family: NunitoSans-Bold

}

.notification--active {

	display: block

}

.notification__wrapper {

	display: flex;

	align-items: center;

	justify-content: space-evenly;

	flex-wrap: wrap;

	gap: 2rem

}

.notification__discount {

	display: flex;

	gap: 2rem

}

.notification__discount-percentage {

	font-size: 4rem;

	line-height: 5.4rem

}

.notification__discount-on {

	font-size: 2.2rem;

	line-height: 2.2rem

}

.notification__image {

	width: 100%;

	height: 100%

}

.notification__timer {

	display: flex;

	align-items: center;

	color: #b5ffc6;

	gap: 2rem

}

.notification__timer-title {

	font-size: 1.4rem;

	line-height: 1.5rem

}

.notification__timer-item {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	gap: 1rem

}

.notification__timer-number {

	color: #fff;

	padding: 1.5rem;

border-radius:.8rem;

	background-color: #323232;

	width: fit-content

}

.notification__timer-label {

	font-family: NunitoSans-SemiBold;

	font-size: 1.2rem;

	line-height: 1.6rem

}

.notification__close {

	position: absolute;

	top: 1rem;

	right: 1rem

}

.notification__close:hover {

	cursor: pointer

}

.thumb-gallery {

	height: 50rem;

	overflow: hidden

}

.thumb-gallery__container {

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

	position: relative

}

.thumb-gallery__container--main {

	height: 80%;

	width: 100%

}

.thumb-gallery__container--main .swiper-button-next, .thumb-gallery__container--main .swiper-button-prev {

	color: #fff;

	font-size: 6rem

}

.thumb-gallery__container--main .swiper-button-next:hover, .thumb-gallery__container--main .swiper-button-prev:hover {

	color: #182c4f

}

.thumb-gallery__container--thumbs {

	height: 20%;

	box-sizing: border-box;

	padding: 10px 0

}

.thumb-gallery__container--thumbs .swiper-slide {

	height: 100%;

	opacity: .4

}

.thumb-gallery__container--thumbs .swiper-slide-thumb-active {

	opacity: 1

}

.thumb-gallery__wrapper {

	display: flex;

	flex-wrap: wrap;

	gap: 2rem

}

.thumb-gallery__wrapper>* {

	flex: 1 1 0

}

@media only screen and (max-width:768px) {

.thumb-gallery__wrapper>* {

	flex: 1 1 100%

}

}

.thumb-gallery__description {

	display: flex;

	flex-direction: column;

	justify-content: flex-end;

	text-align: center;

	width: 100%;

	height: 100%;

	color: #fff;

	background: linear-gradient(0deg, #000, rgba(0,0,0,.248337) 50%)

}

.thumb-gallery__title {

	margin: 0;

	font-weight: 700;

	font-size: 1.8rem

}

.thumb-gallery__subtitle {

	margin: 0;

	margin-block-start: 1rem;

	margin-block-end: 4rem;

	font-size: 1.4rem

}

.thumb-gallery .swiper-slide {

	background-size: cover;

	background-position: 50%;

border-radius:.5rem;

	overflow: hidden

}

.thumb-gallery--center {

	flex: 1 1 100%

}

.text-banner {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: start;

	-ms-flex-pack: start;

	justify-content: flex-start;

	padding-top: 15rem;

	padding-bottom: 15rem;

	max-height: 45rem;

	background-repeat: no-repeat;

	background-size: cover;

	margin-bottom: 5rem;

	margin-top: 5rem;

	align-items: center

}

@media only screen and (max-width:768px) {

.text-banner {

	padding: 10rem 5rem

}

}

@media only screen and (max-width:600px) {

.text-banner {

	padding: 2rem 5rem 36rem;

	max-height: unset

}

.text-banner-text {

	max-width: unset!important

}

}

.text-banner--right {

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end

}

.text-banner-text {

	max-width: 35%;

	text-align: right

}

.text-banner-text--right {

	text-align: left

}

body.zh-hant .btn {

	font-size: 2rem

}

body.zh-hant .catalog__title {

	font-weight: 700

}

body.zh-hant .capabilities__title {

	font-size: 1.6rem;

	font-weight: 700

}

body.zh-hant .how-it-works__title {

	font-weight: 700

}



.pagination{

    text-align: center;

}

.pagination li{

    display: inline-block;

    height: 40px;

    width: 40px;

    margin: 0 3px;

}

.pagination li a{

    display: inline-block;

    font-size: 16px;

    height: 40px;

    width: 40px;

    line-height: 40px;

    text-align: center;

    border:1px solid #333;

}

.pagination li a:hover, .pagination li a.on{

    border-color: #182C4F;

    background-color:#8FABDD;

    color: #182C4F

}