@charset "UTF-8";
.nuxt-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	width: 0;
	opacity: 1;
	transition: width .1s, opacity .4s;
	background-color: #fff;
	z-index: 999999
}
.nuxt-progress.nuxt-progress-notransition {
	transition: none
}
.nuxt-progress-failed {
	background-color: red
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}
body {
	line-height: 1
}
ol,
ul {
	list-style: none
}
blockquote,
q {
	quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
a,
p,
span {
	font-family: Lato, sans-serif
}
@font-face {
    font-family: 'd-din_condensedregular';
    src: url('../assets/fonts/D-DIN-WebFont/d-dincondensed-webfont.eot');
    src: url('../assets/fonts/D-DIN-WebFont/d-dincondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/D-DIN-WebFont/d-dincondensed-webfont.woff2') format('woff2'),
         url('../assets/fonts/D-DIN-WebFont/d-dincondensed-webfont.woff') format('woff'),
         url('../assets/fonts/D-DIN-WebFont/d-dincondensed-webfont.ttf') format('truetype'),
         url('../assets/fonts/D-DIN-WebFont/d-dincondensed-webfont.svg#d-din_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'd-din_condenseddinCnBd';
    src: url('../assets/fonts/D-DIN-WebFont/d-dincondensed-bold-webfont.eot');
    src: url('../assets/fonts/D-DIN-WebFont/d-dincondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/D-DIN-WebFont/d-dincondensed-bold-webfont.woff2') format('woff2'),
         url('../assets/fonts/D-DIN-WebFont/d-dincondensed-bold-webfont.woff') format('woff'),
         url('../assets/fonts/D-DIN-WebFont/d-dincondensed-bold-webfont.ttf') format('truetype'),
         url('../assets/fonts/D-DIN-WebFont/d-dincondensed-bold-webfont.svg#d-din_condenseddinCnBd') format('svg');
    font-weight: normal;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');
.footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background-color:#000;
	padding-top:115px;
	padding-bottom:30px;
	z-index:15
}
@media screen and (max-width: 1024px) {
	.footer {
		position:relative
	}
}
@media screen and (max-width: 767px) {
	.footer {
		padding-top:80px
	}
}
.footer-content {
	display:flex;
	flex-direction:column
}
.footer-nav {
	display:flex;
	margin-bottom:30px;
	margin-top:80px
}
@media screen and (max-width: 767px) {
	.footer-nav {
		display:none;
		flex-direction:column;
		align-items:center;
		margin-top:50px
	}
}
.footer-nav__link {
	font-size:22px;
	font-family:d-din_condensedregular ;
	letter-spacing:1.1px;
	text-transform:uppercase;
	color:#fff
}
.footer-nav__link:active,
.footer-nav__link:visited {
	color:#fff
}
@media screen and (max-width: 1199px) {
	.footer-nav__link {
		font-size:20px
	}
}
.footer-nav__link:hover {
	color:#ffe13c
}
.footer-nav__link+.footer-nav__link {
	margin-left:50px
}
@media screen and (max-width: 767px) {
	.footer-nav__link+.footer-nav__link {
		margin-left:0;
		margin-top:15px
	}
}
.footer-socials {
	display:none
}
@media screen and (max-width: 767px) {
	.footer-socials {
		display:flex;
		flex-direction:row;
		margin:45px 0;
		justify-content:center
	}
	.footer-socials__icon+.footer-socials__icon {
		margin-left:25px
	}
}
.footer-copyright {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-top:25px;
	border-top:1px solid hsla(0,
	0%,
	100%,
	.1)
}
.footer-copyright__company img {
    height: 50px;
}
@media screen and (max-width: 767px) {
	.footer-copyright {
		flex-direction:column
	}
}
@media screen and (max-width: 767px) {
	.footer-copyright__company {
		margin-bottom:10px
	}
}
.footer-copyright__year {
	color:#fff;
	font-family:Lato,
	sans-serif;
	font-size:14px;
	font-weight:700;
	opacity:.2
}
.footer__contact,
.footer__contact-link {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:80px;
	color:#fff;
	text-align: left;
	text-transform:uppercase;
	line-height:1.1
}
@media screen and (max-width: 1549px) {
	.footer__contact,
	.footer__contact-link {
		font-size:60px;
		line-height:1.2;
		text-align: left;
	}
}
@media screen and (max-width: 991px) {
	.footer__contact,
	.footer__contact-link {
		font-size:45px
	}
}
@media screen and (max-width: 767px) {
	.footer__contact,
	.footer__contact-link {
		font-size:30px;
		text-align:center
	}
}
.header {
	display:block!important;
	z-index:50!important;
	padding-top:60px;
	position:relative;
	background-color:#fff
}
.header .light-nav {
	display:none
}
.header .dark-nav {
	display:block
}
@media screen and (max-width: 767px) {
	.header {
		padding-top:25px
	}
}
.header-content {
	justify-content:space-between
}
.header-content,
.header-menu {
	display:flex;
	align-items:center
}
@media screen and (max-width: 767px) {
	.header-menu {
		display:none
	}
}
.header-menu-nav {
	display:flex;
	align-items:center
}
.header-menu-ms-showreel {
	display:flex;
	align-items:center;
	cursor:pointer
}
.header-menu-ms-showreel-wrapper {
	display:flex;
	align-items:center;
	margin-left:90px
}
@media screen and (max-width: 1199px) {
	.header-menu-ms-showreel-wrapper {
		margin-left:0
	}
}
@media screen and (max-width: 991px) {
	.header-menu-ms-showreel-wrapper {
		margin-left:50px
	}
}
@media screen and (max-width: 414px) {
	.header-menu-ms-showreel-wrapper {
		margin-left:0
	}
}
.header-menu__link {
	color:#000;
	font-weight:700;
	font-size:16px;
	cursor:pointer;
	line-height:22px;
	text-transform:capitalize
}
@media screen and (max-width: 991px) {
	.header-menu__link {
		font-size:14px
	}
}
@media screen and (max-width: 375px) {
	.header-menu__link {
		font-size:12px
	}
}
.header-menu__link+.header-menu__link {
	margin-left:55px
}
@media screen and (max-width: 991px) {
	.header-menu__link+.header-menu__link {
		margin-left:20px
	}
}
.header-menu__link .blog-icon {
	margin:-5px 0 0 18px;
	display:inline-flex;
	vertical-align:middle;
	justify-content:center;
	align-items:center;
	width:26px;
	height:26px;
	border:2px solid #000;
	box-sizing:border-box;
	transition:.5s
}
@media screen and (max-width: 991px) {
	.header-menu__link .blog-icon {
		margin:-5px 0 0
	}
}
.header-menu__link .blog-icon svg * {
	transition:.5s;
	fill:#000
}
.header-menu__link:hover .blog-icon {
	border-color:#6424ee
}
.header-menu__link:hover .blog-icon svg * {
	fill:#6424ee
}
@media screen and (max-width: 325px) {
	.header-menu__link_ms-showreel {
		display:none
	}
}
.header-menu__play {
	position:relative;
	height:40px;
	width:40px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzY0MjRFRSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjEuNSA0M0MzMy4zNzQgNDMgNDMgMzMuMzc0IDQzIDIxLjVTMzMuMzc0IDAgMjEuNSAwIDAgOS42MjYgMCAyMS41IDkuNjI2IDQzIDIxLjUgNDN6bTQuMjEyLTIwLjY0N2ExLjAwMyAxLjAwMyAwIDAgMCAwLTEuNzA2bC02LjEyLTMuNzg5YTEuMDAzIDEuMDAzIDAgMCAwLTEuNTMyLjg1M3Y3LjU3OGMwIC43ODYuODYzIDEuMjY3IDEuNTMyLjg1M2w2LjEyLTMuNzg5eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%;
	margin-right:20px;
	box-shadow:0 0 0 rgba(100,
	36,
	238,
	.8);
	border-radius:50%;
	cursor:pointer
}
@media screen and (max-width: 375px) {
	.header-menu__play {
		margin-left:5px;
		margin-right:5px;
		width:30px;
		height:30px
	}
}
.header-menu__play:hover {
	-webkit-animation-name:pulse;
	animation-name:pulse;
	-webkit-animation-duration:1s;
	animation-duration:1s
}
@-webkit-keyframes pulse {
	0% {
		box-shadow:0 0 0 0 rgba(100,
		36,
		238,
		.5)
	}
	70% {
		box-shadow:0 0 0 10px rgba(100,
		36,
		238,
		0)
	}
	to {
		box-shadow:0 0 0 0 rgba(100,
		36,
		238,
		0)
	}
}
@keyframes pulse {
	0% {
		box-shadow:0 0 0 0 rgba(100,
		36,
		238,
		.5)
	}
	70% {
		box-shadow:0 0 0 10px rgba(100,
		36,
		238,
		0)
	}
	to {
		box-shadow:0 0 0 0 rgba(100,
		36,
		238,
		0)
	}
}
.header-mobile-menu {
	display:none;
	z-index:-1
}
@media screen and (max-width: 767px) {
	.header-mobile-menu {
		display:block!important;
		position:fixed;
		top:0;
		left:100%;
		width:100%;
		height:100vh;
		background-color:#6424ee;
		-webkit-transform:translateX(150%);
		transform:translateX(150%)
	}
}
@media screen and (max-width: 767px) {
	.header-mobile-menu,
	.header-mobile-menu.active {
		transition:left .5s,
		-webkit-transform .5s;
		transition:transform .5s,
		left .5s;
		transition:transform .5s,
		left .5s,
		-webkit-transform .5s
	}
	.header-mobile-menu.active {
		z-index:200!important;
		left:0;
		-webkit-transform:translateX(0);
		transform:translateX(0);
		overflow-y:auto
	}
	#burger{
		position: fixed;
		right: 0;
		top: 0;
		color: white;
		background: linear-gradient(45deg, #9682C8 10%, #05BCC9);;
		font-size: 32px;
		padding: 16px 16px 32px 32px;
		border-radius: 0% 0% 0% 100%;
		transition: 1s;
		cursor: pointer;
	  }
	  
	  #quit{
		position: fixed;
		top: 0;
		color: white;
		font-size: 32px;
		padding: 16px;
		display: none;
		cursor: pointer;
	  }
	  
	  #links{
		display: none;
		flex-direction: column;
		width: 100vw;
		height: 50vh;
		padding: 25vh 0;
		justify-content: space-around;
		z-index: 9999;
	  }
	  
	  #links a{
		text-align: center;
		text-decoration: none;
		color: white;
		font-size: 2em;
		font-family: 'Roboto';
		z-index: 10;
	  }
}
.header-mobile-menu-content {
	display:flex;
	flex-direction:column;
	padding:30px;
	margin-top:30px
}
.header-mobile-menu__link {
	color:#fff;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:55px;
	text-transform:uppercase
}
.header-mobile-menu__link.router-link-exact-active {
	color:#ffe13c
}
.header-mobile-menu__link:hover {
	color:#ffe13c!important
}
.header-mobile-menu__link+.header-mobile-menu__link {
	margin-top:10px
}
.header-mobile-menu__close {
	position:absolute;
	right:25px;
	top:30px;
	display:block;
	height:20px;
	width:20px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4xNjgiIGhlaWdodD0iMjEuMTY4Ij48cGF0aCBkPSJNMjEuMTY4IDEuODRMMTkuMzI4IDBsLTguNzQ0IDguNzQ0TDEuODQgMCAwIDEuODRsOC43NDQgOC43NDRMMCAxOS4zMjhsMS44NCAxLjg0IDguNzQ0LTguNzQ0IDguNzQ0IDguNzQ0IDEuODQtMS44NC04Ljc0NC04Ljc0NHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
	background-size:cover
}
.header__hamburger {
	display:none
}
@media screen and (max-width: 767px) {
	.header__hamburger {
		display:block;
		height:20px;
		width:30px;
		background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgMGgyOXYySDB6TTAgOGgyOXYySDB6TTAgMTZoMjl2MkgweiIvPjwvc3ZnPg==);
		background-size:contain;
		background-position:50%;
		background-repeat:no-repeat;
		margin-left:25px
	}
}
.header__logo * {
	fill:#000
}
@media screen and (max-width: 991px) {
	.header__logo {
		height:13px;
		width:auto
	}
}
@media screen and (max-width: 375px) {
	.header__logo {
		height:10px
	}
}
body.dark-header .header {
	background-color:#000
}
body.dark-header .header .light-nav {
	display:block!important
}
body.dark-header .header .dark-nav {
	display:none!important
}
body.dark-header .header-menu__link {
	color:#fff
}
body.dark-header .header-menu__link .blog-icon {
	border:2px solid #fff
}
body.dark-header .header-menu__link .blog-icon svg * {
	fill:#fff
}
body.dark-header .header-menu__link:hover .blog-icon {
	border-color:#ffe13c
}
body.dark-header .header-menu__link:hover .blog-icon svg * {
	fill:#ffe13c
}
body.dark-header .header-mobile-menu {
	display:none;
	z-index:-1
}
@media screen and (max-width: 767px) {
	body.dark-header .header-mobile-menu {
		display:block!important;
		position:fixed;
		top:0;
		left:100%;
		width:100%;
		height:100vh;
		z-index:200;
		background-color:#6424ee;
		-webkit-transform:translateX(150%);
		transform:translateX(150%)
	}
}
@media screen and (max-width: 767px) {
	body.dark-header .header-mobile-menu,
	body.dark-header .header-mobile-menu.active {
		transition:left .5s,
		-webkit-transform .5s;
		transition:transform .5s,
		left .5s;
		transition:transform .5s,
		left .5s,
		-webkit-transform .5s
	}
	body.dark-header .header-mobile-menu.active {
		z-index:200!important;
		left:0;
		-webkit-transform:translateX(0);
		transform:translateX(0);
		overflow-y:auto
	}
}
body.dark-header .header-mobile-menu-content {
	display:flex;
	flex-direction:column;
	padding:30px;
	margin-top:30px
}
body.dark-header .header-mobile-menu__link {
	color:#fff;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:55px;
	text-transform:uppercase
}
body.dark-header .header-mobile-menu__link.router-link-active,
body.dark-header .header-mobile-menu__link:hover {
	color:#ffe13c!important
}
body.dark-header .header-mobile-menu__link+body.dark-header .header-mobile-menu__link {
	margin-top:10px
}
body.dark-header .header-mobile-menu__close {
	position:absolute;
	right:25px;
	top:30px;
	display:block;
	height:20px;
	width:20px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4xNjgiIGhlaWdodD0iMjEuMTY4Ij48cGF0aCBkPSJNMjEuMTY4IDEuODRMMTkuMzI4IDBsLTguNzQ0IDguNzQ0TDEuODQgMCAwIDEuODRsOC43NDQgOC43NDRMMCAxOS4zMjhsMS44NCAxLjg0IDguNzQ0LTguNzQ0IDguNzQ0IDguNzQ0IDEuODQtMS44NC04Ljc0NC04Ljc0NHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
	background-size:cover;
	background-position:50%;
	background-repeat:no-repeat
}
@media screen and (max-width: 767px) {
	body.dark-header .header__hamburger {
		background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyMHYySDB6TTAgNWgyMHYySDB6TTAgMTBoMjB2MkgweiIvPjwvc3ZnPg==)
	}
}
body.dark-header .header__logo * {
	fill:#fff
}
#left {
	background-color:#000
}
.scrollmagic-pin-spacer {
	height:100vh!important;
	-webkit-overflow-scrolling:touch;
	margin-bottom:0!important
}
.ms-grid {
	height:100%;
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-bottom:195px;
	overflow-y:hidden
}
@media screen and (max-width: 1366px) {
	.ms-grid {
		display:none
	}
}
.ms-grid_mobile {
	display:none
}
@media screen and (max-width: 1366px) {
	.ms-grid_mobile {
		display:flex;
		margin-bottom:80px;
		flex-direction:column
	}
	.ms-grid_mobile .panel-1:not(.slide) {
		background-color:#ffe13c
	}
	.ms-grid_mobile .panel-2:not(.slide) {
		background-color:#0f0
	}
	.ms-grid_mobile .panel-3:not(.slide) {
		background-color:purple
	}
	.ms-grid_mobile .panel-4:not(.slide) {
		background-color:orange
	}
}
@media screen and (max-height: 414px) {
	.ms-grid_mobile {
		flex-direction:row
	}
}
.ms-grid>div {
	overflow:hidden;
	flex-basis:50%;
	justify-content:center;
	flex-direction:column;
	position:relative
}
@media screen and (max-height: 414px) {
	.ms-grid>div {
		display:flex;
		flex-direction:row;
		flex-basis:100%
	}
}
.preview {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,
	-50%);
	transform:translate(-50%,
	-50%);
	width:auto;
	height:auto;
	max-height:90vh;
	max-width:45vw
}
@media screen and (max-width: 1366px) {
	.preview {
		width:auto;
		max-width:95vw;
		max-height:40vh
	}
}
.panel {
	height:100%;
	width:100%;
	position:absolute
}
@media screen and (max-width: 1366px) {
	.panel {
		height:50vh;
		position:relative;
		display:flex;
		flex-direction:column
	}
}
@media screen and (max-height: 414px) {
	.panel {
		height:100vh;
		width:50vw
	}
}
.box {
	outline:none
}
@media screen and (max-width: 1366px) {
	.slide {
		background-color:#000
	}
}
.slide-content,
.slide-text {
	display:flex;
	flex-direction:column
}
.slide-content {
	justify-content:space-between;
	margin:0 auto;
	height:calc(100% - 40vh);
	width:720px;
	padding-left:calc(100% - 720px);
	padding-top:15vh;
	padding-bottom:25vh
}
@media screen and (max-width: 1549px) {
	.slide-content {
		padding-top:10vh;
		padding-bottom:15vh;
		height:calc(100% - 25vh);
		width:570px;
		padding-left:calc(100% - 570px)
	}
}
@media screen and (max-width: 1199px) {
	.slide-content {
		width:480px;
		padding-left:calc(100% - 480px)
	}
}
@media screen and (max-width: 1366px) {
	.slide-content {
		width:calc(100% - 50px);
		padding:10vh 0 0
	}
}
@media screen and (max-width: 767px) {
	.slide-content {
		margin-top:5vh
	}
}
.slide__title {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:120px;
	color:#fff;
	line-height:132px;
	text-transform:uppercase
}
@media screen and (max-width: 1366px) {
	.slide__title {
		font-size:74px;
		line-height:100px
	}
}
@media screen and (max-width: 767px) {
	.slide__title {
		font-size:40px;
		line-height:50px;
		margin-top:40px
	}
}
.slide__description {
	margin-top:30px;
	max-width:350px;
	color:#fff;
	font-size:18px;
	text-align:left;
	line-height:27px
}
@media screen and (max-width: 767px) {
	.slide__description {
		font-size:14px;
		line-height:18px
	}
}
.slide__viewlink {
	position:relative;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:22px;
	letter-spacing:1.1px;
	text-transform:uppercase;
	color:#fff!important;
	cursor:pointer
}
@media screen and (max-width: 767px) {
	.slide__viewlink {
		font-size:16px
	}
}
.ms-carousel {
	height:800px
}
@media screen and (max-width: 767px) {
	.ms-carousel {
		margin-top:-60px
	}
}
@media screen and (max-width: 1550px) {
	.ms-carousel {
		height:600px
	}
}
@media screen and (max-width: 1200px) {
	.ms-carousel {
		height:450px
	}
}
@media screen and (max-width: 992px) {
	.ms-carousel {
		height:400px
	}
}
@media screen and (max-width: 700px) {
	.ms-carousel {
		height:290px
	}
}
@media screen and (max-width: 600px) {
	.ms-carousel {
		height:230px
	}
}
@media screen and (max-width: 475px) {
	.ms-carousel {
		height:180px
	}
}
.ms-carousel-cell {
	position:relative;
	height:auto;
	width:70%;
	margin-right:60px
}
@media screen and (max-width: 991px) {
	.ms-carousel-cell {
		width:80%
	}
}
.ms-carousel-cell:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	background-color:#fff;
	transition:opacity .5s
}
.ms-carousel-cell:not(.is-selected):before {
	opacity:.7;
	transition:opacity .5s
}
.ms-carousel img {
	width:100%;
	height:auto
}
.v--modal-block-scroll {
	overflow:hidden;
	width:100vw
}
.v--modal-overlay {
	position:fixed;
	box-sizing:border-box;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	background:rgba(0,
	0,
	0,
	.85);
	z-index:999;
	opacity:1
}
.v--modal-overlay.scrollable {
	height:100%;
	min-height:100vh;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch
}
.v--modal-overlay .v--modal-background-click {
	width:100%;
	min-height:100%;
	height:auto
}
.v--modal-overlay .v--modal-box {
	position:relative;
	overflow:hidden;
	box-sizing:border-box
}
.v--modal-overlay.scrollable .v--modal-box {
	margin-bottom:2px
}
.v--modal {
	background-color:#fff;
	text-align:left;
	border-radius:3px;
	box-shadow:0 20px 60px -2px rgba(27,
	33,
	58,
	.4);
	padding:0
}
.v--modal.v--modal-fullscreen {
	width:100vw;
	height:100vh;
	margin:0;
	left:0;
	top:0
}
.v--modal-top-right {
	display:block;
	position:absolute;
	right:0;
	top:0
}
.overlay-fade-enter-active,
.overlay-fade-leave-active {
	transition:all .2s
}
.overlay-fade-enter,
.overlay-fade-leave-active {
	opacity:0
}
.nice-modal-fade-enter-active,
.nice-modal-fade-leave-active {
	transition:all .4s
}
.nice-modal-fade-enter,
.nice-modal-fade-leave-active {
	opacity:0;
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px)
}
.ms-stub {
	height:60vh;
	display:flex;
	align-items:center
}
@media screen and (max-width: 991px) {
	.ms-stub {
		height:50vh;
		display:flex;
		flex-direction:column;
		justify-content:center
	}
}
.ms-stub__description {
	position:absolute;
	font-size:20px;
	line-height:24px;
	margin-left:5px;
	top:-50px
}
@media screen and (max-width: 767px) {
	.ms-stub__description {
		margin-left:0
	}
}
.ms-stub__link {
	color:#000;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:100px;
	text-transform:uppercase
}
.ms-stub__link:active,
.ms-stub__link:visited {
	color:#000
}
@media screen and (max-width: 767px) {
	.ms-stub__link {
		font-size:35px
	}
}
.ms-works-cases {
	background-color:#000;
	position:relative
}
@media screen and (max-width: 1366px) {
	.ms-works-cases {
		display:none
	}
}
.ms-works-cases_mobile {
	display:none
}
@media screen and (max-width: 1366px) {
	.ms-works-cases_mobile {
		display:flex;
		flex-direction:column
	}
}
.ms-works-cases-content {
	position:relative;
	padding:120px 0;
	display:flex;
	flex-direction:row
}
@media screen and (max-width: 1024px) {
	.ms-works-cases-content {
		padding:50px 0
	}
}
@media screen and (max-width: 1366px) {
	.ms-works-cases__item {
		margin:20px 0
	}
}
.ms-cases-list {
	width:100%
}
.ms-cases-list-item {
	display:block;
	width:100%;
	cursor:pointer;
	white-space:nowrap
}
.ms-cases-list-item__title {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:74px;
	line-height:81px;
	text-transform:uppercase;
	max-width:420px;
	cursor:pointer;
	display:-webkit-box
}
@media screen and (max-width: 1199px) {
	.ms-cases-list-item__title {
		font-size:65px;
		max-width:350px
	}
}
.ms-cases-list-item__number {
	margin-top:6px;
	margin-right:15px;
	font-size:20px;
	line-height:30px;
	font-family:Lato,
	sans-serif
}
@media screen and (max-width: 1199px) {
	.ms-cases-list-item__number {
		margin-top:10px
	}
}
.ms-cases-list-wrapper+.ms-cases-list-wrapper {
	padding-top:70px
}
.ms-preview-container {
	position:absolute;
	height:calc(100% - 240px);
	right:0;
	width:60%;
	z-index:100
}
.ms-list-container {
	position:relative;
	width:100%;
	z-index:200
}
.ms-cases-preview {
	top:10vh;
	position:-webkit-sticky;
	position:sticky;
	left:0;
	width:100%;
	height:70vh;
	opacity:0;
	-webkit-animation-name:appearing;
	animation-name:appearing;
	-webkit-animation-duration:.5s;
	animation-duration:.5s
}
@media screen and (max-width: 1199px) {
	.ms-cases-preview {
		height:60vh
	}
}
@-webkit-keyframes appearing {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
@keyframes appearing {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
.ms-cases-preview-background {
	width:100%;
	height:100%;
	position:relative
}
.ms-cases-preview__image {
	position:absolute;
	max-width:80%;
	max-height:80%;
	height:auto;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,
	-50%);
	transform:translate(-50%,
	-50%)
}
.ms-cases-preview.fade-in {
	opacity:1;
	transition:opacity 1s
}
.ms-works-mobile {
	position:relative
}
.ms-works-mobile__text {
	display:block;
	margin-top:20px;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:30px;
	color:#fff;
	text-transform:uppercase
}
.ms-works-mobile-wrapper {
	position:relative;
	height:100%;
	min-height:300px
}
.ms-works-mobile__image {
	position:relative;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,
	-50%);
	transform:translate(-50%,
	-50%);
	max-width:80%;
	max-height:80%
}
.ms-intro-home {
	overflow:hidden;
	padding-top:120px;
	position:relative;
	background-color:#000;
	min-height:calc(100vh - 220px)
}
@media screen and (max-width: 1549px) {
	.ms-intro-home {
		padding-top:10vh;
		min-height:calc(90vh - 100px)
	}
}
@media screen and (max-width: 1366px) and (min-height: 1024px) {
	.ms-intro-home {
		padding-top:15vh;
		min-height:calc(85vh - 100px)
	}
}
@media screen and (max-width: 1366px) and (max-height: 768px) {
	.ms-intro-home {
		padding-top:12vh;
		min-height:calc(88vh - 100px)
	}
}
@media screen and (max-width: 1024px) {
	.ms-intro-home {
		height:auto;
		padding-bottom:50px;
		min-height:calc(88vh - 150px)
	}
}
@media screen and (max-width: 991px) {
	.ms-intro-home {
		padding-bottom:50px;
		padding-top:10vh;
		min-height:calc(90vh - 150px)
	}
}
@media screen and (max-width: 767px) {
	.ms-intro-home {
		padding-top:80px;
		min-height:calc(100vh - 185px)
	}
}
@media screen and (max-width: 767px) {
	.ms-intro-home .ms-container {
		max-width:calc(100% - 25vw)
	}
}
@media screen and (max-width: 1024px) {
	.ms-intro-home-blocks {
		padding-left:105px
	}
}
@media screen and (max-width: 991px) {
	.ms-intro-home-blocks {
		padding-left:92px
	}
}
@media screen and (max-width: 767px) {
	.ms-intro-home-blocks {
		padding-left:10px
	}
}
.ms-intro-home__heading {
	font-family:d-din_condensedregular,
	sans-serif;
	font-weight:400;
	font-size:250px;
	color:#0e0e0e;
	text-transform:uppercase;
	line-height:.8;
	letter-spacing:-.3vw
}
.ms-intro-home__heading>span {
	-webkit-text-stroke:1px #fff
}
.ms-intro-home__heading>span:hover {
	-webkit-text-stroke:0 #fff
}
@media screen and (max-width: 1549px) {
	.ms-intro-home__heading {
		font-size:13vw
	}
}
@media screen and (max-width: 1024px) and (max-height: 1366px) {
	.ms-intro-home__heading {
		font-size:300px
	}
}
@media screen and (max-width: 1024px) and (max-height: 768px) {
	.ms-intro-home__heading {
		font-size:200px
	}
}
@media screen and (max-width: 768px) and (max-height: 1024px) {
	.ms-intro-home__heading {
		font-size:230px
	}
}
@media screen and (max-width: 1024px) {
	.ms-intro-home__heading {
		margin-bottom:50px;
		margin-left:80px
	}
}
@media screen and (max-width: 767px) {
	.ms-intro-home__heading {
		font-size:30vw;
		margin-bottom:70px;
		margin-left:0
	}
}
.ms-intro-home__heading span {
	color:#000;
	display:inline-block;
	position:relative;
	z-index:1;
	overflow:hidden;
	font-family: d-din_condenseddinCnBd;
}
.ms-intro-home__heading span:before {
	content:attr(data-text);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	position:absolute;
	top:0;
	left:0;
	transition:.3s;
	opacity:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50%
}
.ms-intro-home__heading span[data-text=Web]:before {
	background-image:url(../images/home/previews/web.png)
}
.ms-intro-home__heading span[data-text=Mobile]:before {
	background-image:url(../images/home/previews/mobile.png)
}
.ms-intro-home__heading span[data-text=Design]:before {
	background-image:url(../images/home/previews/design.png)
}
.ms-intro-home__heading span:hover:before {
	opacity:1
}
.ms-intro-home__video {
	margin:8px 0 9vh;
	cursor:pointer
}
.embed-responsive video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.embed-responsive-16by9::before {
    padding-top: 53.25%;
}
@media screen and (max-width: 1549px) {
	.ms-intro-home__video {
		margin-bottom:5vh
	}
}
@media screen and (max-width: 1199px) {
	.ms-intro-home__video {
		margin-bottom:9vh
	}
}
@media screen and (max-width: 1024px) {
	.ms-intro-home__video {
		display:none
	}
}
.ms-intro-home__video img {
	display:block;
	width:100%
}
.ms-intro-home__title {
	font-family:d-din_condensedregular,
	sans-serif;
	font-weight:700;
	font-size:22px;
	line-height:26px;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:31px
}
.ms-intro-home__title .showreel-icon {
	margin:-4px 0 0 28px
}
.ms-intro-home__title .follow-me-icon {
	margin:0 0 0 25px
}
.ms-intro-home__text {
	font-family:Lato,
	sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:1.5;
	color:#fff;
	opacity:.5
}
.ms-intro-home .align-right {
	text-align:right
}
.ms-intro-home__follow-me {
	margin:5vh 0 6vh
}
@media screen and (max-width: 1549px) {
	.ms-intro-home__follow-me {
		margin-top:0
	}
}
@media screen and (max-width: 1024px) {
	.ms-intro-home__follow-me {
		display:none
	}
}
.ms-intro-home__follow-me__links {
	display:flex;
	justify-content:flex-end;
	margin-top:38px
}
@media screen and (min-width: 1700px) {
	.ms-intro-home__follow-me__links {
		margin-right:-103px
	}
}
.ms-intro-home__follow-me__links a {
	font-family:Lato,
	sans-serif;
	font-weight:400;
	font-size:14px;
	color:#fff;
	opacity:.8;
	margin-left:40px
}
.ms-intro-home__contact-us {
	width:220px;
	height:61px;
	font-family:d-din_condensedregular,
	sans-serif;
	font-weight:700;
	font-size:22px;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#000;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform-origin:100% 100%;
	transform-origin:100% 100%;
	z-index:10;
	background-color:#ffe13c;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	text-align:center;
	transition:all .5s;
	padding-top:25px;
	margin-top:-110px
}
.ms-intro-home__contact-us:hover {
	height:81px;
	padding-top:49px;
	margin-top:-130px
}
@media screen and (max-width: 1549px) {
	.ms-intro-home__contact-us {
		width: 180px;
		height: 45px;
    	padding-top: 14px;
    	margin-top: -60px;
	}
	.ms-intro-home__contact-us:hover {
		height:45px;
		padding-top:19px;
		margin-top:-60px
	}
}
@media screen and (max-width: 991px) {
	.ms-intro-home__contact-us {
		margin-top:0;
		padding-top:0;
		pointer-events:none;
		font-size:0;
		height:20px;
		width:180px
	}
}
.ms-intro-home__discover-me {
	width:220px;
	height:110px;
	font-family:d-din_condensedregular,
	sans-serif;
	font-weight:700;
	font-size:22px;
	letter-spacing:.05em;
	text-transform:uppercase;
	z-index:10;
	color:#fff;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	background-color:#6424ee;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center
}
.ms-intro-home__discover-me img {
	margin-right:30px
}
@media screen and (max-width: 991px) {
	.ms-intro-home__discover-me img {
		display:none
	}
}
@media screen and (max-width: 1549px) {
	.ms-intro-home__discover-me {
		font-size:20px;
		height:50px
	}
}
@media screen and (max-width: 991px) {
	.ms-intro-home__discover-me {
		font-size:0;
		pointer-events:none;
		width:180px;
		height:20px
	}
}
.ms-intro-home__we-create {
	font-family:d-din_condensedregular,
	sans-serif;
	font-weight:700;
	font-size:22px;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#fff;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	position:absolute;
	top:75px;
	left:-5.6vw
}
@media screen and (max-width: 1024px) {
	.ms-intro-home__we-create {
		left:20px
	}
}
@media screen and (max-width: 767px) {
	.ms-intro-home__we-create {
		display:none
	}
}
.ms-intro-home__we-create:before {
	content:"";
	width:40px;
	height:2px;
	background-color:#fff;
	position:absolute;
	right:calc(100% + 40px);
	top:calc(50% - 1px)
}
.ms-showreel {
	position:relative;
	padding-bottom:300px
}
@media screen and (max-width: 991px) {
	.ms-showreel {
		padding-bottom:150px
	}
}
.ms-showreel-text {
	position:absolute;
	bottom:-120px;
	right:-120px;
	z-index:5
}
@media screen and (max-width: 1549px) {
	.ms-showreel-text {
		right:-100px
	}
}
@media screen and (max-width: 991px) {
	.ms-showreel-text {
		right:-30px;
		bottom:-70px
	}
}
@media screen and (max-width: 767px) {
	.ms-showreel-text {
		bottom:-35px;
		right:-10px
	}
}
.ms-showreel-preview {
	position:relative;
	background-color:#6424ee;
	padding:100px;
	z-index:20
}
@media screen and (max-width: 767px) {
	.ms-showreel-preview {
		padding:15px
	}
}
.ms-showreel-preview:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	display:block;
	opacity:.7;
	border-radius:10px;
	background-color:#6424ee
}
.ms-showreel-preview__image {
	width:100%;
	height:auto
}
.ms-showreel-preview__play {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,
	-50%);
	transform:translate(-50%,
	-50%);
	display:block;
	height:100px;
	width:100px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MCAxMDBjMjcuNjE0IDAgNTAtMjIuMzg2IDUwLTUwUzc3LjYxNCAwIDUwIDAgMCAyMi4zODYgMCA1MHMyMi4zODYgNTAgNTAgNTB6bS0zLjQyLTM5LjgzNWwxMi4zLTcuNjE0YzEuODk0LTEuMTczIDEuODk0LTMuOTI5IDAtNS4xMDJsLTEyLjMtNy42MTRjLTItMS4yMzgtNC41OC4yLTQuNTggMi41NXYxNS4yM2MwIDIuMzUgMi41OCAzLjc4OCA0LjU4IDIuNTV6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
	background-size:cover;
	border-radius:50%;
	cursor:pointer
}
@media screen and (max-width: 767px) {
	.ms-showreel-preview__play {
		height:50px;
		width:50px
	}
}
.ms-showreel-preview__play:hover {
	-webkit-animation-name:white-pulse;
	animation-name:white-pulse;
	-webkit-animation-duration:.5s;
	animation-duration:.5s
}
@-webkit-keyframes white-pulse {
	0% {
		box-shadow:0 0 0 0 hsla(0,
		0%,
		100%,
		.4)
	}
	70% {
		box-shadow:0 0 0 25px hsla(0,
		0%,
		100%,
		0)
	}
	to {
		box-shadow:0 0 0 0 hsla(0,
		0%,
		100%,
		0)
	}
}
@keyframes white-pulse {
	0% {
		box-shadow:0 0 0 0 hsla(0,
		0%,
		100%,
		.4)
	}
	70% {
		box-shadow:0 0 0 25px hsla(0,
		0%,
		100%,
		0)
	}
	to {
		box-shadow:0 0 0 0 hsla(0,
		0%,
		100%,
		0)
	}
}
.ms-showreel__year {
	font-size:200px;
	line-height:200px;
	font-family:d-din_condensedregular,
	sans-serif;
	text-transform:uppercase;
	color:#fff
}
@media screen and (max-width: 1199px) {
	.ms-showreel__year {
		font-size:170px;
		line-height:170px
	}
}
@media screen and (max-width: 991px) {
	.ms-showreel__year {
		font-size:110px;
		line-height:110px
	}
}
@media screen and (max-width: 767px) {
	.ms-showreel__year {
		font-size:40px;
		line-height:60px
	}
}
.ms-showreel__link {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:120px;
	line-height:1.1;
	text-transform:uppercase;
	color:#000
}
.ms-absolute-wrapper {
	position:absolute
}
.ms-absolute-wrapper_contact {
	top:230px;
	right:0
}
@media screen and (max-width: 1549px) {
	.ms-absolute-wrapper_contact {
		top:180px
	}
}
@media screen and (max-width: 991px) {
	.ms-absolute-wrapper_contact {
		top:60px
	}
}
.ms-absolute-wrapper_discover {
	top:auto;
	right:auto;
	bottom:0;
	left:110px
}
@media screen and (max-width: 1549px) {
	.ms-absolute-wrapper_discover {
		left:50px
	}
}
@media screen and (max-width: 991px) {
	.ms-absolute-wrapper_discover {
		left:20px
	}
}

