/*!
Theme Name: Big day

/*! 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%;
}

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


/**
 * 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;
	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;
}



/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */


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


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
--------------------------------------------- */

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:hover,
a:active {
	outline: 0;
}



/* 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;
	}
}

.work__text-block {
    margin: 0 !important;
}
.work__text-block >.vc_column_container {
    max-width: 1000px;
    margin: 0 auto;
    float: none !important;
}
.work__text-block .vc_row {
    display: flex;
    margin: 0;
}
.work__text-block .wpb_wrapper .vc_column-inner {
    padding: 0;
}
.work__text-block .vc_col-sm-6:first-of-type {
    flex: 1;
    flex-shrink: 0;
    white-space: nowrap;
}
.work__text-block .vc_col-sm-6:last-of-type {
    flex: 2;
    padding-left: 40px;
}
.work__text-block .vc_col-sm-6:last-of-type .vc_column-inner {
    max-width: 550px;
}
.work__text-block p {
    font-size: 16px;
    line-height: 24px;
}

.work__text-block_dark {
    background-color: var(--main-color);
}
.work__text-block_dark .title_rotade * {
    color: #fff;
}
.work__text-block_dark p {
    color: #fff;
}

@media (max-width: 768px) {

    .work__text-block .vc_row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .work__text-block .vc_col-sm-6:first-of-type {
        flex: auto;
    }
    .work__text-block .vc_col-sm-6:last-of-type {
        flex: auto;
        padding-left: 0;
    }
}

.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-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;
}



/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* 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;
}

:root {
    --main-color: #07183B;
    --second-color: #DB367C;
    --general-color: #FFFFFF;
    --title-font: 'Square721 Cn BT', sans-serif
}

@font-face {
    font-family: 'DIN 2014';
    src: local("assets/fonts/DIN 2014 Light"), local("DIN2014-Light"), url("assets/fonts/DIN2014-Light.woff2") format("woff2"), url("assets/fonts/DIN2014-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'DIN 2014';
    src: local("assets/fonts/DIN 2014 Regular"), local("DIN2014-Regular"), url("assets/fonts/DIN2014-Regular.woff") format("woff"), url("assets/fonts/DIN2014-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'DIN 2014';
    src: local("assets/fonts/DIN 2014 DemiBold"), local("DIN2014-DemiBold"), url("assets/fonts/DIN2014-DemiBold.woff") format("woff"), url("assets/fonts/DIN2014-DemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-Bold.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/DIN2014-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/DIN2014-Bold.woff') format('woff'),
		 url('assets/fonts/DIN2014-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN 2014';
    src: url('assets/fonts/DIN2014-ExtraBold.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/DIN2014-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/DIN2014-ExtraBold.woff') format('woff'),
		 url('assets/fonts/DIN2014-ExtraBold.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Square721 Cn BT';
    src: local("assets/fonts/DIN 2014 DemiBold"), local("sqr721bc"), url("assets/fonts/sqr721bc.woff2") format("woff2"), url("assets/fonts/sqr721bc.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'DIN 2014', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.55;
    color: var(--main-color)
}

body {
	margin: 0;
    -webkit-transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7);
    transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7);
    scroll-behavior: smooth;
}

html {
	box-sizing: border-box;
    overflow-x: hidden;
}

body {
    --screen-width: calc(100vw - (100vw - 100%));
}
.container {
    width: 1280px;
    margin: 0 auto
}
.auto-pd-left {
    padding-left: calc((var(--screen-width) - 1280px) / 2);
}
.auto-pd-right {
    padding-right: calc((var(--screen-width) - 1280px) / 2);
}
.case-template .container {
    width: 1320px
}

.containerCanva {
    position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: var(--title-font);
    text-transform: uppercase;
    line-height: 1
}

h2 {
    font-size: 72px;
    line-height: 0.89
}

h3 {
    font-size: 56px
}

h4 {
    font-size: 48px
}

h5 {
    font-size: 36px
}

.site-main {
    margin: 112px 0 0 0
}


.animated {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}
@-webkit-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    }

    100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    }

    100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0);
    }

    100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    }
}

@keyframes fadeInRight {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
            transform: translate3d(20%, 0, 0);
    }

    100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
}

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

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
}


@-webkit-keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
    }

    100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    }
}

@keyframes fadeInUp {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0);
    }

    100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}

@keyframes titleRotade {
    0% {
        transform: none;
    }
    100% {
        /* -webkit-transform: matrix(1, -0.08, -0.02, 1, 0, 0);
        transform: matrix(1, -0.08, -0.02, 1, 0, 0); */
        /* transform: translate(0px, -25px) skew(-1deg, -5deg); */
        transform: matrix(1, -0.08, -0.02, 1, 0, 0) translate(0px, -22px);;
    }
}

.title_rotade {
    -webkit-animation-name: titleRotade;
            animation-name: titleRotade;
            animation-fill-mode: forwards;
            animation-delay: 0.5s;
            z-index: 2;
            position: relative;
}
@keyframes titleRotade-inleft {
    0% {
        transform: none;
    }
    100% {
        /* -webkit-transform: matrix(1, -0.08, -0.02, 1, 0, 0);
        transform: matrix(1, -0.08, -0.02, 1, 0, 0); */
        /* transform: translate(0px, -25px) skew(-1deg, -5deg); */
        transform: matrix(1, -0.08, -0.02, 1, 0, 0) translate(0px, -22px);;
    }
}

.title_rotade-inleft {
    -webkit-animation-name: titleRotade-inleft;
            animation-name: titleRotade-inleft;
            animation-fill-mode: forwards;
            animation-delay: 0.5s;

}


.titleAnim {
    z-index: 2
}

/* .titleAnim._active {
    -webkit-transform: matrix(1, -0.08, -0.02, 1, 0, 0);
    transform: matrix(1, -0.08, -0.02, 1, 0, 0);
    -webkit-transition: 0.5s;
    transition: 0.5s
} */

.fade {
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.fade._anim-items._active {
    opacity: 1
}

.xs-text {
    font-size: 16px;
    font-weight: 300
}

.changeBg-anim {
    background-color: var(--main-color);
    -webkit-transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7);
    transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7)
}

.changeBg-anim * {
    color: var(--general-color)
}

p:not(:last-child) {
    margin-bottom: 12px
}

a:hover {
    opacity: 0.8;
    -webkit-transition: 0.4s;
    transition: 0.4s
}

ul,
ol {
    margin: 0 0 0 32px
}

ul li:not(:last-child),
ol li:not(:last-child) {
    margin-bottom: 12px
}

ul {
    list-style: none;
    margin: 0
}

ul li::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 2px solid var(--second-color);
    margin-right: 20px
}

.cky-revisit-bottom-left {
    display: none !important;
}
header ul,
footer ul {
    list-style: none;
    margin: 0
}

header ul li::before,
footer ul li::before {
    content: none
}

header a,
footer a,
a.btn {
    text-decoration: none
}

button {
    border: none;
    cursor: pointer
}

span,
a,
i,
p,
li {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}


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,
select {
    outline: none;
    width: 100%;
    padding: 24px 23px;
    border: none;
    background: #415379;
    border-radius: 0px
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    font-weight: 600;
    color: var(--main-color)
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: var(--main-color)
}

input[type="text"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
    color: var(--main-color)
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder,
select::placeholder {
    color: var(--main-color)
}

textarea {
    resize: none;
    width: 100%;
    height: 150px
}

img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tac {
    text-align: center
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.d-flex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.d-flex-sb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.d-flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.d-flex-sb-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.d-grid {
    display: -ms-grid;
    display: grid
}

.d-grid-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.d-grid-3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.d-grid-4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr)
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-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);
    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
}
.darkbg{	
    background-color: var(--main-color)!important;
}
.darkbg * {
    color: var(--general-color)!important;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: 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
}

