@-webkit-keyframes animationPreloader {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes animationPreloader {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes animationPreloaderLast {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes animationPreloaderLast {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@-webkit-keyframes countdownAnim {
	from {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0)
	}

	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes countdownAnim {
	from {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0)
	}

	to {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@-webkit-keyframes animateBurgerFirstLine {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0)
	}

	50% {
		-webkit-transform: translateY(10px) rotate(0);
		transform: translateY(10px) rotate(0)
	}

	100% {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg)
	}
}

@keyframes animateBurgerFirstLine {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0)
	}

	50% {
		-webkit-transform: translateY(10px) rotate(0);
		transform: translateY(10px) rotate(0)
	}

	100% {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg)
	}
}

@-webkit-keyframes animateBurgerLastLine {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0)
	}

	50% {
		-webkit-transform: translateY(-10px) rotate(0);
		transform: translateY(-10px) rotate(0)
	}

	100% {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg)
	}
}

@keyframes animateBurgerLastLine {
	0% {
		-webkit-transform: translateY(0) rotate(0);
		transform: translateY(0) rotate(0)
	}

	50% {
		-webkit-transform: translateY(-10px) rotate(0);
		transform: translateY(-10px) rotate(0)
	}

	100% {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg)
	}
}

button,
input[type=button],
input[type=reset],
input[type=submit],
label,
select {
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

article,
aside,
canvas,
fieldset,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
progress,
section,
summary,
textarea {
	display: block
}

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	line-height: 1.5;
	-moz-text-size-adjust: 100%;
                   overflow: hidden;
}

body {
	color: #b1b1b1;
	font-weight: 300;
	font-family: Segoe UI, Gotham Pro, Droid Sans, Helvetica Neue, Helvetica, Calibri, Arial, sans-serif;
	-webkit-font-feature-settings: 'liga' 1, 'clig' 1, 'kern' 1;
	font-feature-settings: 'liga' 1, 'clig' 1, 'kern' 1;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-epub-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
                      overflow: hidden;
}

.body-is-hidden {
	overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 48px 0 24px;
	margin: 3rem 0 1.5rem;
	color: #fff;
	font-weight: 400;
	text-rendering: auto;
	-webkit-column-break-after: avoid;
	page-break-after: avoid;
	break-after: avoid;
	orphans: 3;
	widows: 3
}

h1 {
	font-size: 39.81px;
	font-size: 2.49rem;
	line-height: 1.21
}

h2 {
	font-size: 33.18px;
	font-size: 2.07rem;
	line-height: 1.45
}

h3 {
	font-size: 27.65px;
	font-size: 1.73rem;
	line-height: 1.74
}

h4 {
	font-size: 23.04px;
	font-size: 1.44rem;
	line-height: 1.04
}

h5 {
	font-size: 19.2px;
	font-size: 1.2rem;
	line-height: 1.25
}

h6 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5
}

address,
audio,
dd,
dl,
dt,
ol,
p,
pre,
ul,
video {
	margin: 24px 0;
	margin: 1.5rem 0
}

dd,
ol,
ul {
	padding: 0
}

li>ol,
li>ul {
	margin: 24px 0;
	margin: 1.5rem 0
}

code,
pre,
samp,
tt,
var {
	font-family: Consolas, Monaco, Andale Mono, Courier New, Courier, Freemono, Nimbus Mono L, monospace
}

dt {
	font-weight: 700
}

dd {
	font-style: italic
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li {
	margin: 12px 0;
	margin: .75rem 0
}

abbr,
acronym,
b,
dfn,
kbd,
strong,
th,
var {
	font-weight: 700
}

code,
samp,
var {
	color: #ff4343
}

pre {
	overflow-x: auto;
	padding: 0 1.5em;
	white-space: pre-wrap;
	word-wrap: break-word;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	tab-size: 2
}

var {
	font-style: normal
}

blockquote,
cite,
em,
i,
q {
	font-style: italic
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none
}

blockquote {
	margin: 24px 3em;
	margin: 1.5rem 3em
}

abbr,
acronym,
ins {
	text-decoration: none;
	cursor: help
}

abbr,
acronym,
ins,
mark {
	border-bottom: 1px dotted #2988cc;
	color: #2988cc
}

del,
s,
strike {
	text-decoration: line-through
}

abbr,
acronym {
	margin: 0 -.075em 0 0;
	letter-spacing: .075em
}

small,
sub,
sup {
	font-size: 12px;
	font-size: .75rem;
	line-height: 0
}

sub,
sup {
	position: relative
}

address {
	font-style: normal
}

del {
	border-bottom: 1px dotted #b1b1b1;
	color: #b1b1b1
}

kbd {
	display: inline-block;
	height: 22px;
	height: 1.38rem;
	padding: 0 .25em;
	border-radius: 3px;
	background: #b1b1b1;
	background-clip: padding-box;
	font-weight: 700;
	font-family: Consolas, Monaco, Andale Mono, Courier New, Courier, Freemono, Nimbus Mono L, monospace;
	line-height: 22px;
	line-height: 1.38rem;
	vertical-align: top
}

sup {
	top: -.65em
}

sub {
	bottom: -.25em
}

big {
	font-size: 33.18px;
	font-size: 2.07rem;
	line-height: 0
}

u {
	text-decoration: underline
}

img {
	height: auto;
	max-width: 100%;
	border: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic
}

td,
th {
	padding: 23px 15px 24px;
	padding: 1.44rem 15px 1.5rem;
	border: 1px solid #b1b1b1
}

caption {
	padding: 0 0 12px;
	padding: 0 0 .75rem;
	font-weight: 700;
	text-align: left
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 24px 0;
	margin: 1.5rem 0;
	empty-cells: hide
}

th {
	text-align: left
}

hr {
	display: block;
	height: 0;
	padding: 0;
	border-top: 1px solid #000;
	margin: 24px 0;
	margin: 1.5rem 0
}

::-moz-selection {
	color: #fff;
	background: #2988cc
}

::selection {
	color: #fff;
	background: #2988cc
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 0
}

a {
	color: #fff;
	-webkit-tap-highlight-color: rgba(255, 255, 255, .25);
	text-decoration: underline;
	-webkit-text-decoration-skip: ink;
	text-decoration-skip: ink;
	-webkit-transition: color .2s;
	transition: color .2s
}

a:visited {
	color: #fff
}

a:hover {
	color: unset
}

a:active {
	color: #fff
}

@media (pointer:coarse) {
	a {
		color: #fff
	}

	a:active,
	a:hover,
	a:visited {
		color: #fff
	}
}

fieldset {
	padding: 0;
	border: 0;
	margin: 0
}

legend {
	position: relative;
	left: -1.5em;
	padding: 0 1.5em;
	font-weight: 700
}

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

button,
input,
select,
textarea {
	margin: 0;
	font-family: inherit
}

button,
input,
select {
	font-size: inherit
}

button,
input,
textarea {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

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

input,
select,
textarea {
	border: 1px solid #ccc
}

input {
	padding: 0 15px
}

button,
select {
	text-transform: none
}

input,
select {
	vertical-align: top
}

input[type=checkbox],
input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	padding: 0;
	border: 0;
	vertical-align: middle
}

button,
input[type=button],
input[type=number],
input[type=reset],
input[type=search],
input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #b1b1b1;
	opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b1b1b1;
	opacity: 1
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #b1b1b1;
	opacity: 1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #b1b1b1;
	opacity: 1
}

input::placeholder,
textarea::placeholder {
	color: #b1b1b1;
	opacity: 1
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	border: 0;
	cursor: pointer
}

button:disabled,
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
	opacity: .5;
	cursor: default;
	cursor: not-allowed
}

input {
	height: 46px;
	height: 2.88rem;
	-webkit-box-shadow: none;
	box-shadow: none
}

input[type=file] {
	height: auto;
	border: 0
}

input[type=search] ::-webkit-search-cancel-button {
	-webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none
}

select {
	height: 48px;
	height: 3rem;
	vertical-align: top
}

select[multiple] {
	height: 120px;
	height: 7.5rem
}

textarea {
	overflow: auto;
	height: 190px;
	height: 11.88rem;
	padding: 12px 15px;
	padding: .75rem 15px;
	font-size: inherit
}

html {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
	min-height: 100%
}

body {
	position: relative;
	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-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #141414
}

