@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,600,700,800|Roboto:400,700,900&display=swap&subset=cyrillic');

html,
body {
	background: #fff;
	color: #333;
	margin: 0;
	padding: 0;
	font: 14px/1.715 Roboto, sans-serif;
	max-width: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
}

body {
	cursor: default;
	position: relative;
}

img {
	max-width: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

a img {
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 1.2em 0 0.8em;
	font-weight: 700;
}

a {
	text-decoration: none;
	color: #581def;
}

a span,
a font {
	cursor: pointer;
}

hr {
	background: #581def;
	height: 2px;
	border: 0;
	margin: 15px 0;
}

label {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type='submit'],
button {
	cursor: pointer;
}

textarea {
	resize: vertical;
}

input,
textarea,
button {
	font-family: inherit;
	color: inherit;
	outline: 0;
}

script {
	display: none !important;
}

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

::-moz-selection {
	color: #fff;
	background: #581def;
}

::selection {
	color: #fff;
	background: #581def;
}

::-moz-selection {
	color: #fff;
	background: #581def;
}

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

.title {
	font: 300 3.42857rem/1.16 Montserrat, sans-serif;
	color: #333;
	margin: 0.85em 0 1.1em 0.04em;
	position: relative;
}

.title b {
	font-weight: 800;
}

.title_hero {
	font-size: 4.57143rem;
	line-height: 1;
	text-transform: uppercase;
	margin-left: -0.075em;
	margin-bottom: 0.85em;
	margin-top: 0;
}

.title-text {
	position: relative;
	padding: 0 0 0 5.14286rem;
	margin: 2em 0;
	max-width: 585px;
}

.title-text:after {
	content: '';
	position: absolute;
	left: 0;
	top: 1em;
	width: 60px;
	height: 1px;
	background: #581def;
}

.title__num {
	font: 800 0.71429rem/1.5 Montserrat, sans-serif;
	letter-spacing: 0.1em;
	margin: 0;
	display: inline-block;
	border-bottom: 2px solid #333;
	position: absolute;
	top: -2.75em;
	left: 0.65em;
}

.button {
	font: bold 0.71429rem/1.16 Montserrat, sans-serif;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
	white-space: nowrap;
	text-transform: uppercase;
	display: inline-block;
	padding: 23.1px 21px;
	border-radius: 3px;
	background-color: #581def;
	min-width: 14.28571rem;
	border: 0;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.button:hover {
	background: #694fff;
}

.button_red {
	background-color: #581def;
}

.button_red:hover {
	background-color: #694fff;
}

.button_green {
	background-color: #0ac699;
}

.button_green:hover {
	background-color: #0bdeac;
}

.button_gray {
	background-color: #ececec;
}

.button_gray:hover {
	background-color: #f9f9f9;
}

.button_border {
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
}

.button.button_border {
	color: #581def;
	border-color: #581def;
}

.button_red.button_border {
	color: #581def;
	border-color: #581def;
}

.button_green.button_border {
	color: #0ac699;
	border-color: #0ac699;
}

.button_gray.button_border {
	color: #333;
	border-color: #ececec;
}

.button.button_border:hover,
.button_red.button_border:hover,
.button_green.button_border:hover {
	color: #fff;
}

.button.button_border:hover {
	background-color: #581def;
}

.button_red.button_border:hover {
	background-color: #581def;
}

.button_green.button_border:hover {
	background-color: #0ac699;
}

.button_gray.button_border:hover {
	background: #fff;
	color: #333;
	border-color: #999;
}

.button_small {
	padding: 17.5px 21px 16.1px;
	min-width: auto;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.button .i-right,
.button .i-left {
	display: inline-block;
	margin: 1px 0 0;
	vertical-align: middle;
}

.button .i-right {
	margin-left: 0.5rem;
}

.button .i-left {
	margin-right: 0.5rem;
}

.button.disabled,
.button:disabled {
	background: #b3b3b3;
	color: #fff;
	cursor: not-allowed;
}

.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	margin: 0 -12px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row.start {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.row.space-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.row.stretch {
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.row.row_no-flex {
	display: block;
}

.row.row_no-flex [class*='col-'] {
	float: left;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	width: 100%;
	padding-right: 12px;
	padding-left: 12px;
}

.col {
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.col-1 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 8.333333%;
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.col-2 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 16.666667%;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.col-3 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.333333%;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-5 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 41.666667%;
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.col-6 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-7 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58.333333%;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.col-8 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 66.666667%;
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.col-9 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 83.333333%;
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.col-11 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 91.666667%;
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}

.col-12 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.col-1-10,
.col-2-10,
.col-3-10,
.col-4-10,
.col-5-10,
.col-6-10,
.col-7-10,
.col-8-10,
.col-9-10,
.col-10-10 {
	padding-right: 12px;
	padding-left: 12px;
}

.col-1-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 10%;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	width: 10%;
}

.col-2-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	width: 20%;
}

.col-3-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 30%;
	-ms-flex: 0 0 30%;
	flex: 0 0 30%;
	width: 30%;
}

.col-4-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 40%;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	width: 40%;
}

.col-5-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
}

.col-6-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 60%;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	width: 60%;
}

.col-7-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 70%;
	-ms-flex: 0 0 70%;
	flex: 0 0 70%;
	width: 70%;
}

.col-8-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 80%;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
	width: 80%;
}

.col-9-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 90%;
	-ms-flex: 0 0 90%;
	flex: 0 0 90%;
	width: 90%;
}

.col-10-10 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	width: 100%;
}

.offset-1 {
	margin-left: 8.333333%;
}

.offset-2 {
	margin-left: 16.666667%;
}

.offset-3 {
	margin-left: 25%;
}

.offset-4 {
	margin-left: 33.333333%;
}

.offset-5 {
	margin-left: 41.666667%;
}

.offset-6 {
	margin-left: 50%;
}

.offset-7 {
	margin-left: 58.333333%;
}

.offset-8 {
	margin-left: 66.666667%;
}

.offset-9 {
	margin-left: 75%;
}

.offset-10 {
	margin-left: 83.333333%;
}

.offset-11 {
	margin-left: 91.666667%;
}

.g-wr {
	max-width: 1372px;
	padding: 0 2.14286rem;
	margin: 0 auto;
	position: relative;
}

.g-wr_max {
	max-width: 1772px;
	padding: 0 2.14286rem;
	margin: 0 auto;
	position: relative;
}

.g-wr_modal {
	max-width: 1440px;
	padding: 0 2.14286rem;
	margin: 0 auto;
	position: relative;
}

.slide-theme {
	display: none;
	width: 100%;
	position: relative;
	z-index: 1;
}

