@charset "UTF-8";
/*!
Theme Name: a-da-agency
Theme URI: http://underscores.me/
Author: Svitlana Sukova
Author URI: https://www.linkedin.com/in/svetlana-sukova-b89794b2/
Description: A.Da.Agency theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: a-da-agency
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

a-da-agency is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@font-face {
	font-family: Montserrat;
	src: url("fonts/Montserrat/Montserrat-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Montserrat;
	src: url("fonts/Montserrat/Montserrat-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: Roboto;
	src: url("fonts/Roboto/Roboto-Regular.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Roboto;
	src: url("fonts/Roboto/Roboto-Bold.ttf");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: DIN Alternate;
	src: url("fonts/din-alternate-bold.ttf");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: DINPro;
	src: url("fonts/DINPro/DINPro.ttf");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: DINPro;
	src: url("fonts/DINPro/DINPro-Medium.ttf");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: DINPro;
	src: url("fonts/DINPro/DINPro-Light.ttf");
	font-weight: 300;
	font-style: normal;
}

.siteHeader .container, .siteHeaderMenuMenus, .siteHeaderMenuSocial, .siteFooterBottom, .popupForm .wpcf7-acceptance .wpcf7-list-item label {
	display: flex;
	align-items: center;
}

.projectsBlockItem::before, .contactsBlockMapWrap iframe, .pagesBlockItemImg::before, .pagesBlockItemImg img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.projectsBlockItem {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

a, .siteHeader, .siteHeader::before, .siteHeaderMenu, .siteHeaderMenuSocial a svg path, #burger, #burger span, .btn, .popupForm .wpcf7-acceptance .wpcf7-list-item label::before, .popupForm input[type=submit], .servicesBlockItem, .servicesBlockItemImg, .servicesBlockItemTitle, .mainSocial a svg path, .mainNav a, .mainNav a::before, .projectsBlockItem, .projectsBlockItemTitle, .projectsPageBlockItemContentText.hide .projectsPageBlockItemContentTextWrap, .backLink svg path, .pagesBlockItemImg, #up, #up path, #up circle {
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #ffffff;
	font-family: Montserrat;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #1A002D;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #ffffff;
}

a:hover, a:active {
	outline: 0;
	color: #FC0107;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #ffffff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #ffffff;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

.slick-slide:focus {
	outline: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-arrow {
	position: absolute;
	top: 50%;
	margin: -27px 0 0 0 !important;
	width: 53px;
	height: 53px;
	background: rgba(0, 0, 0, 0);
	border: 0px;
	cursor: pointer;
}

.slick-arrow.slick-prev {
	left: 0;
}

.slick-arrow.slick-next {
	right: 0;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.container {
	width: 1088px;
	margin: 0 auto;
}

@media (max-width: 1440px) {
	.container {
		width: 75vw;
	}
}

@media (max-width: 1024px) {
	.container {
		width: 100%;
		padding: 0 25px;
	}
}

.containerMin {
	width: 912px;
	margin: 0 auto;
}

@media (max-width: 1440px) {
	.containerMin {
		width: 100%;
		padding: 0 264px;
	}
}

@media (max-width: 1024px) {
	.containerMin {
		padding: 0 20px;
	}
}

.site {
	overflow: hidden;
}

.siteHeader {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	padding-top: 35px;
}

@media (max-width: 768px) {
	.siteHeader {
		z-index: 11;
	}
}

.siteHeader.fixed {
	padding: 15px 0;
}

.siteHeader.fixed::before {
	top: 0;
}

.siteHeader::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #1A002D;
	opacity: 0.7;
	top: -100%;
	left: 0;
}

.siteHeader .container {
	justify-content: space-between;
	position: relative;
}

.siteHeader .container .custom-logo-link {
	display: flex;
	flex-direction: column;
}

.siteHeaderContacts {
	font-size: 17px;
	margin-right: 60px;
	margin-left: auto;
}

@media (max-width: 1024px) {
	.siteHeaderContacts {
		display: none;
	}
}

.siteHeaderContactsPhone {
	text-decoration: none;
	display: inline-block;
	margin-bottom: 4px;
}

.siteHeaderLangueageSwitcher {
	list-style: none;
	padding: 0;
	margin: 0 -132px 0 0;
	font-size: 14px;
}

@media (max-width: 1024px) {
	.siteHeaderLangueageSwitcher {
		margin: 0;
		display: none;
	}
}

.siteHeaderLangueageSwitcher li {
	margin-bottom: 3px;
}

.siteHeaderLangueageSwitcher li:last-of-type {
	margin-bottom: 0;
}

.siteHeaderLangueageSwitcher li.current-lang a {
	color: #ffffff;
}

.siteHeaderLangueageSwitcher a {
	color: #34238B;
	text-decoration: none;
}

.siteHeaderLangueageSwitcher a:hover {
	color: #ffffff;
}

.siteHeaderMenu {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #1A002D;
	opacity: 0;
	visibility: hidden;
	overflow: scroll;
	padding-bottom: 100px;
	padding-top: 90px;
}

@media (max-width: 768px) {
	.siteHeaderMenu {
		padding-top: 158px;
	}
}

@media (max-width: 768px) {
	.siteHeaderMenuIcon {
		display: none;
	}
}

.siteHeaderMenuIconMob {
	display: none;
}

@media (max-width: 768px) {
	.siteHeaderMenuIconMob {
		display: initial;
		right: 0px;
		bottom: 11px;
	}
}

.siteHeaderMenuIcon1 {
	top: 65px;
	right: 56px;
}

.siteHeaderMenuIcon2 {
	top: 22px;
	right: 80px;
}

.siteHeaderMenuIcon3 {
	top: 70px;
	right: 49px;
}

.siteHeaderMenuIcon4 {
	top: 114px;
	right: 34px;
}

.siteHeaderMenuIcon5 {
	top: 157px;
	right: 48px;
}

.siteHeaderMenuIcon6 {
	top: 200px;
	right: 48px;
}

.siteHeaderMenuIcon7 {
	top: 182px;
	right: 101px;
}

.siteHeaderMenuIcon8 {
	top: 197px;
	right: 158px;
}

.siteHeaderMenuIcon9 {
	top: 136px;
	right: 153px;
}

.siteHeaderMenuIcon10 {
	top: 98px;
	right: 177px;
}

.siteHeaderMenuIcon11 {
	top: 82px;
	right: 166px;
}

.siteHeaderMenuIcon12 {
	left: 37px;
	bottom: 121px;
}

.siteHeaderMenuIcon13 {
	left: 76px;
	bottom: 85px;
}

.siteHeaderMenuIcon14 {
	left: 67px;
	bottom: 33px;
}

.siteHeaderMenuIcon15 {
	left: 37px;
	bottom: 63px;
}

.siteHeaderMenu.active {
	visibility: visible;
	opacity: 1;
}

.siteHeaderMenu .custom-logo-link {
	width: 253px;
	display: flex;
	flex-direction: column;
	margin-bottom: 97px;
}

@media (max-width: 768px) {
	.siteHeaderMenu .custom-logo-link {
		display: none;
	}
}

.siteHeaderMenu .custom-logo-link img {
	width: 100%;
	height: auto;
}

.siteHeaderMenuMenus {
	justify-content: space-between;
}

.siteHeaderMenuSocial {
	justify-content: flex-end;
	margin-top: 35px;
}

@media (max-width: 768px) {
	.siteHeaderMenuSocial {
		display: none;
	}
}

.siteHeaderMenuSocial a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	margin-right: 20px;
}

.siteHeaderMenuSocial a:last-of-type {
	margin-right: 0;
}

.siteHeaderMenuSocial a:hover svg path {
	fill: #FC0107;
}

.siteHeaderMenuWrap {
	padding-left: 10px;
	margin-right: -113px;
}

@media (max-width: 1024px) {
	.siteHeaderMenuWrap {
		margin-right: 0;
	}
}

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

.siteHeaderMenuWrap ul a {
	text-decoration: none;
}

.siteHeaderMenu #siteNavigation {
	font-family: Roboto;
}

.siteHeaderMenu #siteNavigation ul li {
	margin-bottom: 20px;
}

@media (max-width: 768px) {
	.siteHeaderMenu #siteNavigation ul li {
		margin-bottom: 15px;
	}
}

.siteHeaderMenu #siteNavigation ul li:last-of-type {
	margin-bottom: 0;
}

.siteHeaderMenu #siteNavigation ul li a {
	font-size: 40px;
	line-height: 110%;
	color: #009DDC;
}

@media (max-width: 768px) {
	.siteHeaderMenu #siteNavigation ul li a {
		color: #ffffff;
		font-size: 36px;
	}
}

.siteHeaderMenu #siteNavigation ul li a:hover {
	color: #FC0107;
}

.siteHeaderMenu #servicesMenu {
	text-align: right;
	font-size: 17px;
	line-height: 150%;
	max-width: 170px;
}

@media (max-width: 768px) {
	.siteHeaderMenu #servicesMenu {
		display: none;
	}
}

.siteHeaderMenu #servicesMenu li {
	margin-bottom: 10px;
}

.siteHeaderMenu #servicesMenu li:last-of-type {
	margin-bottom: 0;
}

.siteFooter {
	margin-top: 65px;
}

.siteFooter .container {
	position: relative;
}

.siteFooterTop {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #ffffff;
	padding-top: 27px;
	margin-bottom: 63px;
	position: relative;
}

@media (max-width: 1024px) {
	.siteFooterTop {
		padding-top: 32px;
		margin-bottom: 19px;
		display: block;
	}
}

.siteFooterTop .custom-logo-link {
	width: 226px;
	display: flex;
	flex-direction: column;
}

@media (max-width: 1024px) {
	.siteFooterTop .custom-logo-link {
		width: 113px;
		margin-bottom: 27px;
	}
}

.siteFooterTop .custom-logo-link img {
	width: 100%;
}

.siteFooterTopSocial {
	display: none;
	align-items: center;
	position: absolute;
	top: 35px;
	right: 0;
}

.siteFooterTopSocial a {
	display: flex;
	flex-direction: column;
	margin-right: 15px;
}

.siteFooterTopSocial a:last-of-type {
	margin-right: 0;
}

@media (max-width: 1024px) {
	.siteFooterTopSocial {
		display: flex;
	}
}

@media (max-width: 1024px) {
	.siteFooterTopMenu:nth-of-type(2) {
		margin-bottom: 14px;
	}
}

@media (max-width: 1024px) {
	.siteFooterTopMenu:nth-of-type(3) {
		margin-bottom: 67px;
	}
}

.siteFooterTopMenuTitle {
	font-family: Roboto;
	font-size: 35px;
	margin-bottom: 14px;
}

@media (max-width: 1024px) {
	.siteFooterTopMenuTitle {
		font-size: 24px;
		margin-bottom: 3px;
	}
}

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

.siteFooterTopMenu ul li {
	margin-bottom: 3px;
}

@media (max-width: 1024px) {
	.siteFooterTopMenu ul li {
		margin-bottom: 0;
	}
}

.siteFooterTopMenu ul li:last-of-type {
	margin-bottom: 0;
}

.siteFooterTopMenu ul li a {
	text-decoration: none;
	font-size: 17px;
}

.siteFooterTopMenu ul li a:hover {
	color: #FC0107;
}

@media (max-width: 1024px) {
	.siteFooterTopMenu ul li a {
		font-size: 12px;
	}
}

.siteFooterTopPrint {
	font-size: 13px;
}

@media (max-width: 1024px) {
	.siteFooterTopPrint {
		font-size: 12px;
	}
}

.siteFooterBottom {
	justify-content: space-between;
	font-size: 17px;
	padding-bottom: 56px;
}

@media (max-width: 1024px) {
	.siteFooterBottom {
		font-size: 14px;
	}
}

@media (max-width: 1024px) {
	.siteFooterBottom {
		padding-bottom: 79px;
		display: block;
	}
}

.siteFooterBottom a {
	text-decoration: none;
}

.siteFooterBottom a:hover {
	color: #FC0107;
}

.paralax-icon {
	position: absolute;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	z-index: 1;
	pointer-events: none;
}

#burger {
	width: 32px;
	height: 16px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	cursor: pointer;
	z-index: 12;
	position: fixed;
	left: calc(((100vw - 1088px)/2) - 120px);
	top: 56px;
}

@media (max-width: 1440px) {
	#burger {
		left: 56px;
	}
}

@media (max-width: 1024px) {
	#burger {
		left: auto;
		right: 25px;
		top: 48px;
	}
}

#burger.fixed {
	top: 40px;
}

@media (max-width: 1024px) {
	#burger.fixed {
		top: 25px;
	}
}

#burger span {
	display: block;
	position: absolute;
	height: 2px;
	width: 32px;
	background: #ffffff;
	opacity: 1;
	left: 0px;
	border-radius: 4px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

#burger span:nth-child(1) {
	top: 0px;
	width: 24px;
}

#burger span:nth-child(2),
#burger span:nth-child(3) {
	top: 7px;
	right: 0px;
}

#burger span:nth-child(4) {
	top: 14px;
	width: 24px;
}

#burger.open span:nth-child(1),
#burger.open span:nth-child(4) {
	top: 0px;
	width: 0%;
	left: 50%;
}

#burger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#burger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.top {
	font-family: Roboto;
}

.top .container {
	padding-top: 253px;
	position: relative;
}

@media (max-width: 1024px) {
	.top .container {
		padding-top: 156px;
	}
}

.topIconMob {
	display: none;
}

@media (max-width: 1024px) {
	.topIconMob {
		display: initial;
		top: 98px;
		right: 0;
	}
}

@media (max-width: 1024px) {
	.topIcon {
		display: none;
	}
}

.topIcon1 {
	top: 170px;
	right: 54px;
}

.topIcon2 {
	top: 256px;
	right: 132px;
}

.topIcon3 {
	top: 168px;
	right: -51px;
}

.topIcon4 {
	top: 144px;
	right: -12px;
}

.topIcon5 {
	top: 447px;
	right: 32px;
}

.topIcon6 {
	top: 471px;
	right: 309px;
}

.topIcon7 {
	top: 199px;
	right: 413px;
}

.topTitle {
	max-width: 635px;
	line-height: 110%;
	font-size: 83px;
	margin-bottom: 21px;
	margin-top: 0;
	position: relative;
	z-index: 2;
}

@media (max-width: 1024px) {
	.topTitle {
		font-size: 40px;
		margin-bottom: 30px;
		font-weight: normal;
	}
}

@media (max-width: 768px) {
	.topTitle {
		max-width: 273px;
	}
}

.topContent {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-left: 20px;
	position: relative;
	z-index: 2;
	margin-right: -62px;
}

@media (max-width: 1024px) {
	.topContent {
		margin-right: 0;
		padding-left: 0;
		display: block;
	}
}

@media (max-width: 768px) {
	.topContent {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
}

@media (max-width: 768px) {
	.topContent .btn {
		margin: 0 auto;
	}
}

.topSubtitle {
	line-height: 110%;
	font-size: 35px;
	margin-bottom: 37px;
	padding-left: 10px;
}

@media (max-width: 1024px) {
	.topSubtitle {
		padding-left: 0;
		margin-bottom: 10px;
		font-size: 20px;
	}
}

.topList {
	margin: 0;
	padding: 0 0 0 16px;
	font-size: 17px;
}

@media (max-width: 1024px) {
	.topList {
		font-size: 14px;
		margin-bottom: 30px;
	}
}

.btn {
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
	font-size: 17px;
	border: 1px solid #ffffff;
	padding: 6px 36px;
}

@media (max-width: 1024px) {
	.btn {
		font-size: 14px;
	}
}

.btn:hover {
	background: #ffffff;
	color: #1A002D;
}

.btn:focus {
	outline: none;
}

.popup {
	position: fixed;
	top: 20%;
	left: 50%;
	width: 994px;
	margin-left: -497px;
	display: none;
	opacity: 0;
	z-index: 3000000;
	background: #1A002D;
	padding: 84px 108px;
	box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.5);
}

@media (max-width: 1200px) {
	.popup {
		width: 90vw !important;
		margin-left: -45vw !important;
	}
}

@media (max-width: 1024px) {
	.popup {
		padding: 60px 20px 40px 20px;
	}
}

.popup .popup_close {
	position: absolute;
	top: 12px;
	right: 11px;
	cursor: pointer;
	z-index: 10;
	font-size: 14px;
}

@media (max-width: 1024px) {
	.popup .popup_close {
		top: 20px;
		right: 20px;
		width: 15px;
		height: 15px;
	}
}

.popupTitle {
	padding-left: 15px;
	font-size: 33px;
	margin-bottom: 56px;
}

@media (max-width: 768px) {
	.popupTitle {
		font-size: 24px;
		margin-bottom: 30px;
	}
}

.popupWrap {
	position: relative;
	z-index: 1;
}

.popup img {
	position: absolute;
	bottom: 0;
	right: 0;
}

@media (max-width: 768px) {
	.popup img {
		display: none;
	}
}

.popupForm {
	max-width: 496px;
}

.popupForm label {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.popupForm label textarea {
	height: 60px;
	margin-bottom: 15px;
}

.popupForm label input:not([type=checkbox]), .popupForm label textarea {
	background: rgba(0, 0, 0, 0);
	border: 0px;
	border-bottom: 1px solid #ffffff;
	border-radius: 0px;
	width: 100%;
	padding: 0 16px 8px 16px;
	font-size: 14px;
}

.popupForm label input:not([type=checkbox])::placeholder, .popupForm label textarea::placeholder {
	color: #ffffff;
}

.popupForm label input:not([type=checkbox]):focus, .popupForm label textarea:focus {
	outline: none;
}

.popupForm .wpcf7-not-valid-tip {
	font-size: 12px;
}

.popupForm .wpcf7-response-output {
	margin: 16px 0 !important;
}

.popupForm .wpcf7-acceptance {
	display: block;
	margin-bottom: 42px;
	margin-top: 18px;
}

.popupForm .wpcf7-acceptance .wpcf7-list-item {
	display: block;
	margin-left: 16px;
}

.popupForm .wpcf7-acceptance .wpcf7-list-item label {
	margin-bottom: 0;
	cursor: pointer;
	font-size: 12px;
}

.popupForm .wpcf7-acceptance .wpcf7-list-item label.checked::before {
	background: #FC0107;
}

.popupForm .wpcf7-acceptance .wpcf7-list-item label::before {
	content: '';
	display: block;
	border: 1px solid #FC0107;
	width: 11px;
	height: 11px;
	margin-right: 6px;
}

.popupForm .wpcf7-acceptance .wpcf7-list-item label input {
	display: none;
}

.popupForm input[type=submit] {
	cursor: pointer;
	text-decoration: none;
	color: #ffffff;
	background: rgba(0, 0, 0, 0);
	border-radius: 0px;
	border: 1px solid #ffffff;
	padding: 8px 20px;
}

@media (max-width: 768px) {
	.popupForm input[type=submit] {
		width: 100%;
		text-align: center;
	}
}

.popupForm input[type=submit]:hover {
	background: #ffffff;
	color: #1A002D;
}

.popupForm input[type=submit]:focus {
	outline: none;
}

#overlay {
	z-index: 1000;
	position: fixed;
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}

.title {
	font-family: Roboto;
	font-weight: normal;
	font-size: 85px;
	line-height: 110%;
	color: #FC0107;
	margin: 0;
}

@media (max-width: 1024px) {
	.title {
		font-size: 40px;
	}
}

.services {
	padding-top: 104px;
	position: relative;
}

@media (max-width: 1024px) {
	.services {
		padding-top: 99px;
	}
}

.services .container {
	position: relative;
}

.services .title {
	margin-bottom: 80px;
}

@media (max-width: 1024px) {
	.services .title {
		margin-bottom: 41px;
	}
}

.servicesIconMob {
	display: none;
}

@media (max-width: 1024px) {
	.servicesIconMob {
		display: initial;
		top: -62px;
		right: 0;
	}
}

@media (max-width: 1024px) {
	.servicesIcon {
		display: none;
	}
}

.servicesIcon1 {
	top: 208px;
	right: -83px;
}

.servicesIcon2 {
	top: 106px;
	right: -26px;
}

.servicesIcon3 {
	top: 221px;
	right: -100px;
}

.servicesIcon4 {
	top: 327px;
	right: -138px;
}

.servicesIcon5 {
	top: 432px;
	right: -103px;
}

.servicesIcon6 {
	top: 529px;
	right: -103px;
}

.servicesIcon7 {
	top: 494px;
	right: 25px;
}

.servicesIcon8 {
	top: 529px;
	right: 165px;
}

.servicesIcon9 {
	top: 382px;
	right: 152px;
}

.servicesIcon10 {
	top: 250px;
	right: 184px;
}

.servicesBlock {
	display: flex;
	padding-left: 70px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

@media (max-width: 1300px) {
	.servicesBlock {
		padding-left: 0;
	}
}

@media (max-width: 1200px) {
	.servicesBlock {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 16px;
	}
}

@media (max-width: 1024px) {
	.servicesBlock {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 35px 23px;
	}
}

@media (max-width: 768px) {
	.servicesBlock {
		grid-template-columns: 1fr 1fr;
	}
}

.servicesBlockItem {
	text-decoration: none;
	display: flex;
}

.servicesBlockItem:hover {
	color: #ffffff;
}

.servicesBlockItem span {
	display: block;
}

.servicesBlockItem:hover .servicesBlockItemContent {
	width: calc(100% - 184px);
	height: auto;
	opacity: 1;
	visibility: visible;
	padding-right: 16px;
}

.servicesBlockItemBtn {
	display: flex;
	flex-direction: column;
	width: 168px;
	margin-right: 16px;
}

@media (max-width: 1024px) {
	.servicesBlockItemBtn {
		margin-right: 0;
		width: 100%;
	}
}

.servicesBlockItemContent {
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

@media (max-width: 1200px) {
	.servicesBlockItemContent {
		width: calc(100% - 184px);
		height: auto;
		opacity: 1;
		visibility: visible;
		padding-right: 16px;
	}
}

@media (max-width: 1024px) {
	.servicesBlockItemContent {
		display: none !important;
	}
}

.servicesBlockItemContentText {
	margin-bottom: 16px;
	font-size: 14px;
}

.servicesBlockItemContent .btn {
	display: inline-block;
}

.servicesBlockItemImg {
	border: 1px solid #ffffff;
	position: relative;
	width: 100%;
	padding-top: 100%;
	margin-bottom: 16px;
}

.servicesBlockItemImg img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 64%;
	max-height: 67%;
}

.servicesBlockItemTitle {
	font-family: Roboto;
	font-size: 17px;
	line-height: 20px;
}

.how {
	padding-top: 152px;
}

@media (max-width: 1024px) {
	.how {
		padding-top: 62px;
	}
}

.how .container {
	position: relative;
}

@media (max-width: 1024px) {
	.howIcon {
		display: none;
	}
}

.howIconMob {
	display: none;
}

@media (max-width: 1024px) {
	.howIconMob {
		display: initial;
	}
}

.howIconMob1 {
	top: -12px;
	left: 8px;
}

.howIconMob2 {
	top: -62px;
	right: 4px;
}

.howIconMob3 {
	bottom: -100px;
	right: -28px;
}

.howIcon1 {
	top: 203px;
	left: 27px;
}

.howIcon2 {
	top: 456px;
	left: 517px;
}

.howIcon3 {
	top: 319px;
	right: 105px;
}

.howIcon4 {
	top: 293px;
	right: -10px;
}

.howIcon5 {
	top: 322px;
	right: -111px;
}

.howIcon6 {
	top: 383px;
	right: 20px;
}

.howIcon7 {
	top: 427px;
	right: -14px;
}

.howIcon8 {
	top: 438px;
	right: -102px;
}

.howIcon9 {
	top: 542px;
	right: 140px;
}

.howIcon10 {
	top: 580px;
	right: 65px;
}

.howIcon11 {
	top: 571px;
	right: 23px;
}

.howIcon12 {
	top: 525px;
	right: 5px;
}

.howIcon13 {
	top: 486px;
	right: -22px;
}

.howIcon14 {
	top: 452px;
	right: -331px;
}

.how .title {
	margin-bottom: 104px;
	position: relative;
	z-index: 2;
}

@media (max-width: 1024px) {
	.how .title {
		margin-bottom: 39px;
	}
}

.howBlock {
	padding-left: 87px;
	display: flex;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

@media (max-width: 1300px) {
	.howBlock {
		padding-left: 0;
	}
}

@media (max-width: 1024px) {
	.howBlock {
		display: block;
	}
}

.howBlockItem {
	display: flex;
	align-items: flex-start;
}

@media (max-width: 1024px) {
	.howBlockItem {
		margin-bottom: 25px;
	}
	.howBlockItem:last-of-type {
		margin-bottom: 0;
	}
}

.howBlockItem:hover .howBlockItemText {
	width: calc(100% - 152px);
	height: auto;
	opacity: 1;
	visibility: visible;
	padding-right: 16px;
	padding-top: 25px;
}

.howBlockItemNum {
	font-family: DIN Alternate;
	font-weight: bold;
	font-size: 158px;
	line-height: 110%;
	color: #009DDC;
	margin-right: 16px;
	cursor: pointer;
}

@media (max-width: 1024px) {
	.howBlockItemNum {
		font-weight: normal;
		font-size: 50px;
		line-height: 110%;
	}
}

.howBlockItemText {
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	line-height: 150%;
	color: #C9F5F6;
}

@media (max-width: 1024px) {
	.howBlockItemText {
		width: calc(100% - 48px) !important;
		height: auto;
		opacity: 1;
		visibility: visible;
		padding-right: 0px !important;
		padding-top: 5px !important;
		font-size: 14px;
		color: #F4FFFF;
	}
}

.mainSocial {
	position: fixed;
	display: flex;
	flex-direction: column;
	left: calc(((100vw - 1088px)/2) - 118px);
	top: 50%;
	z-index: 8;
}

@media (max-width: 1440px) {
	.mainSocial {
		left: 58px;
	}
}

@media (max-width: 1024px) {
	.mainSocial {
		display: none;
	}
}

.mainSocial a {
	display: flex;
	flex-direction: column;
	margin-bottom: 21px;
}

.mainSocial a:last-of-type {
	margin-bottom: 0;
}

.mainSocial a:hover svg path {
	fill: #FC0107;
}

.mainNav {
	position: fixed;
	display: flex;
	flex-direction: column;
	right: calc(((100vw - 1088px)/2) - 132px);
	top: 50%;
	z-index: 8;
}

@media (max-width: 1440px) {
	.mainNav {
		right: 44px;
	}
}

@media (max-width: 1200px) {
	.mainNav {
		display: none;
	}
}

.mainNav a {
	text-decoration: none;
	font-family: Roboto;
	font-weight: bold;
	line-height: 130%;
	text-align: right;
	color: #DC338E;
	font-size: 0px;
	margin-bottom: 8px;
	position: relative;
	min-height: 21px;
}

.mainNav a::before {
	content: '—';
	font-family: DIN Alternate;
	font-weight: bold;
	font-size: 16px;
	line-height: 0%;
	color: #ffffff;
	position: absolute;
	top: 50%;
	right: 0;
}

.mainNav a.active:not(.hide) {
	font-size: 16px;
}

.mainNav a.active:not(.hide)::before {
	font-size: 0px;
}

.mainNav a:last-of-type {
	margin-bottom: 0;
}

.projects {
	padding-top: 152px;
}

@media (max-width: 1024px) {
	.projects {
		padding-top: 55px;
	}
}

.projects .container {
	position: relative;
}

@media (max-width: 1024px) {
	.projectsIcon {
		display: none;
	}
}

.projectsIcon1 {
	top: 61px;
	left: -170px;
}

.projectsIcon2 {
	top: 153px;
	left: -94px;
}

.projectsIcon3 {
	top: 174px;
	left: -170px;
}

.projectsIcon4 {
	top: 232px;
	left: -110px;
}

.projectsIcon5 {
	top: 536px;
	left: -157px;
}

.projectsIcon6 {
	bottom: 415px;
	right: -8px;
}

.projectsIcon7 {
	top: 731px;
	right: -10px;
}

.projects .title {
	margin-bottom: 115px;
	position: relative;
	z-index: 2;
}

@media (max-width: 1024px) {
	.projects .title {
		margin-bottom: 36px;
	}
}

.projects .title a{
	text-decoration: none;
	color: #FC0107;
}
.projectsBlock {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	max-width: 1038px;
	grid-gap: 13px;
	padding-left: 91px;
}

@media (max-width: 1024px) {
	.projectsBlock {
		padding-left: 0;
		max-width: 100%;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px 26px;
	}
}

.projectsBlockItem {
	text-decoration: none;
	display: block;
	border: 1px solid #ffffff;
	position: relative;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	padding-top: 206.61%;
}

@media (max-width: 1024px) {
	.projectsBlockItem {
		padding-top: 100%;
	}
}

.projectsBlockItem:hover {
	border-color: #FC0107;
}

.projectsBlockItem:hover .projectsBlockItemTitle {
	color: #FC0107;
}

.projectsBlockItem::before {
	content: '';
	background: #1A002D;
	opacity: 0.8;
}

.projectsBlockItemTitle {
	color: #fff;
	position: absolute;
	left: 19px;
	top: 19px;
	font-family: Roboto;
	font-weight: bold;
	font-size: 20px;
	line-height: 150%;
	max-width: calc(100% - 28px);
}

@media (max-width: 1024px) {
	.projectsBlockItemTitle {
		top: 7px;
		left: 9px;
		max-width: calc(100% - 18px);
	}
}

@media (max-width: 500px) {
	.projectsBlockItemTitle {
		font-size: 14px;
	}
}

.projectsBtn {
	display: flex;
	justify-content: center;
	margin-top: 72px;
}

@media (max-width: 1024px) {
	.projectsBtn {
		margin-top: 50px;
	}
}

.clients {
	padding-top: 38px;
}

@media (max-width: 1024px) {
	.clients {
		padding-top: 54px;
	}
}

.clients .container {
	position: relative;
}

.clients .title {
	margin-bottom: 137px;
	position: relative;
	z-index: 2;
}

@media (max-width: 1024px) {
	.clients .title {
		margin-bottom: 38px;
	}
}

.clientsIconMob {
	display: none;
}

@media (max-width: 1024px) {
	.clientsIconMob {
		display: initial;
	}
}

.clientsIconMob1 {
	right: 18px;
	top: 138px;
}

.clientsIconMob2 {
	right: -2px;
	bottom: -131px;
}

.clientsIconMob3 {
	left: 0;
	bottom: -103px;
}

@media (max-width: 1024px) {
	.clientsIcon {
		display: none;
	}
}

.clientsIcon1 {
	top: 106px;
	left: -222px;
}

.clientsIcon2 {
	top: 311px;
	left: -65px;
}

.clientsIcon3 {
	top: 374px;
	left: -147px;
}

.clientsIcon4 {
	top: 475px;
	right: -144px;
}

.clientsIcon5 {
	top: 519px;
	right: -115px;
}

.clientsIcon6 {
	bottom: -110px;
	right: -129px;
}

.clientsBlock {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 16px;
	padding-left: 20px;
	position: relative;
	z-index: 2;
}

@media (max-width: 1300px) {
	.clientsBlock {
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	.clientsBlock {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 7px;
	}
}

.clientsBlock.active .clientsBlockItem {
	display: block !important;
}

.clientsBlockItem {
	display: none;
	position: relative;
	width: 100%;
	padding-top: 100%;
	border: 1px solid #ffffff;
}

.clientsBlockItem img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 90%;
	max-height: 90%;
}

.clientsBlockItem:nth-of-type(1), .clientsBlockItem:nth-of-type(2), .clientsBlockItem:nth-of-type(3), .clientsBlockItem:nth-of-type(4), .clientsBlockItem:nth-of-type(5), .clientsBlockItem:nth-of-type(6), .clientsBlockItem:nth-of-type(7), .clientsBlockItem:nth-of-type(8), .clientsBlockItem:nth-of-type(9), .clientsBlockItem:nth-of-type(10), .clientsBlockItem:nth-of-type(11), .clientsBlockItem:nth-of-type(12) {
	display: block;
}

.clientsBtn {
	display: flex;
	justify-content: center;
	margin-top: 52px;
}

.contacts {
	padding-top: 165px;
	margin-bottom: 222px;
}

@media (max-width: 1024px) {
	.contacts {
		padding-top: 88px;
		margin-bottom: 82px;
	}
}

.contactsBlock {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 67px;
}

@media (max-width: 1024px) {
	.contactsBlock {
		grid-template-columns: 100%;
		grid-gap: 77px;
		position: relative;
	}
}

.contactsBlockContent {
	display: flex;
	flex-direction: column;
}

.contactsBlockContent .title {
	margin-bottom: 42px;
}

@media (max-width: 1024px) {
	.contactsBlockContent .title {
		margin-bottom: 26px;
	}
}

.contactsBlockContentSubtitle {
	font-size: 35px;
	margin-bottom: 49px;
}

@media (max-width: 1024px) {
	.contactsBlockContentSubtitle {
		margin-bottom: 46px;
		font-size: 12px;
	}
}

.contactsBlockContentIcon {
	margin-left: auto;
	margin-right: 140px;
}

@media (max-width: 1024px) {
	.contactsBlockContentIcon {
		position: absolute;
		margin: 0;
		bottom: -10px;
		left: 0;
		width: 200px;
	}
}

@media (max-width: 500px) {
	.contactsBlockContentIcon {
		width: 140px;
	}
}

.contactsBlockMapWrap {
	position: relative;
	padding-top: 100%;
	margin-bottom: 95px;
}

@media (max-width: 1024px) {
	.contactsBlockMapWrap {
		margin-bottom: 182px;
	}
}

.contactsBlockMapInfo {
	width: 368px;
	margin: 0 auto;
	padding-bottom: 24px;
	border-bottom: 1px solid #ffffff;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 16px;
	padding-left: 16px;
}

@media (max-width: 1024px) {
	.contactsBlockMapInfo {
		display: block;
		padding-bottom: 9px;
		margin-right: 0;
		text-align: right;
		max-width: 135px;
		padding-left: 0;
	}
}

.contactsBlockMapInfo div, .contactsBlockMapInfo a {
	text-decoration: none;
	font-size: 14px;
	display: block;
}

@media (max-width: 1024px) {
	.contactsBlockMapInfo div, .contactsBlockMapInfo a {
		font-size: 14px;
	}
}

.contactsBlockMapInfo a:hover {
	color: #FC0107;
}

.wpcf7-spinner {
	position: absolute;
}

body:not(.home) {
	padding-top: 140px;
}

@media (max-width: 1024px) {
	body:not(.home) {
		padding-top: 95px;
	}
}

.cats {
	margin-bottom: 46px;
}

@media (max-width: 1024px) {
	.cats {
		margin-bottom: 13px;
	}
}

.cats a {
	text-decoration: none;
	font-size: 17px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 6px;
}

@media (max-width: 1024px) {
	.cats a {
		font-size: 14px;
		margin-right: 8px;
	}
}

.cats a:last-of-type {
	margin-right: 0;
}

.cats a:hover, .cats a.active {
	color: #009DDC;
}

.projectsPageBlock {
	margin-bottom: 118px;
}

@media (max-width: 1024px) {
	.projectsPageBlock {
		margin-bottom: 22px;
	}
}

.projectsPageBlockItem {
	display: grid;
	grid-template-columns: 50.7352941% 49.2647059%;
	margin-bottom: 194px;
}

@media (max-width: 1024px) {
	.projectsPageBlockItem {
		grid-template-columns: 100%;
		margin-bottom: 97px;
	}
}

.projectsPageBlockItem:last-of-type {
	margin-bottom: 0;
}

.projectsPageBlockItemContent {
	padding-right: 72px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContent {
		padding-right: 0;
	}
}

.projectsPageBlockItemContentTop {
	padding-bottom: 16px;
	margin-bottom: 32px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentTop {
		padding-bottom: 15px;
		margin-bottom: 15px;
		order: 1;
	}
}

.projectsPageBlockItemContentTop::before {
	content: '';
	width: calc(100% + 32px);
	left: -16px;
	bottom: 0;
	background: #ffffff;
	height: 1px;
	position: absolute;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentTop::before {
		width: 100%;
		left: 0;
	}
}

.projectsPageBlockItemContentTopTitle {
	font-family: DINPro;
	font-weight: 500;
	font-size: 28px;
	line-height: 130%;
	color: #FC0107;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentTopTitle {
		font-family: Montserrat;
		font-weight: normal;
		font-size: 18px;
		line-height: 130%;
	}
}

.projectsPageBlockItemContentTopDateTitle {
	font-family: DINPro;
	font-size: 14px;
	line-height: 110%;
	margin-bottom: 8px;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentTopDateTitle {
		font-family: Montserrat;
		font-size: 14px;
		line-height: 110%;
	}
}

.projectsPageBlockItemContentTopDateText {
	font-family: DINPro;
	font-weight: 300;
	font-size: 22px;
	line-height: 110%;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentTopDateText {
		font-family: Montserrat;
		font-size: 12px;
		line-height: 110%;
	}
}

.projectsPageBlockItemContentHashtags {
	margin-bottom: 10px;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentHashtags {
		margin-bottom: 9px;
		order: 2;
	}
}

.projectsPageBlockItemContentHashtagsItem {
	margin-bottom: 6px;
	margin-right: 10px;
	display: inline-block;
	color: #009DDC;
	font-size: 12px;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentHashtagsItem {
		margin-right: 5px;
		font-size: 8px;
	}
}

.projectsPageBlockItemContentText {
	font-size: 12px;
	margin-bottom: auto;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentText {
		order: 5;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentText.hide .btn {
		display: inline-block;
	}
}

.projectsPageBlockItemContentText .btn {
	display: none;
	padding: 7px 11px 6px 11px;
	margin-top: 15px;
}

.projectsPageBlockItemContentText.hide .projectsPageBlockItemContentTextWrap {
	overflow: hidden;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentText.hide .projectsPageBlockItemContentTextWrap {
		max-height: 270px;
	}
}

.projectsPageBlockItemContentText p:first-of-type {
	margin-top: 0;
}

.projectsPageBlockItemContentText p:last-of-type {
	margin-bottom: 0;
}

.projectsPageBlockItemContentText ul {
	margin: 20px 0;
	padding: 0 0 0 20px;
}

.projectsPageBlockItemContentNumbers {
	position: relative;
	padding-top: 21px;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin-top: 14px;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentNumbers {
		padding-top: 9px;
		font-size: 14px;
		order: 4;
		margin-bottom: 10px;
	}
}

.projectsPageBlockItemContentNumbers::before {
	content: '';
	width: calc(100% + 32px);
	position: absolute;
	height: 1px;
	background: #ffffff;
	left: -16px;
	top: 0;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemContentNumbers::before {
		left: 0;
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.projectsPageBlockItemGallery {
		display: none;
	}
}

.projectsPageBlockItemGallery::before {
	content: '';
	display: block;
	clear: both;
}

.projectsPageBlockItemGalleryItem {
	display: inline-block;
	float: left;
	overflow: hidden;
	position: relative;
}

.projectsPageBlockItemGalleryItem img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projectsPageBlockItemGalleryItem:nth-of-type(1) {
	width: 100%;
	padding-top: 31.345%;
	margin-bottom: 16px;
}

.projectsPageBlockItemGalleryItem:nth-of-type(2) {
	width: 65.6716418%;
	margin-right: 16px;
	padding-top: 31.345%;
	margin-bottom: 16px;
}

.projectsPageBlockItemGalleryItem:nth-of-type(3) {
	width: calc(34.3283582% - 16px);
	padding-top: 31.345%;
	margin-bottom: 16px;
}

.projectsPageBlockItemGalleryItem:nth-of-type(4), .projectsPageBlockItemGalleryItem:nth-of-type(5), .projectsPageBlockItemGalleryItem:nth-of-type(6) {
	width: calc(33.333333% - 10.66px);
	margin: 0 8px;
	padding-top: 31.345%;
}

.projectsPageBlockItemGalleryItem:nth-of-type(4) {
	margin-left: 0px;
}

.projectsPageBlockItemGalleryItem:nth-of-type(6) {
	margin-right: -8px;
}

.projectsPageBlockItemGalleryMob {
	display: none;
	margin-bottom: 22px;
}

@media (max-width: 1024px) {
	.projectsPageBlockItemGalleryMob {
		display: block;
		order: 3;
	}
}

.projectsPageBlockItemGalleryMob .slick-arrow {
	width: 19px;
	height: 16px;
	padding: 6px;
	font-size: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0 !important;
}

.projectsPageBlockItemGalleryMob .slick-next {
	background-image: url("img/next.svg");
	right: 6px;
}

.projectsPageBlockItemGalleryMob .slick-prev {
	background-image: url("img/prev.svg");
	left: 6px;
}

.projectsPageBlockItemGalleryMobItem {
	width: 100%;
	height: 30vh;
	position: relative;
	display: block;
}

.projectsPageBlockItemGalleryMobItem img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.projectsPageBtn {
	display: flex;
	justify-content: center;
}

.backLink {
	display: flex;
	flex-direction: column;
	margin-bottom: 45px;
	font-size: 0px;
}

@media (max-width: 1024px) {
	.backLink {
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.02em;
		flex-direction: row;
		justify-content: center;
		margin-bottom: 25px;
		text-decoration: none;
		color: #DC338E;
	}
	.backLink svg {
		margin-right: 5px;
		width: 13px;
		height: auto;
	}
	.backLink svg path {
		fill: #DC338E;
	}
}

.backLink:hover svg path {
	fill: #FC0107;
}

@media (max-width: 1024px) {
	.backLink:hover svg path {
		fill: #DC338E;
	}
}

h1.title1 {
	text-align: center;
	color: #FC0107;
	font-size: 85px;
	line-height: 110%;
	margin-bottom: 29px;
	font-weight: normal;
	text-transform: uppercase;
}

@media (max-width: 1024px) {
	h1.title1 {
		font-size: 40px;
		margin-bottom: 13px;
	}
}

.text_wide {
	margin: 29px 0 32px;
	font-family: Roboto;
	font-size: 25px;
	line-height: 110%;
}

@media (max-width: 1024px) {
	.text_wide {
		font-size: 18px;
		margin: 13px 0 38px 0;
	}
}

.text_wide p:first-of-type {
	margin-top: 0;
}

.text_wide p:last-of-type {
	margin-bottom: 0;
}

.image {
	margin: 32px 0 69px 0;
}

@media (max-width: 1024px) {
	.image {
		margin: 38px 0 44px 0;
	}
}

.imageWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 39.26%;
}

@media (max-width: 1024px) {
	.imageWrap {
		padding-top: 157.04%;
	}
}

.imageWrap img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.text_big {
	margin: 69px 0 95px 0;
	font-size: 35px;
	line-height: 150%;
}

@media (max-width: 1024px) {
	.text_big {
		margin: 44px 0 54px 0;
		font-size: 18px;
	}
}

.text_big p:first-of-type {
	margin-top: 0;
}

.text_big p:last-of-type {
	margin-bottom: 0;
}

.pages {
	margin: 95px 0 81px 0;
}

@media (max-width: 1024px) {
	.pages {
		margin: 54px 0 48px 0;
	}
}

.pagesBlock {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 16px;
}

@media (max-width: 768px) {
	.pagesBlock {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 16px 8px;
	}
}

.pagesBlockItem {
	display: flex;
	flex-direction: column;
	text-decoration: none;
}

.pagesBlockItem:hover {
	color: #FC0107;
}

.pagesBlockItem:hover .pagesBlockItemImg {
	border-color: #FC0107;
}

.pagesBlockItem span {
	display: block;
}

.pagesBlockItemImg {
	width: 100%;
	position: relative;
	overflow: hidden;
	border: 1px solid #ffffff;
	margin-bottom: 12px;
	padding-top: 100%;
}

@media (max-width: 1024px) {
	.pagesBlockItemImg {
		margin-bottom: 6px;
	}
}

.pagesBlockItemImg::before {
	content: '';
	background: #1A002D;
	opacity: 0.7;
	z-index: 1;
}

.pagesBlockItemImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pagesBlockItemTitle {
	font-family: Roboto;
	font-size: 20px;
	line-height: 110%;
}

@media (max-width: 1024px) {
	.pagesBlockItemTitle {
		font-size: 14px;
	}
}

h2.title2 {
	margin-bottom: 34px;
	font-weight: bold;
	font-size: 25px;
	line-height: 110%;
	color: #FC0107;
}

@media (max-width: 1024px) {
	h2.title2 {
		margin-bottom: 22px;
	}
}

.text_with_title {
	margin: 81px 0 97px 0;
}

@media (max-width: 1024px) {
	.text_with_title {
		margin: 48px 0;
	}
}

.text_with_title-text {
	font-size: 14px;
	line-height: 150%;
	text-align: justify;
}

.text_with_title-text p:first-of-type {
	margin-top: 0;
}

.text_with_title-text p:last-of-type {
	margin-bottom: 0;
}

.text_with_title-text ul {
	margin: 20px 0;
	padding: 0 0 0 20px;
}

.images {
	margin: 97px 0;
}

@media (max-width: 1024px) {
	.images {
		margin: 48px 0;
	}
}

.imagesBlock {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}

@media (max-width: 768px) {
	.imagesBlock {
		grid-template-columns: repeat(1, 1fr);
	}
}

.imagesBlock a {
	display: block;
	position: relative;
	overflow: hidden;
	padding-top: 84.16%;
}

.imagesBlock a img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.quote {
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	margin: 96px 0 64px 0;
}

@media (max-width: 1024px) {
	.quote {
		margin: 45px 0;
		font-size: 18px;
	}
}

.projectsTitle {
	margin-bottom: 67px;
	font-family: Roboto;
	font-size: 64px;
	line-height: 110%;
	color: #FC0107;
}

@media (max-width: 1024px) {
	.projectsTitle {
		font-size: 40px;
		margin-bottom: 19px;
	}
}

#preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #1A002D;
	z-index: 20;
}

#preloader svg {
	position: fixed;
	top: 50%;
	margin-top: -83px;
	left: -300px;
}

#preloader svg:nth-of-type(1) {
	z-index: 5;
	animation: move 2s ease-in-out 0s;
}

#preloader svg:nth-of-type(2) {
	z-index: 4;
	animation: move 2s ease-in-out 0.1s;
}

#preloader svg:nth-of-type(3) {
	z-index: 3;
	animation: move 2s ease-in-out 0.2s;
}

#preloader svg:nth-of-type(4) {
	z-index: 2;
	animation: move 2s ease-in-out 0.3s;
}

#preloader svg:nth-of-type(5) {
	z-index: 1;
	animation: move 2s ease-in-out 0.4s;
}

@-webkit-keyframes move {
	0% {
		left: -300px;
	}
	100% {
		left: calc(100% + 300px);
	}
}

#up {
	cursor: pointer;
	position: fixed;
	display: flex;
	flex-direction: column;
	right: calc(((100vw - 1088px)/2) - 132px);
	top: 50%;
	margin-top: -28px;
	z-index: 8;
	opacity: 0;
}

#up.active {
	opacity: 1;
}

#up:hover path {
	fill: #ffffff;
}

#up:hover circle {
	stroke: #ffffff;
}

@media (max-width: 1440px) {
	#up {
		right: 44px;
	}
}

@media (max-width: 1200px) {
	#up {
		display: none;
	}
}

#upMob {
	cursor: pointer;
	position: absolute;
	width: 28px;
	height: 28px;
	right: 25px;
	top: -43px;
	z-index: 8;
	display: none;
}

@media (max-width: 1024px) {
	#upMob {
		display: block;
	}
}

/*# sourceMappingURL=style.css.map */