﻿/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

.overlay {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.overflow-fix:after,.overflow-fix:before {
	content: "";
	display: block;
	overflow: hidden;
	position: relative;
	padding-top: 1px;
	margin-top: -1px
}


.carousel-cards--text-big .carousel-cards__content__text,.carousel-cards__content__title,.text--g3 {
	font-weight: 500;
	--fos: -0.15em;
	--foe: -0.15em;
	text-transform: uppercase
}

.btn,.btn--xxs,.text--c3{
	font-size: calc(var(--scale-rem) * 1.2);
	line-height: 1.33333em;
	--lh: 1.33333em;
	letter-spacing: .1em
}

.text--pdf {
	font-size: calc(var(--scale-rem) * 1.32);
	line-height: 1.6em;
	--lh: 1.6em;
	letter-spacing: .09em
}

code,kbd,pre,samp {
	font-size: calc(var(--scale-rem) * 1.3);
	line-height: 1.38462em;
	--lh: 1.38462em
}

.text--lh.text--c3-mob {
	line-height: 1em;
	--lh: 1em
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {

	.btn,.text--c3 {
		font-size: 16px;
		line-height: 1.33333em;
		--lh: 1.33333em;
		letter-spacing: .1em
	}
}

@media (min-width:1920px) and (min-height:600px) {

	.text--small,small {
		font-size: calc(var(--scale-rem) * 1.5);
		line-height: 1.66667em;
		--lh: 1.66667em;
		letter-spacing: .1em
	}

	.btn,.text--c3 {
		font-size: 16px;
		line-height: 1.33333em;
		--lh: 1.33333em;
		letter-spacing: .1em
	}
}

.btn,.has-hover .btn:hover,.has-hover .btn:hover:active,.has-hover a:hover,.has-hover a:hover:active,.is-active.btn,a,a.is-active {
	text-decoration: none
}

:root {
	--scale-px: 1px;
	--scale-rem: 1rem;
	--scale-em: 1em;
	--spacing: var(--xxxl,80px) var(--n-xxxl,var(--md,calc(var(--scale-px) * 60)) var(--n-md,20px));
	--spacing-sm: var(--xxxl,60px) var(--n-xxxl,var(--md,calc(var(--scale-px) * 40)) var(--n-md,20px))
}

@media (min-width:568px) and (max-aspect-ratio:13/9) and (max-height:499px),(min-width:568px) and (max-aspect-ratio:13/9) and (max-width:1439px),(min-width:568px) and (max-aspect-ratio:13/9) and (min-width:1200px) and (max-height:599px),(min-width:668px) and (min-height:416px) and (max-height:499px),(min-width:668px) and (min-height:416px) and (max-width:1439px),(min-width:668px) and (min-height:416px) and (min-width:1200px) and (max-height:599px),(min-width:980px) and (max-height:499px),(min-width:980px) and (max-width:1439px),(min-width:980px) and (min-width:1200px) and (max-height:599px) {
	:root {
		--scale-px: calc(0.5px + 0.5 * ((100vw - 720px) / 720));
		--scale-em: calc(0.5em + 5 * ((100vw - 720px) / 720));
		--scale-rem: calc(0.5rem + 5 * ((100vw - 720px) / 720))
	}
}

@media (min-width:1px) {
	:root {
		--sm: ;
    --n-sm: initial;
		--md: ;
    --n-md: initial;
		--lg: ;
    --n-lg: initial;
		--xl: ;
    --n-xl: initial;
		--xxl: ;
    --n-xxl: initial;
		--xxxl: ;
    --n-xxxl: initial;
	}
}

@media (min-aspect-ratio:13/9) and (min-width:1px),(min-width:568px) and (min-width:1px) {
	:root {
		--n-sm: ;
    --sm: initial;
	}
}

@media (min-width:568px) and (max-aspect-ratio:13/9) and (min-width:1px),(min-width:668px) and (min-height:416px) and (min-width:1px),(min-width:980px) and (min-width:1px) {
	:root {
		--n-md: ;
    --md: initial;
	}
}

@media (min-width:980px) and (min-width:1px) {
	:root {
		--n-lg: ;
    --lg: initial;
	}
}

@media (min-width:1200px) and (min-height:500px) and (min-width:1px) {
	:root {
		--n-xl: ;
    --xl: initial;
	}
}

@media (min-width:1440px) and (min-height:600px) and (min-width:1px) {
	:root {
		--n-xxl: ;
    --xxl: initial;
	}
}

@media (min-width:1920px) and (min-height:600px) and (min-width:1px) {
	:root {
		--n-xxxl: ;
    --xxxl: initial;
	}
}

:root {
	--viewport-height: 100vh;
	--viewport-height-actual: 100vh;
	--header-height: 60px
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	:root {
		--header-height: calc(var(--scale-px) * 100)
	}
}

@media (min-width:1920px) and (min-height:600px) {
	:root {
		--header-height: 110px
	}
}

html {
	height: 100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth
}

@media print {
	html {
		height: auto;
		overflow: visible
	}
}

body {
	min-height: 100vh;
	min-height: var(--viewport-height);
	width: 100vw;
	cursor: default
}

@media print {
	body {
		overflow: visible;
		min-height: 0;
		width: 100%
	}
}

.page-content {
	min-height: 100vh;
	min-height: var(--viewport-height);
	width: 100vw
}

main {
	display: block
}

blockquote,dd,dl,dt {
	margin: 0
}

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

picture {
	display: block
}

img {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	vertical-align: top
}

img[draggable=false] {
	pointer-events: none;
	-webkit-user-drag: none
}

iframe {
	display: block;
	border: 0
}

#__bs_notify__ {
	display: none!important
}

:root {
	--c-orange: #ff6e00;
	--c-orange-rgb: 255,110,0;
	--c-white: #fff;
	--c-white-rgb: 255,255,255;
	--c-black: #000;
	--c-black-rgb: 0,0,0;
	--c-gray: grey;
	--c-gray-rgb: 128,128,128;
	--c-dark-lines: #262626;
	--c-dark-lines-rgb: 38,38,38;
	--c-dark-gray: #1e1e1e;
	--c-dark-gray-rgb: 30,30,30;
	--c-disabled: #c5c5c5;
	--c-disabled-rgb: 197,197,197;
	--c-print: #000;
	--c-print-rgb: 0,0,0;
	--c-error: #d9534f;
	--c-error-rgb: 217,83,79
}

.ui-light,:root {
	--t-background: var(--c-white);
	--t-background-rgb: var(--c-white-rgb);
	--t-line: rgba(var(--c-black-rgb),0.15);
	--t-line-gray: rgba(var(--c-black-rgb),0.2);
	--t-line-orange: rgba(var(--c-orange-rgb),0.3);
	--t-small: var(--c-gray);
	--t-small-rgb: var(--c-gray-rgb);
	--t-smallish: rgba(var(--c-black-rgb),0.3);
	--t-text: var(--c-black);
	--t-text-rgb: var(--c-black-rgb);
	--t-heading: var(--c-black);
	--t-heading-rgb: var(--c-black-rgb);
	--t-primary: var(--c-orange);
	--t-primary-rgb: var(--c-orange-rgb);
	--t-lighter: var(--c-disabled);
	--t-lighter-rgb: var(--c-disabled-rgb);
	--t-tetriary: var(--c-black);
	--t-tetriary-rgb: var(--c-black-rgb);
	--t-link-normal: var(--c-black);
	--t-link-normal-rgb: var(--c-black-rgb);
	--t-link-small: var(--c-gray);
	--t-link-small-rgb: var(--c-gray-rgb);
	--t-link-hover: var(--c-orange);
	--t-link-hover-rgb: var(--c-orange-rgb);
	--t-link-heading: var(--c-orange);
	--t-link-heading-rgb: var(--c-orange-rgb)
}

.ui-light {
	color: var(--t-text)
}

.ui-light-background {
	background: var(--c-white)
}

.ui-dark {
	--t-background: var(--c-black);
	--t-background-rgb: var(--c-black-rgb);
	--t-line: rgba(var(--c-white-rgb),0.15);
	--t-line-gray: rgba(var(--c-white-rgb),0.2);
	--t-line-orange: rgba(var(--c-orange-rgb),0.3);
	--t-small: var(--c-gray);
	--t-small-rgb: var(--c-gray-rgb);
	--t-smallish: rgba(var(--c-white-rgb),0.3);
	--t-text: var(--c-white);
	--t-text-rgb: var(--c-white-rgb);
	--t-heading: var(--c-orange);
	--t-heading-rgb: var(--c-orange-rgb);
	--t-primary: var(--c-orange);
	--t-primary-rgb: var(--c-orange-rgb);
	--t-lighter: var(--c-disabled);
	--t-lighter-rgb: var(--c-disabled-rgb);
	--t-tetriary: var(--c-black);
	--t-tetriary-rgb: var(--c-black-rgb);
	--t-link-normal: var(--c-white);
	--t-link-normal-rgb: var(--c-white-rgb);
	--t-link-small: var(--c-gray);
	--t-link-small-rgb: var(--c-gray-rgb);
	--t-link-hover: var(--c-orange);
	--t-link-hover-rgb: var(--c-orange-rgb);
	--t-link-heading: var(--c-orange);
	--t-link-heading-rgb: var(--c-orange-rgb);
	color: var(--t-text)
}

.ui-dark-background {
	background: var(--c-black)
}

.ui-orange {
	--t-background: var(--c-orange);
	--t-background-rgb: var(--c-orange-rgb);
	--t-line: var(--c-black);
	--t-line-rgb: var(--c-black-rgb);
	--t-small: var(--c-black);
	--t-small-rgb: var(--c-black-rgb);
	--t-smallish: rgba(var(--c-black-rgb),0.4);
	--t-text: var(--c-black);
	--t-text-rgb: var(--c-black-rgb);
	--t-heading: var(--c-black);
	--t-heading-rgb: var(--c-black-rgb);
	--t-primary: var(--c-black);
	--t-primary-rgb: var(--c-black-rgb);
	--t-lighter: var(--c-disabled);
	--t-lighter-rgb: var(--c-disabled-rgb);
	--t-tetriary: var(--c-white);
	--t-tetriary-rgb: var(--c-white-rgb);
	--t-link-normal: var(--c-black);
	--t-link-normal-rgb: var(--c-black-rgb);
	--t-link-hover: var(--c-white);
	--t-link-hover-rgb: var(--c-white-rgb);
	color: var(--t-text)
}

.ui-orange-background {
	background: var(--c-orange)
}

.is-visually-hidden,.sr-only {
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(100%);
	clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute!important;
	white-space: nowrap;
	width: 1px;
	margin-top: -1px
}

.is-invisible,.js .is-invisible--js {
	opacity: 0;
	pointer-events: none
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.js .is-invisible--md-up-js {
		opacity: 0;
		pointer-events: none
	}
}

.is-decorative {
	pointer-events: none
}

.is-not-decorative {
	pointer-events: all
}

.js .is-decorative--js {
	pointer-events: none
}

.overlay {
	background: #fff;
	opacity: 0
}

.disable-smooth-scrolling {
	scroll-behavior: auto
}

::-moz-focus-inner {
	border: 0;
	padding: 0
}

a:not(.btn):not(.btn-container).focus-visible,button:not(.btn).focus-visible {
	outline: 3px auto currentColor
}

.is-disabled,:disabled,[disabled] {
	pointer-events: none
}



.icon--with-lg-margins.icon:not(:last-child) {
	margin-right: calc(var(--scale-px) * 20)
}

.icon--with-lg-margins.icon:not(:first-child) {
	margin-left: calc(var(--scale-px) * 20)
}

.btn .icon--no-margins:not(:first-child),.btn .icon--no-margins:not(:last-child),.icon--no-margins:not(:first-child),.icon--no-margins:not(:last-child),a .icon--no-margins:not(:first-child),a .icon--no-margins:not(:last-child),button .icon--no-margins:not(:first-child),button .icon--no-margins:not(:last-child) {
	margin-right: 0;
	margin-left: 0
}

.icon--no-scale {
	transform: none
}

.icon,.icon--with-margins~span {
	vertical-align: middle
}

.btn .icon,a .icon,button .icon {
	pointer-events: none
}

@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.icon-logo {
		height: 20px;
		width: auto
	}
}