.slide-theme .owl-stage {
	position: relative;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

.slide-theme .owl-stage:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.slide-theme .owl-stage-outer {
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

.slide-theme .owl-wrapper,
.slide-theme .owl-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slide-theme .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.slide-theme .owl-item img {
	display: block;
	width: 100%;
}

.slide-theme .owl-nav.disabled,
.slide-theme .owl-dots.disabled {
	display: none;
}

.slide-theme .owl-nav .owl-prev,
.slide-theme .owl-nav .owl-next,
.slide-theme .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.slide-theme .owl-nav button.owl-prev,
.slide-theme .owl-nav button.owl-next,
.slide-theme button.owl-dot {
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
}

.slide-theme.owl-loaded {
	display: block;
}

.slide-theme.owl-loading {
	opacity: 0;
	display: block;
}

.slide-theme.owl-hidden {
	opacity: 0;
}

.slide-theme.owl-refresh .owl-item {
	visibility: hidden;
}

.slide-theme.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.slide-theme.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}

.slide-theme.owl-rtl {
	direction: rtl;
}

.slide-theme.owl-rtl .owl-item {
	float: right;
}

.no-js .slide-theme {
	display: block;
}

.slide-theme .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.slide-theme .owl-animated-in {
	z-index: 0;
}

.slide-theme .owl-animated-out {
	z-index: 1;
}

.slide-theme .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.slide-theme .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.slide-theme .owl-item .owl-lazy[src^=''],
.slide-theme .owl-item .owl-lazy:not([src]) {
	max-height: 0;
}

.slide-theme .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.slide-theme .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.slide-theme .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(https://angelsit.ru/studio/assets/css/owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 100ms ease;
	transition: -webkit-transform 100ms ease;
	-o-transition: transform 100ms ease;
	transition: transform 100ms ease;
	transition: transform 100ms ease, -webkit-transform 100ms ease;
}

.slide-theme .owl-video-play-icon:hover {
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.slide-theme .owl-video-playing .owl-video-tn,
.slide-theme .owl-video-playing .owl-video-play-icon {
	display: none;
}

.slide-theme .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.slide-theme .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.slide-theme .owl-nav {
	margin-top: 30px;
	text-align: left;
}

.slide-theme .owl-nav [class*='owl-'] {
	color: #fff;
	font-size: 0;
	margin: 3px;
	padding: 4px 7px;
	background: #ebebeb;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}

.slide-theme .owl-nav [class*='owl-']:hover {
	background: #adadad;
	color: #fff;
	text-decoration: none;
}

.slide-theme .owl-nav .owl-prev,
.slide-theme .owl-nav .owl-next {
	width: 2.285rem;
	height: 2.285rem;
	background: #ebebeb;
	border-radius: 50%;
	border: 0;
	font-size: 0;
}

.slide-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.slide-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}

.slide-theme .owl-dots {
	text-align: center;
}

.slide-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.slide-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #ebebeb;
	display: block;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	border-radius: 30px;
}

.slide-theme .owl-dots .owl-dot.active span,
.slide-theme .owl-dots .owl-dot:hover span {
	background: #adadad;
}

[class*='as-'] {
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: 0.55s;
	-o-transition-duration: 0.55s;
	transition-duration: 0.55s;
	opacity: 0;
}

.from-top {
	-webkit-transform: translate3d(0, -50px, 0);
	transform: translate3d(0, -50px, 0);
}

.from-left {
	-webkit-transform: translate3d(-100px, 0, 0);
	transform: translate3d(-100px, 0, 0);
}

.from-right {
	-webkit-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0);
}

.from-bottom {
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
}

.from-min-zoom {
	-webkit-transform: scale(0.5) translate3d(0, 0, 0);
	transform: scale(0.5) translate3d(0, 0, 0);
	opacity: 0;
}

.from-zoom {
	-webkit-transform: scale(0) translate3d(0, 0, 0);
	transform: scale(0) translate3d(0, 0, 0);
	opacity: 0;
}

.from-zoom-left {
	-webkit-transform: scale(0.7) translate3d(-100px, 0, 0);
	transform: scale(0.7) translate3d(-100px, 0, 0);
	opacity: 0;
}

.from-zoom-right {
	-webkit-transform: scale(0.7) translate3d(100px, 0, 0);
	transform: scale(0.7) translate3d(100px, 0, 0);
	opacity: 0;
}

.from-zoom-left-max {
	-webkit-transform: scale(0.1) translate3d(-100vw, 0, 0);
	transform: scale(0.1) translate3d(-100vw, 0, 0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	opacity: 0;
}

.from-zoom-right-max {
	-webkit-transform: scale(0.1) translate3d(100vw, 0, 0);
	transform: scale(0.1) translate3d(100vw, 0, 0);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	opacity: 0;
}

.from-above {
	-webkit-transform: scale(1.2) translate3d(0, 0, 0);
	transform: scale(1.2) translate3d(0, 0, 0);
}

.from-center {
	-webkit-transform: scale(0.8) translate3d(0, 0, 0);
	transform: scale(0.8) translate3d(0, 0, 0);
}

.from-opacity {
	opacity: 0;
}

.fade-in {
	-webkit-transform: scale(1) translate3d(0, 0, 0);
	transform: scale(1) translate3d(0, 0, 0);
}

.from-blur {
	-webkit-transform: scale(1) translate3d(0, 0, 0);
	transform: scale(1) translate3d(0, 0, 0);
	-webkit-filter: blur(50px);
	filter: blur(50px);
}

.js-animate [class*='as-'] {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility: visible;
	-webkit-transform: scale(1) translate3d(0, 0, 0);
	transform: scale(1) translate3d(0, 0, 0);
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
	-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}

.js-page-ready .header [class*='as-'] {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility: visible;
	-webkit-transform: scale(1) translate3d(0, 0, 0);
	transform: scale(1) translate3d(0, 0, 0);
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
	-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.2, 1);
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}

body:not(.js-page-ready) [class*='as-'] {
	-webkit-transition-duration: 0 !important;
	-o-transition-duration: 0 !important;
	transition-duration: 0 !important;
	-webkit-transition-delay: 0 !important;
	-o-transition-delay: 0 !important;
	transition-delay: 0 !important;
}

.mobile .js-animate [class*='as-'] {
	-webkit-transition-duration: 0;
	-o-transition-duration: 0;
	transition-duration: 0;
	-webkit-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0;
}

.as-0 {
	-webkit-transition-delay: 0;
	-o-transition-delay: 0;
	transition-delay: 0;
}

.as-1 {
	-webkit-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms;
}

.as-2 {
	-webkit-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}