@media print {

	abbr,
	acronym,
	code,
	del,
	ins,
	pre,
	var {
		border: 0;
		color: #b1b1b1;
		text-decoration: none
	}

	body,
	html {
		background: #141414
	}

	blockquote,
	img,
	table,
	tr {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid
	}

	abbr[title]:after,
	acronym[title]:after,
	del[title]:after,
	ins[title]:after {
		content: ' (' attr(title) ')'
	}

	@page {
		size: A4;
		margin: .5cm
	}

	html {
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone
	}

	body {
		color: #b1b1b1;
		font-size: 12pt;
		line-height: 1.5
	}

	p {
		orphans: 3;
		widows: 3
	}

	thead {
		display: table-header-group
	}

	a[href^='#']:after,
	a[href^='javascript:']:after,
	a[href^='mailto:']:after,
	a[href^='tel:']:after {
		content: ''
	}

	a {
		color: #b1b1b1;
		text-decoration: none
	}

	a:active,
	a:hover,
	a:visited {
		color: #b1b1b1
	}

	a:after {
		content: ' (' attr(href) ')';
		font-size: 90%
	}

	button,
	form,
	input,
	select,
	textarea {
		display: none
	}

	body {
		width: auto;
		min-width: 0;
		max-width: none;
		padding: 2.54cm
	}
}

.header,
.page {
	display: grid;
	grid-template-columns: 1fr repeat(3, 23.33vw) 1fr;
	grid-template-rows: repeat(auto-fill, 16.67vw)
}

.landingSection,
.landingSectionCountdown {
	position: absolute;
	top: 0;
	right: 50%;
	left: 50%;
	display: grid;
	height: 100%;
	margin-right: -420px;
	margin-right: -35vw;
	margin-left: -420px;
	margin-left: -35vw;
	grid-template-columns: repeat(3, 23.33vw);
	grid-template-rows: repeat(auto-fill, 16.67vw)
}

.preloader {
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: opacity .6s, visibility .6s step-start, -webkit-transform .6s step-start;
	transition: opacity .6s, visibility .6s step-start, -webkit-transform .6s step-start;
	transition: opacity .6s, visibility .6s step-start, transform .6s step-start;
	transition: opacity .6s, visibility .6s step-start, transform .6s step-start, -webkit-transform .6s step-start
}

.preloader-is-hide {
	background-color: transparent;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: opacity .6s, visibility .6s step-end, -webkit-transform .6s step-end;
	transition: opacity .6s, visibility .6s step-end, -webkit-transform .6s step-end;
	transition: opacity .6s, visibility .6s step-end, transform .6s step-end;
	transition: opacity .6s, visibility .6s step-end, transform .6s step-end, -webkit-transform .6s step-end
}