a .icon-logo__item {
	transition-property: transform
}

.has-hover a:hover .icon-logo__item {
	transform: translateY(-36px)
}

.icon-star {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: .24138em;
	height: .22989em;
	top: .13793em;
	padding-left: .03448em;
	background: url(../image/icon-star-primary.svg) 0 0 no-repeat;
	background-size: contain
}

.text--color-primary {
	color: var(--t-primary)
}

.text--color-heading {
	color: var(--t-heading)
}

.text--color-small {
	color: var(--t-small)
}

.text--color-smallish {
	color: var(--t-smallish)
}

.text--color-text {
	color: var(--t-text)
}

.text--color-primary-bold b {
	color: var(--t-primary);
	font-weight: inherit
}

@media print {
	.text--color-heading,.text--color-primary,.text--color-secondary,.text--color-small,.text--color-text {
		color: var(--c-print)
	}
}

.text--left {
	text-align: left
}

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

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

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.text--left\:md {
		text-align: left
	}

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

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

.text--nowrap {
	white-space: nowrap!important
}

.text--wrap {
	white-space: normal!important
}

.text--truncate {
	white-space: nowrap!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important
}

.text figure {
	position: relative
}

.text figure,.text picture {
	display: block
}

.text img {
	max-width: 100%;
	height: auto;
	vertical-align: top
}