.section-heading {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:50px
}
.section-heading .title {
	line-height:1.1;
	margin-bottom:0
}
.section-heading .link {
	font-family:d-din_condensedregular,
	sans-serif;
	text-transform:uppercase;
	font-size:22px;
	line-height:26px;
	letter-spacing:.05em
}
@media screen and (max-width: 767px) {
	.section-heading {
		align-items:center;
		margin-bottom:50px
	}
	.section-heading .title {
		width:100%
	}
	.section-heading .link {
		margin-left:auto;
		width:100%;
		text-align:right;
		font-size:16px
	}
}
@media screen and (max-width: 414px) {
	.section-heading .title {
		min-width:60%
	}
}
@media screen and (max-width: 375px) {
	.section-heading {
		flex-wrap:wrap
	}
	.section-heading .link {
		text-align:left
	}
}
.featured-services {
	margin-top:130px;
	margin-bottom:85px
}
@media screen and (max-width: 991px) {
	.featured-services {
		margin-top:60px;
		margin-bottom:60px
	}
}
@media screen and (max-width: 767px) {
	.featured-services {
		margin-top:80px
	}
}
.featured-services-card {
	background-color:#f7f9fb;
	margin:0 0 60px;
	padding:52px 37px;
	transition-property:color,
	background-color;
	transition-duration:.5s
}
.featured-services-card,
.featured-services-card:link,
.featured-services-card:visited {
	color:#000
}
.featured-services-card__title {
	font-size:25px;
	line-height:34px;
	font-weight: 900;
	font-family:d-din_condensedregular,sans-serif;
	text-transform:uppercase;
}
.featured-services-card__description {
	margin-top:33px;
	margin-bottom:50px;
	font-size:18px;
	line-height:1.5
}
.featured-services-card .line-after {
	font-size:22px;
	line-height:26px;
	letter-spacing:.05em;
	text-transform:uppercase;
	font-weight: 900;
	font-family:d-din_condensedregular, sans-serif
}
.featured-services-card .line-after:after {
	background-color:#000
}
.featured-services-card:hover {
	background-color:#6424ee
}
.featured-services-card:hover,
.featured-services-card:hover:link,
.featured-services-card:hover:visited {
	color:#fff
}
.featured-services-card:hover .line-after:after {
	background-color:#fff;
	width:107px
}
@media screen and (max-width: 1200px) {
	.featured-services .row .col-4 {
		width:calc(50% - 60px)
	}
}
@media screen and (max-width: 991px) {
	.featured-services .row .col-4 {
		width:calc(50% - 30px)
	}
	.featured-services_card {
		margin:15px 0
	}
}