.btn,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    cursor: pointer;
    padding: 12px 35px;
    background: var(--second-color);
    color: var(--general-color);
    border: none;
    border-radius: 0;
    text-align: center;
    font-weight: 600;
	text-transform: uppercase;
}

.site-main, .hero {
    margin: 111px 0 0 0
}

.header {
    background: #fff;
    padding: 23px 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 777;
   /*  -webkit-transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7);
    transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7) */
}

.header._dark_style {
	background-color: var(--main-color);
}
.header.nav-up._dark_style {
    background-color: var(--main-color);
}
.header-block._dark_style,
.case_text_block._dark_style {
	background-color: var(--main-color);
}
.header-block._dark_style *,
.case_text_block._dark_style * {
	color: #fff;
}
.case_text_block {
	padding:60px 0;
}
.case_text_block__subtitle {
	max-width: 920px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.43;
}
.case_text_block__subtitle  p:not(:last-child) {
    margin-bottom: 24px;
}

.logo_strip {
	padding: 50px 0 30px;
}
.logo_strip__title {
	margin-bottom:44px;
	font-family: "DIN 2014";
	text-align:center;
	font-size: 16px !important;
	font-weight: 700;
}
.logo_strip__wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
	justify-content: space-between;
    max-width: 820px;
    margin: 0 auto;
    align-items: center;
    flex-wrap: wrap;
}
.logo_strip__wrap> div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.block_button {
	padding: 180px 0 160px;
}
.block_button__wrap {
	max-width:890px;
	text-align: center;
	margin: 0 auto;
}
.block_button__title {
	color: #07173B;
	font-family: "DIN 2014";
	font-size: 48px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 44px;
}
.block_button__wrap .btn {
	max-width: 612px;
	width: 100%;
	font-size: 30px;
}
@media(max-width: 769px) {
	.case_text_block__subtitle {
		font-size: 18px;
	}
	.logo_strip__wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.mob_4cols .logo_strip__wrap {
		grid-template-columns: repeat(4, 1fr);
		gap: 24px;
	}
	.block_button {
		padding: 40px 0 80px;
	}
	.block_button__title {
		font-size: 28px !important;
	}
	.block_button__wrap .btn {
		font-size: 24px;
	}
}

.header .logo {
	width: 80px;
}
.header__wrap {
    z-index: 333;
    position: relative
}

.header__menu {
    background: var(--main-color);
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    height: 100vh;
    width: 100%;
    z-index: 222;
    -webkit-transition: .4s all;
    transition: .4s all;
	opacity:0;
}

.header__menu-images,
.header__menu--inner {
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.images-blur-anim {
    position: absolute;
   /*  background-position: center;
    background-size: contain;
    background-repeat: no-repeat; */
    width: 110%;
    height: 110%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    filter: url('#turbulence');
    z-index: -1;
}
.images-blur-anim-wrapper {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/* .header__menu-images {

    display: -ms-grid;
    display: grid;
    align-items: center;
    justify-items: center;
}

.header__menu-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 441px;
    height: 469px;
}
.header__menu-image-main {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 441px;
    height: 469px;
}
.pixelate {
    display: block;
    animation-name: pixelate;
    animation-duration: 0.2s;
    animation-timing-function: ease-in-out;
}

@keyframes pixelate {
    from {
        transform: scale(1);
         opacity: 0;
    }
    to {
        transform: scale(1.1);
         opacity: 1;
    }
} */
.header__menu-image {
    width: 50%;
    object-fit: contain;
    height: auto;
}
.header__menu-image svg {
    width: 100%;
    height: auto;
    margin-left: -20px;
}

/* .header__menu-image.active {
    opacity: 1
}
.header__menu-image:nth-child(odd).active {
    transform: rotate(-3deg);
}
.header__menu-image:nth-child(even).active {
    transform: rotate(3deg);
} */
.header__menu--inner {
    height: 100%;
    overflow: auto
}

.header__menu--inner ul {
    font-family: 'Square721 Cn BT';
    color: var(--general-color);
    text-align: center;
    font-weight: 700;
    font-size: 64px;
    line-height: 1.12;
    padding: 0 70px 70px;
    margin-bottom: 27px;
    border-bottom: 1px solid var(--second-color)
}

.header__menu--inner ul li a {
    opacity: 1
}
.header__menu--inner ul li:active,
.header__menu--inner ul li:focus,
.header__menu--inner ul li.current-menu-item {
 /*   -webkit-transform: matrix(1, -0.07, 0, 1, 0, 0);
    transform: matrix(1, -0.07, 0, 1, 0, 0);
*/
}

.header__menu--inner ul li.current-menu-item a {
	color: var(--second-color) !important;
	-webkit-transform: matrix(1, -0.07, 0, 1, 0, 0);
    transform: matrix(1, -0.07, 0, 1, 0, 0);
	display:block
}
.header_active {
    position: fixed;
}
.header_active .logo{
    opacity: 0;
}
.header_active .header__menu {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
	opacity: 1;
}

.header.nav-up {
    background-color: var(--general-color);
    -webkit-transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7);
    transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7)
}

.changeBg-anim .header.nav-up,
.header.nav-up.changeBg-anim,
.changeBg-anim .header {
    background-color: var(--main-color);
    -webkit-transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7);
    transition: background-color 1.2s cubic-bezier(0.4, 0.5, 0.53, 0.7)
}
section._decor {
    margin-top: -1px;
}

section._decor ._top {
	background-color: var(--main-color);
	overflow: hidden;
}

section._decor ._bottom {
	background-color: #fff;
	overflow: hidden;
}

section._decor ._content {
	max-width: 702px;
	margin: 0 auto;
}

section._decor ._top ._content {
    margin-bottom: -77px;
}

section._decor ._bottom ._content {
    margin-top: -52px;
}
@media (max-width: 754px) {

	section._decor ._top ._content {
		margin-bottom: calc(-35.2px + (-76 - -35.2) * ((100vw - 320px) / (754 - 320)));
	}
   	section._decor ._bottom ._content {
    	margin-top: calc(-22.4px + (-52 - -22.4) * ((100vw - 320px) / (754 - 320)));
	}
}

@-webkit-keyframes topBar_open {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg)
    }

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

    50% {
        -webkit-transform: translateY(20px) rotate(45deg);
        transform: translateY(20px) rotate(45deg)
    }

    75% {
        -webkit-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg)
    }

    100% {
        -webkit-transform: translate(5px) rotate(45deg);
        transform: translate(5px) rotate(45deg)
    }
}

@keyframes topBar_open {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg)
    }

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

    50% {
        -webkit-transform: translateY(20px) rotate(45deg);
        transform: translateY(20px) rotate(45deg)
    }

    75% {
        -webkit-transform: translateY(12px) rotate(45deg);
        transform: translateY(12px) rotate(45deg)
    }

    100% {
        -webkit-transform: translate(5px) rotate(45deg);
        transform: translate(5px) rotate(45deg)
    }
}

@-webkit-keyframes bottomBar_open {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg)
    }

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

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

    75% {
        -webkit-transform: translate(-10px, 5px) rotate(-45deg);
        transform: translate(-10px, 5px) rotate(-45deg)
    }

    100% {
        -webkit-transform: translate(-4px, -16px) rotate(-45deg);
        transform: translate(-4px, -16px) rotate(-45deg)
    }
}

@keyframes bottomBar_open {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg)
    }

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

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

    75% {
        -webkit-transform: translate(-10px, 5px) rotate(-45deg);
        transform: translate(-10px, 5px) rotate(-45deg)
    }

    100% {
        -webkit-transform: translate(-4px, -16px) rotate(-45deg);
        transform: translate(-4px, -26px) rotate(-45deg)
    }
}