.text .h1,.text .h2,.text .h3,.text .h4,.text .h5,.text h1,.text h2,.text h3,.text h4,.text h5 {
	margin-top: var(--md,calc(var(--spacing) * 108/60)) var(--n-md,calc(var(--spacing) * 144/60));
	margin-bottom: var(--md,calc(var(--spacing) * 40/60)) var(--n-md,var(--spacing));
	color: var(--t-primary)
}

.text .h1:first-child,.text .h2:first-child,.text .h3:first-child,.text .h4:first-child,.text .h5:first-child,.text h1:first-child,.text h2:first-child,.text h3:first-child,.text h4:first-child,.text h5:first-child {
	margin-top: 0
}

.text .h1:last-child,.text .h2:last-child,.text .h3:last-child,.text .h4:last-child,.text .h5:last-child,.text h1:last-child,.text h2:last-child,.text h3:last-child,.text h4:last-child,.text h5:last-child {
	margin-bottom: 0
}

.text blockquote,.text hr,.text iframe,.text object,.text p,.text pre,.text table {
	margin-top: var(--md,calc(var(--spacing) * 10/60)) var(--n-md,var(--spacing));
	margin-bottom: var(--md,calc(var(--spacing) * 10/60)) var(--n-md,var(--spacing))
}

.text blockquote:first-child,.text hr:first-child,.text iframe:first-child,.text object:first-child,.text p:first-child,.text pre:first-child,.text table:first-child {
	margin-top: 0
}

.text blockquote:last-child,.text hr:last-child,.text iframe:last-child,.text object:last-child,.text p:last-child,.text pre:last-child,.text table:last-child {
	margin-bottom: 0
}

.text blockquote {
	margin-top: var(--md,calc(var(--spacing) * 108/60)) var(--n-md,calc(var(--spacing) * 150/60));
	margin-bottom: var(--md,calc(var(--spacing) * 96/60)) var(--n-md,calc(var(--spacing) * 150/60));
	padding-left: .5em;
	color: var(--t-primary);
	border-left: 1px solid
}

.text blockquote:first-child {
	margin-top: 0
}

.text blockquote:last-child {
	margin-bottom: 0
}

.img-full,.img-full img {
	width: 100%;
	height: auto;
	vertical-align: top
}

@media print {
	.text a[href^=http]:after {
		content: " [" attr(href) "] "
	}

	.text a:not(:local-link):after {
		content: " [" attr(href) "] ";
		color: inherit
	}
}

code,kbd,pre,samp {
	color: #333
}

code,pre {
	display: inline-block;
	border-radius: 3px;
	background: #000;
	color: #fff;
	font-size: calc(var(--scale-rem) * 1.2);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	vertical-align: top;
	-webkit-font-smoothing: antialiased
}

pre {
	display: block;
	padding: 10px;
	border: 0
}

pre,pre code {
	border-radius: 6px
}

code {
	padding: 2px 10px
}

code pre,pre code {
	font-size: inherit;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	margin: 0
}

ol,ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.text ul {
	margin-top: var(--md,calc(var(--spacing) * 40/60)) var(--n-md,calc(var(--spacing) * 40/60));
	margin-bottom: var(--md,calc(var(--spacing) * 40/60)) var(--n-md,calc(var(--spacing) * 40/60))
}

.text ul:first-child {
	margin-top: 0
}

.text ul:last-child {
	margin-bottom: 0
}

.text ul>li {
	position: relative;
	padding-left: var(--md,calc(var(--spacing) * 40/60)) var(--n-md,calc(var(--spacing) * 70/60));
	margin-top: var(--md,0) var(--n-md,5px);
	margin-bottom: var(--md,0) var(--n-md,5px)
}

.text ul>li:first-child {
	margin-top: 0
}

.text ul>li:last-child {
	margin-bottom: 0
}

.text ul>li:before {
	left: 0;
	position: absolute;
	top: var(--md,.45em) var(--n-md,.4em);
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid var(--t-primary)
}

.text ol {
	margin-top: var(--md,calc(var(--spacing) * 40/60)) var(--n-md,calc(var(--spacing) * 40/60));
	margin-bottom: var(--md,calc(var(--spacing) * 40/60)) var(--n-md,calc(var(--spacing) * 40/60));
	counter-reset: text-ol
}

.text ol:first-child {
	margin-top: 0
}

.text ol:last-child {
	margin-bottom: 0
}

.text ol>li {
	counter-increment: text-ol;
	position: relative;
	padding-left: var(--md,calc(var(--spacing) * 40/60)) var(--n-md,var(--spacing));
	margin-top: var(--md,0) var(--n-md,5px);
	margin-bottom: var(--md,0) var(--n-md,5px)
}

.text ol>li:first-child {
	margin-top: 0
}

.text ol>li:last-child {
	margin-bottom: 0
}

.text ol>li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: counter(text-ol) ".";
	color: var(--t-primary)
}

.text table {
	width: 100%;
	border-collapse: collapse
}

.text table th {
	padding-bottom: calc(var(--spacing)* 16/60)
}

.text table td {
	padding-top: calc(var(--spacing)* 22/60);
	padding-bottom: calc(var(--spacing)* 23/60)
}

.text table td:before,.text table th {
	color: var(--t-small);
	text-align: left;
	white-space: nowrap
}

.text table td {
	border-top: 1px solid var(--t-line)
}

hr {
	border: 0;
	border-bottom: 1px solid var(--t-line)
}

.leading-trim:after,.leading-trim:before {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	position: relative
}

.leading-trim:before {
	margin-bottom: calc((var(--lh) - 1em) / -2 + var(--fos,0em))
}