.as-3 {
	-webkit-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.as-4 {
	-webkit-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}

.as-5 {
	-webkit-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}

.as-6 {
	-webkit-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.as-7 {
	-webkit-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}

.as-8 {
	-webkit-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
}

.as-9 {
	-webkit-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms;
}

.as-10 {
	-webkit-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.as-11 {
	-webkit-transition-delay: 550ms;
	-o-transition-delay: 550ms;
	transition-delay: 550ms;
}

.as-12 {
	-webkit-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.as-13 {
	-webkit-transition-delay: 650ms;
	-o-transition-delay: 650ms;
	transition-delay: 650ms;
}

.as-14 {
	-webkit-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.as-15 {
	-webkit-transition-delay: 750ms;
	-o-transition-delay: 750ms;
	transition-delay: 750ms;
}

.as-16 {
	-webkit-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
}

.as-17 {
	-webkit-transition-delay: 850ms;
	-o-transition-delay: 850ms;
	transition-delay: 850ms;
}

.as-18 {
	-webkit-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.as-19 {
	-webkit-transition-delay: 950ms;
	-o-transition-delay: 950ms;
	transition-delay: 950ms;
}

.as-20 {
	-webkit-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
	-webkit-transition-delay: 1050ms;
	-o-transition-delay: 1050ms;
	transition-delay: 1050ms;
}

.as-21 {
	-webkit-transition-delay: 1100ms;
	-o-transition-delay: 1100ms;
	transition-delay: 1100ms;
}

.as-22 {
	-webkit-transition-delay: 1150ms;
	-o-transition-delay: 1150ms;
	transition-delay: 1150ms;
}

.as-23 {
	-webkit-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.as-24 {
	-webkit-transition-delay: 1250ms;
	-o-transition-delay: 1250ms;
	transition-delay: 1250ms;
}

.as-25 {
	-webkit-transition-delay: 1300ms;
	-o-transition-delay: 1300ms;
	transition-delay: 1300ms;
}

.as-26 {
	-webkit-transition-delay: 1350ms;
	-o-transition-delay: 1350ms;
	transition-delay: 1350ms;
}

.as-27 {
	-webkit-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
}

.as-28 {
	-webkit-transition-delay: 1450ms;
	-o-transition-delay: 1450ms;
	transition-delay: 1450ms;
}

.as-29 {
	-webkit-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.as-30 {
	-webkit-transition-delay: 1550ms;
	-o-transition-delay: 1550ms;
	transition-delay: 1550ms;
}

.as-31 {
	-webkit-transition-delay: 1600ms;
	-o-transition-delay: 1600ms;
	transition-delay: 1600ms;
}

.as-32 {
	-webkit-transition-delay: 1650ms;
	-o-transition-delay: 1650ms;
	transition-delay: 1650ms;
}

.as-33 {
	-webkit-transition-delay: 1700ms;
	-o-transition-delay: 1700ms;
	transition-delay: 1700ms;
}

.as-34 {
	-webkit-transition-delay: 1750ms;
	-o-transition-delay: 1750ms;
	transition-delay: 1750ms;
}

.as-35 {
	-webkit-transition-delay: 1800ms;
	-o-transition-delay: 1800ms;
	transition-delay: 1800ms;
}

.as-36 {
	-webkit-transition-delay: 1850ms;
	-o-transition-delay: 1850ms;
	transition-delay: 1850ms;
}

.as-37 {
	-webkit-transition-delay: 1900ms;
	-o-transition-delay: 1900ms;
	transition-delay: 1900ms;
}

.as-38 {
	-webkit-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
}

.as-39 {
	-webkit-transition-delay: 2050ms;
	-o-transition-delay: 2050ms;
	transition-delay: 2050ms;
}

.as-40 {
	-webkit-transition-delay: 2100ms;
	-o-transition-delay: 2100ms;
	transition-delay: 2100ms;
}

.as-41 {
	-webkit-transition-delay: 2150ms;
	-o-transition-delay: 2150ms;
	transition-delay: 2150ms;
}

.as-42 {
	-webkit-transition-delay: 2200ms;
	-o-transition-delay: 2200ms;
	transition-delay: 2200ms;
}

.as-43 {
	-webkit-transition-delay: 2250ms;
	-o-transition-delay: 2250ms;
	transition-delay: 2250ms;
}

.as-44 {
	-webkit-transition-delay: 2300ms;
	-o-transition-delay: 2300ms;
	transition-delay: 2300ms;
}

.as-45 {
	-webkit-transition-delay: 2350ms;
	-o-transition-delay: 2350ms;
	transition-delay: 2350ms;
}

.as-46 {
	-webkit-transition-delay: 2400ms;
	-o-transition-delay: 2400ms;
	transition-delay: 2400ms;
}

.as-47 {
	-webkit-transition-delay: 2450ms;
	-o-transition-delay: 2450ms;
	transition-delay: 2450ms;
}

.as-48 {
	-webkit-transition-delay: 2500ms;
	-o-transition-delay: 2500ms;
	transition-delay: 2500ms;
}

.as-49 {
	-webkit-transition-delay: 2550ms;
	-o-transition-delay: 2550ms;
	transition-delay: 2550ms;
}

.as-50 {
	-webkit-transition-delay: 2600ms;
	-o-transition-delay: 2600ms;
	transition-delay: 2600ms;
}

.as-51 {
	-webkit-transition-delay: 2650ms;
	-o-transition-delay: 2650ms;
	transition-delay: 2650ms;
}

.as-52 {
	-webkit-transition-delay: 2700ms;
	-o-transition-delay: 2700ms;
	transition-delay: 2700ms;
}

.as-53 {
	-webkit-transition-delay: 2750ms;
	-o-transition-delay: 2750ms;
	transition-delay: 2750ms;
}

.as-54 {
	-webkit-transition-delay: 2800ms;
	-o-transition-delay: 2800ms;
	transition-delay: 2800ms;
}

.as-55 {
	-webkit-transition-delay: 2850ms;
	-o-transition-delay: 2850ms;
	transition-delay: 2850ms;
}

.as-56 {
	-webkit-transition-delay: 2900ms;
	-o-transition-delay: 2900ms;
	transition-delay: 2900ms;
}

.as-57 {
	-webkit-transition-delay: 2950ms;
	-o-transition-delay: 2950ms;
	transition-delay: 2950ms;
}

.as-58 {
	-webkit-transition-delay: 3000ms;
	-o-transition-delay: 3000ms;
	transition-delay: 3000ms;
}

.as-59 {
	-webkit-transition-delay: 3050ms;
	-o-transition-delay: 3050ms;
	transition-delay: 3050ms;
}

.as-60 {
	-webkit-transition-delay: 3100ms;
	-o-transition-delay: 3100ms;
	transition-delay: 3100ms;
}

.as-61 {
	-webkit-transition-delay: 3150ms;
	-o-transition-delay: 3150ms;
	transition-delay: 3150ms;
}

.as-62 {
	-webkit-transition-delay: 3200ms;
	-o-transition-delay: 3200ms;
	transition-delay: 3200ms;
}

.as-63 {
	-webkit-transition-delay: 3250ms;
	-o-transition-delay: 3250ms;
	transition-delay: 3250ms;
}

.as-64 {
	-webkit-transition-delay: 3300ms;
	-o-transition-delay: 3300ms;
	transition-delay: 3300ms;
}

.as-65 {
	-webkit-transition-delay: 3350ms;
	-o-transition-delay: 3350ms;
	transition-delay: 3350ms;
}

.as-66 {
	-webkit-transition-delay: 3400ms;
	-o-transition-delay: 3400ms;
	transition-delay: 3400ms;
}

.as-67 {
	-webkit-transition-delay: 3450ms;
	-o-transition-delay: 3450ms;
	transition-delay: 3450ms;
}

.as-68 {
	-webkit-transition-delay: 3500ms;
	-o-transition-delay: 3500ms;
	transition-delay: 3500ms;
}

.as-69 {
	-webkit-transition-delay: 3550ms;
	-o-transition-delay: 3550ms;
	transition-delay: 3550ms;
}

.as-70 {
	-webkit-transition-delay: 3600ms;
	-o-transition-delay: 3600ms;
	transition-delay: 3600ms;
}

.ad-1 {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}

.ad-2 {
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.ad-3 {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

.ad-4 {
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

.ad-5 {
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}

.ad-6 {
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms;
}

.ad-7 {
	-webkit-animation-delay: 700ms;
	animation-delay: 700ms;
}

.ad-8 {
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms;
}

.ad-9 {
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms;
}

.ad-10 {
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
}

.ad-11 {
	-webkit-animation-delay: 1100ms;
	animation-delay: 1100ms;
}

.ad-12 {
	-webkit-animation-delay: 1200ms;
	animation-delay: 1200ms;
}

.ad-13 {
	-webkit-animation-delay: 1300ms;
	animation-delay: 1300ms;
}

.ad-14 {
	-webkit-animation-delay: 1400ms;
	animation-delay: 1400ms;
}

.ad-15 {
	-webkit-animation-delay: 1500ms;
	animation-delay: 1500ms;
}

.ad-16 {
	-webkit-animation-delay: 1600ms;
	animation-delay: 1600ms;
}

.ad-17 {
	-webkit-animation-delay: 1700ms;
	animation-delay: 1700ms;
}

.ad-18 {
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms;
}

.ad-19 {
	-webkit-animation-delay: 1900ms;
	animation-delay: 1900ms;
}

.ad-20 {
	-webkit-animation-delay: 2000ms;
	animation-delay: 2000ms;
}

.soc-links {
	margin: 0 -1rem;
}

.soc-links__link {
	display: inline-block;
	font-size: 0;
	padding: 1rem;
	margin: 0 -0.5rem 0 0;
	color: #333;
	-webkit-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

.soc-links__link.i-vkontakte:hover {
	color: #4a76a8;
}

.soc-links__link.i-instagram:hover {
	color: #c32aa3;
}

.soc-links__link.i-facebook:hover {
	color: #3b5998;
}

.color-1,
.color-2,
.color-3,
.color-4 {
	-webkit-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}

.color-1 {
	background: #f8edde;
}

.color-2 {
	background: #e9eeff;
}

.color-3 {
	background: #e3f2ca;
}

.color-4 {
	background: #eee7fb;
}

.color-1:hover {
	background: #efd6b4;
}

.color-2:hover {
	background: #b6c7ff;
}

.color-3:hover {
	background: #c3e38d;
}

.color-4:hover {
	background: #cfbbf4;
}

.g-hide {
	display: none;
}

.g-no-display {
	position: absolute;
	left: -20000px;
}

.header {
	position: absolute;
	z-index: 5000;
	left: 0;
	top: 0;
	right: 0;
	padding: 34px 0 0;
	-webkit-transition: all 0.33333s ease-out;
	-o-transition: all 0.33333s ease-out;
	transition: all 0.33333s ease-out;
}

.header.fixed {
	background: #fff;
	-webkit-box-shadow: 0 0 1rem #e6e6e6;
	box-shadow: 0 0 1rem #e6e6e6;
	padding: 14px 0 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 6000;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition-duration: 0;
	-o-transition-duration: 0;
	transition-duration: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.header.show {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.header-wr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.logo {
	margin: 10px 0 0;
}

.logo__link {
	display: inline-block;
	font-size: 0;
	padding: 20px;
	margin: -20px 0 0 -20px;
}

.i-logo_icon-svg {
	width: 9.14286rem;
	height: 2.35714rem;
}

.nav {
	margin: 0;
	font-size: 0;
	text-align: center;
}

.nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav__item {
	display: inline-block;
}

.nav__link {
	font: bold 0.71429rem/1.715 Montserrat, sans-serif;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	display: inline-block;
	padding: 1.35714rem 2.14286rem;
	color: #333;
	text-decoration: none;
	-webkit-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

.nav__link:hover,
.nav__item.js-active .nav__link {
	color: #581def;
}

.top-links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 1px 0 0;
}

.top-links-lang {
	margin: 0 -18px 0 0.5rem;
}

.top-links-lang__link {
	font: bold 0.71429rem/3.21429rem Montserrat, sans-serif;
	letter-spacing: 0.1em;
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	width: 3.21429rem;
	height: 3.21429rem;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.top-links-lang__link:after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 3px;
	background: #ececec;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.top-links-lang__link:hover:after {
	opacity: 1;
}

.top-links-tel {
	margin: 0;
}

.top-links-tel__link {
	display: inline-block;
	padding: 10px;
	font-size: 1.42857rem;
	font-weight: 300;
	white-space: nowrap;
	letter-spacing: 0.01em;
	color: #333;
	-webkit-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

.top-links-tel__link:hover {
	color: #581def;
}

.top-links-nav {
	display: none;
	font-size: 0;
	margin: 0 -10px 0 1.78571rem;
}

.top-links-nav__link {
	display: inline-block;
	width: 3.21429rem;
	height: 3.21429rem;
	text-align: center;
}

.top-links-nav__link:after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 3px;
	background: #ececec;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.top-links-nav__link:hover:after {
	opacity: 1;
}

.top-links-feedback {
	display: none;
	margin: 0 1rem 0 0;
}

.header.fixed .top-links-feedback {
	display: inline-block;
}

.header.fixed .top-links-tel {
	display: none;
}

.mobile-menu {
	position: fixed;
	z-index: 10000;
	right: 0;
	top: 0;
	bottom: 0;
	width: 150%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translate3d(5rem, 0, 0);
	transform: translate3d(5rem, 0, 0);
	opacity: 0;
	visibility: hidden;
	overflow-y: auto;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.mobile-menu .g-wr {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	overflow-y: auto;
}

.back-nav {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
}

.mobile-container {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 90%;
	max-width: 320px;
	background: #fff;
	-webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3);
}

.close-nav {
	position: absolute;
	top: 0.75rem;
	left: -17px;
	font-size: 0;
	z-index: 50;
}

.mobile-nav {
	margin: 2rem 0;
}

.mobile-nav .nav__item {
	display: block;
	text-align: center;
}

.mobile-nav .nav__link {
	font-size: 1.14286rem;
	font-weight: 800;
	display: block;
	padding: 0.5rem 1rem;
	text-transform: none;
	letter-spacing: normal;
}

.contacts-nav a {
	color: #333;
}

.js-full-nav-active {
	overflow-y: visible;
}

.js-full-nav-active .mobile-menu {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

.section {
	position: relative;
}

.home-section {
	height: 100vh;
	min-height: 840px;
	background: #f9fafc url(../img/home-bg.png) no-repeat 50% 50%;
	background-size: cover;
}

.home-section .g-wr {
	height: 100%;
}

.home-scene {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	height: 100%;
	margin: 0 -12px;
	padding: 15% 0 0;
	height: 100%;
}

.home-scene__img {
	position: relative;
}

.home-plant {
	content: url('../img/plant.png');
	position: absolute;
	left: -26.85%;
	bottom: 0;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.home-ipad {
	background: url(../img/files/hero.png) no-repeat 100% 0;
	top: 0;
	position: absolute;
	right: -5%;
	bottom: 0;
	margin: 1% 0 0;
	width: 150%;
}

.home-ipad-en {
	background: url(../img/ipad-en-big.png) no-repeat 100% 0;
}

.home-gamepad {
	content: url('../img/game-pad.png');
	position: absolute;
	left: 120%;
	top: -30%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.hero-button {
	margin: 3.5rem 0 10rem;
}

.soc-link_home {
	position: absolute;
	bottom: 30px;
	right: 25px;
}

.scroll-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

.scroll-text__link {
	font: bold 0.57143rem/1.715 Montserrat, sans-serif;
	letter-spacing: 2.2em;
	text-transform: uppercase;
	display: inline-block;
	padding: 20px 20px 0;
	position: relative;
	color: #333;
	-webkit-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

.scroll-text__link:after {
	content: '';
	width: 1px;
	height: 23px;
	display: block;
	margin: 15px auto 0;
	background: #333;
	-webkit-transition: background-color 0.25s ease-out;
	-o-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
}

.scroll-text__link:hover {
	color: #581def;
}

.scroll-text__link:hover:after {
	background: #581def;
}

.left-padding {
	padding-left: 5.14286rem;
}

.about-section {
	padding: 7rem 0 0;
	margin: 0;
}

.about-angels__back {
	position: relative;
}

.about-angels__back:after {
	content: url('../img/angels.svg');
	display: inline-block;
	position: absolute;
	left: -68.5%;
	top: -1.5rem;
}

.watch-showreel {
	display: inline-block;
	overflow: hidden;
	margin: 60px 0 0;
	max-width: 235px;
	white-space: nowrap;
}

.play-video {
	float: left;
	width: 3.57143rem;
	height: 3.57143rem;
	background: #581def;
	margin: 1px 0 0;
	position: relative;
	border-radius: 50%;
	-webkit-transition: background-color 0.25s ease-out;
	-o-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
}

.play-video:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/play.svg) no-repeat 55% 50%;
}

.watch-showreel:hover .play-video {
	background: #fc1f48;
}

.showreel-info {
	margin: 0 0 0 4.64286rem;
}

.showreel-name {
	font: bold 0.71429rem/1.715 Montserrat, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333;
	border-bottom: 1px solid #b9b9b9;
	padding: 0 0 5px;
	white-space: nowrap;
}

.showreel-time {
	font-size: 1.42857rem;
	color: #999;
}

.showreel-time__sec {
	font-size: 1rem;
}

.studio-info {
	margin: 5.71429rem 0;
	position: relative;
	padding: 4.28571rem 0 3.57143rem 5.35714rem;
	background: #f9f9f9;
}

.studio-info:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	width: 100vw;
	background: #f9f9f9;
}

.studio__num {
	font: 300 3.42857rem/1 Montserrat, sans-serif;
}

.studio__num_info {
	color: #581def;
	font-size: 1.71429rem;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	margin: -0.71429rem 0 0 0.35714rem;
}

.studio__name {
	margin: 0.71429rem 0 0;
}

.awards {
	margin: 7.5rem 0;
}

.awards__item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.awards__img {
	margin-right: 1.44rem;
}

.service-section {
	padding: 7rem 0 0;
	margin: 0;
}

.service {
	margin: 3rem 0 0;
}

.service__item {
	position: relative;
	overflow: hidden;
	min-height: 33.45rem;
	margin: 0 0 24px;
	padding: 3.5rem 3.21429rem 0;
}

.service__name {
	font: 800 1.71429rem/1.07 Montserrat, sans-serif;
	color: #333;
	position: relative;
	z-index: 10;
}

.service__text {
	max-width: 23.57143rem;
	margin: 2.57143rem 0 0;
	position: relative;
	z-index: 10;
}

.service-tags {
	position: absolute;
	left: 3.21429rem;
	bottom: 1.71429rem;
}

.service-tags__item {
	font: bold 0.71429rem/1.07 Montserrat, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	display: inline-block;
	padding: 0.57143rem 0.92857rem;
	margin: 0 2px 0 0;
	border-radius: 4px;
	background: rgba(51, 51, 51, 0.05);
}

.service__back {
	font-size: 0;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.service__img {
	margin: 27px -45px 0;
	max-width: 150%;
}

.service__item_big .service__back {
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	margin: 0;
	max-width: 53%;
	overflow: hidden;
}

.service__item_big .service__img {
	margin: 0;
}

.service__item:hover .service__back {
	-webkit-transform: translate3d(15px, 0, 0);
	transform: translate3d(15px, 0, 0);
}

.projects-section {
	padding: 7rem 0 0;
	margin: 0;
}

.projects-filter {
	margin: -0.95rem 0 4.15rem;
	font-size: 0;
}

.projects-filter__link {
	font: bold 0.71429rem/1.07 Montserrat, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	display: inline-block;
	padding: 1.14286rem 1.42857rem;
	margin: 0 1rem 1rem 0;
	border-radius: 4px;
	background: rgba(51, 51, 51, 0.05);
	-webkit-transition: all 0.33333s ease-out;
	-o-transition: all 0.33333s ease-out;
	transition: all 0.33333s ease-out;
}

.projects-filter__link:hover {
	background: #ececec;
}

.projects-filter__link.mixitup-control-active {
	background: #581def;
	color: #fff;
	cursor: default;
}

.projects {
	margin: 3rem 0 0;
}

.projects__item {
	background: #f9f9f9;
	margin: 0 11.25% 13.25% 0;
	-webkit-transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	transition: background-color 0.5s ease-out;
}

.projects__link {
	height: 328px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #333;
}

.projects__link:after {
	content: '';
	width: 100%;
	height: 0;
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #581def;
	opacity: 0;
	-webkit-transition: all 0.33333s ease-out;
	-o-transition: all 0.33333s ease-out;
	transition: all 0.33333s ease-out;
}

.projects__name,
.projects__back,
.project__num {
	position: relative;
	z-index: 10;
}

.projects__name {
	font: 800 1.71429rem/1.07 Montserrat, sans-serif;
	white-space: nowrap;
	position: relative;
	z-index: 20;
	padding: 0 0 0 11.75%;
	-webkit-transition: all 0.33333s ease-out;
	-o-transition: all 0.33333s ease-out;
	transition: all 0.33333s ease-out;
}

.projects__name .i-target {
	margin: -15px 0 0 4px;
	display: inline-block;
	vertical-align: top;
	color: #581def;
	-webkit-transition: color 0.33333s ease-out;
	-o-transition: color 0.33333s ease-out;
	transition: color 0.33333s ease-out;
}

.projects__back {
	position: absolute;
	top: 0;
	right: -13%;
	bottom: 0;
}

.project__num {
	position: absolute;
	left: 10.25%;
	height: 4.64286rem;
	overflow: hidden;
	bottom: 0;
	font: 7.42857rem/1.07 Montserrat, sans-serif;
	color: #ececec;
	opacity: 0.8;
	-webkit-transition: all 0.33333s ease-out;
	-o-transition: all 0.33333s ease-out;
	transition: all 0.33333s ease-out;
}

.projects__link:hover .projects__name {
	color: #fff;
}

.projects__link:hover .i-target {
	color: #fff;
}

.projects__link:hover .project__num {
	height: 5.71429rem;
	color: #fff;
	opacity: 0.3;
}

.projects__link:hover:after {
	height: 100%;
	opacity: 1;
}

.show-all-project__name,
.i-update {
	display: inline-block;
	vertical-align: middle;
}

.show-all-project {
	display: inline-block;
	padding: 1rem;
	font: bold 0.71429rem/1.07 Montserrat, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	-webkit-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

.i-update {
	font-size: 0;
	color: #581def;
	margin: -3px 0.5rem 0 0;
	-webkit-transition: -webkit-transform 0.25s ease-out;
	transition: -webkit-transform 0.25s ease-out;
	-o-transition: transform 0.25s ease-out;
	transition: transform 0.25s ease-out;
	transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.show-all-project:hover {
	color: #581def;
}

.show-all-project:hover .i-update {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.project-type-section {
	padding: 7rem 0 0;
}

.underline {
	text-decoration: underline;
}

.m-b-160 {
	margin-bottom: 10rem;
}

.project-type__item {
	margin: 0 25px 24px 0;
	width: 100%;
}

.project-type__link {
	position: relative;
	height: 309px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #f9f9f9;
	transition: all 0.33333s ease-out;
	cursor: pointer;
}

.project-type__link:hover {
	background: #581def;
}

.project-type__link .project__num {
	height: 5.625rem;
}

.project-type__link:hover .project__num {
	color: #fff;
	opacity: 0.3;
}

.project-type__item-btn {
	display: none;
}

.project-type__item-btn .button {
	background: #fff;
	color: #581def;
}

.project-type__link:hover .project-type__item-btn {
	display: block;
}

.project-type__link:hover.h-center {
	justify-content: center;
}

.project-type__link_blue {
	background: #581def;
	color: #fff;
	transition: all 0.33333s ease-out;
}

.project-type__link.project-type__link_blue:hover {
	background: #f9f9f9;
}

.project-type__link_blue .project__num {
	color: #fff;
	opacity: 0.3;
}

.project-type__link_blue:hover .project__num {
	color: #ececec;
	opacity: 1;
}

.project-type__back {
	position: absolute;
	top: 24px;
	left: 24px;
}

.project-type__back_icon-hover {
	display: none;
}

.project-type__link:hover .project-type__back_icon {
	display: none;
}

.project-type__link:hover .project-type__back_icon-hover {
	display: initial;
}

.project-type__name {
	display: block;
	padding: 0 32px;
	color: #333;
}

.project-type__sub-name {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	opacity: 0.5;
	margin-bottom: 25px;
}

.project-type__title-name {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 107.7%;
}

.project-type__link_blue .project-type__name {
	color: #fff;
	opacity: 1;
}

.project-type__link:hover .project-type__name {
	padding: 0;
	display: none;
}

.project-type__link_blue:hover .project-type__name {
	padding: 0 32px;
	display: block;
}

.project-type__link_blue:hover .project-type__sub-name {
	color: #333;
	opacity: 0.5;
}

.project-type__link_blue:hover .project-type__title-name {
	color: #333;
}

.row.v-top {
	align-items: flex-start;
}

.js-step {
	display: none;
}

.js-step.js-step-active {
	display: flex;
}

.contacts-form.js-step-active {
	display: block;
}

.progress {
	margin-bottom: 80px;
	position: relative;
	padding-left: 40px;
}

.progress__back {
	position: absolute;
	top: -12px;
	cursor: pointer;
	background: url(../img/types-project-back.png) 50% 50% no-repeat;
	background-size: auto;
	padding: 17px 20px;
	left: 0;
}

.progress__step {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333;
	position: relative;
	padding-left: 20px;
	transition: all 0.33333s ease-out;
}

.progress__step:before,
.progress__step:after {
	content: '';
	height: 4px;
	border-radius: 24px;
	position: absolute;
	top: 4px;
	left: 15%;
}

.progress__step:before {
	width: 85%;
	background: #ebebeb;
}

.progress__step:after {
	width: 17%;
	background: #581def;
	transition: all 0.4s ease-out;
}

.progress__step[data-step='2']:after {
	width: 34%;
}

.progress__step[data-step='3']:after {
	width: 51%;
}

.progress__step[data-step='4']:after {
	width: 68%;
}

.progress__step[data-step='5']:after {
	width: 85%;
}

.list-steps {
	padding: 0 0 0 150px;
}

.list-steps li {
	list-style: none;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333;
	opacity: 0.5;
	margin-bottom: 30px;
}

li.step-active {
	opacity: 1;
}

li.step-completed {
	position: relative;
	opacity: 1;
	cursor: pointer;
}

.step-completed:before {
	content: url('../img/ic_checkmark_1.png');
	position: absolute;
	left: -30px;
	top: -4px;
}

.project-type__link:hover .project-type__name_modal {
	padding: 0 32px;
	display: block;
	color: #fff;
}

.project-type__radio-check:checked + .project-type__link {
	background: #581def;
}

.project-type__radio-check:checked + .project-type__link .project-type__sub-name {
	color: #fff;
}

.project-type__radio-check:checked + .project-type__link .project-type__title-name {
	color: #fff;
}

.project-type__radio-check:checked + .project-type__link .project__num {
	color: #fff;
	opacity: 0.3;
}

.project-type__radio-check:checked + .project-type__link .project-type__back_icon {
	display: none;
}

.project-type__radio-check:checked + .project-type__link .project-type__back_icon-hover {
	display: initial;
}

.form-checkbox {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 147.7%;
	color: #333;
	padding-left: 30px;
	position: relative;
}

.form-checkbox a {
	color: #333;
}

.form-checkbox__check {
	position: absolute;
	height: 16px;
	width: 16px;
	background: #581def;
	top: 0;
	left: 0;
}

.policy-input:checked + .form-checkbox__check {
	background-image: url(../img/checked.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.clients-section {
	padding: 7rem 0 0;
	margin: 0;
}

.reviews {
	margin: 6.2rem 0 5rem;
}

.reviews__top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.reviews__ava {
	height: 6.85714rem;
	width: 6.85714rem;
	min-width: 6.85714rem;
	overflow: hidden;
	font-size: 0;
	border-radius: 50%;
}

.reviews__ava_img {
	width: 100%;
	height: 100%;
}

.reviews__info {
	margin: 0 0 0 1.42857rem;
	max-width: 12.5rem;
}

.reviews__name {
	font-size: 1.14286rem;
	font-weight: 700;
	color: #333;
	margin: -2px 0 6px;
}

.reviews__name-info {
	color: #999;
}

.reviews__text {
	margin: 2.5rem 5% 0 0;
	max-width: 28.57143rem;
	position: relative;
}

.reviews__text:after {
	content: url('../img/q.svg');
	position: absolute;
	left: -1.7rem;
	top: -0.5rem;
}

.partners-section {
	padding: 7rem 0 0;
	margin: 0;
}

.partners {
	margin: 5.5rem 0 0;
}

.partners__item {
	margin: 0 0 24px;
	background: #f9f9f9;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 234px;
}

.partners__img {
	width: auto;
	height: auto;
	max-width: 70%;
	max-height: 70%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.5;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.partners__item:hover .partners__img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}

.contacts-section {
	padding: 7rem 0 0;
	margin: 0;
}

.contacts-tel {
	margin: 0;
}

.contacts-tel__link {
	display: inline-block;
	font-size: 1.42857rem;
	font-weight: 300;
	letter-spacing: 0.01em;
	color: #333;
	-webkit-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

.contacts__link:hover {
	color: #581def;
}

.contacts-text a {
	color: #333;
}

.contacts-text a:hover {
	color: #581def;
}

.soc-link_contacts {
	margin: 5.2rem 0 0 -1rem;
}

.contacts-form {
	margin: 4.65rem 0 0;
}

.form-line {
	margin: 0 0 3.85rem;
}

.form-input {
	border: 0;
	width: 100%;
	border-bottom: 1px solid #ececec;
	background: transparent;
	height: 50px;
	padding: 0;
	font: bold 0.71429rem/1.8 Montserrat, sans-serif;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 0 2.75rem;
	min-height: 50px;
	max-height: 200px;
	padding: 1rem 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.form-input:focus {
	border-color: #581def;
}

.form-input.error {
	border-color: #581def;
}

.js-input-file .i-file,
.js-input-file [data-default-name],
.js-input-file .i-close {
	display: inline-block;
	vertical-align: middle;
}

.js-input-file .i-file {
	margin: 0 1.125rem 0 0;
	font-size: 0;
}

.js-input-file .i-close {
	opacity: 0;
	color: #333;
	margin: 0 0 0 1.125rem;
	padding: 10px;
	font-size: 0;
}

.js-input-file .i-close:hover .i-close {
	color: #581def;
}

.js-input-file.js-file-completed .i-close {
	opacity: 1;
}

.footer {
	margin: 5.7rem 0 0;
	padding: 3rem 0;
	font-size: 0.85714rem;
	border-top: 1px solid #ececec;
}

.grecaptcha-badge {
	left: -20000px;
}

.page-info {
	font: 300 1.71429rem/1.8 Montserrat, sans-serif;
	color: #333;
	margin: -1.85rem 0 0.75rem;
}

.page-tags {
	font: bold 0.71429rem/1.8 Montserrat, sans-serif;
	color: #333;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.top-links-closeg__link {
	margin: 0 1px 0 1rem;
}

.video-section {
	margin: 3rem 0 5rem;
}

.screen-section {
	margin: 3rem 0 5rem;
}

.showreel-section {
	margin: 2.5rem 0;
}

.links-section {
	margin: 5rem 0;
}

.i-close_big {
	margin: -7px -5px -6px;
	position: relative;
	top: 2px;
	display: inline-block;
	font-size: 0;
}

.video-link {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font: 600 1.14286rem/1.8 Montserrat, sans-serif;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.video-hero {
	font-size: 1.71429rem;
	text-indent: 0.54em;
	letter-spacing: 0.54em;
}

.video-link:hover {
	opacity: 0.85;
}

.video-icon {
	content: url('../img/video-icon.svg');
	margin: 0 auto;
}

.screen-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.screen-row.reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.screen-shadow {
	font-size: 0;
	-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.08);
	margin-right: -30px;
}

.screen-no-shadow {
	font-size: 0;
	margin-right: -30px;
}

.reverse .screen-shadow {
	margin-left: 0;
	margin-left: -30px;
}

.screen-num {
	font: 200 9.71429rem/1.8 Montserrat, sans-serif;
	color: #581def;
	opacity: 0.2;
}

.reverse .screen-num {
	text-align: right;
}

.card-list_no-img .card-item-3__icon {
	display: none;
}

.card-list_no-img .g-counter-parent > :before {
	position: relative;
}

.card-list_no-img .card-item-3:before {
	top: auto;
	right: auto;
	opacity: 1;
}

.modal {
	display: block;
	width: auto;
	max-width: 100%;
	min-height: 100%;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20000;
	overflow-y: auto;
}

.modal .logo {
	font-size: 0;
}

.modal .main {
	overflow: hidden;
}

.modal .i-logo {
	content: url('../img/logo.svg');
}

.modal .header {
	position: -webkit-sticky;
	position: sticky;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	padding: 14px 0 0;
	-webkit-box-shadow: 0 0 1rem #fff;
	box-shadow: 0 0 1rem #fff;
}

.modal .header_no-background {
	background: transparent;
}

.blocker {
	overflow: hidden;
	overflow-y: auto;
}

.block-scroll,
.block-scroll body {
	height: 100%;
	overflow: hidden;
}

.modal {
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transition: all 0.33333s ease-out;
	-o-transition: all 0.33333s ease-out;
	transition: all 0.33333s ease-out;
}

.modal.modal-show {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.img-present {
	text-align: center;
	margin: 3rem 0 0;
}

.video-present {
	background: url(../img/video-present.png) no-repeat 50% 50%;
	background-size: contain;
	position: relative;
	height: 0;
	padding: 55% 0 0;
	margin: 3rem 0 0;
}

.video-embed {
	position: absolute;
	top: 8%;
	left: 14%;
	right: 14%;
	bottom: 25%;
}

.video-player {
	padding: 56.25% 0 0;
	position: relative;
}

.video-player.no-abs {
	position: relative;
	-webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.08);
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.08);
}

.video-player,
.video-screen {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: calc(100% + 50px);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.video-info {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate3d(-50%, -25%, 0);
	transform: translate3d(-50%, -25%, 0);
}

.video-info,
.video-screen {
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.hide-screen {
	opacity: 0;
}

.site-name__link {
	font: 800 1.71429rem/1 Montserrat, sans-serif;
	color: #581def;
	white-space: nowrap;
}

.site-info {
	font-size: 0.85714rem;
	color: #999;
}

.modal-next {
	margin-left: 3rem;
}

body {
	min-width: 360px;
}

@media screen and (min-width: 1680px) {
	html,
	body {
		font-size: 16px;
	}

	.nav__item {
		margin: 0 9.33333px;
	}
}

@media screen and (max-width: 1680px) {
	html,
	body {
		font-size: 14px;
	}
}

@media screen and (max-width: 1440px) {
	html,
	body {
		font-size: 14px;
	}

	.home-ipad {
		right: -10%;
	}

	.home-plant {
		left: -20%;
	}

	.service__item {
		min-height: 36.5rem;
	}

	.partners__item {
		height: 175px;
	}
}

@media screen and (max-width: 1200px) {
	.nav__link {
		padding-left: 1.65rem;
		padding-right: 1.65rem;
	}

	.top-links-tel__link {
		font-size: 1.3rem;
	}

	.home-section {
		min-height: 100vh;
	}

	.home-ipad {
		right: -15%;
	}

	.home-plant {
		left: -30%;
		-webkit-transform: scale(0.75) !important;
		transform: scale(0.75) !important;
	}

	.service__text {
		position: relative;
		z-index: 10;
	}

	.projects__back {
		-webkit-transform-origin: 75% 50%;
		transform-origin: 75% 50%;
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}

	.project-type .col-3 {
		flex: 0 0 33.3333%;
		max-width: 33.33333%;
	}

	.project-type.col-9 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.project-type .col-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.progress__step:before,
	.progress__step:after {
		left: 20%;
	}

	.progress__step:before {
		width: 80%;
	}

	.progress__step:after {
		width: 16%;
	}

	.progress__step[data-step='2']:after {
		width: 32%;
	}

	.progress__step[data-step='3']:after {
		width: 58%;
	}

	.progress__step[data-step='4']:after {
		width: 64%;
	}

	.progress__step[data-step='5']:after {
		width: 80%;
	}
}

@media screen and (max-width: 1040px) {
	html,
	body {
		font-size: 14px;
	}

	.about-angels {
		display: none !important;
	}

	.home-plant {
		left: -80%;
		-webkit-transform: scale(0.75) !important;
		transform: scale(0.75) !important;
	}

	.header {
		padding: 14px 0 0;
	}

	.nav {
		display: none;
	}

	.title_hero {
		font-size: 3.5rem;
	}

	.studio-info {
		padding: 2rem 0 2rem 2rem;
		margin-left: -5rem;
	}

	.studio__name {
		font-size: 0.9rem;
	}

	.awards {
		margin-left: -5rem;
	}

	.awards__item.col-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.awards__item {
		margin-bottom: 1.25rem;
	}

	.project-type .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.progress__step:before,
	.progress__step:after {
		left: 30%;
	}

	.progress__step:before {
		width: 70%;
	}

	.progress__step:after {
		width: 14%;
	}

	.progress__step[data-step='2']:after {
		width: 28%;
	}

	.progress__step[data-step='3']:after {
		width: 42%;
	}

	.progress__step[data-step='4']:after {
		width: 56%;
	}

	.progress__step[data-step='5']:after {
		width: 70%;
	}

	.list-steps {
		padding: 0 0 0 100px;
	}

	.project-type.col-9 {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.project-type .col-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.service .col-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.service .col-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.projects .col-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.project-type .col-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.contacts-section .col-4,
	.contacts-section .col-7,
	.contacts-section .col-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.contacts-section .col-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.form-line {
		margin: 0 0 2rem;
	}

	.form-input {
		margin: 0 0 1rem;
	}

	.projects__link {
		height: 250px;
	}

	.projects__item {
		margin-bottom: 5%;
	}

	.projects__back {
		-webkit-transform-origin: 75% 5%;
		transform-origin: 75% 5%;
	}

	.partners__item {
		height: 130px;
	}

	.top-links-nav {
		display: block;
	}

	.links-section .col-4,
	.links-section .col-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.site-link {
		margin: 0 0 1.5rem;
	}
}

@media screen and (max-width: 768px) {
	html,
	body {
		font-size: 14px;
	}

	.scroll-text {
		display: none;
	}

	.soc-link_home {
		text-align: center;
		left: 0;
		right: 0;
	}

	.home-section {
		min-height: 600px;
	}

	.home-scene {
		padding: 25% 0 0;
	}

	.home-scene__img {
		position: absolute;
		left: 0;
		top: 15%;
		right: 0;
		bottom: 0;
	}

	.home-scene .col-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.home-ipad {
		background-size: cover;
		left: 50%;
		right: -10%;
		width: 120%;
		background-position: 0 50%;
	}

	.home-plant {
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.reviews__text {
		max-width: none;
	}

	.about-angels {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.awards__item.col-4 {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.progress__step:before,
	.progress__step:after {
		left: 40%;
	}

	.progress__step:before {
		width: 60%;
	}

	.progress__step:after {
		width: 12%;
	}

	.progress__step[data-step='2']:after {
		width: 24%;
	}

	.progress__step[data-step='3']:after {
		width: 36%;
	}

	.progress__step[data-step='4']:after {
		width: 48%;
	}

	.progress__step[data-step='5']:after {
		width: 60%;
	}

	.list-steps {
		padding: 0 0 0 50px;
	}

	.about-section .col-6,
	.about-section .col-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.service .col-4,
	.service .col-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.service__item {
		min-height: 32rem;
	}

	.partners .col-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.contacts-section .col-4,
	.contacts-section .col-7,
	.contacts-section .col-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.contacts-section .g-hide {
		display: block;
	}

	.soc-link_contacts {
		margin-top: 2rem;
	}

	.home-plant {
		left: -80%;
		right: auto;
		-webkit-transform: scale(0.6) !important;
		transform: scale(0.6) !important;
	}

	.home-section .title-text {
		padding-left: 0;
		max-width: 60%;
	}

	.home-section .title-text:after {
		display: none;
	}

	.home-section .title-text br {
		display: none;
	}

	.home-section .left-padding {
		padding-left: 0;
	}

	.video-embed {
		bottom: 31%;
	}

	.video-info {
		-webkit-transform: translate3d(-50%, -50%, 0) scale(0.75);
		transform: translate3d(-50%, -50%, 0) scale(0.75);
	}

	.screen-row {
		display: block;
	}

	.screen-num {
		font-size: 4rem;
	}

	.reverse .screen-num {
		text-align: left;
	}

	.screen-shadow {
		margin-left: -30px;
		margin-right: -30px;
	}

	.screen-section {
		margin: 3rem 0;
	}

	.modal-next {
		margin-left: 0;
	}
}

@media screen and (max-width: 576px) {
	html,
	body {
		font-size: 14px;
	}

	.top-links-tel,
	.top-links-lang,
	.top-links-feedback {
		display: none !important;
	}

	.home-scene {
		padding: 40% 0 0;
	}

	.about-section .left-padding {
		padding: 0;
	}

	.g-wr {
		padding: 0 20px;
	}

	.logo__link {
		margin-left: -20px;
	}

	.studio-info {
		margin-left: -20px;
	}

	.studio__num {
		font-size: 2.5rem;
	}

	.awards {
		margin-left: 0;
	}

	.awards__item.col-4 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.progress__step:before,
	.progress__step:after {
		content: none;
	}

	.steps-menu {
		display: none;
	}

	.project-type.col-9 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.service__item {
		padding: 2rem 2rem 0;
	}

	.service__item_big .service__back {
		position: relative;
		max-width: 100%;
		overflow: visible;
		margin: 0 0 -1rem;
		right: -30px;
	}

	.service-tags {
		left: 2rem;
		bottom: 2rem;
	}

	.service__item_big .service-tags {
		position: relative;
		max-width: 100%;
		overflow: visible;
		left: auto;
		bottom: auto;
		margin: 1.5rem 0 2rem;
	}

	.service-tags__item {
		margin-bottom: 0.5rem;
	}

	.projects__item {
		margin: 0 0 20px;
	}

	.projects__back {
		-webkit-transform-origin: 100% 5%;
		transform-origin: 100% 5%;
	}

	.project-type .col-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.top-links-nav {
		margin-right: 0;
	}

	.video-embed {
		top: 10%;
		bottom: 40%;
	}

	.video-info {
		-webkit-transform: translate3d(-50%, -40%, 0) scale(0.5);
		transform: translate3d(-50%, -40%, 0) scale(0.5);
	}

	.links-section .button {
		display: block;
	}

	.modal-next {
		margin-top: 0.75rem;
	}

	.top-links-tel__link {
		font-size: 1rem;
	}
}

@media screen and (max-width: 425px) {
	html,
	body {
		font-size: 14px;
	}

	.footer .col-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}

	.title_hero {
		font-size: 2.75rem;
	}

	.video-embed {
		top: 8%;
		bottom: 44%;
	}

	.video-info {
		-webkit-transform: translate3d(-50%, -40%, 0) scale(0.4);
		transform: translate3d(-50%, -40%, 0) scale(0.4);
	}

	.top-links-tel__link {
		font-size: 0.85rem;
	}
}

@media screen and (max-width: 375px) {
	html,
	body {
		font-size: 14px;
	}

	.top-links-feedback_modal {
		display: none;
	}
}