@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

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

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

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

a {
	background-color: transparent;
}

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

b,strong {
	font-weight: bolder;
}

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

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

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

button,input {
	overflow: visible;
}

button,select {
	text-transform: none;
}

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

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

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

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

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

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

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

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

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

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

html {
	height: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #C7C8CC;
	color: #fff;
	font-family: "Satoshi-Variable","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size: 14px;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

@media (pointer:fine) {
	body {
		overflow: hidden!important;
	}
}

.no-js body {
	overflow-y: auto!important;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

:focus {
	outline: none!important;
}

::-moz-selection {
	color: black;
	background: #CAF0F8;
}

::selection {
	color: black;
	background: #CAF0F8;
}

a {
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

a:focus,a:hover {
	color: inherit;
	text-decoration: none;
}

a,button,input,label {
	-webkit-tap-highlight-color: transparent;
}

audio,canvas,iframe,img,svg,video {
	vertical-align: middle;
}

figure {
	margin: 0;
}

button,input,select,textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
	cursor: pointer;
}

blockquote,h1,h2,h3,h4,h5,h6,p {
	margin: 0;
	padding: 0;
}

address,em {
	font-style: normal;
}

@font-face {
	font-family:"Satoshi-Variable";src:url("../fonts/Satoshi-Variable.html") format("woff2"),url("../fonts/Satoshi-Variable.woff") format("woff"),url("../fonts/Satoshi-Variable.ttf") format("truetype");font-weight:300 900;font-display:swap;font-style:normal;
}

@font-face {
	font-family:"Satoshi-VariableItalic";src:url("../fonts/Satoshi-VariableItalic.html") format("woff2"),url("../fonts/Satoshi-VariableItalic.woff") format("woff"),url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");font-weight:300 900;font-display:swap;font-style:italic;
}

@font-face {
	font-family:"Satoshi-Light";src:url("../fonts/Satoshi-Light.html") format("woff2"),url("../fonts/Satoshi-Light.woff") format("woff"),url("../fonts/Satoshi-Light.ttf") format("truetype");font-weight:300;font-display:swap;font-style:normal;
}

@font-face {
	font-family:"Satoshi-LightItalic";src:url("../fonts/Satoshi-LightItalic.html") format("woff2"),url("../fonts/Satoshi-LightItalic.woff") format("woff"),url("../fonts/Satoshi-LightItalic.ttf") format("truetype");font-weight:300;font-display:swap;font-style:italic;
}

@font-face {
	font-family:"Satoshi-Regular";src:url("../fonts/Satoshi-Regular.html") format("woff2"),url("../fonts/Satoshi-Regular.woff") format("woff"),url("../fonts/Satoshi-Regular.ttf") format("truetype");font-weight:400;font-display:swap;font-style:normal;
}

@font-face {
	font-family:"Satoshi-Italic";src:url("../fonts/Satoshi-Italic.html") format("woff2"),url("../fonts/Satoshi-Italic.woff") format("woff"),url("../fonts/Satoshi-Italic.ttf") format("truetype");font-weight:400;font-display:swap;font-style:italic;
}

@font-face {
	font-family:"Satoshi-Medium";src:url("../fonts/Satoshi-Medium.html") format("woff2"),url("../fonts/Satoshi-Medium.woff") format("woff"),url("../fonts/Satoshi-Medium.ttf") format("truetype");font-weight:500;font-display:swap;font-style:normal;
}

@font-face {
	font-family:"Satoshi-MediumItalic";src:url("../fonts/Satoshi-MediumItalic.html") format("woff2"),url("../fonts/Satoshi-MediumItalic.woff") format("woff"),url("../fonts/Satoshi-MediumItalic.ttf") format("truetype");font-weight:500;font-display:swap;font-style:italic;
}

@font-face {
	font-family:"Satoshi-Bold";src:url("../fonts/Satoshi-Bold.html") format("woff2"),url("../fonts/Satoshi-Bold.woff") format("woff"),url("../fonts/Satoshi-Bold.ttf") format("truetype");font-weight:700;font-display:swap;font-style:normal;
}

@font-face {
	font-family:"Satoshi-BoldItalic";src:url("../fonts/Satoshi-BoldItalic.html") format("woff2"),url("../fonts/Satoshi-BoldItalic.woff") format("woff"),url("../fonts/Satoshi-BoldItalic.ttf") format("truetype");font-weight:700;font-display:swap;font-style:italic;
}

@font-face {
	font-family:"Satoshi-Black";src:url("../fonts/Satoshi-Black.html") format("woff2"),url("../fonts/Satoshi-Black.woff") format("woff"),url("../fonts/Satoshi-Black.ttf") format("truetype");font-weight:900;font-display:swap;font-style:normal;
}

@font-face {
	font-family:"Satoshi-BlackItalic";src:url("../fonts/Satoshi-BlackItalic.html") format("woff2"),url("../fonts/Satoshi-BlackItalic.woff") format("woff"),url("../fonts/Satoshi-BlackItalic.ttf") format("truetype");font-weight:900;font-display:swap;font-style:italic;
}

@media print {
	*,:after,:before {
		text-shadow: none!important;
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		box-shadow: none!important;
	}

	a,a:visited {
		text-decoration: underline;
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	pre {
		white-space: pre-wrap!important;
	}

	blockquote,pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	img,tr {
		page-break-inside: avoid;
	}

	h2,h3,p {
		orphans: 3;
		widows: 3;
	}

	h2,h3 {
		page-break-after: avoid;
	}
}

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

.my-navbar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 240px;
	height: 28vh;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@media (min-width:768px) {
	.my-navbar {
		height: 32vh;
	}
}

@media (min-width:1024px) {
	.my-navbar {
		min-height: 280px;
		height: 40vh;
	}
}

@media (min-width:1400px) {
	.my-navbar {
		height: 40vh;
	}
}

@media (min-width:1600px) {
	.my-navbar {
		min-height: 330px;
	}
}

.my-navbar .my-logo {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	max-width: 900px;
	pointer-events: none;
	will-change: transform;
	opacity: 1;
}

.my-navbar svg {
	width: 180px;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	will-change: transform;
}

@media (min-width:768px) {
	.my-navbar svg {
		width: 200px;
	}
}

@media (min-width:1024px) {
	.my-navbar svg {
		width: 250px;
	}
}

@media (min-width:1400px) {
	.my-navbar svg {
		width: 350px;
	}
}

.my-navbar-toggle {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	top: 34px;
	right: 30px;
	z-index: 901;
}

@media (min-width:1024px) {
	.my-navbar-toggle {
		top: 50px;
		right: 60px;
	}
}

.my-hero,.my-logo svg,.my-main {
	opacity: 1;
	-webkit-transform: translate3d(0px,0px,0px);
	-moz-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
}

.ch2-style-dark .ch2-dialog {
	background: #222!important;
	-webkit-border-radius: 24px 24px 0 0!important;
	-moz-border-radius: 24px 24px 0 0!important;
	border-radius: 24px 24px 0 0!important;
}

.ch2-style-dark .ch2-btn-primary,.ch2-style-light .ch2-btn-primary {
	background: #2901E8!important;
}

.ch2-style-dark .ch2-btn-secondary {
	background: #2901E8!important;
	color: white!important;
	-webkit-border-radius: 100px!important;
	-moz-border-radius: 100px!important;
	border-radius: 100px!important;
}

.ch2-style-dark .ch2-btn-primary {
	background: #2901E8!important;
	color: white!important;
	-webkit-border-radius: 100px!important;
	-moz-border-radius: 100px!important;
	border-radius: 100px!important;
}

.ch2-style-dark .ch2-btn-text {
	background: #27272d!important;
	text-decoration: none!important;
}

.ch2-dialog-actions button {
	-webkit-border-radius: 100px!important;
	-moz-border-radius: 100px!important;
	border-radius: 100px!important;
}

.ch2-style-dark .ch2-dialog-content p strong {
	color: #CAF0F8!important;
}

.ch2-theme-bar .ch2-dialog-actions-vertical div:last-child button {
	padding: 17px 20px!important;
}

.ch2-style-dark .ch2-btn-primary,.ch2-style-light .ch2-btn-primary {
	-webkit-border-radius: 100px!important;
	-moz-border-radius: 100px!important;
	border-radius: 100px!important;
}

.ch2-style-dark .ch2-settings {
	background: #222!important;
}

.ch2-style-dark .ch2-settings-actions {
	background: #222!important;
}

.ch2-style-dark .ch2-settings-scan .ch2-settings-tabs ul li.active a {
	border-bottom-color: #222!important;
	background: #222!important;
}

.ch2-style-dark .ch2-settings-header p {
	color: #CAF0F8!important;
}

.ch2-style-dark .ch2-settings-declaration table tbody tr td p {
	background: #18181b!important;
}

.ch2-style-dark .ch2-switch input:disabled+label:before {
	background: #CAF0F8!important;
}

.my-view {
	height: 100%;
}

.my-view .scrollbar-track {
	right: 0;
	background: none;
	z-index: 200;
	width: 6px;
}

.my-view .scrollbar-thumb-y {
	background: #222;
	-webkit-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.my-view .scrollbar-thumb-y:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.my-view .scrollbar-thumb-y:hover {
	background: white;
}

.my-view .scroll-content {
	height: 100%;
	will-change: transform;
}

.my-layout {
	height: 100%;
	opacity: 0;
}

.no-js .my-layout {
	opacity: 1;
}

.my-contact-content,.my-content,.my-form-content,.my-hero-content,.my-services-content,.my-who-content,.my-work-content,.my-work-intro-content {
	width: 100%;
	padding: 0 4px;
}

@media (min-width:500px) {
	.my-contact-content,.my-content,.my-form-content,.my-hero-content,.my-services-content,.my-who-content,.my-work-content,.my-work-intro-content {
		padding: 0 8px;
	}
}

.my-footer-container {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	font-weight: 475;
	padding: 28px 28px;
}

.my-footer-container {
	font-size: 16px;
}

@media screen and (min-width:320px) {
	.my-footer-container {
		font-size: -webkit-calc(16px + 4 * ((100vw - 320px)/1320));
		font-size: -moz-calc(16px + 4 * ((100vw - 320px)/1320));
		font-size: calc(16px + 4 * ((100vw - 320px) / 1320));
	}
}

@media screen and (min-width:1640px) {
	.my-footer-container {
		font-size: 20px;
	}
}

@media (min-width:768px) {
	.my-footer-container {
		padding: 28px 56px;
	}
}

@media (min-width:1024px) {
	.my-footer-container {
		padding: 40px 52px;
	}
}

@media (min-width:1200px) {
	.my-footer-container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

@media (min-width:1400px) {
	.my-footer-container {
		padding: 48px 80px;
	}
}

.my-footer .logomark-container {
	margin: 52px 0 56px 0;
}

@media (min-width:1200px) {
	.my-footer .logomark-container {
		width: 150px;
		margin: 0;
	}
}

.my-footer p {
	margin: 0;
}

.my-footer .design-dev {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 16px 0;
	line-height: 0.3;
}

@media (min-width:1200px) {
	.my-footer .design-dev {
		margin: 0;
	}
}

.my-footer .design-dev span {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0;
}

.my-footer .design-dev .kaploom {
	margin-left: 6px;
	width: 86px;
	margin-bottom: -1px;
}

@media (min-width:1200px) {
	.my-footer .design-dev .kaploom {
		width: 98px;
	}
}

.my-footer .design-dev .kaploom path {
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

@media (pointer:fine) {
	.my-footer .design-dev .kaploom:hover path {
		fill: #CAF0F8;
	}
}

.my-footer .design-dev .craftsmen {
	margin-left: 8px;
	margin-bottom: 1px;
	margin-right: 0;
	width: 90px;
}

.my-footer .design-dev .craftsmen path {
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

@media (min-width:1200px) {
	.my-footer .design-dev .craftsmen {
		width: 102px;
	}
}

.my-loader {
	display: inline;
}

.my-loader_overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	max-height: 0%;
	overflow: hidden;
	pointer-events: none;
	opacity: 0;
	background: #000;
	-webkit-transition: opacity 0.8s,max-height 0s 0.8s;
	-o-transition: opacity 0.8s,max-height 0s 0.8s;
	-moz-transition: opacity 0.8s,max-height 0s 0.8s;
	transition: opacity 0.8s,max-height 0s 0.8s;
}

.my-loader_overlay.-visible {
	pointer-events: auto;
	opacity: 1;
	max-height: 100%;
	-webkit-transition-delay: 0s,0s;
	-moz-transition-delay: 0s,0s;
	-o-transition-delay: 0s,0s;
	transition-delay: 0s,0s;
	-webkit-transition-duration: 0.3s,0s;
	-moz-transition-duration: 0.3s,0s;
	-o-transition-duration: 0.3s,0s;
	transition-duration: 0.3s,0s;
}

.my-input {
	position: relative;
	width: 100%;
	margin-bottom: 4px;
	margin-right: 4px;
}

@media (min-width:500px) {
	.my-input {
		margin-bottom: 8px;
		margin-right: 8px;
	}
}

.my-input:last-child {
	margin-right: 0;
}

.my-input label {
	position: absolute;
	font-size: 16px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	color: #222;
	padding: 0;
	margin: 0 40px;
	font-weight: 500;
	-webkit-transition: 0.125s ease-out;
	-o-transition: 0.125s ease-out;
	-moz-transition: 0.125s ease-out;
	transition: 0.125s ease-out;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	pointer-events: none;
}

@media (min-width:768px) {
	.my-input label {
		margin: 0 48px;
	}
}

@media (min-width:1400px) {
	.my-input label {
		margin: 0 64px;
	}
}

@media (min-width:1600px) {
	.my-input label {
		margin: 0 78px;
	}
}

.my-input input {
	font-size: 1rem;
	outline: none;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	-moz-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff;
	border: 0;
	color: #222;
	font-weight: 475;
	-webkit-transition: -webkit-box-shadow 0.1s ease-out;
	transition: -webkit-box-shadow 0.1s ease-out;
	-o-transition: box-shadow 0.1s ease-out;
	-moz-transition: box-shadow 0.1s ease-out,-moz-box-shadow 0.1s ease-out;
	transition: box-shadow 0.1s ease-out;
	transition: box-shadow 0.1s ease-out,-webkit-box-shadow 0.1s ease-out,-moz-box-shadow 0.1s ease-out;
	width: 100%;
	background: #fff;
	padding: 36px 44px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 30px;
	-webkit-appearance: none;
}

@media (min-width:768px) {
	.my-input input {
		padding: 42px 48px;
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1200px) {
	.my-input input {
		-webkit-border-radius: 72px;
		-moz-border-radius: 72px;
		border-radius: 72px;
	}
}

@media (min-width:1400px) {
	.my-input input {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 46px 62px;
	}
}

@media (min-width:1600px) {
	.my-input input {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 50px;
		padding: 56px 78px;
	}
}

.my-input input:focus {
	-webkit-box-shadow: inset 0 0 0 1px #CAF0F8;
	-moz-box-shadow: inset 0 0 0 1px #CAF0F8;
	box-shadow: inset 0 0 0 1px #CAF0F8;
}

.my-input input:focus+label {
	opacity: 0;
}

.my-input input:not(:-moz-placeholder-shown)+label {
	opacity: 0;
}

.my-input input:not(:-ms-input-placeholder)+label {
	opacity: 0;
}

.my-input input:not(:placeholder-shown)+label {
	opacity: 0;
}

.my-textarea {
	position: relative;
	width: 100%;
}

.my-textarea label {
	position: absolute;
	font-size: 16px;
	left: 0;
	top: 28px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff;
	color: #222;
	padding: 0;
	margin: 20px 40px;
	font-weight: 500;
	-webkit-transition: 0.125s ease-out;
	-o-transition: 0.125s ease-out;
	-moz-transition: 0.125s ease-out;
	transition: 0.125s ease-out;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	pointer-events: none;
}

@media (min-width:768px) {
	.my-textarea label {
		margin: 26px 48px;
	}
}

@media (min-width:1400px) {
	.my-textarea label {
		margin: 30px 64px;
	}
}

@media (min-width:1600px) {
	.my-textarea label {
		margin: 40px 78px;
	}
}

.my-textarea textarea {
	font-size: 1rem;
	outline: none;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	-moz-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff;
	border: 0;
	color: #222;
	font-weight: 475;
	-webkit-transition: 0.125s ease-out;
	-o-transition: 0.125s ease-out;
	-moz-transition: 0.125s ease-out;
	transition: 0.125s ease-out;
	width: 100%;
	height: 400px;
	resize: none;
	background: #fff;
	padding: 36px 44px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	-webkit-appearance: none;
}

@media (min-width:768px) {
	.my-textarea textarea {
		padding: 42px 48px;
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1200px) {
	.my-textarea textarea {
		-webkit-border-radius: 72px;
		-moz-border-radius: 72px;
		border-radius: 72px;
	}
}

@media (min-width:1400px) {
	.my-textarea textarea {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 46px 62px;
	}
}

@media (min-width:1600px) {
	.my-textarea textarea {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 86px;
		padding: 56px 78px;
	}
}

.my-textarea textarea:focus {
	-webkit-box-shadow: inset 0 0 0 1px #CAF0F8;
	-moz-box-shadow: inset 0 0 0 1px #CAF0F8;
	box-shadow: inset 0 0 0 1px #CAF0F8;
}

.my-textarea textarea:focus+label {
	opacity: 0;
}

.my-textarea textarea:not(:-moz-placeholder-shown)+label {
	opacity: 0;
}

.my-textarea textarea:not(:-ms-input-placeholder)+label {
	opacity: 0;
}

.my-textarea textarea:not(:placeholder-shown)+label {
	opacity: 0;
}

.my-marquee {
	position: relative;
	z-index: 3;
	width: 130%;
}

.my-marquee-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	padding: 0;
	margin-top: -140px;
}

@media (min-width:600px) {
	.my-marquee-content {
		margin-top: -172px;
	}
}

@media (min-width:1024px) {
	.my-marquee-content {
		margin-top: -115px;
	}
}

@media (min-width:1400px) {
	.my-marquee-content {
		margin-top: -110px;
	}
}

@media (min-width:1600px) {
	.my-marquee-content {
		margin-top: -13vh;
	}
}

.my-marquee-container {
	width: 100%;
}

.my-marquee-main {
	min-width: 180%;
	-webkit-transform: rotate(-24deg) translate(-350px,-25px);
	-moz-transform: rotate(-24deg) translate(-350px,-25px);
	-ms-transform: rotate(-24deg) translate(-350px,-25px);
	-o-transform: rotate(-24deg) translate(-350px,-25px);
	transform: rotate(-24deg) translate(-350px,-25px);
	overflow: hidden;
}

@media (min-width:600px) {
	.my-marquee-main {
		min-width: 140%;
		-webkit-transform: rotate(-24deg) translate(-350px,-25px);
		-moz-transform: rotate(-24deg) translate(-350px,-25px);
		-ms-transform: rotate(-24deg) translate(-350px,-25px);
		-o-transform: rotate(-24deg) translate(-350px,-25px);
		transform: rotate(-24deg) translate(-350px,-25px);
	}
}

@media (min-width:1024px) {
	.my-marquee-main {
		min-width: 120%;
		-webkit-transform: rotate(-24deg) translate(-100px,0);
		-moz-transform: rotate(-24deg) translate(-100px,0);
		-ms-transform: rotate(-24deg) translate(-100px,0);
		-o-transform: rotate(-24deg) translate(-100px,0);
		transform: rotate(-24deg) translate(-100px,0);
	}
}

@media (min-width:1600px) {
	.my-marquee-main {
		min-width: 120%;
		-webkit-transform: rotate(-24deg) translate(0,0);
		-moz-transform: rotate(-24deg) translate(0,0);
		-ms-transform: rotate(-24deg) translate(0,0);
		-o-transform: rotate(-24deg) translate(0,0);
		transform: rotate(-24deg) translate(0,0);
	}
}

@media (min-width:2100px) {
	.my-marquee-main {
		-webkit-transform: rotate(-24deg) translate(200px,0);
		-moz-transform: rotate(-24deg) translate(200px,0);
		-ms-transform: rotate(-24deg) translate(200px,0);
		-o-transform: rotate(-24deg) translate(200px,0);
		transform: rotate(-24deg) translate(200px,0);
	}
}

.my-marquee-carousel.-v1 {
	margin-right: -300px;
	margin-bottom: 12px;
}

@media (min-width:768px) {
	.my-marquee-carousel.-v1 {
		margin-bottom: 16px;
	}
}

@media (min-width:1600px) {
	.my-marquee-carousel.-v1 {
		margin-bottom: 20px;
	}
}

.my-marquee-carousel.-v2 {
	margin-left: -300px;
}

.my-marquee-items {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	height: 165px!important;
	-webkit-transition-timing-function: cubic-bezier(0.16,1,0.3,1)!important;
	-moz-transition-timing-function: cubic-bezier(0.16,1,0.3,1)!important;
	-o-transition-timing-function: cubic-bezier(0.16,1,0.3,1)!important;
	transition-timing-function: cubic-bezier(0.16,1,0.3,1)!important;
}

@media (min-width:768px) {
	.my-marquee-items {
		height: 250px!important;
	}
}

@media (min-width:1600px) {
	.my-marquee-items {
		height: 300px!important;
	}
}

@media (min-width:2100px) {
	.my-marquee-items {
		height: 350px!important;
	}
}

.my-marquee-item {
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 165px!important;
	height: 100%!important;
	-webkit-box-shadow: 0 0 0 2px inset #FFAED8;
	-moz-box-shadow: 0 0 0 2px inset #FFAED8;
	box-shadow: 0 0 0 2px inset #333;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 50px;
	-webkit-transition: all 200ms ease!important;
	-o-transition: all 200ms ease!important;
	-moz-transition: all 200ms ease!important;
	transition: all 200ms ease!important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
}

@media (min-width:768px) {
	.my-marquee-item {
		width: 250px!important;
		margin-right: 16px;
	}
}

@media (min-width:1600px) {
	.my-marquee-item {
		width: 300px!important;
		margin-right: 20px;
	}
}

@media (min-width:2100px) {
	.my-marquee-item {
		width: 350px!important;
	}
}

.my-marquee-item img {
	width: 100%;
	z-index: 2;
}

.my-marquee-item--no-border {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	background: transparent!important;
}

.my-marquee-item__icon {
	-webkit-transform: rotate(24deg);
	-moz-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
	-o-transform: rotate(24deg);
	transform: rotate(24deg);
	opacity: 1;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.my-marquee-item__icon img {
	max-width: 40px;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (min-width:768px) {
	.my-marquee-item__icon img {
		max-width: 56px;
	}
}

@media (min-width:1024px) {
	.my-marquee-item__icon img {
		max-width: 68px;
	}
}

@media (min-width:1400px) {
	.my-marquee-item__icon img {
		max-width: 80px;
	}
}

.my-marquee-item__text {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 4;
}

.my-marquee-item__image {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(24deg);
	-moz-transform: rotate(24deg);
	-ms-transform: rotate(24deg);
	-o-transform: rotate(24deg);
	transform: rotate(24deg);
}

.my-marquee-item__title {
	color: #ffe6f4;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin-bottom: -3px;
	text-shadow: 1px 1px #5a1143;
}

@media (min-width:768px) {
	.my-marquee-item__title {
		margin-bottom: 2px;
		font-size: 15px;
	}
}

@media (min-width:1400px) {
	.my-marquee-item__title {
		margin-bottom: 1px;
		font-size: 16px;
	}
}

.my-marquee-item__name {
	color: #ffe6f4;
	font-size: 15px;
	font-weight: 550;
	letter-spacing: 0.02em;
	margin-bottom: 12px;
	text-shadow: 1px 1px #5a1143;
}

@media (min-width:768px) {
	.my-marquee-item__name {
		font-size: 20px;
		margin-bottom: 22px;
	}
}

@media (min-width:1400px) {
	.my-marquee-item__name {
		font-size: 24px;
		margin-bottom: 24px;
	}
}

.my-marquee-item__hire {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 1;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	transition: all 200ms ease;
	font-size: 30px;
	font-weight: 750;
	letter-spacing: -0.02em;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.my-marquee-item__hire .my-marquee-item__icon {
	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.my-marquee-item__hire .my-marquee-item__name,.my-marquee-item__hire .my-marquee-item__title {
	color: #ffaedc;
	margin-bottom: 40px;
}

.my-marquee-item__hire .my-marquee-item__name {
	margin-bottom: 28px;
	font-size: 14px;
}

.my-marquee-item__hire .my-marquee-item__title {
	margin-bottom: 62px;
	font-size: 14px;
}

@media (min-width:768px) {
	.my-marquee-item__hire .my-marquee-item__name {
		font-size: 20px;
		margin-bottom: 22px;
	}

	.my-marquee-item__hire .my-marquee-item__title {
		margin-bottom: 2px;
		font-size: 15px;
	}
}

@media (min-width:1400px) {
	.my-marquee-item__hire .my-marquee-item__name {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.my-marquee-item__hire .my-marquee-item__title {
		margin-bottom: 1px;
		font-size: 16px;
	}
}

.my-btn {
	display: inline;
	will-change: transform;
}

.my-btn_cta,.my-btn_dummy,.my-btn_form,.my-btn_menu {
	position: relative;
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
	color: inherit;
	background: none;
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	outline: none!important;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	text-align: inherit;
	text-transform: inherit;
	text-indent: inherit;
}

.my-btn_cta:focus,.my-btn_cta:hover,.my-btn_dummy:focus,.my-btn_dummy:hover,.my-btn_form:focus,.my-btn_form:hover,.my-btn_menu:focus,.my-btn_menu:hover {
	text-decoration: none;
}

.my-btn_form {
	color: #222;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	font-size: 17px;
	font-weight: 725;
	letter-spacing: -0.01em;
	line-height: 100%;
	margin: 0;
	will-change: transform;
	padding: 36px 44px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 30px;
}

@media (min-width:768px) {
	.my-btn_form {
		font-size: 18px;
		padding: 42px 48px;
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1200px) {
	.my-btn_form {
		-webkit-border-radius: 72px;
		-moz-border-radius: 72px;
		border-radius: 72px;
	}
}

@media (min-width:1400px) {
	.my-btn_form {
		font-size: 20px;
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 46px 62px;
	}
}

@media (min-width:1600px) {
	.my-btn_form {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 86px;
		padding: 56px 78px;
	}
}

.my-btn_form .material-icons-outlined {
	font-size: 24px;
	margin-bottom: 12px;
}

@media (min-width:768px) {
	.my-btn_form .material-icons-outlined {
		font-size: 26px;
	}
}

@media (min-width:1400px) {
	.my-btn_form .material-icons-outlined {
		font-size: 28px;
	}
}

.my-btn_cta {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 32px;
	height: 57px;
	color: #CAF0F8;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 10px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background 0.2s;
	-o-transition: background 0.2s;
	-moz-transition: background 0.2s;
	transition: background 0.2s;
}

.my-btn_cta:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	border: 2px #000 solid;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
	-moz-transition: border-color 0.2s;
	transition: border-color 0.2s;
}

.my-btn_cta-title {
	position: relative;
	top: -1px;
	display: block;
	overflow: hidden;
	z-index: 2;
}

.my-btn_cta-title span {
	display: block;
	font-size: 16px;
	font-weight: 550;
	letter-spacing: 0.03em;
	text-align: center;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: color 0.2s,-webkit-transform 0.4s;
	transition: color 0.2s,-webkit-transform 0.4s;
	-o-transition: color 0.2s,-o-transform 0.4s;
	-moz-transition: color 0.2s,transform 0.4s,-moz-transform 0.4s;
	transition: color 0.2s,transform 0.4s;
	transition: color 0.2s,transform 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s;
}

@media (min-width:1200px) {
	.my-btn_cta-title span {
		font-size: 22px;
	}
}

.my-btn_cta-title span:after {
	content: attr(data-text);
	display: block;
	position: absolute;
	top: 150%;
	left: 0;
	-webkit-transform: skewY(5deg);
	-moz-transform: skewY(5deg);
	-ms-transform: skewY(5deg);
	-o-transform: skewY(5deg);
	transform: skewY(5deg);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-transition: -webkit-transform 0.4s;
	transition: -webkit-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	-moz-transition: transform 0.4s,-moz-transform 0.4s;
	transition: transform 0.4s;
	transition: transform 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s;
}

.my-btn_cta-ripple {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
}

.my-btn_cta-ripple span {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	background: #F0583A;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4,0,0,1),-webkit-border-radius 0.5s cubic-bezier(0.4,0,0,1);
	transition: -webkit-transform 0.5s cubic-bezier(0.4,0,0,1),-webkit-border-radius 0.5s cubic-bezier(0.4,0,0,1);
	-o-transition: border-radius 0.5s cubic-bezier(0.4,0,0,1),-o-transform 0.5s cubic-bezier(0.4,0,0,1);
	-moz-transition: transform 0.5s cubic-bezier(0.4,0,0,1),border-radius 0.5s cubic-bezier(0.4,0,0,1),-moz-transform 0.5s cubic-bezier(0.4,0,0,1),-moz-border-radius 0.5s cubic-bezier(0.4,0,0,1);
	transition: transform 0.5s cubic-bezier(0.4,0,0,1),border-radius 0.5s cubic-bezier(0.4,0,0,1);
	transition: transform 0.5s cubic-bezier(0.4,0,0,1),border-radius 0.5s cubic-bezier(0.4,0,0,1),-webkit-transform 0.5s cubic-bezier(0.4,0,0,1),-moz-transform 0.5s cubic-bezier(0.4,0,0,1),-o-transform 0.5s cubic-bezier(0.4,0,0,1),-webkit-border-radius 0.5s cubic-bezier(0.4,0,0,1),-moz-border-radius 0.5s cubic-bezier(0.4,0,0,1);
}

@media (pointer:fine) {
	.my-btn_cta:hover .my-btn_cta-title span {
		color: #fff;
		-webkit-transform: translateY(-150%) skewY(-7deg);
		-moz-transform: translateY(-150%) skewY(-7deg);
		-ms-transform: translateY(-150%) skewY(-7deg);
		-o-transform: translateY(-150%) skewY(-7deg);
		transform: translateY(-150%) skewY(-7deg);
	}

	.my-btn_cta:hover .my-btn_cta-title span:after {
		-webkit-transform: skewY(7deg);
		-moz-transform: skewY(7deg);
		-ms-transform: skewY(7deg);
		-o-transform: skewY(7deg);
		transform: skewY(7deg);
	}

	.my-btn_cta:hover .my-btn_cta-ripple span {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition-duration: 0s,0s;
		-moz-transition-duration: 0s,0s;
		-o-transition-duration: 0s,0s;
		transition-duration: 0s,0s;
		-webkit-animation: my-button-rounded-ripple-in 0.5s cubic-bezier(0.4,0,0,1);
		-moz-animation: my-button-rounded-ripple-in 0.5s cubic-bezier(0.4,0,0,1);
		-o-animation: my-button-rounded-ripple-in 0.5s cubic-bezier(0.4,0,0,1);
		animation: my-button-rounded-ripple-in 0.5s cubic-bezier(0.4,0,0,1);
	}
}

.my-btn_cta.-inverse {
	color: #fff;
	background: #000;
}

.my-btn_cta.-inverse:hover {
	color: #fff;
	background: black;
}

@media (min-width:1200px) {
	.my-btn_cta {
		height: 72px;
		padding: 0 40px;
		min-width: 170px;
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		border-radius: 15px;
	}
}

.my-btn_menu {
	display: block;
	width: 24px;
	height: 24px;
	z-index: 98;
	will-change: transform;
}

.my-btn_menu:before {
	content: "";
	position: absolute;
	top: -17px;
	left: -17px;
	right: -17px;
	bottom: -17px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #2900e8;
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	transition: opacity 0.6s cubic-bezier(0.33,1,0.68,1),-webkit-transform 0.45s cubic-bezier(0.34,2,0.64,1);
	-webkit-transition: opacity 0.6s cubic-bezier(0.33,1,0.68,1),-webkit-transform 0.45s cubic-bezier(0.34,2,0.64,1);
	-o-transition: opacity 0.6s cubic-bezier(0.33,1,0.68,1),-o-transform 0.45s cubic-bezier(0.34,2,0.64,1);
	-moz-transition: transform 0.45s cubic-bezier(0.34,2,0.64,1),opacity 0.6s cubic-bezier(0.33,1,0.68,1),-moz-transform 0.45s cubic-bezier(0.34,2,0.64,1);
	transition: transform 0.45s cubic-bezier(0.34,2,0.64,1),opacity 0.6s cubic-bezier(0.33,1,0.68,1);
	transition: transform 0.45s cubic-bezier(0.34,2,0.64,1),opacity 0.6s cubic-bezier(0.33,1,0.68,1),-webkit-transform 0.45s cubic-bezier(0.34,2,0.64,1),-moz-transform 0.45s cubic-bezier(0.34,2,0.64,1),-o-transform 0.45s cubic-bezier(0.34,2,0.64,1);
}

@media (min-width:1024px) {
	.my-btn_menu:before {
		top: -30px;
		left: -30px;
		right: -30px;
		bottom: -30px;
	}
}

.my-btn_menu:after {
	content: "";
	position: absolute;
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
}

@media (min-width:1024px) {
	.my-btn_menu:after {
		top: -45px;
		left: -45px;
		right: -45px;
		bottom: -45px;
	}
}

.my-btn_menu span {
	display: block;
	width: 100%;
	height: 2px;
	margin: 6px 0;
	position: relative;
	top: 0;
	background: #fff;
	transition: top 0.2s 0.3s,opacity 0.3s 0.1s,background 0.4s,-webkit-transform 0.3s 0s;
	-webkit-transition: top 0.2s 0.3s,opacity 0.3s 0.1s,background 0.4s,-webkit-transform 0.3s 0s;
	-o-transition: top 0.2s 0.3s,opacity 0.3s 0.1s,background 0.4s,-o-transform 0.3s 0s;
	-moz-transition: top 0.2s 0.3s,transform 0.3s 0s,opacity 0.3s 0.1s,background 0.4s,-moz-transform 0.3s 0s;
	transition: top 0.2s 0.3s,transform 0.3s 0s,opacity 0.3s 0.1s,background 0.4s;
	transition: top 0.2s 0.3s,transform 0.3s 0s,opacity 0.3s 0.1s,background 0.4s,-webkit-transform 0.3s 0s,-moz-transform 0.3s 0s,-o-transform 0.3s 0s;
}

.my-btn_menu:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.my-btn_menu.-active span {
	transition: top 0.2s,opacity 0.2s 0.3s,-webkit-transform 0.3s 0.3s;
	-webkit-transition: top 0.2s,opacity 0.2s 0.3s,-webkit-transform 0.3s 0.3s;
	-o-transition: top 0.2s,opacity 0.2s 0.3s,-o-transform 0.3s 0.3s;
	-moz-transition: top 0.2s,transform 0.3s 0.3s,opacity 0.2s 0.3s,-moz-transform 0.3s 0.3s;
	transition: top 0.2s,transform 0.3s 0.3s,opacity 0.2s 0.3s;
	transition: top 0.2s,transform 0.3s 0.3s,opacity 0.2s 0.3s,-webkit-transform 0.3s 0.3s,-moz-transform 0.3s 0.3s,-o-transform 0.3s 0.3s;
}

.my-btn_menu.-active span:first-child {
	top: 4px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.my-btn_menu.-active span:last-child {
	top: -4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.my-btn_menu.-active:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

@-webkit-keyframes my-button-rounded-ripple-in {
	0% {
		-webkit-border-radius: 100%;
		border-radius: 100%;
		-webkit-transform: translateY(-100%) translateZ(0);
		transform: translateY(-100%) translateZ(0);
	}

	to {
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-transform: translateY(0) translateZ(0);
		transform: translateY(0) translateZ(0);
	}
}

@-moz-keyframes my-button-rounded-ripple-in {
	0% {
		-moz-border-radius: 100%;
		border-radius: 100%;
		-moz-transform: translateY(-100%) translateZ(0);
		transform: translateY(-100%) translateZ(0);
	}

	to {
		-moz-border-radius: 0;
		border-radius: 0;
		-moz-transform: translateY(0) translateZ(0);
		transform: translateY(0) translateZ(0);
	}
}

@-o-keyframes my-button-rounded-ripple-in {
	0% {
		border-radius: 100%;
		transform: translateY(-100%) translateZ(0);
	}

	to {
		border-radius: 0;
		transform: translateY(0) translateZ(0);
	}
}

@keyframes my-button-rounded-ripple-in {
	0% {
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		-webkit-transform: translateY(-100%) translateZ(0);
		-moz-transform: translateY(-100%) translateZ(0);
		transform: translateY(-100%) translateZ(0);
	}

	to {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-transform: translateY(0) translateZ(0);
		-moz-transform: translateY(0) translateZ(0);
		transform: translateY(0) translateZ(0);
	}
}

.my-hero {
	height: auto;
	position: relative;
}

@media (min-width:1024px) {
	.my-hero {
		min-height: 380px;
		height: -webkit-calc(60vh - 8px);
		height: -moz-calc(60vh - 8px);
		height: calc(60vh - 8px);
	}
}

@media (min-width:1600px) {
	.my-hero {
		min-height: 532px;
	}
}

.my-hero.-inverse {
	color: #000;
	background: #fff;
}

.my-hero-content {
	height: 100%;
}

.my-hero-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

@media (min-width:1024px) {
	.my-hero-container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

.my-hero-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

@media (min-width:1024px) {
	.my-hero-row:first-child {
		padding-bottom: 8px;
	}
}

.my-hero-row:first-child .-white {
	padding-right: 4px;
}

@media (min-width:500px) {
	.my-hero-row:first-child .-white {
		padding-right: 8px;
	}
}

.my-hero-row:first-child .-dark {
	padding-bottom: 4px;
}

@media (min-width:500px) {
	.my-hero-row:first-child .-dark {
		padding-bottom: 8px;
	}
}

@media (min-width:1024px) {
	.my-hero-row:first-child .-dark {
		padding-bottom: 0;
	}
}

.my-hero-card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 160px;
	padding: 20px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: -o-transform 0.4s ease;
	-moz-transition: transform 0.4s ease,-moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease,-moz-transform 0.4s ease,-o-transform 0.4s ease;
	will-change: transform;
}

@media (min-width:768px) {
	.my-hero-card {
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1024px) {
	.my-hero-card {
		min-height: auto;
	}
}

@media (min-width:1200px) {
	.my-hero-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-hero-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
	}
}

@media (min-width:1600px) {
	.my-hero-card {
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
	}
}

@media (pointer:fine) {
	.my-hero-card {
		padding: 28px 28px 30px 38px;
	}
}

@media (pointer:fine) and (min-width:768px) {
	.my-hero-card {
		padding: 28px 28px 36px 44px;
	}
}

@media (pointer:fine) and (min-width:1400px) {
	.my-hero-card {
		padding: 36px 36px 42px 60px;
	}
}

@media (pointer:fine) and (min-width:1600px) {
	.my-hero-card {
		padding: 48px 48px 54px 72px;
	}
}

.my-hero-card-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	z-index: 2;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: -o-transform 0.4s ease;
	-moz-transition: transform 0.4s ease,-moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease,-moz-transform 0.4s ease,-o-transform 0.4s ease;
}

.my-hero-card__top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.my-hero-card__top--title {
	font-size: 18px;
	font-weight: 600;
	line-height: 100%;
	margin: 0;
}

@media (min-width:768px) {
	.my-hero-card__top--title {
		font-size: 20px;
	}
}

@media (min-width:1400px) {
	.my-hero-card__top--title {
		font-size: 24px;
	}
}

@media (min-width:1600px) {
	.my-hero-card__top--title {
		font-size: 28px;
	}
}

.my-hero-card__top--logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: white;
	padding: 12px;
	width: 48px;
	height: 48px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.my-hero-card__top--logo svg {
	width: 100%;
}

@media (min-width:768px) {
	.my-hero-card__top--logo {
		padding: 13px;
		width: 56px;
		height: 56px;
	}
}

@media (min-width:1400px) {
	.my-hero-card__top--logo {
		padding: 14px;
		width: 64px;
		height: 64px;
	}
}

@media (min-width:1600px) {
	.my-hero-card__top--logo {
		padding: 16px;
		width: 78px;
		height: 78px;
	}
}

.my-hero-card__bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 1;
	width: 100%;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

@media (pointer:fine) {
	.my-hero-card__bottom {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.my-hero-card__bottom--text {
	font-size: 17px;
	font-weight: 725;
	letter-spacing: -0.025em;
	line-height: 100%;
	margin: 0;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-top: 12px;
}

@media (pointer:fine) {
	.my-hero-card__bottom--text {
		font-size: 17px;
		font-weight: 625;
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
		margin-top: 0;
	}
}

@media (pointer:fine) and (min-width:768px) {
	.my-hero-card__bottom--text {
		font-size: 18px;
	}
}

@media (pointer:fine) and (min-width:1400px) {
	.my-hero-card__bottom--text {
		font-size: 20px;
	}
}

@media (pointer:fine) and (min-width:1600px) {
	.my-hero-card__bottom--text {
		font-size: 22px;
	}
}

.my-hero-card__bottom--icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 44px;
}

@media (min-width:768px) {
	.my-hero-card__bottom--icon {
		width: 52px;
	}
}

@media (min-width:1400px) {
	.my-hero-card__bottom--icon {
		width: 60px;
	}
}

@media (min-width:1600px) {
	.my-hero-card__bottom--icon {
		width: 74px;
	}
}

.my-hero-card__bottom--icon .material-icons-outlined {
	font-size: 24px;
}

@media (min-width:768px) {
	.my-hero-card__bottom--icon .material-icons-outlined {
		font-size: 27px;
	}
}

@media (min-width:1400px) {
	.my-hero-card__bottom--icon .material-icons-outlined {
		font-size: 30px;
	}
}

@media (min-width:1600px) {
	.my-hero-card__bottom--icon .material-icons-outlined {
		font-size: 34px;
	}
}

.my-hero-card .my-shape {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0.65);
	-moz-transform: scale(0.65);
	-ms-transform: scale(0.65);
	-o-transform: scale(0.65);
	transform: scale(0.65);
	-webkit-transition: opacity 200ms ease,-webkit-transform 0.4s ease;
	transition: opacity 200ms ease,-webkit-transform 0.4s ease;
	-o-transition: opacity 200ms ease,-o-transform 0.4s ease;
	-moz-transition: transform 0.4s ease,opacity 200ms ease,-moz-transform 0.4s ease;
	transition: transform 0.4s ease,opacity 200ms ease;
	transition: transform 0.4s ease,opacity 200ms ease,-webkit-transform 0.4s ease,-moz-transform 0.4s ease,-o-transform 0.4s ease;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	z-index: 2;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	transform: scale(0.65);
	-webkit-transform: translate3d(0,0,0) scale(0.65);
	-moz-transform: translate3d(0,0,0) scale(0.65);
}

.my-hero-card .my-shape svg {
	-webkit-animation: star-rotate 11s linear infinite;
	-moz-animation: star-rotate 11s linear infinite;
	-o-animation: star-rotate 11s linear infinite;
	animation: star-rotate 11s linear infinite;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.my-hero-card .my-shape svg path {
	-webkit-transition: fill 325ms ease;
	-o-transition: fill 325ms ease;
	-moz-transition: fill 325ms ease;
	transition: fill 325ms ease;
}




@media (min-width:768px) {
	.my-hero-card .my-shape {
		-webkit-transform: scale(0.75);
		-moz-transform: scale(0.75);
		-ms-transform: scale(0.75);
		-o-transform: scale(0.75);
		transform: scale(0.75);
	}
}

@media (min-width:1400px) {
	.my-hero-card .my-shape {
		-webkit-transform: scale(0.85);
		-moz-transform: scale(0.85);
		-ms-transform: scale(0.85);
		-o-transform: scale(0.85);
		transform: scale(0.85);
	}
}

@media (min-width:1600px) {
	.my-hero-card .my-shape {
		-webkit-transform: scale(0.92);
		-moz-transform: scale(0.92);
		-ms-transform: scale(0.92);
		-o-transform: scale(0.92);
		transform: scale(0.92);
	}
}

@media (min-width:1900px) {
	.my-hero-card .my-shape {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.my-hero-card .canvas {
	position: relative;
	display: block;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	pointer-events: none;
	z-index: 1;
	--size: 360px;
	height: var(--size);
	width: var(--size);
	margin-bottom: 10px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}

.my-hero-card .shape {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	-webkit-transform: translate3D(0,0,0) rotate(0deg);
	-moz-transform: translate3D(0,0,0) rotate(0deg);
	-ms-transform: translate3D(0,0,0) rotate(0deg);
	-o-transform: translate3D(0,0,0) rotate(0deg);
	transform: translate3D(0,0,0) rotate(0deg);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
}

.my-hero-card .shape.triangle {
	--size: 65px;
	width: 0;
	height: 0;
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-bottom: 110px solid #0f0f0f !important;
	top: 20px;
	left: 75px;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	-webkit-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	-o-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	-moz-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
}

.my-hero-card .shape.circle {
	--size: 116px;
	background-color: #0f0f0f !important;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	height: var(--size);
	width: var(--size);
	right: 0;
	top: 120px;
	-webkit-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	-o-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	-moz-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
}

.my-hero-card .shape.square {
	--size: 102px;
	background-color: #0f0f0f !important;
	height: var(--size);
	width: var(--size);
	left: 60px;
	bottom: 40px;
	-webkit-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	-o-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	-moz-transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
	transition: opacity 200ms ease,width 400ms ease,height 400ms ease,border 400ms ease,left 400ms ease,background 300ms ease;
}

.my-hero-card .my-text-animation {
	top: 0;
	left: 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	position: absolute;
	flex-direction: row;
	width: 100%;
	will-change: transform;
	-webkit-transition: opacity 325ms ease,-webkit-transform 400ms ease;
	transition: opacity 325ms ease,-webkit-transform 400ms ease;
	-o-transition: opacity 325ms ease,-o-transform 400ms ease;
	-moz-transition: opacity 325ms ease,transform 400ms ease,-moz-transform 400ms ease;
	transition: opacity 325ms ease,transform 400ms ease;
	transition: opacity 325ms ease,transform 400ms ease,-webkit-transform 400ms ease,-moz-transform 400ms ease,-o-transform 400ms ease;
	z-index: 2;
	pointer-events: none;
}

@media (pointer:fine) {
	.my-hero-card .my-text-animation {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.my-hero-card .my-scroll-text {
	position: relative;
	display: block;
	font-size: 42px;
	letter-spacing: -0.045em;
	color: #999;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	will-change: transform;
	font-weight: 625;
}

@media (min-width:768px) {
	.my-hero-card .my-scroll-text {
		font-size: 52px;
	}
}

@media (min-width:1400px) {
	.my-hero-card .my-scroll-text {
		font-size: 62px;
	}
}

@media (min-width:1600px) {
	.my-hero-card .my-scroll-text {
		font-size: 72px;
	}
}

.my-hero-card .-hidden {
	opacity: 0;
	-webkit-transform: translateX(5%);
	-moz-transform: translateX(5%);
	-ms-transform: translateX(5%);
	-o-transform: translateX(5%);
	transform: translateX(5%);
}

.my-hero-card .-shape-change {
	-webkit-transform: scale(0.65);
	-moz-transform: scale(0.65);
	-ms-transform: scale(0.65);
	-o-transform: scale(0.65);
	transform: scale(0.65);
}

@media (min-width:768px) {
	.my-hero-card .-shape-change {
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
	}
}

@media (min-width:1400px) {
	.my-hero-card .-shape-change {
		-webkit-transform: scale(0.85);
		-moz-transform: scale(0.85);
		-ms-transform: scale(0.85);
		-o-transform: scale(0.85);
		transform: scale(0.85);
	}
}

@media (min-width:1600px) {
	.my-hero-card .-shape-change {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.my-hero-card .-shape-yellow .triangle {
	--size: 100px;
	border-bottom: 170px solid #222;
	left: 32px;
}

.my-hero-card .-shape-yellow .circle {
	--size: 58px;
}

.my-hero-card .-shape-yellow .square {
	--size: 48px;
}

.my-hero-card .-shape-white .triangle {
	--size: 30px;
	border-bottom: 50px solid #222	;
}

.my-hero-card .-shape-white .circle {
	--size: 58px;
}

.my-hero-card .-shape-white .square {
	--size: 172px;
	background-color: #222;
}

.my-hero-card .-shape-dark .triangle {
	--size: 30px;
	border-bottom: 50px solid #222	;
}

.my-hero-card .-shape-dark .circle {
	--size: 194px;
	background-color: #222 !important;
}

.my-hero-card .-shape-dark .square {
	--size: 48px;
}

.my-hero-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	will-change: transform;
}

.my-hero-col:first-child {
	padding-bottom: 4px;
}

@media (min-width:500px) {
	.my-hero-col:first-child {
		padding-bottom: 8px;
	}
}

@media (min-width:1024px) {
	.my-hero-col:first-child {
		padding-right: 8px;
		padding-bottom: 0;
	}
}

.my-hero-col.-blue .my-text-animation {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.my-hero-col.-blue .my-hero-card__bottom {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.my-hero-col.-blue .my-hero-card__bottom .my-hero-card__bottom--text {
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	margin: 0;
}

.my-hero-col.-blue .my-hero-card {
	background: #000;
	padding: 24px 24px 36px 36px;
	height: 63vh;
	min-height: 400px;
}

@media (min-width:768px) {
	.my-hero-col.-blue .my-hero-card {
		height: 50vh;
	}
}

@media (pointer:fine) {
	.my-hero-col.-blue .my-hero-card {
		height: 63vh;
	}
}

@media (min-width:768px) {
	.my-hero-col.-blue .my-hero-card {
		padding: 32px 32px 36px 44px;
	}
}

@media (min-width:1024px) {
	.my-hero-col.-blue .my-hero-card {
		height: 100%;
		min-height: auto;
	}
}

@media (min-width:1400px) {
	.my-hero-col.-blue .my-hero-card {
		padding: 36px 36px 39px 60px;
	}
}

@media (min-width:1600px) {
	.my-hero-col.-blue .my-hero-card {
		padding: 48px 48px 51px 72px;
	}
}

.my-hero-col.-blue .my-hero-card .my-scroll-text {
	font-size: 56px;
	margin-bottom: 6px;
}

@media (min-width:768px) {
	.my-hero-col.-blue .my-hero-card .my-scroll-text {
		font-size: 72px;
		margin-bottom: 8px;
	}
}

@media (min-width:1400px) {
	.my-hero-col.-blue .my-hero-card .my-scroll-text {
		font-size: 60px;
		margin-bottom: 10px;
	}
}

@media (min-width:1600px) {
	.my-hero-col.-blue .my-hero-card .my-scroll-text {
		font-size: 100px;
		margin-bottom: 12px;
	}
}

@media (min-width:1900px) {
	.my-hero-col.-blue .my-hero-card .my-scroll-text {
		font-size: 116px;
	}
}

.my-hero-col.-blue .my-hero-card .my-scroll-text {
	-webkit-transition: opacity 200ms ease,color 200ms ease;
	-o-transition: opacity 200ms ease,color 200ms ease;
	-moz-transition: opacity 200ms ease,color 200ms ease;
	transition: opacity 200ms ease,color 200ms ease;
}

.my-hero-col.-blue .my-hero-card .my-hero-card__bottom--text {
	font-size: 17px;
	font-weight: 625;
	letter-spacing: -0.01em;
}

@media (min-width:768px) {
	.my-hero-col.-blue .my-hero-card .my-hero-card__bottom--text {
		font-size: 18px;
	}
}

@media (min-width:1400px) {
	.my-hero-col.-blue .my-hero-card .my-hero-card__bottom--text {
		font-size: 20px;
	}
}

@media (min-width:1600px) {
	.my-hero-col.-blue .my-hero-card .my-hero-card__bottom--text {
		font-size: 22px;
	}
}

@media (hover:hover) {
	.my-hero-col.-blue:hover .my-hero-card {
		-webkit-transform: scale(0.976);
		-moz-transform: scale(0.976);
		-ms-transform: scale(0.976);
		-o-transform: scale(0.976);
		transform: scale(0.976);
	}

	.my-hero-col.-blue:hover .my-hero-card .my-hero-card-content {
		-webkit-transform: scale(0.984);
		-moz-transform: scale(0.984);
		-ms-transform: scale(0.984);
		-o-transform: scale(0.984);
		transform: scale(0.984);
	}

	.my-hero-col.-blue:hover .my-hero-card .my-scroll-text {
		color: #BFC1FF;
		opacity: 0;
	}

	.my-hero-col.-blue:hover .my-hero-card .my-shape {
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
}

@media (hover:hover) and (min-width:768px) {
	.my-hero-col.-blue:hover .my-hero-card .my-shape {
		-webkit-transform: scale(0.63);
		-moz-transform: scale(0.63);
		-ms-transform: scale(0.63);
		-o-transform: scale(0.63);
		transform: scale(0.63);
	}
}

@media (hover:hover) and (min-width:1400px) {
	.my-hero-col.-blue:hover .my-hero-card .my-shape {
		-webkit-transform: scale(0.78);
		-moz-transform: scale(0.78);
		-ms-transform: scale(0.78);
		-o-transform: scale(0.78);
		transform: scale(0.78);
	}
}

@media (hover:hover) and (min-width:1600px) {
	.my-hero-col.-blue:hover .my-hero-card .my-shape {
		-webkit-transform: scale(0.85);
		-moz-transform: scale(0.85);
		-ms-transform: scale(0.85);
		-o-transform: scale(0.85);
		transform: scale(0.85);
	}
}

@media (hover:hover) and (min-width:1900px) {
	.my-hero-col.-blue:hover .my-hero-card .my-shape {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@media (hover:hover) {
	.my-hero-col.-blue:hover .my-hero-card .my-shape .triangle {
		border-bottom: 110px solid #222222;
	}
}

@media (hover:hover) {
	.my-hero-col.-blue:hover .my-hero-card .my-shape .circle {
		background-color: #222222;
	}
}

@media (hover:hover) {
	.my-hero-col.-blue:hover .my-hero-card .my-shape .square {
		background-color: #222222;
	}
}

.my-hero-col .-white .my-hero-card {
	background: #fff;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 35px;
	height: -webkit-calc(50vw - 6px);
	height: -moz-calc(50vw - 6px);
	height: calc(50vw - 6px);
}

@media (min-width:500px) {
	.my-hero-col .-white .my-hero-card {
		height: 220px;
	}
}

@media (min-width:1024px) {
	.my-hero-col .-white .my-hero-card {
		height: 100%;
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1200px) {
	.my-hero-col .-white .my-hero-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-hero-col .-white .my-hero-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
	}
}

@media (min-width:1600px) {
	.my-hero-col .-white .my-hero-card {
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
	}
}

.my-hero-col .-white .my-hero-card .my-hero-card__bottom {
	color: #222;
}

.my-hero-col .-white .my-hero-card .my-hero-card__bottom .material-icons-outlined {
	font-size: 22px;
}

@media (min-width:768px) {
	.my-hero-col .-white .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 23px;
	}
}

@media (min-width:1400px) {
	.my-hero-col .-white .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 25px;
	}
}

@media (min-width:1600px) {
	.my-hero-col .-white .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 28px;
	}
}

.my-hero-col .-white .my-hero-card .my-scroll-text {
	color: #222;
	opacity: 0;
}

@media (hover:hover) {
	.my-hero-col .-white:hover .my-hero-card {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}

	.my-hero-col .-white:hover .my-hero-card .my-hero-card__bottom {
		opacity: 0;
	}

	.my-hero-col .-white:hover .my-hero-card .my-scroll-text {
		opacity: 1;
	}
}

.my-hero-col .-white .my-hero-card-content {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.my-hero-col .-white:hover .my-hero-card .my-hero-card__bottom {
	opacity: 1;
}

.my-hero-col .-white .my-hero-card__bottom {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.my-hero-col .-white .my-hero-card__top {
	display: none;
}

@media (pointer:fine) {
	.my-hero-col .-white .my-hero-card {
		height: 100%;
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px;
		border-radius: 48px;
	}
}

@media (pointer:fine) and (min-width:768px) {
	.my-hero-col .-white .my-hero-card {
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (pointer:fine) and (min-width:1024px) {
	.my-hero-col .-white .my-hero-card {
		min-height: auto;
	}
}

@media (pointer:fine) and (min-width:1400px) {
	.my-hero-col .-white .my-hero-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (pointer:fine) and (min-width:1600px) {
	.my-hero-col .-white .my-hero-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
	}
}

@media (pointer:fine) and (min-width:1600px) {
	.my-hero-col .-white .my-hero-card {
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
	}
}

@media (pointer:fine) {
	.my-hero-col .-white .my-hero-card-content {
		-webkit-box-align: space-between;
		-webkit-align-items: space-between;
		-moz-box-align: space-between;
		-ms-flex-align: space-between;
		align-items: space-between;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (pointer:fine) {
	.my-hero-col .-white .my-hero-card__top {
		display: block;
	}
}

@media (pointer:fine) {
	.my-hero-col .-white .my-hero-card__bottom {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

@media (pointer:fine) {
	.my-hero-col .-white:hover .my-hero-card .my-hero-card__bottom {
		opacity: 0;
	}
}

.my-hero-col .-dark .my-hero-card {
	background: #000;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 35px;
	height: -webkit-calc(50vw - 6px);
	height: -moz-calc(50vw - 6px);
	height: calc(50vw - 6px);
}

@media (min-width:500px) {
	.my-hero-col .-dark .my-hero-card {
		height: 220px;
	}
}

@media (min-width:1024px) {
	.my-hero-col .-dark .my-hero-card {
		height: 100%;
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1200px) {
	.my-hero-col .-dark .my-hero-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-hero-col .-dark .my-hero-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
	}
}

@media (min-width:1600px) {
	.my-hero-col .-dark .my-hero-card {
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
	}
}

.my-hero-col .-dark .my-hero-card .my-hero-card__bottom .my-hero-card__bottom--text {
	font-weight: 475;
}

.my-hero-col .-dark .my-hero-card .my-hero-card__bottom .material-icons-outlined {
	font-size: 22px;
}

@media (min-width:768px) {
	.my-hero-col .-dark .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 23px;
	}
}

@media (min-width:1400px) {
	.my-hero-col .-dark .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 25px;
	}
}

@media (min-width:1600px) {
	.my-hero-col .-dark .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 28px;
	}
}

.my-hero-col .-dark .my-hero-card .my-scroll-text {
	opacity: 0;
}

.my-hero-col .-dark .my-hero-card .my-scroll-text {
	font-weight: 475;
}

@media (hover:hover) {
	.my-hero-col .-dark:hover .my-hero-card {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}

	.my-hero-col .-dark:hover .my-hero-card .my-hero-card__bottom {
		opacity: 0;
	}

	.my-hero-col .-dark:hover .my-hero-card .my-scroll-text {
		opacity: 1;
	}
}

.my-hero-col .-dark .my-hero-card-content {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.my-hero-col .-dark:hover .my-hero-card .my-hero-card__bottom {
	opacity: 1;
}

.my-hero-col .-dark .my-hero-card__bottom {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.my-hero-col .-dark .my-hero-card__top {
	display: none;
}

@media (pointer:fine) {
	.my-hero-col .-dark .my-hero-card {
		height: 100%;
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px;
		border-radius: 48px;
	}
}

@media (pointer:fine) and (min-width:768px) {
	.my-hero-col .-dark .my-hero-card {
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (pointer:fine) and (min-width:1024px) {
	.my-hero-col .-dark .my-hero-card {
		min-height: auto;
	}
}

@media (pointer:fine) and (min-width:1400px) {
	.my-hero-col .-dark .my-hero-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (pointer:fine) and (min-width:1600px) {
	.my-hero-col .-dark .my-hero-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
	}
}

@media (pointer:fine) and (min-width:1600px) {
	.my-hero-col .-dark .my-hero-card {
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
	}
}

@media (pointer:fine) {
	.my-hero-col .-dark .my-hero-card .my-hero-card-content {
		-webkit-box-align: space-between;
		-webkit-align-items: space-between;
		-moz-box-align: space-between;
		-ms-flex-align: space-between;
		align-items: space-between;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (pointer:fine) {
	.my-hero-col .-dark .my-hero-card .my-hero-card__top {
		display: block;
	}
}

@media (pointer:fine) {
	.my-hero-col .-dark .my-hero-card .my-hero-card__bottom {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.my-hero-col .-dark .my-hero-card .my-hero-card__bottom .my-hero-card__bottom--text {
		font-weight: 475;
	}
}

@media (pointer:fine) {
	.my-hero-col .-dark:hover .my-hero-card .my-hero-card__bottom {
		opacity: 0;
	}
}

.my-hero-col .-yellow .my-hero-card {
	background: #fff;
	height: -webkit-calc(50vw - 8px - 4px);
	height: -moz-calc(50vw - 8px - 4px);
	height: calc(50vw - 8px - 4px);
}

@media (min-width:500px) {
	.my-hero-col .-yellow .my-hero-card {
		height: 220px;
	}
}

@media (min-width:1024px) {
	.my-hero-col .-yellow .my-hero-card {
		height: 100%;
	}
}

.my-hero-col .-yellow .my-hero-card .my-hero-card__bottom {
	color: black;
}

.my-hero-col .-yellow .my-hero-card .my-hero-card__bottom .material-icons-outlined {
	font-size: 22px;
}

@media (min-width:768px) {
	.my-hero-col .-yellow .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 23px;
	}
}

@media (min-width:1400px) {
	.my-hero-col .-yellow .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 25px;
	}
}

@media (min-width:1600px) {
	.my-hero-col .-yellow .my-hero-card .my-hero-card__bottom .material-icons-outlined {
		font-size: 28px;
	}
}

.my-hero-col .-yellow .my-hero-card .my-scroll-text {
	color: #000;
	opacity: 0;
}

@media (hover:hover) {
	.my-hero-col .-yellow:hover .my-hero-card {
		-webkit-transform: scale(0.976);
		-moz-transform: scale(0.976);
		-ms-transform: scale(0.976);
		-o-transform: scale(0.976);
		transform: scale(0.976);
	}

	.my-hero-col .-yellow:hover .my-hero-card .my-hero-card__bottom {
		opacity: 0;
	}

	.my-hero-col .-yellow:hover .my-hero-card .my-scroll-text {
		opacity: 1;
	}
}

.my-hero-col .-yellow .my-hero-card-content {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.my-hero-col .-yellow:hover .my-hero-card .my-hero-card__bottom {
	opacity: 1;
}

.my-hero-col .-yellow .my-hero-card__bottom {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.my-hero-col .-yellow .my-hero-card__top {
	display: none;
}

@media (pointer:fine) {
	.my-hero-col .-yellow .my-hero-card {
		height: 100%;
	}

	.my-hero-col .-yellow .my-hero-card-content {
		-webkit-box-align: space-between;
		-webkit-align-items: space-between;
		-moz-box-align: space-between;
		-ms-flex-align: space-between;
		align-items: space-between;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.my-hero-col .-yellow .my-hero-card__top {
		display: block;
	}

	.my-hero-col .-yellow .my-hero-card__bottom {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.my-hero-col .-yellow:hover .my-hero-card .my-hero-card__bottom {
		opacity: 0;
	}
}

.my-main-text {
	padding: 40px 0 40px 0;
	font-size: 18px;
}

@media (min-width:768px) {
	.my-main-text {
		max-width: 50%;
	}
}

.my-section-intro {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	will-change: transform;
	min-height: 75vh;
	width: 100vw;
}

.my-section-intro .my-service-text {
	position: absolute;
}

.my-section-intro h3 {
	line-height: 116%;
}

.my-section-intro h3 {
	font-size: 24px;
}

@media screen and (min-width:320px) {
	.my-section-intro h3 {
		font-size: -webkit-calc(24px + 68 * ((100vw - 320px)/2240));
		font-size: -moz-calc(24px + 68 * ((100vw - 320px)/2240));
		font-size: calc(24px + 68 * ((100vw - 320px) / 2240));
	}
}

@media screen and (min-width:2560px) {
	.my-section-intro h3 {
		font-size: 92px;
	}
}

.my-section-intro p {
	max-width: 280px;
	margin: 50px auto 50px;
	line-height: 116%;
	font-weight: 650;
	color: white;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: -0.02em;
	text-align: center;
}

@media (min-width:768px) {
	.my-section-intro p {
		max-width: 440px;
		margin-bottom: 90px;
		margin-top: 90px;
		font-size: 26px;
		line-height: 34px;
	}
}

@media (min-width:1024px) {
	.my-section-intro p {
		max-width: 680px;
		margin-bottom: 120px;
		margin-top: 120px;
		font-size: 28px;
		line-height: 36px;
	}
}

@media (min-width:1200px) {
	.my-section-intro p {
		max-width: 700px;
		margin-bottom: 140px;
		margin-top: 140px;
		font-size: 32px;
		line-height: 42px;
	}
}

@media (min-width:1600px) {
	.my-section-intro p {
		max-width: 1000px;
		margin-bottom: 284px;
		margin-top: 284px;
		font-size: 86px;
		line-height: 100px;
	}
}

.my-services {
	height: 100%;
}

.my-services-content {
	padding-top: 4px;
}

@media (min-width:500px) {
	.my-services-content {
		padding-top: 8px;
	}
}

.my-services-card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #222;
	overflow: hidden;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	padding: 28px 28px 30px 38px;
}

@media (min-width:768px) {
	.my-services-card {
		padding: 28px 28px 36px 44px;
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1024px) {
	.my-services-card {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media (min-width:1200px) {
	.my-services-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-services-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 36px 36px 42px 60px;
	}
}

@media (min-width:1600px) {
	.my-services-card {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 86px;
		padding: 48px 48px 54px 72px;
	}
}

.my-services-card--text {
	padding: 28px 0 30px 0;
}

@media (min-width:1024px) {
	.my-services-card--text {
		margin-right: 20vw;
	}
}

.my-services-card--text .heading-sm {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 650;
	color: #fff;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	will-change: transform;
	color: #808080;
	margin-bottom: 28px;
}

@media (min-width:768px) {
	.my-services-card--text .heading-sm {
		font-size: 17px;
		margin-bottom: 32px;
	}
}

@media (min-width:1200px) {
	.my-services-card--text .heading-sm {
		font-size: 18px;
		margin-bottom: 40px;
	}
}

@media (min-width:1600px) {
	.my-services-card--text .heading-sm {
		font-size: 0.9vw;
		margin-bottom: 42px;
	}
}

.my-services-card--text .heading-sm span {
	font-size: 20px;
	margin-right: 24px;
}

@media (min-width:768px) {
	.my-services-card--text .heading-sm span {
		font-size: 21px;
	}
}

@media (min-width:1200px) {
	.my-services-card--text .heading-sm span {
		font-size: 22px;
	}
}

@media (min-width:1600px) {
	.my-services-card--text .heading-sm span {
		font-size: 1.3vw;
	}
}

.my-services-card--text h2 {
	position: relative;
	display: block;
	font-size: 8.5vw;
	letter-spacing: -0.024em;
	color: #ddd;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	font-weight: 450;
	line-height: 130%;
	will-change: transform;
	color: #ddd	;
}

@media (min-width:350px) {
	.my-services-card--text h2 {
		font-size: 9vw;
	}
}

@media (min-width:768px) {
	.my-services-card--text h2 {
		line-height: 40%;
		font-size: 7.5vw;
	}
}

@media (min-width:1024px) {
	.my-services-card--text h2 {
		font-size: 2vw;
		line-height: 100%;
	}
}

.my-services-card--text h2 .line-spacing {
	line-height: 114%;
}

.my-services-card--text h2 .line-spacing-2 {
	line-height: 120%;
}

.my-services-card--text h2 i {
	letter-spacing: 0;
}

.my-services-card .services-circle-container {
	display: none;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	right: 32px;
	bottom: 32px;
	position: absolute;
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	-o-transform-origin: bottom right;
	transform-origin: bottom right;
}

@media (min-width:1024px) {
	.my-services-card .services-circle-container {
		-webkit-transform: scale(0.82);
		-moz-transform: scale(0.82);
		-ms-transform: scale(0.82);
		-o-transform: scale(0.82);
		transform: scale(0.82);
	}
}

@media (min-width:1400px) {
	.my-services-card .services-circle-container {
		-webkit-transform: scale(0.92);
		-moz-transform: scale(0.92);
		-ms-transform: scale(0.92);
		-o-transform: scale(0.92);
		transform: scale(0.92);
	}
}

@media (min-width:1600px) {
	.my-services-card .services-circle-container {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@media (pointer:fine) and (min-width:1024px) {
	.my-services-card .services-circle-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.my-services-card .services-circle-container .material-icons-outlined {
	position: absolute;
	font-size: 32px;
	color: #fff	;
}

.my-services-row {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	overflow: hidden;
	margin-top: 4px;
}

@media (min-width:500px) {
	.my-services-row {
		margin-top: 8px;
	}
}

.my-services-row__left,.my-services-row__right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
}

.my-services-row__left--card,.my-services-row__right--card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	padding: 38px;
}

@media (min-width:768px) {
	.my-services-row__left--card,.my-services-row__right--card {
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
		padding: 44px;
	}
}

@media (min-width:1200px) {
	.my-services-row__left--card,.my-services-row__right--card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-services-row__left--card,.my-services-row__right--card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 60px;
	}
}

@media (min-width:1600px) {
	.my-services-row__left--card,.my-services-row__right--card {
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
		padding: 72px;
	}
}

@media (min-width:1900px) {
	.my-services-row__left--card,.my-services-row__right--card {
		min-height: 305px;
	}
}

.my-services-row__left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 1;
}

.my-services-row__left--card {
	position: relative;
	background: #222;
	color: #fff	;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
}

@media (min-width:768px) {
	.my-services-row__left--card {
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1200px) {
	.my-services-row__left--card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-services-row__left--card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
	}
}

@media (min-width:1600px) {
	.my-services-row__left--card {
		-webkit-border-radius: 80px;
		-moz-border-radius: 80px;
		border-radius: 80px;
	}
}

.my-services-row__left--card .card-extension {
	position: absolute;
	display: none;
	right: -100px;
	top: 0;
	width: 200px;
	height: 100%;
	background: #222;
	z-index: 1;
}

@media (min-width:1024px) {
	.my-services-row__left--card .card-extension {
		display: block;
	}
}

.my-services-row__right {
	display: none;
	z-index: 2;
}

@media (min-width:1024px) {
	.my-services-row__right {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.my-services-row__right--card {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	color: #222;
}

.my-services-row__right--card svg {
	max-width: 140px;
}

@media (min-width:768px) {
	.my-services-row__right--card svg {
		max-width: 160px;
	}
}

@media (min-width:1024px) {
	.my-services-row__right--card svg {
		max-width: 200px;
	}
}

@media (min-width:1400px) {
	.my-services-row__right--card svg {
		max-width: 230px;
	}
}

@media (min-width:1600px) {
	.my-services-row__right--card svg {
		max-width: 260px;
	}
}

.my-services-row__icon {
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 40px;
}

@media (min-width:350px) {
	.my-services-row__icon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media (min-width:768px) {
	.my-services-row__icon {
		margin-right: 46px;
	}
}

@media (min-width:1024px) {
	.my-services-row__icon {
		margin-right: 50px;
	}
}

@media (min-width:1400px) {
	.my-services-row__icon {
		margin-right: 56px;
	}
}

@media (min-width:1600px) {
	.my-services-row__icon {
		margin-right: 62px;
	}
}

.my-services-row__icon span {
	font-size: 24px;
}

@media (min-width:768px) {
	.my-services-row__icon span {
		font-size: 28px;
	}
}

@media (min-width:1024px) {
	.my-services-row__icon span {
		font-size: 32px;
	}
}

@media (min-width:1400px) {
	.my-services-row__icon span {
		font-size: 36px;
	}
}

@media (min-width:1600px) {
	.my-services-row__icon span {
		font-size: 40px;
	}
}

.my-services-row__icon svg {
	width: 24px;
	height: 24px;
}

@media (min-width:768px) {
	.my-services-row__icon svg {
		width: 28px;
		height: 28px;
	}
}

@media (min-width:1024px) {
	.my-services-row__icon svg {
		width: 31px;
		height: 31px;
	}
}

@media (min-width:1400px) {
	.my-services-row__icon svg {
		width: 34px;
		height: 34px;
	}
}

@media (min-width:1600px) {
	.my-services-row__icon svg {
		width: 38px;
		height: 38px;
	}
}

.my-services-row__text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 2;
	color: #2900e8;
}

.my-services-row__text--top {
	font-size: 16px;
	font-weight: 625;
	letter-spacing: 0;
	line-height: 100%;
	margin: 0 0 24px 0;
	color: #808080;
	background: #222;
}

@media (min-width:768px) {
	.my-services-row__text--top {
		font-size: 18px;
		margin: 0 0 28px 0;
	}
}

@media (min-width:1024px) {
	.my-services-row__text--top {
		font-size: 19px;
		margin: 0 0 36px 0;
	}
}

@media (min-width:1400px) {
	.my-services-row__text--top {
		font-size: 20px;
		margin: 0 0 48px 0;
	}
}

@media (min-width:1600px) {
	.my-services-row__text--top {
		font-size: 21px;
		margin: 0 0 56px 0;
	}
}

.my-services-row__text--bottom {
	font-size: 16px;
	letter-spacing: 0.015em;
	font-weight: 425;
	color: #fff	;
	background: #222;
}

@media (min-width:768px) {
	.my-services-row__text--bottom {
		font-size: 18px;
	}
}

@media (min-width:1024px) {
	.my-services-row__text--bottom {
		font-size: 19px;
		max-width: 95%;
	}
}

@media (min-width:1400px) {
	.my-services-row__text--bottom {
		font-size: 20px;
	}
}

@media (min-width:1600px) {
	.my-services-row__text--bottom {
		font-size: 21px;
		max-width: 90%;
	}
}

.my-services-row__text--right {
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: 600;
}

@media (min-width:768px) {
	.my-services-row__text--right {
		font-size: 17px;
	}
}

@media (min-width:1024px) {
	.my-services-row__text--right {
		font-size: 18px;
		margin-bottom: 20px;
	}
}

@media (min-width:1400px) {
	.my-services-row__text--right {
		font-size: 19px;
		margin-bottom: 24px;
	}
}

@media (min-width:1600px) {
	.my-services-row__text--right {
		font-size: 20px;
	}
}

.my-services-row__text--lg {
	font-weight: 650;
	font-size: 28px;
	letter-spacing: -0.035em;
	margin: 0;
	line-height: 110%;
}

@media (min-width:768px) {
	.my-services-row__text--lg {
		font-size: 16px;
	}
}

@media (min-width:1024px) {
	.my-services-row__text--lg {
		font-size: 20px;
	}
}

@media (min-width:1400px) {
	.my-services-row__text--lg {
		font-size: 21px;
	}
}

@media (min-width:1600px) {
	.my-services-row__text--lg {
		font-size: 25px;
	}
}

.my-contact {
	height: 100%;
}

.my-contact-content {
	padding-top: 4px;
}

@media (min-width:500px) {
	.my-contact-content {
		padding-top: 8px;
	}
}

.my-contact-action {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 60px;
	margin-bottom: 0;
}

@media (min-width:600px) {
	.my-contact-action {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 80px;
	}
}

@media (min-width:1024px) {
	.my-contact-action {
		margin-top: 100px;
	}
}

.my-contact-action .my-btn_cta {
	margin-bottom: 12px;
}

@media (min-width:600px) {
	.my-contact-action .my-btn_cta {
		margin-right: 12px;
		margin-bottom: 0;
	}
}

.my-contact-action a {
	color: #222;
	cursor: pointer;
	text-decoration: none;
}

.my-contact-action a:focus,.my-contact-action a:hover {
	text-decoration: none;
	color: #CAF0F8;
}

.my-contact-social {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-top: 32px;
	min-width: 100px;
}

.my-contact-social .my-btn_cta {
	padding: 0;
	width: 100%;
}

.my-contact-social .my-btn_cta:nth-child(2) {
	margin-left: 8px;
	margin-right: 8px;
}

@media (min-width:600px) {
	.my-contact-social .my-btn_cta {
		width: auto;
		min-width: 148px;
	}

	.my-contact-social .my-btn_cta:nth-child(2) {
		margin-left: 0;
		margin-right: 12px;
	}
}

@media (min-width:1200px) {
	.my-contact-social .my-btn_cta {
		min-width: 200px;
	}
}

.my-contact-social .my-btn_cta-title {
	width: 100%;
}

.my-contact-social .my-btn_cta-title span:after {
	width: 100%;
}

.my-contact-social .fa-brands {
	width: 100%;
}

.my-contact-card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 30px;
	padding: 28px 28px 30px 38px;
}

@media (min-width:768px) {
	.my-contact-card {
		padding: 28px 28px 36px 44px;
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1024px) {
	.my-contact-card {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media (min-width:1200px) {
	.my-contact-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-contact-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 36px 36px 42px 60px;
	}
}

@media (min-width:1600px) {
	.my-contact-card {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 86px;
		padding: 48px 48px 54px 72px;
	}
}

.my-contact-card--text {
	padding: 28px 0 16px 0;
}

@media (min-width:1024px) {
	.my-contact-card--text {
		margin-right: 20vw;
	}
}

.my-contact-card--text .heading-sm {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 650;
	color: #fff;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	will-change: transform;
	color: #F0583A;
	margin-bottom: 28px;
}

@media (min-width:768px) {
	.my-contact-card--text .heading-sm {
		font-size: 17px;
		margin-bottom: 32px;
	}
}

@media (min-width:1200px) {
	.my-contact-card--text .heading-sm {
		font-size: 18px;
		margin-bottom: 40px;
	}
}

@media (min-width:1600px) {
	.my-contact-card--text .heading-sm {
		font-size: 0.9vw;
		margin-bottom: 42px;
	}
}

.my-contact-card--text .heading-sm span {
	font-size: 20px;
	margin-right: 24px;
}

@media (min-width:768px) {
	.my-contact-card--text .heading-sm span {
		font-size: 21px;
	}
}

@media (min-width:1200px) {
	.my-contact-card--text .heading-sm span {
		font-size: 22px;
	}
}

@media (min-width:1600px) {
	.my-contact-card--text .heading-sm span {
		font-size: 1.3vw;
	}
}

.my-contact-card--text h2 {
	position: relative;
	display: block;
	font-size: 8.5vw;
	letter-spacing: -0.024em;
	color: #fff;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	font-weight: 550;
	line-height: 130%;
	will-change: transform;
	color: #222;
}

@media (min-width:350px) {
	.my-contact-card--text h2 {
		font-size: 9vw;
	}
}

@media (min-width:768px) {
	.my-contact-card--text h2 {
		line-height: 120%;
		font-size: 7.5vw;
	}
}

@media (min-width:1024px) {
	.my-contact-card--text h2 {
		font-size: 60px;
		line-height: 100%;
	}
}

.my-contact-card--text h2 .line-spacing {
	line-height: 114%;
}

.my-contact-card--text h2 .line-spacing-2 {
	line-height: 120%;
}

.my-contact-card--text h2 i {
	letter-spacing: 0;
}

.my-contact-card .contact-circle-container {
	display: none;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	right: 32px;
	bottom: 32px;
	position: absolute;
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	-o-transform-origin: bottom right;
	transform-origin: bottom right;
}

@media (min-width:1024px) {
	.my-contact-card .contact-circle-container {
		-webkit-transform: scale(0.82);
		-moz-transform: scale(0.82);
		-ms-transform: scale(0.82);
		-o-transform: scale(0.82);
		transform: scale(0.82);
	}
}

@media (min-width:1400px) {
	.my-contact-card .contact-circle-container {
		-webkit-transform: scale(0.92);
		-moz-transform: scale(0.92);
		-ms-transform: scale(0.92);
		-o-transform: scale(0.92);
		transform: scale(0.92);
	}
}

@media (min-width:1600px) {
	.my-contact-card .contact-circle-container {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@media (pointer:fine) and (min-width:1024px) {
	.my-contact-card .contact-circle-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.my-contact-card .contact-circle-container .material-icons-outlined {
	position: absolute;
	font-size: 32px;
	color: #000;
}

.my-work-intro {
	height: 100%;
}

.my-work-intro-content {
	padding-top: 4px;
}

@media (min-width:500px) {
	.my-work-intro-content {
		padding-top: 8px;
	}
}

.my-work-intro-card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #191c1d;
	overflow: hidden;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	padding: 28px 28px 30px 38px;
}

@media (min-width:768px) {
	.my-work-intro-card {
		padding: 28px 28px 36px 44px;
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1024px) {
	.my-work-intro-card {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media (min-width:1200px) {
	.my-work-intro-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-work-intro-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 36px 36px 42px 60px;
	}
}

@media (min-width:1600px) {
	.my-work-intro-card {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 86px;
		padding: 48px 48px 54px 72px;
	}
}

.my-work-intro-card--text {
	padding: 28px 0 16px 0;
}

@media (min-width:1024px) {
	.my-work-intro-card--text {
		margin-right: 20vw;
	}
}

.my-work-intro-card--text h3 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.06em;
	font-weight: 650;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	will-change: transform;
	color: #90f1ff;
	margin-bottom: 28px;
}

@media (min-width:768px) {
	.my-work-intro-card--text h3 {
		font-size: 17px;
		margin-bottom: 32px;
	}
}

@media (min-width:1200px) {
	.my-work-intro-card--text h3 {
		font-size: 18px;
		margin-bottom: 40px;
	}
}

@media (min-width:1600px) {
	.my-work-intro-card--text h3 {
		font-size: 0.9vw;
		margin-bottom: 42px;
	}
}

.my-work-intro-card--text h3 span {
	font-size: 20px;
	margin-right: 24px;
}

@media (min-width:768px) {
	.my-work-intro-card--text h3 span {
		font-size: 21px;
	}
}

@media (min-width:1200px) {
	.my-work-intro-card--text h3 span {
		font-size: 22px;
	}
}

@media (min-width:1600px) {
	.my-work-intro-card--text h3 span {
		font-size: 1.3vw;
	}
}

.my-work-intro-card--text h2 {
	position: relative;
	display: block;
	font-size: 8.5vw;
	letter-spacing: -0.024em;
	color: #fff;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	font-weight: 450;
	line-height: 130%;
	will-change: transform;
	color: #90f1ff;
}

@media (min-width:350px) {
	.my-work-intro-card--text h2 {
		font-size: 9vw;
	}
}

@media (min-width:768px) {
	.my-work-intro-card--text h2 {
		line-height: 120%;
		font-size: 7.5vw;
	}
}

@media (min-width:1024px) {
	.my-work-intro-card--text h2 {
		font-size: 6.52vw;
		line-height: 100%;
	}
}

.my-work-intro-card--text h2 .line-spacing {
	line-height: 114%;
}

.my-work-intro-card--text h2 .line-spacing-2 {
	line-height: 120%;
}

.my-work-intro-card--text h2 i {
	letter-spacing: 0;
}

.my-work-intro-card .work-intro-circle-container {
	display: none;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	right: 32px;
	bottom: 32px;
	position: absolute;
	-webkit-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	-o-transform-origin: bottom right;
	transform-origin: bottom right;
}

@media (min-width:1024px) {
	.my-work-intro-card .work-intro-circle-container {
		-webkit-transform: scale(0.82);
		-moz-transform: scale(0.82);
		-ms-transform: scale(0.82);
		-o-transform: scale(0.82);
		transform: scale(0.82);
	}
}

@media (min-width:1400px) {
	.my-work-intro-card .work-intro-circle-container {
		-webkit-transform: scale(0.92);
		-moz-transform: scale(0.92);
		-ms-transform: scale(0.92);
		-o-transform: scale(0.92);
		transform: scale(0.92);
	}
}

@media (min-width:1600px) {
	.my-work-intro-card .work-intro-circle-container {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@media (pointer:fine) and (min-width:1024px) {
	.my-work-intro-card .work-intro-circle-container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.my-work-intro-card .work-intro-circle-container .material-icons-outlined {
	position: absolute;
	font-size: 32px;
	color: #90f1ff;
}

.my-work {
	width: 100%;
	height: 100%;
	min-height: 60vh;
}

.my-work-content {
	overflow: hidden;
	padding-top: 4px;
}

@media (min-width:500px) {
	.my-work-content {
		padding-top: 8px;
	}
}

.my-work-card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: -webkit-calc(40vh - 12px);
	height: -moz-calc(40vh - 12px);
	height: calc(40vh - 12px);
	min-height: 300px;
	background: #1F1A1C;
	overflow: hidden;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 35px;
	padding: 30px 12px 30px 12px;
	font-weight: 500;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: -o-transform 0.4s ease;
	-moz-transition: transform 0.4s ease,-moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease,-moz-transform 0.4s ease,-o-transform 0.4s ease;
	will-change: transform;
}

@media (min-width:500px) {
	.my-work-card {
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px;
		border-radius: 48px;
		min-height: 320px;
		padding: 30px 38px 30px 38px;
	}
}

@media (min-width:768px) {
	.my-work-card {
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
		padding: 36px 44px 36px 44px;
	}
}

@media (min-width:1200px) {
	.my-work-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-work-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 42px 60px 42px 60px;
	}
}

@media (min-width:1600px) {
	.my-work-card {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 86px;
		padding: 54px 72px 54px 72px;
	}
}

.my-work-card__content {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: -o-transform 0.4s ease;
	-moz-transition: transform 0.4s ease,-moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease,-moz-transform 0.4s ease,-o-transform 0.4s ease;
	will-change: transform;
}

.my-work-card__top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	z-index: 2;
}

@media (min-width:500px) {
	.my-work-card__top {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.my-work-card__top h3 {
	font-size: 17px;
	margin: 0 0 0 2px;
}

@media (min-width:500px) {
	.my-work-card__top h3 {
		margin: 0;
	}
}

@media (min-width:768px) {
	.my-work-card__top h3 {
		font-size: 18px;
	}
}

@media (min-width:1400px) {
	.my-work-card__top h3 {
		font-size: 20px;
	}
}

@media (min-width:1600px) {
	.my-work-card__top h3 {
		font-size: 22px;
	}
}

.my-work-card__top p {
	display: none;
	font-size: 17px;
}

@media (min-width:500px) {
	.my-work-card__top p {
		display: block;
	}
}

@media (min-width:768px) {
	.my-work-card__top p {
		font-size: 18px;
	}
}

@media (min-width:1400px) {
	.my-work-card__top p {
		font-size: 20px;
	}
}

@media (min-width:1600px) {
	.my-work-card__top p {
		font-size: 22px;
	}
}

.my-work-card__img {
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: -o-transform 0.4s ease;
	-moz-transition: transform 0.4s ease,-moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease,-moz-transform 0.4s ease,-o-transform 0.4s ease;
	will-change: transform;
}

.my-work-card img {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 35%;
	-o-object-fit: contain;
	object-fit: contain;
}

@media (min-width:680px) {
	.my-work-card img {
		max-height: 50%;
	}
}

.my-work-card__bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	z-index: 2;
}

@media (min-width:500px) {
	.my-work-card__bottom {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.my-work-card__bottom p {
	display: none;
	font-size: 17px;
}

@media (min-width:500px) {
	.my-work-card__bottom p {
		display: block;
	}
}

@media (min-width:768px) {
	.my-work-card__bottom p {
		font-size: 18px;
	}
}

@media (min-width:1400px) {
	.my-work-card__bottom p {
		font-size: 20px;
	}
}

@media (min-width:1600px) {
	.my-work-card__bottom p {
		font-size: 22px;
	}
}

.my-work-card__bottom .material-icons-outlined {
	font-size: 24px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media (min-width:768px) {
	.my-work-card__bottom .material-icons-outlined {
		font-size: 27px;
	}
}

@media (min-width:1400px) {
	.my-work-card__bottom .material-icons-outlined {
		font-size: 30px;
	}
}

@media (min-width:1600px) {
	.my-work-card__bottom .material-icons-outlined {
		font-size: 34px;
	}
}

@media (hover:hover) {
	.my-work-card:hover {
		-webkit-transform: scale(0.972);
		-moz-transform: scale(0.972);
		-ms-transform: scale(0.972);
		-o-transform: scale(0.972);
		transform: scale(0.972);
		-webkit-transition: -webkit-transform 0.4s ease;
		transition: -webkit-transform 0.4s ease;
		-o-transition: -o-transform 0.4s ease;
		-moz-transition: transform 0.4s ease,-moz-transform 0.4s ease;
		transition: transform 0.4s ease;
		transition: transform 0.4s ease,-webkit-transform 0.4s ease,-moz-transform 0.4s ease,-o-transform 0.4s ease;
	}

	.my-work-card:hover .my-work-card__content {
		-webkit-transform: scale(0.98);
		-moz-transform: scale(0.98);
		-ms-transform: scale(0.98);
		-o-transform: scale(0.98);
		transform: scale(0.98);
	}

	.my-work-card:hover .my-work-card__img {
		-webkit-transform: scale(1.075);
		-moz-transform: scale(1.075);
		-ms-transform: scale(1.075);
		-o-transform: scale(1.075);
		transform: scale(1.075);
	}
}

.my-work-feature {
	margin-bottom: 4px;
}

@media (min-width:500px) {
	.my-work-feature {
		margin-bottom: 8px;
	}
}

.my-work-feature .my-work-card {
	min-height: 380px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	padding: 30px 38px 30px 38px;
}

@media (min-width:768px) {
	.my-work-feature .my-work-card {
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
		padding: 36px 44px 36px 44px;
	}
}

@media (min-width:1024px) {
	.my-work-feature .my-work-card {
		min-height: 380px;
		height: -webkit-calc(60vh - 12px);
		height: -moz-calc(60vh - 12px);
		height: calc(60vh - 12px);
	}
}

@media (min-width:1200px) {
	.my-work-feature .my-work-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-work-feature .my-work-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
		padding: 42px 60px 42px 60px;
	}
}

@media (min-width:1600px) {
	.my-work-feature .my-work-card {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 86px;
		padding: 54px 72px 54px 72px;
		min-height: 532px;
	}
}

@media (hover:hover) {
	.my-work-feature .my-work-card:hover {
		-webkit-transform: scale(0.98);
		-moz-transform: scale(0.98);
		-ms-transform: scale(0.98);
		-o-transform: scale(0.98);
		transform: scale(0.98);
	}

	.my-work-feature .my-work-card:hover .my-work-card__content {
		-webkit-transform: scale(0.99);
		-moz-transform: scale(0.99);
		-ms-transform: scale(0.99);
		-o-transform: scale(0.99);
		transform: scale(0.99);
	}

	.my-work-feature .my-work-card:hover .my-work-card__img {
		-webkit-transform: scale(1.06);
		-moz-transform: scale(1.06);
		-ms-transform: scale(1.06);
		-o-transform: scale(1.06);
		transform: scale(1.06);
	}
}

.my-work-feature .my-work-card img {
	max-width: 52%;
	max-height: 35%;
}

@media (min-width:375px) {
	.my-work-feature .my-work-card img {
		max-width: 46%;
	}
}

@media (min-width:768px) {
	.my-work-feature .my-work-card img {
		max-width: 34%;
	}
}

@media (min-width:1024px) {
	.my-work-feature .my-work-card img {
		max-width: 30%;
	}
}

@media (min-width:1200px) {
	.my-work-feature .my-work-card img {
		max-width: 27%;
	}
}

@media (min-width:1400px) {
	.my-work-feature .my-work-card img {
		max-width: 24%;
	}
}

@media (min-width:1600px) {
	.my-work-feature .my-work-card img {
		max-width: 19%;
	}
}

.my-work-feature .my-work-card__top {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.my-work-feature .my-work-card__top h3 {
	margin: 0;
}

.my-work-feature .my-work-card__top p {
	display: block;
}

.my-work-feature .my-work-card__bottom {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.my-work-feature .my-work-card__bottom p {
	display: block;
}

.my-form-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	padding-top: 4px;
}

@media (min-width:500px) {
	.my-form-content {
		padding-top: 8px;
	}
}

@media (min-width:1200px) {
	.my-form-content {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

.my-form-col {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: -o-transform 0.4s ease;
	-moz-transition: transform 0.4s ease,-moz-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease,-moz-transform 0.4s ease,-o-transform 0.4s ease;
	will-change: transform;
}

.my-form-col:first-child {
	margin-right: 8px;
}

.my-form-col:last-child {
	max-width: 100%;
}

@media (min-width:500px) {
	.my-form-col:last-child {
		margin-top: 4px;
	}
}

@media (min-width:1200px) {
	.my-form-col:last-child {
		margin-top: 0;
		max-width: 320px;
	}
}

@media (min-width:1400px) {
	.my-form-col:last-child {
		max-width: 360px;
	}
}

@media (min-width:1600px) {
	.my-form-col:last-child {
		max-width: 420px;
	}
}

@media (min-width:1900px) {
	.my-form-col:last-child {
		max-width: 480px;
	}
}

@media (hover:hover) {
	.my-form-col:last-child:hover {
		-webkit-transform: scale(0.98);
		-moz-transform: scale(0.98);
		-ms-transform: scale(0.98);
		-o-transform: scale(0.98);
		transform: scale(0.98);
	}
}

.my-form-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
}

@media (min-width:1024px) {
	.my-form-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

.my-who {
	width: 100%;
	height: 100%;
}

.my-who-content {
	padding-top: 4px;
}

@media (min-width:500px) {
	.my-who-content {
		padding-top: 8px;
	}
}

.my-who-card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #222;
	overflow: hidden;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
}

@media (min-width:768px) {
	.my-who-card {
		-webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius: 54px;
	}
}

@media (min-width:1200px) {
	.my-who-card {
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius: 70px;
	}
}

@media (min-width:1400px) {
	.my-who-card {
		-webkit-border-radius: 75px;
		-moz-border-radius: 75px;
		border-radius: 75px;
	}
}

@media (min-width:1600px) {
	.my-who-card {
		-webkit-border-radius: 86px;
		-moz-border-radius: 86px;
		border-radius: 86px;
	}
}

.my-who-card .my-text-animation {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	white-space: nowrap;
	flex-direction: row;
	width: 100%;
	will-change: transform;
	-webkit-transition: opacity 325ms ease,-webkit-transform 400ms ease;
	transition: opacity 325ms ease,-webkit-transform 400ms ease;
	-o-transition: opacity 325ms ease,-o-transform 400ms ease;
	-moz-transition: opacity 325ms ease,transform 400ms ease,-moz-transform 400ms ease;
	transition: opacity 325ms ease,transform 400ms ease;
	transition: opacity 325ms ease,transform 400ms ease,-webkit-transform 400ms ease,-moz-transform 400ms ease,-o-transform 400ms ease;
	z-index: 2;
	pointer-events: none;
}

.my-who-card__title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 40px 0;
	color: #919191;
	letter-spacing: -0.04em;
	font-size: 20vw;
	letter-spacing: 0;
	font-weight: 450;
}

@media (min-width:375px) {
	.my-who-card__title {
		margin: 48px 0;
		font-size: 20vw;
	}
}

@media (min-width:768px) {
	.my-who-card__title {
		margin: 56px 0;
		font-size: 15vw;
	}
}

@media (min-width:1024px) {
	.my-who-card__title {
		margin: 62px 0;
		font-size: 13vw;
	}
}

@media (min-width:1200px) {
	.my-who-card__title {
		margin: 68px 0;
		font-size: 90px;
	}
}

@media (min-width:1400px) {
	.my-who-card__title {
		margin: 72px 0;
	}
}

@media (min-width:1600px) {
	.my-who-card__title {
		margin: 76px 0;
	}
}

@media (min-width:1900px) {
	.my-who-card__title {
		margin: 80px 0;
	}
}

.my-who-card__text {
	width: 100%;
	font-size: 18px;
	line-height: 120%;
	margin-top: 1.2vw;
	margin-bottom: 160px;
	font-weight: 425;
	color: #FFF;
	padding: 0 28px 0 28px;
}

@media (min-width:375px) {
	.my-who-card__text {
		font-size: 20px;
		margin-bottom: 148px;
		padding: 0 38px 0 38px;
	}
}

@media (min-width:500px) {
	.my-who-card__text {
		padding: 0 38px 0 38px;
		width: 85%;
		margin-bottom: 120px;
	}
}

@media (min-width:600px) {
	.my-who-card__text {
		margin-bottom: 200px;
	}
}

@media (min-width:768px) {
	.my-who-card__text {
		font-size: 23px;
		width: 54vw;
		margin-left: 9.5vw;
		padding: 0;
		margin-bottom: 160px;
	}
}

@media (min-width:1024px) {
	.my-who-card__text {
		font-size: 26px;
		width: 52vw;
	}
}

@media (min-width:1200px) {
	.my-who-card__text {
		font-size: 28px;
		width: 50vw;
	}
}

@media (min-width:1400px) {
	.my-who-card__text {
		font-size: 25px;
		width: 70vw;
	}
}

@media (min-width:1600px) {
	.my-who-card__text {
		font-size: 2.1vw;
	}
}

@media (min-width:1900px) {
	.my-who-card__text {
		font-size: 1.98vw;
		margin-bottom: 4vw;
	}
}

.mobile-slider .swiper-wrapper {
	-webkit-transition-timing-function: linear!important;
	-o-transition-timing-function: linear!important;
	-moz-transition-timing-function: linear!important;
	transition-timing-function: linear!important;
}


.responsive-image {
	height: auto;
	width: 100%;
  }



  .my-who-top-card__text {
	width: 100%;
	font-size: 18px;
	line-height: 120%;
	margin-top: 1.2vw;
	margin-bottom: 160px;
	font-weight: 425;
	color: #cacaca;
	padding: 0 28px 0 28px;
}

@media (min-width:375px) {
	.my-who-top-card__text {
		font-size: 20px;
		margin-bottom: 148px;
		padding: 0 38px 0 38px;
	}
}

@media (min-width:500px) {
	.my-who-top-card__text {
		padding: 0 38px 0 38px;
		width: 85%;
		margin-bottom: 120px;
	}
}

@media (min-width:600px) {
	.my-who-top-card__text {
		margin-bottom: 200px;
	}
}

@media (min-width:768px) {
	.my-who-top-card__text {
		font-size: 23px;
		width: 54vw;
		margin-left: 9.5vw;
		padding: 0;
		margin-bottom: 160px;
	}
}

@media (min-width:1024px) {
	.my-who-top-card__text {
		font-size: 26px;
		width: 52vw;
	}
}

@media (min-width:1200px) {
	.my-who-top-card__text {
		font-size: 28px;
		width: 50vw;
	}
}

@media (min-width:1400px) {
	.my-who-top-card__text {
		font-size: 25px;
		width: 70vw;
	}
}

@media (min-width:1600px) {
	.my-who-top-card__text {
		font-size: 2.1vw;
	}
}

@media (min-width:1900px) {
	.my-who-top-card__text {
		font-size: 1.60vw;
		margin-bottom: 2vw;
	}
}