@-webkit-keyframes menuLabel_open {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }

    25% {
        -webkit-transform: translateY(-18px);
        transform: translateY(-18px)
    }

    45% {
        -webkit-transform: translateY(44px);
        transform: translateY(44px);
        opacity: 0
    }

    48% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }
}

@keyframes menuLabel_open {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }

    25% {
        -webkit-transform: translateY(-18px);
        transform: translateY(-18px)
    }

    45% {
        -webkit-transform: translateY(44px);
        transform: translateY(44px);
        opacity: 0
    }

    48% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }
}

@-webkit-keyframes topBar_close {
    0% {
        -webkit-transform: translateY(17px) rotate(45deg);
        transform: translateY(17px) rotate(45deg)
    }

    35% {
        -webkit-transform: translateY(-8px) rotate(-4deg);
        transform: translateY(-8px) rotate(-4deg)
    }

    53% {
        -webkit-transform: translateY(10px) rotate(3deg);
        transform: translateY(10px) rotate(3deg)
    }

    70% {
        -webkit-transform: translateY(-6px) rotate(0deg);
        transform: translateY(-6px) rotate(0deg)
    }

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

@keyframes topBar_close {
    0% {
        -webkit-transform: translateY(17px) rotate(45deg);
        transform: translateY(17px) rotate(45deg)
    }

    35% {
        -webkit-transform: translateY(-8px) rotate(-4deg);
        transform: translateY(-8px) rotate(-4deg)
    }

    53% {
        -webkit-transform: translateY(10px) rotate(3deg);
        transform: translateY(10px) rotate(3deg)
    }

    70% {
        -webkit-transform: translateY(-6px) rotate(0deg);
        transform: translateY(-6px) rotate(0deg)
    }

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

@-webkit-keyframes bottomBar_close {
    0% {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }

    35% {
        -webkit-transform: translateY(-18px) rotate(6deg);
        transform: translateY(-18px) rotate(6deg)
    }

    53% {
        -webkit-transform: translateY(0px) rotate(-3deg);
        transform: translateY(0px) rotate(-3deg)
    }

    68% {
        -webkit-transform: translateY(-7px) rotate(0deg);
        transform: translateY(-7px) rotate(0deg)
    }

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

@keyframes bottomBar_close {
    0% {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg)
    }

    35% {
        -webkit-transform: translateY(-18px) rotate(6deg);
        transform: translateY(-18px) rotate(6deg)
    }

    53% {
        -webkit-transform: translateY(0px) rotate(-3deg);
        transform: translateY(0px) rotate(-3deg)
    }

    68% {
        -webkit-transform: translateY(-7px) rotate(0deg);
        transform: translateY(-7px) rotate(0deg)
    }

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

@-webkit-keyframes menuLabel_close {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    5% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 1
    }

    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 1
    }

    37% {
        -webkit-transform: translateY(-22px);
        transform: translateY(-22px);
        opacity: 1
    }

    45% {
        -webkit-transform: translateY(-22px);
        transform: translateY(-22px);
        opacity: 1
    }

    58% {
        -webkit-transform: translateY(8px) rotate(-10deg);
        transform: translateY(8px) rotate(-10deg);
        opacity: 1
    }

    83% {
        -webkit-transform: translateY(-6px) rotate(0deg);
        transform: translateY(-6px) rotate(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }
}

@keyframes menuLabel_close {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    5% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
        opacity: 1
    }

    25% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
        opacity: 1
    }

    37% {
        -webkit-transform: translateY(-22px);
        transform: translateY(-22px);
        opacity: 1
    }

    45% {
        -webkit-transform: translateY(-22px);
        transform: translateY(-22px);
        opacity: 1
    }

    58% {
        -webkit-transform: translateY(8px) rotate(-10deg);
        transform: translateY(8px) rotate(-10deg);
        opacity: 1
    }

    83% {
        -webkit-transform: translateY(-6px) rotate(0deg);
        transform: translateY(-6px) rotate(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1
    }
}

#menu-btn {
    display: block;
    position: relative;
    text-align: center;
    width: 32px;
    height: 27px;
    cursor: pointer
}

#menu-btn span {
    content: '';
    width: 100%;
    height: 4px;
    background-color: var(--second-color);
    display: block;
    position: absolute;
    border-radius: 0;
    -webkit-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
}

#menu-btn span:nth-child(1) {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

#menu-btn span:nth-child(2) {
    right: 0;
    top: 10.5px;
}

#menu-btn span:nth-child(3) {
    right: 0;
    top: 21px;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
/*#menu-btn span:nth-child(4) {
    height: auto;
    background: transparent;
    color: var(--second-color);
    font-size: 14px;
    line-height: 14px;
    font-weight: 900;
    font-family: var(--title-font);
    top: 20px;
}*/

#menu-btn.open {
    -webkit-transform: none;
    transform: none
}

#menu-btn.open span:nth-child(1) {
    -webkit-animation: topBar_open 1s ease-in-out;
    animation: topBar_open 1s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#menu-btn.open span:nth-child(2) {
    -webkit-animation: menuLabel_open 1s ease-in;
    animation: menuLabel_open 1s ease-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#menu-btn.open span:nth-child(3) {
    -webkit-animation: bottomBar_open 1s ease-in-out;
    animation: bottomBar_open 1s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    top: 26px;
}

/*#menu-btn.open span:nth-child(4) {
	display: none;
}*/

#menu-btn.close span:nth-child(1) {
    -webkit-animation: topBar_close 1s ease-in-out;
    animation: topBar_close 1s ease-in-out;
   /* -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards*/
}

#menu-btn.close span:nth-child(3) {
    -webkit-animation: bottomBar_close 1s ease-in-out;
    animation: bottomBar_close 1s ease-in-out;
    /*-webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards*/
}

#menu-btn.close span:nth-child(2) {
    -webkit-animation: menuLabel_close 1s ease-in;
    animation: menuLabel_close 1s ease-in;
    /*-webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards*/
}


.canva-wrapper {
    display: none
}

.containerCanva {
    overflow: hidden
}

canvas {
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.content--fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.case-hero-image img {
	display: block
}
.case-hero-image__inner {
    height: 594px;
}
.case-hero-image.f_w img {
    width: 100%;
}

.hero {
   /*  height: 100vh; */
    position: relative;
    cursor: none;
    overflow: hidden;
}

.hero canvas {
    z-index: -1
}

.hero .content--fixed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 40px 0 120px
}

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

.hero__slide {
   /*  transition-delay: 0.8s !important; */
/*    height: calc(85vh - 112px); */
	    aspect-ratio: 2; 
	
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   display: flex !important;
   align-items: flex-end;
   padding: 40px 0 80px
}

.hero__content {
     max-width: 400px
}
.hero__title {
    font-size: 64px;
    margin: 56px 0 10px;
}

.hero__text {
    margin-bottom: 14px
}

.hero__content {
    z-index: 222;
    position: relative
}

.hero__content * {
    color: var(--general-color);
    cursor: pointer;
}

.hero__text {
    font-weight: 600;
}

.hero .slick-list {
    cursor: auto;
}
.hero .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: transparent;
    opacity: 0;
    transition: 0.3s;
     /*font-size: 0;
    opacity: 0;
    cursor: none */
}

.hero .slick-arrow.active {
    opacity: 1;
}

.hero:hover .slick-arrow {
    opacity: 1;
}