.leading-trim:after {
	margin-top: calc((var(--lh) - 1em) / -2 + var(--foe,0em))
}

.side-trim {
	display: block;
	position: relative
}

.side-trim[data-side-trim-start=н] {
	margin-left: -.06em
}

.side-trim[data-side-trim-start=о],.side-trim[data-side-trim-start=с] {
	margin-left: -.02em
}

.side-trim[data-side-trim-start=и],.side-trim[data-side-trim-start=м] {
	margin-left: -.06em
}

.side-trim[data-side-trim-start=ф] {
	margin-left: -.02em
}

.side-trim[data-side-trim-start=я] {
	margin-left: -.03em
}

.btn {
	border: 0;
	box-shadow: none;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	overflow: clip;
	cursor: pointer;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition-property: color,transform;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.btn.is-disabled,.btn:disabled {
	cursor: default
}

.btn__content {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 100%;
	position: relative;
	z-index: 1
}

.btn__content--reverse {
	flex-direction: row-reverse
}

.btn__content,.btn__content _::-webkit-full-page-media,.btn__content _:future {
	margin-left: auto;
	margin-right: auto
}

.btn__text {
	position: relative;
	display: block
}

.btn__text:after,.btn__text:before {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	position: relative
}

.btn__text:before {
	margin-bottom: calc((var(--lh) - 1em) / -2 + var(--fos,0em))
}

.btn__text:after {
	margin-top: calc((var(--lh) - 1em) / -2 + var(--foe,0em))
}

.btn__text--center {
	display: flex;
	align-items: center
}

.btn-container {
	cursor: pointer
}

.btn-container.is-disabled,.btn-container:disabled {
	cursor: default
}

.btn.icon {
	display: inline-flex;
	transition-property: all;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.btn.btn--full {
	width: 100%
}

.btn.btn--full>.btn__content {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between
}

.btn-container.focus-visible .btn,.btn.focus-visible {
	outline: none;
	box-shadow: 0 0 0 2px var(--t-background),0 0 0 4px var(--t-accent)
}

.btn--icon-left .btn__content {
	flex-direction: row-reverse
}

.btn--icon-left .icon:not(:last-child) {
	margin-right: 0
}

.btn--icon-left .icon:not(:first-child) {
	margin-left: 0
}

.btn--icon-left .icon:last-child {
	margin-right: calc(var(--scale-px) * 10)
}

.btn--icon-left .icon:first-child {
	margin-left: calc(var(--scale-px) * 10)
}

.btn--text-invisible .btn__text {
	opacity: 0
}

.btn--border:after {
	border: 1px solid var(--t-background);
	border-radius: calc(var(--button-height) / 2)
}

.btn:after,.btn:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	--transition-duration: 0.5s;
	--transition-easing: cubic-bezier(0.25,0.74,0.22,0.99);
	transition-property: box-shadow;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.btn:before {
	transition-property: transform
}

.btn {
	--button-background-size: calc(var(--button-height) / 2)
}

.btn:before {
	display: none
}

.btn--outline,.has-hover .btn-container:active:hover .btn,.has-hover .btn-container:hover .btn,.has-hover .btn:active:hover,.has-hover .btn:hover {
	--button-background-size: 1px
}

.btn--outline {
	overflow: hidden;
	overflow: clip;
	z-index: 1
}

.has-hover .btn--outline:active:hover,.has-hover .btn--outline:hover,.has-hover .btn-container:active:hover .btn--outline,.has-hover .btn-container:hover .btn--outline {
	--button-background-size: 1px
}

.btn--square.btn--outline,.btn--text-left.btn--outline,.btn--text-right.btn--outline {
	--button-background-size: 1px;
	overflow: hidden;
	overflow: clip;
	z-index: 1
}

.btn--link--underline,.has-hover .btn--square.btn--outline:active:hover,.has-hover .btn--square.btn--outline:hover,.has-hover .btn--text-left.btn--outline:active:hover,.has-hover .btn--text-left.btn--outline:hover,.has-hover .btn--text-right.btn--outline:active:hover,.has-hover .btn--text-right.btn--outline:hover,.has-hover .btn-container:active:hover .btn--square.btn--outline,.has-hover .btn-container:active:hover .btn--text-left.btn--outline,.has-hover .btn-container:active:hover .btn--text-right.btn--outline,.has-hover .btn-container:hover .btn--square.btn--outline,.has-hover .btn-container:hover .btn--text-left.btn--outline,.has-hover .btn-container:hover .btn--text-right.btn--outline {
	--button-background-size: 1px
}

.btn--link--underline:after,.btn--link--underline:before {
	top: auto;
	height: 1px
}

.btn--link--underline:before {
	display: block;
	transform: scaleX(0);
	transform-origin: 0 0;
	z-index: 1
}

.has-hover .btn--link--underline:hover,.has-hover .btn-container:hover .btn--link--underline {
	--button-background-size: 1px
}

.has-hover .btn--link--underline:hover:before,.has-hover .btn-container:hover .btn--link--underline:before {
	transform: scaleX(1)
}

.has-hover .btn--link--underline:active:hover,.has-hover .btn-container:active:hover .btn--link--underline {
	--button-background-size: 1px
}

.has-hover .btn--link--underline:active:hover:before,.has-hover .btn-container:active:hover .btn--link--underline:before {
	transform: scaleX(1)
}

.btn--inverse:before {
	display: block;
	transform: scale(0);
	z-index: 1
}

.btn--inverse:after {
	transition-property: box-shadow,transform;
	transition-duration: var(--transition-duration),0ms
}

.has-hover .btn--inverse:hover,.has-hover .btn-container:hover .btn--inverse {
	--button-background-size: calc(var(--button-height) / 2)
}

.has-hover .btn--inverse:hover:after,.has-hover .btn-container:hover .btn--inverse:after {
	transition-delay: 0ms,var(--transition-duration);
	transform: scale(.95)
}

.has-hover .btn--inverse:hover:before,.has-hover .btn-container:hover .btn--inverse:before {
	transform: scale(1)
}

.has-hover .btn--inverse:active:hover,.has-hover .btn-container:active:hover .btn--inverse {
	--button-background-size: calc(var(--button-height) / 2)
}

.has-hover .btn--inverse:active:hover:after,.has-hover .btn-container:active:hover .btn--inverse:after {
	transition-delay: 0ms,var(--transition-duration);
	transform: scale(.95)
}

.has-hover .btn--inverse:active:hover:before,.has-hover .btn-container:active:hover .btn--inverse:before {
	transform: scale(1)
}

.btn--zoom {
	overflow: visible
}

.btn--zoom:before {
	display: none
}

.btn--zoom:after {
	transition-property: transform;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.has-hover .btn--zoom:hover,.has-hover .btn-container:hover .btn--zoom {
	--button-background-size: calc(var(--button-height) / 2)
}

.has-hover .btn--zoom:hover:after,.has-hover .btn-container:hover .btn--zoom:after {
	transform: scale(1.1)
}

.has-hover .btn--zoom:active:hover,.has-hover .btn-container:active:hover .btn--zoom {
	--button-background-size: calc(var(--button-height) / 2)
}

.has-hover .btn--zoom:active:hover:after,.has-hover .btn-container:active:hover .btn--zoom:after {
	transform: scale(1.1)
}

.btn--fill-bottom {
	--button-background-size: calc(var(--button-height) / 2);
	overflow: hidden;
	overflow: clip;
	z-index: 1
}

.btn--fill-bottom:before {
	z-index: 1;
	display: block;
	transform: translateY(100%)
}

.has-hover .btn--fill-bottom:hover,.has-hover .btn-container:hover .btn--fill-bottom {
	--button-background-size: calc(var(--button-height) / 2)
}

.has-hover .btn--fill-bottom:hover:before,.has-hover .btn-container:hover .btn--fill-bottom:before {
	transform: translateY(0)
}

.has-hover .btn--fill-bottom:active:hover,.has-hover .btn-container:active:hover .btn--fill-bottom {
	--button-background-size: calc(var(--button-height) / 2)
}

.has-hover .btn--fill-bottom:active:hover:before,.has-hover .btn-container:active:hover .btn--fill-bottom:before {
	transform: translateY(0)
}

.btn {
	height: calc(var(--scale-px) * 60);
	padding: 0 calc(var(--scale-px) * 42);
	--button-height: calc(var(--scale-px) * 60)
}

.btn,.btn:after,.btn:before {
	border-radius: calc(var(--scale-px) * 30)
}

.btn.btn--square {
	width: calc(var(--scale-px) * 60);
	padding-left: 0;
	padding-right: 0;
	flex-grow: 0;
	flex-shrink: 0
}

.btn--md-lg {
	height: calc(var(--scale-px) * 60);
	padding: 0 calc(var(--scale-px) * 30);
	--button-height: calc(var(--scale-px) * 60)
}

.btn--md-lg,.btn--md-lg:after,.btn--md-lg:before {
	border-radius: calc(var(--scale-px) * 30)
}

.btn--md-lg>.btn__content {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: calc(var(--scale-px) * 60)
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.btn--md-lg {
		height: calc(var(--scale-px) * 80);
		padding: 0 calc(var(--scale-px) * 60);
		--button-height: calc(var(--scale-px) * 80)
	}

	.btn--md-lg,.btn--md-lg:after,.btn--md-lg:before {
		border-radius: calc(var(--scale-px) * 40)
	}

	.btn--md-lg>.btn__content {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
		height: calc(var(--scale-px) * 80)
	}
}

.btn--md-lg.btn--square {
	width: 50px;
	height: 50px;
	padding-left: 0;
	padding-right: 0;
	flex-grow: 0;
	flex-shrink: 0
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.btn--md-lg.btn--square {
		width: 50px;
	height: 50px;
		padding-left: 0;
		padding-right: 0;
		flex-grow: 0;
		flex-shrink: 0
	}
}

.btn--lg {
	height: calc(var(--scale-px) * 60);
	padding: 0 calc(var(--scale-px) * 60);
	--button-height: calc(var(--scale-px) * 60)
}

.btn--lg,.btn--lg:after,.btn--lg:before {
	border-radius: calc(var(--scale-px) * 30)
}

.btn--lg>.btn__content {
    /* margin-top: 0; */
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 60px;
    /* background: #2b665c; */
    border: 1px solid #2b665c;
    border-radius: 50px;
}
.btn--lg>.btn__content svg {
	width: 35px;
    fill: #2b665c;
}
.js-carousel-prev .btn--lg>.btn__content svg {
	transform: rotate(180deg);
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.btn--lg {
		height: calc(var(--scale-px) * 120);
		padding: 0 calc(var(--scale-px) * 60);
		--button-height: calc(var(--scale-px) * 120)
	}

	.btn--lg,.btn--lg:after,.btn--lg:before {
		border-radius: calc(var(--scale-px) * 60)
	}
}

.btn--lg.btn--square {
	padding-left: 0;
	padding-right: 0;
	flex-grow: 0;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
}

.btn--tetriary-light.btn--outline,.btn--tetriary-light.btn--outline .btn-container.is-disabled,.btn--tetriary-light.btn--outline.is-disabled,.btn--tetriary-light.btn--outline:disabled {
	color: var(--t-text)
}

.btn--tetriary-light.btn--outline .btn-container.is-disabled:after,.btn--tetriary-light.btn--outline.is-disabled:after,.btn--tetriary-light.btn--outline:after,.btn--tetriary-light.btn--outline:disabled:after {
	box-shadow: inset 0 0 0 var(--button-background-size) var(--t-line)
}

.has-hover .btn--tetriary-light.btn--outline:hover,.has-hover .btn-container:hover .btn--tetriary-light.btn--outline {
	color: var(--t-text)
}

.has-hover .btn--tetriary-light.btn--outline:hover:after,.has-hover .btn-container:hover .btn--tetriary-light.btn--outline:after {
	box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}

.has-hover .btn--tetriary-light.btn--outline:active:hover,.has-hover .btn-container:active:hover .btn--tetriary-light.btn--outline {
	color: var(--t-text)
}

.has-hover .btn--tetriary-light.btn--outline:active:hover:after,.has-hover .btn-container:active:hover .btn--tetriary-light.btn--outline:after {
	box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}



@-webkit-keyframes button-halo-animation {
	0% {
		transform: scale(1);
		opacity: 0
	}

	50% {
		transform: scale(1);
		opacity: 1
	}

	to {
		transform: scale(1.5);
		opacity: 0
	}
}

@keyframes button-halo-animation {
	0% {
		transform: scale(1);
		opacity: 0
	}

	50% {
		transform: scale(1);
		opacity: 1
	}

	to {
		transform: scale(1.5);
		opacity: 0
	}
}

.btn--inverse,.btn--inverse .btn-container.is-disabled,.btn--inverse.is-disabled,.btn--inverse:disabled {
	color: var(--t-heading)
}

.btn--inverse .btn-container.is-disabled:after,.btn--inverse.is-disabled:after,.btn--inverse:after,.btn--inverse:disabled:after {
	box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}

.btn--inverse .btn-container.is-disabled:before,.btn--inverse.is-disabled:before,.btn--inverse:before,.btn--inverse:disabled:before {
	background: var(--t-text)
}

.btn--inverse.is-active,.btn-container.is-active .btn--inverse,.has-hover .btn--inverse:active:hover,.has-hover .btn--inverse:hover,.has-hover .btn-container:active:hover .btn--inverse,.has-hover .btn-container:hover .btn--inverse {
	color: var(--t-background)
}

.btn--inverse.is-active:after,.btn-container.is-active .btn--inverse:after {
	box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}

.btn--inverse.is-active:before,.btn-container.is-active .btn--inverse:before {
	background: var(--t-text)
}

.has-hover .btn--inverse.is-active:active:hover,.has-hover .btn--inverse.is-active:hover,.has-hover .btn-container.is-active:active:hover .btn--inverse,.has-hover .btn-container.is-active:hover .btn--inverse {
	color: var(--t-background)
}


.btn--inverse.btn--zoom,.btn--inverse.btn--zoom .btn-container.is-disabled,.btn--inverse.btn--zoom.is-disabled,.btn--inverse.btn--zoom:disabled,.has-hover .btn--inverse--static:active:hover,.has-hover .btn--inverse--static:hover,.has-hover .btn-container:active:hover .btn--inverse--static,.has-hover .btn-container:hover .btn--inverse--static {
	color:#2b665c
}

.btn--inverse.btn--zoom .btn-container.is-disabled:after,.btn--inverse.btn--zoom.is-disabled:after,.btn--inverse.btn--zoom:after,.btn--inverse.btn--zoom:disabled:after {
	box-shadow: inset 0 0 0 var(--button-background-size) #ffffff
}

.has-hover .btn--inverse.btn--zoom:hover,.has-hover .btn-container:hover .btn--inverse.btn--zoom {
	color: var(--t-text)
}

.has-hover .btn--inverse.btn--zoom:hover:after,.has-hover .btn-container:hover .btn--inverse.btn--zoom:after {
	box-shadow: inset 0 0 0 var(--button-background-size) #2b665c
}

.has-hover .btn--inverse.btn--zoom:active:hover,.has-hover .btn-container:active:hover .btn--inverse.btn--zoom {
	color: var(--t-text)
}

.has-hover .btn--inverse.btn--zoom:active:hover:after,.has-hover .btn-container:active:hover .btn--inverse.btn--zoom:after {
	box-shadow: inset 0 0 0 var(--button-background-size) #2b665c;
}

.btn--inverse.btn--zoom.is-active,.btn-container.is-active .btn--inverse.btn--zoom {
	color: var(--t-background)
}

.btn--inverse.btn--zoom.is-active:after,.btn-container.is-active .btn--inverse.btn--zoom:after {
	box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}

.btn--inverse.btn--zoom.is-active:before,.btn-container.is-active .btn--inverse.btn--zoom:before {
	background: var(--t-text)
}

.has-hover .btn--inverse.btn--zoom.is-active:active:hover,.has-hover .btn--inverse.btn--zoom.is-active:hover,.has-hover .btn-container.is-active:active:hover .btn--inverse.btn--zoom,.has-hover .btn-container.is-active:hover .btn--inverse.btn--zoom {
	color: var(--t-background)
}

:root {
	--transition-duration: 0.5s;
	--transition-easing: cubic-bezier(0.25,0.74,0.22,0.99);
	--transition-delay: 0s
}

.disable-transitions,.disable-transitions *,.disable-transitions:after,.disable-transitions :after,.disable-transitions:before,.disable-transitions :before {
	transition: none!important
}

@media (prefers-reduced-motion:reduce),(update:slow) {
	*,:after,:before {
		-webkit-animation-delay: -1ms!important;
		animation-delay: -1ms!important;
		-webkit-animation-duration: 1ms!important;
		animation-duration: 1ms!important;
		-webkit-animation-iteration-count: 1!important;
		animation-iteration-count: 1!important;
		background-attachment: scroll!important;
		scroll-behavior: auto!important;
		transition-duration: 0s!important;
		transition-delay: 0s!important
	}
}

.animation--fade-in,.animation--fade-out,.animation--tabs-in,.animation--tabs-out {
	pointer-events: none;
	transition-property: opacity;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.animation--fade-in--inactive,.animation--fade-out--active,.animation--tabs-in--inactive,.animation--tabs-out--active {
	opacity: 0
}

.animation--fade-down-in,.animation--fade-down-out,.animation--fade-up-in,.animation--fade-up-out {
	pointer-events: none;
	transition-property: transform,opacity;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.animation--fade-up-in--inactive,.animation--fade-up-out--active {
	transform: translateY(calc(var(--spacing) * -1));
	opacity: 0
}

.animation--fade-down-in--inactive,.animation--fade-down-out--active {
	transform: translateY(var(--spacing));
	opacity: 0
}

.animation--image-in {
	pointer-events: none;
	transition-property: opacity;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.animation--image-in--inactive {
	opacity: 0
}

.animation--image-in-clip-bottom,.animation--image-in-move-top,.animation--image-out-clip-top {
	pointer-events: none;
	overflow: hidden;
	overflow: clip
}

.animation--image-in-clip-bottom,.animation--image-in-clip-bottom img,.animation--image-in-move-top,.animation--image-in-move-top img,.animation--image-out-clip-top,.animation--image-out-clip-top img {
	transition-property: transform;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.animation--image-out-clip-top--active {
	transform: translateY(-100%)
}

.animation--image-in-clip-bottom--inactive,.animation--image-out-clip-top--active img {
	transform: translateY(100%)
}

.animation--image-in-clip-bottom--inactive img,.animation--image-in-move-top--inactive {
	transform: translateY(-100%)
}

.animation--image-in-move-top--inactive img {
	transform: translateY(50%)
}

.animation--slide-in-bottom,.animation--slide-in-bottom-medium,.animation--slide-in-bottom-small,.animation--slide-in-top,.animation--slide-out-bottom,.animation--slide-out-top {
	transition-property: transform,opacity;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing);
	overflow: hidden;
	overflow: clip
}

.animation--slide-in-bottom-medium {
	--transition-duration: 0.375s;
	--transition-easing: cubic-bezier(0.47,0.04,0.5,-0.06);
	transition-property: transform,opacity;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.animation--slide-in-bottom--inactive,.animation--slide-out-bottom--active {
	transform: translateY(100%);
	opacity: 0
}

.animation--slide-in-top--inactive,.animation--slide-out-top--active {
	transform: translateY(-100%);
	opacity: 0
}

.animation--slide-in-bottom-small--inactive {
	transform: translateY(25px);
	opacity: 0
}

.animation--slide-in-bottom-medium--inactive {
	transform: translateY(25%);
	opacity: 0
}

@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.animation--slide-in-bottom-medium--inactive {
		transform: translateY(10%)
	}
}

.animation--title {
	--line-stagger: 30ms;
	transition: border-color!important;
	transition-duration: calc(var(--line-total) * var(--line-stagger) + 1.5s)!important
}

.is-edge .animation--title,.is-ie .animation--title {
	transition-duration: 1.5s!important
}

.animation--title .icon,.animation--title .word-wrap {
	transition: transform 1.5s cubic-bezier(.25,.74,.22,.99),opacity 1.5s cubic-bezier(.25,.74,.22,.99);
	transition-delay: calc(var(--line-index, 0) * var(--line-stagger))
}

.is-edge .animation--title .icon,.is-edge .animation--title .word-wrap,.is-ie .animation--title .icon,.is-ie .animation--title .word-wrap {
	transition-delay: 0
}

.animation--title--inactive {
	border-color: #fff
}

.animation--title--inactive .word-wrap {
	transform: translateY(30%);
	opacity: 0
}

.animation--title--inactive .icon {
	transform: translateY(220%);
	opacity: 0
}

.animation--title.splitting .word,.animation--title.splitting .word-wrap {
	overflow: visible
}

.animation--title.text--g3,.animation--title.text--g3-sm {
	--line-stagger: 160ms
}

.animation--title.h1,.animation--title.h2 {
	--line-stagger: 100ms
}

.animation--title.h3 {
	--line-stagger: 80ms
}

.animation--text,.animation--title.h4,.animation--title.text--h4-p {
	--line-stagger: 60ms
}

.animation--text {
	transition: border-color!important;
	transition-duration: calc(var(--line-total) * var(--line-stagger) + 2s)!important
}

.is-edge .animation--text,.is-ie .animation--text {
	transition-duration: 2s!important
}

.animation--text .icon,.animation--text .word-wrap {
	transition: transform 2s cubic-bezier(.25,.74,.22,.99),opacity 2s cubic-bezier(.25,.74,.22,.99);
	transition-delay: calc(var(--line-index, 0) * var(--line-stagger))
}

.is-edge .animation--text .icon,.is-edge .animation--text .word-wrap,.is-ie .animation--text .icon,.is-ie .animation--text .word-wrap {
	transition-delay: 0
}

.animation--text--inactive {
	border-color: #fff
}

.animation--text--inactive .word-wrap {
	transform: translateY(110%);
	opacity: 0
}

.animation--text--inactive .icon {
	transform: translateY(220%);
	opacity: 0
}

.animation--text.animation--fast {
	--line-stagger: 30ms;
	transition: border-color!important;
	transition-duration: calc(var(--line-total) * var(--line-stagger) + 1s)!important
}

.is-edge .animation--text.animation--fast,.is-ie .animation--text.animation--fast {
	transition-duration: 1s!important
}

.animation--text.animation--fast .icon,.animation--text.animation--fast .word-wrap {
	transition: transform 1s cubic-bezier(.25,.74,.22,.99),opacity 1s cubic-bezier(.25,.74,.22,.99);
	transition-delay: calc(var(--line-index, 0) * var(--line-stagger))
}

.is-edge .animation--text.animation--fast .icon,.is-edge .animation--text.animation--fast .word-wrap,.is-ie .animation--text.animation--fast .icon,.is-ie .animation--text.animation--fast .word-wrap {
	transition-delay: 0
}

.animation--text.animation--fast--inactive {
	border-color: #fff
}

.animation--text.animation--fast--inactive .word-wrap {
	transform: translateY(110%);
	opacity: 0
}

.animation--text.animation--fast--inactive .icon {
	transform: translateY(220%);
	opacity: 0
}

.animation--text-out--inactive .word-wrap {
	opacity: 1;
	transform: none
}

.animation--text-out--active .word-wrap {
	transform: translateY(-110%);
	opacity: 0
}

.animation-text-acceleration .word-wrap {
	will-change: transform
}

.splitting .char,.splitting .word,.splitting .word-wrap {
	vertical-align: top;
	display: inline-block
}

.splitting .word,.splitting .word-wrap {
	overflow: hidden;
	position: relative;
	margin: -20px -5px -5px;
	padding: 20px 5px 5px
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.splitting .word,.splitting .word-wrap {
		margin: -40px -5px -15px;
		padding: 40px 5px 15px
	}
}

.splitting--text .word,.splitting--text .word-wrap {
	margin: -5px;
	padding: 5px
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.splitting--text .word,.splitting--text .word-wrap {
		margin: -15px -5px;
		padding: 15px 5px
	}
}

.word {
	white-space: nowrap
}

.words a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.words.animation--text--inactive a,.words.animation--title--inactive a {
	position: static;
	overflow: visible
}

.animation--tabs-in {
	transition-timing-function: cubic-bezier(.25,.74,.22,.99)
}

.animation--tabs-out {
	transition-timing-function: cubic-bezier(.47,.04,.5,-.06)
}

.animation--tabs-text-in-bottom,.animation--tabs-text-out-top {
	overflow: hidden;
	overflow: clip
}

.animation--tabs-text-in-bottom,.animation--tabs-text-in-bottom>div,.animation--tabs-text-out-top,.animation--tabs-text-out-top>div {
	--transition-duration: 1000ms;
	--transition-easing: cubic-bezier(0.6,0,0.1,1);
	transition-property: transform,opacity;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.animation--tabs-text-in-bottom--inactive>div {
	opacity: 0;
	transform: translateY(100%)
}

.animation--tabs-text-out-top--active>div {
	opacity: 0;
	transform: translateY(-120%)
}

.animation--height {
	pointer-events: none;
	overflow: hidden;
	overflow: clip;
	transition-property: height,opacity;
	transition-delay: var(--transition-delay);
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-easing)
}

.js [data-reveal]:not([data-reveal-visible]) {
	pointer-events: all!important
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.js [data-reveal]:not([data-reveal-visible]) {
		opacity: 0!important;
		pointer-events: none!important
	}
}

@media (prefers-reduced-motion:reduce),(update:slow) {
	.js [data-reveal]:not([data-reveal-visible]) {
		opacity: 1!important;
		pointer-events: all!important
	}
}


html.has-scroll-dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.ui-background,body {
	background: #efefef;
}

@media print {
	.ui-background,body {
		background: var(--c-white)
	}

	body,body button {
		color: var(--c-print)
	}
}

body {
	position: relative
}

.p-relative {
	position: relative
}

.o-hidden {
	overflow: hidden
}

.has-hover .is-hidden--hover,.is-hidden,.is-hidden--xs-up,.js .is-hidden--js,.no-hover .is-hidden--no-hover,.no-js .is-hidden--no-js {
	display: none!important
}

@media not print {
	.is-hidden--not-print,.is-visible--print-only {
		display: none!important
	}
}

@media print {
	.is-hidden--print {
		display: none!important
	}
}

@media (max-width:567px) and (max-aspect-ratio:13/9) {
	.is-hidden--xs {
		display: none!important
	}
}

.is-hidden--xs-up {
	display: none!important
}

@media (max-width:567px) and (max-aspect-ratio:13/9) {
	.is-hidden--xs-down {
		display: none!important
	}
}

@media (max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.is-hidden--sm {
		display: none!important
	}
}

@media (min-aspect-ratio:13/9),(min-width:568px) {
	.is-hidden--sm-up {
		display: none!important
	}
}

@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
	.is-hidden--sm-down {
		display: none!important
	}
}

@media (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),(min-width:668px) and (min-height:416px) and (max-width:979px) {
	.is-hidden--md {
		display: none!important
	}
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.is-hidden--md-up {
		display: none!important
	}
}

@media (max-width:979px) {
	.is-hidden--md-down {
		display: none!important
	}
}

@media (min-width:980px) and (max-height:499px),(min-width:980px) and (max-width:1199px) {
	.is-hidden--lg {
		display: none!important
	}
}

@media (min-width:980px) {
	.is-hidden--lg-up {
		display: none!important
	}
}

@media (max-height:499px),(max-width:1199px) {
	.is-hidden--lg-down {
		display: none!important
	}
}

@media (min-width:1200px) and (min-height:500px) and (max-height:599px),(min-width:1200px) and (min-height:500px) and (max-width:1439px) {
	.is-hidden--xl {
		display: none!important
	}
}

@media (min-width:1200px) and (min-height:500px) {
	.is-hidden--xl-up {
		display: none!important
	}
}

@media (max-height:499px),(max-width:1439px),(min-width:1200px) and (max-height:599px) {
	.is-hidden--xl-down {
		display: none!important
	}
}

@media (min-width:1440px) and (min-height:600px) and (max-width:1919px) {
	.is-hidden--xxl {
		display: none!important
	}
}

@media (min-width:1440px) and (min-height:600px) {
	.is-hidden--xxl-up {
		display: none!important
	}
}

@media (max-height:599px),(max-width:1919px) {
	.is-hidden--xxl-down {
		display: none!important
	}
}



:root {
	--is-visible--sm-down: block;
	--is-visible--md-xxl: none;
	--is-visible--md-up: none;
	--is-visible--xl-down: block;
	--is-visible--xxl-up: none;
	--is-visible--xxxl: none
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	:root {
		--is-visible--sm-down: none;
		--is-visible--md-xxl: block;
		--is-visible--md-up: block
	}
}

@media (min-width:1440px) and (min-height:600px) {
	:root {
		--is-visible--xl-down: none;
		--is-visible--xxl-up: block
	}
}

@media (min-width:1920px) and (min-height:600px) {
	:root {
		--is-visible--md-xxl: none;
		--is-visible--xxxl: block
	}
}


.section {
	position: relative
}

.section__content {
	position: relative;
	height: 100%
}

.section--no-overflow,.section--no-overflow .section__content {
	overflow: hidden;
	overflow: clip;
	contain: content
}

.tabs-contents {
	position: relative;
	overflow: visible!important
}

.tabs-contents--title-right {
	position: absolute!important;
	bottom: var(--md,auto) var(--n-md,calc(50px - 60vw))
}

.tabs-contents__content[aria-hidden=true] {
	display: none
}

.tabs-contents__content--animating-in {
	position: absolute!important;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%
}

.tabs-contents__content--animating-top {
	z-index: 2
}

.tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in)~.tabs-contents__content[aria-hidden=false] {
	position: absolute!important;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%
}


@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.tabs-contents--bottom--md-up .tabs-contents__content--animating-in,.tabs-contents--bottom--md-up .tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in)~.tabs-contents__content[aria-hidden=false] {
		top: auto;
		bottom: 0;
		min-height: 0
	}
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.tabs-contents--sm-down {
		position: static
	}
}

.carousel {
	position: relative
}

.carousel__list__inner {
	position: relative;
	display: flex;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	cursor: -webkit-grab;
	cursor: grab
}

.carousel__list__inner:before {
	content: "";
	position: absolute;
	left: -1000px;
	right: -1000px;
	height: 100%
}

.carousel__list__inner[data-keen-slider-moves] {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.carousel__list__inner[data-keen-slider-moves] * {
	pointer-events: none
}

.carousel__list__item {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	max-height: calc(var(--viewport-height) - 60px)
}

.carousel__list__item picture {
	height: 100%
}

.carousel__list__item img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

.carousel__list__item.is-active .carousel__list__item__text,.has-hover .carousel__list__item:hover .carousel__list__item__text,.has-hover .carousel__list__item:hover:active .carousel__list__item__text {
	opacity: 1
}

.carousel__list__item.is-active .carousel__list__item__title,.has-hover .carousel__list__item:hover .carousel__list__item__title,.has-hover .carousel__list__item:hover:active .carousel__list__item__title {
	opacity: 0
}

.carousel__nav {
	position: absolute
}

.no-js .carousel__nav {
	opacity: 0;
	pointer-events: none
}

.carousel__counter {
	position: absolute
}

.carousel__counter b {
	color: #34665c;
}

@media (min-width:568px) and (max-aspect-ratio:13/9),(min-width:668px) and (min-height:416px),(min-width:980px) {
	.carousel__list__item {
		max-height: calc(var(--viewport-height) - var(--scale-px) * 100)
	}
}