.recognition {
	display:flex;
	background-color:#000;
	padding:81px 0 95px;
	margin-bottom:80px
}
.recognition-content {
	display:flex;
	flex-direction:row
}
@media screen and (max-width: 991px) {
	.recognition-content {
		flex-direction:column
	}
}
.recognition-body {
	display:flex;
	align-items:center;
	width:100%
}
@media screen and (max-width: 991px) {
	.recognition-body {
		flex-direction:column
	}
}
.recognition-logos {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-left:50px;
	width:100%
}
@media screen and (max-width: 991px) {
	.recognition-logos {
		flex-direction:row;
		flex-wrap:wrap;
		margin-left:0;
		margin-top:50px
	}
}
.recognition__subtitle {
	position:relative;
	color:#fff;
	font-size:28px;
	line-height:34px;
	letter-spacing:.05em;
	text-transform:uppercase;
	font-family:d-din_condensedregular, sans-serif;
	margin-bottom:30px
}
.recognition__subtitle:after {
	content:"";
	position:absolute;
	height:2px;
	background:#fff;
	width:76px;
	bottom:-5px;
	left:0
}
.recognition__title {
	font-size:40px;
	line-height:48px;
	color:#fff;
	font-family:d-din_condenseddinCnBd, sans-serif;
	width:440px
}
@media screen and (max-width: 991px) {
	.recognition__title {
		align-self:flex-start;
		width:100%
	}
}
.recognition-awards_image {
	opacity:.3;
	width:auto;
	height:auto;
	max-width:150px;
	max-height:80px;
	transition:opacity .5s
}
.recognition-awards_image:hover {
	opacity:1;
	transition:opacity .5s
}
@media screen and (max-width: 1199px) {
	.recognition-awards_image {
		max-width:100px
	}
}
@media screen and (max-width: 991px) {
	.recognition-awards_image {
		max-width:40%;
		max-height:40%
	}
}
@media screen and (max-width: 767px) {
	.recognition-awards_image {
		max-width:60%;
		max-height:60%
	}
}
@media screen and (max-width: 991px) {
	.recognition-wrapper__item {
		margin-top:50px;
		width:50%
	}
}