/* .hero .slick-arrow--mob {
    opacity: 1;
    top: unset;
    height: unset;
    width: unset;
    bottom: 0;
    margin: 20px;
}
.hero .slick-arrow--mob svg{
    width: 24px;
    height: 24px;

}

.hero .slick-arrow svg {
    position: absolute;
    bottom: 40px;
    height: 30px
} */

.hero .slick-dots {
    display: none !important
}

.hero #slick-previous {
    left: 0
}

.hero #slick-previous svg {
    left: 10px
}

.hero #slick-next {
    right: 0
}

.hero #slick-next svg {
    right: 10px
}

.hero img {
    width: 100%
}

.hero .containerCanva {
    height: 100%;
    z-index: -1
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slick-dots button {
    background: transparent;
    font-size: 0;
    opacity: 0
}

.slick-dots li::before {
    width: 10px;
    height: 10px
}

.slick-dots li.slick-active::before {
    background: var(--second-color)
}

#hero-prev,
#hero-next {
    width: 235px;
    height: 216.72px;
    pointer-events: none;
    position: absolute;
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33), opacity 0.02s cubic-bezier(0.75, -1.27, 0.3, 2.33), -webkit-transform 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 111
}

.header-block {
    padding: 30px 0 60px
}

.header-block__title {
    margin: 0 0 39px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-block__title h1 {
    font-size: 72px;
    line-height: 0.89;
}
.header-block__subtitle {
    text-align: center;
    max-width: 640px;
    margin: 0 auto
}

.video-block__inner {
    position: relative
}

.video-block__placeholder {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    transition: 0.7s;
}
.video-block__placeholder.hide {
    opacity: 0;
    z-index: -1;
}
.video-block__media {
    position: relative;
    width: 75%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}


.video-block #video {
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    height: 100%
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 2;
    /* pointer-events: none; */
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.play-button.hideBtn {
    opacity: 0
}



.testimonials {
    padding: 173px 0;
    text-align: center
}
.front_page .testimonials {
    padding: 140px 0;
}
.testimonials__title {
    padding: 40px 0;
}
.testimonials__items .slick-track {
    display: flex;
    align-items: center;
}
.testimonials__item {
    padding: 55px 0;
}
.text-scroll {
    position: relative
}

.text-scroll__text * {
    color: inherit !important
}
.text-scroll__image {
    margin-left: -15px
}

.text-scroll__image svg {
    width: 100%;
    height: 100%
}

.text-scroll .fish-anim-eye-image {
    position: relative;
    /* -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out */
}

/* .text-scroll .fish-anim-eye-image ellipse,
.text-scroll .fish-anim-eye-image circle {
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0.5, 0.53, 0.7);
    transition: all 0.3s cubic-bezier(0.4, 0.5, 0.53, 0.7)
} */

.text-scroll__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.text-scroll__title {
    margin: 0 0 24px
}

#eyeC {
    fill: #fff
}

.changeBg-anim #eyeC {
    fill: #07183B
}

.services__image-inner {
    position: relative
}

.services__image-inner img {
    height: 498px
}

.services__image-inner .titleAnim {
    position: absolute;
    z-index: 2
}
.services__item:nth-of-type(even) {
    flex-direction: row-reverse;
}
.services__content-inner h4 {
    margin-bottom: 23px
}
.services__content-title {
	font-size: 64px;
	font-style: normal;
	font-weight: 700;
	line-height: 64px;
}

.text-logo-block {
   padding: 90px 0 160px;
}

.text-logo-block__content {
    text-align: center
}

.text-logo-block__logo {
    width: 420px;
    margin: 0 auto 73px;
    display: block;
}

.changeBg-anim .text-logo-block__logo svg path{
    fill: #fff;
    transition: 0.4s cubic-bezier(0.4, 0.5, 0.53, 0.7);
}


@keyframes ripple-animation {
    0% {
        -webkit-transform: scale(0.7) translate(-100px, 100px);
        transform: scale(0.7) translate(-100px, 100px);
        opacity: 0.3
    }

    25% {
        -webkit-transform: scale(1) translate(-10px, 10px);
        transform: scale(1) translate(-10px, 10px);
        opacity: 0.7
    }

    50% {
        -webkit-transform: scale(1.6) translate(-60px, 60px);
        transform: scale(1.6) translate(-60px, 60px);
        opacity: 0.4
    }

    75% {
        -webkit-transform: scale(1) translate(-130px, 130px);
        transform: scale(1) translate(-130px, 130px);
        opacity: 0.5
    }

    100% {
        -webkit-transform: scale(0.6) translate(-100px, 100px);
        transform: scale(0.6) translate(-100px, 100px);
        opacity: 0.2
    }
}

.cta {
    /* padding: 100px 0; */
    position: relative;
   /*  min-height: 680px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.cta--simple {
    padding: 100px 0;
    min-height: 680px;
    aspect-ratio: 16/9;
}

.cta--simple .cta__content {
    position: static;
}
.cta__content {
    position: absolute;
}
.cta__bg-video {
    width: 100%;
    height: 100%;
}
.cta * {
    color: var(--general-color)
}

.cta .ripple-circle {
    position: absolute;
    opacity: 0;
    -webkit-animation: ripple-animation 4.5s infinite;
    animation: ripple-animation 4.5s infinite
}

.cta .ripple-circle:nth-child(1) {
    left: -10%;
    top: -10%;
    background: #0E183C;
    width: 672px;
    height: 636.69px;
    border-radius: 50%;
    -webkit-filter: blur(200px);
    filter: blur(200px);
    z-index: 4;
}

.cta .ripple-circle:nth-child(2) {
    right: -17%;
    top: -29%;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    background: #af376c;
    width: 70%;
    height: 80%;
    border-radius: 50%;
    -webkit-filter: blur(150px);
    filter: blur(150px)
}

.cta .ripple-circle:nth-child(3) {
    right: -150px;
    bottom: -199px;
    width: 365.27px;
    height: 100%;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    width: 365.27px;
    height: 724px;
    background: #0A1035;
    -webkit-filter: blur(150px);
    filter: blur(150px)
}

.cta__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #4D1E4D
}

.cta__wrap {
    padding: 40px 0;
    text-align: center;
    z-index: 2;
    position: relative
}

.cta__text {
    margin: 27px 0
}

.works__item {
    padding: 20px;
    min-height: 432px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background: #000;
    /* background: linear-gradient(135deg, #000 0%, #000 25%, #1e539e 50%, #ff3083 75%, #7800a8 100%); */
    background: linear-gradient(135deg, #000 0%, #000 25%, #1e539e 50%, #b52c63 75%, #240033 100%);
    background-size: 400% 400%;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: .5s all;
    transition: .5s all;
    text-decoration: none;
    text-align: center
}

.works__item * {
    color: var(--general-color)
}

.works__item:hover {
    background-position: 100% 100%;
    opacity: 1
}

.works__img {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: screen;
    opacity: 0.5
}

.works__title {
    margin-bottom: 16px
}

.amin-eye-fish {
    width: 153px;
    height: 111px;
    margin: 0 auto;
    position: relative
}

.amin-eye-fish svg {
    width: 100%;
    height: 100%
}

.amin-eye-fish #cnt-eye {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 37px 20px 0px 0px
}

.amin-eye-fish #cnt-eye .pupil {
    background-color: var(--main-color);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    -webkit-transform: translate(var(--eyesX), var(--eyesY));
    transform: translate(var(--eyesX), var(--eyesY));
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

.contact {
    padding: 46px 0 120px
}

.contact-form {
    margin: 43px auto 0
}

.contact-form input[type="submit"] {
    padding: 25px 54px
}

.wpcf7-spinner {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.slide-logos .slick-list{
    cursor: unset;
}

.slide-logos *{
    color: var(--main-color) !important
}
.slide-logos img {
    object-fit: contain;
}


.slide-logos__top ._item,
.slide-logos__bottom ._item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 24px;
}
.gif-text {
    padding: 136px 0 90px
}