.preloader .logoSVG {
	position: absolute;
	position: relative;
	top: 45%;
	left: 50%;
	width: 30vw;
	height: 15vw;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.preloader .logoSVG-is-animated {
	-webkit-animation: animationPreloader 1s linear infinite alternate .5s;
	animation: animationPreloader 1s linear infinite alternate .5s
}

.prelaoder_pic1 {
	opacity: 0;
	-webkit-animation: animationPreloader .5s ease both 1s;
	animation: animationPreloader .5s ease both 1s
}

.preloader .logoSVG {
	fill: #000
}

.preloader .logoSVG polygon {
	opacity: 0
}

.preloader .logoSVG path {
	opacity: 0
}

.preloader .logoSVG g {
	position: relative
}

.preloader .logoSVG g polygon:nth-child(1) {
	-webkit-animation: animationPreloader .4s ease both 2.3s;
	animation: animationPreloader .4s ease both 2.3s
}

.preloader .logoSVG g polygon:nth-child(2) {
	-webkit-animation: animationPreloader .4s ease both 2.6s;
	animation: animationPreloader .4s ease both 2.6s
}

.preloader .logoSVG g polygon:nth-child(3) {
	-webkit-animation: animationPreloader .4s ease both 2.9s;
	animation: animationPreloader .4s ease both 2.9s
}

.preloader .logoSVG g path {
	-webkit-animation: animationPreloader .4s ease both 3.1s;
	animation: animationPreloader .4s ease both 3.1s
}

.prelaoder_pic2 {
	-webkit-animation: animationPreloader .4s ease both 3.4s;
	animation: animationPreloader .4s ease both 3.4s
}

.videoLoader {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100px;
	height: 50px
}

.videoLoader+.videoLoader {
	left: 100px
}

.videoLoader+.videoLoader+.videoLoader {
	left: 200px
}

.videoLoader+.videoLoader+.videoLoader+.videoLoader {
	left: 300px
}

.videoLoader+.videoLoader+.videoLoader+.videoLoader+.videoLoader {
	left: 400px
}

.address {
	height: 200px;
	height: 16.67vw;
	margin: 0;
	color: #f4f4f4;
	font-weight: 400;
	grid-column: 4;
	grid-row: 2
}

.address p {
	color: #f4f4f4;
	font-weight: 400
}

.addressMail,
.addressPhone {
	display: block;
	margin-top: 30px;
	margin-top: 2.5vw;
	color: #f4f4f4;
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem
}

.addressPhone {
	text-decoration: none;
	-webkit-transition: color .4s;
	transition: color .4s
}

.addressPhone:hover {
	color: #fff
}

.addressMail {
	display: inline-block;
	text-decoration: none
}

.addressMail:hover {
	color: #f4f4f4
}

.backgroundSVG {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	opacity: .15;
	stroke: #fff;
	stroke-width: 2;
	fill: none;
	vector-effect: non-scaling-stroke
}

.backgroundGrid {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.backgroundGrid.grid-is-Overlay {
	z-index: 150;
	background-color:transparent;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.block-doubleBriefCenter iframe,
.block-doubleBriefLeft iframe,
.block-doubleBriefRight iframe,
.block-doubleCenter iframe,
.block-doubleLeft iframe,
.block-doubleRight iframe,
.block-singleAsideLeft iframe,
.block-singleAsideRight iframe,
.block-singleBriefLeft iframe,
.block-singleCenter iframe,
.block-singleLeft iframe,
.block-singleOnlyRight iframe,
.block-singleSmallCenter iframe,
.block-singleSmallLeft iframe,
.block-singleSmallRight iframe {
	width: 100%;
	height: 100%
}

.block-doubleCenter,
.block-singleCenter {
	grid-column: 2/span 3
}

.block-doubleLeft,
.block-singleLeft {
	grid-column: 1/span 3
}

.block-singleAsideLeft {
	grid-column: 2/span 2
}

.block-doubleBriefLeft,
.block-singleBriefLeft {
	grid-column: 1/span 2
}

.block-singleSmallLeft {
	grid-column: 2/span 1
}

.block-doubleLeft+.block-singleSmallLeft,
.block-singleLeft+.block-singleSmallLeft {
	margin-top: 200px;
	margin-top: 16.67vw
}

.block-doubleCenter+.block-singleSmallLeft,
.block-singleCenter+.block-singleSmallLeft {
	margin-top: 200px;
	margin-top: 16.67vw
}

.block-doubleRight {
	grid-column: 3/span 3
}

.block-doubleBriefLeft+.block-doubleRight,
.block-singleBriefLeft+.block-doubleRight {
	margin-top: 200px;
	margin-top: 16.67vw
}

.block-singleAsideRight {
	grid-column: 3/span 2
}

.block-singleSmallLeft+.block-singleAsideRight {
	margin-top: 400px;
	margin-top: 33.33vw
}

.block-singleOnlyRight {
	grid-column: 4/span 2
}

.block-singleSmallLeft+.block-singleOnlyRight {
	margin-top: 400px;
	margin-top: 33.33vw
}

.block-doubleBriefRight {
	grid-column: 4/span 2
}

.block-doubleBriefLeft+.block-doubleBriefRight,
.block-singleBriefLeft+.block-doubleBriefRight {
	margin-top: 200px;
	margin-top: 16.67vw
}

.block-singleSmallRight {
	grid-column: 4/span 1
}

.block-doubleLeft+.block-singleSmallRight,
.block-singleLeft+.block-singleSmallRight {
	margin-top: 200px;
	margin-top: 16.67vw
}

.block-singleAsideLeft+.block-singleSmallRight {
	margin-top: 200px;
	margin-top: 16.67vw
}

.block-singleAsideLeft,
.block-singleAsideRight,
.block-singleBriefLeft,
.block-singleCenter,
.block-singleLeft,
.block-singleOnlyRight,
.block-singleSmallCenter,
.block-singleSmallLeft,
.block-singleSmallRight {
	height: 200px;
	height: 16.67vw;
	grid-row: span 1
}

.block-doubleBriefCenter,
.block-doubleBriefLeft,
.block-doubleBriefRight,
.block-doubleCenter,
.block-doubleLeft,
.block-doubleRight {
	height: 400px;
	height: 33.33vw;
	grid-row: span 2
}

.block-singleLeft {
	margin-left: -5vw
}

.block-doubleLeft {
	margin-left: -5vw
}

.block-doubleLeft+.block-singleSmallRight {
	margin-top: 400px;
	margin-top: 33.33vw
}

.block-singleBriefLeft {
	margin-left: -5vw
}

.block-doubleBriefLeft {
	margin-left: -5vw
}

.block-doubleBriefCenter {
	grid-column: 2/span 2
}

.block-singleSmallCenter {
	grid-column: 3/span 1
}

.block-doubleBriefLeft+.block-singleOnlyRight {
	margin-top: 200px;
	margin-top: 16.67vw
}

.blockImage {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

.block-doubleBriefCenter,
.block-doubleBriefLeft,
.block-doubleBriefRight,
.block-doubleCenter,
.block-doubleLeft,
.block-doubleRight,
.block-singleAsideLeft,
.block-singleAsideRight,
.block-singleBriefLeft,
.block-singleCenter,
.block-singleLeft,
.block-singleOnlyRight,
.block-singleSmallCenter,
.block-singleSmallLeft,
.block-singleSmallRight {
	overflow: hidden
}

.block-doubleCenter iframe {
	width: 101%;
	height: 101%;
	margin-left: -.5%
}

.block-doubleBriefLeft,
.block-doubleCenter,
.block-doubleLeft,
.block-singleAsideLeft,
.block-singleBriefLeft,
.block-singleLeft,
.block-singleSmallLeft {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: .6s;
	transition: .6s
}

.block-doubleBriefLeft iframe,
.block-doubleBriefLeft img,
.block-doubleCenter iframe,
.block-doubleCenter img,
.block-doubleLeft iframe,
.block-doubleLeft img,
.block-singleAsideLeft iframe,
.block-singleAsideLeft img,
.block-singleBriefLeft iframe,
.block-singleBriefLeft img,
.block-singleLeft iframe,
.block-singleLeft img,
.block-singleSmallLeft iframe,
.block-singleSmallLeft img {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: .6s;
	transition: .6s
}

.block-doubleBriefLeft.animate,
.block-doubleCenter.animate,
.block-doubleLeft.animate,
.block-singleAsideLeft.animate,
.block-singleBriefLeft.animate,
.block-singleLeft.animate,
.block-singleSmallLeft.animate {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.block-doubleBriefLeft.animate iframe,
.block-doubleBriefLeft.animate img,
.block-doubleCenter.animate iframe,
.block-doubleCenter.animate img,
.block-doubleLeft.animate iframe,
.block-doubleLeft.animate img,
.block-singleAsideLeft.animate iframe,
.block-singleAsideLeft.animate img,
.block-singleBriefLeft.animate iframe,
.block-singleBriefLeft.animate img,
.block-singleLeft.animate iframe,
.block-singleLeft.animate img,
.block-singleSmallLeft.animate iframe,
.block-singleSmallLeft.animate img {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.block-doubleBriefRight,
.block-doubleRight,
.block-singleAsideRight,
.block-singleOnlyRight,
.block-singleSmallRight {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: .9s;
	transition: .9s
}

.block-doubleBriefRight img,
.block-doubleRight img,
.block-singleAsideRight img,
.block-singleOnlyRight img,
.block-singleSmallRight img {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: .9s;
	transition: .9s
}

.block-doubleBriefRight.animate,
.block-doubleRight.animate,
.block-singleAsideRight.animate,
.block-singleOnlyRight.animate,
.block-singleSmallRight.animate {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.block-doubleBriefRight.animate img,
.block-doubleRight.animate img,
.block-singleAsideRight.animate img,
.block-singleOnlyRight.animate img,
.block-singleSmallRight.animate img {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.block-doubleBriefCenter,
.block-singleCenter,
.block-singleSmallCenter {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: .7s;
	transition: .7s
}

.block-doubleBriefCenter img,
.block-singleCenter img,
.block-singleSmallCenter img {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: .7s;
	transition: .7s
}

.block-doubleBriefCenter.animate,
.block-singleCenter.animate,
.block-singleSmallCenter.animate {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.block-doubleBriefCenter.animate img,
.block-singleCenter.animate img,
.block-singleSmallCenter.animate img {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.addressMail,
.map__link,
.overlay .policyTrigger {
	
	text-decoration: none;
	-webkit-transition: .2s, background .4s;
	transition: .2s, background .4s
}

.addressMail:visited,
.map__link:visited,
.overlay .policyTrigger:visited {
	color: #b1b1b1
}

.addressMail:active,
.addressMail:hover,
.map__link:active,
.map__link:hover,
.overlay .policyTrigger:active,
.overlay .policyTrigger:hover {
	
	-webkit-transition: .2s, background .4s;
	transition: .2s, background .4s
}

.line_breaker {
	display: none
}

.caseDescription,
.caseInfo {
	height: 200px;
	height: 16.67vw
}

.caseDescription {
	font-size: 14px;
	font-size: .88rem;
	line-height: 1.5;
	grid-column: 3/span 2
}

.casePics {
	display: grid;
	grid-column: 1/span 5;
	grid-template-columns: 1fr repeat(3, 23.33vw) 1fr;
	grid-template-rows: auto;
	grid-auto-flow: row
}

.caseSlider {
	display: grid;
	grid-column: 1/span 5;
	grid-template-columns: 1fr repeat(3, 23.33vw) 1fr;
	grid-template-rows: auto
}

.caseSliderContent {
	display: grid;
	grid-column: 1/span 5;
	grid-template-columns: 1fr repeat(3, 23.33vw) 1fr;
	grid-template-rows: auto
}

.slider-is-fixing {
	-webkit-transition: .15s;
	transition: .15s
}

.slider-is-changing {
	-webkit-transition: .25s;
	transition: .25s
}

.caseInfo {
	font-size: 14px;
	font-size: .88rem;
	grid-column: 3
}

.caseInfo+.caseInfo {
	grid-column: 4
}

.caseInfo h2 {
	margin-top: 40px;
	margin-top: 3.33vw;
	margin-bottom: .75em;
	font-weight: 500;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5
}

.caseInfo p {
	margin: 0
}

.caseInfo b {
	display: block;
	margin: 38px 0 8px;
	color: #fff;
	font-weight: 400;
	font-family: Segoe UI, Gotham Pro, Droid Sans, Helvetica Neue, Helvetica, Calibri, Arial, sans-serif
}

.casevideo {
	position: relative;
	overflow: hidden;
	height: 600px;
	height: 50vw;
	margin-top: 200px;
	margin-top: 16.67vw;
	margin-bottom: 200px;
	margin-bottom: 16.67vw;
	margin-left: calc(100% - 100vw);
	grid-column: 1/span 5
}

.casevideo iframe {
	width: 100%;
	height: 100%
}

.caseRelatedMobileTitle {
	display: none;
	margin-bottom: 30px;
	color: #b1b1b1;
	font-size: 16px
}

.caseRelated {
	display: block;
	height: 600px;
	height: 50vw;
	margin-top: -1px;
	color: #b1b1b1;
	color: #b1b1b1;
	font-weight: 400;
	font-size: 24px;
	font-size: 1.5rem;
	text-decoration: none;
	line-height: 1.25;
	grid-column: 2;
	grid-row-end: span 2
}

.caseRelated:visited {
	color: #b1b1b1
}

.caseRelated:active,
.caseRelated:hover {
	color: #fff
}

.caseRelated+.caseRelated {
	grid-column: 4
}

.caseRelatedImageItem {
	overflow: hidden;
	height: 16.67vw;
	margin: 0 0 1.5em
}

.caseRelatedImage {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 23px
}

.caseRelatedTitle {
	color: #fff
}

.caseRelatedTitle:hover {
	color: #ddd
}

.casesHolder {
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	width: 100%;
	height: 100%;
	grid-template-columns: 1fr repeat(3, 23.33vw) 1fr;
	grid-template-rows: auto
}

.cases {
	position: relative;
	top: -1px;
	display: grid;
	align-self: start;
	padding: 1px 0 0;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	grid-column: 2/span 3;
	grid-template-columns: repeat(3, 23.33vw);
	grid-template-rows: repeat(auto-fill, 16.67vw)
}

.caseLink {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.caseLink:before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	-webkit-transition: .4s;
	transition: .4s
}

.caseLink:after {
	position: relative;
	content: '';
	display: block;
	width: 100%;
	padding: 71.4% 0 0
}

.caseLink:active:before,
.caseLink:hover:before {
	opacity: .2
}

.caseLink:active .case__title,
.caseLink:hover .case__title {
	opacity: 1
}

.caseImage {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%
}

.case__title {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 50vw;
	color: #f4f4f4;
	font-weight: 500;
	font-size: 13px;
	font-size: .81rem;
	text-align: center;
	line-height: 1;
	opacity: 0;
	-webkit-transform: translate(-50%, -45%) translateZ(0);
	transform: translate(-50%, -45%) translateZ(0);
	-webkit-transition: opacity .4s;
	transition: opacity .4s
}

.changeBackdrop,
.changeOver {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.changeBackdrop {
	z-index: -3
}

.changeOver {
	z-index: 200;
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.changeOver-is-over {
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.landingSectionCountdown:before {
	position: relative;
	top: 1.75em;
	left: 2px;
	content: attr(data-total);
	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: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 2px;
	color: #fff;
	line-height: 1;
	grid-column-start: 4;
	grid-row-start: -2;
	justify-self: end
}

.landingSectionCountdown:after {
	position: relative;
	top: 0;
	left: -1px;
	content: '';
	display: block;
	width: 2px;
	background: #fff;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: .2s;
	transition: .2s;
	grid-column-start: 4;
	grid-row-start: -2;
	justify-self: end
}

.landingSectionCountdown-is-paused:after {
	-webkit-animation: none;
	animation: none
}

.landingSectionCountdown-is-active:after {
	-webkit-animation: countdownAnim 3.4s forwards linear;
	animation: countdownAnim 3.4s forwards linear
}

.caseCrew {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	margin-top: 200px;
	margin-top: 16.67vw;
	grid-column: 2/span 3
}

.caseCrew h2 {
	position: relative;
	top: -2px;
	width: 100%;
	height: 1em;
	padding: 0 0 .5em;
	border-width: 0 0 2px;
	border-style: solid;
	border-color: #fff;
	margin-top: -1.5em;
	margin-bottom: 110px;
	margin-bottom: 9.17vw;
	font-size: 22px;
	font-size: 1.38rem;
	line-height: 1
}

.crewUnit {
	width: 280px;
	width: 23.33vw;
	margin-bottom: 80px;
	margin-bottom: 6.67vw;
	font-size: 14px;
	font-size: .88rem;
	line-height: 1.5
}

.crewUnit h3 {
	padding-right: 10px;
	margin: 0;
	font-size: 16px;
	font-size: 1rem
}

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

.crewMember {
	margin: 0
}

.errorCodeDigit {
	overflow: hidden;
	height: 200px;
	height: 16.67vw;
	color: #414141;
	font-weight: 900;
	font-size: 268px;
	font-size: 22.33vw;
	text-indent: 128.8px;
	text-indent: 10.73vw;
	line-height: 248px;
	line-height: 20.67vw;
	grid-row: 2;
	grid-column: 2
}

.errorCodeDigit:nth-child(2) {
	font-size: 21.8vw;
	text-indent: 112px;
	text-indent: 9.33vw;
	line-height: 20.5vw;
	grid-column: 3
}

.errorCodeDigit+.errorCodeDigit+.errorCodeDigit {
	text-indent: 10.73vw;
	grid-column: 4
}

.errorMessage {
	position: relative;
	top: -.275em;
	width: 40%;
	color: #b1b1b1;
	font-weight: 400;
	font-size: 14px;
	font-size: .88rem;
	line-height: 1.25;
	grid-row: 2;
	grid-column: 2
}

.errorLink {
	display: block;
	width: 115px;
	height: 40px;
	margin-top: 50px;
	margin-top: 4.17vw;
	color: #b1b1b1;
	background: #414141;
	font-weight: 400;
	font-size: 12px;
	font-size: .75rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 40px;
	grid-row: 3;
	grid-column: 4
}

.errorLink:active,
.errorLink:hover,
.errorLink:visited {
	color: #b1b1b1
}

.errorLink:hover {
	color: #fff
}

.feedback {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 100px;
	margin-bottom: 8.33vw;
	grid-column: 2/span 3;
	grid-row: 6
}

.feedback:before {
	position: relative;
	content: '';
	display: block;
	width: 100%;
	height: 200px;
	height: 16.67vw
}

.feedback:after {
	position: relative;
	content: '';
	display: block;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	width: 100%;
	height: 120px;
	height: 10vw
}

.feedback h2 {
	width: 100%;
	height: 16.67vw;
	padding: 0 1px 0 0;
	margin: 0;
	line-height: 1
}

.feedbackField,
.feedbackText {
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	border: 0;
	border-radius: 0;
	color: #fff
}

.feedbackField {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 270px;
	width: 22.5vw;
	height: 40px;
	height: 3.33vw;
	padding: 0;
	margin-top: -40px;
	margin-top: -3.33vw;
	margin-right: -270px;
	margin-right: -22.5vw;
	color: #e3e3e3;
	background: -webkit-gradient(linear, left top, right top, from(#b1b1b1), to(#b1b1b1)) no-repeat 0 bottom/0 2px, -webkit-gradient(linear, left top, right top, from(#b1b1b1), to(#b1b1b1)) no-repeat 0 bottom/100% 2px;
	background: linear-gradient(to right, #b1b1b1, #b1b1b1) no-repeat 0 bottom/0 2px, linear-gradient(to right, #b1b1b1, #b1b1b1) no-repeat 0 bottom/100% 2px;
	-webkit-transition: .2s, background .4s;
	transition: .2s, background .4s
}

.feedbackField:focus {
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)) no-repeat 0 bottom/100% 2px, -webkit-gradient(linear, left top, right top, from(#b1b1b1), to(#b1b1b1)) no-repeat 0 bottom/100% 2px;
	background: linear-gradient(to right, #fff, #fff) no-repeat 0 bottom/100% 2px, linear-gradient(to right, #b1b1b1, #b1b1b1) no-repeat 0 bottom/100% 2px
}

.feedbackField-is-invalid {
	background: -webkit-gradient(linear, left top, right top, from(#ff4343), to(#ff4343)) no-repeat 0 bottom/100% 2px, -webkit-gradient(linear, left top, right top, from(#ff4343), to(#ff4343)) no-repeat 0 bottom/100% 2px;
	background: linear-gradient(to right, #ff4343, #ff4343) no-repeat 0 bottom/100% 2px, linear-gradient(to right, #ff4343, #ff4343) no-repeat 0 bottom/100% 2px
}

.feedbackText {
	position: relative;
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	overflow: hidden;
	width: 830px;
	width: 69.17vw;
	height: 120px;
	height: 10vw;
	resize: none;
	padding: 0;
	border: 0;
	margin-top: -3.1vw;
	color: #e3e3e3;
	background: linear-gradient(to bottom, #b1b1b1, #b1b1b1 2px, rgba(177, 177, 177, 0) 2px, rgba(177, 177, 177, 0)) repeat-y 0 3vw/100% 3.33vw, linear-gradient(to bottom, #fff, #fff 2px, rgba(177, 177, 177, 0) 2px, rgba(177, 177, 177, 0)) repeat-y -100vw 3vw/100% 3.33vw;
	line-height: 40px;
	line-height: 3.33vw;
	-webkit-transition: .2s, background .4s;
	transition: .2s, background .4s
}

.feedbackText:after {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%
}

.feedbackText:focus {
	border: transparent;
	background: linear-gradient(to bottom, #fff, #fff 2px, rgba(177, 177, 177, 0) 2px, rgba(177, 177, 177, 0)) repeat 0 3vw/100% 3.33vw, linear-gradient(to bottom, #fff, #fff 2px, rgba(177, 177, 177, 0) 2px, rgba(177, 177, 177, 0)) repeat-y 0 3vw/100% 3.33vw
}

.feedback__item {
	position: relative;
	width: 270px;
	width: 22.5vw;
	height: 16.67vw;
	margin-right: 10px;
	margin-right: .83vw
}

.feedback__item-to-text {
	width: 100%;
	height: 10.42vw
}

.feedback__item-to-captcha {
	height: 8.33vw
}

.feedback__item-to-agreement {
	width: 67%;
	margin-right: 0
}

.feedback__item-to-submit {
	width: 33%;
	margin-right: 0
}

.feedbackLabel {
	position: absolute;
	top: 0;
	-webkit-box-ordinal-group: 1;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	margin-top: -40px;
	margin-top: -3.33vw;
	color: #f4f4f4;
	font-size: 16px;
	font-size: 1rem;
	white-space: nowrap;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: .2s;
	transition: .2s
}

.feedbackField-is-invalid+.feedbackLabel {
	color: #ff4343
}

.feedbackField-is-filled+.feedbackLabel,
.feedbackField:focus+.feedbackLabel,
.feedbackText:focus+.feedbackLabel {
	color: #696969;
	-webkit-transform: translateY(-40%) scale(.9);
	-ms-transform: translateY(-40%) scale(.9);
	transform: translateY(-40%) scale(.9)
}

.feedbackAgreement {
	position: absolute;
	z-index: -20;
	top: 50px;
	top: 4.17vw;
	left: 0;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	opacity: 0
}

.feedbackAgreementLabel {
	position: relative;
	display: block;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	width: 50%;
	padding: 0 0 0 35px;
	margin-top: 35px;
	font-weight: 400;
	font-size: 12px;
	font-size: .75rem;
	line-height: 3
}

.feedbackAgreementLabel:after,
.feedbackAgreementLabel:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 17px;
	height: 17px;
	margin: -8.5px 0 0
}

.feedbackAgreementLabel:before {
	border: 1px solid #b1b1b1;
	-webkit-transition: border .4s;
	transition: border .4s
}

.feedbackAgreementLabel:after {
	background: #fff;
	opacity: 0;
	-webkit-transition: .2s;
	transition: .2s
}

.feedbackAgreementLabel:hover:before {
	border-color: #fff
}

.feedbackAgreementLabel div {
	position: relative;
	display: inline-block;
	-webkit-transition: color .4s;
	transition: color .4s
}

.feedbackAgreementLabel div:after {
	position: absolute;
	bottom: 6px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: -webkit-gradient(linear, left top, right top, from(#141414), to(#141414)) no-repeat 0 bottom/0 2px, -webkit-gradient(linear, left top, right top, from(#b1b1b1), to(#b1b1b1)) no-repeat 0 bottom/100% 2px;
	background: linear-gradient(to right, #141414, #141414) no-repeat 0 bottom/0 2px, linear-gradient(to right, #b1b1b1, #b1b1b1) no-repeat 0 bottom/100% 2px;
	-webkit-transition: .2s, background .4s;
	transition: .2s, background .4s
}

.feedbackAgreementLabel div:hover:after {
	background: -webkit-gradient(linear, right top, left top, from(#141414), to(#141414)) no-repeat 0 bottom/100% 2px, -webkit-gradient(linear, right top, left top, from(#b1b1b1), to(#b1b1b1)) no-repeat 0 bottom/100% 2px;
	background: linear-gradient(to left, #141414, #141414) no-repeat 0 bottom/100% 2px, linear-gradient(to left, #b1b1b1, #b1b1b1) no-repeat 0 bottom/100% 2px;
	-webkit-transition: .2s, background .4s;
	transition: .2s, background .4s
}

.feedbackAgreement:checked+.feedbackAgreementLabel:after {
	opacity: 1
}

.feedbackAgreement:checked+.feedbackAgreementLabel:before {
	border-color: #fff
}

.feedbackSubmit {
	bottom: 0;
	display: block;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
	width: 135px;
	height: 40px;
	padding: 0;
	margin-top: 34px;
	margin-left: -2px;
	color: #b1b1b1;
	background: #414141;
	font-weight: 500;
	font-size: 16px;
	font-size: 1rem;
	text-transform: uppercase;
	line-height: 2
}

.feedbackSubmit:active,
.feedbackSubmit:hover {
	color: #fff
}

.feedbackSubmit:disabled {
	opacity: .5
}

.feedbackSubmit:disabled:hover {
	color: #b1b1b1
}

@font-face {
	font-weight: 400;
	font-style: normal;
	font-family: 'Gotham Pro';
	src: url(../fonts/GothamPro/gothampro-regular.eot);
	src: url(../fonts/GothamPro/gothampro-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamPro/gothampro-regular.woff2) format('woff2'), url(../fonts/GothamPro/gothampro-regular.woff) format('woff'), url(../fonts/GothamPro/gothampro-regular.ttf) format('truetype')
}

@font-face {
	font-weight: 700;
	font-style: normal;
	font-family: 'Gotham Pro';
	src: url(../fonts/GothamPro/gothampro-medium.eot);
	src: url(../fonts/GothamPro/gothampro-medium.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamPro/gothampro-medium.woff2) format('woff2'), url(../fonts/GothamPro/gothampro-medium.woff) format('woff'), url(../fonts/GothamPro/gothampro-medium.ttf) format('truetype')
}

@font-face {
	font-weight: 200;
	font-style: normal;
	font-family: 'Gotham Pro';
	src: url(../fonts/GothamPro/gothampro-light.eot);
	src: url(../fonts/GothamPro/gothampro-light.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamPro/gothampro-light.woff2) format('woff2'), url(../fonts/GothamPro/gothampro-light.woff) format('woff'), url(../fonts/GothamPro/gothampro-light.ttf) format('truetype')
}

.font-GothamPro-is-loaded {
	font-family: Gotham Pro, Segoe UI, Gotham Pro, Droid Sans, Helvetica Neue, Helvetica, Calibri, Arial, sans-serif
}

.footer {
	position: relative;
	z-index: 5;
	display: grid;
	overflow: hidden;
	height: 65px;
	padding: 10px 0 0 calc(100vw - 100%);
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .4s, visibility .4s step-end;
	transition: opacity .4s, visibility .4s step-end;
	grid-template-columns: 1fr repeat(3, 23.33vw) 1fr
}

.footer-is-landing {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .4s, visibility .4s step-start;
	transition: opacity .4s, visibility .4s step-start
}

.footer-is-landingMobile {
	z-index: 0;
	opacity: 0;
	-webkit-transition: left .5s step-end, bottom .5s step-end, opacity .5s step-end;
	transition: left .5s step-end, bottom .5s step-end, opacity .5s step-end
}

.fake_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 0px
}

.fake_footer .language_switcher {
	position: absolute;
	right: 0;
	bottom: 69%;
	left: 50%;
	display: block;
	margin-left: 420px;
	margin-left: 35vw
}

.header {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	counter-reset: landing;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 5.42vw;
	padding-left: calc(100vw - 100%)
}

.header-is-overlay .burger {
	opacity: 0
}

.header .navLink-is-case {
	display: none
}

.header .navLink-is-contacts {
	display: none
}

.header.header-is-case .navLink {
	display: none
}

.header.header-is-case .navLink-is-case {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.header.header-is-contacts .navLink {
	display: none
}

.header.header-is-contacts .navLink-is-contacts {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.burger {
	position: relative;
	top: 8.5vw;
	display: none;
	width: 32px;
	height: 22px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(#fff, #fff);
	background-position: 0 10px;
	background-size: 100% 2px;
	background-repeat: no-repeat;
	grid-column: 3
}

.burger:after,
.burger:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff
}

.burger:after {
	top: 0
}

.burger:before {
	bottom: 0
}

.burger-to-active {
	background: 0
}

.burger-to-active:before {
	-webkit-animation: animateBurgerLastLine .4s ease both;
	animation: animateBurgerLastLine .4s ease both
}

.burger-to-active:after {
	-webkit-animation: animateBurgerFirstLine .4s ease both;
	animation: animateBurgerFirstLine .4s ease both
}

.landingSection {
	z-index: 1;
	overflow: hidden
}

.landingSection:before {
	position: relative;
	top: -1em;
	content: '0' counter(landing);
	counter-increment: landing;
	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: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	color: #fff;
	line-height: 1;
	-webkit-transform: translate3d(125%, -100%, 0);
	transform: translate3d(125%, -100%, 0);
	-webkit-transition: .75s;
	transition: .75s;
	grid-column-start: -2;
	grid-row-start: -2;
	justify-self: end
}

.landingSection-is-active {
	z-index: 2;
	opacity: 1
}

.landingSection-is-active:before {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

.landingDesc,
.landingHeader {
	position: absolute;
	left: 0;
	overflow: hidden;
	grid-column-start: 1;
	grid-row-start: -2
}

.landingHeader {
	bottom: 100%;
	width: 560px;
	width: 46.67vw;
	margin: 0;
	font-weight: 400;
	font-size: 44px;
	font-size: 2.75rem;
	line-height: 48px
}

.landingHeaderText {
	display: block;
	color: #fff;
	text-decoration: none;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: .75s;
	transition: .75s
}

.landingHeaderText:active,
.landingHeaderText:hover,
.landingHeaderText:visited {
	color: #fff
}

.landingSection-is-active .landingHeaderText {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.landingDesc {
	top: 0;
	width: 280px;
	width: 23.33vw;
	margin: 1em 0 0
}

.landingDescText {
	display: block;
	color: #fff;
	text-decoration: none;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: .75s;
	transition: .75s
}

.landingSection-is-active .landingDescText {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.landingDescText:hover,
.landingDescText:visited {
	color: #fff
}

.languageSwitcher {
	padding-top: 5px;
	padding-top: .42vw
}

.languageButton {
	position: relative;
	height: 20px;
	height: 1.67vw;
	margin-right: 5px;
	margin-right: .42vw;
	color: #e5e5e5;
	font-size: 12px;
	font-size: .75rem;
	text-decoration: none;
	line-height: 2
}

.languageButton:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 25px;
	height: 40px
}

.languageButton-is-active {
	color: #e3e3e3;
	font-weight: 700;
	opacity: 1
}

.languageButton:active,
.languageButton:visited {
	color: #ccc
}

.languageButton:hover {
	color: #fff
}

.legalLinks {
	display: grid;
	font-size: 12px;
	font-size: .75rem;
	-webkit-transition: .4s;
	transition: .4s;
	grid-column: 2/5;
	grid-template-columns: repeat(3, 23.33vw)
}

.legalLink {
	position: relative;
	display: block;
	padding-right: 55%;
	color: #b1b1b1;
	text-decoration: none;
	-webkit-transition: color .2s;
	transition: color .2s
}

.legalLink:active,
.legalLink:hover,
.legalLink:visited {
	color: #b1b1b1
}

.legalLink:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%
}

.legalLink:active,
.legalLink:visited {
	color: #ccc
}

.legalLink:hover {
	color: #fff
}

.logo {
	position: absolute;
	z-index: 200;
	top: 0;
	right: 46.7%;
	left: 0;
	display: block;
	height: 41px;
	height: 3.42vw;
	margin-top: 9px;
	margin-top: .75vw;
	margin-right: 460px;
	margin-right: 38.33vw;
	color: #fff;
	text-indent: -10000px
}

.logo:active,
.logo:hover,
.logo:visited {
	color: #fff
}

.logoSVG {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	fill: currentColor
}

.map {
	position: relative;
	top: 0;
	height: 200px;
	height: 16.67vw;
	grid-column: 2/span 3;
	grid-row: 5/auto
}

.map-ru {
	background: url(/images/map_ru.png) center center/100% 99% no-repeat
}

.map-en {
	background: url(/images/map_en.png) center center/100% 99% no-repeat
}

.map__link {
	position: absolute;
	z-index: 10;
	top: 100%;
	right: 0;
	display: inline-block;
	margin-top: 28px;
	color: #b1b1b1;
	font-weight: 500;
	font-size: 14px
}

.navigation {
	position: relative;
	z-index: 10;
	height: 65px;
	font-size: 12px;
	font-size: .75rem;
	text-transform: uppercase;
	grid-column-start: 2;
	grid-column: 4
}

.navLink {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-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;
	height: 65px;
	height: 5.42vw;
	color: #f4f4f4;
	font-weight: 500;
	text-decoration: none
}

.navLink:active,
.navLink:hover,
.navLink:visited {
	color: #f4f4f4
}

.navLink:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	margin: .75em 0 0;
	background: #b1b1b1;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: .2s;
	transition: .2s
}

.navLink:hover {
	color: #ddd
}

.navLink-is-active {
	color: #fff
}

.navLink:last-child {
	position: absolute;
	top: 0;
	left: 100%
}

.overlayMenu.overlayMenu-is-second {
	z-index: 100
}

.overlayMenu .overlayContent {
	position: relative;
	top: 0;
	left: 15vw;
	padding: 0;
	margin-top: 265px;
	margin-top: 22.08vw;
	margin-left: 0
}

.overlayMenu .menu__nav {
	height: auto
}

.overlayMenu .language_switcher {
	position: relative;
	top: 0;
	right: 0;
	left: 51%;
	padding-right: 23.33vw;
	margin-left: -35vw
}

.overlayMenu .languageButton-is-active {
	font-weight: 500
}

.menu__nav {
	position: relative;
	height: 50vw;
	grid-row: 1;
	grid-column: 2
}

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

.menu__nav a {
	display: block;
	margin: 30px 0;
	color: #fff;
	font-size: 26px;
	text-decoration: none;
	line-height: 38px
}

.overlay {
	position: fixed;
	z-index: 198;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}

.overlay-is-visible {
	z-index: 250;
	visibility:  hidden;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.overlay h1 {
	height: 200px;
	height: 16.67vw;
	margin: 0 0 -24px;
	margin: 0 0 -1.5rem;
	font-size: 36px
}

.overlay .policyTrigger:hover {
	
}

.overlayContent {
	position: absolute;
	top: 265px;
	top: 22.08vw;
	right: 0;
	bottom: 0;
	left: 50%;
	overflow: auto;
	padding-right: 280px;
	padding-right: 23.33vw;
	margin-left: -420px;
	margin-left: -35vw
}

.overlayContent .footer {
	position: absolute;
	bottom: 5vw;
	left: 0
}

.overlayContent .footer .legalLink {
	margin-left: 0
}

.overlayContent .footer .rutorika {
	margin-left: 0
}

.overlayContent h2 {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 20px
}

.overlayContent p {
	font-size: 14px
}

.overlayContent .languageButton {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1
}

.overlayContent .languageButton-is-active {
	color: #e3e3e3;
	font-weight: 500;
	opacity: 1
}

.closeOverlay {
	position: absolute;
	z-index: 20;
	left: 50%;
	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;
	height: 65px;
	height: 5.42vw;
	margin-left: 420px;
	margin-left: 35vw;
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	font-size: .75rem;
	text-decoration: none;
	text-transform: uppercase
}

.closeOverlay:active,
.closeOverlay:hover,
.closeOverlay:visited {
	color: #fff
}

.closeOverlay:visited {
	color: #fff
}

.closeOverlay:hover {
	color: #ddd
}

.header_overlay {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	counter-reset: landing;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 5.42vw;
	padding-left: calc(100vw - 100%)
}

.header_overlay .slogan {
	position: absolute;
	left: 15%
}

.header_overlay .logo:visited {
	color: #fff
}

.header_overlay .logo {
	color: #fff
}

.body-is-cases {
	overflow: hidden
}

.body-is-cases .page {
	overflow: visible
}

.body-is-cases .footer {
	display: none
}

.body-is-mobile-cases .footer {
	display: none
}

.body-is-mobile-cases .fake_footer {
	display: none
}

.page {
	position: relative;
	counter-reset: landing;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 calc(100vw - 100%);
	margin: 5.42vw 0 0;
	grid-template-rows: auto;
	grid-auto-flow: row
}

.page:before {
	position: relative;
	content: '';
	display: block;
	height: 16.67vw;
	grid-column: 2/span 3
}

.page h1 {
	margin: 0;
	font-weight: 400;
	line-height: 1;
	grid-column: 2
}

.rutorika {
	position: absolute;
	right: 50%;
	bottom: 69%;
	left: 0;
	display: block;
	height: 7px;
	height: .58vw;
	margin-right: 420px;
	margin-right: 35vw;
	text-indent: -10000px
}

.rutorikaSVG {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: .6;
	-webkit-transition: .4s;
	transition: .4s;
	fill: #fff
}

.rutorikaSVG:hover {
	opacity: 1
}

.rutorikaSVG:hover path {
	opacity: 1;
	fill: #fff
}

.slogan {
	z-index: 200;
	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;
	height: 65px;
	height: 5.42vw;
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	font-size: .75rem;
	text-transform: uppercase;
	grid-column: 2;
	grid-row: 1
}

.social {
	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;
	height: 200px;
	height: 16.67vw;
	padding: 0;
	margin: 0;
	list-style: none;
	grid-column: 4;
	grid-row: 3
}

.socialItem {
	position: relative;
	margin: 0
}

.socialLink {
	position: relative;
	display: block;
	overflow: hidden;
	width: 36px;
	width: 3vw;
	height: 0;
	padding-top: 36px;
	padding-top: 3vw;
	color: #414141;
	background: currentColor
}

.socialLink:visited {
	color: #414141
}

.socialLink:active,
.socialLink:hover {
	color: #fff
}

.socialSVG {
	position: absolute;
	fill: #141414
}

.socialSVG-FB {
	top: 21.25%;
	left: 33.75%;
	width: 32.5%;
	height: 57.5%
}

.socialSVG-IG {
	top: 10%;
	left: 22.5%;
	width: 80.7%;
	height: 63.9%
}

.socialSVG-VK {
	top: 26.4%;
	left: 6.95%;
	width: 86.1%;
	height: 47.2%
}

.socialSVG-VM {
	top: 25%;
	left: 18.05%;
	width: 63.9%;
	height: 50%
}

.socialSVG-YT {
	top: 33.35%;
	left: 34.7%;
	width: 30.6%;
	height: 33.3%
}

.sourceSVG {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0
}

.succes {
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .5s, visibility .5s step-start;
	transition: opacity .5s, visibility .5s step-start;
	-webkit-transition-delay: .5s;
	transition-delay: .5s
}

.succes-is-active {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.succes h2 {
	position: relative;
	left: 50%;
	height: 23.33vw;
	padding-top: 8.33vw;
	padding-left: 8px;
	margin-left: -420px;
	margin-left: -35vw;
	font-size: 36px;
	font-size: 3vw
}

.succes__close {
	position: absolute;
	left: 50.5%;
	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;
	height: 65px;
	height: 5.42vw;
	margin-left: 420px;
	margin-left: 35vw;
	color: #f4f4f4;
	font-weight: 500;
	font-size: 12px;
	font-size: .75rem;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer
}

.succes__close:hover {
	color: #ddd
}

.succes__close-is-active {
	color: #fff
}

.cookie {
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	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-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 25px 15vw;
	background-color: transparent;
	-webkit-transition: opacity .4s, visibility .4s step-end;
	transition: opacity .4s, visibility .4s step-end
}

.cookie-is-fade {
	visibility: hidden;
	opacity: 0
}

.cookie p {
	max-width: 700px;
	margin: 0;
	color: #fff;
	font-weight: 400;
	font-size: 10px;
	line-height: 14px
}

.cookie p a {
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	-webkit-transition: border .4s;
	transition: border .4s
}

.cookie p a:active,
.cookie p a:focus,
.cookie p a:hover,
.cookie p a:visited {
	color: #fff
}

.cookie p a:hover {
	border-color: transparent
}

.cookie__close {
	color: #fff;
	font-weight: 400;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 14px
}

.cookie__close:active,
.cookie__close:focus,
.cookie__close:hover,
.cookie__close:visited {
	color: #fff
}

@media only screen and (max-width:85.38em) {

	.addressMail,
	.addressPhone {
		margin: 9.6px 0;
		margin: .6rem 0
	}

	.addressMail {
		margin-top: 0
	}

	.legalLink {
		padding-right: 40%
	}

	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5625),
only screen and (min-resolution:150dpi),
only screen and (min-resolution:1.5dppx) {
	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (min--moz-device-pixel-ratio:2.5),
only screen and (min-device-pixel-ratio:2.5),
only screen and (-webkit-min-device-pixel-ratio:2.6041666666666665),
only screen and (min-resolution:250dpi),
only screen and (min-resolution:2.5dppx) {
	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (max-width:61.25em) {
	.address {
		margin-bottom: 200px;
		margin-bottom: 16.67vw;
		grid-column: 2;
		grid-row: 3
	}

	.caseDescription {
		height: 33.33vw;
		grid-column: 2/span 3;
		grid-row: 3
	}

	.caseInfo h2 {
		margin-top: 0
	}

	.landingSectionCountdown:before {
		grid-row-start: -3
	}

	.landingSectionCountdown:after {
		grid-row-start: -3
	}

	.errorLink {
		width: 146px;
		height: 44px;
		line-height: 44px;
		grid-column: 2
	}

	.footer {
		height: 100px
	}

	.landingSection:before {
		grid-row-start: -3
	}

	.landingDesc,
	.landingHeader {
		grid-row-start: -3
	}

	.legalLinks {
		display: block
	}

	.legalLinks:before {
		display: none
	}

	.legalLink {
		padding-right: 20%;
		margin-left: 15vw;
		line-height: 20px
	}

	.legalLink:before {
		display: none
	}

	.map {
		padding: 0;
		margin: 0;
		grid-row: 5
	}

	.overlay h1 {
		font-size: 24px
	}

	.page h1 {
		height: 200px;
		height: 16.67vw
	}

	.rutorika {
		right: auto;
		bottom: 7.71vw;
		left: 15%;
		width: 111px;
		height: 20px;
		margin-right: 0
	}

	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (max-width:61.25em) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:61.25em) and (min--moz-device-pixel-ratio:1.5),
only screen and (max-width:61.25em) and (min-device-pixel-ratio:1.5),
only screen and (max-width:61.25em) and (-webkit-min-device-pixel-ratio:1.5625),
only screen and (max-width:61.25em) and (min-resolution:150dpi),
only screen and (max-width:61.25em) and (min-resolution:1.5dppx) {
	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (max-width:61.25em) and (-webkit-min-device-pixel-ratio:2.5),
only screen and (max-width:61.25em) and (min--moz-device-pixel-ratio:2.5),
only screen and (max-width:61.25em) and (min-device-pixel-ratio:2.5),
only screen and (max-width:61.25em) and (-webkit-min-device-pixel-ratio:2.6041666666666665),
only screen and (max-width:61.25em) and (min-resolution:250dpi),
only screen and (max-width:61.25em) and (min-resolution:2.5dppx) {
	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (max-width:45em) {
	body {
		min-width: 0
	}

	.header,
	.page {
		margin-left: 0;
		grid-template-columns: 1fr 68.75vw 1fr;
		grid-template-rows: repeat(auto-fill, 50vw)
	}

	.landingSection,
	.landingSectionCountdown {
		height: 100vw;
		margin-top: -50vw
	}

	.address {
		height: 50vw;
		margin-bottom: 0;
		grid-row: 2
	}

	.addressMail,
	.addressPhone {
		margin: 21.6px 0;
		margin: 1.35rem 0
	}

	.addressMail {
		display: block
	}

	.backgroundGrid {
		z-index: 0
	}

	.block-doubleLeft+.block-singleSmallLeft,
	.block-singleLeft+.block-singleSmallLeft {
		margin-top: 0
	}

	.block-doubleCenter+.block-singleSmallLeft,
	.block-singleCenter+.block-singleSmallLeft {
		margin-top: 0
	}

	.block-doubleBriefLeft+.block-doubleRight,
	.block-singleBriefLeft+.block-doubleRight {
		margin-top: 0
	}

	.block-singleSmallLeft+.block-singleAsideRight {
		margin-top: 0
	}

	.block-singleSmallLeft+.block-singleOnlyRight {
		margin-top: 0
	}

	.block-doubleBriefLeft+.block-doubleBriefRight,
	.block-singleBriefLeft+.block-doubleBriefRight {
		margin-top: 0
	}

	.block-doubleLeft+.block-singleSmallRight,
	.block-singleLeft+.block-singleSmallRight {
		margin-top: 0
	}

	.block-singleAsideLeft+.block-singleSmallRight {
		margin-top: 0
	}

	.block-doubleLeft+.block-singleSmallRight {
		margin: 0
	}

	.block-singleSmallCenter {
		margin-top: 0
	}

	.block-doubleBriefLeft+.block-singleOnlyRight {
		margin-top: 0
	}

	.blockImage {
		height: auto
	}

	.block-doubleBriefCenter,
	.block-doubleBriefLeft,
	.block-doubleBriefRight,
	.block-doubleCenter,
	.block-doubleLeft,
	.block-doubleRight,
	.block-singleAsideLeft,
	.block-singleAsideRight,
	.block-singleBriefLeft,
	.block-singleCenter,
	.block-singleLeft,
	.block-singleOnlyRight,
	.block-singleSmallCenter,
	.block-singleSmallLeft,
	.block-singleSmallRight {
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		height: 50vw;
		margin: 0;
		grid-column: 1/span 3
	}

	.block-doubleBriefCenter.blockBanner,
	.block-doubleBriefLeft.blockBanner,
	.block-doubleBriefRight.blockBanner,
	.block-doubleCenter.blockBanner,
	.block-doubleLeft.blockBanner,
	.block-doubleRight.blockBanner,
	.block-singleAsideLeft.blockBanner,
	.block-singleAsideRight.blockBanner,
	.block-singleBriefLeft.blockBanner,
	.block-singleCenter.blockBanner,
	.block-singleLeft.blockBanner,
	.block-singleOnlyRight.blockBanner,
	.block-singleSmallCenter.blockBanner,
	.block-singleSmallLeft.blockBanner,
	.block-singleSmallRight.blockBanner {
		height: auto
	}

	.blockSlide {
		width: 100%;
		height: 100vw
	}

	.addressMail,
	.map__link,
	.overlay .policyTrigger {
		background: 0;
		text-decoration: underline
	}

	.addressMail:active,
	.addressMail:visited,
	.map__link:active,
	.map__link:visited,
	.overlay .policyTrigger:active,
	.overlay .policyTrigger:visited {
		color: #ccc
	}

	.addressMail:hover,
	.map__link:hover,
	.overlay .policyTrigger:hover {
		color: #fff;
		text-decoration: none
	}

	.line_breaker {
		display: block
	}

	.caseDescription {
		min-height: 150vw;
		margin-bottom: 0;
		grid-column: 2;
		grid-row: auto
	}

	.casePics {
		display: block;
		overflow: hidden;
		grid-column: 1/span 3
	}

	.caseSlider {
		display: block;
		margin: 0 15.5vw 0 0;
		grid-column: 1/span 3
	}

	.caseSliderContent {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: auto
	}

	.caseInfo+.caseInfo {
		grid-column: 2;
		grid-row: auto
	}

	.caseInfo {
		height: 50vw;
		grid-row: auto;
		grid-column: 2/auto
	}

	.casevideo {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		grid-column: 1/span 3
	}

	.caseRelatedMobileTitle {
		display: block;
		margin-top: -40px;
		grid-column: 2
	}

	.caseRelated {
		color: #fff;
		grid-column: 2;
		grid-row: auto
	}

	.caseRelated img {
		display: none
	}

	.caseRelated+.caseRelated {
		display: none;
		grid-column: 2
	}

	.caseRelatedImageItem {
		display: none
	}

	.casesHolder {
		position: relative;
		height: auto;
		margin-bottom: 50vw;
		grid-column: 2;
		grid-row: 1/span 2
	}

	.cases {
		grid-template-columns: 68.75vw;
		grid-column: 1;
		grid-template-rows: auto
	}

	.caseLink {
		height: 50vw
	}

	.case__title {
		font-size: 5vw;
		opacity: 1
	}

	.landingSectionCountdown {
		top: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 50vw;
		margin: 50vw -35vw 0
	}

	.landingSectionCountdown:before {
		top: 1em;
		left: 100%;
		line-height: 0
	}

	.landingSectionCountdown:after {
		position: relative;
		left: calc(100% - 6px);
		height: 50vw
	}

	.caseCrew {
		height: auto;
		margin-top: 25vw;
		margin-bottom: 25vw;
		grid-column: 2
	}

	.crewUnit h3 {
		margin-right: 0
	}

	.crewUnit {
		width: 100%
	}

	.crewMember {
		color: #b1b1b1
	}

	.errorCodeDigit {
		position: relative;
		top: -9vw;
		left: -1vw;
		overflow: initial;
		width: 1vw;
		height: auto;
		font-size: 30vw;
		text-indent: 0;
		line-height: 10vw;
		grid-column: 2
	}

	.errorCodeDigit+.errorCodeDigit {
		left: 15vw;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		grid-column: 2
	}

	.errorCodeDigit+.errorCodeDigit+.errorCodeDigit {
		left: 40vw;
		grid-column: 2
	}

	.errorMessage {
		width: 200px;
		padding-top: 30px;
		grid-row: 1
	}

	.feedback h2 {
		height: 50vw;
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1
	}

	.feedback {
		grid-column: 2
	}

	.feedback::before {
		display: none
	}

	.feedbackField {
		width: 100%;
		height: 40px;
		margin-top: -40px;
		margin-right: 0
	}

	.feedbackText:focus {
		background: linear-gradient(to top, #b1b1b1, #b1b1b1 2px, rgba(177, 177, 177, 0) 2px, rgba(177, 177, 177, 0)) repeat 0 3vw/100% 16.67vw;
		background-position-y: -1px
	}

	.feedbackText {
		top: -14vw;
		height: 150vw;
		margin-bottom: 16.67vw;
		background: linear-gradient(to bottom, #b1b1b1, #b1b1b1 2px, rgba(177, 177, 177, 0) 2px, rgba(177, 177, 177, 0)) repeat 0 3vw/100% 16.67vw;
		background-position-y: -2px;
		font-size: 16px;
		font-size: 1rem;
		line-height: 16.67vw
	}

	.feedback__item {
		width: 100%;
		height: 50vw;
		margin: 0
	}

	.feedback__item-to-text {
		height: auto
	}

	.feedback__item-to-agreement {
		width: 100%
	}

	.feedback__item-to-submit {
		width: 100%
	}

	.feedbackText+.feedbackLabel {
		margin-top: 0;
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	.feedbackField-is-filled+.feedbackLabel,
	.feedbackField:focus+.feedbackLabel,
	.feedbackText:focus+.feedbackLabel {
		-webkit-transform: translateY(-30px) scale(.9);
		-ms-transform: translateY(-30px) scale(.9);
		transform: translateY(-30px) scale(.9)
	}

	.feedbackLabel {
		top: -10vw;
		left: 0
	}

	.feedbackAgreementLabel {
		padding-left: 50px;
		background: 0
	}

	.feedbackAgreementLabel div {
		font-weight: 300;
		font-size: 14px;
		font-size: .88rem;
		text-decoration: underline;
		line-height: 1.8
	}

	.feedbackAgreementLabel div:after {
		display: none
	}

	.feedbackAgreementLabel i {
		display: block
	}

	.feedbackAgreement:checked+.feedbackAgreementLabel div {
		text-decoration: none
	}

	.feedbackSubmit {
		top: 27px;
		left: 0;
		width: 135px;
		height: 40px
	}

	.footer {
		bottom: 30px;
		height: auto;
		padding-left: 6px
	}

	.footer .language_switcher {
		display: none;
		visibility: hidden
	}

	.header {
		height: 22.19vw
	}

	.burger {
		display: block
	}

	.landingSection:before {
		top: 15vw;
		grid-row-start: 3
	}

	.landingSection {
		top: 50vw
	}

	.landingDesc,
	.landingHeader {
		grid-row-end: 4
	}

	.landingHeader {
		padding-left: 4px
	}

	.landingHeaderText {
		font-size: 22px;
		line-height: 26px
	}

	.landingDesc {
		left: 4px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding-right: 20px;
		font-size: 14px;
		line-height: 20px
	}

	.legalLinks {
		position: relative;
		bottom: 0;
		margin-bottom: 20px
	}

	.legalLink {
		padding-right: 0;
		margin-bottom: 15px;
		margin-left: 0
	}

	.logo {
		position: relative;
		right: auto;
		left: 0;
		width: 20vw;
		height: 10vw;
		margin-top: 5vw;
		margin-right: 0;
		grid-column: 2;
		grid-row: 1
	}

	.map {
		top: -1px;
		height: 100vw;
		margin-top: 50vw;
		margin-bottom: 50vw;
		margin-left: calc(100% - 100vw);
		grid-row: 4;
		grid-column: 1/span 3
	}

	.map-ru {
		background: url(/images/map_mob_ru.png) center center/100% 99% no-repeat
	}

	.map-en {
		background: url(/images/map_mob_en.png) center center/100% 99% no-repeat
	}

	.map__link {
		left: 16vw;
		color: #b1b1b1
	}

	.navigation {
		display: none
	}

	.overlayMenu .languageButton {
		font-weight: 300;
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1
	}

	.overlayMenu .languageButton:before {
		display: none
	}

	.overlayMenu .languageButton-is-active {
		font-weight: 500
	}

	.overlay h1 {
		height: auto;
		max-width: 240px;
		margin: 40px 0 70px;
		font-size: 18px;
		line-height: 25px
	}

	.overlay li,
	.overlay p {
		color: #b1b1b1;
		font-weight: 300;
		font-size: 16px
	}

	.overlayContent {
		left: 51%
	}

	.closeOverlay {
		top: 7vw;
		width: 31px;
		height: 31px;
		font-size: 0
	}

	.closeOverlay:after,
	.closeOverlay:before {
		position: absolute;
		top: 0;
		bottom: 0;
		content: '';
		width: 100%;
		height: 2px;
		margin: auto;
		background-color: #fff
	}

	.closeOverlay:before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.closeOverlay:after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.page {
		z-index: 3;
		overflow: inherit;
		margin-top: 22.19vw;
		grid-auto-flow: none;
		grid-template-rows: repeat(auto-fill, 50vw)
	}

	.page:before {
		display: none
	}

	.page h1 {
		padding-top: 27px;
		font-weight: 400;
		font-size: 22px;
		grid-row: 1
	}

	.rutorika {
		position: absolute;
		right: auto;
		bottom: 0;
		left: 16%
	}

	.slogan {
		display: block;
		height: auto;
		max-width: 40vw;
		margin-top: 8.5vw;
		margin-left: 23vw;
		font-size: 2.8vw;
		line-height: 14px
	}

	.social {
		height: 50vw;
		grid-row: 3;
		grid-column: 2
	}

	.socialItem {
		width: calc(20% - 10px);
		height: auto
	}

	.socialLink {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding-top: 10.5vw
	}

	.succes h2 {
		height: 68.75vw;
		max-width: 200px;
		font-size: 20px
	}

	.succes__close {
		top: 7vw;
		width: 31px;
		height: 31px;
		font-size: 0
	}

	.succes__close:after,
	.succes__close:before {
		position: absolute;
		top: 0;
		bottom: 0;
		content: '';
		width: 100%;
		height: 2px;
		margin: auto;
		background-color: #fff
	}

	.succes__close:before {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.succes__close:after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.cookie {
		display: block;
		padding-left: 16vw
	}

	.cookie p {
		margin-bottom: 15px
	}

	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (max-width:45em) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:45em) and (min--moz-device-pixel-ratio:1.5),
only screen and (max-width:45em) and (min-device-pixel-ratio:1.5),
only screen and (max-width:45em) and (-webkit-min-device-pixel-ratio:1.5625),
only screen and (max-width:45em) and (min-resolution:150dpi),
only screen and (max-width:45em) and (min-resolution:1.5dppx) {
	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (max-width:45em) and (-webkit-min-device-pixel-ratio:2.5),
only screen and (max-width:45em) and (min--moz-device-pixel-ratio:2.5),
only screen and (max-width:45em) and (min-device-pixel-ratio:2.5),
only screen and (max-width:45em) and (-webkit-min-device-pixel-ratio:2.6041666666666665),
only screen and (max-width:45em) and (min-resolution:250dpi),
only screen and (max-width:45em) and (min-resolution:2.5dppx) {
	.tx-cascadeDummy {
		margin: 0
	}
}

@media only screen and (min-width:120em) {
	html {
		font-size: 18px
	}

	body {
		font-size: 18px
	}

	.address {
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 1
	}

	.addressMail,
	.addressPhone {
		margin-top: 20px;
		margin-top: 1.67vw;
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 1
	}

	.caseDescription {
		font-size: 22px;
		font-size: 1.38rem;
		line-height: 1.3
	}

	.footer {
		overflow: visible
	}

	.legalLink {
		padding-right: 0
	}

	.navLink {
		font-size: 14px
	}

	.navLink {
		font-size: 20px;
		font-size: 1.25rem
	}

	.page h1 {
		font-size: 60px;
		font-size: 3.75rem;
		line-height: 1.3
	}

	.page .wide_label {
		margin-top: -5px;
		margin-top: -.42vw
	}

	.slogan {
		font-size: 20px;
		font-size: 1.25rem
	}

	.socialLink {
		width: 29px;
		width: 2.42vw;
		padding-top: 29px;
		padding-top: 2.42vw
	}

	.tx-cascadeDummy {
		margin: 0
	}
}