.about {
	overflow:hidden
}
.about-photos {
	margin-bottom:-60px
}
@media screen and (max-width: 991px) {
	.about-photos {
		margin-bottom:0
	}
}
.about-man-wrapper {
	position:relative;
	margin-bottom:60px
}
@media screen and (max-width: 991px) {
	.about-man-wrapper {
		margin-bottom:30px
	}
}
.about-man-wrapper:active .about-man-back,
.about-man-wrapper:hover .about-man-back {
	background-color:rgba(100,
	36,
	238,
	.8);
	transition:opacity .3s;
	opacity:1
}
.about-man__image {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	z-index:20
}
.about-man-back {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	transition:opacity .3s;
	display:flex;
	z-index:50;
	opacity:0
}
.about-man-back-content {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	flex-grow:1;
	padding:30px 40px
}
.about-man-back-content:before {
	display:block;
	position:absolute;
	content:"";
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#6424ee;
	opacity:.5
}
.about-man-back__name {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:22px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1.1px;
	z-index:30
}
.about-man-back__position {
	font-size:14px;
	color:#fff;
	z-index:30
}
.about .few-numbers {
	position:relative;
	margin-top:80px
}
@media screen and (max-width: 1024px) {
	.about .few-numbers {
		margin-top:60px
	}
}
.about .few-numbers__bg {
	position:relative;
	z-index:20;
	background:#000;
	padding:120px 0
}
@media screen and (max-width: 1549px) {
	.about .few-numbers__bg {
		padding:80px 0
	}
}
@media screen and (max-width: 1199px) {
	.about .few-numbers__bg {
		padding:60px 0
	}
}
@media screen and (max-width: 991px) {
	.about .few-numbers__bg {
		padding:40px 0
	}
}
@media screen and (min-width: 1199px) {
	.about .clients-list__image {
		width:75%
	}
}
.achievement-num {
	position:relative
}
@media screen and (max-width: 767px) {
	.achievement-num:nth-child(2n) {
		left:20px
	}
}
.achievement-num__inner {
	position:relative;
	display:flex;
	flex-direction:column;
	max-width:225px
}
@media screen and (max-width: 767px) {
	.achievement-num__inner {
		max-width:40vw
	}
}
.achievement-num__num {
	font-size:140px;
	line-height:154px;
	font-family:d-din_condensedregular,
	sans-serif;
	position:relative;
	right:5px
}
@media screen and (max-width: 767px) {
	.achievement-num__num {
		font-size:50px;
		line-height:55px
	}
}
.achievement-num_dark-bg .achievement-num__num {
	color:#fff
}
.achievement-num__title {
	font-size:28px;
	line-height:34px;
	text-transform:uppercase;
	font-family:d-din_condensedregular,
	sans-serif;
	letter-spacing:.05em;
	background:#fff
}
@media screen and (max-width: 767px) {
	.achievement-num__title {
		font-size:18px;
		line-height:22px
	}
}
.achievement-num_dark-bg .achievement-num__title {
	color:#fff;
	background:#000
}
.achievement-num__title_about-wrapped {
	max-width:200px
}
@media screen and (max-width: 767px) {
	.achievement-num__title_about-wrapped {
		max-width:80%
	}
}
.few-number-wrapper {
	display:flex;
	flex-wrap:wrap
}
.few-number-wrapper__item {
	position:relative;
	width:33.33333%;
	display:flex;
	justify-content:center;
	align-items:center;
	border-color:#333;
	border-style:solid;
	border-width:0 1px 1px 0;
	box-sizing:border-box
}
.few-number-wrapper__item:nth-child(3),
.few-number-wrapper__item:nth-child(6) {
	border-right-width:0
}
.few-number-wrapper__item:nth-child(4),
.few-number-wrapper__item:nth-child(5),
.few-number-wrapper__item:nth-child(6) {
	border-bottom-width:0
}
.few-number-wrapper__item:before {
	content:"";
	display:block;
	width:0;
	padding-top:82%
}
@media screen and (max-width: 991px) {
	.few-number-wrapper__item {
		width:50%
	}
	.few-number-wrapper__item:nth-child(3) {
		border-right-width:1px
	}
	.few-number-wrapper__item:nth-child(4) {
		border-bottom-width:1px
	}
	.few-number-wrapper__item:nth-child(2),
	.few-number-wrapper__item:nth-child(4) {
		border-right-width:0
	}
}
.clients-table {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap
}
.clients-table-cell {
	max-width:calc(25% - 1px);
	border:1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
	margin-right:-1px;
	margin-bottom:-1px
}
@media screen and (max-width: 991px) {
	.clients-table-cell {
		max-width:calc(33.33333% - 1px)
	}
}
@media screen and (max-width: 767px) {
	.clients-table-cell {
		max-width:calc(50% - 1px)
	}
}
.clients-table__image {
	opacity:.5;
	width:100%;
	height:auto;
	transition:opacity .5s
}
.clients-table__image:hover {
	opacity:1;
	transition:opacity .5s
}
.services-backstage-wrapper {
	position:absolute;
	top:-100px;
	right:0;
	z-index:18
}
@media screen and (max-width: 1549px) {
	.services-backstage-wrapper {
		top:-80px
	}
}
@media screen and (max-width: 1199px) {
	.services-backstage-wrapper {
		top:-70px
	}
}
@media screen and (max-width: 991px) {
	.services-backstage-wrapper {
		top:-50px
	}
}
@media screen and (max-width: 767px) {
	.services-backstage-wrapper {
		top:-8vw
	}
}
.services__backstage {
	position:relative;
	font-size:180px;
	font-family:d-din_condensedregular,
	sans-serif;
	text-transform:uppercase
}
@media screen and (max-width: 1549px) {
	.services__backstage {
		font-size:140px
	}
}
@media screen and (max-width: 1199px) {
	.services__backstage {
		font-size:100px
	}
}
@media screen and (max-width: 991px) {
	.services__backstage {
		font-size:80px
	}
}
@media screen and (max-width: 767px) {
	.services__backstage {
		font-size:12vw
	}
}
.services-cases {
	display:flex;
	position:relative;
	margin-top:80px
}
@media screen and (max-width: 767px) {
	.services-cases {
		flex-direction:column;
		margin-top:25px
	}
}
@media screen and (max-height: 414px) {
	.services-cases {
		margin-top:50px
	}
}
.services-cases-item {
	display:flex;
	position:relative;
	width:100%;
	max-width:33.33333%;
	height:100vh;
	z-index:20
}
@media screen and (max-width: 1024px) {
	.services-cases-item {
		height:auto
	}
}
.services-cases-item+.services-cases-item {
	border-left:1px solid #1e1e1e
}
@media screen and (max-width: 767px) {
	.services-cases-item+.services-cases-item {
		border-left:0;
		border-top:1px solid #1e1e1e
	}
}
@media screen and (max-width: 767px) {
	.services-cases-item {
		max-width:100%
	}
}
.services-cases-item_web {
	background-image:url(../images/services/web.png);
	background-size:cover
}
.services-cases-item_mobile {
	background-image:url(../images/services/mobile.png);
	background-size:cover
}
.services-cases-item_design {
	background-image:url(https://d1xcp3a6hjmttg.cloudfront.net/client/assets/images/services/previews/design.png);
	background-size:cover
}
.services-cases-item-content {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:relative;
	padding:130px 100px;
	transition:all .5s
}
.services-cases-item-content:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:1;
	transition:all .5s;
	z-index:-1
}
.services-cases-item-content:hover:before {
	background-color:#6424ee;
	opacity:.8;
	transition:all .5s
}
@media screen and (max-width: 1549px) {
	.services-cases-item-content {
		padding:75px 50px
	}
}
@media screen and (max-width: 1199px) {
	.services-cases-item-content {
		padding:100px 50px
	}
}
@media screen and (max-width: 991px) {
	.services-cases-item-content {
		padding:75px 25px
	}
}
@media screen and (max-width: 767px) {
	.services-cases-item-content {
		padding:35px 25px
	}
}
@media screen and (max-height: 414px) {
	.services-cases-item-content {
		padding:25px 50px
	}
}
@media screen and (max-width: 1024px) {
	.services-cases-item-footer {
		margin-top:80px
	}
}
.services-cases-item__number {
	font-size:18px;
	color:#fff;
	margin-bottom:70px
}
@media screen and (max-height: 414px) {
	.services-cases-item__number {
		margin-bottom:20px
	}
}
.services-cases-item__title {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:74px;
	line-height:82.5px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:20px;
	max-width:50px
}
@media screen and (max-width: 1549px) {
	.services-cases-item__title {
		font-size:60px;
		line-height:68px
	}
}
@media screen and (max-width: 1199px) {
	.services-cases-item__title {
		font-size:45px;
		line-height:53px
	}
}
@media screen and (max-width: 991px) {
	.services-cases-item__title {
		font-size:35px;
		line-height:43px
	}
}
.services-cases-item__description {
	color:#fff;
	font-size:18px;
	line-height:27px
}
@media screen and (max-width: 991px) {
	.services-cases-item__description {
		max-width:50vw
	}
}
@media screen and (max-width: 767px) {
	.services-cases-item__description {
		max-width:100%
	}
}
.services-cases-item__more {
	color:#fff;
	font-family:d-din_condensedregular,
	sans-serif;
	text-transform:uppercase;
	letter-spacing:1.1px;
	font-size:22px
}
.services-cases-item__more:active,
.services-cases-item__more:visited {
	color:#fff
}
.ms-services-clients {
	background-color:#000;
	min-height:100vh;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center
}
@media screen and (max-width: 991px) {
	.ms-services-clients {
		padding:50px 0
	}
}
.ms-services-clients-description {
	margin-bottom:90px
}
.ms-quote {
	background-color:#6424ee;
	padding:160px 0
}
@media screen and (max-width: 1199px) {
	.ms-quote {
		padding:130px 0
	}
}
@media screen and (max-width: 991px) {
	.ms-quote {
		padding:100px 0
	}
}
@media screen and (max-width: 767px) {
	.ms-quote {
		padding:50px 0
	}
}
.ms-quote__author {
	font-size:22px;
	color:#fff;
	font-family:d-din_condensedregular,
	sans-serif;
	letter-spacing:1.1px;
	line-height:normal;
	text-transform:uppercase;
	max-width:100px
}
@media screen and (max-width: 991px) {
	.ms-quote__author {
		margin-bottom:50px;
		max-width:100%
	}
}
.ms-quote__position {
	display:block;
	opacity:.6;
	font-family:inherit
}
.ms-quote__text {
	position:relative;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:74px;
	line-height:82.5px;
	color:#fff;
	text-transform:uppercase
}
@media screen and (max-width: 1549px) {
	.ms-quote__text {
		font-size:70px;
		line-height:78px
	}
}
@media screen and (max-width: 1199px) {
	.ms-quote__text {
		font-size:60px;
		line-height:68px
	}
}
@media screen and (max-width: 991px) {
	.ms-quote__text {
		font-size:50px;
		line-height:58px
	}
}
@media screen and (max-width: 767px) {
	.ms-quote__text {
		font-size:40px;
		line-height:48px
	}
}
.ms-quote__text:before {
	position:absolute;
	left:-50px;
	top:3px;
	content:"“";
	font:inherit
}
@media screen and (max-width: 991px) {
	.ms-quote__text:before {
		display:none
	}
}
.ms-quote__text:after {
	position:absolute;
	bottom:0;
	right:0;
	content:"“";
	font:inherit
}
@media screen and (max-width: 991px) {
	.ms-quote__text:after {
		display:none
	}
}
.ms-row {
	padding-top:190px;
	padding-bottom:190px
}
@media screen and (max-width: 1199px) {
	.ms-row {
		padding-top:120px;
		padding-bottom:120px
	}
}
@media screen and (max-width: 991px) {
	.ms-row {
		padding-top:60px;
		padding-bottom:60px
	}
}
.ms-tech {
	display:flex;
	flex-direction:column
}
@media screen and (max-width: 767px) {
	.ms-tech {
		margin-bottom:50px
	}
}
.ms-tech__title {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:30px;
	letter-spacing:1.5px;
	margin-bottom:10px;
	font-weight:700;
	text-transform:uppercase
}
.ms-tech__text {
	font-size:20px;
	line-height:30px;
	padding:20px 0;
	max-width:195px
}
@media screen and (max-width: 1199px) {
	.ms-tech__text {
		max-width:100%
	}
}
@media screen and (max-width: 767px) {
	.ms-tech__text {
		max-width:220px
	}
}
.ms-tech__text+.ms-tech__text {
	border-top:1px solid #edeeee
}
.ms-cities {
	display:flex;
	flex-direction:row;
	justify-content:center;
	padding-bottom:160px
}
@media screen and (max-width: 991px) {
	.ms-cities {
		padding-bottom:100px
	}
}
@media screen and (max-width: 767px) {
	.ms-cities {
		flex-direction:column
	}
}
.ms-cities-item {
	display:flex;
	flex-direction:column;
	align-items:center
}
.ms-cities-item-image-wrapper {
	display:flex;
	height:190px;
	max-width:415px
}
@media screen and (max-width: 1549px) {
	.ms-cities-item-image-wrapper {
		height:190px
	}
}
@media screen and (max-width: 1199px) {
	.ms-cities-item-image-wrapper {
		height:150px;
		max-width:375px
	}
}
@media screen and (max-width: 991px) {
	.ms-cities-item-image-wrapper {
		height:100px;
		max-width:215px
	}
}
@media screen and (max-width: 767px) {
	.ms-cities-item-image-wrapper {
		height:180px;
		max-width:100%
	}
}
@media screen and (max-width: 375px) {
	.ms-cities-item-image-wrapper {
		height:140px;
		max-width:100%
	}
}
.ms-cities-item+.ms-cities-item {
	margin-left:90px
}
@media screen and (max-width: 1199px) {
	.ms-cities-item+.ms-cities-item {
		margin-left:60px
	}
}
@media screen and (max-width: 767px) {
	.ms-cities-item+.ms-cities-item {
		margin-left:0;
		margin-top:120px
	}
}
.ms-cities-item__image {
	width:100%;
	height:auto
}
.ms-cities-item__name {
	margin-top:95px;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:30px;
	letter-spacing:1.5px;
	text-transform:uppercase
}
@media screen and (max-width: 1199px) {
	.ms-cities-item__name {
		margin-top:50px
	}
}
@media screen and (max-width: 991px) {
	.ms-cities-item__name {
		font-size:26px
	}
}
.ms-cities-item__address {
	margin-top:30px;
	max-width:275px;
	text-align:center;
	font-size:18px;
	line-height:27px;
	height:70px
}
.ms-cities-item__view {
	display:flex;
	margin-top:30px;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:22px;
	line-height:27px;
	letter-spacing:1.1px;
	text-transform:uppercase;
	cursor:pointer;
	color:#000
}
.ms-cities-item__view:active,
.ms-cities-item__view:visited {
	color:#000
}
.ms-cities-item__view:hover i {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIyNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzY0MjRFRSIgc3Ryb2tlPSIjNjQyNEVFIiBkPSJNOC41MyA1Ljc2OGMtMS42NTkgMC0zLjAxIDEuNDE3LTMuMDEgMy4xNiAwIDEuNzQgMS4zNTEgMy4xNTkgMy4wMSAzLjE1OSAxLjY2IDAgMy4wMTItMS40MTggMy4wMTItMy4xNiAwLTEuNzQyLTEuMzUxLTMuMTYtMy4wMTEtMy4xNnptMCA1LjQxNmMtMS4xODUgMC0yLjE1LTEuMDEyLTIuMTUtMi4yNTcgMC0xLjI0NC45NjUtMi4yNTcgMi4xNS0yLjI1NyAxLjE4NyAwIDIuMTUxIDEuMDEzIDIuMTUxIDIuMjU3IDAgMS4yNDUtLjk2NCAyLjI1Ny0yLjE1IDIuMjU3eiIvPjxwYXRoIGZpbGw9IiM2NDI0RUUiIHN0cm9rZT0iIzY0MjRFRSIgZD0iTTE0LjE1NyAyLjk2QzEyLjY0NiAxLjM3NSAxMC42MzcuNTAyIDguNS41MDJzLTQuMTQ1Ljg3My01LjY1NiAyLjQ1OEMuMDQ4IDUuODk0LS4yOTkgMTEuNDEzIDIuMDkxIDE0Ljc1N0w4LjUgMjQuNDY5bDYuNC05LjY5OWMyLjQtMy4zNTggMi4wNTMtOC44NzctLjc0My0xMS44MXptLjA2NiAxMS4yOTlsLTUuNzIyIDguNjcyLTUuNzMyLTguNjg2Qy42MDEgMTEuMjEyLjkxMiA2LjIyNyAzLjQzNSAzLjU4YzEuMzUzLTEuNDIgMy4xNTItMi4yMDIgNS4wNjYtMi4yMDIgMS45MTQgMCAzLjcxMy43ODIgNS4wNjYgMi4yMDIgMi41MjMgMi42NDggMi44MzQgNy42MzIuNjU2IDEwLjY4eiIvPjwvc3ZnPg==)
}
.ms-cities-item__geo-icon {
	display:inline-block;
	width:15.9px;
	height:22.9px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIyNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgc3Ryb2tlPSIjMDgwODE1IiBkPSJNOC41MyA1Ljc2OGMtMS42NTkgMC0zLjAxIDEuNDE3LTMuMDEgMy4xNiAwIDEuNzQgMS4zNTEgMy4xNTkgMy4wMSAzLjE1OSAxLjY2IDAgMy4wMTItMS40MTggMy4wMTItMy4xNiAwLTEuNzQyLTEuMzUxLTMuMTYtMy4wMTEtMy4xNnptMCA1LjQxNmMtMS4xODUgMC0yLjE1LTEuMDEyLTIuMTUtMi4yNTcgMC0xLjI0NC45NjUtMi4yNTcgMi4xNS0yLjI1NyAxLjE4NyAwIDIuMTUxIDEuMDEzIDIuMTUxIDIuMjU3IDAgMS4yNDUtLjk2NCAyLjI1Ny0yLjE1IDIuMjU3eiIvPjxwYXRoIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzA4MDgxNSIgZD0iTTE0LjE1NyAyLjk2QzEyLjY0NiAxLjM3NSAxMC42MzcuNTAyIDguNS41MDJzLTQuMTQ1Ljg3My01LjY1NiAyLjQ1OEMuMDQ4IDUuODk0LS4yOTkgMTEuNDEzIDIuMDkxIDE0Ljc1N0w4LjUgMjQuNDY5bDYuNC05LjY5OWMyLjQtMy4zNTggMi4wNTMtOC44NzctLjc0My0xMS44MXptLjA2NiAxMS4yOTlsLTUuNzIyIDguNjcyLTUuNzMyLTguNjg2Qy42MDEgMTEuMjEyLjkxMiA2LjIyNyAzLjQzNSAzLjU4YzEuMzUzLTEuNDIgMy4xNTItMi4yMDIgNS4wNjYtMi4yMDIgMS45MTQgMCAzLjcxMy43ODIgNS4wNjYgMi4yMDIgMi41MjMgMi42NDggMi44MzQgNy42MzIuNjU2IDEwLjY4eiIvPjwvc3ZnPg==);
	background-size:cover;
	margin-right:10px
}
.ms-case-block {
	position:relative;
	padding:120px 0
}
@media screen and (max-width: 767px) {
	.ms-case-block {
		padding:50px 0
	}
}
.ms-case-block_results {
	padding-bottom:180px
}
.ms-case-block_full-height {
	height:calc(100vh - 240px)
}
@media screen and (max-width: 767px) {
	.ms-case-block_full-height {
		height:calc(100vh - 40px)
	}
}
.ms-case-preview {
	position:relative;
	height:100vh
}
@media screen and (max-width: 767px) {
	.ms-case-preview {
		height:60vh
	}
}
.ms-case-preview_yellow {
	background-color:#ffe13c
}
.ms-case-preview__image {
	display:block;
	height:auto;
	width:auto;
	max-width:1440px;
	max-height:90vh;
	margin:auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,
	-50%);
	transform:translate(-50%,
	-50%)
}
@media screen and (max-width: 1549px) {
	.ms-case-preview__image {
		max-width:1140px
	}
}
@media screen and (max-width: 1199px) {
	.ms-case-preview__image {
		max-width:960px
	}
}
@media screen and (max-width: 991px) {
	.ms-case-preview__image {
		max-width:720px;
		height:auto
	}
}
@media screen and (max-width: 767px) {
	.ms-case-preview__image {
		max-width:90%;
		max-height:50vh
	}
}
.ms-case-socials-external {
	display:flex;
	align-items:center;
	margin-top:50px
}
@media screen and (max-width: 767px) {
	.ms-case-socials-external {
		align-items:flex-start;
		flex-direction:column
	}
}
.ms-case-socials__link {
	display:block
}
.ms-case-socials__link+.ms-case-socials__link {
	margin-left:65px
}
@media screen and (max-width: 767px) {
	.ms-case-socials__link+.ms-case-socials__link {
		margin-left:0;
		margin-top:20px
	}
}
.ms-case-socials__link_text {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:32px;
	letter-spacing:1.6px;
	color:#c9d1d9
}
.ms-case-socials__link_text:hover {
	color:#6424ee
}
.ms-case-socials__link_behance {
	width:136px
}
.ms-case-socials__link_dribbble {
	width:123px
}
.ms-case-socials__link_website {
	width:40px
}
.ms-case-socials__img {
	width:100%;
	height:auto;
	opacity:.2;
	transition:opacity .2s
}
.ms-case-socials__img:hover {
	transition:opacity .2s;
	opacity:1
}
.ms-case__type {
	position:absolute;
	top:-70px;
	font-size:18px;
	line-height:27px;
	text-transform:uppercase
}
.ms-case__description {
	font-size:20px;
	line-height:30px
}
@media screen and (max-width: 767px) {
	.ms-case__description {
		font-size:16px;
		line-height:26px
	}
}
.ms-case__image,
.ms-case__video {
	width:auto;
	height:auto;
	align-self:center
}
.ms-case__image {
	max-width:1440px
}
@media screen and (max-width: 1549px) {
	.ms-case__image {
		max-width:1140px
	}
}
@media screen and (max-width: 1199px) {
	.ms-case__image {
		max-width:960px
	}
}
@media screen and (max-width: 991px) {
	.ms-case__image {
		max-width:720px
	}
}
@media screen and (max-width: 767px) {
	.ms-case__image {
		max-width:100%;
		margin:0 auto
	}
}
.ms-case__image_banner {
	max-width:100%
}
.ms-case__image_icon {
	max-width:300px;
	max-height:300px
}
.ms-case-wrapper {
	width:100%;
	display:flex;
	flex-direction:row;
	align-self:center
}
.ms-case-wrapper+.ms-case-wrapper {
	margin-top:80px
}
.ms-case-wrapper_right {
	justify-content:flex-end
}
.ms-case-wrapper_left {
	justify-content:flex-start
}
.ms-case-wrapper_center {
	justify-content:center
}
.ms-case-row {
	padding-bottom:100px
}
.ms-case-row_no-padding-desktop {
	padding-bottom:0
}
@media screen and (max-width: 991px) {
	.ms-case-row_no-padding-desktop {
		padding-bottom:100px
	}
}
.ms-case__next {
	margin-top:80px
}
.ms-case-video-wrapper {
	width:100%
}
body,
html {
	overflow:visible;
	-webkit-overflow-scrolling:touch;
	height:auto
}
html.block-scroll {
	overflow:hidden
}
body {
	width:100%;
	position:fixed;
	padding-bottom:545px
}
@media screen and (max-width: 1024px) {
	body {
		padding-bottom:0
	}
}
body.ms-initialized {
	position:relative;
	overflow-x:hidden
}
a {
	text-decoration:none
}
a.ms-link_yellow.router-link-exact-active {
	color:#ffe13c!important;
	-webkit-text-fill-color:#ffe13c!important
}
a.ms-link_violet.router-link-exact-active {
	color:#6424ee!important;
	-webkit-text-fill-color:#6424ee!important
}
a,
h1,
h2,
h3,
h4,
p,
span {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility
}
p {
	margin:0
}
* .stroked {
	color:#fff;
	font-weight:400;
	-webkit-text-stroke:1px #000
}
@media screen and (max-width: 414px) {
	* .stroked {
		-webkit-text-stroke:1px #000
	}
}
@media screen and (max-width: 991px) {
	.no-margin-mobile {
		margin:0!important
	}
}
.row {
	display:flex;
	flex-direction:row;
	margin:0 -30px;
	flex-wrap:wrap
}
@media screen and (max-width: 991px) {
	.row {
		margin:0 -15px
	}
}
@media screen and (max-width: 1024px) {
	.row_intro-home {
		flex-direction:column
	}
}
.row .col-1 {
	display:flex;
	flex-direction:column;
	width:calc(8.33333% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-1 {
		width:calc(8.33333% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-1 {
		width:calc(8.33333% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-1-xl {
		width:calc(8.33333% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-1-lg {
		width:calc(8.33333% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-1-ipad {
		width:calc(8.33333% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-1-md {
		width:calc(8.33333% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-1-xs {
		flex-grow:0;
		width:calc(8.33333% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-2 {
	display:flex;
	flex-direction:column;
	width:calc(16.66667% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-2 {
		width:calc(16.66667% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-2 {
		width:calc(16.66667% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-2-xl {
		width:calc(16.66667% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-2-lg {
		width:calc(16.66667% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-2-ipad {
		width:calc(16.66667% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-2-md {
		width:calc(16.66667% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-2-xs {
		flex-grow:0;
		width:calc(16.66667% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-3 {
	display:flex;
	flex-direction:column;
	width:calc(25% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-3 {
		width:calc(25% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-3 {
		width:calc(25% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-3-xl {
		width:calc(25% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-3-lg {
		width:calc(25% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-3-ipad {
		width:calc(25% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-3-md {
		width:calc(25% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-3-xs {
		flex-grow:0;
		width:calc(25% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-4 {
	display:flex;
	flex-direction:column;
	width:calc(33.33333% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-4 {
		width:calc(33.33333% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-4 {
		width:calc(33.33333% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-4-xl {
		width:calc(33.33333% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-4-lg {
		width:calc(33.33333% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-4-ipad {
		width:calc(33.33333% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-4-md {
		width:calc(33.33333% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-4-xs {
		flex-grow:0;
		width:calc(33.33333% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-5 {
	display:flex;
	flex-direction:column;
	width:calc(41.66667% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-5 {
		width:calc(41.66667% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-5 {
		width:calc(41.66667% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-5-xl {
		width:calc(41.66667% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-5-lg {
		width:calc(41.66667% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-5-ipad {
		width:calc(41.66667% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-5-md {
		width:calc(41.66667% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-5-xs {
		flex-grow:0;
		width:calc(41.66667% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-6 {
	display:flex;
	flex-direction:column;
	width:calc(50% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-6 {
		width:calc(50% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-6 {
		width:calc(50% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-6-xl {
		width:calc(50% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-6-lg {
		width:calc(50% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-6-ipad {
		width:calc(50% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-6-md {
		width:calc(50% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-6-xs {
		flex-grow:0;
		width:calc(50% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-7 {
	display:flex;
	flex-direction:column;
	width:calc(58.33333% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-7 {
		width:calc(58.33333% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-7 {
		width:calc(58.33333% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-7-xl {
		width:calc(58.33333% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-7-lg {
		width:calc(58.33333% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-7-ipad {
		width:calc(58.33333% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-7-md {
		width:calc(58.33333% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-7-xs {
		flex-grow:0;
		width:calc(58.33333% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-8 {
	display:flex;
	flex-direction:column;
	width:calc(66.66667% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-8 {
		width:calc(66.66667% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-8 {
		width:calc(66.66667% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-8-xl {
		width:calc(66.66667% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-8-lg {
		width:calc(66.66667% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-8-ipad {
		width:calc(66.66667% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-8-md {
		width:calc(66.66667% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-8-xs {
		flex-grow:0;
		width:calc(66.66667% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-9 {
	display:flex;
	flex-direction:column;
	width:calc(75% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-9 {
		width:calc(75% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-9 {
		width:calc(75% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-9-xl {
		width:calc(75% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-9-lg {
		width:calc(75% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-9-ipad {
		width:calc(75% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-9-md {
		width:calc(75% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-9-xs {
		flex-grow:0;
		width:calc(75% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-10 {
	display:flex;
	flex-direction:column;
	width:calc(83.33333% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-10 {
		width:calc(83.33333% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-10 {
		width:calc(83.33333% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-10-xl {
		width:calc(83.33333% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-10-lg {
		width:calc(83.33333% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-10-ipad {
		width:calc(83.33333% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-10-md {
		width:calc(83.33333% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-10-xs {
		flex-grow:0;
		width:calc(83.33333% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-11 {
	display:flex;
	flex-direction:column;
	width:calc(91.66667% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-11 {
		width:calc(91.66667% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-11 {
		width:calc(91.66667% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-11-xl {
		width:calc(91.66667% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-11-lg {
		width:calc(91.66667% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-11-ipad {
		width:calc(91.66667% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-11-md {
		width:calc(91.66667% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-11-xs {
		flex-grow:0;
		width:calc(91.66667% - 30px)!important;
		padding:0 15px!important
	}
}
.row .col-12 {
	display:flex;
	flex-direction:column;
	width:calc(100% - 60px);
	padding:0 30px
}
@media screen and (max-width: 991px) {
	.row .col-12 {
		width:calc(100% - 30px);
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-12 {
		width:calc(100% - 30px);
		padding:0 15px
	}
}
@media screen and (max-width: 1549px) {
	.row .col-12-xl {
		width:calc(100% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1199px) {
	.row .col-12-lg {
		width:calc(100% - 60px)!important;
		padding:0 30px!important
	}
}
@media screen and (max-width: 1024px) {
	.row .col-12-ipad {
		width:calc(100% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 991px) {
	.row .col-12-md {
		width:calc(100% - 30px)!important;
		padding:0 15px!important
	}
}
@media screen and (max-width: 767px) {
	.row .col-12-xs {
		flex-grow:0;
		width:calc(100% - 30px)!important;
		padding:0 15px!important;
		flex: 0 0 100%!important;
		max-width: 100%!important;
}
	}
}
.row .col_clients {
	flex-direction:row
}
@media screen and (max-width: 991px) {
	.row .col_clients {
		flex-direction:column
	}
}
.ms-page {
	visibility:hidden
}
.ms-page.ms-initialized {
	visibility:visible;
	opacity:1;
	-webkit-animation-name:show-content;
	animation-name:show-content;
	-webkit-animation-duration:1s;
	animation-duration:1s
}
@-webkit-keyframes show-content {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
@keyframes show-content {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
.ms-page-content {
	z-index:30;
	position:relative;
	background-color:#fff
}
.ms-page-intro {
	position:relative;
	padding-top:15vh;
	padding-bottom:120px
}
@media screen and (max-width: 767px) {
	.ms-page-intro {
		padding-bottom:10vh
	}
}
.ms-page__title {
	font-family:d-din_condenseddinCnBd,
	sans-serif;
	font-size:120px;
	line-height:120px;
	text-transform:none;
	margin:0
}
@media screen and (max-width: 1549px) {
	.ms-page__title {
		font-size:15vh;
		line-height:15vh
	}
}
@media screen and (max-width: 991px) {
	.ms-page__title {
		font-size:11vw;
		line-height:13vw
	}
}
@media screen and (max-height: 414px) {
	.ms-page__title {
		font-size:8vw;
		line-height:9vw
	}
}
@media screen and (min-width: 767px) and (max-width: 991px) and (min-height: 320px) and (max-height: 650px) {
	.ms-page__title {
		font-size:15vh;
		line-height:15vh
	}
}
.ms-page__title span {
	font-family:inherit;
	text-transform:inherit
}
.ms-page__title span.violet {
	color:#6424ee
}
@media screen and (max-width: 375px) {
	.ms-page__title span.mobile-break-line {
		display:block
	}
}
.ms-page__description {
	font-size:20px;
	line-height:30px;
	max-width:640px;
	margin-top:10px
}
@media screen and (max-width: 767px) {
	.ms-page__description {
		width:100%;
		font-size:16px;
		line-height:26px;
		margin-top:20px
	}
}
.ms-page__description_home {
	width:430px;
	margin:50px auto 0
}
@media screen and (max-width: 767px) {
	.ms-page__description_home {
		width:100%
	}
}
@media screen and (max-height: 414px) {
	.ms-page__description_home {
		margin-top:20px;
		font-size:16px;
		line-height:20px
	}
}
.container {
	position:relative;
	width:100%;
	margin:0 auto;
	padding: 0;
	max-width:1440px
}
@media screen and (max-width: 1549px) {
	.container {
		max-width:1140px
	}
}
@media screen and (max-width: 1199px) {
	.container {
		max-width:960px
	}
}
@media screen and (max-width: 991px) {
	.container {
		max-width:720px
	}
}
@media screen and (max-width: 767px) {
	.container {
		max-width:calc(100% - 50px)
	}
}
.ms-container {
	position:relative;
	width:100%;
	margin:0 auto;
	max-width:1440px
}
@media screen and (max-width: 1549px) {
	.ms-container {
		max-width:1140px
	}
}
@media screen and (max-width: 1199px) {
	.ms-container {
		max-width:960px
	}
}
@media screen and (max-width: 991px) {
	.ms-container {
		max-width:720px
	}
}
@media screen and (max-width: 767px) {
	.ms-container {
		max-width:calc(100% - 50px)
	}
}
.ms-banner {
	position:relative;
	margin-top:30px
}
.ms-banner__image {
	width:100%;
	height:auto
}
.ms-title {
	font-family:d-din_condenseddinCnBd, sans-serif;
	font-size:80px;
	line-height:76.5px;
	color:#000;
	margin-bottom:30px;
	text-transform:none;
}
@media screen and (max-width: 1549px) {
	.ms-title {
		font-size:70px;
		line-height:78px
	}
}
@media screen and (max-width: 1199px) {
	.ms-title {
		font-size:60px;
		line-height:68px
	}
}
@media screen and (max-width: 991px) {
	.ms-title {
		font-size:60px;
		line-height:68px;
		margin-bottom:50px
	}
}
@media screen and (max-width: 767px) {
	.ms-title {
		font-size:50px;
		line-height:58px
	}
}
.ms-title_white {
	color:#fff
}
.ms-title_case {
	margin-top:215px
}
@media screen and (max-width: 991px) {
	.ms-title_case {
		margin-top:80px
	}
}
.ms-subtitle {
	font-size:20px;
	line-height:30px;
	color:#000;
	max-width:540px
}
.ms-subtitle_white {
	color:#fff
}
.ms-link_yellow {
	display:inline-block;
	background-image:linear-gradient(90deg,
	#ffe13c,
	#ffe13c 50%,
	#fff 0);
	background-position:100%;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.ms-link_yellow,
.ms-link_yellow:hover {
	background-size:200% 100%;
	transition-delay:0s!important;
	transition:background-position .5s,
	background-size .5s
}
.ms-link_yellow:hover {
	background-position:0
}
.ms-link_violet {
	display:inline-block;
	background-image:linear-gradient(90deg,
	#6424ee,
	#6424ee 50%,
	#000 0);
	background-size:200% 100%;
	background-position:100%;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	transition:all .5s
}
.ms-link_violet.nuxt-link-exact-active {
	-webkit-text-fill-color:#6424ee
}
.ms-link_violet:hover {
	background-position:0
}
.ms-link_violet:hover,
.ms-link_white {
	transition:all .5s;
	background-size:200% 100%
}
.ms-link_white {
	display:inline-block;
	background-image:linear-gradient(90deg,
	#fff,
	#fff 50%,
	hsla(0,
	0%,
	100%,
	.4) 0);
	background-position:100%;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.ms-link_white:hover {
	transition:all .5s;
	background-position:0;
	background-size:200% 100%
}
.ms-action-link {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:22px;
	text-transform:uppercase;
	color:#000;
	max-width:50%
}
@media screen and (max-width: 767px) {
	.ms-action-link {
		max-width:100%
	}
}
.ms-action-link_white {
	color:#fff!important
}
.ms-clients-table {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-top:55px
}
.ms-clients-table-cell {
	max-width:calc(33.33333% - 4px);
	border:1px solid #1a1a1a;
	margin-right:-1px;
	margin-bottom:-1px;
	transition:opacity .5s
}
@media screen and (max-width: 767px) {
	.ms-clients-table-cell {
		max-width:calc(50% - 4px)
	}
}
.ms-clients-table__image {
	width:100%;
	height:auto;
	opacity:.5;
	transition:opacity .5s
}
.ms-clients-table__image:hover {
	opacity:1;
	transition:opacity .5s
}
.ms-line-after {
	position:relative
}
.ms-line-after:after {
	position:absolute;
	top:50%;
	content:"";
	display:inline-block;
	width:50px;
	height:1px;
	opacity:.4;
	background-color:#fff;
	transition:all .5s;
	margin-left:15px
}
.ms-line-after:hover:after {
	width:100px;
	transition:all .5s
}
.ms-line-after_dark:after {
	background-color:#000
}
.section-description {
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:50px
}
@media screen and (max-width: 767px) {
	.section-description {
		flex-direction:column
	}
}
.section-description__title {
	font-size:120px;
	line-height:132px;
	font-family:d-din_condensedregular,
	sans-serif;
	text-transform:uppercase
}
@media screen and (max-width: 991px) {
	.section-description__title {
		font-size:74px;
		line-height:82.5px
	}
}
@media screen and (max-width: 767px) {
	.section-description__title {
		font-size:55px;
		line-height:80px
	}
}
.section-description__description {
	max-width:320px;
	font-family:Lato,
	sans-serif;
	font-size:20px;
	line-height:30px;
	margin-left:315px
}
@media screen and (max-width: 1199px) {
	.section-description__description {
		margin-left:150px
	}
}
@media screen and (max-width: 991px) {
	.section-description__description {
		margin-left:120px
	}
}
@media screen and (max-width: 767px) {
	.section-description__description {
		margin-left:0;
		text-align:center;
		font-size:18px;
		line-height:25px
	}
}
.advantages {
	padding-top:190px;
	padding-bottom:100px;
	flex-wrap:nowrap!important
}
@media screen and (max-width: 1199px) {
	.advantages {
		padding-bottom:120px
	}
}
@media screen and (max-width: 991px) {
	.advantages {
		flex-direction:column!important;
		padding-top:60px;
		padding-bottom:60px
	}
}
.advantages-content {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	margin-left:100px;
	margin-top:5px
}
@media screen and (max-width: 1549px) {
	.advantages-content {
		margin-left:20px
	}
}
@media screen and (max-width: 991px) {
	.advantages-content {
		margin-left:0;
		padding-top:50px;
		padding-bottom:50px
	}
}
.advantages-item {
	display:flex;
	flex-direction:column;
	margin-bottom:90px
}
@media screen and (max-width: 1199px) {
	.advantages-item {
		margin-bottom:70px
	}
}
@media screen and (max-width: 991px) {
	.advantages-item {
		margin-bottom:60px
	}
}
.advantages-item__number {
	margin-bottom:25px;
	font-size:18px;
	line-height:27px
}
.advantages-item__title {
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:30px;
	letter-spacing:1.5px;
	text-transform:uppercase;
	margin-bottom:30px;
	font-weight:700
}
.advantages-item__text {
	font-size:18px;
	line-height:30px
}
@media screen and (max-width: 991px) {
	.advantages-item__text {
		max-width:50vw
	}
}
@media screen and (max-width: 767px) {
	.advantages-item__text {
		max-width:100%
	}
}
.advantages__subscription {
	font-size:70px;
	line-height:78px;
	font-family:d-din_condensedregular,
	sans-serif;
	text-transform:uppercase
}
@media screen and (max-width: 991px) {
	.advantages__subscription {
		font-size:60px;
		line-height:68px;
		margin-bottom:50px
	}
}
@media screen and (max-width: 767px) {
	.advantages__subscription {
		font-size:50px
	}
}
.backstage-wrapper {
	position:absolute;
	top:-100px;
	right:0;
	z-index:-1
}
@media screen and (max-width: 1549px) {
	.backstage-wrapper {
		top:-80px
	}
}
@media screen and (max-width: 1199px) {
	.backstage-wrapper {
		top:-70px
	}
}
@media screen and (max-width: 991px) {
	.backstage-wrapper {
		top:-50px
	}
}
@media screen and (max-width: 767px) {
	.backstage-wrapper {
		top:-8vw
	}
}
.backstage-wrapper__backstage {
	font-size:180px;
	font-family:d-din_condensedregular,
	sans-serif;
	text-transform:uppercase;
	position:relative
}
@media screen and (max-width: 1549px) {
	.backstage-wrapper__backstage {
		font-size:140px
	}
}
@media screen and (max-width: 1199px) {
	.backstage-wrapper__backstage {
		font-size:100px
	}
}
@media screen and (max-width: 991px) {
	.backstage-wrapper__backstage {
		font-size:80px
	}
}
@media screen and (max-width: 767px) {
	.backstage-wrapper__backstage {
		font-size:60px
	}
}
.ms-no-margin {
	margin:0!important
}
.plyr__controls .plyr__progress__container {
	flex:1
}
.plyr--full-ui input[type=range] {
	color:#6424ee
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr__control--overlaid {
	background:#6424ee
}
.plyr--video .plyr__time {
	font-family:Lato,
	sans-serif
}
.__nuxt-error-page {
	background-color:#fff
}
@media screen and (max-width: 1024px) {
	.hidden-ipad {
		display:none!important
	}
}
@media (max-width: 1199px) {
	.hidden-sm {
		display:none!important
	}
}
@media (min-width: 1199px) {
	.show-sm {
		display:none!important
	}
}
@media (max-width: 991px) {
	.hidden-md {
		display:none!important
	}
}
@media (min-width: 991px) {
	.show-md {
		display:none!important
	}
}
@media (max-width: 767px) {
	.hidden-xs {
		display:none!important
	}
}
@media (min-width: 767px) {
	.show-xs {
		display:none!important
	}
}
.ms-error-wrapper {
	display:flex;
	flex-direction:column;
	max-width:80%
}
.ms-error__image {
	width:100%
}
.ms-error__text {
	text-transform:uppercase;
	font-family:d-din_condensedregular,
	sans-serif;
	font-size:48px;
	letter-spacing:.05em;
	margin-bottom:20px
}
@media screen and (max-width: 991px) {
	.ms-error__text {
		font-size:35px;
		letter-spacing:.01em
	}
}
@media screen and (max-width: 767px) {
	.ms-error__text {
		text-align:center;
		font-size:25px;
		line-height:35px
	}
}
.ms-error__link {
	font-size:31px;
	letter-spacing:.05em
}
@media screen and (max-width: 991px) {
	.ms-error__link {
		font-size:25px
	}
}
@media screen and (max-width: 767px) {
	.ms-error__link {
		font-size:15px;
		line-height:25px;
		margin-top:20px
	}
}
.ms-error-message {
	line-height:58px;
	margin-top:75px;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center
}
@media screen and (max-width: 767px) {
	.ms-error-message {
		margin:25px auto 0;
		width:calc(100% - 50px)
	}
}
.ms-preloader {
	position:fixed;
	left:0;
	top:0;
	background-color:#fff;
	width:100%;
	height:100%;
	z-index:1000;
	opacity:1;
	transition:all .5s;
	display:flex;
	align-items:center;
	justify-content:center
}
.ms-preloader.hided {
	opacity:0;
	transition:all .5s
}
.ms-preloader img {
	position:fixed;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,
	-50%);
	transform:translate(-50%,
	-50%);
	max-width:200px
}
@media screen and (max-width: 991px) {
	.ms-preloader img {
		max-width:50%
	}
}
@media screen and (max-width: 768px) {
	.ms-preloader img {
		max-width:40%
	}
}
.ms-transition {
	display:flex;
	align-items:center;
	justify-items:center;
	position:fixed;
	top:0;
	left:0;
	width:0;
	height:100vh;
	background-color:#fff;
	z-index:10000;
	overflow:hidden;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	transition:all .5s
}
.ms-transition__text {
	font-family:d-din_condensedregular,
	sans-serif;
	text-transform:uppercase;
	font-size:22px;
	line-height:26px;
	letter-spacing:.05em;
	text-align:center;
	width:275px;
	margin:15px auto 0
}
.ms-transition__text.animated {
	-webkit-animation-name:appearing-text;
	animation-name:appearing-text;
	-webkit-animation-duration:1.6s;
	animation-duration:1.6s
}
.ms-transition__image.animated {
	-webkit-animation-name:appearing-image;
	animation-name:appearing-image;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s
}
@media screen and (max-width: 767px) {
	.ms-transition__image {
		max-width:150px
	}
}
.ms-transition.centered {
	transition:all .5s;
	height:100vh;
	width:100vw;
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.ms-transition.centered:before {
	display:block;
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:-100%;
	background-color:#ffe13c
}
.ms-transition.centered .ms-transition-content {
	display:flex
}
.ms-transition.finished {
	transition:width .5s;
	width:0;
	left:auto;
	right:0;
	overflow:visible
}
.ms-transition-content {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	overflow:hidden
}
@-webkit-keyframes appearing-image {
	0% {
		-webkit-transform:translateX(-100%);
		transform:translateX(-100%)
	}
	to {
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
@keyframes appearing-image {
	0% {
		-webkit-transform:translateX(-100%);
		transform:translateX(-100%)
	}
	to {
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
@-webkit-keyframes appearing-text {
	0% {
		-webkit-transform:translateX(-120%);
		transform:translateX(-120%)
	}
	to {
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
@keyframes appearing-text {
	0% {
		-webkit-transform:translateX(-120%);
		transform:translateX(-120%)
	}
	to {
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}