.gif-text__wrap {
    gap: 77px;
    margin-top: -60px;
    padding: 0 100px
}

.gif-text__descr {
    width: 35%
}

.img-text {
    padding: 130px 0 130px
}

.img-text__wrap {
    gap: 56px;
    margin-top: -60px;

}

.img-text__image ,
.img-text__gallery-container {
    width: 47% !important
}
.img-text__gallery-container .slick-list {
    cursor: unset;
    pointer-events: none;
}
.img-text__gallery-container img {
    max-height: 556px;
}
.img-text__descr {
    width: 37%
}
.img-text__descr p {
    color: inherit !important;
}
.img-text .header-block__title {
   /*  -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; */
    font-size: 64px
}

@media( min-width: 769px) {
    .img-text--title-static .img-text__descr {
        width: 70%;
    }
}
.img-text--title-static .header-block__title{
    justify-content: flex-start;
}

.parallax-block {
    height: 680px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.parallax-block h1 {
    font-size: 72px;
    line-height: 0.89;
}
.parallax-block__text {
    width: 500px;
    margin-top: 80px;
}

.parallax-block__fish {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
   /*  height: 90vh */
}

.gallery {
    padding: 90px 0 130px;
	overflow: hidden;
}

.gallery .header-block__title {
    margin: 0 0 62px
}

.gallery .header-block__subtitle {
    width: 36%
}

.gallery .slick-list {
    padding: 0 200% 0 0
}

.gallery .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gallery__wrap {
    padding: 80px 0;
    display: flex;

}
.gallery__wrap ._item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery__item {
    margin: 0 44px
}

.case-hero {
    padding: 58px 0 34px
}

.case-hero__list-inner:not(:last-child) {
    margin-bottom: 28px
}

.case-hero__title-list {
    font-size: 18px;
    line-height: 1.33;
    margin-bottom: 11px
}

.case-hero__list p {
    margin: 0
}

.case-hero__right {
    width: 55%
}

.case-hero__icon-wrap {
    margin-bottom: 40px
}

.case-hero__icon-wrap img {
    border-right: 1px solid var(--second-color);
    padding-right: 42px;
    margin-right: 39px
}

.case-hero__name {
    font-size: 36px;
    color: var(--second-color)
}

.case-hero__title {
    font-size: 48px;
    margin-bottom: 23px;
    padding-right: 23px
}

.case-hero__subtitle {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.42
}

.case-cards {
    padding: 100px 0 50px
}

.case-cards__wrap {
    justify-items: center;
    gap: 34px
}
.slider-wrap {
    position: relative;
}
.slick-nav {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #DB367C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    cursor: pointer;
}
.slick-nav .slick-arrow {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
}
.slick-nav .slick-previous {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.slick-nav .slick-next {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.blog-home {
    background-color: #fff;
}
.blog-home .blog-home__title,
.blog-home .blog-item__title {
    color: var(--main-color);
}
@media( min-width : 991px) {
    .case-gallery__wrap  {
        padding-left: 25%;
    }
    .gallery__wrap {
        padding-left: 189px;
    }
    .slick-nav {
        width: 120px;
        height: 120px;
    }
    .case-gallery .slick-nav {
        left: 80px;
    }
    .blog-home {
        padding: 160px 0 110px;
    }
}

.case-gallery {
    padding: 50px 0 100px;
    overflow-x: hidden
}

.case-gallery__wrap {
    display: flex;

}
.case-gallery__item {
    margin: 0 30px;
    object-fit: contain;
}

.case-gallery .slick-list {
    padding: 0 200% 0 0
}

.image-text-bottom {
    padding: 100px 0
}
.image-text-bottom p {
    color: inherit !important;
}

.team__wrap .slick-arrow {
    position: absolute;
    top: 31%;
    z-index: 1;
    background: transparent;
    transition: 0.3s;
}
.team__wrap .slick-previous {
    left: 0;
}
.team__wrap .slick-next {
    right: 0;
}
.team__left .team__title {
    max-width: 425px;
    margin-left: auto;
    margin-top: 50px;
}
.team__left .team__title * {
    font-size: 88px;
}

@media (min-width:1200px) {
    .image-text-bottom__wrap {
        padding: 0 120px;
    }
    .image-text-bottom__wrap .header-block {
        margin-top: 60px;
        display: flex;
        gap: 70px;
    }
	.image-text-bottom--rev .image-text-bottom__wrap .header-block {
		margin: 0;
	}
    .image-text-bottom__wrap .header-block__title {
        margin-top: 40px;
        min-width: 320px;

    }
}
@media (max-width:1199px) {
    .image-text-bottom__wrap {
        display: flex;
        flex-direction: column-reverse;
    }
	.image-text-bottom--rev .image-text-bottom__wrap {
        display: flex;
        flex-direction: column;
    }
/* 	.image-text-bottom__wrap img {
		margin-bottom: 24px
	} */
    .image-text-bottom__wrap .header-block__title {
        margin-bottom: 10px;
    }

	.image-text-bottom--rev .image-text-bottom__wrap .header-block {
		    margin-top: 60px;
	}
	
	.image-text-bottom.style_2 .image-text-bottom__wrap {
		flex-direction: column;
	}
	.image-text-bottom.style_2 .header-block {
		padding: 60px 0 0;
	}
	
	
	.team__wrap .slick-arrow {
		top: 25%;
		width: 40px;
    	height: 108px;
	}
}

@media (min-width:769px) {


}
.related-works .works__item {
    min-height: 720px;
    position: relative
}


.back-work {
    text-align: center;
    background: var(--second-color)
}

.back-work .btn {
    display: block;
    padding: 19px 35px
}

.blog-page .blog-item {
    -webkit-transform-origin: top left;
    transform-origin: top left;

}

.blog-item {
    padding: 40px 0 50px;
    border-top: 1px solid #DCDCDC;
    gap: 40px
}

.blog-item__thumb {
    height: 230px;
    min-width: 37%;
    flex-shrink: 0;
}

.blog-item__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.blog-item__title {
    font-size: 24px;
    font-weight: 300;
}

.blog-item .btn {
    place-self: flex-start
}

.blog-single__head img {
    width: 100%;
    height: 100%
}

.blog-single__content {
    padding: 64px 0 100px
}

.blog-single__title {
    font-size: 39px;
    margin-bottom: 11px
}

.blog-single__date {
    text-transform: uppercase;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 19px
}

.blog-single__wrapper {
    margin-top: 32px
}

.blog-single__wrapper a {
    color: #007BFF;
    text-decoration: none
}

.footer {
    padding: 83px 0 39px;
    background: var(--main-color)
}

.footer__wrap {
    gap: 24px
}

.footer .logo {
    width: 80px
}

.footer__main {
    gap: 20px
}

.footer__slogan {
    margin-bottom: 16px;
    min-width: 346px
}

.footer__slogan,
.footer .xs-text,
.footer__contacts,
.footer .form-title,
.footer .text {
    color: var(--general-color)
}

.footer__form-block {
    max-width: 318px;
    min-width: 318px
}

.footer__form-block .form-title {
    margin-bottom: 13px
}

.footer__form-block input[type="submit"] {
    margin-top: 16px
}

.footer__form-block input[type="text"],
.footer__form-block input[type="email"],
.footer__form-block input[type="password"],
.footer__form-block input[type="search"],
.footer__form-block input[type="number"],
.footer__form-block input[type="tel"] {
    padding: 14px 20px
}

.footer__form-block .wpcf7-response-output {
	color: #fff;
/*     display: none; */
}

.footer .text {
    margin-bottom: 21px;
    font-weight: 600;
}

.footer__contact {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__contact:not(:last-child) {
    margin-bottom: 15px
}

.footer__contact img {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

.social {
    gap: 24px;
    margin-bottom: 19px
}

.social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rights {
    margin-top: 45px;
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    line-height: 2;
    color: var(--general-color)
}

.change-item {
    opacity: 0;
    display: none
}

#change-item-inner {
    display: block
}

@media (min-width: 991px) {

    .header__menu--inner ul li,
    .header__menu--inner ul a {
        -webkit-transition: .09s all;
        transition: .09s all
    }

    .header__menu--inner ul li:focus,
    .header__menu--inner ul li:active,
	.header__menu--inner ul li:hover{
		
	}
    .header__menu--inner ul a:focus,
    .header__menu--inner ul a:active,
    .header__menu--inner ul a:hover {
        -webkit-transform: matrix(1, -0.07, 0, 1, 0, 0);
        transform: matrix(1, -0.07, 0, 1, 0, 0);
        color: var(--second-color) ;
		position: relative;
    	display: block;
    }

    .content-width {
        width: 64%;
        margin: 0 auto
    }

    .contact-form {
        width: 43%
    }

    .blog-single__content {
        width: 63%;
        margin: 0 auto
    }
}

.services {
    overflow: hidden;
}
@media (min-width: 769px) {
    .slide-logos__top,
    .slide-logos__bottom {
        margin: 60px 0
    }
    .slide-logos {
        padding: 10px 0 80px
    }
    .slide-logos__top ._item,
    .slide-logos__bottom ._item {
        width: 230px;
        height: 170px;
    }
    .works {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
    .slick-list {
        cursor: grab;
    }
    /* .case-gallery__item {
        padding: 150px 0;
    } */
    .gallery__wrap ._item {
        min-width: 470px;
    }
    .services {
        overscroll-behavior: none
    }

    .services__wrap {
        padding: 90px 0;
        /* width: 400%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overscroll-behavior: none */
    }

    .services__item {
        width: 100%;
        padding: 10px 68px;
        gap: 80px
    }
    /*.services__item:not(:last-child) {
        margin-bottom: 300px;
    }*/

    .services__item:not(:first-child) .titleAnim,
    .services__item:not(:first-child) .services__transform {
        /* opacity: 0 */
    }

    .services__content-inner ul,
    .services__content-inner p {
        font-size: 24px
    }

    /* .services__image,
    .services__content-inner {
        -webkit-transform: translate(0px, 30px);
        transform: translate(0px, 30px);
        -webkit-transition: 0.4s;
        transition: 0.4s
    } */

    .services__image-inner .titleAnim {
        left: -68px;
        top: -36px;
        font-size: 64px
    }

    .blog-home__title {
        margin-bottom: 80px
    }

    .blog-home__wrap {
        width: 88%;
        margin: 0 auto
    }

    .testimonials__text {
        width: 32%;
        margin: 0 auto
    }

    .video-block {
        padding: 40px 0 217px
    }


    .text-scroll__wrap {
        padding: 150px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-items: center;
        gap: 24px
    }
    .text-scroll__wrap.row-reverse {
        flex-direction: row-reverse;
    }
    .text-scroll__inner {
        width: 40%
    }




    .text-scroll__image,
    .text-scroll__simlpe-image {
        width: 50%
    }

    .text-scroll__simlpe-image {
        object-fit: contain;
    }



    .header__menu-images,
    .header__menu--inner {
        width: 50%
    }
    .team {
        padding: 69px 0 148px;
    }
    .team .slick-list {

    }
    .team__wrap {
        display: flex;
        justify-content: space-between;
        gap: 82px;
    }
    .team__left {
        width: 46%;
    }
    .team__right {
        width: 50%;
    }
    .team__slider {

    }
    .team__item {
        padding: 32px 50px;
    }
    .team__item-photo{
        width: 290px;
    }
    .team__item-position {
        font-size: 22px;
    }
    .team .slick-nav {
        left: unset;
        right: 0;
        top: 43%;
    }
}


.team__right {
    box-shadow: 16px 16px 54px 0px rgba(0, 0, 0, 0.05);
}
.team__image {
    margin: 36px 0;
}
.team__item {
    display: grid !important;
    justify-items: center;
}
.team__item-photo{
    border-radius: 50%;
}
.team__item-name{
	text-align: center;
    color: #DB367C;
    margin: 27px 0 5px;
}
.team__item-position {
	text-align: center;
}
.team__item-text {
    /*font-weight: 600;*/
	text-align: center;
    margin: 24px 0;
}
.team .social {
    gap: 0;
    margin: 0;
}
.team .social a:not(:last-child) {
    border-right: 2px solid #07183B;
    padding-right: 36px;
    margin-right: 36px;
}

@media (max-width: 1350px) {

    .container,
    .case-template .container {
        width: 90%
    }
    .auto-pd-left {
        padding-left: 5%;
    }
    .auto-pd-right {
        padding-right: 5%;
    }
    form .d-flex-sb {
        flex-direction: column;
        align-items: flex-end;
        gap: 16px;
    }
    .footer__slogan {
        font-size: 60px;
        min-width: 297px
    }

    .form-title {
        font-size: 28px
    }

    .footer__form-block {
        max-width: 252px;
        min-width: 252px
    }

    .footer__form-block input[type="submit"] {
        width: 100%
    }

    .parallax-block {
       /*  height: 350px */
    }

    .parallax-block__fish {
        height: unset
    }

    .img-text__wrap,
    .gif-text__wrap {
        padding: 0
    }

    .gif-text__wrap {
        gap: 40px
    }

    .video-block__media {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
    .video-block__content {
        margin-top: 40px;
    }
}
@media (min-width: 1500px) {

    .parallax-block__fish {
        width: 48vw;
    }
}

@media (max-width: 1500px) {

    .parallax-block__fish {
        width: 52.5vw;
    }
}
@media (max-width: 1300px) {

    .parallax-block__fish {
        height: unset;
		width: 47vw;
    }
}

@media (max-width: 1100px) {
	 .header__menu--inner ul {
		padding-left: 10px;
		padding-right: 10px;
    }
	.header__menu--inner {
		padding-left: 20px;
		padding-right: 20px;
	}
    .cta--simple {

        aspect-ratio: unset;
    }
    .hero, .hero__slide{
        max-height: 700px;
    }

    .hero .content--fixed {
        height: 92%;
    }
    .hero  canvas {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        transform: none !important;
    }

    .blog-item {
		display: block;
	}

	.blog-item__descr {
    	margin-top: 40px;
	}

    .footer__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 60px
    }

    .footer__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .footer__main .xs-text {
        text-align: center
    }

    .footer__slogan {
        min-width: unset
    }

    .footer__contacts {
        text-align: center
    }

    .footer .social,
    .footer__contact {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-block__subtitle {
        width: 100% !important
    }

    .case-hero {
        padding: 30px 0
    }

    .case-hero__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .case-hero__right {
        width: 100%;
        margin-bottom: 40px
    }

    .case-hero__title {
        padding: 0
    }

    .case-gallery__item {
        width: 80vw
    }
	.case-gallery__wrap .slick-track {
		display: flex;
		align-items: center;
	}	
    .hero .slick-dots {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .hero__slider-inner {
        max-width: 100%
    }
}
@media(min-width: 768px) and (max-width: 1200px) {
	.services__item {
		padding: 10px 20px;
		gap: 20px;
	}
	.services__image-inner,
	.services__content-inner {
		width: 50%;
	}


}
@media (max-width: 768px) {
    body {
        overflow-x: hidden
    }
    h2 {
        font-size: 42px !important
    }

    h3 {
        font-size: 36px !important
    }

    h4 {
        font-size: 28px !important
    }

	.services__content-title {
		line-height: 1
	}
	.services__content-inner h4 {
		margin-bottom: 6px;
	}
    .parallax-block h1 {
        font-size: 42px
    }
    .team__left .team__title {
        max-width: none;
        text-align: center;
    }


    .cta--simple {
        padding: 40px 0;
        min-height: 300px;
    }
    .gallery__wrap {
        padding: 50px 0;
    }

    .works__item {
        min-height: 300px;
    }
    .header__menu-images {
        display: none
    }

    .header__menu--inner {
        width: 100%;
        padding-top: 74px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .header__menu-image {
        display: none;
    }

    .header__menu--inner ul {
        font-size: 55px;

    }
	
    .header-block__title h2 {
        font-size: 40px !important
    }
    .header-block__title h1 {
        font-size: 40px
    }
    .btn,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        font-size: 16px
    }

    .parallax-block__text {
        width: 65%;
        margin-top: 20px;
    }
    .parallax-block__fish {
		width: 67vw;
        top: -13px;
    }

    .testimonials__title {
        padding: 16px 0;
    }

   /*  .blog-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    } */

    .blog-item__thumb {
        min-width: 100%;
        height: auto;
    }

    .blog-item__title {
        font-size: 18px !important
    }

    .blog-single__content {
        padding: 24px 0 60px
    }

    .footer__form-block {
        min-width: 100%
    }

    .img-text {
        padding: 80px 0 110px
    }

    .img-text--title-static {
        padding-top: 160px;
    }
    .img-text--title-static .header-block__title {
        margin: 24px 0 0;
    }

    .img-text__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 36px
    }

    .img-text__image,
    .img-text__gallery-container {
        width: 100% !important
    }

    .img-text__gallery-container img {
    	max-height: unset;
        width: 100%;
    }
    .img-text__descr {
        width: 100%
    }

    .gif-text {
        padding: 40px 0
    }

    .gif-text__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gif-text__descr {
        width: 100%
    }

    .gallery .header-block__title {
        text-align: center
    }

    .container, .case-template .container {
        width: 90%;
    }

    /* .case-gallery__item {
        width: 85%;
    } */
    .gallery__wrap, .case-gallery__wrap {
        margin-top: 0;
        overflow-x: auto;
    }
	
    .gallery__wrap::-webkit-scrollbar,
    .case-gallery__wrap::-webkit-scrollbar {
        width: 1px;
        height: 1px;
        background-color: transparent;
    }

    .gallery__item {    
		margin: 0 12px;
		max-width: 80vw;
    }

    .gallery {
        padding: 40px 0
    }

    .gallery .header-block__title {
        margin: 0 0 26px
    }

    .text-logo-block__logo {
        height: 100%;
        padding: 0 40px;
        width: 300px;
    }
    .text-logo-block__logo svg {
        width: 100%;
    }
    .case-cards__wrap {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 60px
    }
    .case-hero__title {
        font-size: 26px;
        margin-bottom: 18px;
    }
    .case-hero__subtitle {
        font-size: 18px;
    }
    h3.case-hero__title-list {
        font-size: 18px !important;
        margin-bottom: 6px;
    }
    .case-gallery {
        padding-bottom: 40px
    }


    .related-works .works {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .related-works .works__item {
        min-height: 200px
    }

    .related-works .works__title {
        font-size: 20px !important
    }

    .related-works .works__text {
        font-size: 14px
    }



    .services__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        gap: 40px
    }
	
	.services__item:nth-of-type(even) {
		flex-direction: column;
	}

    .services__item:not(:last-child) {
        margin-bottom: 100px
    }

    .services__wrap {
        padding: 60px 0
    }

    .services__image-inner {
        padding: 0 30px
    }

    .services__image-inner img {
        height: unset
    }

    .services__image-inner .titleAnim {
        left: 0;
        font-size: 46px !important;
        top: -24px
    }

    .services__content-inner ul,
    .services__content-inner p {
        font-size: 20px
    }

    .blog-home__title {
        margin-bottom: 40px
    }

    .video-block {
        padding: 40px 0 120px
    }

    .video-block .play-button svg {
        width: 40px;
        height: 40px;
    }
    .text-scroll .auto-pd-left,
    .text-scroll .auto-pd-right {
        padding: 0;
    }

    .text-scroll__wrap {
        padding: 100px 5%;
    }
    .text-scroll__image {
        width: 90%
    }
    .text-scroll__simlpe-image{
        margin-bottom: 60px;
    }
    .text-scroll__image svg {
        margin: 0 0 30px -5%;
    }

    .hero .slick-arrow {
        width: 40px;
    }

    .hero__slide {
        padding-bottom: 40px;
    }

    .hero__title {
        font-size: 58px !important;
    }

    .team {
        padding: 60px 0;
    }
    .team__image {
        width: 100%;
    }
    .team__left {
        margin-bottom: 40px;
    }

    .team__item {
        padding: 24px;
    }
    .team__item-photo{
        width: 200px;
    }
	
    .team__item-position {
        font-size: 20px;
    }
    .slide-logos__top,
    .slide-logos__bottom {
        margin: 30px 0
    }
    .slide-logos {
        padding: 10px 0 40px
    }
    .slide-logos__top ._item,
    .slide-logos__bottom ._item {
        width: 150px;
        height: 90px;
        padding: 16px;
    }
	
}

@media (max-width: 540px) {
    .case-gallery__item {
/*         width: 300px; */
        margin: 0 12px
    }

    .hero, .hero__slide {
        height: 75vh
    }

    .parallax-block__text {
        width: 100%;
    }
}

@media (max-width: 990px) {
    .slick-nav {
        width: 40px;
        height: 40px;
        left: 26px;
    }
    .slick-nav  svg {
        width: 12px;
        height: 12px;
    }
    .case-gallery .container,
    .gallery-container {
        width: 100%;
    }
    .case-gallery .slick-list {
        padding: 0 115% 0 5%
    }
    .blog-home {
        padding:80px 0 60px;
    }
}

@media (max-width: 500px) {
	.header-block__title {
		text-align: center;
	}
	.text-logo-block  .header-block__title,
	.img-text .header-block__title {
		text-align: left;
	}
	.team__wrap .slick-arrow {
		top: 34vw;
		width: 25px;
		height: 52px;
	}
}


.spu-content strong {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
}
.spu-content a {
    text-decoration: none;
    font-weight: 700;
    color: #007bff;
}
.spu-content a:hover {
	color: #0056b3;
}
.spu-content button.spu-close-popup.bda-popup {
    background: #c7467b;
    color: #fff;
    padding: 6px 20px 9px;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

.cky-consent-container * {
    color: #212121 !important;
}
@media(max-height:320px) {
	
}
html {
	block-size: -webkit-fill-available; 
}
body {
	width: 100%;
	min-block-size: 100vh;
	min-block-size: -webkit-fill-available; 
}
@media(max-height:431px) {
	.header__menu--inner {
		justify-content: flex-start;
	}
	section[data-section="1"].header-block {
		    min-height: 100vh;
	}
	.header {
		padding: 12px 0; 
	}
	.site-main, .hero {
		margin-top: 89px
	}
	
	.header-block__title {
    	margin: 0 0 16px
	}
	.hero__slide {
		min-height: calc(100vh - 89px);
	}
	.header-block__title h1 {
		font-size: 34px;
	}
	.header-block__subtitle {
		font-size: 16px;
	}
	div.section.parallax-block {
		padding-top: 90px;
	}
	.header-block__title h1 br {
		display: none;
	}
	.case-hero__icon-wrap {
		margin-bottom: 22px;
	}
	.case-hero__title {
		font-size: 40px; 
	}
	.case-hero__subtitle {
		font-size: 16px;
	}
	.case-hero__icon-wrap img {
		max-width: 80px;
	}
}


/* ViewBigimg */
.iv-close {
	width: 30px;
    height: 30px;
	background: var(--second-color);
    border-radius: 50%;	
}
.iv-close:after, .iv-close:before {
    width: 19px;
    left: 5px;
    top: 54%;
}
.iv_arrow {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    align-items: center;
    /*background: #DB367C;*/
    border-radius: 50%;
    z-index: 9999;
	display: none;
}
.show_iv_arrow .iv_arrow {
	display: flex;
}
.show_iv_arrow .iv_arrow path {
    fill: #DB367C;
}
.iv_arrow_prev {
	justify-content: flex-end;
	left: -22px;
}
.iv_arrow_next {
	right: -22px;
}
.iv_arrow_prev svg {
    margin-right: 8px;
}
.iv_arrow_next svg {
    margin-left: 8px;
}



.landing_hero {
	overflow: hidden;
	background-color: #07183B;
}
.landing_hero .container {
	position: relative;
}
.landing_hero .content_block {
	padding: 50px 0 44px;
	max-width: 921px;
	position: relative;
    z-index: 1;
}
.landing_hero ._subtitle {
	color: #E91A7B;
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 138px;
	line-height: 116px;
	text-transform: uppercase;	
}
.landing_hero ._title {
	color: #fff;
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 240px;
	line-height: 183px;
	text-transform: uppercase;
}
.landing_hero ._decor {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

@media (max-width: 1350px) {
	.landing_hero ._decor {
    	right: -150px;
	}
}

@media (max-width: 900px) {
	
	.landing_hero {
		position: relative;
	}
	.landing_hero .container {
    	position: static;
	}
	.landing_hero .content_block {
		padding-top: 50vw;
	}
	.landing_hero ._subtitle {
		font-size: 10vw;
		line-height: 67%;
	}
	.landing_hero ._title {
		font-size: 17vw;
		line-height: 100%;
	}
	.landing_hero ._decor {
		top: -10vw;
		bottom: 0;
		right: -17vw;
		object-fit: contain;
	}
}

.text_block {
	padding: 72px 0 65px;
}
.text_block p:not(:last-child) {
    margin-bottom: 40px;
}
.text_block.style_1 ._text {
	max-width: 1061px;
	margin: 0 auto;
}
.text_block.style_2 {
	padding: 64px 0;
	background-color: #E91A7B;
}
.text_block.style_2 ._text {
    color: #fff;
    font-weight: 800;
    font-size: 60px;
    line-height: 108%;
}

@media (max-width: 1000px) {
	
	.text_block.style_2 {
		padding: 46px 0;
	}
	.text_block.style_2 ._text {
		font-size: 34px;
	}
}

@media (max-width: 700px) {
	
	.text_block {
		padding: 40px 0;
	}
	.text_block.style_2 {
		padding: 36px 0;
	}
	.text_block.style_2 ._text {
		font-size: 32px;
	}
}


.text_image {
	padding: 90px 0;
    overflow: hidden;
}
.text_image ._grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
}
.text_image.reverse ._text_block {
	padding-right: 30px;
    grid-area: 1;
}
.text_image .text_block__content {
	max-width: 546px;
}
.text_image:not(.reverse) ._text_block {
    padding-left: 20px;
}
.text_image:not(.reverse) .text_block__content {
	margin-left: auto;
}
.text_image ._text {
	margin-top: 28px;
}
.text_image .img_block {
    line-height: 0;
	margin-left: -37px;
    padding-right: 37px;
}
.text_image.reverse .img_block {
	margin-right: -37px;
    padding-left: 37px;
}
.text_image.style_2 {
	padding: 0;
}
.text_image.style_2 ._grid {
    gap: 40px;
}
.text_image.style_2 ._text_block {
    padding-top: 60px;
    padding-bottom: 54px;
}
.text_image.style_2 .text_block__content {
    max-width: 522px;
    padding-left: 20px;
}
.text_image.style_2 .img_block {
	height: 100%;
    margin-right: -117px;
}
.text_image.style_2 .img_block img {
    width: 100%;
    height: 100%;
}

@media (min-width: 1441px) {
	.text_image.style_2 .img_block {
		margin-right: -20vw;
	}
}

@media (max-width: 950px) {
	.text_image ._grid {
    	display: block;
	}
	.text_image .img_block {
        padding: 0 !important;
		margin-left: 0 !important;
        margin-right: 0 !important;
    	margin-bottom: 60px;
	}
	.text_image ._text_block {
    	padding: 0 !important;
	}
	.text_image .text_block__content {
		max-width: none !important;
    	padding: 0 !important;
	}
	.text_image ._title {
		text-align: center;
	}
	.text_image.style_2 {
		padding: 0;
		padding-bottom: 90px;
	}
}

@media (max-width: 768px) {
	.text_image {
    	padding: 40px 0 !important;
	}
	.text_image ._text {
		margin-top: 10px;
    }
}



.quote_section ._grid {
	display: grid;
	grid-template-columns: 1.05fr 1fr;
}
.quote_section .container {
	width: 100%;
}
.quote_section ._text_block {
	padding: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EDEBEB;
	color: #07183B;
}
.quote_section .text_block__content {
    max-width: 483px;
}
.quote_section ._text {
	font-size: 60px;
	line-height: 100%;
	font-weight: 700;
}
.quote_section ._name {
	margin-top: 50px;
	font-size: 20px;
	line-height: 100%;
	font-weight: 700;
	text-transform: uppercase;
}
.quote_section .img_block {
    line-height: 0;
    height: 100%;
    position: relative;
}
.quote_section .img_block img {
    width: 100%;
    height: 100%;
}
.quote_section .img_block:after {
    content: '';
    position: absolute;
    top: 150px;
    right: -1px;
    border: 93px solid transparent;
    border-top: 93px solid #EDEBEB;
    border-right: 93px solid #EDEBEB;
}

@media (max-width: 1400px) {
	.quote_section .img_block:after {
		top: 10vw;
		border: 5vw solid transparent;
		border-top: 5vw solid #EDEBEB;
		border-right: 5vw solid #EDEBEB;
	}
}

@media (max-width: 950px) {
	.quote_section ._grid {
    	display: block;
	}
	.quote_section ._text_block {
    	display: block;
	}
	.quote_section .text_block__content {
		max-width: none;
	}
	.quote_section .img_block:after {
		top: auto;
        right: auto;
		left: 20px;
		bottom: -1px;
		border: 7vw solid transparent;
		border-bottom: 5vw solid #EDEBEB;
	}
}

@media (max-width: 800px) {
	
	.quote_section ._text {
    	font-size: 40px;
		line-height: 102%;
	}
}

@media (max-width: 600px) {
	.quote_section ._text_block {
    	padding: 36px 20px;
	}
	.quote_section ._text {
		font-size: 38px;
		font-weight: 700;
	}
	.quote_section ._name {
    	margin-top: 30px;
	}
}

.landing_cta {
	padding: 69px 0 97px;
}
.landing_cta .content_block {
	max-width: 725px;
	margin: 0 auto;
	text-align: center;
}
.landing_cta ._title {
	font-size: 35px;
	font-weight: 700;
	line-height: 110%;
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 24px;
}

@media (min-width: 801px) {
	
	.landing_cta .btn {
		font-weight: 800;
		font-size: 25px;
		width: 100%;
		padding: 20px;
		background-color: #EF177D;
	}
}

@media (max-width: 800px) {
	
	.landing_cta {
		padding: 50px 0;
	}
}