/* Start:/local/templates/emx/css/reset.css?17810129602905*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
sub,
sup {
  position: relative;
  font-size: 65%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
input, textarea, button{
	outline: none;
	border: none;
	-webkit-appearance: none;
}
input:active, textarea:active {
	outline: none;
}
.clearfix:before, .clearfix:after, .list:before, .list:after{
	content: "";
	display: table;
}
.clearfix:after, .list:after{
	clear: both;
}
.clearfix, .list{
	zoom: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}
/*****************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    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;
    top: 0;
    left: 0;

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

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}
/* End */


/* Start:/local/templates/emx/js/magnific/magnific-popup.css?17810129606951*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* End */


/* Start:/local/templates/emx/css/fonts.css?17810129601819*/
@font-face {
	font-family: 'e8square';
	src: url('../fonts/e8square-Light.eot');
	src: local('e8square Light'), local('e8square-Light'),
		url('../fonts/e8square-Light-2.eot') format('embedded-opentype'),
		url('../fonts/e8square-Light.woff') format('woff'),
		url('../fonts/e8square-Light.ttf') format('truetype'),
		url('../images/e8square-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'e8square';
	src: url('../fonts/e8square-Regular.eot') format('embedded-opentype'),  
	   url('../fonts/e8square-Regular.otf')  format('opentype'),
	   url('../fonts/e8square-Regular.woff') format('woff'), 
	   url('../fonts/e8square-Regular.ttf')  format('truetype'), 
	   url('../images/e8square-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'e8square';
	src: url('../fonts/e8square-Bold.eot');
	src: local('e8square Bold'), local('e8square-Bold'),
		url('../fonts/e8square-Bold-2.eot') format('embedded-opentype'),
		url('../fonts/e8square-Bold.woff') format('woff'),
		url('../fonts/e8square-Bold.ttf') format('truetype'),
		url('../images/e8square-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'e8square';
	src: url('../fonts/e8square-ExtraBold.eot');
	src: local('e8square Extra Bold'), local('e8square-ExtraBold'),
		url('../fonts/e8square-ExtraBold-2.eot') format('embedded-opentype'),
		url('../fonts/e8square-ExtraBold.woff') format('woff'),
		url('../fonts/e8square-ExtraBold.ttf') format('truetype'),
		url('../images/e8square-ExtraBold.svg') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
/* End */


/* Start:/local/templates/emx/css/styles.css?1781012960105484*/
* {
outline: none;
box-sizing: border-box;
}

*:focus {
outline: none;
}

::selection {
background: #4276ab;
color: #ffffff;
}

::-moz-selection{
background: #4276ab;
color: #ffffff;
}

input, textarea, button {
outline: none;
-webkit-appearance: none;
}

a:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}

body, html {
min-height: 100%;
min-width: 320px;
scroll-padding-top: 100px;
}

body {
padding: 0;
margin: 0;
color: #303030;
font-size: 15px;
line-height: 1.46;
font-family: -system-ui, -apple-system, BlinkMacSystemFont, "SF UI Text", "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif, Arial, sans-serif;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialised;
}

img {
border-style: none;
}

a {
text-decoration: none;
color: inherit;
transition: color 0.3s;
}

a:hover {
color: #4276ab;
}

.pink_link {
color: #ff2963;
}

.pink_link:hover {
color: #ff6e95;
}

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

p {
margin: 0 0 1.46em;
}

.nowrap {
white-space: nowrap;
}

.clear {
clear: both;
font-size: 0;
line-height: 0;
height: 0;
}

.center {
text-align: center;
}

.text_input {
display: block;
box-sizing: border-box;
width: 100%;
background: #fefdfd;
padding: 25px 20px;
font-size: 14px;
line-height: 20px;
font-family: -system-ui, -apple-system, BlinkMacSystemFont, "SF UI Text", "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif, Arial, sans-serif;
font-weight: 400;
color: #303030;
margin: 0;
border: 1px solid #b2b2b2;
border-radius: 0;
}
#whitepaper-form .text_input{
	background: #ffffff;
}

textarea.text_input {
height: 125px;
resize: none;
padding-top: 18px;
padding-bottom: 18px;
}

.blackb_input {
border-color: #b2b2b2;
}

.text_input[disabled] {
background: #e8e8e8;
color: #cdcdcd;
}

.text_input::-webkit-input-placeholder {
color: #8d8d8d;
}
.text_input:-moz-placeholder,
.text_input::-moz-placeholder {
color: #8d8d8d;
opacity: 1;
}
.text_input:-ms-input-placeholder {
color: #8d8d8d;
}

.btn {
display: inline-block;
vertical-align: top;
text-decoration: none;
border: 0 none;
line-height: 20px;
padding: 10px 18px;
font-size: 14px;
font-family: -system-ui, -apple-system, BlinkMacSystemFont, "SF UI Text", "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif, Arial, sans-serif;
background: #ff2963;
color: #fff;
white-space: nowrap;
margin: 0;
cursor: pointer;
text-align: center;
transition: background-color 0.3s;
}

.btn:hover {
background: #ff6e95;
color: #fff;
}

.pink_border_btn {
background: #fff;
padding: 9px 17px;
border: 1px solid #ff2963;
color: #ff2963;
transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.pink_border_btn:hover {
color: #fff;
border-color: #ff2963;
background: #ff2963;
}

.big_btn {
font-size: 21px;
line-height: 26px;
padding: 28px 30px;
transition: box-shadow 0.3s;
}

.big_btn:hover {
background: #ff2963;
box-shadow: 0 10px 15px rgba(104,0,34,0.25);
}

.big_btn.pink_border_btn {
box-shadow: 0 0 0 #fff;
transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.main_frame {
max-width: 100%;
width: 100%;
overflow: hidden;
position: relative;
}

.main_width {
margin: 0 auto;
max-width: 1160px;
padding: 0 15px;
}

.header {
padding: 15px 0 0;
background: #fff;

min-width: 320px;
}

.header.fixed {
position: fixed;
box-shadow: 0 0 10px rgba(0,0,0,0.15);

z-index: 1000;
top: 0;
left: 0;
right: 0;
}

.header_sep {
height: 73px;
}

.header > .main_width {
position: relative;
padding-bottom: 11px;
}

.header .logo {
display: block;
width: 84px;
height: 37px;
background: url('../images/sprite.png') no-repeat 0 0 transparent;
float: left;
}

#showmenu {
display: none;
position: absolute;
top: 8px;
right: 15px;
width: 35px;
height: 23px;
}

#showmenu span {
display: block;
position: absolute;
top: 10px;
left: 0;
right: 0;
height: 3px;
background: #4276ab;
transition: background 0.3s;
}

#showmenu span:before,
#showmenu span:after {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #4276ab;
}

#showmenu span:before {
top: -10px;
transition: top 0.3s linear 0.3s, transform 0.3s linear 0s;
}

#showmenu span:after {
bottom: -10px;
transition: bottom 0.3s linear 0.3s, transform 0.3s linear 0s;
}

#showmenu.close-icon span {
background: none;
}

#showmenu.close-icon span:before {
top: 0;
transform: rotate(45deg);
transition: top 0.3s linear 0s, transform linear 0.3s 0.3s;
}

#showmenu.close-icon span:after {
bottom: 0;
transform: rotate(-45deg);
transition: bottom 0.3s linear 0s, transform 0.3s linear 0.3s;
}

.header_menu {
float: left;
overflow: hidden;
margin-left: 80px;
padding-top: 8px;
font-size: 14px;
color: #303030;
}

.header_menu > li {
/*position: relative;*/
float: left;
margin-right: 35px;
}

.header_menu > li:first-child {
margin-left: 0;
}

.header_menu > li > a {
display: inline-block;
text-decoration: none;
border-bottom: 2px dotted transparent;
transition: border-color 0.3s, color 0.3s;
}

.header_menu > li > a:hover {
color: #4276ab;
border-bottom-color: transparent;
}
.header_menu > li > a.root-parent{
	padding-right: 16px;
	position:relative;
}
.header_menu > li > a.root-parent:after{
	content: "";
	position:absolute;
	width: 10px;
	height: 5px;
	display: block;
	background: url('../images/arr_menu.svg') no-repeat center;
	right: 0px;
	top: 50%;
	margin-top: -1px;
}
/*
.header_menu > li > a.root-parent:hover {
	border-bottom-color: rgba(48,48,48,0.2);
}

.header_menu > li > a.has_submenu {
border-bottom-color: rgba(48,48,48,0);
}

.header_menu > li > a.has_submenu:hover {
color: #303030;
border-bottom-color: rgba(48,48,48,0.2);
}*/

.header_menu > li > a.active,
.header_menu > li > a.has_submenu.active {
border-bottom-color: transparent;
color: #4276ab;
}

.header_menu > li a.root-item-selected, 
.header_menu > li li.item-selected a{
border-bottom-color: transparent;
color: #4276ab;	
}

.header_menu .submenu {
display: none;
position: absolute;
top: 100%;
width: 10000px;
left: 50%;
margin-left: -5000px;
background: #fff;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}

.header_menu .submenu .main_width {
position: relative;
}

.header_menu .submenu ul {
margin-left: 125px;
font-size: 0;
padding: 15px 0;
/*max-width: 800px;*/
}

.header_menu .submenu li {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 18px;
color: #303030;
margin: 0 0 6px 35px;
}

.header_info {
float: right;
}

.header_contacts {
display: inline-block;
vertical-align: middle;
color: #000;
font-size: 14px;
line-height: 18px;
}
.header_contacts .nowrap a{
	color:#303030;
}
.header_contacts .nowrap a:hover{
	color:#4276ab;
}

.header_info .btn {
vertical-align: middle;
margin-left: 30px;
}

.mainpage_creative {
margin: 10px 0 60px;
}

.mainpage_creative .main_width {
background: url('../images/main-creative.jpg') no-repeat top right transparent;
min-height: 590px;
}

.mainpage_creative_inner {
padding-top: 80px;
}

.mainpage_creative_text {
max-width: 700px;
font-weight: 800;
font-size: 70px;
color: #4276aa;
line-height: 1;
margin: 0 0 70px;
font-family: 'e8square', Arial, sans-serif;
}

.mainpage_creative_text .red {
color: #ff2963;
}

.mainpage_creative .btn,
.page_creative .btn {
display: block;
max-width: 310px;
}

.about_block {
margin: 0 0 25px;
}

.h2 {
font-weight: 800;
font-size: 36px;
color: #303030;
line-height: 1.2;
margin: 0 0 15px;
font-family: 'e8square', Arial, sans-serif;
}

.about_block .h2 {
margin-bottom: 55px;
}
.about_block + .cases_block .line_title{
	padding-left: 0px;
}
.about_block + .cases_block .line_title:before{
	display: none;
}
.about_block + .cases_block{
	padding-top: 50px;
}

.about_services {
font-size: 0;
}

.about_service {
display: inline-block;
vertical-align: top;
width: 33.3333%;
padding: 0 5px 0 65px;
font-size: 16px;
line-height: 1.7;
color: #000;
margin: 0 0 40px;
position: relative;
font-family: var(--font-family);
	font-weight: 300;
}

.about_service b {
display: block;
font-size: 21px;
line-height: 1.14;
margin-bottom: 10px;
font-family: var(--font-family);
}

.about_service:before {
content: "";
display: block;
width: 50px;
height: 50px;
background: url('../images/sprite.png') no-repeat -90px 0 transparent;
position: absolute;
top: -2px;
left: 2px;
}

.service_icon02:before {
background-position: -140px 0;
}

.service_icon03:before {
background-position: -190px 0;
}

.service_icon04:before {
width: 57px;
background-position: -240px 0;
left: 0;
}

.service_icon05:before {
background-position: -297px 0;
}
.about_service.service_icon06:before {
background-position: -384px -188px;
}
.services_block {
position: relative;
margin: 0 0 60px;
padding: 50px 0 0;
}

.job__clients-text {
  font-size: 20px;
  /* font-family: var(--font-family); */
  line-height: 1.6;
  max-width: 570px;
  margin-bottom: 30px !important;
}
/*.services_block:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 165px;
background: #fafafa;
z-index: -1;
}*/

.services_block .main_width {
position: relative;
}

.text_block {
font-size: 14px;
line-height: 22px;
max-width:  430px;
margin: 0 0 40px;
}

.services_block .text_block {
height: 90px;
}

.services_block .service_text {
display: none;
}

.services_list {
margin: 0 -3px;
}

.services_list .col {
float: left;
width: 50%;
padding: 0 3px 95px;
}

.service_item {
max-width: 542px;
background: #fff;
padding: 54px 37px 60px 60px;
height: 603px;
position: relative;
font-size: 21px;
line-height: 24px;
cursor: default;
z-index: 8;
transition: z-index 0.5s
}

.service_item:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
box-shadow: 0 7px 12px rgba(104,0,34,0.2);
transition: top 0.5s, left 0.5s, right 0.5s, bottom 0.5s, box-shadow 0.5s;
}

.service_item b {
display: block;
color: #000;
font-family: 'e8square', Arial, sans-serif;
font-weight: 700;
transition: color 0.5s, top 0.5s;
position: relative;
top: 0;
}

.service_item_img {
margin: 0 0 10px;
height: 115px;
position: relative;
}

.service_item_img:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.service_item_img object {
height: 100px;
transition: height 0.5s;
}

.service_item_btns {
position: absolute;
left: -15px;
right: -15px;
top: 100%;
padding-top: 30px;
opacity: 0;
transition: opacity 0.25s;
}

.service_item_btns:before {
content: "";
display: block;
position: absolute;
top: 30px;
left: 0;
right: 0;
bottom: 0;
background: #fff;
box-shadow: 0 5px 30px rgba(104,0,34,0.2);
}

.service_item_btns .item_btn {
display: block;
width: 50%;
float: left;
line-height: 52px;
font-size: 14px;
text-align: center;
color: #fff;
background: #ff2963;
text-decoration: none;
position: relative;
transition: opacity 0.3s;
}

.service_item_btns .item_btn:hover {
opacity: 0.8;
}

.service_item_btns .item_btn + .item_btn {
background: #fff;
color: #ff2963;
}

.touch .service_item.active,
.no-touch .service_item:hover {
z-index: 10;
}

.touch .service_item.active:before,
.no-touch .service_item:hover:before {
top: -22px;
right: -15px;
left: -15px;
bottom: -22px;
box-shadow: 0 20px 60px rgba(104,0,34,0.2);
}

.touch .service_item.active .service_item_img object,
.no-touch .service_item:hover .service_item_img object {
height: 115px;
}

.touch .service_item.active .service_item_btns,
.no-touch .service_item:hover .service_item_btns {
opacity: 1;
}

.touch .service_item.active b,
.no-touch .service_item:hover b {
color: #ff2963;
top: 8px;
}

.cases_block {
margin: 0 0 60px;
}

.cases_block.gray_bg {
background: #f8f8f8;
padding: 80px 0 60px;
}

.line_title {
margin: 0 0 48px;
padding-left: 170px;
position: relative;
}

.line_title:before {
content: "";
display: block;
width: 145px;
height: 1px;
background: #e7e7e7;
position: absolute;
top: 20px;
left: 0;
}

.line_title .h2 {
margin: 0 20px 0 0;
display: inline-block;
vertical-align: middle;
}

.line_title .all_link {
display: inline-block;
vertical-align: middle;
font-size: 21px;
line-height: 22px;
padding-left: 20px;
border-left: 1px solid #ffbed0;
}

.cases_slider_hld {
position: relative;
height: 400px;
padding: 0 0 45px;
margin: 0 auto;
max-width: 1740px;
}

.cases_slider {
position: absolute;
top: 0;
left: 50%;
width: 1740px;
margin-left: -870px;
}

#cases_slider .slick-list {

}

.case_slide {
background: #fff;
box-shadow: 0 4px 10px rgba(104,0,34,0.2);
max-width: 550px;
margin: 0 auto 60px;
overflow: hidden;
position: relative;
transition: box-shadow 0.3s;
}

.slick-current .case_slide {
box-shadow: 0 10px 15px rgba(104,0,34,0.2);
}

.case_slide_img {
float: left;
width: 275px;
}

.case_slide_img img {
display: block;
max-width: 100%;
}

.case_slide_info {
margin-left: 275px;
padding: 20px;
}

.case_slide_text {
font-size: 20px;
line-height: 23px;
color: #000;
font-family: 'e8square', Arial, sans-serif;
height: 213px;
overflow: hidden;
}

.case_slide_text a {
text-decoration: none;
transition: color 0.3s;
}

.case_slide:hover .case_slide_text a {
/*color: #4276ab;*/
color: #ff2963;
}

.case_slide_text .case_subtext {
font-size: 15px;
line-height: 24px;
margin-top: 12px;
}

.case_slide_link {
text-align: right;
font-size: 14px;
padding-right: 5px;
}

.cases_nav_side {
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 33.33333%;
z-index: 50;
/*background: rgba(255,0,0,0.3);*/
}

.cases_nav_side.disabled {
display: none;
}

.cases_nav_side.prev {
left: 0;
}

.cases_nav_side.next {
right: 0;
}

.slider_nav_hld {
text-align: center;
z-index: 50;
}

.cases_slider_nav_hld {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.slider_nav {
display: inline-block;
vertical-align: top;
padding: 0 75px;
font-size: 0;
position: relative;
max-width: 100%;
}

.slider_nav .slick-dots {
white-space: nowrap;
overflow: hidden;
}

.slick-dots li {
display: inline-block;
vertical-align: top;
margin: 0 4px;
}

.slick-dots button {
font-size: 0;
width: 15px;
height: 15px;
background: #fe2963;
border: 5px solid transparent;
background-clip: padding-box;
margin: 0;
padding: 0;
}

.slick-dots .slick-active button {
/*border: 1px solid #fe2963;
background-color: transparent;*/
border: 1px solid transparent;
background-color: #fe2963;
}

.black_nav .slick-dots button {
background-color: #000;
}

.black_nav .slick-dots .slick-active button {
/*border-color: #000;
background: #fff;*/
border-color: transparent;
background-color: #000;
}

.white_nav .slick-dots button {
background-color: #fff;
}

.white_nav .slick-dots .slick-active button {
border-color: #fff;
background: transparent;
}

.slick-arrow {
display: block;
width: 31px;
height: 30px;
background: url('../images/sprite.png') no-repeat -30px -50px transparent;
position: absolute;
top: 50%;
margin: -15px 0 0;
padding: 0;
border: 0 none;
cursor: pointer;
z-index: 100;
}

.slick-arrow.slick-disabled {
opacity: 0.2;
cursor: default;
}

.slick-prev {
left: -50px;
}

.slick-next {
right: -50px;
background-position: -64px -50px;
}

.black_nav .slick-prev {
background-position: -99px -50px;
}

.black_nav .slick-next {
background-position: -133px -50px;
}

.white_nav .slick-prev {
background-position: -349px -50px;
}

.white_nav .slick-next {
background-position: -166px -50px;
}

.clients_block {
background: #fafafa;
padding: 50px 0 60px;
}

.clients_block+ .about_block{
	padding-top: 40px;
}

.clients_title {
margin: 0 0 30px;
font-size: 36px;
line-height: 1;
color: #303030;
font-family: 'e8square', Arial, sans-serif;
font-weight: 900;
}

.clients_title > * {
display: inline-block;
vertical-align: top;
}

.clients_title .num {
font-size: 80px;
margin: 3px 12px 0 0;
}

.clients_slider {
margin-right: -100px;
}

.client_item {
position: relative;
}

.client_item.bottom {
margin-top: 30px;
}

.client_slide_img {
height: 180px;
position: relative;
}

.client_slide_img img {
display: block;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
}

.client_slide_text {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
height: 0;
padding: 25px;
color: #fff;
font-size: 14px;
font-weight: 300;
background: #4276ab;
overflow: hidden;
transition: height 0.5s, opacity 0.5s;
}

.client_item.bottom .client_slide_text {
top: auto;
bottom: 0;
}

.client_item:hover {
z-index: 10;
}

.client_item:hover .client_slide_text {
height: 390px;
opacity: 1;
}

.clients_slider_nav_hld {
margin-top: 50px;
}

.action_block {
margin: 0 0 70px;
padding: 50px 0 0;
}

.action_block.gray_bg {
/* background: #f8f8f8; */
padding: 50px 0 70px;
margin: 0;
}

.action_block.gray_bg + .footer {
margin-top: 0;
}

.action_block .h2 {
max-width: 580px;
margin: 0 auto 30px;
}

.action_block .page_form {
max-width: 555px;
margin: 0 auto;
}

.input_hld {
margin: 0 0 15px;
}

.btn_hld .btn {
display: block;
width: 100%;
}

.checkbox,
.deco_checkbox {
display: inline-block;
position: relative;
padding-left: 46px;
font-size: 12px;
line-height: 1.3;
margin: 15px 0;
cursor: pointer;
}

.deco_checkbox {
padding-left: 0;
cursor: default;
}

.btn_hld + .checkbox {
margin-top: 40px;
}

.checkbox input {
display: none;
}

.checkbox span:before {
content: "";
display: block;
width: 28px;
height: 28px;
border: 1px solid #000;
background: #fff;
position: absolute;
top: 5px;
left: 0;
}

.checkbox input:checked + span:before {
background: url('../images/sprite.png') no-repeat 0 -50px #fff;
}

.mibble_checkbox span:before {
top: 50%;
margin-top: -14px;
}

.footer {
margin: 50px 0 0;
background: #fcfcfc;
}

.footer_top {
padding: 75px 0 0;
font-size: 14px;
}

.footer_top .main_width {
position: relative;
}

.footer_menu {
float: left;
width: 61.674%;
}

.footer_menu .col {
float: left;
width: 58%;
}

.footer_menu .col:first-child {
width: 37.71%;
margin-right: 2.203%;
}

.footer_top b {
display: block;
margin: 0 0 12px;
font-size: 22px;
color: #303030;
font-family: 'e8square', Arial, sans-serif;
font-weight: 700;
}

.footer_menu ul {
margin: 0 0 22px;
}

.footer_menu li,
.footer_contacts p {
margin: 0 0 8px;
}

.footer .helper_links {
margin-top: 38px;
}

.footer_contacts {
float: right;
width: 36.123%;
}

.footer_contacts p {
padding-left: 26px;
position: relative;
}

.footer_contacts p.icon:before {
content: "";
display: block;
width: 25px;
height: 25px;
background: url('../images/sprite.png') no-repeat -203px -50px transparent;
position: absolute;
top: 50%;
left: -3px;
margin-top: -12px;
}

.footer_contacts p.mail:before {
background-position: -228px -50px;
}

.footer_contacts p.addr:before {
background-position: -253px -50px;
}

.footer_contacts a {
text-decoration: none;
}

.fsubform {
max-width: 410px;
background: #f9f9f9;
color: #000000;
padding: 20px 30px 40px;
margin: 30px 0 -30px;
}

.fsubform .input_hld {
margin: 17px 0 0;
padding-right: 64px;
position: relative;
}

.fsubform .text_input {
border-color: #c5c5c5;
padding: 21px 20px;
}

.fsubform.active .text_input {
border-color: #ff2963;
}

.fsubform  .btn {
position: absolute;
top: 0;
right: 0;
width: 64px;
height: 64px;
padding: 0;
text-align: center;
background: #c5c5c5;
}

.fsubform.active  .btn {
background: #ff2963;
}

.fsubform.active  .btn:hover {
background: #ff6e95;
}

.fsubform  .btn:before {
content: "";
display: block;
width: 31px;
height: 30px;
background: url('../images/sprite.png') no-repeat -166px -50px;
margin: 16px auto;
}

.footer_links {
border-top: 1px solid #e4e4e4;
padding: 25px 0 0;
}

.footer .socials_line {
white-space: nowrap;
margin-left: -20px;
}

.footer .socials_line a {
display: inline-block;
vertical-align: top;
width: 60px;
height: 60px;
margin-left: 10px;
position: relative;
}

.footer .socials_line a:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 60px;
height: 60px;
transform: scale(0);
transform-origin: 50% 50%;
transition: transform 0.3s;
border-radius: 50%;
background: #3b5998;
}

.footer .socials_line a:hover:before {
transform: scale(1);
}

.footer .socials_line .tw:before {
background: #41abe1;
}

.footer .socials_line .in:before {
background: linear-gradient(135deg, rgb(90, 80, 201) 0%, rgb(219, 46, 120) 100%);
}

.footer .socials_line .yt:before {
background: #cc181e;
}

.footer .socials_line .pt:before {
background: #bd081c;
}

.footer .socials_line .vk:before {
background: #6383a8;
}

.footer .socials_line a:after {
content: "";
display: block;
position: relative;
width: 48px;
height: 48px;
margin: 6px;
background: url('../images/sprite-2.png') no-repeat 0 -80px transparent;
}

.footer .socials_line a:hover:after {
background-position: 0 -128px;
}

.footer .socials_line .tw:after {
background-position: -96px -80px;
}

.footer .socials_line .tw:hover:after {
background-position: -96px -128px;
}

.footer .socials_line .in:after {
background-position: -192px -80px;
}

.footer .socials_line .in:hover:after {
background-position: -192px -128px;
}

.footer .socials_line .yt:after {
background-position: -48px -80px;
}

.footer .socials_line .yt:hover:after {
background-position: -48px -128px;
}

.footer .socials_line .pt:after {
background-position: -144px -80px;
}

.footer .socials_line .pt:hover:after {
background-position: -144px -128px;
}

.footer .socials_line .vk:after {
background-position: -320px -243px;
}

.footer .socials_line .vk:hover:after {
background-position: -368px -243px;
}

.footer .socials_line--modern {
    margin-left: -15px;
}

.socials_link--modern:after {
    display: none !important;
}

.socials_link--modern svg {
    display: block;
    position: relative;
}

.socials_link--modern svg path {
    transition: fill 0.3s;
}

.socials_link--modern:hover svg path {
    fill: #fff;
}

.footer .socials_link--modern.vk:before {
    background: #0077FF;
}

.footer .socials_link--modern.tg:before {
    background: #0088CC;
}

.footer .socials_link--modern.vc:before {
    background: #020202;
}

.footer .socials_link--modern.in:before {
    background: #BC2A8D;
}

.footer .socials_link--modern.fb:before {
    background: #4267B2;
}

.footer_bottom {
margin: 45px 0 0;
background: #f2f2f2;
padding: 17px 0;
min-height: 80px;
color: #919191;
font-size: 14px;
}

.footer_bottom .main_width {
position: relative;
}

.footer .copyright {
float: left;
width: 25%;
padding-right: 20px;
}

.footer .copyinfo {
float: left;
width: 75%;
max-width: 760px;
}

.popup {
background: #fff;
max-width: 750px;
padding: 50px 0 45px;
position: relative;
margin: 0 auto;
min-width: 320px;
}

.popup_inner {
padding: 0 30px;
max-width: 660px;
margin: 0 auto;
}

.popup_header {
margin: 0 0 30px;
}

.popup_title {
color: #000;
font-size: 36px;
line-height: 1.2;
font-family: 'e8square', Arial, sans-serif;
font-weight: 700;
}

.popup_title img {
display: inline-block;
margin-left: 15px;
}

.popup_text {
font-size: 14px;
}

.popup .mfp-close,
.info_popup .close,
.works_inner .close {
display: block;
width: 55px;
height: 55px;
background: #ff2963;
position: absolute;
top: 0;
right: 0;
transition: box-shadow 0.3s;
margin: 0;
padding: 0;
border: 0 none;
font-size: 0;
opacity: 1;
}

.popup .mfp-close:hover,
.info_popup .close:hover,
.works_inner .close:hover {
box-shadow: 0 10px 15px rgba(104,0,34,0.2);
}

.popup .mfp-close:after,
.info_popup .close:after,
.works_inner .close:after {
content: "";
display: block;
width: 26px;
height: 26px;
background: url('../images/sprite.png') no-repeat -15px -190px transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -13px 0 0 -13px;
}

.hidden_popup {
display: none;
}

.page_creative {
margin: 80px 0 0;
position: relative;
}

.lead_creative {
min-height: 572px;
}

.lead_creative img {
display: none;
position: absolute;
top: 85px;
left: 50%;
margin-left: 10px;
width: 430px;
}

.lead_creative:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 50%;
margin-right: -590px;
width: 611px;
height: 572px;
background: url('../images/lead-creative.jpg') no-repeat 0 0 transparent;
}

.page_creative_inner {
position: relative;
}

.lead_creative .page_creative_inner {
max-width: 510px;
padding-top: 120px;
}

.page_creative_title {
font-weight: 800;
font-size: 70px;
color: #303030;
line-height: 1;
margin: 0 0 20px;
font-family: 'e8square', Arial, sans-serif;
}

.page_creative_text {
font-size: 21px;
line-height: 1.43;
font-weight: 300;
font-family: 'e8square', Arial, sans-serif;
}

.subscribe_creative {
text-align: center;
}

.subscribe_creative .page_creative_title {
font-size: 55px;
}

.subscribe_creative .page_creative_btn {
margin: 40px 0 60px;
}

.subscribe_creative .page_creative_btn .btn {
margin: 0 auto;
}

.subscribe_creative .page_creative_btn .button-re {
    max-width: 770px;
    margin: 0 auto;
}

.subscribe_creative .page_creative_text {
font-size: 26px;
}

.lead_circle {
height: 825px;
background: url('../images/lead-round.png') no-repeat top center transparent;
margin: -10px 0 120px;
position: relative;
}

.lead_circle .main_width {
position: relative;
}

.lead_steps {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.lead_steps li {
color: #303030;
font-size: 21px;
line-height: 24px;
font-weight: 700;
font-family: 'e8square', Arial, sans-serif;
width: 225px;
position: absolute;
}

.lead_steps .lead_step1 {
top: 25px;
left: 50%;
margin-left: -170px;
}

.lead_steps .lead_step2 {
top: 130px;
left: 50%;
margin-left: 290px;
}

.lead_steps .lead_step3 {
top: 445px;
left: 50%;
margin-left: 390px;
width: 200px;
}

.lead_steps .lead_step4 {
top: 720px;
left: 50%;
margin-left: 200px;
}

.lead_steps .lead_step5 {
top: 640px;
left: 50%;
margin-left: -400px;
}

.lead_steps .lead_step6 {
top: 390px;
left: 50%;
margin-left: -520px;
}

.lead_final {
width: 540px;
height: 540px;
border-radius: 50%;
background: #fff;
box-shadow: 0 35px 85px rgba(104,0,34,0.25);
position: relative;
margin: 0 auto;
top: 145px;
}

.lead_final_inner {
padding: 80px 0 0;
max-width: 400px;
margin: 0 auto;
}

.lead_final_title {
text-align: center;
color: #303030;
font-size: 36px;
line-height: 1.2;
font-weight: 800;
font-family: 'e8square', Arial, sans-serif;
margin: 0 0 25px;
}

.lead_final ul {
counter-reset: list;
font-size: 0;
margin: 0 -60px 0 0;
}

.lead_final li {
counter-increment: list;
display: inline-block;
vertical-align: top;
margin: 0 0 22px;
padding-right: 30px;
width: 50%;
color: #303030;
font-size: 21px;
line-height: 24px;
font-weight: 300;
font-family: 'e8square', Arial, sans-serif;
}

.lead_final li:before {
content: counter(list) '. ';
color: #ff2963;
}

.lead_final .big_btn {
width: 290px;
display: block;
margin: 10px auto 0;
max-width: 100%;
}

.email_creative {
min-height: 470px;
margin-bottom: 160px;
}

.email_creative img {
display: none;
position: absolute;
top: 122px;
left: 50%;
margin-left: 77px;
width: 390px;
}

.email_creative:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 50%;
margin-right: -550px;
width: 602px;
height: 466px;
background: url('../images/email-creative.jpg') no-repeat 0 0 transparent;
}

.email_creative .page_creative_inner {
max-width: 670px;
padding-top: 35px;
}

.email_creative .page_creative_text {
max-width: 570px;
}

.page_creative .btn {
margin-top: 45px;
}

.email_steps {
margin: 0 0 70px;
}

.email_steps .main_width {
border-bottom: 1px solid #e7e7e7;
}

.email_steps_list {
display: table;
width: 100%;
position: relative;
margin-bottom: 40px;
}

.email_steps_list:before {
content: "";
display: block;
height: 0;
border-top: 2px dotted #acacac;
position: absolute;
top: 26px;
left: 0;
right: 0;
}

.email_step {
display: table-cell;
font-size: 21px;
line-height: 24px;
color: #303030;
font-weight: 700;
font-family: 'e8square', Arial, sans-serif;
position: relative;
}

.email_step:after {
content: "";
display: block;
width: 100px;
height: 50px;
background: #fff;
position: absolute;
top: 0;
left: -25px;
}

.email_step.step2:after {
width: 92px;
}

.email_step.step5:after {
width: 220px;
}

.email_step i {
display: block;
width: 50px;
height: 49px;
background: url('../images/sprite.png') no-repeat -57px -176px transparent;
margin: 0 0 5px;
position: relative;
z-index: 10;
}

.email_step.step2 i {
width: 55px;
background-position: -109px -176px;
}

.email_step.step3 i {
width: 44px;
background-position: -166px -176px;
}

.email_step.step4 i {
width: 43px;
background-position: -214px -176px;
}

.email_step.step5 i {
width: 50px;
background-position: -260px -176px;
}

.email_step.step5 {
color: #ff2963;
}

.email_step span {
display: block;
max-width: 170px;
}

.email_result {
margin-bottom: 40px;
}

.email_result ul {
font-size: 0;
margin-left: -20px;
margin-top: 45px;
counter-reset: list;
}

.email_result li {
position: relative;
display: inline-block;
vertical-align: top;
width: 33.33333%;
padding: 0 0 50px 90px;
counter-increment: list;
font-size: 21px;
line-height: 24px;
color: #303030;
font-weight: 700;
font-family: 'e8square', Arial, sans-serif;
}

.email_result li:before {
content: counter(list) ".";
font-size: 70px;
line-height: 1;
color: #4276ab;
font-weight: 800;
position: absolute;
top: -10px;
left: 24px;
}

.email_result li span {
display: block;
max-width: 255px;
}

.clients_title.line_title:before {
vertical-align: top;
margin-top: 40px;
}

.support_slider_hld {
position: relative;
height: 400px;
padding: 0 0 45px;
margin: 0 auto;
max-width: 2030px;
}

.support_slider {
position: absolute;
top: 0;
left: 50%;
width: 2030px;
margin-left: -1015px;
}

.support_slider_nav_hld {
bottom: 0;
left: 0;
position: absolute;
right: 0;
}

.client_sup {
background: #fff;
box-shadow: 0 4px 10px rgba(104,0,34,0.2);
max-width: 595px;
margin: 0 auto 60px;
overflow: hidden;
padding: 26px 30px;
height: 300px;
font-size: 14px;
line-height: 24px;
position: relative;
}

.slick-current .client_sup,
.slick-current .jobs_sup {
box-shadow: 0 10px 15px rgba(104,0,34,0.2);
}

.client_sup_logo {
height: 60px;
margin: 0 0 22px;
}

.client_sup_logo img {
display: block;
max-width: 100%;
max-height: 100%;
}

.client_sup_text {
height: 120px;
margin: 0 0 10px;
overflow: hidden;
}

.client_sup_link {
text-align: right;
color: #ff3169;
}

.client_sup_btn {
text-align: center;
margin: 55px 0 0;
}

.client_sup_btn .btn {
width: 100%;
max-width: 355px;
font-size: 20px;
line-height: 25px;
padding: 25px 10px;
}

.slick_helper {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
}

.slick-current .slick_helper {
/*display: none;*/
}

.text_only {
margin-bottom: 60px;
}

.filters {
margin: 0 0 65px -60px;
max-width: 800px;
font-size: 0;
}

.filter-control {
display: inline-block;
vertical-align: top;
margin: 0 0 20px 60px;
font-size: 21px;
line-height: 28px;
color: #303030;
font-weight: 800;
font-family: var(--font-family);
border-bottom: 2px dotted #acacac;
transition: border-color 0.3s, color 0.3s;
}

.narrow_filters {
margin-left: -25px;
}

.narrow_filters .filter-control {
margin-left: 25px;
}

.filter-control:hover {
border-color: transparent;
color: #303030;
}

.filter-control.active {
border-color: transparent;
color: #ff2963;
}

.items_page {
margin: 0 0 60px;
}

.cases_list {
margin: 0 -15px;
font-size: 0;
}

.cases_col {
display: inline-block;
vertical-align: top;
width: 580px;
padding: 0 15px 30px;
margin: 0 auto;
}

.cases_col .case_slide {
margin-bottom: 0;
}

.cases_col .case_slide:hover {
box-shadow: 0 10px 15px rgba(104,0,34,0.2);
}

.more_btn {
text-align: center;
margin-top: 25px;
}

.more_btn .btn {
width: 100%;
max-width: 550px;
}

.info_popup {
display: none;
position: relative;
background: #fff;
padding: 50px 70px 95px;
box-shadow: 0 40px 55px rgba(104,0,34,0.2);
}

.metodic_info_img {
float: left;
width: 417px;
margin-top: 5px;
}
.metodic_info .btn.big_btn{
	margin: 0 0 15px;
}

.metodic_info_img img {
display: block;
max-width: 100%;
border: 1px solid #f7f7f7;
}

.metodic_info_descr {
margin-left: 484px;
}

.metodic_info_title,
.presentation_name {
font-size: 36px;
line-height: 1.11;
color: #303030;
font-weight: 800;
font-family: 'e8square', Arial, sans-serif;
margin: 0 0 25px;
}

.metodic_info_text {
font-size: 14px;
line-height: 24px;
max-width: 445px;
margin: 0 0 35px;
}

.metodic_info .fsubform {
margin-bottom: 0;
}

.metodic_info .checkbox {
margin: 22px 0 0;
}

.content_share {
margin: 20px 0 0;
}

.content_share .ya-share2__list {
margin-left: -4px;
overflow: hidden;
}

.content_share .ya-share2__list li {
float: left;
margin: 0 0 0 4px;
}

.content_share .ya-share2__link {
display: block;
background: #507299;
font-size: 0;
transition: opacity 0.3s;
}

.content_share .ya-share2__link:hover {
opacity: 0.8;
}

.content_share .ya-share2__icon {
display: inline-block;
vertical-align: top;
width: 38px;
height: 38px;
background: url('../images/sprite.png') no-repeat -240px -80px transparent;
}

.content_share .ya-share2__item_service_facebook .ya-share2__link {
background: #3b5998;
}

.content_share .ya-share2__item_service_facebook .ya-share2__icon {
background-position: -278px -80px;
}

.content_share .ya-share2__item_service_twitter .ya-share2__link {
background: #00aced;
}

.content_share .ya-share2__item_service_twitter .ya-share2__icon {
background-position: -316px -80px;
}

.content_share .ya-share2__counter {
display: none;
vertical-align: top;
min-width: 38px;
height: 38px;
font-size: 14px;
line-height: 38px;
color: #ffffff;
text-align: center;
padding: 0 6px;
border-left: 1px solid rgba(255,255,255,0.1);
}

.content_share .ya-share2__counter_visible {
display: inline-block;
}

.content_share .ya-share2__title {
display: none;
}

.comments_block {
border-top: 1px solid #e7e7e7;
margin: 55px 0 0;
padding: 35px 0 0;
max-width: 900px;
}

.comments_block > img {
display: block;
max-width: 100%;
}

.presentation_info {
padding-bottom: 40px;
}

.presentation_header {
margin: 0 0 55px;
}

.presentation_author {
float: left;
width: 390px;
}

.presentation_author_photo {
display: inline-block;
vertical-align: middle;
width: 115px;
height: 115px;
border-radius: 50%;
overflow: hidden;
background: none no-repeat top center #f4f4f4;
background-size: cover;
margin-right: 40px;
}

.presentation_author_name {
display: inline-block;
vertical-align: middle;
max-width: 220px;
font-size: 14px;
line-height: 24px;
padding-right: 10px;
}

.presentation_author_name b {
display: block;
font-size: 21px;
line-height: 24px;
font-weight: 700;
font-family: 'e8square', Arial, sans-serif;
margin: 0 0 10px;
}

.presentation_title {
float: right;
width: 580px;
font-size: 14px;
line-height: 24px;
}

.presentation_name {
margin: 10px 0 6px;
}

.presentation_subtext {
margin: 0 0 25px;
}

.presentation_text {
max-width: 485px;
}

.presentation_container {
margin: 0 auto;
max-width: 800px;
}

.pdf_viewer_wrap > img {
display: block;
max-width: 100%;
}

.presentation_controls {
margin: 22px 0 0 -50px;
font-size: 14px;
}

.presentation_controls .icon_link {
display: inline-block;
vertical-align: top;
margin: 12px 0 0 50px;
position: relative;
padding-left: 22px;
}

.presentation_controls .icon_link:before {
content: "";
display: block;
width: 18px;
height: 22px;
background: url('../images/sprite.png') no-repeat -286px -53px transparent;
position: absolute;
top: 50%;
left: 0;
margin-top: -11px;
}

.presentation_controls .watch {
padding-left: 26px;
}

.presentation_controls .watch:before {
background-position: -308px -53px;
}

.presentation_controls .close_link {

}

.presentation_controls .close_link:before {
content: "x";
background-image: none;
font-size: 15px;
text-align: center;
}

.presentation_controls .content_share {
float: right;
margin-top: 0;
}

.problems .line_title .h2 {
max-width: 600px;
}

.problems_list {
margin: 55px -30px 55px -20px;
font-size: 0;
}

.problem_item {
display: inline-block;
vertical-align: top;
white-space: nowrap;
font-size: 21px;
line-height: 24px;
color: #303030;
font-weight: 700;
font-family: 'e8square', Arial, sans-serif;
padding: 23px 32px;
border: 1px solid #f7f7f7;
background: #fff;
margin: 0 0 20px 20px;
transition: background 0.3s, box-shadow 0.3s, color 0.3s;
}

.problem_item.checked {
background: #4276ab;
box-shadow: inset 0 5px 5px #2f5e95;
color: #fff;
}

.resolved_problems {
margin: 0 0 85px;
}

.resolved_problems_text {
float: left;
max-width: 415px;
font-size: 21px;
line-height: 24px;
font-weight: 300;
font-family: 'e8square', Arial, sans-serif;
}

.resolved_problems_text .h2 {
margin-bottom: 5px;
}

.resolved_problems_docs {
float: right;
width: 390px;
position: relative;
padding-left: 27px;
border-left: 1px solid #e7e7e7;
margin-top: 12px;
}

.h4 {
font-weight: 800;
font-size: 21px;
line-height: 1.2;
margin: 0 0 10px;
font-family: 'e8square', Arial, sans-serif;
}

.resolved_problems_docs .audit_item {
/*display: none;*/
}

.icon_text_link {
display: inline-block;
position: relative;
padding-left: 20px;
font-size: 14px;
}

.icon_text_link:before {
content: "";
display: block;
width: 18px;
height: 22px;
background: url('../images/sprite.png') no-repeat -331px -53px transparent;
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
}

.text_page {
margin: 80px 0 120px;
}

.h1 {
font-weight: 800;
font-size: 70px;
line-height: 1;
margin: 0 0 25px;
color:#303030;
font-family: 'e8square', Arial, sans-serif;
}

.text_page_top {
font-size: 21px;
line-height: 30px;
font-family: 'e8square', Arial, sans-serif;
}

.text_page_top .aside {
float: right;
width: 440px;
padding-left: 50px;
border-left: 1px solid #e7e7e7;
}

.text_page_top_content {
max-width: 645px;
}

.text_page_main {
max-width: 800px;
}

.text_page_top + .text_page_main {
margin-top: 70px;
}

.text_page_main * + .h2 {
margin-top: 50px;
}

.text_page_main p {
margin: 0 0 10px;
}

ul.num {
counter-reset: list;
margin: 0 0 10px;
}

ul.num li {
counter-increment: list;
margin: 0 0 10px;
}

ul.num li:before {
content: counter(list) '. ';
}

ul.round {
margin: 0 0 10px;
}

ul.round li {
margin: 0 0 10px;
padding-left: 30px;
position: relative;
}

ul.round li:before {
content: '';
display: block;
width: 7px;
height: 7px;
background: #000;
border-radius: 50%;
position: absolute;
top: 0.7em;
margin-top: -2px;
left: 0;
}
ul.round ul{
	padding-left: 15px;
	padding-top: 10px;
}
ul.round ul li:before{
	border: 1px solid #000;
	border-radius: 4px;
	width: 6px;
	height: 6px;
	background: transparent;
}

.to_up_hld {
height: 67px;
margin: 0px -120px;
}

#to_up {
display: block;
width: 67px;
height: 67px;
margin: 45px 0;
background: rgba(255,41,99,0.4);
transition: background-color 0.3s;
}

#to_up.floating {
position: fixed;
bottom: 15px;
left: 50%;
margin-left: -685px;
}

#to_up:hover {
background: rgba(255,41,99,0.6);
}

#to_up:after {
content: "";
display: block;
width: 31px;
height: 19px;
background: url('../images/sprite.png') no-repeat -245px -141px transparent;
position: relative;
top: 24px;
margin: 0 auto;
}

.design_creative {
min-height: 535px;
margin-bottom: 45px;
}

.design_creative img {
display: none;
position: absolute;
top: 85px;
left: 50%;
margin-left: 10px;
width: 430px;
}

.design_creative:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 50%;
margin-right: -510px;
width: 551px;
height: 539px;
background: url('../images/design-creative.jpg') no-repeat 0 0 transparent;
}

.design_creative .page_creative_inner {
max-width: 490px;
padding-top: 80px;
}

.design_cols {
margin: 0 0 80px;
}

.design_cols .clearfix {

}

.design_cols .col {
float: left;
width: 30%;
margin-bottom: 50px;
}

.design_cols .col + .col {
margin-left: 4.5%;
}

.design_col_text {
display: inline-block;
vertical-align: top;
}

.design_col_text .h2 {
margin-bottom: 5px;
}

.design_col_text span {
display: block;
}

.design_col_text .h2 + span {
min-height: 4.4em;
}

.design_col_text span + span {
border-top: 1px solid #e5e5e5;
padding-top: 13px;
margin-top: 13px;
}

.works_table {
margin: 0 0 100px;
}

.works_table .line_title {
padding-left: 100px;
}

.works_table .line_title:before {
width: 70px;
}

.works_table .line_title .h2 {
min-height: 2.4em;
}

.works_table .line_title .h2 span {
display: block;
}

.works_width {
max-width: 1130px;
margin: 0 auto;
z-index: 20;
position: relative;
}

.works_slide {
/*box-shadow: 0 10px 15px rgba(104,0,34,0.2);
background: #fff;*/
height: 460px;
position: relative;
margin: 0 0 30px;
padding: 45px 0 0 45px;
overflow: hidden;
}

.works_slide.raif,
.works_inner.raif,
.raif .works_item {
background: #ffe718;
color: #303030;
}

.works_slide.soglasie,
.works_inner.soglasie,
.soglasie .works_item  {
background: #ff6700;
color: #fff;
}

.works_slide.green,
.works_inner.green,
.green .works_item  {
background: #4a842d;
color: #fff;
}
.works_slide.ddsos,
.works_inner.ddsos,
.ddsos .works_item  {
background: #76ceeb;
color: #fff;
}
.works_slide.awad,
.works_inner.awad,
.awad .works_item  {
background: #262a33;
color: #fff;
}

.works_slide.stoloto,
.works_inner.stoloto,
.stoloto .works_item  {
background: #ffbb00;
color: #fff;
}

.works_slide.michelin,
.works_inner.michelin,
.michelin .works_item  {
background: #255bad;
color: #fff;
}

.works_slide.aroma,
.works_inner.aroma,
.aroma .works_item  {
background: #700625;
color: #fff;
}

.spec_black_friday .works_slide {
background: #000;
}

.spec_black_friday .works_slide a {
color: #4577aa;  
}

.spec_black_friday .works_slide .slide_count_info {
color: #fff;
}
.spec_black_friday .schem_grid > div{
	/*color: #ffffff;*/
	box-shadow: 0px 0px 14px rgba(255, 255, 255, 0.5);
}
.spec_black_friday .header_menu > li > a{
	color:#ffffff;
}
.works_slide_text {
font-size: 14px;
max-width: 290px;
}

.works_slide_title {
font-size: 36px;
line-height: 1.1;
margin: 0 0 30px;
font-family: 'e8square', Arial, sans-serif;
font-weight: 700;
}
.works_slide_article {
	font-family: 'e8square', Arial, sans-serif;
	font-size: 21px;
	font-weight: bold;
}
.works_slide_title a,
.works_slide_article a {
	color: #0e70c2;
	border-bottom: 1px solid rgba(14, 112, 194, .1);
	padding-bottom: 2px;
}
.soglasie .works_slide_title a,
.soglasie .works_slide_article a,
.green .works_slide_title a,
.green .works_slide_article a,
.ddsos .works_slide_title a,
.ddsos .works_slide_article a,
.awad .works_slide_title a,
.awad .works_slide_article a,
.aroma .works_slide_title a,
.aroma .works_slide_article a {
	color: #fff;
	border-bottom-color: rgba(255, 255, 255, .7);
}
.aroma .works_slide_title a{
	/*display: block;
	max-width: 470px;*/
	border-bottom-color: rgba(255, 255, 255, .2);
}
.works_slide_title a:hover,
.works_slide_article a:hover {
	border-bottom-color: transparent;
}
.works_slide_text li {
color: #ff2963;
}

.soglasie .works_slide_text li,
.green .works_slide_text li,
/*.stoloto .works_slide_text li,*/
.michelin .works_slide_text li,
.ddsos .works_slide_text li,
.awad .works_slide_text li,
.aroma .works_slide_text li {
color: #fff;
}
.stoloto .works_slide_text li{
	color: #000;
}
.stoloto .works_slide_title, .stoloto .works_block_text{
	color: #000;
}

.works_slide_text li + li {
margin-top: 25px;
}

.works_slide_text a {
border-bottom: 1px solid #ff2963;
color: inherit;
}

.works_slide_text a.out,
.works_slide_text a.hoverimg{
border-bottom: 1px solid #ff2963;
color: #ff2963;
}

.works_slide_text a.out:hover,
.works_slide_text a.hoverimg:hover{
color: #ff2963;
}

.ddsos .works_block_text.static_text,
.awad .works_block_text.static_text, 
.works_block_text.static_text.on_left{
	margin-left: 0px;
}

.soglasie .works_slide_text a.out,
.soglasie .works_slide_text a.out:hover,
.soglasie .works_slide_text a.hoverimg,
.soglasie .works_slide_text a.hoverimg:hover,
.green .works_slide_text a.out,
.green .works_slide_text a.out:hover,
.green .works_slide_text a.hoverimg,
.green .works_slide_text a.hoverimg:hover,
/*.stoloto .works_slide_text a.out,
.stoloto .works_slide_text a.out:hover,
.stoloto .works_slide_text a.hoverimg,
.stoloto .works_slide_text a.hoverimg:hover,*/
.ddsos .works_slide_text a.out,
.ddsos .works_slide_text a.out:hover,
.ddsos .works_slide_text a.hoverimg,
.ddsos .works_slide_text a.hoverimg:hover,
.awad .works_slide_text a.out,
.awad .works_slide_text a.out:hover,
.awad .works_slide_text a.hoverimg,
.awad .works_slide_text a.hoverimg:hover,
.michelin .works_slide_text a.out,
.michelin .works_slide_text a.out:hover,
.michelin .works_slide_text a.hoverimg,
.michelin .works_slide_text a.hoverimg:hover,
.aroma .works_slide_text a.out,
.aroma .works_slide_text a.out:hover,
.aroma .works_slide_text a.hoverimg,
.aroma .works_slide_text a.hoverimg:hover{
color: #ffffff;
}
.stoloto .works_slide_text a.out,
.stoloto .works_slide_text a.out:hover,
.stoloto .works_slide_text a.hoverimg,
.stoloto .works_slide_text a.hoverimg:hover,
.raif .works_slide_text a.hoverimg,
.raif .works_slide_text a.hoverimg:hover{
	color:#000000;
}
.stoloto .works_slide_text a,
.raif .works_slide_text a{
	border-color: #000;
}

.soglasie .works_slide_text a,
.green .works_slide_text a,
/*.stoloto .works_slide_text a,*/
.michelin .works_slide_text a,
.ddsos .works_slide_text a,
.awad .works_slide_text a,
.aroma .works_slide_text a{
border-color: #fff;
}


.works_slide_text a:hover {
border-color: transparent !important;
color: inherit;
}
.works_slide_text a.hoverimg:after{
	content: "";
	display: inline-block;
	position: absolute;
	width:21px;
	height: 21px;
	background: url('../images/arr_black.svg') no-repeat center;
	margin-left: 12px;
}
.soglasie .works_slide_text a.hoverimg:after,
.green .works_slide_text a.hoverimg:after,
.ddsos .works_slide_text a.hoverimg:after,
.awad .works_slide_text a.hoverimg:after,
.michelin .works_slide_text a.hoverimg:after,
.aroma .works_slide_text a.hoverimg:after{
	background: url('../images/arr_white.svg') no-repeat center;
}

.works_slide_img {
position: absolute;
top: 45px;
right: 0;
left: 290px;
}

.works_slide_img img {
display: block;
max-width: 100%;
margin-left: auto;
}

.works_inner {
position: relative;
box-shadow: 0 10px 15px rgba(104,0,34,0.2);
display: none;
}

.works_item {
padding: 45px 0 60px 45px;
background: #fff;
overflow: hidden;
}

.works_block {
position: relative;
}

.works_block + .works_block {
margin-top: 30px;
}

.works_block.bottom_intersect {
margin-top: -100px;
}
.works_block_text {
position: absolute;
top: 180px;
left: 0;
max-width: 190px;
font-size: 14px;
/*line-height: 24px;*/
line-height: 1.4;
}
.works_block_text.bottom_left{
	max-width: 220px;
	position: static;
	margin-left: auto;
	margin-right: 90px;
	margin-top: -95px;
}
.works_block_text.bottom_right,
.works_block_text.bottom_right_sm{
	max-width: 410px;
	position: static;
	margin-right: auto;
	margin-left: 0px;
	margin-top: -185px;
}
.works_block_text.bottom_right_sm{
	max-width: 230px;
}
.awad .works_block_text.bottom_right{
	
	margin-top: -250px;	
	margin-bottom: 150px;
}
.works_block_text.bottom_right .big{
	font-size: 36px;
	font-weight: 700;
	margin-top: 50px;
}
.works_block_text.top_left{
	top: 0px;
	max-width: 300px;
}

.works_block_text.center_h {
top: 50%;
transform: translateY(-50%);
}

.works_block_text.center_h_plus {
margin-top: 125px;
}

.works_block_text.static_text {
max-width: 540px;
position: static;
margin-bottom: 50px;
margin-left: 100px;
}

.works_block_text.static_left {
margin-left: 50px;
}

.works_block_text.mini_top {
margin-left: 50px;
top: 60px;
}

.works_block_text.negative_top {
top: -70px;
margin-left: 50px;
max-width: 220px;
}

.bottom_intersect .works_block_text {
top: -100px;
left: 45%;
max-width: 280px;
}

.bottom_intersect2 {
padding-top: 30px;
}

.bottom_intersect2 .half_pos {
top: 45px;
left: 39%;
max-width: 430px;
}

.left_img .works_block_text {
left: auto;
right: 110px;
}

.right_img .works_block_text {
left: 50px;
}

.works_block_text.bottom_pos {
top: auto;
bottom: 100px;
}

.top_insect3  .works_block_text {
left: 480px;
max-width: 400px;
}
.works_block_text.pos_left_text{
	top: 420px;
	max-width: 360px;
	left: 30px;
}
.works_slide_title{
	position:relative;
}
.works_slide_title .small{
	position:absolute;
	top: 100%;
	left: 0px;
	margin-top: 15px;
	font-size: 21px;
	z-index: 10;
}

.works_block_text b {
display: block;
margin: 0 0 8px;
font-size: 21px;
font-family: 'e8square', Arial, sans-serif;
font-weight: 700;
}

.works_block img {
display: block;
max-width: 100%;
margin-left: auto;
}

.works_block_img {
margin-left: -45px;
}

.works_block.top_insect {
margin-top: -40px;
}

.works_block.big_insect {
margin-top: -100px;
}

.works_block .shadow_img {
box-shadow: 0 30px 25px rgba(0,0,0,0.2);
}

.works_block.left_img img {
margin-left: 50px;
}

.works_block.top_insect2 {
margin-top: -180px;
}

.works_block.right_img img {
margin-right: 50px;
}

.works_block .center_img {
margin: 0 auto;
}

.works_block.top_insect3 {
margin-top: -140px;
}

.top_insect3 .bottom_pos {
bottom: 60px;
}

.works_block.right_img2 img {
margin-right: 150px;
}

.works_block.left_img2 {
z-index: 5;
}

.works_block.left_img2 img {
margin-left: 25px;
}

.works_block.left_img2 + .top_insect .works_block_text {
left: 55px;
}

.work_tables_nav_hld {
text-align: center;
}

.work_tables_nav {
padding: 0;
}

.works_inner .close {
z-index: 300;
}

.works_inner .slick-dots {
padding: 10px 105px 80px;
text-align: center;
font-size: 0;
white-space: nowrap;
}

.works_inner .slick-arrow {
top: auto;
bottom: 73px;
margin-top: 0;
}

.works_inner .slick-prev {
left: 40px;
}

.works_inner .slick-next {
right: 40px;
}

.spec_creative ul.round,
.specprojects_cols ul.round {
margin: 0;
}

.spec_creative ul.round li,
.specprojects_cols ul.round li {
padding-left: 20px;
}

.specprojects_cols ul.round li {
margin: 0;
}

.specprojects_cols ul.round li + li {
margin-top: 9px;
}

.spec_creative ul.round li:before,
.specprojects_cols ul.round li:before {
width: 5px;
height: 5px;
background: #4276ab;
}

.specprojects_cols ul.round li:before {
top: 12px;
}

.specprojects_cols {
margin: 0 0 100px;
}

.specprojects_cols .h2 {
margin-bottom: 22px;
}

.col_text {
float: left;
width: 485px;
font-size: 21px;
font-family: 'e8square', Arial, sans-serif;
position: relative;
font-weight: 300;
}

.col_text:after {
content: "";
display: block;
width: 1px;
background: #e5e5e5;
position: absolute;
top: 0;
right: -40px;
bottom: 10px;
}

.col_small_text {
margin-left: 520px;
position: relative;
padding-left: 125px;
font-size: 14px;
line-height: 24px;
padding-top: 10px;
}

.col_small_text:before {
content: "";
display: block;
position: absolute;
top: 15px;
left: 40px;
width: 57px;
height: 55px;
background: url('../images/sprite.png') no-repeat -390px -50px transparent;
}

.about_specprojects {
margin: 0 0 100px;
}

.about_specprojects .h2 {
margin-bottom: 55px;
}

.spec_icon01:before {
background-position: -347px 0;
}

.spec_icon02:before {
background-position: -397px 0;
}

.spec_icon03:before {
background-position: -447px 0;
}

.spec_works .line_title .h2 {
min-height: auto;
}

.spec_works .works_slide_text {
max-width: 330px;
}

/* -------------------- */

.col-50 {
width: 50%;
padding: 0 15px;
display: inline-block;
}

.training_page .page_creative_text {
/*font-size: 21px;*/
max-width: 455px;
}

.col-wrapper {
font-size: 0;
margin-left: -15px;
margin-right: -15px;
}

.accent {
color: #ff2963;
border-bottom: 1px solid #ff6e95;
text-decoration: none;
}

.accent:hover {
color: #ff6e95;
border-bottom: 1px solid transparent;
}

.company_creative .col-50:last-child {
padding-left: 66px;
position: relative;
}

.company_creative .col-50:last-child:before {
content: '';
display: inline-block;
position: absolute;
border-left: 1px solid #e7e7e7;
top: 0;
bottom: 0;
left: 30px;
}

.company_stat_wrapper {
font-size: 0;
}

.company_stat_item {
width: 25%;
display: inline-block;
}

.company_stat_num {
color: #4276ab;
font-weight: 800;
font-size: 70px;
line-height: 70px;
display: inline-block;
vertical-align: top;
margin-right: 25px;
font-family: 'e8square', Arial, sans-serif;
}

.company_stat_text {
color: #303030;
font-size: 14px;
font-weight: 300;
line-height: 24px;
display: inline-block;
vertical-align: top;
padding-top: 6px;
}

.company_block {
margin-top: 180px;
background-color: #fafafa;
}

.company_slider_hld {
position: relative;
height: 600px;
padding: 0 0 45px;
margin: 0 auto;
max-width: 2500px;
}

.company_slider {
position: absolute;
top: -80px;
left: 50%;
width: 2500px;
margin-left: -1250px;
}

.company_slide_img img {
display: block;
width: 100%;
}

.company_slide {
background: #fff;
box-shadow: 0 4px 10px rgba(104,0,34,0.2);
width: 800px;
margin: 0 65px 60px;
overflow: hidden;
position: relative;
transition: box-shadow 0.3s;
}

.company_slider_nav_hld {
position: absolute;
bottom: 80px;
left: 0;
right: 0;
}

.days_block {
padding: 100px 0 70px;
}

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

.days_item {
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow: hidden;
background: none no-repeat center center transparent;
height: 282px;
background-size: cover;
}

.days_item.cell1,
.days_item.cell5 {
width: 40%;
}

.days_item.cell2,
.days_item.cell3 {
width: 30%;
}

.days_item.cell4 {
width: 24%;
}

.days_item.cell6 {
width: 36%;
}

.clients_title p {
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #303030;
max-width: 450px;
display: block;
margin-top: 29px;
font-family: -system-ui, -apple-system, BlinkMacSystemFont, "SF UI Text", "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif, Arial, sans-serif;
}

.company_page .clients_block {
background-color: #fff;
}

.soc_block {
/*padding-top: 70px;*/
padding-top: 40px;
}

.soc_items {
text-align: left;
padding-left: 170px;
font-size: 0;
}

.soc_item {
display: inline-block;
width: 25%;
width: 200px;
height: 200px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
}

.soc_item:after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}

.soc_item_text {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
color: #ffffff;
font-weight: 300;
font-size: 14px;
line-height: 24px;
text-align: left;
box-shadow: 0px 14px 55px 0px rgba(59, 89, 152, 0.53);
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.soc_item:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
z-index: 2;
}

.soc-icon {
background-image: url('../images/sprite.png');
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 1;
}

.soc_item:hover .soc_item_text {
opacity: 1;
}

.soc_item:hover .soc-icon {
opacity: 0.1;
}

.icon-fb {
background-position: -316px -128px;
width: 27px;
height: 51px;
}

.icon-tw {
background-position: -353px -128px;
width: 48px;
height: 43px;
}

.icon-pt {
background-position: -403px -128px;
width: 54px;
height: 54px;
}

.icon-ig {
background-position: -316px -187px;
width: 51px;
height: 50px;
}

.soc_item_fb {
background-color: #3b5998;
}

.soc_item_tw {
background-color: #00aced;
}

.soc_item_pt {
background-color: #cb2027;
}

.soc_item_ig {
background-color: #cb2027;
background-image: linear-gradient(to top,rgb(246,102,30) 0%, rgb(216,54,77) 21%, rgb(190,34,110) 42%, rgb(159,36,132) 68%, rgb(125,35,159) 85%, rgb(84,51,180) 100%);
}

.soc_text-wrapper {
margin: 0 auto;
max-width: 800px;
text-align: left;
}

.soc_text {
/*margin-top: 85px;*/
font-weight: 300;
font-family: 'e8square', Arial, sans-serif;
font-size: 21px;
line-height: 30px;
max-width: 700px;
}

.training_creative {
margin-top: 150px;
margin-bottom: 130px;
}

.training_creative .btn {
margin-top: 70px;
padding: 25px 65px;
}

.profit_block {
padding-bottom: 110px;
}

.profit_title {
font-weight: 700;
font-size: 21px;
line-height: 24px;
max-width: 500px;
font-family: 'e8square', Arial, sans-serif;
margin-bottom: 60px;
}

.prepare_items {
margin-top: 55px;
font-family: 'e8square', Arial, sans-serif;
}

.profit_items,
.prepare_items {
margin-left: -15px;
margin-right: -15px;
font-size: 0;
}

.profit_item,
.prepare_item {
display: inline-block;
width: 33%;
width: 33.33%;
padding: 0 15px;
vertical-align: top;
}

.profit_text {
color: #303030;
font-size: 14px;
line-height: 24px;
font-weight: 300;
max-width: 320px;
}

.prepare_block {
background-color: #f9f9f9;
padding: 85px 0 100px;
}

.prepare_num {
font-weight: 800;
color: #4276ab;
font-size: 70px;
line-height: 70px;
float: left;
}

.prepare_text {
font-weight: 700;
color: #303030;
font-size: 21px;
line-height: 24px;
display: block;
padding-left: 70px;
}

.examples_block {
padding: 100px 0 70px;
}

.examples_slider_hld {
position: relative;
padding: 0 0 45px;
margin: 0 auto;
}

.examples_slide {
background: #fff;
max-width: 930px;
margin: 0 auto 40px;
position: relative;
transition: box-shadow 0.3s;
background-color: #f9f9f9;
padding: 70px 65px;
box-shadow: 0 10px 15px rgba(104,0,34,0.2);
}

.examples_slider .slick-list {
overflow: visible;
}

.examples_slider .slick_helper {
display: none;
}

.examples_slide_close {
position: absolute;
top: 0;
right: 0;
width: 54px;
height: 54px;
background-color: #ff2963;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.examples_slide_close_visible {
opacity: 1;
visibility: visible;
}

.close_slide-icon {
background-image: url('../images/sprite.png');
background-position: -15px -190px;
width: 25px;
height: 25px;
position: absolute;
left: 14px;
top: 14px;
}

.examples_slider_nav_hld {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.examples_slider_nav_hld_opened {
bottom: 160px;
}

.examples_slider_arr {
position: absolute;
left: 0;
right: 0;
top: 0;
top: 50%;
margin-top: -30px;
z-index: 999;
width: 1500px;
left: 50%;
margin-left: -750px;
}

.examples_slider_arr_opened {
top: auto;
bottom: 180px;
max-width: 860px;
left: 50%;
margin-left: -430px;
padding: 0 35px;
}

.examples_slider_nav_hld_opened {
bottom: 110px;
}

.examples_slider_arr_opened {
bottom: 120px;
}

.examples_main {
font-size: 0;
padding-top: 60px;
position: relative;
margin-left: -30px;
margin-right: -30px;
display: none;
}

.examples_main:after {
content: '';
display: inline-block;
position: absolute;
top: 60px;
left: 50%;
bottom: 40px;
border-left: 1px solid #cdcece;
}

.examples_main .col-50 {
vertical-align: top;
padding-left: 30px;
padding-right: 30px;
}

.examples_main_title {
font-family: 'e8square', Arial, sans-serif;
font-weight: 700;
font-size: 21px;
line-height: 24px;
}

.examples_main_title:first-child {
margin-bottom: 35px;
}

.examples_main_title {
margin-bottom: 20px;
}

.examples_main_list li {
list-style-type: none;
font-size: 14px;
font-weight: 300;
position: relative;
padding-left: 10px;
}
.examples_main_list li:before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
position: absolute;
top: 8px;
left: 0;
background-color: #303030;
}

.examples_main_list ul{
	padding-top: 10px;
	padding-left: 12px;
}
.examples_main_list ul li:before{
	border: 1px solid #303030;
	background: transparent;
	border-radius: 3px;
}

.examples_main_list li:not(:last-child) {
margin-bottom: 15px;
}

.examples_main_list {
margin-bottom: 40px;
}

.examples_slide_title {
color: #303030;
font-size: 36px;
line-height: 40px;
font-weight: 700;
max-width: 370px;
font-family: 'e8square', Arial, sans-serif;
display: inline-block;
}

.examples_slide_button {
padding: 20px 60px;
float: right;
}

.examples_slider .slick-slide {
/*padding: 0 0 80px;*/
}

.action_block_gray {
background-color: #f8f8f8;
margin-bottom: 0;
padding-bottom: 70px;
}

.training_page .footer {
margin-top: 0;
}

/* -------------------- */

.strategy_creative {
min-height: 450px;
margin-bottom: 100px;
}

.strategy_creative .page_creative_inner {
max-width: 550px;
padding-top: 20px;
}

.strategy_stages {
padding: 0 0 90px;
}

.strategy_stages .line_title {
padding-left: 100px;
margin-bottom: 35px;
}

.strategy_stages .line_title:before {
width: 70px;
}

.strategy_steps {
position: relative;
}

.strategy_steps_list {
margin: 0 580px 0 30px;
max-width: 490px;
font-size: 21px;
line-height: 24px;
color: #303030;
font-family: 'e8square', Arial, sans-serif;
font-weight: 700;
}

.strategy_steps_list li {
position: relative;
padding-left: 63px;
margin-bottom: 30px;
}

.strategy_steps_list a {
transition: none;
}

.strategy_steps_list a span {
border-bottom: 2px dotted #c8c8c8;
display: inline-block;
vertical-align: top;
line-height: 24px;
white-space: nowrap;
}

.strategy_steps_list a:hover {
color: inherit;
}

.strategy_steps_list a.active {
color: #ff2963;
}

.strategy_steps_list a:hover span,
.strategy_steps_list a.active span {
border-color: transparent;
}

.strategy_step_img {
position: absolute;
top: 50%;
margin-top: -25px;
left: 0;
width: 50px;
height: 51px;
}

.strategy_step_img svg {
width: 100%;
}

.strategy_step_img path {
stroke-width: 0px;
fill: #4276ab;
}

.strategy_steps_list a.active + .strategy_step_img path {
fill: #ff2963;
}

.strategy_round {
width: 500px;
height: 500px;
border-radius: 50%;
background: #fff;
box-shadow: 0 15px 45px rgba(104,0,34,0.25);
position: absolute;
top: -60px;
right: 45px;
overflow: hidden;
}

.strategy_round_inner {
padding: 170px 20px 0 70px;
max-width: 450px;
font-size: 36px;
line-height: 40px;
font-family: 'e8square', Arial, sans-serif;
font-weight: 800;
color: #ff2963;
}

.strategy_round_inner > div {
display: none;
position: relative;
z-index: 50;
}

.strategy_round_inner > div:first-child {
display: block;
}

.strategy_round_inner > span {
display: none;
position: absolute;
bottom: 5px;
right: 75px;
width: 200px;
}

.strategy_round_inner .svg1 {
display: block;
}

.strategy_round_inner .st4 {
margin-right: -40px;
}

.strategy_round_inner > .svg2 {
width: 240px;
bottom: auto;
top: -12px;
right: 60px;
}

.strategy_round_inner > .svg3 {
width: 300px;
bottom: 25px;
right: auto;
left: -108px;
}

.strategy_round_inner > .svg4 {
width: 220px;
bottom: auto;
top: -76px;
right: 90px;
}

.strategy_round_inner > .svg5 {
width: 230px;
bottom: 0;
right: auto;
left: 0;
}

.strategy_round_inner > span svg {
display: block;
width: 100%;
opacity: 0.05;
}

.strategy_round_inner > span path {
fill: #ff2963;
stroke-width: 0px;
}

.strategy_download {
border-top: 1px solid #e7e7e7;
margin: 45px 0 0;
padding: 20px 0 0 93px;
max-width: 840px;
}

.job_creative {
padding: 55px 0 0;
margin-bottom: 90px;
}

.job_creative .page_creative_text {
max-width: 770px;
}

.job_creative .job_formula {
font-weight: 700;
}

.jobs_item {
font-size: 20px;
font-family: var(--font-family);
font-weight: 300;
line-height: 1.6;
}

.jobs_item .cols_50 {
margin-left: -30px;
margin-bottom: 35px;
}

.jobs_item .cols_50 .col {
float: left;
width: 50%;
padding-left: 30px;
}

.jobs_item * + .h2 {
margin-top: 55px;
}

.jobs_item ul,
.jobs_item p {
max-width: 485px;
}

.jobs_item ul.fullw {
    max-width: none;
}

.jobs_item .job_start_p {
max-width: 100%;
padding-left: 30px;
}

.jobs_item .job_start_p p {
max-width: 100%;
}
.jobs_item .job_start_p a {
  color: var(--pink-color);
  }
.jobs_item b {
font-weight: 700;
}

.jobs_item .btn {
display: block;
width: 100%;
max-width: 485px;
margin-top: 55px;
}

.media_images {
margin: 50px auto 0;
max-width: 910px;
font-size: 0;
text-align: center;
}

.media_images .col {
display: inline-block;
vertical-align: top;
width: 198px;
padding: 0 12px 24px;
}

.media_images .col:first-child,
.media_images .col:last-child {
width: 255px;
}

.media_images img {
display: block;
max-width: 100%;
}

.tools_list {
margin: 65px 0 0 68px;
font-size: 0;
}

.tools_list .col {
display: inline-block;
vertical-align: top;
width: 24%;
margin: 0 0 25px;
font-size: 14px;
font-family: var(--font-family);
}

.tools_list .col:nth-child(3) {
width: 28%;
}

.tools_list i {
display: block;
width: 160px;
height: 61px;
background: url('../images/docs.png') no-repeat 0 0 transparent;
margin: 0 0 15px;
}

.tools_list .tool_img02 {
width: 180px;
background-position: -168px 0;
}

.tools_list .tool_img03 {
width: 224px;
background-position: -355px 0;
}

.tools_list .tool_img04 {
width: 157px;
background-position: -584px 0;
}

.jobs_reviews {
margin: 0 0 150px;
}

.jobs_reviews .h2 {
line-height: 1;
}

.team_title {
margin: 0 0 18px;
overflow: hidden;
}

.team_title_img {
width: 97px;
height: 97px;
display: block;
float: left;
background: none no-repeat center center #ecf1f6;
border-radius: 50%;
background-size: cover;
}

.team_title_text {
margin-left: 130px;
padding-top: 24px;
font-size: 21px;
line-height: 24px;
color: #000;
/* font-family: 'e8square', Arial, sans-serif; */
font-weight: 300;
}

.team_title_text b {
display: block;
font-weight: 700;
margin-bottom: 5px;
}

.jobform .popup_title {
font-weight: 800;
color: #303030;
}

.resume_file {
position: relative;
}

.resume_file > .text_input {
padding-right: 80px;
}

.resume_file .file_btn {
display: block;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 72px;
}

.resume_file .file_btn:before {
content: "";
display: block;
width: 28px;
height: 28px;
background: url('../images/sprite.png') no-repeat -459px -60px transparent;
position: absolute;
top: 50%;
left: 50%;
margin: -14px 0 0 -14px;
}

.resume_file .file_btn input {
display: block;
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
cursor: pointer;
}
.bg_404{
	background: #f0f3f8 url('../images/404.png') no-repeat top center;
	height: 750px;
	margin-bottom: -50px;
}
.btn.arrow_btn.loading{
	color: transparent;
	background: #FF2963 url('../images/ajax-loader2.gif') no-repeat center;
}
.fsubform.active .btn.loading:before{
	opacity: 0;
}
.fsubform label.error{
	display: none !important;
}
/****************/
.pagination{
	text-align: left;
}
.pagination ul{
	display: block;
	text-align:center;
	font-size: 0;
}
.pagination ul li{
	display: inline-block;
	vertical-align: top;
}
.pagination ul li a{
	display: block;
}
.pagination ul li a.page{
	border: 1px solid transparent;
	color: #fe2963;
	padding: 5px 8px;
	font-size: 14px;
}
.pagination ul li a.page.active{
	border: 1px solid #fe2963;
	/*color:#cccccc;*/
}
.pagination ul li a.prev, 
.pagination ul li a.next{
	display: block;
	width: 31px;
	height: 30px;
	background: url('../images/sprite.png') no-repeat -30px -50px transparent;
	cursor: pointer;
	opacity: 0.2;
}
.pagination ul li a.prev{
	margin-right: 20px;
}
.pagination ul li a.next{
	background-position: -64px -50px;
	margin-left: 20px;
}
.pagination ul li a.prev.active{
	opacity: 1;
}
.pagination ul li a.next.active{
	opacity: 1;
}
/********************************/
.info_popup .ajax_arrow a{
	position:absolute;
	display: block;
	width: 31px;
	height: 30px;
	background: url('../images/sprite.png') no-repeat -30px -50px;
	top: 50%;
	margin-top: -15px;
}
.info_popup .ajax_arrow a.ajax_arrow_right{
	right: -40px;
	background-position: -64px -50px;
}
.info_popup .ajax_arrow a.ajax_arrow_left{
	left: -40px;
}
.agree_box input{
	display: none;
}
.whitepaper_beforedownload a{
	
}

/********************/
#subscribe .checkbox,
#subscribe .checkbox_text{
	font-size: 12px;
	line-height: 1.1;
	padding-top: 5px;
}
#subscribe .checkbox_text {
	padding-top: 12px;
}
#subscribe .checkbox span:before{
	width: 22px;
	height: 22px;
	border: 1px solid #c5c5c5;
}
#subscribe .checkbox input:checked + span:before{
	background-position: -3px -54px;
}
.cookie_spoiler{
	display: none;
}

.cookie_agreement{
	display: block;
	position:fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	border-top:#e4e4e4;
	padding: 10px 0px;
	background: #f2f2f2;
	font-size: 10px;
	/*z-index: 1000;*/
	z-index: 2147483647;
}
._show_1e.wrap_mW{
	z-index: 2147483646 !important;
}
.cookie_agreement .close{
	position:absolute;
	right: 2%;
	top: 3px;
	color:#4577aa;
	font-size: 16px;
	text-decoration: none;
}
.cookie_agreement .main_width a{
	color: #679cd2;
	border-bottom: 1px solid #e3ecf4;
}

.dragon{
	position: fixed;
	display: block;
	bottom: 50px;
	right: 20px;
	width: 84px;
	height: 84px;
	background:#fc2f65;
	border-radius: 42px;
	transition: box-shadow 0.4s, transform 0.7s ease-in-out;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	z-index: 1001;
}
.dragon:before{
	content: "";
	display: block;
	position:absolute;
	left: 0px; right: 0px;
	top: 0px; bottom: 0px;
	border-radius: 42px;
	background: url('../images/dragon.png') no-repeat center;
	opacity: 1;
}
.dragon:hover{
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}
.dragon.loading:before{
	opacity: 0;
	display: none;
}
.dragon.loading{
	transform: scale(100);
}
.dragon span{
	display: block;
	color: #fff;
	background: #000;
	cursor: pointer;
	border-radius: 5px;
	transform: translateY(-50%) scaleX(0) translateZ(0);
	transform-origin: right center;
	opacity: 0;
	pointer-events: none;
	transition: transform 175ms ease-in-out,opacity 175ms ease-in-out;
	top: 50%;
	right: 100%;
	width: 210px;
	padding: 10px 15px;
	position: absolute;
	margin-top: 0px;
	margin-right: 15px;
}
.dragon span:before{
	content: "";
	position:absolute;
	display: block;
	border: 10px solid transparent; 
	border-left: 10px solid #000000; 
	left: 100%;
	top: 50%;
	margin-top: -10px;
}
.dragon:hover span{
	display: block;
	opacity: 1;
	transform: translateY(-50%) scaleX(1) translateZ(0);
}
.dragon.loading span{
	display: none;
}
.btns_wrap .btn{
	display: inline-block;
	vertical-align: top;
	min-width: 200px;
	margin-right: 35px;
}
.page_creative_inner.with_photo{
	/*float:left;
	max-width: 700px;*/
}
.page_creative_photo{
	/*float: right;*/
}
.page_creative_photo img{
	max-width: 100%;
}

/* Spec styles */

.spec_switchpage .main_frame {
transition: opacity 0.3s;
}

.spec_switchpage .main_frame.spec_hidden {
opacity: 0;
}

.spec_default .spec_creative:before {
top: 0;
}

.spec_switch {
position: fixed;
bottom: 20px;
right: 60px;
z-index: 1000;
}

.switch_link {
display: block;
width: 100px;
height: 100px;
background: #fe2962;
border-radius: 50%;
box-shadow: 0 20px 40px rgba(78,0,21,0.25);
overflow: hidden;
}

.switch_link:before {
content: "";
display: block;
width: 52px;
height: 40px;
background: url('../images/spec.png') no-repeat 5px -53px transparent;
margin: 30px auto;
}

.switch_menu {
position: absolute;
bottom: 100%;
right: -40px;
background: #fff;
width: 270px;
padding: 35px 40px 40px;
box-shadow: 0 20px 40px rgba(78,0,21,0.25);
margin: 0 0 30px;
display: none;
color: #000;
}

.switch_menu:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-width: 11px 11px 0;
border-top-color: #fff;
position: absolute;
top: 100%;
right: 60px;
}

.switch_menu b {
font-size: 18px;
display: block;
margin: 0 0 20px;
}

.switch_menu li + li {
margin-top: 28px;
}

.switch_menu a {
display: inline-block;
vertical-align: top;
padding-left: 55px;
position: relative;
}

.switch_menu a:hover,
.switch_menu a.active {
color: #ff2963;
}

.switch_menu a:before {
content: "";
display: block;
width: 48px;
height: 47px;
background: url('../images/spec.png') no-repeat 0 0 transparent;
position: absolute;
top: -15px;
left: 0;
}

.switch_menu a.ny:before {
width: 34px;
background-position: -52px 0;
top: -12px;
}

.switch_menu a.default:before {
width: 34px;
background-position: -93px 0;
top: -12px;
}
/*
.spec_switchpage *[data-spec] {
display: none;
}*/

.spec_default *[data-spec="default"] {
display: block;
}

.spec_new_year *[data-spec="new_year"] {
display: block;
}

.spec_black_friday *[data-spec="black_friday"] {
display: block;
}

.spec_new_year .spec_creative {
min-height: 485px;
}

.spec_new_year .spec_creative:before {
background-image: url('../images/spec-creative-ny.jpg');
width: 654px;
height: 605px;
margin-right: -580px;
}

.spec_new_year .specprojects_cols .col_text {
width: 440px;
}

.spec_new_year .specprojects_cols .col_text_limit {
display: block;
max-width: 300px;
}

/*.spec_new_year .specprojects_cols .col_small_text {
padding-top: 10px;
}*/

.spec_new_year .col_small_text:before {
left: 24px;
top: 28px;
}

.spec_black_friday .main_frame {
background: #000;
color: #fff;
}

.spec_black_friday .header {
background: #000;
}

.spec_black_friday .header.fixed {
box-shadow: 0 0 0 1px rgba(255,255,255,0.15);
}

.spec_black_friday .header .logo {
background-image: url('../images/spec.png');
background-position: -48px -49px;
}
.sav_works .slide_title
.spec_black_friday .header_menu,
.spec_black_friday .header_menu .submenu li {
color: #fff;
}

.spec_black_friday .header_contacts .nowrap a {
color: #fff;
}

.spec_black_friday .pink_border_btn {
background: transparent;
}

.spec_black_friday .pink_border_btn:hover {
background: #ff2963;
}

.spec_black_friday .header_menu .submenu {
border-top-color: #363636;
border-bottom-color: #363636;
background: #000;
}

.spec_black_friday .spec_creative:before {
background-image: url('../images/spec-creative-bf.jpg');
width: 567px;
height: 567px;
}

/*@keyframes glow {
    0% {opacity: 0;}
    2% {opacity: 1;}
    4% {opacity: 0;}
    6% {opacity: 1;}
    50% {opacity: 1;}
    52% {opacity: 0;}
    54% {opacity: 1;}
    56% {opacity: 0;}
    58% {opacity: 1;}
    90% {opacity: 1;}
    92% {opacity: 0;}
    100% {opacity: 0;}
}*/

@keyframes glow {
    0% {opacity: 0;}
    2% {opacity: 1;}
    4% {opacity: 0;}
    6% {opacity: 1;}
    50% {opacity: 1;}
    52% {opacity: 0;}
    54% {opacity: 1;}
    56% {opacity: 0;}
    58% {opacity: 1;}
    98% {opacity: 1;}
    100% {opacity: 0;}
}

.spec_black_friday .spec_creative:after {
content: "";
display: block;
background: url('../images/bf_glow.png') no-repeat 0 0 transparent;
width: 567px;
height: 567px;
position: absolute;
top: -50px;
right: 47%;
margin-right: -480px;
opacity: 0;
animation: glow 10s linear infinite;
}

.spec_black_friday .page_creative_title,
.spec_black_friday .h2 {
color: #fff;
}

.spec_black_friday .col_text:after {
background: #464646;
}

.spec_black_friday .col_small_text {
padding-left: 200px;
max-width: 540px;
}

.spec_black_friday .col_small_text:before {
display: none;
}

.spec_black_friday .col_small_text i,
.spec_black_friday .col_small_text i:before {
display: block;
background-image: url('../images/spec.png');
background-position: -229px -47px;
width: 91px;
height: 78px;
position: absolute;
top: 22px;
left: 65px;
}

.spec_black_friday .col_small_text i:before {
content: "";
background-position: -137px -47px;
top: 0;
left: 0;
opacity: 0;
animation: glow 10s linear infinite;
}

.spec_black_friday .about_service {
color: #fff;
}

.spec_black_friday .about_service b {
color: #fe2962;
}

.spec_black_friday .about_service:before {
background-image: url('../images/spec.png');
background-position: -132px 0;
height: 40px;
}

.spec_black_friday .spec_icon02:before {
background-position: -182px 0;
}

.spec_black_friday .line_title:before {
background: #464646;
}

.spec_black_friday .action_block {
margin-bottom: 0;
padding-bottom: 70px;
background: #181818;
}

.spec_black_friday .footer {
margin-top: 0;
background: #000;
}

.spec_black_friday .footer_top b {
color: #fff;
}

.spec_black_friday .footer_contacts p.icon:before {
background-image: url('../images/spec.png');
background-position: 0 -99px;
margin-top: -5px;
}

.spec_black_friday .footer_contacts p.mail:before {
background-position: -25px -99px;
}

.spec_black_friday .footer_contacts p.addr:before {
background-position: -52px -99px;
}

.spec_black_friday .fsubform {
background: #181818;
color: #fff;
}

.spec_black_friday .fsubform .text_input {
background: transparent;
color: #fff;
}

.spec_black_friday .footer_links {
border-top-color: #181818;
}

.spec_black_friday .footer .socials_line a:after {
background-position: 0 -128px;
opacity: 0.3;
}

.spec_black_friday .footer .socials_line .in:after {
background-position: -192px -128px;
}

.spec_black_friday .footer .socials_line .yt:after {
background-position: -48px -128px;
}

.spec_black_friday .footer .socials_line .pt:after {
background-position: -144px -128px;
}

.spec_black_friday .footer .socials_line a:hover:after {
opacity: 1;
}

.spec_black_friday .footer_bottom {
background: #181818;
}

.spec_black_friday #showmenu span,
.spec_black_friday #showmenu span:before,
.spec_black_friday #showmenu span:after {
background: #fff;
}

.spec_black_friday #showmenu.close-icon span {
background: none;
}

.snow_effect {
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 11;
display: none;
}

.spec_new_year .snow_effect {
display: block;
}

.spec_new_year .page_creative .btn,
.spec_new_year .works_outer,
.spec_new_year .action_block,
.spec_new_year .footer {
position: relative;
z-index: 20;
}

.spec_creative .radio_group {
margin: 40px 0 55px;
position: relative;
z-index: 20;
}

.spec_creative .radio_hld + .radio_hld {
margin-top: 15px;
}

.spec_creative .radio {
display: inline-block;
position: relative;
padding-left: 38px;
font-size: 21px;
line-height: 26px;
cursor: pointer;
}

.spec_creative .radio input {
display: none;
}

.spec_creative .radio span:before {
content: "";
display: block;
width: 22px;
height: 22px;
border: 1px solid #ff2963;
background: transparent;
position: absolute;
top: 2px;
left: 0;
box-sizing: border-box;
border-radius: 50%;
}

.spec_creative .radio input:checked + span:after {
content: "";
display: block;
width: 8px;
height: 8px;
background: #ff2963;
position: absolute;
top: 9px;
left: 7px;
border-radius: 50%;
}

/* ----- Guideline ----- */

.guideline-section .page_txt {
font-size: 21px;
font-weight: 300;
line-height: 1.4;
}

.guideline-section {
background-color: #fff;
padding-top: 75px;
font-family: 'e8square', Arial, sans-serif;
}

.guideline__heading {
font-size: 70px;
font-weight: 800;
line-height: 1;
margin-bottom: 3px;
}

.guideline__main-txt {
font-size: 32px;
font-weight: 400;
line-height: 1.3;
margin-bottom: 82px;
}

.guideline__text-subheading {
font-size: 21px;
font-weight: 700;
line-height: 1.4;
}

.guideline__text-subheading--way {
margin-bottom: 8px;
}

ul.guideline__list li:before {
background-color: #4276ab;
height: 5px;
width: 5px;
}

ul.guideline__list li {
padding-left: 20px;
}

ul.guideline__list--big li:before {
background-color: #4276ab;
height: 8px;
width: 8px;
top: 0.5em;
}

ul.guideline__list--small {
margin-bottom: 44px;
}

.guideline__main-btn {
width: 310px;
}

.guideline-main__inner {
max-width: 630px;
z-index: 20;
position: relative;
}

.guideline-main {
position: relative;
}

.guideline-main:before {
content: "";
background-image: url('../images/guide_bg.png');
background-repeat: no-repeat;
width: 547px;
height: 507px;
position: absolute;
top: -40px;
right: 39px;
}

.guideline-section--about {
padding: 119px 0 32px 0;
}

.guideline__subheading {
font-size: 36px;
font-weight: 800;
line-height: 1.4;
}

.guideline__subheading--mb55 {
margin-bottom: 55px;
}

.guideline-section .ib_parent {
font-size: 0px;
}

.guideline-section .iblock {
display: inline-block;
width: 50%;
}

.guideline-section .guide_row__col--1 {
max-width: 445px;
}

.guideline-section .guide_row__col--hand {
padding-left: 215px;
}

.guide_row:first-of-type {
margin-bottom: 112px;
}

.guide_hand {
padding-left: 92px;
position: relative;
}

.guide_hand:before{
content: "";
background: url('../images/guide_hand.png') no-repeat;
width: 76px;
height: 86px;
position: absolute;
top: 0;
left: 0;
}

.guide_hand__link {
display: inline-block;
color: #ff2963;
line-height: 1.2;
}

.guide_hand__link:hover {
color: #ff2963;
}

.guide_hand__link-span {
display: inline-block;
position: relative;
}

.guide_hand__link-span .star {
font-family: Arial, Helvetica, sans-serif;
}

.guide_hand__link-span:after {
content: '';
color: #ff2963;
display: inline-block;
height: 1px;
background-color: #ff2963;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
transition: .3s background-color;
-webkit-transition: .3s background-color;
-moz-transition: .3s background-color;
-ms-transition: .3s background-color;
-o-transition: .3s background-color;
}

.guide_hand__link:hover .guide_hand__link-span:after {
color: #ff2963;
background-color: transparent;
}

.guideline-section .guide_row__col--br {
width: 35%;
max-width: 375px;
padding-right: 85px;
vertical-align: top;
border-right: 1px solid #e5e5e5;
padding-bottom: 56px;
}

.guideline-section .guide_row__col--bl {
width: 65%;
padding-left: 85px;
vertical-align: top;
}

.guideline-section .guideline__list--big {
vertical-align: top;
}

.guideline-section .guideline__list--left {
padding-right: 60px;
}

.guideline__list--big .guideline__item {
margin-bottom: 19px;
}

.guideline__list--left .guideline__item {
margin-bottom: 33px;
}

.guideline__list--right .guideline__item {
margin-bottom: 19px;
}

.guide_row__col .guideline__subheading {
margin-bottom: 35px;
}

.guide_row__col .guideline__subheading--pd {
margin-bottom: 23px;
line-height: 1;
}

.guideline-section--grey {
background-color: #fafafa;
padding: 80px 0 80px 0;
}

.guideline__subheading--slider {
text-align: center;
margin-bottom: 49px;
}

.guideline__load-wrapper {
text-align: center;
}

.guidline__slider {
max-width: 1130px;
margin: 0 auto;
margin-bottom: 50px;
}

.guidline__slide {
/* max-width: 775px; */
height: 585px;
position: relative;
overflow: hidden;
margin: 0 auto;
}

.guidline__slide-pic {
max-width: 770px;
height: 550px;
margin: 0 auto;
box-shadow: 0 10px 15px rgba(104,0,34,0.2);
}

.guidline__slide-img {
max-width: 100%;
}

.guidline__slider .slick-dots {
text-align: center;
}

.guidline__slider .slick-dots button {
font-size: 0;
width: 15px;
height: 15px;
background: #fe2963;
border: 5px solid transparent;
background-clip: padding-box;
margin: 0;
padding: 0;
}

.guidline__slider .slick-dots .slick-active button {
border: 1px solid transparent;
background-color: #fe2963;
}

.guidline__slider .slick-arrow {
margin: -28px 0 0;
}
#bx-panel:hover{
	z-index:9999 !important;
}

/*unsubscribe*/
.unsubscribe_creative .main_width {
	position: relative;
}
.unsubscribe_creative .main_width:before {
	content: '';
	display: block;
	position: absolute;
	top: 30px;
	right: 0;
	width: 471px;
	height: 520px;
	background: url('../images/unsubscribe_creative.png') no-repeat 0 0 transparent;
}
.unsubscribe_creative .main_width{
	min-height: 540px;
}
.unsubscribe_creative .page_creative_title {
	max-width: 430px;
}
.unsubscribe_creative .page_creative_text {
	margin-bottom: 30px;
	max-width: 600px;
}
.unsubscribe_list {
	max-width: 583px;
}
.unsubscribe_item {
	position: relative;
	display: block;
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 21px;
	font-weight: 300;
	cursor: pointer;
}
.subscribe-again {
	margin-top: 55px;
}
.subscribe-again .h2 {
	margin: 0;
}
.subscribe-again .h2 a {
	color: #ff2963;
	text-decoration: underline;
}
.subscribe-again .h2 a:hover {
	text-decoration: none;
}
.linethrough .page_creative_title,
.linethrough .page_creative_text {
	text-decoration: line-through;
}
@media screen and (max-width: 600px) {
	.unsubscribe_item {
		font-size: 18px;
	}
}

.unsubscribe_item:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	border: 1px solid #477aac;
	top: 8px;
	left: 0;
}
.unsubscribe_item:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #477aac;
	position: absolute;
	top: 11px;
	left: 3px;
	opacity: 0;
}
.unsubscribe_item.active:after {
	opacity: 1;
}
.unsubscribe_item input {
	display: none;
}
.unsubscribe_details {
    max-height: 0;
	overflow: hidden;
    transition: max-height 0.3s;
}
.unsubscribe_details.visible {
	max-height: 82px;
}
.unsubscribe_textarea {
	display: block;
	width: 100%;
	height: 60px;
	background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
	font-size: 21px;
	font-weight: 300;
	color: #565555;
	padding: 15px 20px;
	resize: none;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,"SF UI Text","Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.unsubscribe_textarea.error {
    border-color: #FE0000;
}
.unsubscribe_textarea::-webkit-input-placeholder {
  opacity: 0.5;
}
.unsubscribe_textarea::-moz-placeholder {
  opacity: 0.5;
}
.unsubscribe_textarea:-ms-input-placeholder {
  opacity: 0.5;
}
.unsubscribe_textarea:-moz-placeholder {
  opacity: 0.5;
}
.unsubscribe_details .err_mess {
    font-size: 12px;
    line-height: 1.3;
    color: #FE0000;
    margin-top: 6px;
}
.unsubscribe_creative .btn {
	width: 100%;
	max-width: 380px;
}
/*unsubscribe END*/

/*subscribe-confirm*/
.subscribe-confirm_cols4 {
	font-size: 0;
	margin: 35px -15px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.subscribe-confirm_col {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	min-width: 280px;
	padding: 0 15px;
	flex: 0 1 auto;
}
.subscribe-confirm_article_item {
	display: block;
	margin: 0 0 40px;
	font-size: 17px;
	line-height: 1.4;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,"SF UI Text","Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
	height: 100%;
	font-weight: 300;
}
.subscribe-confirm_article_item_date {
	color: #303030;
	font-size: 14px;
	font-family: system-ui,-apple-system,BlinkMacSystemFont,"SF UI Text","Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
	margin: 0 0 10px;
}
.subscribe-confirm_article_item_img {
	border: 1px solid #ebebeb;
	margin: 0 0 10px;
	max-width: 275px;
	overflow: hidden;
}
.subscribe-confirm_article_item_img img {
	display: block;
	position: relative;
	left: 50%;
	margin-left: -137px;
	max-height: 275px;
}
.subscribe-confirm_article_item_name a {
	color: #2a629b;
	text-decoration: none;
	border-bottom: 1px solid rgba(42,98,155,.2);
}
.subscribe-confirm_article_item_name a:hover {
	border-bottom-color: rgba(255,42,105,.2);
	color: #ff2a69;
}
.subscribe-confirm_btn-hld {
	margin-top: 15px;
	padding-bottom: 25px;
}
.subscribe-confirm_btn-hld .btn {
	display: block;
	width: 100%;
	font-size: 21px;
	line-height: 30px;
	padding: 18px 10px;
}
/*subscribe-confirm END*/

#company_slider .slick-center .slick_helper{
	display: none;
}

.reactive_creative {
margin-bottom: 80px;
}

.reactive_creative img {
float: right;
display: block;
}

.reactive_creative .page_creative_inner {
margin-right: 350px;
}

.reactive_creative .btn {
max-width: 380px;
}
#bx-panel ~ .main_frame > .header_sep{
	display: none;
}
.page_workshop{
	background: #10111D url('../images/workshop_bg.svg') no-repeat center;
	text-align:center;
	margin-bottom: -50px;
	padding: 70px 0px 60px;
	color:#ffffff;
}
.page_workshop .page_creative_title{
	color:#ffffff;
	font-size: 36px;
}
.page_workshop .page_creative_text{
	font-size: 16px;
}
.workshop_br_heart{
	background: url('../images/b_heart.svg') no-repeat center;
	width: 102px;
	height: 88px;
	margin: 15px auto;
}
.workshop_f_heart{
	background: url('../images/f_heart.svg') no-repeat center;
	width: 102px;
	height: 90px;
	margin: 15px auto;	
}
.workshop_logos .workshop_logo_ex{
	background: url('../images/ex_logo.svg') no-repeat center;
	display: inline-block;
	vertical-align:top;
	width: 43px;
	height: 43px;
}
.workshop_logos .workshop_logo_emx{
	background: url('../images/emx_logo.svg') no-repeat center;
	display: inline-block;
	vertical-align:top;
	width: 87px;
	height: 49px;
}
.workshop_logos a + a{
	margin-left: 43px;
}
.workshop_logos{
	position:relative;
	margin-bottom: 65px;
}
.workshop_logos:before{
	content: "";
	position:absolute;
	width:1px;
	height: 40px;
	left: 50%;
	background:rgba(255, 255, 255, 0.6);
	top: 4px;
	margin-left: -21px;
}
.page_workshop .btns_wrap{
	padding-top: 23px;
}
.page_workshop .btns_wrap .btn{
	padding: 19px 30px;
	font-size: 16px;
	min-width: 230px;
	margin: 5px 16px;
}

/* added 08/12/2020 saveliy*/
.sav_styles{
   margin-bottom: 100px;
}


.sav_styles .page_creative_text{
    max-width: 870px;
    padding-bottom: 20px;
}
.sav_styles .page_creative_title{
    font-size: 108px;
    line-height: 1.2;
    margin: 0 0 15px;
}
.sav_styles .page_creative_inner{
    display: flex;
    justify-content: space-between;
}
.title_line{
   font-size: 36px;
   line-height: 1.2;
   padding-bottom: 30px;
}
.title_line span{
    color: #FF2963;
}
.right_column{
   max-width: 130px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   text-align: center;
   font-size: 10px;
   line-height: 1.1;
   font-weight: bold;
   color: #000000;
   text-transform: uppercase;
}
.icon01:before, .icon02:before, .icon03:before, .icon04:before{
   content: "";
   display: block;
   width: 84px;
   height: 84px;
   margin: 10px auto 10px;
}
.icon01:before{
   background: url('../images/icon01.svg') no-repeat center;
}
.icon02:before{
   background: url('../images/icon02.svg') no-repeat center;
}
.icon03:before{
   background: url('../images/icon03.svg') no-repeat center;
}
.icon04:before{
   background: url('../images/icon04.svg') no-repeat center;
}
.icon01, .icon02, .icon03, .icon04{
    max-width: 120px;
}
.spec_black_friday .right_column {
	color: #fff;
}
.sav_styles .col_text:after{
    display: none;
}
.sav_styles .col_text{
    max-width: 450px;
}
.sav_styles .col_text li+li{
    margin-top: 6px;
}
.sav_styles .col_text ol{
    padding-top: 20px;
}
.sav_styles li{
    position: relative;
    padding-left: 20px;
}
.sav_styles .col_text li:before{
    content: "";
    display: block;
    border-radius: 100%;
    background-color: #FF2963;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 11px;
    left: 0px;
}
.sav_styles .slick-dots li{
	padding:0px;
}
.sav_styles .col_small_text:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: url('../images/icon05.svg') no-repeat center;
    width: 81px;
    height: 88px;
}
.sav_styles .col_small_text{
    padding-left: 100px;
    margin-left: 700px;
    font-weight: bold;
    color: #303030;
    font-size: 21px;
    line-height: 1.4;
}
.sav_styles .col_small_text a{
    color: #FF2963;
    font-weight: 300;
    font-size: 21px;
    line-height: 1.4;
    text-decoration-line: underline;
}
.sav_styles .col_small_text a:hover{
    text-decoration: none;
}
.sav_styles .h2{
    margin-bottom: 45px;
}
.scheme{
    margin-bottom: 60px;
    text-align: center;
}
.sheme_img{
    width: 100%;
    max-width: 1229px;
	/*margin-bottom: 75px;*/
}
.dowload_scheme{
	margin-top: 75px;
}
.sav_works .works_slide {
   box-shadow: none;
   height: 592px;
   padding: 0;
}
.sav_works .slide_title{
    position: absolute;
    top: 73px;
    left: 540px;
	font-family: 'e8square', Arial, sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 1.1;
    color: #303030;
    max-width: 525px;
}
.sav_works .mvideo{
    font-weight: 300;
    font-size: 36px;
    line-height: 1.1;
    color: #FF2963;
    margin-bottom: 18px;
	font-family: 'e8square', Arial, sans-serif;
}
.slide_link:after {
    content: "";
    display: inline-block;
    background: url('../images/string01.svg') no-repeat center;
    width: 59px;
    height: 16px;
    padding: 0 0 7px 17px;
}
.sav_works .slide_img{
    width: 100%;
    max-width: 590px;
}
.sav_works .works_slider .slick-arrow.slick-next {
    top: 100%;
    right: auto;
    left: 50%;
    margin-top: 21px;
    margin-left: 65px;
}
.sav_works .works_slider .slick-arrow.slick-prev {
    top: 100%;
    left: 50%;
    margin-left: -80px;
    margin-top: 22px;
}
.sav_works .slide_inner_flexbox{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.sav_works .slide_count_info{
	font-family: 'e8square', Arial, sans-serif;
    color: #303030;
    padding-bottom: 20px;
}
.sav_works .count_numb {
    font-weight: 800;
    font-size: 24px;
    line-height: 1.2;
}
.sav_works .count_desc {
    font-weight: 300;
    font-size: 21px;
    line-height: 1.1;
    max-width: 220px;
}
.sav_works .count_cont01, .sav_works .count_cont02, .sav_works .count_cont03, .sav_works .count_cont04{
    position: relative;
    padding-bottom: 48px;
}
.sav_works .wrap_flex {
    width: 100%;
    max-width: 820px;
}
.sav_works .count_cont01:before, .sav_works .count_cont02:before, .sav_works .count_cont03:before, .sav_works .count_cont04:before {
    content: "";
    display: block;
    position: absolute;
    left: -100px;
}
.sav_works .count_cont01:before {
    background: url('../images/count_icon01.svg') no-repeat center;
    width: 73px;
    height: 70px;
}
.sav_works .count_cont02:before {
    background: url('../images/count_icon02.svg') no-repeat center;
    width: 83px;
    height: 78px;
}
.sav_works .count_cont03:before {
    background: url('../images/count_icon03.svg') no-repeat center;
    width: 88px;
    height: 90px;
}
.sav_works .count_cont04:before {
    background: url('../images/count_icon04.svg') no-repeat center;
    width: 83px;
    height: 78px;
}
.sav_works .reverse_order .slide_title {
    top: 0;
    left: 15px;
}
.sav_works .reverse_order .slide_img {
    max-width: 100%;
    width: 590px;
}
.sav_works .reverse_order .slide_count_info {
    padding-left: 280px;
}
.sav_works .work_tables_nav_hld {
	margin-top: 30px;
}
.sav_styles .dowload_scheme {
	display: block;
	position: relative;
	max-width: 225px;
	font-family: 'e8square', Arial, sans-serif;
	font-weight: bold;
	font-size: 21px;
	line-height: 1.4;
	color: #303030;
	margin-left: auto;
}
.sav_styles .dowload_scheme:before {
	content: "";
	display: block;
	width: 78px;
	height: 78px;
	background: url('../images/icon_crm01.svg') no-repeat center;
	position: absolute;
	top: -10px;
	left: -100px;
}
.sav_styles .esp {
	display: block;
	width: 200px;
	height: 140px;
	overflow: hidden;
	border-radius: 8px;
	margin: 0 auto;
	background: transparent url('../images/sprite_esp.png') no-repeat 0 0;
}
.sav_styles .sendpulse {
	background-position: -200px 0;
}
.sav_styles .emarsys {
	background-position: -400px 0;
}
.sav_styles .expertsender {
	background-position: -600px 0;
}
.sav_styles .mailchimp {
	background-position: -800px 0;
}
.sav_styles .exponea {
	background-position: -1000px 0;
}
.sav_styles .mindbox {
	background-position: -1200px 0;
}
.sav_styles .retailrocket {
	background-position: -1400px 0;
}
.sav_styles .getresponce {
	background-position: -1600px 0;
}
.sav_styles .mailgen {
	background-position: -1800px 0;
}
.sav_styles .unisender {
	background-position: -2000px 0;
}
.sav_styles .esputnik {
	background-position: -2200px 0;
}
.sav_styles .prod_flexcontaner {
	display: flex;
	justify-content: flex-start;
}
.sav_styles .prod_text {
	width: 100%;
	max-width: 650px;
	font-family: 'e8square', Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
	line-height: 1.4;
	color: #303030;
}
.sav_styles .prod_text div {
	max-width: 430px;
}
.sav_styles .prod_link {
	position: relative;
	margin-left: 100px;
}
.sav_styles .prod_link:before {
	content: "";
	display: block;
	width: 82px;
	height: 82px;
	background: url('../images/behance.svg');
	position: absolute;
	top: -10px;
	left: -100px;
}
.sav_styles .prod_link div {
	font-weight: bold;
	font-size: 21px;
	font-family: 'e8square', Arial, sans-serif;
}
.sav_styles .prod_link a{
	color: #FF2963;
	font-weight: 300;
	font-size: 21px;
	line-height: 1.4;
	text-decoration-line: underline;
}
.sav_styles .prod_link a:hover {
	text-decoration: none;
}
.sav_styles .esp_carusel .slick-dots {
	text-align: center;
	margin-top: 50px;
}
.sav_styles .esp_carusel .slick-prev {
	font-size: 0;
	top: 206px;
	left: 20px
}
.sav_styles .esp_carusel .slick-next {
	font-size: 0;
	top: 206px;
	right: 20px;
}
.sav_works .slide_title a:hover {
	color: #303030;
}
.sav_works .mvideo a:hover{
	color: #FF2963;
}
.canvacView{
	width: 100%;
}
/*
for zoom animation
uncomment this part if you haven't added this code anywhere else
*/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
.esp_carusel_wrap .work_tables_nav_hld{
	margin-top: 35px;
}
.schem_grid{
	display: grid;
	max-width: 933px;
	justify-content: space-between;
	grid-template-columns: 250px 250px 250px;
	margin: 0 auto;
}
.schem_grid .schem_grid-col1{
	grid-column-start: 1;
	grid-column-end: 2;
}
.schem_grid > div{
	text-align: center;
	color: #303030;
	padding: 25px 15px;
	box-shadow: 0px 0px 14px rgba(187, 201, 201, 0.25);
	border-radius: 8px;
	margin-bottom: 55px;
	position:relative;
	display: grid;
	align-content: center;
	font-size: 17px;
    background: #fff;
}
.schem_grid > div.schem_grid-pink{
	font-weight: bold;
	color:#ffffff;
	background: #FF2963;
}
.schem_grid .schem_grid-col2{
	grid-column-start: 2;
	grid-column-end: 3;
}
.schem_grid .schem_grid-col3{
	grid-column-start: 3;
	grid-column-end: 4;
}
.schem_grid .schem_grid-row1{
	grid-row-start: 1;
	grid-row-end: 2;
}
.schem_grid .schem_grid-row2{
	grid-row-start: 2;
	grid-row-end: 3;
}
.schem_grid .schem_grid-row3{
	grid-row-start: 3;
	grid-row-end: 4;
}
.schem_grid .schem_grid-row4{
	grid-row-start: 4;
	grid-row-end: 5;
}
.schem_grid > div:before{
	content: "";
	display: block;
	position:absolute;
	top: 100%;
	left: 50%;
	height: 65px;
	width: 11px;
	background: url('../images/schem_arr1.svg') no-repeat center;
	margin: -7px 0px 0px -5px;
	background-size: cover;
	z-index: 10;
}
.schem_grid-col1.schem_grid-row3:before{
	background: url('../images/schem_arr2.svg') no-repeat center;
	width: 100px;
	height: 193px;
	left: 100%;
	top: auto;
	bottom: 50%;
	margin: 0px 0px -5px -5px;
}
.schem_grid-col2.schem_grid-row4:before{
	background: url('../images/schem_arr3.svg') no-repeat center;
	width: 100px;
	height: 515px;
	left: 100%;
	top: auto;
	bottom: 50%;
	margin: 0px 0px -5px -5px;
}
.schem_grid-col3.schem_grid-row4:before{
	display: none;
}

/*services*/

.service_item__wrapper {
    position: relative;
    z-index: 5;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.service__title {
    margin-bottom: 20px;

    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
    font-family: 'e8square', Arial, sans-serif;
}

.service_item p,
.service_item li {
    font-size: 21px;
    line-height: 1.43;
    font-weight: 300;
    font-family: 'e8square', Arial, sans-serif;
}

.service_item p {
    margin-bottom: 10px;
}

.service_item li {
    margin-bottom: 10px;
}

.service_item span {
    color: #FF2963;
}

.service_btn {
    display: block;
    width: 310px;
    height: 82px;
    padding: 28px;

    background-color: transparent;
    font-size: 21px;
    line-height: 1.2;
    color: #FF2963;
    font-family: 'e8square', Arial, sans-serif;
}


.service_item.service_item--first::before {
    background-image: url('../images/0@1x.png');
    background-size: 448px 386px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.service_item.service_item--second::before {
    background-image: url('../images/xv@1x.png');
    background-size: 654px 669px;
    background-position: center center;
    background-repeat: no-repeat;
}

.feedback_form_input_cecond_name {
	display: none
}

/* top managers */

.topmanager-panel {
    position: fixed;
    bottom: 0;
    left: 90px;
    width: 400px;
    background: #2B2F2E;
    color: #fff;
    z-index: 990;
}

.topmanager-panel.hidden {
    display: none;
}

.topmanager-panel1 .topmanager-panel__max {
    display: none;
}

.topmanager-panel2 {
    bottom: 20px;
}

.topmanager-panel2 .topmanager-panel__min {
    display: none;
}

.topmanager-panel__min {
    padding: 10px 24px 7px;
}

.topmanager-panel__open {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0px;
    line-height: 0px;
    color: transparent;
    padding: 0;
    margin: 0;
    border: 0 none;
    z-index: 7;
    cursor: pointer;
}

.topmanager-panel__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
}

.topmanager-panel__close {
    display: block;
    border: 0 none;
    color: transparent;
    font-size: 0px;
    line-height: 0px;
    width: 24px;
    height: 24px;
    background: transparent;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 5;
    cursor: pointer;
}

.topmanager-panel__close:before,
.topmanager-panel__close:after {
    content: "";
    display: block;
    width: 10px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    bottom: 6px;
}

.topmanager-panel2 .topmanager-panel__close:before,
.topmanager-panel2 .topmanager-panel__close:after {
    width: 17px;
}

.topmanager-panel__close:before {
    left: 6px;
    transform-origin: 0 50%;
    transform: rotate(-45deg);
}

.topmanager-panel__close:after {
    right: 6px;
    transform-origin: 100% 50%;
    transform: rotate(45deg);
}

.topmanager-panel__max {
    padding: 24px 30px 24px 175px;
    position: relative;
}

.topmanager-panel__image {
    position: absolute;
    left: -40px;
    width: 215px;
    top: -12px;
    height: 186px;
    background: url('../images/top-manager1.png') no-repeat top right transparent;
}

.topmanager-panel__image.im2 {
    background-image: url('../images/top-manager2.png');
    height: 206px;
    top: -38px;
}

.topmanager-panel__image.im3 {
    background-image: url('../images/top-manager3.png');
    height: 196px;
    top: -2px;
}

.topmanager-panel__image.im4 {
    background-image: url('../images/top-manager4.png');
    height: 204px;
    top: -14px;
}

.topmanager-panel__button {
    display: block;
    text-decoration: none;
    width: 100%;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    padding: 10px 18px;
    height: 48px;
    font-family: -system-ui, -apple-system, BlinkMacSystemFont, "SF UI Text", "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif, Arial, sans-serif;
    background: transparent;
    color: #fff;
    white-space: nowrap;
    margin: 0;
    cursor: pointer;
    text-align: center;
    box-shadow: 0px 6px 12px rgba(205, 26, 75, 0.25);
    transition: box-shadow 0.3s;
    margin: 16px 0 0;
}

.topmanager-panel__button:hover {
    box-shadow: 0px 3px 6px rgba(205, 26, 75, 0.25);
}

.topmanager-popup {
    max-width: 1140px;
    padding: 32px 0 0;
}

.topmanager-popup .popup_inner {
    max-width: 100%;
    padding: 0 50px;
}

.topmanager-popup .popup_header {
    margin: 0 0 10px;
}

.topmanager-popup .popup_title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 900;
    margin: 0 0 5px;
}

.topmanager-popup .popup_text {
    font-size: 16px;
}

.topmanager-popup__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
}

.topmanager-popup__grid {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 20px 38px 50px;
    margin: 0 -50px;
}

.topmanager-popup__grid.slick-initialized {
    display: block;
    overflow: hidden;
}

.topmanager-popup__grid.slick-initialized .slick-list {
    overflow: visible;
}

.topmanager-popup__grid.slick-initialized .slick-track {
    display: flex;
    flex-flow: row nowrap;
}

.topmanager-popup__col {
    flex: 0 1 264px;
    width: 264px;
    padding: 0 12px;
}

.topmanager-popup__grid.slick-initialized .topmanager-popup__col {
    height: auto;
}

.topmanager-item {
    width: 240px;
    height: 100%;
    background: #F7F7F9;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    padding: 0 0 20px;
    font-size: 15px;
    line-height: 1.5;
    transition: transform 0.3s ease;
    transform: translateY(0px);
}

.topmanager-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    filter: drop-shadow(0px 150px 60px rgba(107, 115, 133, 0.01)) drop-shadow(0px 84px 50px rgba(107, 115, 133, 0.05)) drop-shadow(0px 37px 37px rgba(107, 115, 133, 0.09)) drop-shadow(0px 9px 21px rgba(107, 115, 133, 0.1)) drop-shadow(0px 0px 0px rgba(107, 115, 133, 0.1));
    opacity: 0;
    transition: opacity 0.3s ease;
}

@media (hover: hover) {

    .topmanager-popup__col:hover .topmanager-item {
        transform: translateY(-10px);
        z-index: 5;
    }
    
    .topmanager-popup__col:hover .topmanager-item:before {
        opacity: 1;
    }

}

.topmanager-item > * {
    width: 100%;
    position: relative;
}

.topmanager-item img {
    display: block;
    width: 100%;
    margin: 0 0 20px;
}

.topmanager-item__info {
    padding: 0 20px 20px 20px;
    flex: 1 1 auto;
}

.topmanager-item__title {
    margin: 0 0 16px;
}

.topmanager-item__name {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.topmanager-item__job {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: rgba(48,48,48,0.7);
    margin: 5px 0 0;
}

.topmanager-item .btn {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 20px;
    height: 56px;
    background: transparent;
    margin: 0 20px;
    width: auto;
}

.topmanager-item .btn:hover {
    background: #ff2963;
}
/* .vacancy__main-content {
  scroll-padding-top: 100px;
} */
#vacancy-accordion .accordion__header {
  font-size: clamp(20px, 1.0627rem + 1.5692vw, 36px);
}
#vacancy-accordion .accordion__body {
  padding: 18px 0 60px 0;
}
#vacancy-accordion .accordion__header {
  line-height: 1.1;
  padding: 0.4em 0;
}

.job_start_p .col > .h2 {
  text-transform: uppercase;
  font-family: var(--font-family);
  font-size: clamp(20px, 1.0627rem + 1.5692vw, 36px);
}
/* .jobs_item .button {
  width: 50%;
  float: right;
  margin-top: 30px;
} */

.jobs_item .jobs-cta-btn {
  float: right;
  width: 48.5%;
  max-width: 570px;
  margin-top: 30px;
}
/* End */


/* Start:/local/templates/emx/css/edit.css?17810129609242*/
.service_item b{
	font-size: 20px;
}
.filter-year {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 20px 60px;
	font-size: 21px;
	line-height: 28px;
	color: #303030;
	font-weight: 800;
	font-family: 'Circe', Arial, sans-serif;
	border-bottom: 2px dotted #acacac;
	transition: border-color 0.3s, color 0.3s;
}
.narrow_filters .filter-year {
	margin-left: 25px;
}
.filter-year:hover {
	border-color: transparent;
	color: #303030;
}
.filter-year.active {
	border-color: transparent;
	color: #ff2963;
}
.company_slide_img{
	position:relative;
}
.company_slide_img iframe{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.cases_list.pinterest .case_slide_img{
	overflow: hidden;
	height: 237px;
	max-width: 237px;	
	background:#FCFCFC;
	/*display: flex;
	flex-flow: column;
	justify-content: space-around;*/
}
.cases_list.pinterest .case_slide_text{
	height: 175px;
}
label.error{
	/*position:absolute;*/
	display: block;
	padding-top: 6px;
	left: 0px;
	top: 100%;
	color:#a80000;
	font-size: 13px;
}
.big_btn.loading, .big_btn.loading:hover{
	background:#FF2963 url('../images/ajax-loader1.gif') no-repeat center;
	color: transparent;
}

.client_slide_img.grey{
	/*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}

/* mainpage */
.mainpage_creative_text {
	max-width: 840px;
	font-size: 68px;
	letter-spacing: -1px;
}
.mainpage_creative .main_width {
	background-image: url('../images/main_sprite.jpg');
	background-position: right -1575px;
	-ms-background-position-x: right;
	background-position-x: right;
	-ms-background-position-y: -1575px;
	background-position-y: -1575px;
	min-height: 525px !important;
}

@media screen and (max-width: 1140px) {
	.mainpage_creative .main_width {
	    background-position-x: -10px !important;
	}
	.help_tool {
		display: block;
	}
}

@media screen and (max-width: 1000px) {
	.main_frame .mainpage_creative .main_width {
    /*background-position-x: -100px !important;*/
    /*min-height: 525px !important;*/
    background-position: right -1575px;
    -ms-background-position-x: -100px !important;
    background-position-x: -100px !important;
	}
}

@media screen and (max-width: 800px) {
	.mainpage_creative .main_width {
	    background-image: none !important;
	    min-height: auto !important;
	    margin-bottom: 30px;
	}
}
/*leadpage*/
.lead_creative:before {
	background: url('../images/lead-creative_2.jpg') no-repeat 0 0 transparent;
	-webkit-background-size: cover;
	background-size: cover;
	width: 466px;
	height: 466px;
	top: -70px;
	margin-right: -530px;
}
@media screen and (max-width: 1100px) {
	.lead_creative:before {
    right: 0 !important;
	}
}
@media screen and (max-width: 1000px) {
	.lead_creative {
		min-height: 520px !important;
	}
	.lead_creative:before {
    display: block !important;
	}
}
@media screen and (max-width: 768px) {
	.lead_creative:before {
    right: -90px !important;
	}
}
@media screen and (max-width: 700px) {
	.lead_creative:before {
    display: none !important;
	}
	.lead_creative {
		min-height: auto !important;
	}
}
/*emailpage*/
.email_creative:before {
	display: none;
}
.email_creative .main_width {
	position: relative;
}
.email_creative .main_width:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -120px;
	width: 602px;
	height: 466px;
	background: url('../images/email-creative_2.jpg') no-repeat 0 0 transparent;
}

@media screen and (max-width: 1150px) {
	.email_creative .main_width:before {
		right: -200px;
	}
}

@media screen and (max-width: 1050px) {
	.email_creative .main_width:before {
		right: -250px;
	}
}

@media screen and (max-width: 880px) {
	.email_creative .main_width:before {
		display: none;
	}
}
/*designpage*/
.design_creative:before {
	background: url('../images/design-creative_2.jpg') no-repeat 0 0 transparent;
	-webkit-background-size: cover;
	background-size: cover;
	width: 466px;
	height: 466px;
	top: -90px;
	right: 47%;
}

.design_creative {
	min-height: 385px;
}

@media screen and (max-width: 1000px) {
	.design_creative:before {
		display: block !important;
		top: -70px;
		right: 54%;
	}
	.page_creative img {
		display: none !important;
	}
}

@media screen and (max-width: 735px) {
	.design_creative:before {
		display: none !important;
	}
	.design_creative {
		min-height: auto;
	}
}
/*trainingpage*/
.training_creative .main_width {
	position: relative;
}
.training_creative .main_width:before {
	content: "";
	display: block;
	position: absolute;
	top: -70px;
	right: 45%;
	margin-right: -510px;
	width: 466px;
	height: 466px;
	background: url('../images/training-creative.jpg') no-repeat 0 0 transparent;

	-webkit-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	.training_creative .main_width:before {
		top: 0;
	}
}

@media screen and (max-width: 768px) {
	.training_creative .main_width:before {
		display: none;
	}
}
/*strategypage*/
.strategy_creative .main_width {
	position: relative;
}
.strategy_creative .main_width:before {
	content: "";
	display: block;
	position: absolute;
	top: -50px;
	right: 50%;
	margin-right: -540px;
	width: 470px;
	height: 470px;
	background: url('../images/strategy-creative1.jpg') no-repeat 0 0 transparent;

	-webkit-background-size: 100%;
	background-size: 100%;
}

@media screen and (max-width: 1050px) {
	.strategy_creative .main_width:before {
		right: 43%;
	}
}

@media screen and (max-width: 900px) {
	.strategy_creative .main_width:before {
		display: none;
	}
	.strategy_creative {
		min-height: auto !important;
	}
}
/*specpage*/
.spec_creative:before {
	background: url('../images/spec-creative.jpg') no-repeat 0 0 transparent;
	-webkit-background-size: 100%;
	background-size: 100%;
	top: -50px;
	margin-right: -480px;
}

@media screen and (max-width: 1000px) {
	.spec_creative:before {
		margin-right: -450px;
	}
	.spec_black_friday .spec_creative:after {
		margin-right: -450px;
		right: 54%;
	}
}

@media screen and (max-width: 885px) {
	.spec_creative {
		min-height: auto !important;
	}
	.spec_creative:before {
		display: none !important;
	}
	.spec_black_friday .spec_creative:after {
		display: none !important;
	}
}
/*auditpage*/
.audit_creative .main_width:before {
	background: url('../images/audit-creative.jpg') no-repeat 0 0 transparent;

	-webkit-background-size: 100%;
	background-size: 100%;

	width: 466px;
	height: 466px;
	right: 10px;

	top: -35px;
}

@media screen and (max-width: 1150px) {
	.audit_creative .main_width:before {
		/*right: -170px;*/
	}
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 1.5dppx){
	.mainpage_creative .main_width {
		background-image: url('../images/main_sprite_x2.jpg');
		-webkit-background-size: 983px 2100px;
		background-size: 983px 2100px;
	}
	
	.lead_creative:before {
		background: url('../images/lead-creative_2_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 466px 466px;
		background-size: 466px 466px;
	}

	.email_creative .main_width:before {
		background: url('../images/email-creative_2_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 466px 466px;
		background-size: 466px 466px;
	}

	.design_creative:before {
		background: url('../images/design-creative_2_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 466px 466px;
		background-size: 466px 466px;
	}

	.training_creative .main_width:before {
		background: url('../images/training-creative_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 466px 466px;
		background-size: 466px 466px;
	}

	.strategy_creative .main_width:before {
		background: url('../images/strategy-creative1_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 470px 470px;
		background-size: 470px 470px;
	}

	.spec_creative:before {
		background: url('../images/spec-creative_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 466px 466px;
		background-size: 466px 466px;
	}

	.audit_creative .main_width:before {
		background: url('../images/audit-creative_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 466px 466px;
		background-size: 466px 466px;
	}
	
	.spec_new_year .spec_creative:before {
		background: url('../images/spec-creative-ny_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 654px 605px;
		background-size: 654px 605px;
	}
	
	.spec_black_friday .spec_creative:before {
		background: url('../images/spec-creative-bf_x2.jpg') no-repeat 0 0 transparent;
		-webkit-background-size: 567px 567px;
		background-size: 567px 567px;
	}
}

.lead_creative .page_creative_inner,
.email_creative .page_creative_inner,
.design_creative .page_creative_inner,
.strategy_creative .page_creative_inner {
	padding-top: 0;
}
.training_creative {
	margin-top: 80px;
}

.lead_creative {
	min-height: 500px;
}




.email_creative {
	margin-bottom: 100px;
}
.design_creative {
	margin-bottom: 80px;
}
.strategy_creative {
	margin-bottom: 80px;
}
.spec_creative {
	margin-bottom: 120px;
}

/*banner*/
.banner_apr_21 {
	background-color: #000000;
}
.main_width_banner {
	margin: 0 auto;
	max-width: 1160px;
}

.main_width_banner img {
	width: 100%;
	height: auto;
	display: block;
}




/* End */


/* Start:/local/templates/emx/css/media.css?178101296048010*/
@media screen and (max-width: 1600px) {

    .examples_slider_arr:not(.examples_slider_arr_opened) {
        width: auto;
        left: 40px;
        right: 40px;
        margin: 0;
    }

}

@media screen and (max-width: 1300px) {

    .clients_slider {
        margin-right: 0;
    }

    .spec_switch {
        right: 20px;
    }

}

@media screen and (max-width: 1200px) {

    .header_menu {
        margin-left: 35px;
    }

    .header_menu .submenu {
        left: 0;
        right: 0;
        margin: 0;
        width: auto;
    }

    .header_menu .submenu ul {
        margin-left: 84px;
    }

    .service_item {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 20px;
        line-height: 22px;
    }

    .service_item_btns .item_btn {
        font-size: 12px;
    }


    .lead_steps .lead_step2 {
        margin-left: 260px;
    }

    .lead_steps .lead_step3 {
        margin-left: 315px;
    }

    .email_creative .page_creative_inner {
        padding-top: 0;
    }

    .email_creative .page_creative_text {
        max-width: 500px;
    }

    .cases_list {
        margin-left: -8px;
        margin-right: -8px;
    }

    .cases_col {
        width: 100%;
        max-width: 326px;
        padding: 0 8px 30px;
    }

    .cases_col .case_slide {
        max-width: 275px;
        width: 95%;
        margin: 0 auto;
        box-shadow: 0 4px 10px rgba(104, 0, 34, 0.2);
    }

    .cases_col .case_slide_img {
        float: none;
        width: auto;
    }

    .cases_col .case_slide_info {
        margin-left: 0;
    }

    .cases_col .case_slide_text {
        height: auto;
        margin-bottom: 20px;
        min-height: 100px;
    }

    .presentation_title {
        float: none;
        width: auto;
    }

    .presentation_text {
        max-width: 100%;
    }

    .presentation_author {
        margin-top: 30px;
        float: none;
        width: auto;
    }

    .presentation_author_name {
        padding-right: 0;
    }

    .problems_list {
        margin-right: 0;
        margin-left: -15px;
    }

    .problem_item {
        margin: 0 0 15px 15px;
        padding: 16px 15px;
        font-size: 20px;
    }

    .h1 {
        font-size: 50px;
    }

    .text_page_top {
        font-size: 18px;
        line-height: 25px;
        max-width: 800px;
    }

    .text_page_top .aside {
        float: none;
        width: auto;
        padding: 0 0 30px;
        margin: 0 0 30px;
        border-left: 0 none;
        border-bottom: 1px solid #e7e7e7;
    }

    .text_page_top_content {
        max-width: 100%;
    }

    #to_up.floating {
        left: 15px;
        margin-left: 0;
    }

    .design_cols .col {
        width: auto;
        float: none;
    }

    .design_cols .col + .col {
        margin-left: 0;
    }

    .design_col_text br {
        display: none;
    }

    .design_col_text .h2 + span {
        min-height: auto;
    }

    .works_table .main_width {
        padding: 0;
    }

    .works_table .line_title {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .works_table .line_title:before {
        display: none;
    }

    /*.works_outer .slick-arrow {
    top: auto;
    bottom: -22px;
    }

    .works_outer .slick-prev {
    left: 15px;
    }

    .works_outer .slick-next {
    right: 15px;
    }*/
    .works_outer .works_width {
        padding-bottom: 30px;
        /*overflow: hidden;*/
    }

    .works_slide {
        margin-bottom: 0;
    }

    .works_inner .slick-dots {
        padding-left: 65px;
        padding-right: 65px;
    }

    .works_inner .slick-prev {
        left: 15px;
    }

    .works_inner .slick-next {
        right: 15px;
    }

    .examples_slider_arr:not(.examples_slider_arr_opened) {
        left: 20px;
        right: 20px;
    }

    .examples_slider_arr_opened {
        width: 70%;
        margin-left: 0;
        left: 15%;
    }

    .examples_slide {
        width: 80%;
    }

    .strategy_steps_list {
        margin-right: 420px;
    }

    .strategy_round {
        right: -20px;
    }

    .days_items {
        max-width: 800px;
        margin: 0 auto;
    }

    .days_item.cell1,
    .days_item.cell4,
    .days_item.cell5 {
        width: 55%;
    }

    .days_item.cell2,
    .days_item.cell3,
    .days_item.cell6 {
        width: 45%;
    }

    .service_item {
        padding: 54px 30px 60px 30px;
    }

}

@media screen and (max-width: 1155px) {

    .guide_hand__link-span:after {
        display: none;
    }

    .guide_hand__link {
        text-decoration: underline;
    }

    .guide_hand__link-span {
        display: inline;
    }

    .guideline-section .guide_row__col--hand {
        padding-left: 100px;
    }

    .guideline-section .guide_row__col--br {
        padding-right: 0px;
    }

    .guideline-section .guide_row__col--bl {
        padding-left: 45px;
    }

}

@media screen and (max-width: 1100px) {

    .about_service {
        width: 50%;
    }

    .lead_creative:before {
        right: -150px;
        margin-right: 0;
    }

    .lead_creative .page_creative_text {
        max-width: 370px;
    }

    .info_popup {
        padding: 60px 40px 70px;
    }

    .metodic_info_img {
        width: 360px;
    }

    .metodic_info_descr {
        margin-left: 400px;
    }

    .guideline-main:before {
        display: none;
    }

    .guideline-section .guide_row__col--br {
        display: block;
        width: 100%;
        max-width: 100%;
        border-right: none;
    }

    .guideline-section .guide_row__col--bl {
        padding-left: 0px;
        width: 100%;
    }

    .guideline__list--left .guideline__item {
        margin-bottom: 19px;
    }

    .guideline__main-txt {
        margin-bottom: 42px;
    }

    .guideline-section--about {
        padding: 70px 0 32px 0;
    }

    .unsubscribe_creative .main_width:before {
        display: none;
    }

    .unsubscribe_creative .main_width {
        min-height: 0px;
    }

    .sav_works .reverse_order .slide_count_info {
        padding-left: 115px;
    }

}

@media screen and (max-width: 1024px) {

    .profit_item, .prepare_item {
        width: 100%;
        margin-bottom: 25px;
    }

    .training_creative {
        margin-top: 50px;
    }

    .profit_block,
    .prepare_block {
        padding-bottom: 50px;
    }

    .company_slider_hld {
        position: relative;
        height: auto;
    }

    .company_slider {
        position: relative;
        width: auto;
        margin: 0;
        left: 0;
    }

    .company_slide {
        margin: 0 auto;
        max-width: 100%;
    }

    .strategy_steps_list {
        margin-left: 0;
    }

    .strategy_round {
        right: -50px;
    }

    .strategy_download {
        padding-left: 63px;
    }

    .dragon span {
        display: none;
    }

    .sav_works .slide_title {
        left: 480px;
        font-size: 40px;
    }

    .sav_works .wrap_flex {
        max-width: 700px;
    }

}

@media screen and (min-width: 1001px) {

    .header_menu {
        display: block !important;
    }

}

@media screen and (max-width: 1000px) {

    .header {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    }

    .header .main_width {
        min-height: 47px;
    }

    .header_menu {
        display: none;
        margin: 0;
        padding-bottom: 10px;
        width: 100%;
        text-align: right;
    }

    .header_menu > li {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 8px 10px 0 30px;
        width: auto;
    }

    #showmenu {
        display: block;
    }

    .header_menu .submenu ul {
        margin: 0 -25px 0 auto;
    }

    .header_menu .submenu li {
        margin: 0 35px 8px 0;
    }

    .header_info {
        position: absolute;
        top: 0;
        right: 70px;
        float: none;
    }

    .header_info .btn {
        margin-left: 15px;
    }

    .mainpage_creative {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .mainpage_creative .main_width {
        min-height: 470px;
        background-position: 100px -100px;
    }

    .mainpage_creative_text {
        font-size: 55px;
    }

    .about_block .h2,
    .about_specprojects .h2 {
        margin-bottom: 35px;
    }

    .services_block {
        background: #fafafa;
    }

    .services_block:before {
        display: none;
    }

    .text_block {
        max-width: 700px;
    }

    .services_block .text_block {
        height: 70px;
    }

    .services_list {
        max-width: 700px;
        margin-right: auto;
        margin-left: auto;
    }

    .services_list .col {
        float: none;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding: 0 3px 20px;
    }

    .service_item {
        margin: 0 auto;
    }

    .service_item_btns {
        opacity: 1;
        padding-top: 12px;
        left: 0;
        right: 0;
    }

    .touch .service_item.active,
    .no-touch .service_item:hover {
        z-index: auto;
    }

    .touch .service_item.active:before,
    .no-touch .service_item:hover:before {
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        box-shadow: 0 4px 15px rgba(104, 0, 34, 0.2);
    }

    .touch .service_item.active .service_item_img object,
    .no-touch .service_item:hover .service_item_img object {
        height: 100px;
    }

    .no-touch .service_item:hover b {
        top: 0;
    }

    .touch .service_item.active b {
        color: #000;
        top: 0;
    }

    .page_creative {
        margin-top: 60px;
    }

    .lead_creative {
        min-height: 485px;
    }

    .page_creative:before {
        display: none;
    }

    .page_creative img {
        display: block;
    }

    .page_creative .page_creative_inner {
        padding-top: 70px;
    }

    .page_creative_title,
    .subscribe_creative .page_creative_title {
        font-size: 55px;
    }

    .subscribe_creative .page_creative_text {
        font-size: 21px;
    }

    .email_creative {
        margin-bottom: 70px;
    }

    .email_creative .page_creative_text {
        max-width: 520px;
        margin-right: 220px;
    }

    .lead_circle {
        margin: 60px 0 50px;
        height: auto;
        background-image: none;
    }

    .lead_steps {
        position: static;
        font-size: 0;
        margin-left: -20px;
        counter-reset: list;
    }

    .lead_steps li {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        display: inline-block;
        vertical-align: top;
        margin: 0 !important;
        width: 33.33333%;
        padding: 0 0 50px 75px;
        counter-increment: list;
        font-size: 18px;
        line-height: 21px;
    }

    .email_result li {
        width: 33.33333%;
        padding: 0 0 50px 75px;
        font-size: 18px;
        line-height: 21px;
    }

    .lead_steps li:before {
        content: counter(list) ".";
        font-size: 70px;
        line-height: 1;
        color: #4276ab;
        font-weight: 800;
        position: absolute;
        top: -10px;
        left: 13px;
    }

    .email_result li:before {
        left: 13px;
    }

    .lead_steps .lead_step3 {
        width: 33.33333%;
    }

    .email_result li span {
        max-width: 100%;
    }

    .lead_final {
        top: 0;
    }

    .col_text,
    .spec_new_year .specprojects_cols .col_text {
        float: none;
        width: auto;
    }

    .spec_new_year .specprojects_cols .col_text_limit {
        max-width: 100%;
    }

    .col_text:after {
        display: none;
    }

    .col_small_text {
        margin-left: 0;
        margin-top: 30px;
        max-width: 445px;
        padding-left: 75px;
    }

    .col_small_text:before {
        left: 0;
    }

    .spec_new_year .specprojects_cols .col_small_text {
        padding-top: 0;
    }

    .spec_new_year .col_small_text:before {
        left: 0;
        top: 13px;
    }

    .spec_black_friday .col_small_text {
        padding-left: 100px;
    }

    .spec_black_friday .col_small_text i {
        left: 0;
        top: 5px;
    }

    .specprojects_cols,
    .about_specprojects {
        margin-bottom: 65px;
    }

    .job_creative,
    .page_creative .page_creative_inner {
        padding-top: 0;
    }

    .jobs_item .cols_50 .col {
        float: none;
        width: auto;
    }

    .jobs_item * + .h2,
    .jobs_item .cols_50 .col + .col {
        margin-top: 35px;
    }

    .jobs_item ul,
    .jobs_item p {
        max-width: 100%;
    }

    .tools_list {
        margin-left: 0;
    }

    .spec_switch {
        z-index: 10000000000;
    }

    #jvlabelWrap {
        display: none !important;
    }

    .page_creative .page_creative_inner {
        margin-right: 0;
    }

    .sav_styles .col_text {
        max-width: 100%;
    }

    .sav_styles .page_creative_inner {
        flex-direction: column;
    }

    .right_column {
        flex-direction: row;
        margin-top: 40px;
        justify-content: space-around;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .sav_styles .col_small_text {
        margin-left: 0;
    }

    .icon01, .icon02, .icon03, .icon04 {
        margin: 0 20px;
    }

    .sav_styles .page_creative .btn {
        margin-top: 0;
    }

    .topmanager-popup {
        padding: 24px 0 0;
    }

    .topmanager-popup .popup_inner {
        padding: 0 24px;
    }

    .topmanager-popup .popup_title {
        font-size: 20px;
        line-height: 24px;
    }

    .topmanager-popup .popup_text {
        font-size: 14px;
    }

    .topmanager-popup__title {
        display: none;
    }

    .topmanager-popup__grid {
        margin: 0 -24px;
        padding: 16px 12px 24px;
    }

    .topmanager-popup__col {
        width: 216px;
        flex-basis: 216px;
    }

    .topmanager-item {
        width: 192px;
        padding: 0 0 16px;
        font-size: 14px;
    }

    .topmanager-item img {
        margin-bottom: 16px;
    }

    .topmanager-item__info {
        padding: 0 16px 16px;
    }

    .topmanager-item__title {
        margin-bottom: 8px;
    }

    .topmanager-item__name {
        font-size: 15px;
    }

    .topmanager-item .btn {
        height: 48px;
        padding: 11px 20px;
        margin: 0 16px; 
    }

    .jobs_item .jobs-cta-btn {
      width: 95%;
      max-width: none;
      margin-top: 30px;
      margin-left: 30px;
    }
}

@media screen and (max-width: 980px) {

    .examples_slide_button {
        float: none;
    }

    .examples_slide_title {
        display: block;
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 960px) {

    .guideline-section .guideline__list--left {
        padding-right: 30px;
    }

    .guideline-section .guide_row__col--hand {
        padding-left: 50px;
    }

    .guideline-section .guide_row__col--1 {
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }

    .guideline-section .guide_row__col--hand {
        padding-left: 0px;
    }

    .guide_row:first-of-type {
        margin-bottom: 70px;
    }

    .guideline-section .guide_row__col--br {
        padding-bottom: 30px;
    }

}

@media screen and (max-width: 950px) {

    .works_block_text {
        position: static;
        max-width: 100%;
        margin: 20px 0 30px;
        padding-right: 45px;
    }

    .works_block_text.center_h {
        transform: none;
    }

    .works_block_text.center_h_plus {
        margin-top: 20px;
    }

    .works_block_text.static_text {
        margin: 20px 0 30px;
    }

    .works_block_text.mini_top,
    .works_block_text.negative_top {
        margin-left: 0;
        max-width: 100%;
    }

    .works_block.bottom_intersect,
    .works_block.top_insect,
    .works_block.top_insect2,
    .works_block.top_insect3 {
        margin-top: 25px;
    }

    .bottom_intersect .works_block_text {
        max-width: 100%;
    }

    .works_block.left_img img,
    .works_block.left_img2 img {
        margin-left: auto;
    }

    .works_block.right_img img {
        margin-right: 0;
    }

    .bottom_intersect2 {
        padding-top: 0;
    }

    .company_creative .col-50 {
        width: 100%;
    }

    .company_creative .col-50:last-child {
        padding-left: 15px;
        margin-top: 15px;
    }

    .company_creative .col-50:last-child:before {
        display: none;
    }

    .company_stat_item {
        width: 220px;
    }

    .strategy_stages {
        padding-bottom: 50px;
    }

    .strategy_steps_list {
        margin-right: 0;
    }

    .strategy_round {
        display: none;
    }

    .strategy_steps_list a.active {
        color: inherit;
    }

    .strategy_steps_list a.active + .strategy_step_img path {
        fill: #4276ab;
    }

    .works_slide_title .small {
        display: block;
        position: static;
    }

    .works_block_text.pos_left_text {
        max-width: 100%;
    }

    .works_block_text.bottom_left {
        max-width: 100%;
        position: static;
        margin-right: 0px;
        margin-top: 20px;
    }

    .works_block_text.bottom_right, .works_block_text.bottom_right_sm,
    .awad .works_block_text.bottom_right {
        max-width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .works_slide_text li + li {
        margin-top: 20px;
    }

    .works_slide_title a, .works_slide_article a {
        border-bottom: none 0px !important;
    }

    .sav_styles .prod_flexcontaner {
        flex-direction: column;
    }

    .sav_styles .prod_text {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 920px) {

    .client_item {
        margin: 0 10px;
    }

    .client_slide_img {
        height: 80px;
    }

    .client_slide_text {
        display: none;
    }

    .footer_contacts {
        float: none;
        width: auto;
        margin-bottom: 40px;
    }

    .footer_contacts_text {
        float: left;
        max-width: 48%;
    }

    .footer_top .fsubform {
        float: right;
        width: 360px;
        max-width: 48%;
        margin: 0;
    }

    .footer_menu {
        float: none;
        width: auto;
    }

    .footer .copyright {
        float: none;
        width: auto;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .footer .copyinfo {
        float: none;
        width: auto;
    }

    .email_steps_list {
        display: block;
        font-size: 0;
    }

    .email_steps_list:before {
        display: none;
    }

    .email_step {
        display: inline-block;
        vertical-align: top;
        width: 33.3333%;
        margin-bottom: 20px;
    }

    .email_step:before {
        content: "";
        display: block;
        height: 0;
        border-top: 2px dotted #acacac;
        position: absolute;
        top: 26px;
        left: 0;
        right: 0;
    }

    .email_step.step5:before {
        display: none;
    }

    .metodic_info_img {
        width: 280px;
        margin-bottom: 30px;
    }

    .metodic_info_descr {
        margin-left: 0;
    }

    .metodic_info_title,
    .metodic_info_text {
        margin-left: 320px;
    }

    .metodic_info_title,
    .presentation_name {
        font-size: 30px;
    }

    .metodic_info_text {
        margin-bottom: 30px;
    }

    .metodic_info .fsubform,
    .metodic_info .content_share {
        clear: both;
    }

    .resolved_problems_text {
        float: none;
        max-width: 700px;
    }

    .resolved_problems_docs {
        border-left: 0 none;
        border-top: 1px solid #e7e7e7;
        padding: 20px 0 0;
        margin-top: 30px;
        width: auto;
        max-width: 290px;
        float: none;
    }

    .design_cols {
        margin-bottom: 25px;
    }

    .spec_works .works_slide_title {
        font-size: 26px;
    }

    .spec_works .works_slide_title br {
        display: none;
    }

    .spec_works .works_slide_img {
        top: auto;
        bottom: 25px;
        left: 240px;
    }

    .tools_list {
        margin-top: 30px;
        max-width: 700px;
    }

    .tools_list .col {
        width: 50% !important;
        margin-bottom: 30px;
    }

    .jobs_item .btn {
        margin-top: 35px;
    }

    .sav_works .wrap_flex {
        display: none;
    }

    .sav_works .reverse_order .slide_img {
        display: none;
    }

    .sav_works .slide_title {
        top: 0;
        left: 15px;
        max-width: 100%;
    }

    .sav_works .slide_count_info {
        padding-left: 120px;
        padding-top: 140px;
    }

    .sav_works .works_slide {
        height: auto;
    }

    .sav_works .reverse_order .slide_count_info {
        padding-top: 140px;
    }

    .sav_works .reverse_order .slide_title br {
        display: none;
    }
    .schem_grid-col1.schem_grid-row3:before,
    .schem_grid-col2.schem_grid-row4:before{
        top: 100%;
        left: 50%;
        height: 65px;
        width: 11px;
        background: url('../images/schem_arr1.svg') no-repeat center;
        margin: -7px 0px 0px -5px;
        background-size: cover;
    }
    .schem_grid{
        display: flex;
        flex-direction: column;
    }
    .schem_grid > div{
        padding: 18px 12px;
        font-size: 16px;
    }
}

@media screen and (max-width: 870px) {

    .guidline__slider .slick-arrow {
        top: auto;
        bottom: -7px;
    }

    .guideline__subheading--slider {
        padding-left: 15px;
        padding-right: 15px;
    }

    .guidline__slide-pic {
        height: auto;
        box-shadow: 0 5px 10px rgba(104, 0, 34, 0.2)
    }

    .guidline__slide {
        height: auto;
        padding: 15px;
    }

    .guidline__slider .slick-dots {
        text-align: center;
        margin-top: 30px;
    }

    .guideline-section .guide_row__col--hand {
        width: 100%;
    }

}

@media screen and (max-width: 870px) {

    .examples_main .col-50 {
        display: block;
        width: 100%;
    }

    .examples_main:after {
        display: none;
    }

}

@media screen and (max-width: 860px) {

    .line_title,
    .strategy_stages .line_title {
        padding-left: 0;
    }

    .line_title:before {
        display: none;
    }

    .lead_steps li,
    .email_result li {
        padding-left: 65px;
    }

    .lead_steps li:before,
    .email_result li:before {
        font-size: 60px;
    }

    .soc_items {
        padding-left: 0;
    }

    .media_images {
        max-width: 630px;
    }

    .switch_link {
        width: 70px;
        height: 70px;
    }

    .switch_link:before {
        margin: 16px auto;
    }

    .switch_menu {
        width: 270px;
        padding: 20px 30px 30px;
    }

}

@media screen and (max-width: 820px) {

    .about_service {
        display: block;
        width: auto;
        padding-right: 0;
        padding-left: 60px;
    }

    .about_service b br {
        display: none;
    }

}

@media screen and (max-width: 800px) {

    .lead_steps li,
    .lead_steps .lead_step3 {
        width: 50%;
    }

    .email_result li {
        width: 50%;
    }

    .presentation_controls .content_share {
        float: none;
        margin-left: 50px;
        margin-top: 20px;
    }

    .spec_new_year .snow_effect {
        display: none;
    }

    .spec_switch {
        display: none;
    }

    .spec_creative .radio_group {
        display: none;
    }

    .article_content.article_case iframe {
        height: 400px;
    }

    .sav_works .slide_count_info {
        padding-top: 170px;
    }

    .sav_works .reverse_order .slide_count_info {
        padding-top: 170px;
    }

    .sav_works .slide_title {
        max-width: 700px;
    }

    .sav_styles .dowload_scheme {
        margin: 50px auto 0;
    }
}

@media screen and (max-width: 768px) {

    .training_creative .col-50 {
        width: 100%;
    }

    .training_creative .btn {
        margin-top: 30px;
    }

    .prepare_text {
        font-size: 19px;
        line-height: 22px;
    }

    .examples_slider_arr {
        bottom: 12px;
        top: auto;
    }

    .examples_slider_nav_hld_opened {
        bottom: 115px;
    }

    .examples_slider_arr_opened {
        bottom: 125px;
    }

    .examples_slide {
        padding: 75px 40px 40px;
        width: 90%;
    }

}

@media screen and (max-width: 760px) {

    .problems_list {
        margin-left: 0;
    }

    .problem_item {
        display: block;
        margin: 0 0 15px;
        padding: 0 0 0 46px;
        border: 0 none;
        white-space: normal;
        position: relative;
        transition: color 0.3s;
    }

    .problem_item:hover {
        color: #303030;
    }

    .problem_item:before {
        content: "";
        display: block;
        width: 28px;
        height: 28px;
        border: 1px solid #000;
        background: #fff;
        position: absolute;
        top: -5px;
        left: 0;
    }

    .problem_item.checked {
        color: #ff2963;
        background: transparent;
        box-shadow: 0 0 0 #fff;
    }

    .problem_item.checked:before {
        background: url('../images/sprite.png') no-repeat 0 -50px #fff;
    }

    .works_slide {
        height: 430px;
    }

    .works_slide_img {
        top: 90px;
        right: -30px;
    }

}

@media screen and (max-width: 720px) {

    .footer_contacts_text {
        float: none;
        max-width: 100%;
    }

    .footer_top .fsubform {
        float: none;
        max-width: 100%;
        width: 400px;
        margin-top: 20px;
    }

    .page_creative .page_creative_inner {
        padding-top: 40px;
    }

    .lead_creative img {
        width: 355px;
        top: 115px;
    }

    .email_creative img {
        width: 300px;
        top: 170px;
    }

    .info_popup {
        padding: 60px 15px;
    }

    .metodic_info_img {
        width: auto;
        max-width: 280px;
        margin: 0 auto 30px;
        float: none;
    }

    .metodic_info_title,
    .metodic_info_text {
        margin-left: 0;
    }

    .metodic_info_title {
        margin-bottom: 15px;
        font-size: 24px;
    }

    .presentation_name {
        font-size: 24px;
    }

    .metodic_info_text {
        max-width: 100%;
    }

    .presentation_header {
        margin-bottom: 35px;
    }

    .presentation_author_photo {
        width: 80px;
        height: 80px;
        margin: 6px 10px 6px 0;
    }

    .page_creative .page_creative_inner {
        padding-top: 0;
    }

    .guideline-section .guideline__list--big {
        width: 100%;
        padding-right: 0px;
    }

    .sav_styles .page_creative_title {
        font-size: 90px;
    }


}

@media screen and (max-width: 680px) {
    .right_column {
        max-width: 400px;
        margin: 45px auto 0 auto;
    }

    .icon01, .icon02, .icon03, .icon04 {
        margin-bottom: 25px;
    }

    .sav_styles {
        margin-bottom: 50px;
    }

    .sav_styles .h2 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 679px) {

}

@media screen and (max-width: 660px) {

    .cases_slider_hld,
    .support_slider_hld {
        height: auto;
    }

    .cases_slider,
    .support_slider {
        position: static;
        width: auto;
        margin: 0;
    }

    #cases_slider .slick-list {
        padding: 0 20% !important;
    }

    .cases_nav_side {
        width: 20%;
        bottom: 50px;
    }

    .case_slide {
        max-width: 275px;
        width: 95%;
        margin: 0 auto 15px;
    }

    .slick-current .case_slide,
    .slick-current .client_sup,
    .slick-current .jobs_sup {
        box-shadow: 0 3px 5px rgba(104, 0, 34, 0.2);
    }

    .case_slide_img {
        float: none;
        width: auto;
    }

    .case_slide_info {
        margin-left: 0;
    }

    .case_slide_text {
        height: auto;
        margin-bottom: 20px;
        min-height: 100px;
    }

    .client_sup {
        margin: 0 5px 15px;
        height: auto;
        min-height: 380px;
    }

    .client_sup_text {
        height: auto;
    }

    .footer {
        margin-top: 30px;
    }

    .footer_top {
        padding-top: 30px;
    }

    .cases_block.gray_bg {
        padding: 50px 0 40px;
    }

    .works_item {
        padding-left: 20px;
        padding-bottom: 20px;
    }

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

    .works_block_text {
        padding-right: 20px;
    }

    .works_block .shadow_img {
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    }

    .works_inner .slick-dots {
        padding-bottom: 45px;
    }

    .works_inner .slick-arrow {
        bottom: 35px;
    }

    .team_title_img {
        width: 70px;
        height: 70px;
    }

    .team_title_text {
        margin-left: 85px;
        padding-top: 15px;
        font-size: 18px;
        line-height: 22px;
    }

    .days_item {
        height: 210px;
    }

}

@media screen and (max-width: 651px) {

    .services_block .text_block {
        height: auto;
    }

    .services_block .default_text {
        display: block !important;
    }

    .services_block .service_text {
        display: none !important;
    }

    #services_slider {
        margin: 0 -15px;
    }

    #services_slider .slick-list {
        padding: 0 25% 30px !important;
    }

    .service_item {
        margin: 0 auto;
    }

    .service_item_btns {
        opacity: 0;
        left: -15px;
        right: -15px;
        top: 100%;
        padding-top: 30px;
    }

    .touch .service_item.active .service_item_btns,
    .no-touch .service_item:hover .service_item_btns {
        opacity: 0;
    }

    #services_slider .slick-current .service_item .service_item_btns {
        opacity: 1;
    }

    #services_slider .slick-current .service_item {
        z-index: 10;
    }

    .touch .service_item.active:before,
    .no-touch .service_item:hover:before {
        right: 0;
        left: 0;
        bottom: 0;
    }

    #services_slider .slick-current .service_item:before {
        right: -15px;
        left: -15px;
        bottom: -22px;
    }

    .touch .service_item.active b,
    .no-touch .service_item:hover b {
        color: #000;
        top: 0;
    }

    #services_slider .slick-current .service_item b {
        color: #ff2963;
        top: 0px;
    }

    #services_slider .slick-current .service_item .service_item_img object {
        height: 115px;
    }

}

@media screen and (max-width: 630px) {

    #contactme .popup_title img {
        display: none;
    }

    .soc_item {
        width: 200px;
        text-align: center;
    }

    .soc_item:hover {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        z-index: 2;
    }

}

@media screen and (max-width: 600px) {

    .big_btn {
        padding: 20px 15px;
        font-size: 19px;
        line-height: 24px;
    }

    #showmenu {
        right: 10px;
    }

    .header_info {
        right: 55px;
    }

    .header_contacts {
        display: none;
    }

    .header_info .btn {
        margin-left: 0;
        padding-left: 9px;
        padding-right: 9px;
    }

    .header_menu {
        text-align: center;
        padding: 15px 0 0;
        font-size: 16px;
    }

    .header_menu > li {
        display: block;
        margin: 0 0 10px;
    }

    .header_menu .submenu {
        position: static;
        border: 0 none;
        margin-top: 10px;
    }

    .header_menu .submenu .main_width {
        padding: 0;
    }

    .header_menu .submenu ul {
        padding: 0;
        margin: 0;
    }

    .header_menu .submenu li {
        display: block;
        margin: 0 0 10px;
    }

    .mainpage_creative .main_width {
        min-height: 0px;
        background-image: none;
    }

    .mainpage_creative_inner {
        padding: 50px 0;
    }

    .mainpage_creative_text {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .mainpage_creative .btn {
        max-width: 280px;
    }

    .h1 {
        font-size: 32px;
    }

    .h2,
    .popup_title,
    .lead_final_title,
    .works_slide_title {
        font-size: 26px;
    }

    .line_title .all_link {
        font-size: 15px;
    }

    .about_service b,
    .jobs_about_item b {
        font-size: 18px;
    }

    .footer_menu .col {
        float: none;
        width: auto;
    }

    .footer_menu .col:first-child {
        width: auto;
        margin-left: 0;
    }

    .footer .socials_line a {
        width: 50px;
    }

    .footer .socials_line--modern a,
    .socials_link--modern svg,
    .footer .socials_line--modern a:before {
        width: 50px;
        height: 50px;
    }

    .popup_inner {
        padding: 0 15px;
    }

    .popup_title {
        line-height: 1.1;
        margin-bottom: 10px;
    }

    .popup .mfp-close,
    .info_popup .close,
    .works_inner .close {
        width: 40px;
        height: 40px;
    }

    .page_creative {
        min-height: auto;
        margin: 0;
    }

    .text_only {
        margin: 40px 0;
    }

    .page_creative img {
        display: none;
    }

    .page_creative .page_creative_inner {
        padding: 50px 0;
    }

    .page_creative_title,
    .subscribe_creative .page_creative_title {
        font-size: 40px;
    }

    .page_creative_text {
        font-size: 18px;
    }

    .email_creative .page_creative_text {
        max-width: 100%;
        margin-right: 0;
    }

    .lead_circle {
        margin-top: 0;
    }

    .lead_steps,
    .email_result ul {
        margin-left: 0;
    }

    .lead_steps li,
    .lead_steps .lead_step3,
    .email_result li {
        display: block;
        width: auto;
        padding: 0 0 20px 30px;
    }

    .lead_steps li:before,
    .email_result li:before {
        font-size: 24px;
        top: -2px;
        left: 0;
    }

    .lead_final {
        width: auto;
        height: auto;
        border-radius: 0;
        margin: 30px -15px 0;
        box-shadow: 0 15px 35px rgba(104, 0, 34, 0.3);
    }

    .lead_final_inner {
        padding: 30px 25px 40px;
        max-width: 100%;
    }

    .lead_final ul {
        margin-right: 0;
    }

    .lead_final li {
        width: auto;
        display: block;
        padding-right: 0;
    }

    .lead_final li br {
        display: none;
    }

    .email_steps {
        margin-bottom: 40px;
    }

    .email_steps_list:before {
        display: block;
        border-top: 0 none;
        border-left: 2px dotted #acacac;
        top: 0;
        bottom: 0;
        left: 22px;
        right: auto;
        height: auto;
    }

    .email_step {
        display: block;
        width: auto;
        padding-left: 70px;
        margin-bottom: 35px;
    }

    .email_step:before {
        display: none;
    }

    .email_step:after,
    .email_step.step2:after,
    .email_step.step5:after {
        width: 70px;
        left: -12px;
        top: -6px;
        height: 55px;
    }

    .email_step i {
        position: absolute;
        top: -5px;
        left: 0;
    }

    .email_step.step2 i,
    .email_step.step5 i {
        left: -3px;
    }

    .email_step.step1 span {
        max-width: 270px;
    }

    .filters {
        margin: 0 0 30px -20px;
    }

    .filter-control {
        margin: 0 0 20px 20px;
        font-size: 17px;
        line-height: 24px;
    }

    .text_page {
        margin: 45px 0 70px;
    }

    #to_up.floating {
        position: static;
    }

    .works_slide_img {
        top: 125px;
    }

    .col_text {
        font-size: 18px;
    }

    .jobs_item {
        font-size: 16px;
    }

    ul.round li {
        padding-left: 20px;
    }

    .spec_black_friday .header {
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
    }

    .guideline__heading {
        font-size: 46px;
    }

    .guideline__main-txt {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .guideline__subheading {
        font-size: 26px;
    }

    .guideline__list--big .guideline__item {
        margin-bottom: 10px;
    }

    .guideline-section--grey {
        padding: 60px 0 60px 0;
    }

    .guideline__load-wrapper {
        width: 70%;
        margin: 0 auto;
    }

    .guideline__load-link {
        font-size: 18px;
    }

    .guideline__main-btn {
        width: 100%;
    }

    .article_content.article_case iframe {
        height: 300px;
    }

    .sav_styles .page_creative_title {
        font-size: 70px;
        padding-top: 30px;
    }

    .sav_styles .page_creative .page_creative_inner {
        padding: 0;
    }

    .sav_styles .col_small_text {
        font-size: 18px;
    }

    .sav_styles .col_small_text a {
        font-size: 18px;
    }

    .sav_styles .col_small_text:before {
        width: 66px;
        height: 68px;
        background-size: 66px 68px;
    }

    .sav_styles .col_small_text {
        padding-left: 80px;
    }

    .sav_works .mvideo {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .sav_works .slide_title {
        font-size: 24px;
    }

    .slide_link:after {
        padding: 0 0 0 17px;
    }

    .sav_works .slide_count_info {
        padding-top: 90px;
    }

    .sav_works .count_numb {
        font-size: 18px;
    }

    .sav_works .count_desc {
        font-size: 18px;
    }

    .sav_works .count_cont01:before, .sav_works .count_cont02:before, .sav_works .count_cont03:before, .sav_works .count_cont04:before {
        bottom: 40px;
    }

    .sav_works .works_outer .works_width {
        padding-bottom: 0;
    }

    .sav_works .reverse_order .slide_count_info {
        padding-top: 90px;
    }

    .sav_styles .dowload_scheme {
        font-size: 18px;
    }

    .sav_styles .dowload_scheme:before {
        background-size: 68px 68px;
        width: 68px;
        height: 68px;
        left: -90px;
    }

    .sav_styles .prod_text {
        font-size: 18px;
    }

    .service__title {
        font-size: 26px;
    }

    .service_item {
        padding: 20px;
       height: 450px;
    }
    .service_item p,
    .service_item li {
        font-size: 18px;
    }

    .service_btn {
        width: 280px;
    }

    .topmanager-panel ~ #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-left {
        bottom: 60px !important;
    }

    .topmanager-panel {
        width: 100%;
        min-width: 320px;
        left: 0;
        z-index: 9999999999;
    }

    .mfp-wrap ~ .topmanager-panel {
        z-index: 990;
    }

    .topmanager-panel__min {
        padding: 14px 16px;
    }

    .topmanager-panel__title {
        font-size: 16px;
    }

    .topmanager-panel__close {
        top: 12px;
        right: 8px;
    }

    .topmanager-panel2 {
        bottom: 0;
    }

    .topmanager-panel__max {
        padding: 24px 16px 32px;
        max-width: 320px;
        margin: 0 auto;
    }

    .topmanager-panel__max .topmanager-panel__title {
        margin-left: 105px;
    }

    .topmanager-panel__button {
        margin-top: 24px;
    }

    .topmanager-panel__image {
        left: 6px;
        top: 8px;
        transform-origin: 0 0;
        transform: scale(0.5);
    }

    .topmanager-panel__image.im2 {
        top: -6px;
    }

    .topmanager-panel__image.im3 {
        top: 6px;
    }

    .topmanager-panel__image.im4 {
        top: -6px;
    }
    .jobs_item .jobs-cta-btn {
      width: 88%;
      max-width: none;
      margin-top: 30px;
      margin-left: 30px;
    }
}

@media screen and (max-width: 550px) {

    .slider_nav {
        padding: 0 40px;
    }

    #cases_slider .slick-list {
        padding: 0 0 30px !important;
    }

    .cases_nav_side {
        display: none;
    }

    .clients_title {
        font-size: 28px;
    }

    .clients_title .num {
        font-size: 59px;
    }

    .text_input {
        padding: 14px 16px;
    }

    textarea.text_input {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .resume_file > .text_input {
        padding-right: 65px;
    }

    .resume_file .file_btn {
        width: 60px;
    }

    .checkbox {
        line-height: 20px;
    }

    .footer_top .fsubform,
    .footer_links {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer_top .fsubform {
        width: auto;
        max-width: 800px;
    }

    .footer_links {
        padding-top: 10px;
    }

    .footer_links .mob_link_block {
        display: block;
        margin: 10px 0 0;
    }

    .works_slide {
        padding: 45px 20px;
        height: 360px;
    }

    .spec_works .works_slide {
        padding: 30px 20px;
    }

    .spec_works .works_slide_title {
        margin-bottom: 10px;
    }

    .works_slide_img {
        display: none;
    }

    .works_slide_text {
        max-width: 100%;
    }

    .works_slide_text br {
        display: none;
    }

    .works_slide_text li + li {
        margin-top: 15px;
    }

    .spec_works .works_slide_img {
        display: block;
        max-width: 270px;
        left: auto;
        bottom: 3px;
        margin-left: 20px;
    }

    .strategy_steps_list {
        font-size: 20px;
        line-height: 22px;
    }

    .strategy_steps_list li {
        padding-left: 56px;
    }

    .strategy_steps_list a span {
        display: inline;
        white-space: normal;
        border-bottom: 0 none;
        line-height: 22px;
    }

    .strategy_step_img {
        left: -4px;
    }

    .strategy_steps_list li:first-child .strategy_step_img {
        margin-top: -35px;
    }

    .strategy_download {
        padding-left: 0;
    }

    .tools_list .col {
        display: block;
        width: auto !important;
    }

    .tools_list i {
        margin-bottom: 5px;
    }

    .sav_works .slide_title {
        max-width: 420px;
    }

    .sav_works .slide_count_info {
        padding-top: 120px;
    }

    .sav_works .reverse_order .slide_count_info {
        padding-top: 120px;
    }

}

@media screen and (max-width: 450px) {

    .examples_slide_title {
        font-size: 27px;
        line-height: 31px;
    }

    .examples_slide {
        padding: 70px 15px 40px;
    }

    .days_item {
        height: 160px;
    }

    .sav_styles .page_creative_title {
        font-size: 45px;
    }

    .sav_styles .title_line {
        font-size: 28px;
    }

}

@media screen and (max-width: 440px) {

    .mainpage_creative_text {
        font-size: 30px;
    }

    .about_service {
        padding-left: 58px;
    }

    .about_service:before {
        top: -5px;
        left: -3px;
    }

    .service_icon02:before {
        left: -4px;
    }

    .service_icon03:before {
        left: -3px;
    }

    .service_icon04:before {
        left: -2px;
    }

    .service_icon05:before {
        left: 0;
    }

    .job_icon01:before,
    .job_icon03:before,
    .job_icon05:before {
        left: -5px;
    }

    .job_icon02:before,
    .job_icon04:before {
        left: -3px;
    }

    .page_creative_title,
    .subscribe_creative .page_creative_title {
        font-size: 32px;
    }

    .filter-control {
        font-size: 15px;
    }

    .info_popup {
        margin-left: -15px;
        margin-right: -15px;
    }

    .metodic_info .fsubform {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .resolved_problems_text {
        font-size: 18px;
        line-height: 22px;
    }

    .h1 {
        font-size: 28px;
    }

    .h2 {
        font-size: 23px;
    }

    .work_tables_nav {
        position: relative;
        display: block;
        min-height: 15px;
    }

    /*
    .work_tables_nav{
        display: inline-block;
    }*/
    .work_tables_nav .slick-next {
        right: 15px;
    }

    .work_tables_nav .slick-prev {
        left: 15px;
    }
    .more_margine {
        margin-top: 20px;
    }
}

@media screen and (max-width: 430px) {

    .soc_items {
        width: 100%;
        text-align: center;
    }

    .sav_styles .dowload_scheme {
        padding-left: 80px;
        margin-left: 0px;
        max-width: 300px;
    }

    .sav_styles .dowload_scheme:before {
        left: 0px;
    }

    .service_item {
        height: auto;
    }

    .service_item ul {
        margin-bottom: 25px;
    }

    .service_btn {
        width: 100%;
        height: 60px;
        padding: 19px;

        font-size: 18px;
    }

}

@media screen and (max-width: 380px) {

    .guideline__heading {
        font-size: 40px;
    }

    .guideline-section {
        padding-top: 45px;
    }

    .sav_works .reverse_order .slide_title {
        max-width: 270px;
    }

    .sav_works .reverse_order .slide_count_info {
        padding-top: 150px;
    }
}

@media screen and (max-width: 350px) {
    .icon01, .icon02, .icon03, .icon04 {
        margin: 20px 0 0 0;
    }

    .sav_works .reverse_order .slide_count_info {
        padding-left: 105px;
    }

    .sav_works .slide_count_info {
        padding-left: 105px;
    }

    .sav_styles .dowload_scheme {
        max-width: 190px;
    }
}


/* For retina */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {

    .header .logo, .about_service:before, .jobs_about_item:before, .slider_nav .slick-arrow, .checkbox input:checked + span:before,
    .footer_contacts p.icon:before, .fsubform .btn:before, .footer .socials_line a:after, .popup .mfp-close:after, .info_popup .close:after,
    .works_inner .close:after, .email_step i, .content_share .ya-share2__icon, .presentation_controls .icon_link:before, .icon_text_link:before,
    .problem_item.checked:before, .col_small_text:before, .close_slide-icon, .soc-icon, .resume_file .file_btn:before, .info_popup .ajax_arrow a,
    .pagination ul li a.prev, .pagination ul li a.next {
        background-image: url('../images/sprite_x2.png');
        background-size: 500px 320px;
    }

    .tools_list i {
        background-image: url('../images/docs_x2.png');
        background-size: 741px 61px;
    }

    .dragon:before {
        background-image: url('../images/dragon_x2.png');
        background-size: 84px 84px;
    }

    .switch_link:before,
    .switch_menu a:before,
    .spec_black_friday .header .logo,
    .spec_black_friday .col_small_text i,
    .spec_black_friday .col_small_text i:before,
    .spec_black_friday .about_service:before,
    .spec_black_friday .footer_contacts p.icon:before {
        background-image: url('../images/spec_x2.png');
        background-size: 320px 140px;
    }

    .guide_hand:before {
        background: url('../images/guide_hand_x2.png') no-repeat;
        background-size: 76px 86px;
    }

    .guideline-main:before {
        background: url('../images/guide_bg_x2.png') no-repeat;
        background-size: 547px 507px;
    }

    /* .unsubscribe_creative .main_width:before {
        background: url('../images/unsubscribe_creative_x2.jpg') no-repeat 0 0 transparent;
        -webkit-background-size: 471px 520px;
        background-size: 471px 520px;
    } */

    .sav_styles .sendpulse, .sav_styles .emarsys, .sav_styles .expertsender, .sav_styles .mailchimp, .sav_styles .exponea, .sav_styles .mindbox, .sav_styles .retailrocket, .sav_styles .getresponce, .sav_styles .mailgen, .sav_styles .unisender, .sav_styles .esputnik {
        background-image: url('../images/sprite_esp_x2.png');
        background-size: 2396px 140px;
    }

    .service_item.service_item--first::before {
        background-image: url('../images/0@2x.png');
        background-size: 448px 386px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .service_item.service_item--second::before {
        background-image: url('../images/xv@2x.png');
        background-size: 654px 669px;
        background-position: center center;
        background-repeat: no-repeat;
    }

}
/* End */


/* Start:/local/templates/emx2023/css/styles.css?1781012960119812*/
:root {
    --font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    --font-family-accent: 'Dela Gothic One', Arial, Helvetica, sans-serif;
    --main-color: #303030;
    --pink-color: #FF2963;
}

@font-face {
    font-family: 'Dela Gothic One';
    src: url('../fonts/subset-DelaGothicOne-Regular.woff2') format('woff2'),
         url('../fonts/subset-DelaGothicOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
         url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
         url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
         url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-Regular.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signate Grotesk';
    src: url('../fonts/SignateGrotesk-Black.woff2') format('woff2'),
        url('../fonts/SignateGrotesk-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.pink-re {
    color: var(--pink-color) !important;
}

.button-re {
    display: inline-flex;
    vertical-align: top;
    font-size: 20px;
    color: var(--main-color);
    text-decoration: none;
    padding: 10px 30px;
    line-height: 30px;
    height: 120px;
    text-align: center;
    border: 3px solid #303030;
    margin: 0;
    font-family: var(--font-family);
    font-weight: 800;
    background: url('../images/bg.png') repeat top center #fff;
    position: relative;
    white-space: nowrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
}

.button-re:hover {
    color: var(--main-color);
}

.button-shadow {
    position: relative;
}

.button-shadow:before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    height: 128%;
    background: url('../images/button-shadow.svg') no-repeat top center transparent;
    background-size: contain;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.button-shadow.hover:before {
    opacity: 1;
}

.button--pink {
    background: var(--pink-color);
    color: #fff;
    border-color: var(--pink-color);
}

.button--pink:hover {
    color: #fff;
}

.button-re[disabled],
.button-re[disabled]:hover {
    border-color: #999999;
    background-color: #999999;
}

.bg-new {
    background: url('../images/bg.png') repeat top center #fff;
}

.wrapper {
    min-height: 100vh;
    background: url('../images/bg.png') repeat top center #fff;
    color: var(--main-color);
    overflow: hidden;
    width: 100%;
}

.wrapper p {
    margin: 0 0 0.5em;
}

.wrapper p:last-child {
    margin-bottom: 0;
}

.wrapper .container {
    width: 92%;
    margin: 0 auto;
    max-width: 1200px;
}

.page-header--blog .container,
.page-footer--blog .container {
    margin: 0 auto;
    max-width: 1160px;
    padding: 0 20px;
}

.top-info {
    background: #2E2E2E;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    font-size: clamp(14px, 1.5vw, 20px);
    color: #FFFFFF;
    padding: 28px 0;
    font-family: var(--font-family);
}

.top-info a {
    color: var(--pink-color);
}

.top-info .container {
    position: relative;
}

.top-info__text {
    padding: 0 35px;
    text-align: center;
}

.top-info__text .point {
    display: inline-block;
    width: 4em;
    background: url('../images/point-bottom.png') no-repeat right bottom transparent;
    background-size: auto 100%;
}

.top-info__close {
    display: block;
    font-size: 0px;
    line-height: 0;
    color: transparent;
    padding: 0;
    width: 24px;
    height: 24px;
    border: 0 none;
    margin: 0;
    background: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1' x2='31.7178' y2='-1' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 23.3633 23.8916)' stroke='white' stroke-width='2'/%3E%3Cline x1='1.86501' y1='23.1845' x2='24.2929' y2='0.75659' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center transparent;
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    cursor: pointer;
}

/* camp banners */

.top-camp {
    color: #FFF;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    background: #FF2963;
    position: relative;
    z-index: 5;
}

.top-camp__inner {
    display: block;
    padding: 21px 0;
    color: inherit;
}

.top-camp__inner:hover {
    color: inherit !important;
}

.top-camp__inner > span {
    white-space: nowrap;
}

.footer-camp {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: 125px 0 30px;
    text-align: center;
    color: #fff;
    font-family: 'IBM Plex Sans', Arial, Helvetica, sans-serif;
    position: relative;
    overflow: hidden;
    background: url('../images/hero-mushroom.png') no-repeat top 460px left calc(50% - 570px) / 156px auto, url('../images/hero-cone.png') no-repeat top 100px right calc(50% - 540px) / 195px auto #303030;
}

.footer-camp .container > * {
    position: relative;
}

.footer-camp__words {
    position: absolute !important;
    bottom: 95px;
    right: max(50% - 625px, 20px);
    text-align: left;
    padding: 20px 10px 30px 20px;
    background: url('../images/hero-text-bg.svg') no-repeat 0 0 / 100% 100% transparent;

    transform-origin: bottom left;
    transform: rotate(10deg);
}

.footer-camp__words > span {
    font-size: 24px;
    line-height: 1;
}

.footer-camp__words:before {
    content: "";
    position: absolute;
    top: calc(100% - 55px);
    left: calc(50% - 142px);
    width: 284px;
    height: 116px;
    background: url('../images/hero-text-line.svg') no-repeat 0 0 / 284px 116px transparent;
}

.footer-camp__words .red {
    display: inline-block;
    position: relative;
}

.footer-camp__words .red:before {
    content: "";
    position: absolute;
    top: 0;
    left: -0.1em;
    width: calc(100% + 0.2em);
    height: calc(100% + 0em);
    z-index: -1;
    background: #E76A41;;
}

.footer-camp__title {
    font-size: min(150px, 12.5vw);
    font-weight: 900;
    line-height: 0.8;
    margin: 0 0 0.3em;
    font-family: 'Signate Grotesk', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    color: #FFC8D0;
}

.footer-camp__title .red {
    display: inline-block;
    position: relative;
    color: #fff;
    margin-right: 0.2em;

    transform-origin: bottom left;
    transform: rotate(-3deg);
}

.footer-camp__title .red:before {
    content: "";
    position: absolute;
    top: -0.12em;
    left: -0.12em;
    width: calc(100% + 0.24em);
    height: calc(100% + 0.2em);
    z-index: -1;
    border-radius: 0.12em;
    background: #E76A41;
}

.footer-camp__text {
    font-size: min(36px, 2.7vw);
    font-weight: 400;
    line-height: 1.55;
}

.footer-camp__text p {
    margin: 0;
}

.footer-camp__link {
    font-family: "Signate Grotesk";
    font-size: 44px;
    font-weight: 900;
    line-height: 0.8;
    text-transform: uppercase;
    margin: 1em 0 0;
}

.footer-camp__link a {
    color: inherit;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 2.5% /* 1.1px */;
    text-underline-offset: 8.5% /* 3.74px */;
    text-underline-position: from-font;
}

.footer-camp__link a:hover {
    color: var(--pink-color) !important;
}

.footer-camp__note {
    margin-top: 120px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    color: rgb(255, 255, 255, 0.3);
}

/* camp banners END */

.header-place {
    height: clamp(65px, 10.5vh, 114px);
}

.page-header {
    padding: clamp(20px, 3vh, 33px) 0 clamp(18px, 2.3vh, 25px);
    position: relative;
    z-index: 1000;
    font-family: var(--font-family);
}

.page-header--blog {
    margin-bottom: clamp(30px, 6.5vh, 70px);
}

.page-header.floating {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    background: rgba(255, 255, 255, 0.9);
}

@supports (backdrop-filter: blur(40px)) {

    .page-header.floating {
        background: rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(40px);
    }

}

.page-header > .container {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.page-header .logo-re {
    flex: 0 0 101px;
    width: 101px;
    position: relative;
    display: block;
}

.page-header .logo-re img {
    display: block;
    width: 100%;
}

.page-header .header__contact,
.case-header .contact-us {
    font-weight: 800;
    font-size: 20px;
    line-height: 1.20;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top: 10px;
    display: none;
    transition: none;
}

.page-header .contact-us:hover,
.case-header .contact-us:hover {
    color: var(--pink-color);
}

.page-header.floating .header__contact {
    display: inline;
}

#showmenu-new,
.showmenu-cases {
    display: none;
    position: absolute;
    top: 23px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 0px;
    line-height: 0px;
    color: transparent;
    border: 0 none;
    cursor: pointer;
}

.page-header--blog #showmenu-new {
    position: relative;
    top: -5px;
    right: 0;
    margin-left: 30px;
}
    
#showmenu-new:before,
#showmenu-new:after,
.showmenu-cases:before,
.showmenu-cases:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #303030;
    transform-origin: center center;
}
    
#showmenu-new:before,
.showmenu-cases:before {
    top: 15px;
    transition: top 0.1s linear 0.1s, transform 0.1s linear 0s, background-color 0.2s linear 0s;
}
    
#showmenu-new:after,
.showmenu-cases:after {
    bottom: 15px;
    transition: bottom 0.1s linear 0.1s, transform 0.1s linear 0s, background-color 0.2s linear 0s;
}
    
#showmenu-new.close-icon:before,
.showmenu-cases.close-icon:before {
    top: 23px;
    transform: rotate(45deg);
    transition: top 0.1s linear 0s, transform 0.1s linear 0.1s, background-color 0.2s linear 0s;
}
    
#showmenu-new.close-icon:after,
.showmenu-cases.close-icon:after {
    bottom: 23px;
    transform: rotate(-45deg);
    transition: bottom 0.1s linear 0s, transform 0.1s linear 0.1s, background-color 0.2s linear 0s;
}

.main-menu {
    margin-left: 30px;
    padding-top: 10px;
}

.page-header.floating .main-menu {
    display: none;
}

.page-header--blog .main-menu {
    margin-left: auto;
}

.page-header--blog .search_btn {
    margin-left: 45px;
    background: url('../images/search-new.svg') no-repeat center center transparent;
    position: static;
}

.main-menu > ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 800;
}

.main-menu > ul > li {
    position: relative;
}

.main-menu > ul > li + li {
    margin-left: 30px;
}

.main-menu a {
    transition: none;
}

.no-touch .main-menu > ul > li > a:hover {
    color: var(--pink-color);
}

.main-menu > ul > li.parent-re > a {
    display: inline-block;
    padding-right: 30px;
    background: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.92961 5.31831L6.4702 6.97196L6.49669 7L6.51786 6.97628L8.75494 4.57056L13 0H9.86585L6.50331 3.66249L3.13744 0.00359567H0L4.92763 5.31758L4.92961 5.31831Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A") no-repeat right center transparent;
}

.main-menu > ul > li.parent-re.active > a {
    background: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.0683 1.67986L6.52583 0.027962L6.49932 -4.62984e-05L6.47817 0.0237019L4.24383 2.43196L0.00397581 7.00735L3.13812 7.00378L6.49649 3.33747L9.86652 6.99253L13.004 6.98896L8.07028 1.68058L8.0683 1.67986Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A") no-repeat right center transparent;
}

.no-touch .main-menu > ul > li.parent-re > a:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.92961 5.31831L6.4702 6.97196L6.49669 7L6.51786 6.97628L8.75494 4.57056L13 0H9.86585L6.50331 3.66249L3.13744 0.00359567H0L4.92763 5.31758L4.92961 5.31831Z' fill='%23FF2963'/%3E%3C/svg%3E%0A");
}

.no-touch .main-menu > ul > li.parent-re.active > a:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.0683 1.67986L6.52583 0.027962L6.49932 -4.62984e-05L6.47817 0.0237019L4.24383 2.43196L0.00397581 7.00735L3.13812 7.00378L6.49649 3.33747L9.86652 6.99253L13.004 6.98896L8.07028 1.68058L8.0683 1.67986Z' fill='%23FF2963'/%3E%3C/svg%3E%0A");
}

.main-menu > ul > li > ul {
    display: none;
    position: absolute;
    top: calc(100% + 35px);
    right: 0;
    width: 250px;
    background: url('../images/bg.png') repeat top center #F8F8F8;
    border: 2px solid #303030;
    text-align: right;
}

.main-menu > ul > li.parent-re:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    /* left: 0; */
    right: 0;
    width: 220px;
    height: 35px;
}

.main-menu > ul > li:hover > ul {
    display: block;
}

.main-menu > ul > li > ul a,  
.main-menu > ul > li > ul span{
    display: block;
    padding: 18px 17px 5px;
}

.no-touch .main-menu > ul > li > ul a:hover {
    background: var(--pink-color);
    color: #fff;
}

.main-page {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    font-family: var(--font-family);
}

.hero__top {
    position: relative;
}

.hero__heart {
    position: absolute;
    left: 50%;
    right: 0;
    top: 60px;
    bottom: 140px;
    background: url('../images/main-heart.png') no-repeat top left 150px transparent;
    background-size: contain;
    opacity: 0.23;
    transition: opacity 0.6s ease-in-out;
}

.hero__top.animating .hero__heart {
    opacity: 1;
}

.hero__top .container {
    position: relative;
}

.hero h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2;
    margin: 0 0 20px;
    text-transform: uppercase;
    padding: clamp(50px, 12.3vh, 90px) 0 0;
}

.hero__subtitle {
    font-weight: 400;
    font-size: 80px;
    line-height: 1.05;
    font-family: var(--font-family-accent);
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 clamp(100px, 20.6vh, 190px);
    white-space: nowrap;
}

#moving-part {
    display: inline-block;
    margin-left: 15%;
    transition: margin-left 0.6s ease-in-out;
}

.hero__top.animating #moving-part {
    margin-left: 0;
}

.hero__top .button-re .text-m {
    display: none;
}

.cols-re {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 80px;
}

.cols-re--center {
    align-items: center;
}

.hero .cols-re {
    margin-top: 155px;
}

.title-re {
    font-weight: 700;
    font-size: 56px;
    line-height: 1.2;
    margin: 0;
}

.text-re {
    max-width: 500px;
}

* + .section--main {
    margin-top: 130px;
}

.main-trust {
    padding-bottom: 150px;
    border-bottom: 3px solid var(--main-color);
}

.lines-re {
    margin: 0 0 clamp(50px, 13.8vh, 150px);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.lines-re:before,
.lines-re:after {
    content: "";
    flex: 1 1 30px;
    height: 3px;
    background: var(--main-color);
}

.lines-re > span {
    padding: 0 30px;
    flex: 0 1 auto;
    width: 715px;
    text-align: center;
    font-size: 54px;
    line-height: 1.26;
    text-transform: uppercase;
    font-family: var(--font-family-accent);
    font-weight: 400;
}

.layout-title {
  margin: 0 0 clamp(30px, 3vh, 150px);
  text-align: left;
  font-size: 54px;
  line-height: 1.4;
  text-transform: uppercase;
  font-family: var(--font-family-accent);
  font-weight: 400;
}

.job__reviews-title {
  margin: 0 0 clamp(30px, 3vh, 150px);
}
.jobs_reviews .main_width .job__reviews-title {
  margin: 0 0 clamp(30px, 3vh, 150px);
}
.main-trust__logos {
    max-width: 2080px;
    margin: 0 auto;
    overflow: hidden;
}

@keyframes logoLine {
    0% { transform: translateX(0); }
    100% { transform: translateX(-8596px); }
}

.main-trust__line {
    white-space: nowrap;
    /*width: 4680px;*/
    animation: logoLine 60s linear infinite;
    font-size: 0px;
}

.main-trust__line > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 60px;
}

.main-trust__line img {
    display: block;
    /* width: 250px; */
    width: auto;
    max-width: 500px;
}

.main-trust__text {
    margin: 55px auto 0;
    max-width: 420px;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}

.main-tasks {
    margin-top: 150px;
}

.main-tasks .title-re {
    margin-bottom: clamp(10px, 1.8vh, 20px);
    font-weight: 800;
    font-size: clamp(20px, 3.3vh, 36px);
    line-height: 1.5;
    text-transform: uppercase;
}

.main-tasks .title-re a {
    padding-right: 25px;
    background: url("data:image/svg+xml,%3Csvg width='19' height='37' viewBox='0 0 19 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4354 22.9696L18.9239 18.5848L19 18.5094L18.9356 18.4492L12.4058 12.0821L-1.61732e-06 0L-1.2274e-06 8.92027L9.94105 18.4906L0.0097593 28.0704L0.00975969 37L14.4334 22.9752L14.4354 22.9696Z' fill='%23303030'/%3E%3C/svg%3E%0A") no-repeat right top calc(50% + 0px) transparent;
    background-size: auto 23px;
    transition: none;
}

.main-tasks .title-re a:hover {
    color: var(--pink-color);
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='37' viewBox='0 0 19 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4354 22.9696L18.9239 18.5848L19 18.5094L18.9356 18.4492L12.4058 12.0821L-1.61732e-06 0L-1.2274e-06 8.92027L9.94105 18.4906L0.0097593 28.0704L0.00975969 37L14.4334 22.9752L14.4354 22.9696Z' fill='%23FF2963'/%3E%3C/svg%3E%0A");
}

.main-tasks p {
    max-width: 490px;
}

.main-tasks .col-re:nth-child(3) p,
.main-tasks .col-re:nth-child(5) p {
    max-width: 440px;
}

.main-tasks .col-re:nth-child(6) p {
    max-width: 400px;
}

.services-page .main-tasks .col-re:nth-child(6) p {
    max-width: 490px;
}

.get-present__hld {
    position: relative;
}

@keyframes choiceHands {
    0% { transform: translateY(-3px); }
    50% { transform: translateY(3px); }
    100% { transform: translateY(-3px); }
}

.get-present {
    position: absolute;
    top: calc(100% - 30px);
    right: 0;
    width: 240px;
    height: 115px;
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}

.get-present i {
    position: absolute;
    width: 117px;
    height: 115px;
    top: 0;
    animation: choiceHands 1.6s ease-in-out infinite;
}

.get-present i:nth-child(1) {
    left: 0;
}

.get-present i:nth-child(2) {
    right: 0;
    animation-delay: 0.8s;
}

.get-present i:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/choice.png') no-repeat 0 0 transparent;
    background-size: 100% 100%;
    transform-origin: center center;
}

.get-present i:nth-child(2):before {
    transform: scaleX(-1);
}

.present-link__hld {
    position: relative;
}

.present-link {
    position: absolute;
    bottom: calc(100% - 40px);
    left: 375px;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px;
    background: var(--pink-color);
    text-decoration: none;
    white-space: nowrap;
    opacity: 0;
    margin-left: 30px;
    transition: opacity 0.2s ease-in, margin-left 0.2s ease-in;
    visibility: hidden;
    transform-origin: center center;
}

.present-link.shown {
    opacity: 1;
    margin-left: 0px;
    visibility: visible;
}

.present-link:hover {
    color: #fff;
}

.present-link:before {
    content: "";
    width: 323px;
    height: 260px;
    background: url('../images/presentation.png') no-repeat 0 0 transparent;
    background-size: 323px 243px;
    top: -260px;
    left: -55px;
    position: absolute;
}

.main-awards {
    margin-top: 100px;
}

.awards-outer {
    width: 1260px;
    margin: -80px 0 0;
    padding: 80px 0;
    overflow: hidden;
}

.awards-slider {
    width: 1280px;
}

.awards-slider .slick-list {
    overflow: visible;
}

.awards-slider:not(.slick-slider) {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
}

.awards-slider > div {
    flex: 0 0 100%;
}

.awards-section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    padding-right: 20px;
}

.awards-slider__item {
    max-width: 300px;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.4;
    text-transform: uppercase;

    position: relative;
    perspective: 1000px;
    height: 320px;
}

.awards-slider__card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.5s linear;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    transform-origin: center center;

    -webkit-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);

    will-change: transform;
}

.awards-slider__item.hover .awards-slider__card {
    -webkit-transform: rotateY(180deg) translateZ(0);
    transform: rotateY(180deg) translateZ(0);
}

.awards-slider__item.nohover .awards-slider__card {
    -webkit-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);
}

@media (hover: hover) {

    .awards-slider__item:hover .awards-slider__card {
        -webkit-transform: rotateY(180deg) translateZ(0);
        transform: rotateY(180deg) translateZ(0);
    }

}

.awards-slider__front,
.awards-slider__back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    transform-origin: center center;
}

.awards-slider__front {
    border: 3px solid #303030;
    background: url('../images/bg.png') repeat top center #fff;
    padding: 45px 10px 18px;
}

.awards-slider__back {
    background: #303030;
    color: #fff;
    padding: 18px 10px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;

    -webkit-transform: rotateY(180deg) translateZ(1px);
    transform: rotateY(180deg) translateZ(1px);
        
    z-index: 1;
}

.awards-slider__text {
    flex: 0 1 auto;
}

.awards-slider__text a,
.awards-slider__text a:hover {
    color: var(--pink-color);
}

.awards-slider__img {
    margin: 0 0 40px;
}

.awards-slider__img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.awards-slider__item--no-img {
    border-color: transparent;
}

.awards-slider__item.awards-slider__item--presentation {
    grid-column: span 2;
    border: 0 none;
    max-width: 620px;
    padding: 0;
}

.awards-slider__item--presentation .awards-slider__img {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    width: 90%;
    max-width: 486px;
    margin: 0 auto;
}

.awards-slider__item--presentation .awards-slider__img:before {
    content: "";
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    aspect-ratio: 1.88;
    background: url('../images/award-tiger-shadow.png') no-repeat top center / 100% auto transparent;
    opacity: 0;
    transition: opacity 0.25s linear;
}

.awards-slider__item--presentation .awards-slider__img img {
    display: block;
    width: 100%;
    transform-origin: center center;
    transition: transform 0.25s linear;
}

.awards-slider__item--presentation:hover .awards-slider__img img {
    transform: scale(1.1);
}

.awards-slider__item--presentation:hover .awards-slider__img:before {
    opacity: 1;
}

.awards-slider__item--presentation a {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 17px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    padding: 7px 12px;
    background: var(--pink-color);
    color: #fff;
    white-space: nowrap;
}

.awards-slider__item--many:before {
    content: "";
    height: 75px;
    position: absolute;
    top: -75px;
    left: -3px;
    right: -3px;
    border: 3px solid var(--main-color);
    border-bottom: 0 none;
    box-sizing: border-box;
    background-image: url('../images/award-many.png');
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 6px 6px;
}

.awards-slider__item--two:before {
    content: "";
    height: 9px;
    position: absolute;
    top: -9px;
    left: -3px;
    right: -3px;
    border: 3px solid var(--main-color);
    border-bottom: 0 none;
    box-sizing: border-box;
    background-image: url('../images/award-many.png');
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 6px 6px;
}

.awards-slider__item--three:before {
    content: "";
    height: 15px;
    position: absolute;
    top: -15px;
    left: -3px;
    right: -3px;
    border: 3px solid var(--main-color);
    border-bottom: 0 none;
    box-sizing: border-box;
    background-image: url('../images/award-many.png');
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 6px 6px;
}

.tiger-winner-image {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 160px;
  width: 100%;
  height: auto;
}

.vacancy__reviews-container {
  position: relative;
}

.vacancy__reviews .slider-controls {
  position: absolute;
  bottom: 11px;
}

.slider-controls {
    width: 320px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

.slider-button-re {
    color: transparent;
    font-size: 0px;
    line-height: 0;
    width: 44px;
    height: 44px;
    background: url('../images/slider-arrow.svg') no-repeat center center transparent;
    border: 0 none;
    padding: 0;
    margin: 0;
    transform-origin: center center;
    position: static;
}

.slider-button-re.slick-disabled {
    opacity: 1;
}

.slider-button-re--next {
    transform: scaleX(-1);
}

.slider-button-re + .slider-button-re {
    margin-left: 40px;
}

.slider-controls__num {
    margin-left: auto;
    font-weight: 700;
    font-size: 54px;
    line-height: 64px;
}

.main-cases__top {
    position: relative;
}

.main-cases_left {
    position: relative;
    z-index: 5;
}

.main-cases__block + .main-cases__block {
    margin-top: clamp(30px, 5.5vh, 60px);
}

.main-cases__item {
    max-width: 570px;
}

.main-cases__item a {
    color: inherit;
}

.main-cases__item a:hover {
    color: inherit;
}

.main-cases__title {
    font-weight: 800;
    font-size: clamp(20px, 3.3vh, 36px);
    text-transform: uppercase;
    transition: color 0.2s;
}

.main-cases__text {
    padding-top: clamp(10px, 1.8vh, 20px)
}

.main-cases__item:hover .main-cases__title {
    color: #999999;
}

.main-cases_right {
    position: absolute;
    top: clamp(-140px, -24vh, -260px);
    left: 630px;
    width: 1000px;
    bottom: 0;
    max-height: 1040px;
    background: none no-repeat left center transparent;
    background-size: contain;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.main-cases_right.active {
    opacity: 1;
    transform: translate(0px, 0px);
    z-index: 1;
}

.main-cases_right[data-bg="mvideo-game"] { background-image: url('../images/spec1.png'); }
.main-cases_right[data-bg="gpb-game"] { background-image: url('../images/spec2.png'); }
/* .main-cases_right[data-bg="tvoydom"] { background-image: url('../images/spec3.png'); } */
.main-cases_right[data-bg="hoff-8march"] { 
    background-image: url('../images/spec4.png');
    transform: translate(0px, min(5vh, 50px));
}
.main-cases_right.active[data-bg="hoff-8march"] {
    transform: translate(0px, min(5vh, 50px));
    transition-duration: 0.45s;
}

.case-deco {
    position: absolute;
    background: none no-repeat left center transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    opacity: 0;
}

.case-mvideo__cart {
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.case-mvideo__cart.cart1 { background-image: url('../images/spec1-cart1.png'); transform-origin: 0 0; transform: rotate(-2deg) translate(-90px, -10px);}
.case-mvideo__cart.cart2 { background-image: url('../images/spec1-cart2.png'); transform-origin: 100% 0; transform: rotate(2deg) translate(90px, -10px);}
.case-mvideo__cart.cart3 { background-image: url('../images/spec1-cart3.png'); transform-origin: 100% 0; transform: rotate(-2deg) translate(90px, 10px);}

.main-cases_right.active .case-deco {
    opacity: 1;
    transform: rotate(0deg) translate(0px, 0px) scale(1);
}

.main-cases_right.active .case-mvideo__cart.cart1 { transition-delay: 0.17s;}
.main-cases_right.active .case-mvideo__cart.cart2 { transition-delay: 0.27s;}
.main-cases_right.active .case-mvideo__cart.cart3 { transition-delay: 0.37s;}

.case-gpb__list {
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.case-gpb__list.list1 { background-image: url('../images/spec2-list1.png'); transform-origin: 0 0; transform: rotate(-2deg) translate(90px, 20px);}
.case-gpb__list.list2 { background-image: url('../images/spec2-list2.png'); transform-origin: 100% 100%; transform: rotate(2deg) translate(-90px, 10px);}
.case-gpb__list.list3 { background-image: url('../images/spec2-list3.png'); transform-origin: 100% 0; transform: rotate(2deg) translate(-90px, 70px);}
.case-gpb__list.list4 { background-image: url('../images/spec2-list4.png'); transform-origin: 0 50%; transform: rotate(-2deg) translate(90px, -10px);}
.case-gpb__list.list5 { background-image: url('../images/spec2-list5.png'); transform-origin: 100% 50%; transform: rotate(0deg) translate(-90px, 0px);}

.main-cases_right.active .case-gpb__list.list4 { transition-delay: 0.17s;}
.main-cases_right.active .case-gpb__list.list1 { transition-delay: 0.27s;}
.main-cases_right.active .case-gpb__list.list3 { transition-delay: 0.37s;}
.main-cases_right.active .case-gpb__list.list2 { transition-delay: 0.42s;}
.main-cases_right.active .case-gpb__list.list5 { transition-delay: 0.17s;}

.case-tvoydom__diamond {
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.case-tvoydom__bg { background-image: url('../images/spec3.png'); opacity: 1;}
.case-tvoydom__diamond.diamond1 { background-image: url('../images/spec3-diam1.png'); transform-origin: 50% 100%; transform: rotate(0deg) translate(-70px, 70px);}
.case-tvoydom__diamond.diamond2 { background-image: url('../images/spec3-diam2.png'); transform-origin: 50% 100%; transform: rotate(0deg) translate(70px, 70px);}

@keyframes diamonds {
    0% {opacity: 1;}
    20% {opacity: 0.55;}
    40% {opacity: 1;}
    100% {opacity: 1;}
}

.main-cases_right.active .case-tvoydom__diamond {
    animation: diamonds 2.5s ease-in-out 0s infinite;
    animation-fill-mode: both;
}

.main-cases_right.active .case-tvoydom__diamond.diamond1 { transition-delay: 0.17s; animation-delay: 1.04s;}
.main-cases_right.active .case-tvoydom__diamond.diamond2 { transition-delay: 0.17s; animation-delay: 0.34s;}

.case-hoff__flo {
    transition: opacity 0.2s ease-in, transform 0.2s ease-in;
    background-size: auto 100%;
    width: 73.07vh;
    height: 95vh;
    max-height: 1040px;
    max-width: 800px;
}

.case-hoff__flo.flo1 { background-image: url('../images/spec4-fl1.png'); transform-origin: 74.375% 19.71%; transform: rotate(0deg) translate(0px, 0px) scale(0.4);}
.case-hoff__flo.flo2 { background-image: url('../images/spec4-fl2.png'); transform-origin: 11.875% 36.057%; transform: rotate(0deg) translate(0px, 0px) scale(0.4);}
.case-hoff__flo.flo3 { background-image: url('../images/spec4-fl3.png'); transform-origin: 65% 8.17%; transform: rotate(0deg) translate(0px, 0px) scale(0.4);}
.case-hoff__flo.flo4 { background-image: url('../images/spec4-fl4.png'); transform-origin: 6.25% 50%; transform: rotate(0deg) translate(0px, 0px) scale(0.4);}
.case-hoff__flo.flo5 { background-image: url('../images/spec4-fl5.png'); transform-origin: 40% 14.81%; transform: rotate(0deg) translate(0px, 0px) scale(0.4);}
.case-hoff__flo.flo6 { background-image: url('../images/spec4-fl6.png'); transform-origin: 73.375% 88.46%; transform: rotate(0deg) translate(0px, 0px) scale(0.4);}


.main-cases_right.active .case-hoff__flo.flo4 { transition-delay: 0s;}
.main-cases_right.active .case-hoff__flo.flo2 { transition-delay: 0.15s;}
.main-cases_right.active .case-hoff__flo.flo5 { transition-delay: 0.3s;}
.main-cases_right.active .case-hoff__flo.flo3 { transition-delay: 0.45s;}
.main-cases_right.active .case-hoff__flo.flo1 { transition-delay: 0.6s;}
.main-cases_right.active .case-hoff__flo.flo6 { transition-delay: 0.75s;}

.main-cases__bottom {
    margin-top: 80px;
}

.main-cases__outer {
    width: 100%;
    overflow: hidden;
}

.main-cases__slider:not(.slick-slider) {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.main-cases__slider.slick-slider {
    width: calc(100% + (100% - 330px*3)/2);
}

.main-cases__slider .slick-slide {
    padding-right: 20px;
}
.main-cases_right.pyaterochka-mailing.active {
  overflow: hidden;
}
.main-cases_right .pyaterochka-mailing__wrapper {
  height: clamp(657px, 100vh, 880px);
}
.main-cases_right .pyaterochka-mailing__wrapper-1 {
  left: 50px;
  bottom: 114px;
  transform: translateY(30%);
}
.main-cases_right .pyaterochka-mailing__wrapper-2 {
  bottom: -70px;
}
.main-cases_right .pyaterochka-mailing__wrapper-3 {
  bottom: -212px;
}

.main-cases_right.case-modern__right.aviasales-case {
  margin-left: clamp(-476px, 1.39vh, -154px);
}
.main-cases__slide {
    max-width: 330px;
    position: relative;
    display: block;
}
.main-cases_right.case-modern__right.ekonika2-case {
  width: clamp(594px, 83vh, 1053px);
  overflow: hidden;
  padding: 120px;
  top: clamp(-48px, 2vh, -80px);
  left: 52%;
}
.main-cases_right.case-modern__right.vkusvill-letter.active {
  margin-top: clamp(-360px, -32.5vh, -323px);
}
.main-cases__img {
    position: relative;
}

.main-cases__img img {
    display: block;
    width: 100%;
    margin: 0 0 18px;
}
.main-cases_right.case-modern__right.vkusvill-letter.active {
  left: 50%;
  width: 83vh;
  max-width: 739px;
  min-width: 580px;
  height: 688px;
  top: 35vh;
}
.main-cases_right .vkusvill-letter__knife,
.main-cases_right .vkusvill-letter__fork {
  opacity: 0;
}
.main-cases_right.active .vkusvill-letter__knife,
.main-cases_right.active .vkusvill-letter__fork {
  opacity: 1;
}
.main-cases_right .vkusvill-letter__knife {
  position: absolute;
  left: -13%;
  top: -7%;
  width: 75vh;
  max-width: 553px;
  min-width: 400px;
  height: 732px;
  background: url('../images/female-chef-hand-left.png') no-repeat center / contain;
  animation: rotate-hand 5s ease-in-out infinite;
  transform-origin: 25% 45%;
}
.main-cases_right .vkusvill-letter__fork {
  right: -1%;
  top: 15%;
  width: 36vh;
  max-width: 303px;
  min-width: 210px;
  height: 542px;
}
.no-touch .main-cases__img img {
    filter: grayscale(1);
    transition: filter 0.2s ease;
}

.no-touch .main-cases__slide:hover .main-cases__img img {
    filter: grayscale(0);
}

@supports (mix-blend-mode: color) {

    .no-touch .main-cases__img img {
        filter: none;
        transition: none;
    }

    .no-touch .main-cases__slide:hover .main-cases__img img {
        filter: none;
    }

    .no-touch .main-cases__img:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #D9D9D9;
        mix-blend-mode: color;
        transition: opacity 0.2s ease;
        opacity: 1;
    }

    .no-touch .main-cases__slide:hover .main-cases__img:after {
        opacity: 0;
    }

}

.main-cases__info {
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
}

.main-cases__info:after {
    content: "→";
    padding-left: 6px;
}

.main-cases__slide:hover {
    color: inherit;
}

.no-touch .main-cases__slide:hover {
    color: var(--pink-color);
}

.main-cases__bottom .cols-re {
    margin-top: 80px;
    align-items: center;
}

.main-cases-slider__buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

.all-link {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    transition: none;
    padding-right: 30px;
    background: url("data:image/svg+xml,%3Csvg width='17' height='33' viewBox='0 0 17 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9159 20.4864L16.9319 16.5756L17 16.5084L16.9424 16.4547L11.0999 10.7759L-1.44248e-06 0L-1.09471e-06 7.95591L8.89462 16.4916L0.008732 25.0357L0.00873235 33L12.9141 20.4914L12.9159 20.4864Z' fill='%23303030'/%3E%3C/svg%3E%0A") no-repeat bottom 4px right transparent;
}

.all-link:hover {
    color: var(--pink-color);
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='33' viewBox='0 0 17 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9159 20.4864L16.9319 16.5756L17 16.5084L16.9424 16.4547L11.0999 10.7759L-1.44248e-06 0L-1.09471e-06 7.95591L8.89462 16.4916L0.008732 25.0357L0.00873235 33L12.9141 20.4914L12.9159 20.4864Z' fill='%23FF2963'/%3E%3C/svg%3E%0A");
} 

.reviews,
.all-help {
    border-top: 3px solid #303030;
    padding-top: 130px;
}

.reviews .cols-re {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reviews .title-re {
    margin-bottom: 0;
    height: clamp(466px, 54vh, 590px);
}

.reviews .title-re > span {
    display: block;
    padding-bottom: 90px;
    background: url('../images/main-heart.png') no-repeat bottom left transparent;
    background-size: 70px auto;
}
.reviews__slider {
  height: 100%;
}
.vacancy__reviews .reviews__outer {
  height: 100%;
}
.reviews__outer {
    width: 100%;
    max-width: 100%;
}

.reviews__slider:not(.slick-slider) > *:not(:first-child) {
    display: none;
}

.reviews__text {
    position: relative;
    padding-bottom: 15px;
}

.reviews__text.long:after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    height: 200px;
    background: url('../images/bg-mask2.png') repeat-x bottom center transparent;
    background-size: auto auto;
    opacity: 1;
    transition: opacity 0.1s ease;
}

.reviews__text.visible:after {
    display: none;
}

.reviews__text-outer {
    height: 440px;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.reviews__text.visible .reviews__text-outer {
    height: auto;
}

.reviews__text-outer::-webkit-scrollbar {
    display: none;
}

.reviews__text p:not(:last-child) {
    margin-bottom: 1em;
}

.reviews__text a {
    color: var(--pink-color);
}

.reviews__text-inner {
    padding-bottom: 0px;
}

.reviews__author {
    font-weight: 800;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    height: 84px;
    /* display: flex; */
    /* align-items: center; */
}

.crm-strategy__reviews .reviews__author {
  height: 64px;
}

.reviews__date {
  text-transform: none;
  white-space: nowrap;
}

.reviews-video {
    width: clamp(244px, calc(30.375vh - 8px), 323px);
    height: 100%;
    position: relative;
}

.reviews-video video {
    display: block;
    height: 100% !important;
    width: 100% !important;
}

.reviews-video__play {
    display: block;
    width: 30%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0 none;
    padding: 0;
    margin: 0;
    font-size: 0px;
    color: transparent;
    background: url('../images/video-play.svg') no-repeat center center transparent;
    background-size: contain;
    cursor: pointer;
}

.reviews-video.played .reviews-video__play {
    display: none;
}

.reviews-video__play:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.all-help .cols-re {
    align-items: center;
}

.all-help .text-re {
    max-width: 400px;
}

.re-form {
    padding-top: 50px;
}

.re-form .lines-re {
    position: relative;
}

.re-form .lines-re > span:before {
    content: "";
    width: 411px;
    height: 149px;
    background: url('../images/form-hands.png') no-repeat 0 0 transparent;
    position: absolute;
    top: -55px;
    left: calc(50% - 205px);
}

.re-form .lines-re > span:after {
    content: "";
    position: absolute;
    top: -107px;
    left: calc(50% - 266px);
    width: 531px;
    height: 154px;
    background: url('../images/form-heart.png') no-repeat 0 0 transparent;
    opacity: 0;
    margin-top: 20px;
    transition: opacity 0.3s ease-in, margin-top 0.3s ease-in;
}

.re-form .lines-re.hearted > span:after {
    opacity: 1;
    margin-top: 0px;
}

.re-form__title {
    font-weight: 400;
    font-size: 54px;
    line-height: 1.26;
    font-family: var(--font-family-accent);
    text-transform: uppercase;
    margin: 0 auto 35px;
    text-align: center;
    max-width: 500px;
}

.re-form__text {
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    max-width: 550px;
}

.re-form form {
    display: block;
    margin: clamp(30px, 8.3vh, 90px) 0 0;
}

.input-hld-re {
    position: relative;
    margin: 0 auto clamp(40px, 6.4vh, 70px);
    max-width: 700px;
    width: 58.33%;
}

.input-hld-re label.error,
.footer-subscribe label.error {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-weight: 500;
    font-size: clamp(10px, 1.7vh, 20px);
    line-height: 1.3;
    color: #FE0000;
    text-align: left;
}

.text-input-re {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0.9em;
    /*font-size: 20px;*/
    font-size: clamp(14px, 1.8vh, 20px);
    line-height: 1.8;
    font-family: var(--font-family);
    font-weight: 400;
    color: var(--main-color);
    margin: 0;
    border: 0 none;
    border-bottom: 2px solid #303030;
    border-radius: 0;
    background: transparent;
}
    
.text-input-re::-webkit-input-placeholder {
    color: #666666;
}
.text-input-re:-moz-placeholder,
.text-input-re::-moz-placeholder {
    color: #666666;
    opacity: 1;
}
.text-input-re:-ms-input-placeholder {
    color: #666666;
}

.text-input-re:focus::-webkit-input-placeholder {
    color: rgba(102, 102, 102, 0);
}
.text-input-re:focus:-moz-placeholder,
.text-input-re:focus::-moz-placeholder {
    color: rgba(102, 102, 102, 0);
    opacity: 1;
}
.text-input-re:focus:-ms-input-placeholder {
    color: rgba(102, 102, 102, 0);
}

.text-input-re.error {
    border-color: #FE0000;
}

.text-input-re.error:before {
    content: "* ";
}

.re-form__note {
    text-align: center;
    margin: clamp(20px, 4vh, 45px) auto 0;
    font-weight: 500;
    position: relative;
}

.re-form__note a {
    color: var(--pink-color);
}

.page-footer {
    margin: 160px 0 0;
    font-size: 20px;
    line-height: 1.5;
    font-family: var(--font-family);
}

.footer__menu {
    border-top: 3px solid #303030;
    padding: 75px 0 80px;
}

.footer__menu a:hover {
    color: var(--pink-color);
}

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

.footer__list {
    font-weight: 800;  
    text-transform: uppercase;
}

.footer__list li + li,
.footer__contacts li + li {
    margin-top: 25px;
}

.footer__minilist {
    margin-top: 16px;
    line-height: 1.1;
}

.footer__minilist li + li {
    margin-top: 23px;
}

.footer__contacts {
    line-height: 1.8;
}

.footer__black {
    background: var(--main-color);
    padding: clamp(45px, 7.5vh, 80px) 0 clamp(90px, 15vh, 160px);
    text-align: center;
    color: #777777;
}

.footer__black .container {
    max-width: 870px;
    max-width: clamp(600px, 90vh, 870px);
}

.footer-subscribe {
    margin: 0 0 clamp(45px, 7.4vh, 80px);
}

.footer-subscribe form,
.footer-subscribe__input {
    position: relative;
}

.footer-subscribe input[type="text"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    background: transparent;
    padding: 30px clamp(68px, 11.11vh, 120px) 30px 35px;
    font-size: clamp(14px, 1.85vh, 20px);
    line-height: 1.8;
    height: clamp(68px, 11.11vh, 120px);
    font-family: var(--font-family);
    font-weight: 400;
    color: #fff;
    margin: 0;
    border: 3px solid #FFFFFF;
    border-radius: 0;
    background: transparent;
}
    
.footer-subscribe input[type="text"]::-webkit-input-placeholder {
    color: #666666;
}
.footer-subscribe input[type="text"]:-moz-placeholder,
.footer-subscribe input[type="text"]::-moz-placeholder {
    color: #666666;
    opacity: 1;
}
.footer-subscribe input[type="text"]:-ms-input-placeholder {
    color: #666666;
}

.footer-subscribe button {
    display: block;
    font-size: 0px;
    line-height: 0;
    color: transparent;
    padding: 0;
    width: clamp(68px, 11.11vh, 120px);
    height: clamp(68px, 11.11vh, 120px);
    border: 0 none;
    box-sizing: content-box;
    border-left: 3px solid #fff;
    margin: 0;
    background: url('../images/tiger-btn.png') no-repeat center center transparent;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.footer-subscribe button[disabled] {
    opacity: 0.5;
    cursor: default;
}

.footer-subscribe button:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('../images/tiger-btn-hearted.png') no-repeat center center transparent;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

.footer-subscribe button.hearted {
    opacity: 1;
}

.footer-subscribe button.hearted:after {
    opacity: 1;
}

.footer-subscribe__text {
    max-width: 570px;
    margin: 0 auto 35px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
}

.footer-subscribe__text a,
.footer-subscribe__text a:hover {
    color: var(--pink-color);
}

.footer-subscribe__thx .footer-subscribe__text {
    max-width: 100%;
}

.footer-subscribe__note {
    margin: 20px auto 0;
}

.footer-subscribe__checkboxes {
    text-align: left;
    margin-top: 40px;
}

.footer-links {
    font-family: var(--font-family-accent);
    font-weight: 400;
    font-size: clamp(30px, 5.8vh, 63px);
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    justify-content: space-between;
    max-width: clamp(300px, 80vh, 370px);
    margin: 0 auto;
}

.footer-sc {
    position: relative;
}

.footer-sc:hover {
    color: inherit;
}

.footer-sc span {
    display: block;
    position: relative;
}

.footer-sc + .footer-sc {
    margin-left: 20px;
}

.footer-sc:after {
    content: attr(data-fill);
    white-space: nowrap;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    overflow: hidden;
    transition: right cubic-bezier(0.19, 1, 0.4, 1) 0.525s;
}

.no-touch .footer-sc {
    transition: color 0s linear 0s;
}

.no-touch .footer-sc:hover {
    transition: color 0.525s cubic-bezier(0.19, 1, 0.4, 1) 0s;
    color: transparent;
}

.no-touch .footer-sc:hover:after {
    right: 0;
}

.footer__copy {
    margin: clamp(55px, 9.25vh, 100px) 0 0;
}

/* black footer */

.page-footer--black {
    background: #303030;

    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "subscribe"
    "crmcamp"
    "menu";
}

.page-footer--black .footer-camp {
    grid-area: crmcamp;
    border-bottom: 0 none;
}

.page-footer--black .footer__black .container {
    max-width: 870px;
}

.page-footer--black .footer__black {
    grid-area: subscribe;
}

.footer-subscribe__fancytitle {
    text-align: center;
    color: #FFF;
    font-family: var(--font-family-accent);
    font-size: 80px;
    font-weight: 400;
    line-height: 1.08;
    text-transform: uppercase;
    margin: 0 0 60px;
    padding: 165px 0 0;
    position: relative;
    z-index: 5;
}

.footer-subscribe__hand {
    position: absolute;
    width: 81px;
    height: 147px;
}

.footer-subscribe__hand--active {
    cursor: pointer;
}

.footer-subscribe__hand::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none no-repeat 0 0 / contain transparent;
    z-index: -1;

    transform: translateY(0px);
    transition: transform 0.2s linear;
}

@media (hover: hover) {

    .footer-subscribe__hand:hover::after {
        transform: translateY(-15px);
    }

}

.footer-subscribe__hand.hand1 {
    bottom: 106px;
    left: calc(50% - 295px);
}

.footer-subscribe__hand.hand1::after {
    background-image: url('../images/footer-hand1.png');
}

.footer-subscribe__hand.hand2 {
    bottom: 115px;
    left: calc(50% - 180px);
}

.footer-subscribe__hand.hand2::after {
    background-image: url('../images/footer-hand2.png');
}

.footer-subscribe__hand.paw {
    width: 81px;
    height: 81px;
    bottom: 135px;
    left: calc(50% - 70px);
}

.footer-subscribe__hand.paw::after {
    background-image: url('../images/footer-paw.png');
}

.footer-subscribe__hand.hand3 {
    bottom: 128px;
    right: calc(50% - 100px);
}

.footer-subscribe__hand.hand3::after {
    background-image: url('../images/footer-hand3.png');
}

.footer-subscribe__hand.hand4 {
    bottom: 112px;
    right: calc(50% - 211px);
}

.footer-subscribe__hand.hand4::after {
    background-image: url('../images/footer-hand4.png');
}

.footer-subscribe__hand.hand5 {
    bottom: 126px;
    right: calc(50% - 312px);
}

.footer-subscribe__hand.hand5::after {
    background-image: url('../images/footer-hand5.png');
}

.page-footer--black .flying-words {
    position: absolute;
    width: 65px;
    white-space: nowrap;
    bottom: 140px;
    left: calc(50% - 32px);
    color: rgba(153, 153, 153, 0.60);
    font-family: var(--font-family);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5;
    text-transform: uppercase;
    z-index: -1;

    display: none;
}

.footer-subscribe__hand.animate .flying-words {
    display: block;
}

.page-footer--black .paw .flying-words {
    bottom: 72px;
}

.page-footer--black .flying-word {
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
}

.page-footer--black .footer-subscribe__hand.animate .flying-word:nth-child(even) {
	animation: 2s flyingWordEven linear infinite;
}

.page-footer--black .footer-subscribe__hand.animate .flying-word:nth-child(odd) {
	animation: 2s flyingWordOdd linear infinite;
}

.page-footer--black .footer-subscribe__hand.animate .flying-word:nth-child(1) { animation-delay: 0s; }
.page-footer--black .footer-subscribe__hand.animate .flying-word:nth-child(2) { animation-delay: 0.45s; }
.page-footer--black .footer-subscribe__hand.animate .flying-word:nth-child(3) { animation-delay: 1.05s; }
.page-footer--black .footer-subscribe__hand.animate .flying-word:nth-child(4) { animation-delay: 1.5s; }

@keyframes flyingWordEven {
	0% {
		transform: translate(0, 0);
		opacity: 1;
		/* filter: blur(0px); */
	}

	100% {
		transform: translate(10px, -80px);
		opacity: 0;
		/* filter: blur(5px); */
	}
}

@keyframes flyingWordOdd {
	0% {
		transform: translate(0, 0);
		opacity: 1;
		/* filter: blur(0px); */
	}

	100% {
		transform: translate(-50px, -80px);
		opacity: 0;
		/* filter: blur(5px); */
	}
}

.page-footer--black .footer-subscribe__text {
    font-size: 24px;
    font-weight: 700;
    max-width: 33em;
}

.page-footer--black form {
    margin-top: 40px;
}

.page-footer--black .footer-subscribe__note {
    font-size: 17px;
}

.page-footer--black .footer-links {
    max-width: none;
    width: fit-content;
}

.page-footer--black .footer-sc + .footer-sc {
    margin-left: 70px;
}

.page-footer--black .footer__menu {
    border-color: #fff;
    color: #fff;

    grid-area: menu;
}

.page-footer--black .footer__copy {
    text-align: center;
    color: #777777;
}

/* black footer END */

.popup-new {
    max-width: 1090px;
    margin: 0 auto;
    position: relative;
    font-family: var(--font-family);
    color: var(--main-color);
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
}

.popup-new .mfp-close {
    display: block;
    width: 40px;
    height: 40px;
    background: url('../images/close.svg') no-repeat center center transparent;
    position: absolute;
    top: 30px !important;
    right: 30px;
    margin: 0;
    padding: 0;
    border: 0 none;
    font-size: 0;
    opacity: 1;
}

.popup-new_inner {
    background: url('../images/bg.png') repeat top center #fff;
    padding: clamp(35px, 5vh, 60px) 0 0;
    position: relative;
}

.popup-new_title {
    font-family: var(--font-family-accent);
    font-weight: 400;
    font-size: clamp(30px, 5vh, 54px);
    line-height: 1.24;
    text-transform: uppercase;
    margin: 0 auto 0.55em;
    max-width: 15em;
}

#contactme .re-form__text {
    margin: -10px auto 0;
    padding: 0 0 clamp(15px, 2.7vh, 30px);
    font-size: clamp(14px, 1.85vh, 20px);
    max-width: 25em;
}

#contactme .contactme-thx .re-form__text {
    margin: 2em auto 0;
    max-width: 28em;
}

.contactme-prev-form {
    position: relative;
    z-index: 10;
}

#contactme .input-hld-re {
    max-width: clamp(450px, 65vh, 700px);
}

#contactme .text-input-re {
    font-size: clamp(12px, 1.8vh, 20px);
}

#contactme .deco-hand {
    content: "";
    width: 243px;
    height: 229px;
    position: absolute;
    top: calc(50% - 115px);
    background: url('../images/popup-hand.png') no-repeat 0 0 transparent;
    z-index: 5;
    transform-origin: center center;
}

#contactme .deco-hand--left {
    left: -65px;
}

#contactme .deco-hand--right {
    right: -65px;
    transform: scaleX(-1);
}

#contactme .deco-hand:before {
    content: "";
    width: 123px;
    height: 264px;
    background: url('../images/popup-heart.png') no-repeat 0 0 transparent;
    position: absolute;
    top: -135px;
    left: 12px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease-in, transform 0.3s ease-in;
}

#contactme.done .deco-hand:before {
    opacity: 1;
    transform: translateY(0);
}

.popup-new__outer-note {
    color: #fff;
    margin: 20px 0 10px;
    font-size: clamp(14px, 1.85vh, 20px);
}

#contactme .button-re {
    height: 100px;
}

.bg-new .sets {
    background: transparent;
    padding: 0;
}

.show-more__text {
    text-align: right;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 60px 0 0;
    font-family: var(--font-family);
    position: relative;
	color: #a9a9a9;
}

.job {
  font-size: 20px;
  font-family: var(--font-family);
  line-height: 1.6;
}

.job.h2 {
  font-family: var(--font-family) !important;
}

.job__text {
  max-width: 878px;
}

.job__media-text {
  max-width: 880px;
  font-size: inherit !important;
}

.lable_confirm {
  margin-bottom: 20px;
  font-family: var(--font-family);
}

.policy-checkbox-block {
  margin-bottom: 30px;
}

.job__company-title,
.job__reviews-title {
  margin: 0 0 clamp(60px, 3vh, 150px);
}

.job__subscr-form-title {
  max-width: 600px;
  margin-bottom: 45px;
  text-align: center;
}

.jobform .form {
  width: 100%;
  max-width: 600px;
}

.jobform .form .checkbox,
.jobform .form .deco_checkbox {
display: inline-block;
position: relative;
padding-left: 46px;
font-size: 12px;
line-height: 3.5;
margin: 15px 0;
cursor: pointer;
}

.layout-font {
  font-family: var(--font-family);
  font-size: 20px;
  line-height: 1.6;
}

.policy__title {
  font-weight: 900;
}

h2.policy__title {
  font-size: 1.7em;
}

/* Аккордион */

.accordion__item,
.bighand-accordeon {
  border-bottom: 3px solid var(--main-color);
  display: block;
}

.accordion__item:hover {
  color: inherit;
}

.accordion__item:first-child {
  border-top: 3px solid transparent;
}

.accordion__header,
.bighand-accordeon__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(20px, 1.0627rem + 2.5692vw, 54px);
  line-height: 1.2;
  padding: 0.3em 0;
  padding-right: 40px;
  font-weight: bold;
  cursor: pointer;
  gap: 10px;
}

.accordion--uppercase .accordion__header {
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .accordion__header,
  .bighand-accordeon__title {
    padding: 0.8em 0;
  }
}

@media (max-width: 1079px) {
  .accordion__header,
  .bighand-accordeon__title {
    font-size: clamp(1.75rem, 1.0649rem + 3.4256vw, 3.375rem);
    padding-right: 0;
  }
}
@media (max-width: 428px) {
  .accordion__header,
  .bighand-accordeon__title {
    font-size: clamp(1.5rem, 0.7593rem + 3.7037vw, 1.75rem);
    padding-right: 0;
  }
}

.accordion__header::after,
.bighand-accordeon__title::after {
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  background: url('../images/sp-fist.png') no-repeat center / contain;
  content: "";
}

@media (max-width: 1079px) {
  .accordion__header::after,
  .bighand-accordeon__title::after {
    width: 2.3em;
    height: 2.3em;
    max-width: 96px;
    max-height: 96px;
  }
}

@media (max-width: 428px) {
  .accordion__header::after,
  .bighand-accordeon__title::after {
    max-width: 72px;
  }
}

.accordion__item_show .accordion__header::after,
.bighand-accordeon__title.opened::after {
  background: url('../images/sp-palm.png') no-repeat center / contain;
  margin-right: 10px;
}

.bighand-accordeon__content {
    display: none;
}

.bighand-accordeon__title.opened ~ .bighand-accordeon__content {
    display: block;
}

.bighand-accordeon--smalltitles .bighand-accordeon__title {
    font-size: inherit;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
}

.bighand-accordeon--smalltitles .bighand-accordeon__title::after {
    width: 86px;
    height: 86px;
    margin-left: 10px;
}

.bighand-accordeon--smalltitles .bighand-accordeon__title.opened::after {
    margin-left: 0;
    margin-right: 10px;
}

.bighand-accordeon--smalltitles .bighand-accordeon__content {
    padding: 25px 0 50px;
    max-width: 880px;
}

@media (max-width: 1079px) {

    .bighand-accordeon--smalltitles .bighand-accordeon__title {
        padding: 8px 0;
    }

    .bighand-accordeon--smalltitles .bighand-accordeon__title::after {
        width: 36px;
        height: 36px;
    }

    .bighand-accordeon--smalltitles .bighand-accordeon__content {
        padding: 20px 0;
    }
}

.accordion__item_show:first-child {
  border-top: 3px solid transparent;
}

.accordion__body {
  padding: 18px 0 20px 0;
  overflow: hidden;
}

.accordion__body p,
.accordion__body p:last-child
 {
  margin-bottom: 2rem;
}
.accordion__body img {
  width: 100%;
  height: auto;
}

.accordion__second-text {
  color: #999;
}

.accordion__item:not(.accordion__item_show) .accordion__body {
  display: none;
}
/* accordion конец */

/* Страница вакансий */

.vacancy__main-screen {
  padding-bottom: 100px;
}

.vacancy__main-content .contant-page {
  margin: 110px 0 0;
}

.layout-main-title {
  font-size: 80px;
  margin-bottom: 50px;
  text-align: center;
  margin: 0 0 clamp(30px, 3vh, 150px);
  line-height: 1.1;
  text-transform: uppercase;
  font-family: var(--font-family-accent);
  font-weight: 400;
}

.vacancy__main-content {
  font-size: 20px;
  line-height: 1.5;
}

.vacancy__main-screen-descr {
  max-width: 810px;
  text-align: center;
}

.vacancy__descr-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.vacancy__main-screen-descr-2 {
  max-width: 500px;
}

.layout-h2-title {
  font-size: 54px;
  line-height: 1.26;
  text-transform: uppercase;
  font-family: var(--font-family-accent);
  font-weight: 400;
  text-align: center;
  margin-bottom: 0.7em;
  /* margin-bottom: 25px; */
}

.layout-h3-title {
  font-size: 36px;
  line-height: 1.26;
  text-transform: uppercase;
  font-family: var(--font-family);
  font-weight: 900;
  text-align: center;
  margin-bottom: 0.7em;
}
.vacancy__list {
  padding-bottom: 100px;
}
.vacancy__list-title {
  margin-bottom: 72px;
}

.vacancy__about-title {
  margin: 0;
  padding-bottom: 100px;
}
.vacancy__about-sec-title {
  margin-bottom: 30px;
}
.vacancy__about-img {
  max-width: 1440px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  /* width: 104%;
  margin-left: -2vw;
  height: auto;
  transform: rotate(-3deg); */
}

.vacancy__about-img-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 100px;
}

.vacancy__about {
  padding-bottom: 100px;
}

.vacancy__text-block {
  text-align: center;
  padding-bottom: 20px;
  margin: 0 auto !important;
}

.vacancy__text-block a {
  color: #FF2963;
}

.vacancy__text-block a:hover {
  color: #FF2963;
}

.vacancy__garold {
  max-width: 632px;
  display: grid;
  justify-items: center;
  grid-auto-columns: 1fr; 
  grid-template-columns: 1fr 1fr; 
  grid-template-areas: 
    "imageg imageg"
    "text-1 text-2";
  margin: 0 auto;
  padding-bottom: 100px;
}
.vacancy__garold-img {
  grid-area: imageg;
  width: 100%;
  height: auto;
}
.vacancy__garold-text {
  grid-area: text-1;
  padding-top: 24px;
  text-align: center;
}
.vacancy__garold-text-2 {
  grid-area: text-2;
}
.vacancy__text-block-learn {
  max-width: 852px;
}

.vacancy__self-realization-img img {
  padding-top: 55px;
  width: 100%;
  height: auto;
  max-width: 765px;
  margin: 0 auto;
  display: block;
}
.vacancy__self-realization {
  width: fit-content;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
}
.vacancy__self-realization-wrapper {
  margin-bottom: 100px;
}
.vacancy__schedule {
  margin-bottom: 100px;
}
.vacancy__schedule-text {
  max-width: 1030px;
  padding-bottom: 30px;
}
.vacancy__schedule-slider .slick-slide {
  width: 486px;
  height: auto;
  margin-right: 10px;
  text-align: center;
}
.vacancy__schedule-slider-item img {
  width: 100%;
  max-width: 972px;
  height: auto;
  margin-bottom: 25px;
}
.vacancy__schedule-slider .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 1.5vw;
}

.vacancy__schedule-slider .slick-dots > li > button:hover {
  cursor: pointer;
}

.vacancy__schedule-slider-description {
  text-align: center;
  padding:  0 5px;
}
.vacancy__mentoring {
  padding-bottom: 100px;
}
.vacancy__mentoring-text {
  max-width: 960px;
}
.vacancy__mentoring-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10%;
  align-items: stretch;
  margin-top: 10px;
}
.vacancy__mentoring-image {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 50%;
  max-width: 370px;
  text-align: center;
}
.vacancy__mentoring-image p {
  margin-top: auto;
}
.vacancy__mentoring-image img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 30px;
}
.vacancy__mentoring-image-1 img {
  width: 146px;
}
.vacancy__mentoring-image-2 img {
  width: 100%;
  max-width: 344px;
  margin-top: 65px;
}
.vacancy__study-text {
  max-width: 1035px;
}
.vacancy__learn-bg {
  height: 206px;
  background: url('../images/vacancy-learn-bg-long.png') no-repeat center bottom / auto;
  margin-bottom: 100px;
}
.vacancy__corporate-text {
  max-width: 712px;
}
.vacancy__corporate-img-wrapper {
  max-width: 994px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* .vacancy__corporate-img-wrapper img {
  width: 100%;
  height: auto;
} */

.vacancy__corporate-img {
  width: 50%;
  max-width: 492px;
}
.vacancy__corporate-img-wrapper::after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
  content:url('../images/1.png') url('../images/2.png') url('../images/3.png') url('../images/4.png') url('../images/5.png') url('../images/6.png') url('../images/7.png') url('../images/8.png') url('../images/9.png') url('../images/10.png') url('../images/11.png');
}
/* .vacancy__reviews .reviews__text-outer {
  height: auto;
} */
.vacancy__reviews-image-wrapper {
  min-height: 430px;
  max-width: 350px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.vacancy__reviews-image {
  width: 100%;
  height: auto;
  max-width: 430px;
  /* margin-bottom: 100px; */
}

.vacancy__reviews .reviews {
  margin-bottom: 150px;
}

.vacancy__care-text {
  max-width: 992px;
}

.vacancy__main-screen-wrapper {
  position: relative;
  padding-top: 209px;
}

.br-mob,
.br-mob-sm,
.br-mob-xs,
.br-desktop {
  display: none;
}

.hi-tigers-creative {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 844px;
  display: flex;
  justify-content: center;
  padding-bottom: 46px;
}
.hi-tigers-creative__tiger {
  position: relative;
  width: 422px;
  height: 335px;
}
.hi-tigers-creative__tiger-1 {
  background: url('../images/tiger-left.png') no-repeat center right / contain;
  margin-right: -11px;
}
.hi-tigers-creative__tiger-2 {
  background: url('../images/tiger-right.png') no-repeat center left / contain;
  margin-left: -11px;
}
.hi-tigers-creative__hand {
  /* width: 166px;
  height: 159px; */
  width: 39.3%;
  height: 47.4%;
  transform-origin: -30px 60px;
}
.hi-tigers-creative__tiger-1 .hi-tigers-creative__hand {
  position: absolute;
  right: 2%;
  top: 20%;
  transform: rotate(-7deg);
  background: url('../images/hand-left.png') no-repeat center / contain;
  animation: tigers-hadshake 2s ease-in-out infinite;
}
.hi-tigers-creative__tiger-2 .hi-tigers-creative__hand {
  position: absolute;
  left: 2%;
  top: 22%;
  transform: rotate(7deg);
  background: url('../images/hand-right.png') no-repeat center / contain;
  animation: tigers-hadshake-2 2s ease-in-out infinite;
  transform-origin: 221px 62px;
}

@keyframes tigers-hadshake {
  0% {
    transform: rotate(-14deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-14deg);
  }
}
@keyframes tigers-hadshake-2 {
  0% {
    transform: rotate(14deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(14deg);
  }
}

.hi-tigers-creative__heart-wrapper {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.hi-tigers-creative:hover {
  cursor: pointer;
}

.hi-tigers-creative__heart {
  position: relative;
  z-index: 1;
  width: 53px;
  height: 51px;
  background: url('../images/tiger-heart.png') no-repeat center / contain;
}

.hi-tigers-creative__heart-wrapper .hearts {
  display: none;
  position: absolute;
  z-index: -1;
  top: 2px;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.vacancy__frog-img-wrapper {
  z-index: 2;
  position: absolute;
  right: 56px;
  top: 28px;
}

.vacancy__frog-img-frog {
  background: url('../images/fly-frog.png') no-repeat center / contain;
  width: 152px;
  height: 152px;
}
.vacancy__frog-img-fly {
  animation: frog-fly 1.5s ease-in-out infinite;
}
.vacancy__frog-img-fly-1 {
  z-index: -1;
  top: -20px;
  left: 0;
  position: absolute;
  width: 113px;
  height: 99px;
  background: url('../images/fly-frog-left.png') no-repeat center / contain;
  transform: rotate3d(1, 1, 1, -15deg);
  animation-direction: alternate-reverse;
}

.vacancy__frog-img-fly-2 {
  top: 14px;
  z-index: -1;
  position: absolute;
  width: 72px;
  right: -20px;
  height: 107px;
  background: url('../images/fly-frog-right.png') no-repeat center / contain;
}

@keyframes frog-fly {
  0% {transform: rotate3d(1, 1, 1, -15deg);}
  50% {transform: rotate3d(1, 2, 1, -35deg);}
  100% {transform: rotate3d(1, 1, 1, -15deg);}
}

.vacancy__learn-bg-wrapper {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 115vw;
  max-width: 3000px;
  margin-bottom: 42px;
}
.vacancy__learn-bg {
  flex-shrink: 0;
  width: 100%;
  animation: running-animation 20s linear infinite;
}

@keyframes running-animation {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
}

/* hearts */
.hearts {
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
}

.hearts .heart {
  z-index: -1;
	position: absolute;
	list-style: none;
	width: 32px;
	height: 32px;
	margin: 4px;
  background: url('../images/tiger-heart.png') no-repeat center / contain;
}

.hearts .heart:before,
.hearts .heart:after {
	position: absolute;
	content: "";
	left: 16px;
	top: 0;
	width: 16px;
	height: 24px;
  /* background: #ff6896; */
	-moz-border-radius: 16px 16px 0 0;
	-o-border-radius: 16px 16px 0 0;
	border-radius: 16px 16px 0 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.hearts .heart:after {
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

.hearts.flying > .heart:nth-child(even) {
	-webkit-animation: 2.8s flyingEven linear infinite;
	-moz-animation: 2.8s flyingEven linear infinite;
	animation: 2.8s flyingEven linear infinite;
}

.hearts.flying > .heart:nth-child(odd) {
	-webkit-animation: 2.8s flyingOdd linear infinite;
	-moz-animation: 2.8s flyingOdd linear infinite;
	animation: 2.8s flyingOdd linear infinite;
}

.hearts.flying > .heart:nth-child(1) {
	animation-delay: 0.2s;
}

.hearts.flying > .heart:nth-child(2) {
	animation-delay: 0.3s;
}

.hearts.flying > .heart:nth-child(3) {
	animation-delay: 0.6s;
}

.hearts.flying > .heart:nth-child(4) {
	animation-delay: 1.5s;
}

.hearts.flying > .heart:nth-child(5) {
	animation-delay: 2.2s;
}

.hearts.flying > .heart:nth-child(6) {
	animation-delay: 2.9s;
}

.hearts.flying > .heart:nth-child(7) {
	animation-delay: 3.2s;
}

.hearts.flying > .heart:nth-child(8) {
	animation-delay: 3.5s;
}

.hearts.flying > .heart:nth-child(9) {
	animation-delay: 3.8s;
}

.hearts.flying > .heart:nth-child(10) {
	animation-delay: 4.1s;
}

.hearts.flying > .heart:nth-child(11) {
	animation-delay: 4.5s;
}

.hearts.flying > .heart:nth-child(12) {
	animation-delay: 5s;
}

@-moz-keyframes flyingEven {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
		filter: blur(0px);
	}

	100% {
		transform: translate(100px, -480px) scale(3);
		opacity: 0;
		filter: blur(20px);
	}
}

@-webkit-keyframes flyingEven {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
		filter: blur(0px);
	}

	100% {
		transform: translate(100px, -480px) scale(3);
		opacity: 0;
		filter: blur(20px);
	}
}

@keyframes flyingEven {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
		filter: blur(0px);
	}

	100% {
		transform: translate(100px, -480px) scale(3);
		opacity: 0;
		filter: blur(10px);
	}
}

@-moz-keyframes flyingOdd {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
		filter: blur(0px);
	}

	100% {
		transform: translate(-100px, -480px) scale(3);
		opacity: 0;
		filter: blur(20px);
	}
}

@-webkit-keyframes flyingOdd {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
		filter: blur(0px);
	}

	100% {
		transform: translate(-100px, -480px) scale(3);
		opacity: 0;
		filter: blur(20px);
	}
}

@keyframes flyingOdd {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
		filter: blur(0px);
	}

	100% {
		transform: translate(-100px, -480px) scale(3);
		opacity: 0;
		filter: blur(10px);
	}
}

.main-screen-title {
  font-size: 80px;
  line-height: 1.08;
  text-transform: uppercase;
  font-family: var(--font-family-accent);
  font-weight: 400;
  margin-bottom: 35px;
}

.block-offset {
  padding: 85px 0px;
}

/* страница О нас */
.about {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
}

.about__main-screen-link,
.about__main-screen-link:hover {
  text-decoration: none;
  color: var(--pink-color);
}

.about__main-screen {
  padding-top: 82px;
}

.about__main-screen-title {
  display: inline-block;
 /* font-size: 87px; */
 font-size: clamp(1.8125rem, 0.7768rem + 5.1786vw, 5.4375rem);
}

.about__main-screen-title:hover {
  cursor: pointer;
}

#about-accordion {
  line-height: 1.8;
}
#about-accordion .accordion__header {
  font-size: clamp(20px, 1.0627rem + 1.5692vw, 36px);
  line-height: 1.1;
  padding: 0.4em 0;
  font-weight: 800;
}
.about-accordion__basecamp-img {
  max-width: 560px;
  margin-bottom: 2em;
}

#about-accordion .accordion__item:last-child {
  border-bottom: 0;
}

.about__acc-slider-description {
  text-align: center;
  padding: 0 5px;
  line-height: 1.5;
}

.about__acc-slider-image {
  max-width: 100%;
  margin-bottom: 1.5rem;
  padding: 0px 5px;
}

.about__acc-slider {
  max-width: 1903px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.about__acc-slider .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.about__acc-slider-item {
  max-width: 635px;
}

.about__title,
.awards-block-title {
  margin-bottom: 1.1em;
  text-align: left;
}
.about__team-image {
  display: block;
  width: 100%;
  max-width: 1500px;
  height: auto;
  margin: 0 auto;  
}
.scroll-block {
  display: flex;
}

.scroll-block__scroll {
  position: relative;
  margin-right: 65px;
  margin-left: 40px;
}

.scroll-block__scroll::after,
.scroll-block__scroll::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  content: "";
  width: 4px;
  height: 100%;
  background-color: var(--main-color);
}
/* 
.sp-stages__scroll::before {
  z-index: 1;
  height: 100px;
  background-color: var(--pink-color);
} */

.scroll-block__scroll-progress {
  z-index: 1;
  position: relative;
  width: 5px;
  height: 8%;
  background-color: var(--pink-color);
}

.scroll-block__scroll-indicator {
  z-index: 10;
  position: absolute;
  bottom: -42px;
  left: 50%;
  transform: translateX(-59%);

  width: 110px;
  height: 86px;
  background: url('../images/tiger-head-scroll.png') transparent no-repeat center / contain;
}

.scroll-block__scroll-earth {
  z-index: 15;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

  width: 76px;
  height: 76px;
  bottom: -76px;
  background: url('../images/earth.png') transparent no-repeat center / contain;
}

.scroll-block__text > p {
  margin-bottom: 30px;
}
.scroll-block__text > p:nth-child(1) {
  max-width: 807px;
}
.scroll-block__text > p:nth-child(2) {
  max-width: 983px;
}
.scroll-block__text > p:nth-child(3) {
  max-width: 1007px;
}
.scroll-block__text > p:nth-child(4) {
  max-width: 906px;
}
.scroll-block__text > p:nth-child(5) {
  max-width: 712px;
}

#about-faq-accordion .accordion__header {
  font-size: clamp(20px, 1.0627rem + 1.5692vw, 20px);
  line-height: 1.3;
  padding: 0.5em 0;
  font-weight: 800;
}

.about__faq-tiger-tiger {
  width: 100%;
  height: auto;
  max-width: 474px;
}

.about__main-title-wrapper {
  position: relative;
}

.about__title-wrd {
  z-index: 1;
  position: relative;
}

.about__tiger-front {
  z-index: 2;
  position: absolute;
  right: -0.3em;
  top: 0.31em;

  width: 1em;
  height: 1em;
  background: url('../images/tiger-front-rounded.png') transparent no-repeat center / contain;
}

.about__tiger-front-1 {
  display: none;
  right: -0.3em;
  top: -0.09em;
  transform: rotate(-45deg);
}

.about__tiger-front-2 {
  display: none;
  right: -0.55em;
  top: 0.31em;
}

.about__tiger-back {
  z-index: -1;
  position: absolute;
  left: -0.7em;
  top: 0.22em;

  width: 1.3em;
  height: 1.3em;
  background: url('../images/tiger-back.png') transparent no-repeat center / contain;
}

.about__title-wrd-2 {
  position: relative;
  z-index: 2;
}

.about__tiger-front-4 {
  display: none;
  z-index: -1;
  width: 1.7em;
  height: 1.7em;
  left: -0.6em;
  top: -0.65em;
  background: url('../images/tiger-front-4.png') transparent no-repeat center / contain;
}

.about__tiger-front-5 {
  display: none;
  right: -0.25em;
  top: 0.60em;
  transform: rotate(35deg);
}

.about__main-screen {
  padding-bottom: 45px;
}

.about__hearts {
  opacity: 0;
  position: absolute;
  left: 1.5em;
  bottom: 1.1em;
  transition: opacity 1s ease-in-out;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.about__hearts .heart {
  width: 0.4em;
  height: 0.4em;
}

.r-logo {
  position: relative;
  overflow-x: clip;
  display: flex;
  margin: 0 auto;
  width: 100vw;
  max-width: 3000px;
  margin-bottom: 42px;
}

.r-logo__item1,
.r-logo__item2 {
  flex-shrink: 0;
  animation: running-animation 50s linear infinite;
  white-space: nowrap;
  /* animation-play-state: paused; */
}

.r-logo__item1 > div:last-child {
  margin-right: 0;
}

.anim-paused {
  animation-play-state: paused;
}
.anim-play {
  animation-play-state: running;
}

.r-logo__item > div {
  z-index: 100;
  position: relative;
}

.r-logo__item > .tltp > img:hover,
.r-logo__item > .tltp > picture > img:hover {
  cursor: pointer;
}

.tltp.logo-tiger.tiger-left::before {
  z-index: 0;
  pointer-events:none;
  position: absolute;
  bottom: 18%;
  right: -12px;
  content: "";
  width: 100%;
  max-width: 80px;
  height: 40px;
  background: url('../images/tiger-to-left.png') no-repeat bottom center / contain;
}
.tltp.logo-tiger.tiger-right::before {
  z-index: 0;
  pointer-events:none;
  position: absolute;
  bottom: 18%;
  left: 0;
  content: "";
  width: 100%;
  max-width: 75px;
  height: 40px;
  background: url('../images/tiger-to-right.png') no-repeat bottom center / contain;
}
.tltp.logo-tiger.tiger-left[data-template="mvideo"]::before,
.tltp.logo-tiger.tiger-left[data-template="mvideo2"]::before {
  bottom: 18%;
  right: 39%;
}
.tltp.logo-tiger.tiger-right[data-template="vinlab"]::before,
.tltp.logo-tiger.tiger-right[data-template="vinlab2"]::before {
  bottom: 18%;
  left: 2%;
}
.tltp.logo-tiger.tiger-left[data-template="otkritie"]::before,
.tltp.logo-tiger.tiger-left[data-template="otkritie2"]::before,
.tltp.logo-tiger.tiger-left[data-template="gpb"]::before,
.tltp.logo-tiger.tiger-left[data-template="gpb2"]::before {
  bottom: 58%;
  right: 1%;
}
.tltp.logo-tiger.tiger-left[data-template="skolkovo"]::before,
.tltp.logo-tiger.tiger-left[data-template="skolkovo2"]::before {
  bottom: 49%;
  right: 1%;
}
.tltp.logo-tiger.tiger-left[data-template="vtb"]::before,
.tltp.logo-tiger.tiger-left[data-template="vtb2"]::before {
  bottom: 59%;
  right: 51%;
}
.tltp.logo-tiger.tiger-left[data-template="aroma"]::before,
.tltp.logo-tiger.tiger-left[data-template="aroma2"]::before {
  bottom: 22%;
  right: 60%;
}


.r-logo .r-logo__item div {
  display: inline-block;
  vertical-align: top;
  margin-right: 60px;
}

.r-logo__item > div:hover .tooltip {
  display: block;
}

@keyframes marquee {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-100%, 0);
  }
}

.about__logo .about__title {
  margin-bottom: 100px;
}

.tippy-box[data-theme~='emx'] {
  padding: 1em 1.3em;
  font-size: 14px;
  white-space: normal;
  background-color: #303030;
  color: #fff;
  font-family: var(--font-family);
  border-radius: 0;
}

.tippy-content p:last-child {
  margin-bottom: 0;
}

.tippy-content {
  padding: 0;
  text-align: center;
}

.tooltip-content__item > p:last-of-type {
  margin-bottom: 0;
}

.dark-theme .tippy-box {
  background-color: #fff;
  color: #303030;
}
/* .tooltip::before {
  content: "";
  position: absolute;
  left: 15px;
  top: -12px;
  border: 8px solid transparent;
  border-bottom: 8px solid #303030;
  border-left: 8px solid #303030;
} */

/* .tooltip--right::before {
  left: auto;
  right: 15px;
} */

/* .dark-theme .tooltip::before {
  border-bottom: 8px solid #fff;
  border-left: 8px solid #fff;
} */

.main-cases__all-cases-link {
  position: relative;
  background-image: none;
  display: inline-block;
  margin-top: 6rem;
}

.main-cases__all-cases-link:hover {
  background-image: none;
}

.main-cases__all-cases-link::after {
  content: "";
    position: absolute;
    width: 0.8em;
    height: 0.8em;
    right: -0.3em;
    top: 0.4em;
    background: url("data:image/svg+xml,%3Csvg width='17' height='33' viewBox='0 0 17 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9159 20.4864L16.9319 16.5756L17 16.5084L16.9424 16.4547L11.0999 10.7759L-1.44248e-06 0L-1.09471e-06 7.95591L8.89462 16.4916L0.008732 25.0357L0.00873235 33L12.9141 20.4914L12.9159 20.4864Z' fill='%23303030'/%3E%3C/svg%3E%0A") no-repeat center transparent;
    transform: rotate(90deg);
    background-size: contain;
}

.main-cases__all-cases-link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='33' viewBox='0 0 17 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9159 20.4864L16.9319 16.5756L17 16.5084L16.9424 16.4547L11.0999 10.7759L-1.44248e-06 0L-1.09471e-06 7.95591L8.89462 16.4916L0.008732 25.0357L0.00873235 33L12.9141 20.4914L12.9159 20.4864Z' fill='%23FF2963'/%3E%3C/svg%3E%0A");
}

.about__cases .section--main {
  margin-top: 90px;
}

/* .tippy-box[data-theme~='emx'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: tomato;
}
.tippy-box[data-theme~='emx'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: tomato;
} */

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  content: "";
  position: absolute;
  top: -12px;
  border: 8px solid transparent;
  border-bottom: 8px solid #303030;
  border-left: 8px solid #303030;
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
  content: "";
  position: absolute;
  bottom: -12px;
  border: 8px solid transparent;
  border-top: 8px solid #303030;
  border-right: 8px solid #303030;
}

.about__team-wrapper {
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
}

.tooltip-team {
  width: 6%;
  aspect-ratio: 1;
  position: absolute;
}

/* .tooltip-team:hover {
 cursor: pointer;
} */

.about__team-wrapper .person-1 {
  top: 50%;
  left: 55%;
}

.about__team-wrapper .person-2 {
  top: 6%;
  left: 19%;
}

.about__team-wrapper .person-3 {
  top: 13%;
  left: 29%;
}

.about__team-wrapper .person-4 {
  top: 12%;
  left: 38%;
}

.about__team-wrapper .person-5 {
  top: 4%;
  left: 52%;
}

.about__team-wrapper .person-6 {
  top: 6%;
  left: 64%;
}

.about__team-wrapper .person-7 {
  top: 15%;
  left: 69%;
}

.about__team-wrapper .person-8 {
  top: 35%;
  left: 12%;
}

.about__team-wrapper .person-9 {
  top: 41%;
  left: 29%;
}

.about__team-wrapper .person-10 {
  top: 34%;
  left: 36%;
}

.about__team-wrapper .person-11 {
  top: 30%;
  left: 52%;
}

.about__team-wrapper .person-12 {
  top: 40%;
  left: 65%;
}

.about__team-wrapper .person-13 {
  top: 34%;
  left: 80%;
}

.about__team-wrapper .person-14 {
  top: 39%;
  left: 21%;
}

.about__team-wrapper .person-15 {
  top: 44%;
  left: 49%;
}

.about__team-wrapper .person-16 {
  top: 71%;
  left: 17%;
}

.about__team-wrapper .person-17 {
  top: 49%;
  left: 38%;
}

.about__team-wrapper .person-18 {
  top: 48%;
  left: 68%;
}

.about__team-wrapper .person-19 {
  top: 45%;
  left: 85%;
}

/* страница CRM-маркетинг */
.crm-strategy {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
}
.contant-page.crm-strategy  {
  margin-top: 0;
}

.crm-strategy__main-text {
  max-width: 600px;
}

.crm-strategy__main-screen-wrapper {
  display: flex;
  flex-wrap: wrap-reverse;
  gap: 20px;
  margin-bottom: 4rem;
}

.crm-strategy__main-image {
  position: relative;
  width: 100%;
  max-width: 514px;
  height: clamp(190px, 61vw, 338px);
  margin-top: min(-9vw, -50px);
  -webkit-tap-highlight-color: transparent;
}
.crm-strategy__main-image:hover {
  cursor: pointer;
}
.blinking-tiger__item {
  position: absolute;
}
.blinking-tiger__item-1 {
  z-index: 1;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: url('../images/tiger-main-image.png') no-repeat center top / contain;
}
.blinking-tiger__item-2 {
  opacity: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: url('../images/tiger-main-image2.png') no-repeat center top / contain;
}

.crm-strategy__main-text-p1 {
margin-bottom: 1.9rem !important;
}

.crm-strategy__main-text-p2 {
  max-width: 460px;
}

#business-metrics-accordion .accordion__header {
  font-size: inherit;
  font-weight: 900;
}

.business-metrics-accordion__crr {
  position: relative;
}

/* .business-metrics-accordion__crr-tigers {
  position: absolute;
} */

.crm-strategy-trust__second-text {
  color: #D6D6D6;
}

.crm-strategy-trust__text {
  margin-bottom: 30px !important;
}

.sp-cases__filter {
  display: flex;
  justify-content: center;
  padding-bottom: 1rem;
  overflow: auto;
  gap: 11%;
  margin-bottom: 75px;
}
.crm-filter {
  margin-bottom: min(34px, 13vh);
}
@media (max-width: 1079px) {
  .sp-cases__filter br {
    display: none;
  }
  .sp-cases__filter {
    flex-direction: column;
    padding: 0;
    gap: 30px;
    overflow: inherit;
  }
}
.sp-cases__filter-item {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1079px) {
  .sp-cases__filter-item {
    max-width: 460px;
    padding: 0;
  }
}
@media (max-width: 600px) {
  .sp-cases__filter-item {
    max-width: 430px;
    padding: 0;
  }
}

.sp-cases__filter-btn {
  z-index: 10;
  position: relative;
  padding: 0;
  background: none;
  border: none;
  color: #999;
  font-family: inherit;
  font-size: var(--font-size-20-16);
  font-weight: 900;
  text-transform: uppercase;
}
@media (max-width: 1079px) {
  .sp-cases__filter-btn {
    display: inline-block;
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 425px) {
  .sp-cases__filter-btn {
    padding-right: 50px;
  }
}

.sp-cases__filter-btn:hover {
  cursor: pointer;
}

.sp-cases__filter-btn.active {
  position: relative;
  color: var(--main-color);
}
@media (max-width: 1079px) {
  .sp-cases__filter-btn.active::after {
    position: absolute;
    top: -4px;
    content: "";
    right: 0;
    width: 67px;
    height: 41px;
    background: url('../images/sp-case-finger.png') transparent no-repeat center / contain;
  }
}
@media (max-width: 1079px) {
  .crm-cases .sp-cases__filter-btn.active::after {
    position: absolute;
    top: -4px;
    content: "";
    right: 0;
    width: 67px;
    height: 41px;
    background: url('../images/sp-case-finger-2.png') transparent no-repeat center / contain;
  }
}
@media (max-width: 425px) {
  .sp-cases__filter-btn.active::after {
    right: -25px;
  }
}
@media (max-width: 375px) {
  .sp-cases__filter-btn.active::after {
    right: -22px;
    width: 50px;
    height: 37px;
  }
}

@media (max-width: 428px) {
  .sp-cases__filter-btn > br {
    display: none;
  }
}

.crm-filter {
  justify-content: start;
  gap: 3em;
}

.sp-cases__filter-btn {
  z-index: 10;
  position: relative;
  padding: 0;
  background: none;
  border: none;
  color: #999;;
  font-family: inherit;
  font-size: var(--font-size-20-16);
  font-weight: 900;
  text-transform: uppercase;
}
@media (max-width: 1079px) {
  .sp-cases__filter-btn {
    display: inline-block;
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 425px) {
  .sp-cases__filter-btn {
    padding-right: 50px;
  }
}

.sp-cases__filter-btn:hover {
  cursor: pointer;
}

.sp-cases__filter-btn.active {
  position: relative;
  color: var(--main-color);
}
@media (max-width: 1079px) {
  .sp-cases__filter-btn.active::after {
    position: absolute;
    top: -4px;
    content: "";
    right: 0;
    width: 67px;
    height: 41px;
    background: url('../images/sp-case-finger.png') transparent no-repeat center / contain;
  }
}
@media (max-width: 425px) {
  .sp-cases__filter-btn.active::after {
    right: -25px;
  }
}
@media (max-width: 375px) {
  .sp-cases__filter-btn.active::after {
    right: -22px;
    width: 50px;
    height: 37px;
  }
}

@media (max-width: 428px) {
  .sp-cases__filter-btn > br {
    display: none;
  }
}

.sp-cases__wrapper .main-cases__block {
  color: rgba(153, 153, 153, .6);
}

.sp-cases__wrapper .main-cases__item:hover .main-cases__title, .sp-cases__wrapper .main-cases__item:hover .main-cases__text {
  color: #222222;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.crm-strategy__title {
  text-align: left;
  margin-bottom: 2rem;
}

.crm-strategy__all-link {
  display: inline-block;
  margin-top: 3rem;
  line-height: 2.6rem;
}

.crm-can-do__accordion .accordion__header {
  font-size: clamp(1.5rem, 0.7593rem + 3.7037vw, 1.75rem);
  font-weight: 900;
}

.crm-can-do__accordion .accordion__item:last-child,
.business-metrics-accordion .accordion__item:last-child {
  border-bottom: 0;
}
.crm-can-do-more {
  position: relative;
}
.crm-can-do-more__subtitle {
  font-size: clamp(21px, 2.3vw, 36px);
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-bottom: 0.5em !important;
}

.crm-can-do-more__list li {
  margin-bottom: 20px;
}

.crm-can-do-more__list li:last-child {
  margin-bottom: 0;
}

.crm-can-do-more__list {
  max-width: 750px;
  margin-bottom: 22px;
}

.crm-can-do-more__text {
  max-width: 575px;
}

.crm-can-do-more__btn {
  margin-top: 70px;
}

.crm-can-do-more__btn .text-d {
  white-space: break-spaces;
}

.rabotyaga-s-zavoda {
  z-index: 1;
  position: absolute;
  top: 0;
  right: -6vw;

  width: 33%;
  max-width: 406px;
  aspect-ratio: 1 / 0.7;
  /* height: 364px; */

  background: url('../images/rabotyaga.png') no-repeat center bottom / contain;
}
.crm-can-do-more__text-wrapper {
  width: 66%;
}
.business-metrics-accordion__crr-tigers.stroke {
  display: flex;
  width: 2252px;
  max-height: 76px;
  max-width: 3000px;
  margin: 0 auto;
  overflow: hidden;
}

.business-metrics-accordion__crr-tigers .stroke__item {
  flex-shrink: 0;
  font-size: clamp(1.125rem, 0.8023rem + 1.2064vw, 2.25rem);
  line-height: 1.5;
  font-weight: 900;
  text-transform: uppercase;
  animation: running-animation 20s linear infinite;
  white-space: nowrap;
}

@keyframes running-animation {
  0% {
      transform: translateZ(0);
  }

  100% {
      transform: translate3d(-100%, 0, 0);
  }
}

.main-cases__right[data-bg="case-coaching"] {
  top: clamp(-210px, -24vh, -260px);
  left: 570px;
}
.main-cases_right.active .coaching-inst-case__wrapper {
  position: relative;
  width: 707px;
  height: 614px;
  background: url('../images/coaching-inst-case-image.png') no-repeat center center / contain;
}
.main-cases_right.active .coaching-inst-case__wheel-1 {
  position: absolute;
  z-index: -1;
  bottom: 1.2%;
  left: 15.4%;
  width: 190px;
  height: 160px;
  animation: simple-spin 16s linear infinite;
  background: url('../images/wheel-left.png') no-repeat center center / contain;
}
.main-cases_right.active .coaching-inst-case__wheel-2 {
  position: absolute;
  bottom: 1%;
  right: 18.2%;
  z-index: -1;
  width: 164px;
  height: 148px;
  animation: simple-spin 16s linear infinite;
  background: url('../images/wheel-right.png') no-repeat center center / contain;
}

.crm-cases .main-cases_right.pyaterochka-mailing.active {
  overflow: initial;
}

.main-cases__right[data-bg="case-crm-communication-strategy"] {
  top: clamp(-210px, -24vh, -260px);
  left: 520px;
}
.case-crm-communication-strategy .strategy-samoletplus__bg {
  width: 1027px;
  height: 660px;
  background: url('../images/samolet-case-man-2.png') no-repeat center / contain;
}

.crm-cases .pyaterochka-mailing .pyaterochka-mailing__wrapper {
  position: absolute;
  top: clamp(-70px, -24vh, -260px);
  width: clamp(210px, 13vw, 1150px);
  height: clamp(563px, 60vh, 489px);
  transition: transform 2s ease-in-out;
  margin-left: clamp(-43px, -3vh, -180px);
}

.crm-cases .pyaterochka-mailing .pyaterochka-mailing__wrapper-1 {
  top: -190px;
}
.crm-cases .pyaterochka-mailing .pyaterochka-mailing__wrapper-2 {
  top: -160px;
}
.crm-cases .pyaterochka-mailing .pyaterochka-mailing__wrapper-3 {
  top: -130px;
  left: clamp(308px, 48vh, 401px);
}

.case-jewelry-strategy .case-modern__right.juw1-case {
  width: 1054px;
  bottom: 0;
  left: 0;
  margin-left: 0;
}

.main-cases_right .case-modern__right.circ1-case {
  top: -300px;
}

.main-cases_right.case-modern__right.crm-strategy-case.vkusvill-letter.active {
  top: 21vh;
}

.crm-platforms-logo {
  display: flex;
  width: 100vw;
  max-width: 3000px;
  margin: 0 auto;
  margin-bottom: 30px;
  overflow: hidden;
}



.crm-platforms-logo__items {
  flex-shrink: 0;
  font-size: clamp(1.125rem, 0.8023rem + 1.2064vw, 2.25rem);
  line-height: 1.5;
  font-weight: 900;
  text-transform: uppercase;
  animation: running-animation 20s linear infinite;
  white-space: nowrap;
}

.crm-platforms-logo__item {
  padding: 0px 20px;
  width: 250px;
}

@keyframes running-animation {
  0% {
      transform: translateZ(0);
  }

  100% {
      transform: translate3d(-100%, 0, 0);
  }
}

.crm-cases .case-modern__right.aroma1-case {
  width: 862px;
  height: clamp(470px, 100%, 935px);
  bottom: 0;
  top: clamp(30px, 2vh, 100px);
  right: auto;
  opacity: 0;
  transform: translate(100px, 0px);
  transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.crm-cases .linii-lubvi-case__hand {
  position: absolute;
  top: clamp(110px, 21vh, 450px);
  left: 0;
  width: 847px;
  height: 572px;
  background: url('../images/hand.png') no-repeat center / contain;
}

.crm-cases .linii-lubvi-case__effect {
  left: 20%;
  z-index: -2;
}

.crm-strategy__price .layout-h2-title {
  margin-bottom: 1.6em;
}

.crm-strategy-team .layout-h2-title {
  max-width: 980px;
}

.crm-strategy-team__text {
  max-width: 694px;
}

.crm-strategy-team__text p {
  margin-bottom: 1.9rem !important;
}

.crm-strategy-team__img {
  max-width: 587px;
}

.crm-strategy-team__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.crm-strategy-team__image-wrap {
  width: 457px;
}

.crm-strategy__reviews .reviews {
  border-top: none;
}
.crm-strategy__reviews .reviews .title-re {
  height: clamp(500px, 54vh, 590px);
}
.crm-strategy__reviews .reviews .container {
  margin-left: 0;
  margin-right: 0;
}
.reviews__case-link {
  font-weight: 900;
  text-transform: uppercase;
  color: var(--pink-color);
}
.reviews__case-link:hover {
  color: var(--pink-color);
}

.reviews__author {
  margin-bottom: 10px;
}

.reviews__author-text {
  height: auto;
  margin-bottom: 0 !important;
}
.crm-can-do-more__wrapper {
  position: relative;
  /* display: flex; */
  /* padding-right: 50px; */
}
.crm-can-do-more__content-wrap {
  width: 66%;
}
.crm-can-do-more__list a,
.crm-can-do-more__text a {
  color: var(--pink-color);
}

.accordion-cards {
  display: flex;
  gap: 77px;
  flex-wrap: wrap;
}

.eye-overlay {
  position: relative;
}

.eye-overlay__icon {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* width: 50px; */
  height: 50px;
  width: 22%;
  max-width: 50px;
}

.accordion-strategy__card-image {
  max-width: 400px;
}

.accordion-strategy__card-title {
  margin-bottom: 21px !important;
}

.eye-overlay::after {
  content: '';
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  /* background: url('../images/bg-mask2.png') no-repeat bottom center / cover; */
  background: rgb(255 255 255 / 55%) url('../images/bg-mask2.png') no-repeat bottom center / cover;
}

.eye-overlay__icon {
  transition: all .25s ease-in-out;
  
}
.eye-overlay-link:hover .eye-overlay__icon path {
  fill: #FF2963;
}
.accordion-strategy__card-link {
  display: inline-block;
  padding-right: 1.2em;
  margin-top: 1.8em;
  margin-bottom: 2em;
  font-size: clamp(1.2rem, 4vw, 36px) !important;
}
.accordion-strategy__card-link-2 {
  margin-top: 3em;
  margin-bottom: 0;
}
.accordion-strategy__card-link,
.accordion-strategy__card-link:hover {
  position: relative;
  color: var(--pink-color);
  text-transform: uppercase;
  font-size: clamp(16px, 6vw,36px);
  font-weight: 900;
}

.accordion-strategy__card-link::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 0.8em;
  height: 0.8em;
  background: url('../images/arrow-icon.svg') no-repeat center / contain;
}

.accordion-strategy__card-link--gray {
  color: #C0C0C0;
  margin-bottom: 0;
}
.accordion-strategy__card-link--gray::after {
  color: #C0C0C0;
  background: url('../images/arrow-icon-gray.svg') no-repeat center / contain;
}
.accordion-strategy__card-link--gray:hover {
  color: #C0C0C0;
}

.accordion-strategy__card-link2 {
  margin-top: 1.2em;
}
.crm-audit-cards .accordion-strategy__card-image {
  width: 100%;
  max-width: 420px;
}

.crm-strategy-nko-audit-case {
  top: -210px;
  right: auto;
  left: 0;
  width: 731px;
  height: 739px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
  overflow: hidden;
}

.crm-strategy-nko-audit-case .nko-audit__man {
  position: absolute;
  right: 0;
  left: 310px;
  width: 520px;
  height: 1095px;
}
.case-modern__right.nko-audit-case {
  top: -210px;
  height: 739px;
  overflow: hidden;
}
.case-modern__right.crm-strategy-nko-audit-case.nko-audit-case.active {
  height: 779px;
  overflow: hidden;
}
.case-modern__right.crm-strategy-nko-audit-case .nko-audit__magnifier {
  width: 490px;
}
.crm-strategy-nko-audit-case .nko-audit__letters {
  width: 990px;
  height: 1045px;
}

.estimates {
  z-index: -9999;
  opacity: 0;

  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  padding: clamp(20px, 7vw, 40px);
  padding-top: 80px;
  width: 100%;
  height: 100%;
  background: url('../images/bg.png') repeat top center #fff;
}

.estimates.active {
  opacity: 1;
  z-index: 9999;
}

.estimates__title {
  margin-bottom: .7em !important;
}
.estimates__slider-slide img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 1000px;
}

.estimates__slider-slide > a {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
}

.estimates__slider .slick-next {
  background: url('../images/sprite.png') no-repeat -135px -50px transparent;
  right: 0;
  top: 41px;
}
.estimates__slider .slick-prev {
  background: url('../images/sprite.png') no-repeat -95px -50px transparent;
  left: 0;
  top: 41px;
}


.slick-arrow {
	font-size: 0;
}

.estimates__close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  content: "";
  width: 50px;
  height: 50px;
  border: none;
  background: none;
  padding: 0;
  background: url('../images/cross.svg') no-repeat center / contain
}

.estimates__close-btn:hover {
  cursor: pointer;
}

.tiger-arrow-head {
  position: relative;
}

.tiger-arrow-head__arrow {
  position: absolute;
  top: 32%;
  left: 48%;
  transform: translate(-50%, 0);
  width: 47%;
  height: 47%;
  animation: tiger-arrow-anim 2s ease-in-out infinite;
}

@keyframes tiger-arrow-anim {
  0% {transform: translate(-50%, 0)}
  50% {transform: translate(-50%, -3%)}
  80% {transform: translate(-50%, 0)}
  100% {transform: translate(-50%, 0)}
}

.crm-strategy__price-title {
  margin-bottom: 1.1em;
}

.crm-platforms__title {
  margin-bottom: 1.1em;
  text-align: left;
}

.start-crm {
  display: flex;
  max-width: 1014px;
}

.start-crm__scroll {
  position: relative;
  margin-right: 95px;
}

.start-crm__scroll::after, .start-crm__scroll::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  content: "";
  width: 4px;
  height: 100%;
  background-color: var(--main-color);
}

.start-crm__scroll-progress {
  z-index: 1;
  position: relative;
  width: 4px;
  height: 8%;
  background-color: var(--pink-color);
}

.start-crm__scroll-indicator {
  position: absolute;
  bottom: -112px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 76px;
  height: 136px;
}
.start-crm__scroll-indicator-cat {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/cat-image.png') transparent no-repeat center / contain;
}

.start-crm__scroll-indicator-hand {
  opacity: 0;
  z-index: 5;
  position: absolute;
  bottom: -52%;
  width: 200%;
  left: 50%;
  height: 110%;
  transform: translateX(-60%);
  transition: opacity 0.2s ease-in-out;
  background: url('../images/hand-image.png') transparent no-repeat center / contain;
}

.start-crm__scroll-indicator-stars {
  opacity: 0;
  z-index: 10;
  position: absolute;
  left: 50%;
  top: -80px;
  transform: translateX(-50%);
  transition: opacity 0.2s ease-in-out;
  width: 300%;
  height: 190%;
  background: url('../images/stars-image.png') transparent no-repeat center / contain;
}
.start-crm__scroll-indicator-hand.show,
.start-crm__scroll-indicator-stars.show {
  opacity: 1;
}

.crm-can-do__accordion .accordion__body {
  overflow: initial;
  /* padding-left: 38px; */
}

.letters-list__card {
  z-index: 1;
  position: relative;
  width: 32%;
  transition: all .3s ease-in-out;
}
.letters-list__card:nth-child(2n-1) {
  z-index: 5;
  margin-top: 5%;
  margin-right: -10%;
}
.letters-list__card:nth-child(2n) {
  margin-right: -10%;
}

.letters-list__card .eye-overlay::after {
  background: url('../images/bg-mask2.png') no-repeat bottom center / contain;
}

.letters-list__card:hover {
  transform: translateY(-7%);
}

.letters-list__card:hover .eye-overlay__bg {
  opacity: .3;
}

.start-crm__body {
  padding-left: 38px;
}
.start-crm__text-1 {
  max-width: 460px;
}

.start-crm__list-item {
  list-style: disc;
  margin-bottom: 24px;
}

.start-crm__list-item:last-child {
  margin-bottom: 0;
}

.letters-list {
  position: relative;
  display: flex;
  padding-top: 40px;
  height: 500px;
  overflow: hidden;
}

.letters-list::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  height: 90px;
  background: url('../images/noise-block-bg.png') center bottom / cover;
}

.letters-list .eye-overlay__icon {
  top: 30%;
}

.eye-overlay__bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: .7;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-in-out;
}

.letters-swiper-wrapper {
  display: none !important;
}
.letters-swiper-wrapper.show {
  display: flex !important;
}

.mySwiper .letters-list__card:nth-child(2n-1) {
  margin-top: 0;
}

.swiper-pagination-bullet-active {
  background: var(--pink-color) !important;
}
.swiper-pagination-bullet {
  width: .7rem !important;
  height: .7rem !important;
}

.new-item {
    position: relative;
}

.new-item::before {
    content: "";
}

.new-item::before,
#circle-new {
  position: absolute;
  top: -0.3em;
  right: -0.7em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  background-color: var(--pink-color);
  z-index: 999;
}

/* ------ contacts page ------ */

.contacts {
    --contacts-indent: 100px;
}

.contacts .h1 {
    color: #303030;
    text-align: center;
    font-family: var(--font-family-accent);
    font-size: 80px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 50px;
}

.contacts .h2 {
    color: #303030;
    text-align: center;
    font-family: var(--font-family-accent);
    font-size: 54px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 50px;
}

.contacts__grid {
    border-bottom: 1px solid #666;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    padding: 50px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
}

.contacts__grid + .contacts__grid {
    margin-top: 35px;
}

.contacts__grid a {
    color: inherit;
    text-decoration: none;
}

.contacts__grid a:hover {
    color: var(--pink-color);
}

.contacts__grid h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
}

.contacts__grid p:not(:last-child) {
    margin-bottom: 1em;
}

.contacts__grid.contacts__grid--separate {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.contacts__grid--separate > div {
    border-bottom: 1px solid #666;
    padding-bottom: 50px;
}

.contacts__grid--separate h3 {
    margin-bottom: 40px;
}

.contacts__grid .contacts__note {
    display: block;
    color: #666;
    margin-bottom: 4px;
}

.contacts__section + .contacts__section {
    margin-top: var(--contacts-indent);
}

.big-sc {
    max-width: 900px;
    margin: 0 auto;

    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
}

.big-sc__item {
    display: block;
    width: 128px;
    height: 128px;
    background: none no-repeat center center #303030;
    transition: background-color 0.2s ease;
}

@media (hover: hover) {

    .big-sc__item:hover {
        background-color: var(--pink-color);
    }

}

.big-sc__item--mail { background-image: url('../images/big-sc-mail.svg'); }
.big-sc__item--vk { background-image: url('../images/big-sc-vk.svg'); }
.big-sc__item--tg { background-image: url('../images/big-sc-tg.svg'); }
.big-sc__item--be { background-image: url('../images/big-sc-be.svg'); }
.big-sc__item--hh { background-image: url('../images/big-sc-hh.svg'); }

.contacts__section .big-sc {
    margin-bottom: var(--contacts-indent);
}

.contacts__section .h2--indent {
    margin-bottom: var(--contacts-indent);
}

.contacts .h2.re-form__title {
    margin: 0 auto 24px;
    max-width: 900px;
}

.contacts .re-form__text {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
    max-width: none;
}


/*------ cookie agreement new ------*/
.cookie-agreement-new {
	display: block;
	position: fixed;
	bottom: 30px;
	left: 30px;
    z-index: 1020;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

    background: #303030;
	width: 520px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    font-family: var(--font-family);
    padding: 40px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.cookie-agreement__text {
    flex: 1 1 auto;
}

.cookie-agreement__text a {
    color: inherit;
    text-decoration: underline;
}

.cookie-agreement__text a:hover {
    text-decoration: none;
}

.cookie-agreement__button {
    display: block;
    flex: 0 0 170px;
    width: 170px;
    margin: 0 0 0 20px;

    background: var(--pink-color);
    color: #fff;
    text-align: center;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    border: 0 none;
    padding: 12px;
    cursor: pointer;
    white-space: nowrap;
}

/* ------ reviews page ------ */
.reviews-page {
    font-family: var(--font-family);
    padding-top: 75px;
}

.reviews-page__top {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
}

.reviews-page__top h1,
.simple-page h1 {
    font-family: var(--font-family-accent);
    font-size: min(80px, 6.66vw);
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 0.4em;
    text-align: center;
}

.reviews-page__item {
    margin: 80px 0 0;
    border-top: 3px solid var(--main-color);
    padding: 80px 0 0;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas: "author text"
    "cases text";
    grid-gap: 40px;

    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
}

.reviews-page__author {
    grid-area: author;

    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;

    padding-top: 25px;
}

.reviews-page__author img {
    display: block;
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    flex: 0 0 140px;
    margin-right: 30px;
}

.reviews-page__author p {
    flex: 1 1 auto;
    max-width: 395px;
}

.reviews-page__author b {
    display: block;
    font-size: 1.4em;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 8px;
}

.reviews-page__text {
    grid-area: text;
}

.reviews-page__text h2 {
    font-size: min(36px, 3vw);
    line-height: min(46px, 3.8vw);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1em 0;
}

.reviews-page__text h2:before {
    content: "“   ";
    color: var(--pink-color);
    font-size: 2.1em;
    line-height: inherit;
}

.reviews-page__text h2.h2-narrow {
    max-width: 14em;
}

.reviews-page__text p {
    margin-bottom: 1em;
    text-wrap: pretty;
}

.reviews-page__text a {
    color: inherit;
    text-decoration: underline;
}

.reviews-page__text a:hover {
    color: inherit;
    text-decoration: none;
}

.reviews-page__date {
    font-weight: 700;
    text-transform: uppercase;
}

.reviews-page__cases {
    grid-area: cases;

    align-self: end;
}

.reviews-page__cases li + li {
    margin-top: 30px;
}

.reviews-page__case {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

.reviews-page__case:hover {
    color: var(--pink-color);
}

.reviews-page__case img {
    display: block;
    width: 140px;
    height: 140px;
    object-fit: cover;
    flex: 0 0 140px;
    margin-right: 30px;
}

.reviews-page__case > span {
    flex: 1 1 auto;
    line-height: 1.6;
    text-transform: uppercase;
    font-weight: 700;

    max-width: 380px;
}

.reviews-page__cases--wide .reviews-page__case > span {
    max-width: none;
}

.reviews-page__case > span:after {
    content: "→";
    margin-left: 0.25em;
}

.reviews-page__creative {
    margin-top: 80px;
}

.reviews-page__creative img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.reviews-page__creative + .reviews-page__item {
    border-top: 0 none;
    padding-top: 0;
}

/* ------ scroll top button default ------ */

.scroll-top-button {
    display: none;
    z-index: 800;
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 24px;
    margin: 0;
    border: 0 none;
    cursor: pointer;
}

.scroll-top-button:before {
    z-index: 750;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: opacity .2s ease-out;
    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
    -webkit-filter: opacity(.5);
            filter: opacity(.5);
    background-color: transparent;
}

.scroll-top-button:hover:before {
    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
    -webkit-filter: opacity(1);
            filter: opacity(1);
    z-index: 0;
}
  
.scroll-top-button::after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../images/scroll-top-arrow.svg') no-repeat center / contain;
}

@media (max-width: 1079px) {

    .scroll-top-button {
        width: 60px;
        height: 60px;
        right: 20px;
        bottom: 20px;
        padding: 17px;
    }

}

/* ----- checkboxes for all ----- */

.all-checkboxes--indent {
    margin-top: 40px;
}

.all-checkbox-outer + .all-checkbox-outer {
    margin-top: 20px;
}

.all-checkbox {
    display: inline-flex;
    vertical-align: top;
    align-items: flex-start;
    justify-content: flex-start;
    
    position: relative;
    font-family: var(--font-family);
    font-size: clamp(14px, 1.67vh, 18px);
    line-height: 1.3;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}

.all-checkbox__icon {
    flex: 0 0 2em;
    width: 2em;
    height: 2em;
    border: 0.1em solid #303030;
    background: #fff;
    margin-right: 0.75em;
}

.all-checkbox input:checked + .all-checkbox__icon {
    background: url("data:image/svg+xml,%3Csvg width='29' height='22' viewBox='0 0 29 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 10L10 19.5L27 2' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center var(--pink-color);
    background-size: 1.45em 1.1em;
    border-color: var(--pink-color);
}

.all-checkbox__text {
    flex: 0 1 auto;
    align-self: center;
}

.all-checkbox__text a {
    color: var(--pink-color);
    font-weight: 700;
}

.all-checkbox input.error + .all-checkbox__icon {
    border-color: #F00;
    box-shadow: 0 0 0.4em #F00;
}

.all-checkbox label.error {
    display: none !important;
}

.footer-subscribe__checkboxes .all-checkbox__icon {
    border-color: #fff;
    background-color: #303030;
}

.footer-subscribe__checkboxes .all-checkbox__text a,
.all-checkboxes .all-checkbox__text a {
    font-weight: 500;
}

.all-checkboxes .all-checkbox {
    font-size: 14px;
    line-height: 1.15;
    color: #777777;
}

@media (max-width: 1079px) {

    .all-checkbox {
        /* font-size: 0.8em; */
        font-size: 13px;
    }

    .re-form__note {
        margin-top: 20px;
    }

}

/* ----- team page ----- */

.simple-page {
    padding-top: 100px;
    font-family: var(--font-family);
}

.simple-page .page-text {
    text-align: center;
    font-size: 20px;
}

.simple-page .page-text a {
    color: var(--pink-color);
}

.team-list {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 40px 36px;
}

.team-item {
    grid-column: span 2;
}

.team-item--big {
    grid-column: span 3;
}

.team-item--big:first-child {
    grid-column: span 6;
}

.team-person {
    display: block;
    text-align: center;
    background: #fff;
    font-size: min(20px, 1.53vw);
    box-shadow: 0px 0.2em 1em rgba(255, 41, 99, 0.25);
    padding: 1em 1em 2em;
    text-align: center;
    line-height: 1.2;
    height: 100%;
    max-width: 580px;
    margin: 0 auto;
}

a.team-person:hover {
    color: var(--pink-color);
}

.team-person img {
    display: block;
    margin: 0 auto 2em;
    max-width: 100%;
}

.team-person h3 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
}

.team-person p {
    max-width: 14em;
    margin: 1em auto 0;
}

.team-item--big p {
    max-width: 100%;
}

.team-item--job h3 {
    font-size: 1.4em;
}

.team-item--job h3::before {
    content: "";
    display: block;
    width: 2.28em;
    height: 2.28em;
    background: url('../images/heart.png') no-repeat center center / contain transparent;
    margin: 0.7em auto 0.35em;
}

/* ----- sales contacts ----- */

.all-font {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    font-family: var(--font-family);
}

.sales-contacts {
    margin-top: 60px;
    text-align: center;
    position: relative;
}

.sales-contacts__list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 10px -36px 0;
}

.sales-contact {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    margin: 20px 36px 0;
    flex: 1 1 320px;
    max-width: 320px;
}

.sales-contact__image {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 20px;
}

.sales-contact__text p {
    margin: 0;
}

.sales-contact__text p + p {
    margin-top: 0.1em;
}

.sales-contact__text a {
    font-weight: 600;
    color: var(--pink-color);
}

.sales-contact__text a:after {
    content: " →";
    margin-left: 0;
    transition: margin-left 0.15s ease;
}

.sales-contact__text a:hover:after {
    margin-left: 5px;
}


/* tiger tail */
.tiger-tail {
    font-size: min(0.1626vw, 1px);

    width: 835em;
    height: 231em;
    background: url('../images/tiger-popup-bg.png') no-repeat 0 0 / contain transparent;
    position: fixed;
    bottom: 10em;
    right: -755em;
    z-index: 900;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 6% 100%, 15% 45%, 0% 45%);
    transition: right 0.6s ease-out;
}

.tiger-tail.opened {
    right: 20em;
    /* transition: right 1s ease-out; */
}

.tiger-tail__open {
    display: block;
    width: 100em;
    height: 100em;
    background: transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.tiger-tail.opened .tiger-tail__open {
    display: none;
}

.tiger-tail__close {
    display: block;
    border: 0 none;
    padding: 0;
    margin: 0;
    font-size: inherit;
    width: 40em;
    height: 40em;
    background: url('../images/tiger-popup-close.png') no-repeat center center / auto 100% transparent;
    position: absolute;
    top: 25em;
    left: 260em;
    cursor: pointer;
    z-index: 5;
    transition: transform 0.25s linear;
    transform-origin: center center;
}

.tiger-tail__close:hover {
    transform: rotate(90deg);
}

.tiger-tail__text {
    width: 500em;
    padding-right: 150em;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 10em #000;
    font-family: var(--font-family);
    font-weight: 900;
    line-height: 1.06;
    text-transform: uppercase;
    position: absolute;
    top: 30em;
    left: 300em;
}

.tiger-tail__text span {
    font-size: 30em;
}

.tiger-tail__text:hover {
    color: #fff;
}
/* End */


/* Start:/local/templates/emx2023/css/cases-new.css?178101296017040*/
.contant-page {
    margin: 78px 0 0;
    font-family: var(--font-family);
}

.page-title {
    text-align: center;
    font-size: 54px;
    line-height: 1.26;
    text-transform: uppercase;
    font-family: var(--font-family-accent);
    font-weight: 400;
    margin: 0 0 clamp(30px, 6vh, 77px);
}

.open-cases {
    display: block;
    padding: 0 0 0 38px;
    margin: 0 auto;
    border: 0 none;
    font-weight: 800;
    font-size: 26px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--main-color);
    font-family: var(--font-family);
    background: url("data:image/svg+xml,%3Csvg width='29' height='17' viewBox='0 0 29 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3446 16.7959H17.5326V13.7024H11.3446V16.7959ZM0 0V3.09351H28.8771V0H0ZM5.15663 9.99562H23.7205V6.80151H5.15663V9.99562Z' fill='black'/%3E%3C/svg%3E") no-repeat left center transparent;
    cursor: pointer;
    width: fit-content;
}

.open-cases.active {
    color: var(--pink-color);
    background-image: none;
    padding-left: 0;
}

.open-cases.active span {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 2px 10px;
}

.case-filters {
    position: relative;
}

.case-filters__mob {
    display: none;
}

.case-filters__line {
    margin: 0 -30px 16px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.case-filter {
    margin: 0 30px 20px 0;
    position: relative;
    font-weight: 800;
    font-size: 26px;
    line-height: 1.2;
    text-transform: uppercase;
    z-index: 6;
}
.case-notfound a{
	color:var(--pink-color);
	text-decoration: underline;
}
.case-notfound a:hover{
	color:var(--pink-color);
	text-decoration: none;
}

.case-filter__title {
    display: none;
    font-weight: 800;
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-align: center;
}

.case-filter__text {
    cursor: pointer;
    position: relative;
    padding-right: 28px;
    background: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.92961 5.31831L6.4702 6.97196L6.49669 7L6.51786 6.97628L8.75494 4.57056L13 0H9.86585L6.50331 3.66249L3.13744 0.00359567H0L4.92763 5.31758L4.92961 5.31831Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A") no-repeat right center transparent;
    white-space: nowrap;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

.case-filter__text--active {
    color: var(--pink-color);
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.92961 5.31831L6.4702 6.97196L6.49669 7L6.51786 6.97628L8.75494 4.57056L13 0H9.86585L6.50331 3.66249L3.13744 0.00359567H0L4.92763 5.31758L4.92961 5.31831Z' fill='%23FF2963'/%3E%3C/svg%3E%0A");
}

.case-filter__text i,
.case-filter__clear,
.open-cases span,
.case-modern-filters__open span {
    /*display: none;*/
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23FF2963'/%3E%3Crect x='11.3037' y='5.67822' width='1.5' height='7.5' transform='rotate(45 11.3037 5.67822)' fill='white'/%3E%3Crect x='12.376' y='10.9282' width='1.5' height='7.5' transform='rotate(135 12.376 10.9282)' fill='white'/%3E%3C/svg%3E") no-repeat center center var(--pink-color);
    margin: 0 12px 0 0;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    padding: 2px;
    overflow: hidden;
    font-family: var(--font-family);
    text-align: center;
    color: #fff;
}

.case-filter__clear {
    cursor: pointer;
}

.case-filter__text--active .case-filter__clear {
    display: block;
}

.case-filter__text--many .case-filter__clear {
    display: none;
}

.case-filter__text i,
.open-cases span {
    background-image: none;
    font-style: normal;
}

.case-filter__text.case-filter__text--many i {
    display: block;
}

.case-filter__list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 36px;
    font-size: 20px;
    white-space: nowrap;
}

.case-filter:hover {
    z-index: 10;
}

.case-filter:hover .case-filter__list {
    display: block;
}

.case-filter__list ul {
    background: url('../images/bg.png') repeat top center #fff;
    border: 2px solid #303030;
}

.case-filter__list li {
    cursor: pointer;
    display: block;
    padding: 25px 25px 7px;
}

.case-filter__list li.active {
    color: var(--pink-color);
}

.case-filter__list li:hover,
.case-filter__list li.active:hover {
    background-color: var(--pink-color);
    color: #fff;
}

.clear-cases {
    /*display: none;*/
    background: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.821177' x2='27.3726' y2='-0.821177' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 19.3555 21.3555)' stroke='%23838383' stroke-width='1.64235'/%3E%3Cline x1='0.831449' y1='20.7748' x2='20.1868' y2='1.41947' stroke='%23838383' stroke-width='1.64235'/%3E%3C/svg%3E%0A") no-repeat left center transparent;
    border: 0 none;
    padding: 0 0 0 30px;
    margin: 0;
    font-family: var(--font-family);
    font-size: 20px;
    line-height: 30px;
    color: #838383;
    cursor: pointer;
    margin-right: 30px;
}

.clear-cases.visible {
    display: block;
}

.case-filters__mob .clear-cases {
    margin: 0 auto 20px;
    font-size: 16px;
	display: block;
}

.case-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: clamp(15px, 2.3vw, 30px);
}

.case-grid + .button-shadow {
    margin-top: 80px;
}

.case-item {
    border: 2px solid #303030;
    background: url('../images/bg.png') repeat top center #fff;
    padding: min(40px, 2.8vw) clamp(25px, 3vh, 40px);
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: flex-start;
    min-height: min(52vh, 520px);
    font-size: clamp(13px, 2.1vh, 20px);
    line-height: 1.5;
    font-weight: 500;
    position: relative;
    height: 100%;
}

@media (min-height: 800px) and (min-width: 1080px) {

    .case-item {
        min-height: min(45vh, 520px);
    }

}

.case-item__logo {
    height: clamp(35px, 5.36vh, 55px);
    display: flex;
}

.case-item__logo img {
    display: block;
    max-width: 150px;
    max-height: clamp(35px, 5.36vh, 55px);
    margin: auto 0;
    filter: grayscale(1);
	opacity: 0.8;
    transition: filter 0.25s ease, opacity 0.25s ease;
}

.case-item:hover .case-item__logo img {
    filter: grayscale(0);
	opacity: 1;
}

.case-item__logo svg {
    display: block;
    max-width: 100%;
    max-height: clamp(35px, 5.36vh, 55px);
    margin: auto 0;
}

.case-item__title {
    margin: 1.5em 0 0.6em;
    font-weight: 800;
    text-transform: uppercase;
    font-size: clamp(15px, 2.1vh + 2px, 20px);
}

.case-item__text {
    margin-bottom: 1.5em;
}

.case-item__tags {
    margin-top: auto;
    margin-right: -0.75em;
    color: #838383;
    display: flex;
    flex-flow: row wrap;
    /* font-size: clamp(11px, 1.24vh - 2px, 18px); */
}

.case-item__tags a,
.case-item__tags span {
    margin-right: 0.75em;
}

.case-item__tags a:hover {
    color: var(--pink-color);
}

.case-item__link {
    margin-top: 2em;
    font-weight: 800;
    text-transform: uppercase;
}

.case-item__link a {
    transition-duration: 0s;
    background: url("data:image/svg+xml,%3Csvg width='7' height='15' viewBox='0 0 7 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.31831 9.31199L6.97196 7.53438L7 7.50382L6.97628 7.47939L4.57056 4.89814L-6.55671e-07 9.53674e-07L-4.97596e-07 3.61633L3.66249 7.49618L0.00359552 11.3799L0.00359567 15L5.31758 9.31427L5.31831 9.31199Z' fill='%23303030'/%3E%3C/svg%3E%0A") no-repeat right center transparent;
    padding-right: 23px;
}

.case-item__link a:hover,
.case-item__back .case-item__link a:hover {
    color: var(--pink-color);
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='15' viewBox='0 0 7 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.31831 9.31199L6.97196 7.53438L7 7.50382L6.97628 7.47939L4.57056 4.89814L-6.55671e-07 9.53674e-07L-4.97596e-07 3.61633L3.66249 7.49618L0.00359552 11.3799L0.00359567 15L5.31758 9.31427L5.31831 9.31199Z' fill='%23FF2963'/%3E%3C/svg%3E%0A");
}

.case-flip {
    height: 100%;
    position: relative;
    z-index: 5;
    perspective: 1100px;
}

.case-flip__sides {
    height: 100%;
    transition: all ease .5s;
    -webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
    transform-origin: center center;
	/* -webkit-transform: rotateY(0deg) translateZ(0); */
	        transform: rotateY(0deg) translateZ(0);
    will-change: transform;
}

.case-flip:hover .case-flip__sides,
.case-flip.hover .case-flip__sides {
    /* -webkit-transform: rotateY(180deg) translateZ(0); */
            transform: rotateY(180deg) translateZ(0);
}

.case-flip .case-item {
    height: 100%;
}

.case-item__front,
.case-item__back {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform-origin: center center;
}

.case-item__front {
    display: block;
}

.case-item__back {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(180deg) translateZ(1px);
    transform: rotateY(180deg) translateZ(1px);
    z-index: 7;
}

.case-item__back .case-item {
    background: var(--main-color);
    color: #fff;
}

.case-item__title .heart {
    display: inline-block;
    width: 36px;
    position: relative;
}

.case-item__title .heart:before {
    content: "";
    position: absolute;
    top: calc(50% - 18px);
    left: 0;
    width: 100%;
    height: 35px;
    background: url('../images/case-heart.svg') no-repeat 0 0 transparent;
}

.case-item__back .case-item__link a {
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='15' viewBox='0 0 7 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.31831 9.31199L6.97196 7.53438L7 7.50382L6.97628 7.47939L4.57056 4.89814L-6.55671e-07 9.53674e-07L-4.97596e-07 3.61633L3.66249 7.49618L0.00359552 11.3799L0.00359567 15L5.31758 9.31427L5.31831 9.31199Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

#to-up-new {
    position: fixed;
    bottom: 40px;
    right: calc(50% - 680px);
    width: 40px;
    height: 40px;
    display: flex;
    z-index: 100;
    background: transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

#to-up-new:hover path {
    stroke: var(--pink-color) !important;
}

#to-up-new.hidden {
    visibility: hidden;
}

@media (max-width: 1380px) {

    #to-up-new {
        right: 6px;
    }

}

#to-up-new svg {
    display: block;
    margin: auto;
}

.close-cases {
    display: none;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.821177' x2='27.3726' y2='-0.821177' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 19.3555 21.3555)' stroke='%23303030' stroke-width='2'/%3E%3Cline x1='0.831449' y1='20.7748' x2='20.1868' y2='1.41947' stroke='%23030303' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center transparent;
    padding: 0;
    margin: 0;
    border: 0 none;
    position: absolute;
    top: 34px;
    right: 30px;
    cursor: pointer;
    z-index: 15;
}

.apply-cases {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 800;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    height: 80px;
    padding: 0;
    margin: 0;
    border: 0 none;
    background: url('../images/cases-grad.png') repeat-x top -15px center transparent;
    color: var(--pink-color);
    z-index: 99;
    cursor: pointer;
}

.case-item__link-wrap{
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	display:block;
	z-index:2;
}

.case-item__tags,
.case-item__link a{
	position:relative;
	z-index:3;
}

.case-flip .case-item__tags,
.case-flip .case-item__link a {
	position: static;
	z-index: auto;
}

#vCases{
	transition:opacity 0.6s;
}
#vCases.vcasesloading{
	opacity: 0;
}

[v-cloak] {
  display: none;
}

@media (max-width: 1079px) {

    .page-title {
        margin-bottom: 1em;
    }

    #to-up-new {
        display: none;
    }

    .case-filters__mob {
        display: block;
    }

    .case-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
        position: relative;
    }

    .case-grid.blocked:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 6;
    }

    .case-item {
        font-size: 18px;
        padding: min(3.65vw, 40px);
    }

    .case-item__logo {
        height: 50px;
    }

    .case-item__logo img,
    .case-item__logo svg {
        max-height: 50px;
    }

    .case-item__title {
        font-size: inherit;
    }

    /* .case-flip:hover .case-flip__sides {
        transform: perspective(1100px) rotateY(0deg);
    }

    .case-flip.hover .case-flip__sides {
        transform: perspective(1100px) rotateY(180deg);
    } */

    .case-filters {
        margin: 0 0 40px;
        z-index: 10;
    }

    .case-filters__outer {
        position: absolute;
        background: url('../images/bg.png') repeat top center #fff;
        border: 2px solid #303030;
        top: calc(100% + 25px);
        left: 0;
        right: 0;
        z-index: 10;
        display: none;
    }

    .case-filters__outer:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: url('../images/cases-grad.png') repeat-x top -15px center transparent;
        height: 40px;
        z-index: 15;
    }

    .case-filters__outer.activate:after {
        display: none;
    }

    .case-filters__outer.visible {
        display: block;
    }

    .case-filters__line {
        margin: 0;
        padding: 40px 30px 40px;
        display: block;
        /* max-height: calc(100vh - 290px); */
        max-height: min(350px, 75vh);
        min-height: 230px;
        overflow: auto;
    }

    .case-filters__outer.activate .case-filters__line {
        padding-bottom: 70px;
    }

    .case-filter {
        margin: 0;
    }

    .case-filter + .case-filter {
        margin-top: 30px;
    }

    .case-filter__title {
        display: block;
    }

    .case-filter__text {
        display: none;
    }

    .case-filter__list {
        position: static;
        display: block !important;
        text-align: center;
        font-size: 16px;
        line-height: 1.2;
        text-transform: none;
        font-weight: 500;
        padding-top: 0;
        white-space: normal;
    }

    .case-filter__list ul {
        border: 0 none;
        background: transparent;
    }

    .case-filter__list li {
        padding: 10px;
        width: fit-content;
        margin: 0 auto;
        position: relative;
    }

    .case-filter__list li.active:before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23FF2963'/%3E%3Crect x='11.3037' y='5.67822' width='1.5' height='7.5' transform='rotate(45 11.3037 5.67822)' fill='white'/%3E%3Crect x='12.376' y='10.9282' width='1.5' height='7.5' transform='rotate(135 12.376 10.9282)' fill='white'/%3E%3C/svg%3E") no-repeat center center var(--pink-color);
        position: absolute;
        right: -15px;
        top: calc(50% - 8px);
    }
    
    .case-filter__list li:hover {
        background-color: transparent;
        color: var(--main-color);
    }

    .case-filter__list li.active:hover {
        background-color: transparent;
        color: var(--pink-color);
    }

    .case-filters__line .clear-cases.visible {
        display: none;
    }

    .close-cases {
        display: block;
    }

    .case-filters__outer.activate .apply-cases {
        display: block;
    }

}

@media (max-width: 767px) {

    .case-grid {
        grid-template-columns: 1fr;
    }

    .case-item {
        padding: min(9vw, 40px);
        font-size: min(4.5vw, 18px);
    }

}

@media (max-width: 1079px){

	.case-filters__line .clear-cases {
		display: none;
	}

}

@media (max-width: 375px) {

    .close-cases {
        right: 12px;
    }

}
/* End */


/* Start:/local/templates/emx2023/css/cases-modern.css?1781012960157816*/
:root {
    --dark-theme-text: #fff;
    --dark-theme-dur: 0.2s;
    --dark-theme-delay: 0s;
}

.case-modern {
    padding-bottom: clamp(40px, 7.4vh, 80px);
    position: relative;
    color: var(--main-color);
    transition: color var(--dark-theme-dur) linear var(--dark-theme-delay);
    overflow: hidden;
}

.case-modern:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../images/bg-dark.png') repeat 0 0 #2e2e2e;
    opacity: 0;
    transition: opacity var(--dark-theme-dur) linear var(--dark-theme-delay);
}

.case-modern__header {
    padding: clamp(20px, 3.7vh, 40px) 0 0;
    font-family: var(--font-family);
    position: relative;
    z-index: 10;
    margin: 0 0 clamp(40px, 6.5vh, 70px);
}

.case-modern__header .container {
    position: relative;
    padding-right: 90px;
}

.case-modern__header .logo-re img:nth-child(2) {
    display: none;
}

.case-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

.case-header h1,
.case-header h2 {
    font-family: var(--font-family-accent);
    font-size: 54px;
    font-weight: 400;
    line-height: 56px;
    text-transform: uppercase;
    margin: 0;
}

.case-header .contact-us {
    display: block;
    margin-top: 0;
    margin-left: 30px;
}

.case-modern__header .page-header {
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    height: auto;
}

.case-modern__header .main-menu {
    padding-top: 0;
}

.case-modern .main-menu > ul > li.parent-re > a {
    display: inline-block;
    padding-right: 30px;
    position: relative;
    background-image: none;
}

.no-touch .case-modern .main-menu > ul > li.parent-re > a:hover {
    background-image: none;
}

.case-modern .main-menu > ul > li.parent-re > a:before,
.case-modern .main-menu > ul > li.parent-re > a:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 3px);
    right: 0;
    width: 13px;
    height: 7px;
    background: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.92961 5.31831L6.4702 6.97196L6.49669 7L6.51786 6.97628L8.75494 4.57056L13 0H9.86585L6.50331 3.66249L3.13744 0.00359567H0L4.92763 5.31758L4.92961 5.31831Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A") no-repeat 0 0 transparent;
    transition: opacity var(--dark-theme-dur) linear var(--dark-theme-delay);
    opacity: 1;
}

.case-modern .main-menu > ul > li.parent-re > a:after {
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.92961 5.31831L6.4702 6.97196L6.49669 7L6.51786 6.97628L8.75494 4.57056L13 0H9.86585L6.50331 3.66249L3.13744 0.00359567H0L4.92763 5.31758L4.92961 5.31831Z' fill='white'/%3E%3C/svg%3E%0A");
}

.no-touch .case-modern .main-menu > ul > li.parent-re > a:hover:before,
.no-touch .case-modern .main-menu > ul > li.parent-re > a:hover:after,
.no-touch .case-modern.dark-theme .main-menu > ul > li.parent-re > a:hover:before,
.no-touch .case-modern.dark-theme .main-menu > ul > li.parent-re > a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.92961 5.31831L6.4702 6.97196L6.49669 7L6.51786 6.97628L8.75494 4.57056L13 0H9.86585L6.50331 3.66249L3.13744 0.00359567H0L4.92763 5.31758L4.92961 5.31831Z' fill='%23FF2963'/%3E%3C/svg%3E%0A");
}

.showmenu-cases {
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
}

/* .case-modern #showmenu-cases:before,
.case-modern #showmenu-cases:after {
    transition: background-color 0.1s linear 0.1s;
} */

.case-modern-filters {
    margin-left: auto;
    position: relative;
    z-index: 5;
}

.case-modern-filters__open {
    padding: 0 0 0 38px;
    border: 0 none;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--main-color);
    font-family: var(--font-family);
    background: transparent;
    cursor: pointer;
    width: fit-content;
    margin: 0;
    position: relative;
    transition: color var(--dark-theme-dur) linear var(--dark-theme-delay);
    white-space: nowrap;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

.case-modern-filters__open:before,
.case-modern-filters__open:after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    width: 29px;
    height: 17px;
    background: url("data:image/svg+xml,%3Csvg width='29' height='17' viewBox='0 0 29 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3446 16.7959H17.5326V13.7024H11.3446V16.7959ZM0 0V3.09351H28.8771V0H0ZM5.15663 9.99562H23.7205V6.80151H5.15663V9.99562Z' fill='black'/%3E%3C/svg%3E") no-repeat 0 0 transparent;
    transition: opacity var(--dark-theme-dur) linear var(--dark-theme-delay);
    opacity: 1;
}

.case-modern-filters__open:after {
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='17' viewBox='0 0 29 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3446 16.7959H17.5326V13.7024H11.3446V16.7959ZM0 0V3.09351H28.8771V0H0ZM5.15663 9.99562H23.7205V6.80151H5.15663V9.99562Z' fill='white'/%3E%3C/svg%3E");
}

.case-modern-filters__open:hover,
.case-modern-filters__open.active,
.case-modern-filters__open.selected,
.case-modern.dark-theme .case-modern-filters__open:hover,
.case-modern.dark-theme .case-modern-filters__open.active,
.case-modern.dark-theme .case-modern-filters__open.selected {
    color: var(--pink-color);
    transition: none !important;
}

.case-modern-filters__open:hover:before,
.case-modern-filters__open:hover:after,
.case-modern-filters__open.active:before,
.case-modern-filters__open.active:after,
.case-modern-filters__open.selected:before,
.case-modern-filters__open.selected:after,
.case-modern.dark-theme .case-modern-filters__open:hover:before,
.case-modern.dark-theme .case-modern-filters__open:hover:after,
.case-modern.dark-theme .case-modern-filters__open.active:before,
.case-modern.dark-theme .case-modern-filters__open.active:after,
.case-modern.dark-theme .case-modern-filters__open.selected:before,
.case-modern.dark-theme .case-modern-filters__open.selected:after {
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='17' viewBox='0 0 29 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3446 16.7959H17.5326V13.7024H11.3446V16.7959ZM0 0V3.09351H28.8771V0H0ZM5.15663 9.99562H23.7205V6.80151H5.15663V9.99562Z' fill='%23FF2963'/%3E%3C/svg%3E");
    transition: none !important;
}

.case-modern-filter__list {
    position: absolute;
    top: calc(100% + 30px);
    right: -100px;
    background: url('../images/bg.png') repeat 0 0 #fff;
    border: 2px solid var(--main-color);
    width: 524px;
    display: none;
}

.case-modern-filter__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.case-modern-filter {
    font-weight: 800;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
}

.case-modern-filter li {
    cursor: pointer;
    display: block;
    padding: 22px 16px 5px;
    position: relative;
}

.case-modern-filter li.active {
    color: var(--pink-color);
}

.case-modern-filter li > span {
    display: block;
    width: fit-content;
    position: relative;
}

.case-modern-filter li.active > span:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23FF2963'/%3E%3Crect x='11.3037' y='5.67822' width='1.5' height='7.5' transform='rotate(45 11.3037 5.67822)' fill='white'/%3E%3Crect x='12.376' y='10.9282' width='1.5' height='7.5' transform='rotate(135 12.376 10.9282)' fill='white'/%3E%3C/svg%3E") no-repeat center center var(--pink-color);
    background-size: 15px 15px;
    position: absolute;
    right: -25px;
    top: calc(50% - 7px);
}

.case-modern-filter__button {
    grid-column: 1 / -1;
    padding: 30px 0;
}

.case-modern-filters > .case-modern-filter__button {
    padding: 30px 0 0;
}

.case-modern-filters__clear {
    background: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.821177' x2='27.3726' y2='-0.821177' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 19.3555 21.3555)' stroke='%23838383' stroke-width='1.64235'/%3E%3Cline x1='0.831449' y1='20.7748' x2='20.1868' y2='1.41947' stroke='%23838383' stroke-width='1.64235'/%3E%3C/svg%3E%0A") no-repeat left center transparent;
    background-size: 15px 16px;
    border: 0 none;
    padding: 0 0 0 30px;
    margin: 0;
    font-family: var(--font-family);
    font-size: 16px;
    line-height: 20px;
    color: #838383;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.case-modern__content {
    font-family: var(--font-family);
    margin: 0;
    /* position: relative; */
}

.case-modern__left {
    position: relative;
    z-index: 5;

    font-size: clamp(20px, 3.3vh, 36px);
    /* font-size: 20px; */

    max-width: 570px;
    max-width: 18em;
	padding-bottom: 80px;
}

.case-modern__blocks {
    min-height: clamp((60px + 48px + 10px)*3 + 100px, (9.9vh + 48px + 1.8vh)*3 + 14vh, (108px + 48px + 20px)*3  + 130px);

    display: none;
}

.case-modern__blocks.active {
    display: block;
}

.case-modern__block + .case-modern__block {
    margin-top: clamp(30px, 5.5vh, 50px);
    /* margin-top: 35px; */
}

.case-modern__item {
    color: #999999;
    line-height: 1.5;
}

.case-modern__item a:hover {
    color: inherit;
    transition: color 0.2s;
}
.case-modern__item a.btn{
	font-family: var(--font-family);
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 20px;
}
.case-modern__item a.btn:hover {
	color:#ffffff;
}
@media (max-width: 1079px) {
	.case-modern__item a.btn{
		font-size: 16px;
	}
}
@media (max-width: 800px) {
	.case-modern__item a.btn{
		font-size: 14px;
	}
}
.case-modern__item.active .case-modern__title,
.case-modern__item.active .case-modern__text {
    color: var(--main-color);
}

.case-modern__cta-link {
  z-index: 5;
  position: relative;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
  color: #fff;
  padding-right: 0.4em;
  display: none;
}
@media (max-width: 1079px) {
	.case-modern__cta-link {
		display: inline-block;
	}
}

.case-modern__cta-link:target,
.case-modern__cta-link:focus,
.case-modern__cta-link:hover {
  color: #fff !important;
}

.case-modern__cta-link::after {
  z-index: -1;
  position: absolute;
  left: 0;
  top: -2px;
  content: "";
  width: 100%;
  height: 110%;
  background-color: var(--pink-color);
  transform: rotate(-2deg);
}

.case-modern__title {
    font-weight: 800;
    text-transform: uppercase;
    /* transition: color 0.2s; */
}

.case-modern__text {
    padding-top: clamp(10px, 1.8vh, 20px);
    /* padding-top: 12px; */
    font-size: 16px;
    max-width: 380px;
}

.case-modern__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: none no-repeat 0 0 transparent;
    background-size: cover;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__bg.active {
    opacity: 1;
    z-index: 1;
}

.case-modern__right {
    position: absolute;
    width: 1000px;
    /* top: clamp(20px + 40px + 56px, 3.7vh + 6.5vh + 56px, 40px + 70px + 56px);
    bottom: clamp(134px, 12.95vh + 64px, 204px);
    max-height: 1000px;
    left: 50%; */
}

.case-modern__right.active {
    z-index: 1;
}

.case-modern__pagination {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    /*margin-top: clamp(30px, 5.55vh, 60px);*/
	position:absolute;
	bottom: 0px;
}

.case-modern__pagination .slider-button-re {
    cursor: pointer;
    background-image: none;
    position: relative;
}

.case-modern__pagination .slider-button-re:before,
.case-modern__pagination .slider-button-re:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/slider-arrow.svg') no-repeat center center transparent;
    transition: opacity var(--dark-theme-dur) linear var(--dark-theme-delay);
    opacity: 1;
}

.case-modern__pagination .slider-button-re:after {
    opacity: 0;
    background-image: url('../images/slider-arrow-white.svg');
}

.case-modern__pagination .slider-controls__num {
    margin-left: 80px;
}

.case-modern ~ .page-footer {
    margin-top: 0;
}

@media (min-width: 1080px) {

    #showmenu-cases--mob {
        display: none;
    }

    .case-modern__header .main-menu .li-button {
        display: none;
    }

    .case-modern-filter li:not(.active):hover {
        background-color: var(--pink-color);
        color: #fff;
    }

    .case-modern-filters > .case-modern-filter__button {
        display: none;
    }

    .case-modern-filters__open span {
        display: none;
    }

    .case-modern-filter__container {
        max-height: none !important;
    }

    .case-modern.dark-theme {
        color: var(--dark-theme-text);
    }
    
    .case-modern.dark-theme:before {
        opacity: 1;
    }
    
    .case-modern.dark-theme .case-modern__header .logo-re img:nth-child(1) {
        display: none;
    }
    
    .case-modern.dark-theme .case-modern__header .logo-re img:nth-child(2) {
        display: block;
    }
    
    .case-modern.dark-theme .main-menu > ul > li.parent-re > a:before {
        opacity: 0;
    }
    
    .case-modern.dark-theme .main-menu > ul > li.parent-re > a:after {
        opacity: 1;
    }
    
    .case-modern.dark-theme .main-menu > ul > li > ul {
        background: url('../images/bg-dark.png') repeat 0 0 #2e2e2e;
        border-color: var(--dark-theme-text);
    }
    
    .case-modern.dark-theme .showmenu-cases:before,
    .case-modern.dark-theme .showmenu-cases:after {
        background-color: var(--dark-theme-text);
    }
    
    .case-modern.dark-theme .case-modern-filters__open {
        color: var(--dark-theme-text);
    }
    
    .case-modern.dark-theme .case-modern-filters__open:before {
        opacity: 0;
    }
    
    .case-modern.dark-theme .case-modern-filters__open:after {
        opacity: 1;
    }
    
    .case-modern.dark-theme .case-modern-filter__list {
        background: url('../images/bg-dark.png') repeat 0 0 #2e2e2e;
        border-color: var(--dark-theme-text);
    }
    
    .case-modern.dark-theme .case-modern-filters__clear {
        background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-0.821177' x2='27.3726' y2='-0.821177' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 19.3555 21.3555)' stroke='white' stroke-width='1.64235'/%3E%3Cline x1='0.831449' y1='20.7748' x2='20.1868' y2='1.41947' stroke='white' stroke-width='1.64235'/%3E%3C/svg%3E%0A");
        color: var(--dark-theme-text);
    }
    
    .case-modern.dark-theme .case-modern__item.active .case-modern__title,
    .case-modern.dark-theme .case-modern__item.active .case-modern__text {
        color: var(--dark-theme-text);
    }
    
    .case-modern.dark-theme .case-modern__pagination .slider-button-re:before {
        opacity: 0;
    }
    
    .case-modern.dark-theme .case-modern__pagination .slider-button-re:after {
        opacity: 1;
    }

}

@media (max-width: 1079px) {

    #showmenu-cases {
        display: none;
    }

    .case-modern {
        padding: 0 0 60px;
    }

    .case-modern__header {
        margin: 0 0 60px;
        padding: 30px 0 0;
        z-index: 105;
    }

    .case-modern__header .container {
        padding-right: 0;
    }

    .case-modern__header .page-header {
        display: block !important;
        position: static;
        min-height: auto;
    }

    .case-modern__header .page-header.mob-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: url('../images/bg.png') repeat 0 0 #fff;
        border: 2px solid var(--main-color);
        overflow-y: auto;
    }

    .case-modern__header .page-header.mob-menu .logo-re {
        position: absolute;
        top: 29px;
        left: 19px;
        z-index: 110;
    }

    .case-modern__header .page-header.mob-menu #showmenu-cases--mob {
        top: 29px;
        right: 19px;
    }

    .case-modern__header .main-menu {
        display: none;
        padding: clamp(100px, 15vh, 140px) 0 clamp(20px, 5vh, 50px);
        min-height: 100%;
    }

    .case-modern__header .page-header.mob-menu .main-menu {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: center;
    }

    .case-modern__header .page-header .main-menu ul {
        flex: 1 1 100%;
    }

    .case-modern .main-menu > ul > li.parent-re > a {
        padding-right: 20px;
    }

    .case-modern .main-menu > ul > li.parent-re.active > a:before,
    .case-modern .main-menu > ul > li.parent-re.active > a:after {
        transform-origin: center center;
        transform: scaleY(-1);
    }

    .case-modern .main-menu .li-button {
        padding: 30px 20px 0;
        margin: auto 0;
        flex: 1 1 100%;
        text-align: center;
    }

    .case-modern .main-menu .li-button .button-re {
        height: 80px;
        font-size: 20px;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .case-modern .main-menu .li-button:after {
        content: "";
        display: block;
        width: clamp(150px, 28.5vh, 264px);
        height: clamp(150px, 28.5vh, 264px);
        margin: clamp(20px, 5.2vh, 40px) auto 0;
        background: url('../images/menu-tiger.png') no-repeat center center transparent;
        background-size: contain;
    }

    .case-header {
        margin-top: 40px;
        text-align: center;
        display: block !important;
    }

    .case-header .contact-us {
        display: none;
    }

    .case-modern-filters {
        text-align: center;
        margin: 50px 0 0;
    }

    .case-modern-filters__open {
        margin: 0 auto;
        font-size: 26px;
    }

    .case-modern-filters__open.selected {
        color: var(--pink-color);
        background-image: none;
        padding-left: 0;
    }

    .case-modern-filters__open.selected:before,
    .case-modern-filters__open.selected:after {
        display: none;
    }

    .case-modern-filters__open span {
        background-image: none;
        margin: 2px 0 2px 10px;
    }  

    .showmenu-cases {
        top: 0;
        z-index: 110;
    }

    .case-modern__all {
        display: none;
    }

    .case-modern__blocks {
        min-height: auto;
        display: block;
    }

    .case-modern__blocks + .case-modern__blocks,
    .case-modern__block + .case-modern__block {
        margin-top: clamp(30px, 5.5vh, 50px);
        margin-top: 65px;
    }

    .case-modern__item {
        color: var(--main-color);
    }

    .case-modern__left {
        max-width: none;
        font-size: 24px;
        z-index: auto;
    }

    .case-modern__text {
        max-width: none;
        padding-top: 10px;
        color: var(--main-color);
    }

    .case-modern__pagination {
        display: none;
    }

    .case-modern-filter__list {
        width: auto;
        left: 0;
        right: 0;
        top: -10px;
    }

    .case-modern-filter__list:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: url('../images/cases-grad.png') repeat-x top -15px center transparent;
        height: 40px;
        z-index: 15;
    }

    .case-modern-filter__container {
        display: block;
        max-height: calc(100vh - 215px);
        max-height: calc(100dvh - 215px);
        min-height: 230px;
        overflow: auto;
    }

    .case-modern-filter {
        font-size: 16px;
        font-weight: 500;
        text-transform: none;
    }

    .case-modern-filter:nth-child(1) {
        padding-top: 80px;
    }

    .case-modern-filter:nth-child(2) {
        padding-bottom: 30px;
    }

    .case-modern-filter li {
        padding: 10px;
        width: fit-content;
        margin: 0 auto;
        position: relative;
    }

    .case-modern-filter__list .case-modern-filter__button {
        display: none;
    }

	.scroll-btn {
		z-index: 100;
		position: fixed;
		right: 0;
		bottom: 80px;
		/* display: block; */
		padding: 0;
		width: 90px;
		height: 150px;
		background: url('../images/finger-scroll-to-top.png') transparent no-repeat center / cover;
	}
}
.scroll-btn {
  display: none;
} 
@media (max-width: 320px) {
  .scroll-btn {
    width: 60px;
    height: 100px;
  }
}
@media (max-width: 419px) {

    .case-modern__left {
        font-size: 20px;
    }

}

/* case slides */

/* mvid1-case */
.case-modern__right.mvid1-case {
    background: url('../images/mvid1-main.png') no-repeat left center transparent;
    background-size: contain;
    top: 40px;
    left: 50%;
    margin-left: clamp(-240px, 59.4vh - 600px, 48px);
    bottom: clamp(134px - 30px - 32px, 12.95vh + 64px - 5.5vh - 32px, 204px - 60px - 32px);
    max-height: 715px;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.mvid1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.mvid1-case__cart {
    position: absolute;
    background: none no-repeat left center transparent;
    background-size: contain;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.mvid1-case__cart.cart1 { background-image: url('../images/mvid1-cart1.png'); transform-origin: 0 100%; transform: rotate(-2deg) translate(-90px, -10px); }
.mvid1-case__cart.cart2 { background-image: url('../images/mvid1-cart2.png'); transform-origin: 100% 0; transform: rotate(2deg) translate(90px, -10px); }
.mvid1-case__cart.cart3 { background-image: url('../images/mvid1-cart3.png'); transform-origin: 100% 100%; transform: rotate(-2deg) translate(90px, 10px); }

.case-modern__right.mvid1-case.active .mvid1-case__cart {
    opacity: 1;
    transform: rotate(0deg) translate(0px, 0px) scale(1);
}

.case-modern__right.mvid1-case.active .mvid1-case__cart.cart1 { transition-delay: 0.17s;}
.case-modern__right.mvid1-case.active .mvid1-case__cart.cart2 { transition-delay: 0.27s;}
.case-modern__right.mvid1-case.active .mvid1-case__cart.cart3 { transition-delay: 0.37s;}

/* offpr1-case */
.case-modern__right.offpr1-case {
    top: clamp(20px + 56px + 10px, 3.7vh + 56px + 10px, 40px + 56px + 10px);
    left: 50%;
    margin-left: clamp(-240px, 59.4vh - 600px, 48px);
    bottom: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.offpr1-case.active {
    opacity: 1;
}

.case-offpr1__photo {
    position: absolute;
    transform-origin: 0 0;
    transform: translate(200px, 0px);
    transition: transform 0.2s ease-out 0s;
}

.case-offpr1__photo:before {
    content: "";
    display: block;
    background: none no-repeat 0 0 transparent;
    background-size: contain;
    transform-origin: 0 0;
}

.case-offpr1__photo.photo1 {
    top: 0;
    left: 165px;
    width: clamp(500px, 80vh, 861px);
}

.case-offpr1__photo.photo1:before {
    padding-top: 66.9%;
    transform: rotate(16deg);
    background-image: url('../images/offpr1-photo1.jpg');
}

.case-offpr1__photo.photo2 {
    top: 40%;
    left: 310px;
    width: clamp(300px, 47.3vh, 511px);
}

.case-offpr1__photo.photo2:before {
    padding-top: 109%;
    transform: rotate(-8deg);
    background-image: url('../images/offpr1-photo2.jpg');
}

.case-modern__right.offpr1-case.active .case-offpr1__photo.photo1,
.case-modern__right.offpr1-case.active .case-offpr1__photo.photo2 {
    transform: translate(0px, 0px);
}

.case-modern__right.offpr1-case.active .case-offpr1__photo.photo1 { transition-delay: 0s;}
.case-modern__right.offpr1-case.active .case-offpr1__photo.photo2 { transition-delay: 0.1s;}

/* econ1-case */
.case-modern__bg.econ1-case {
    background-image: url('../images/econ1-bg.jpg');
}

.case-modern__right.econ1-case {
    background: url('../images/econ1-main.png') no-repeat left bottom transparent;
    background-size: contain;
    bottom: 0;
    height: 90vh;
    left: 50%;
    margin-left: clamp(-240px, 59.4vh - 600px, 48px);
    max-height: 766px;
    min-height: 570px;
    width: 1038px;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.econ1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-econ1__star {
    position: absolute;
    background: url('../images/econ1-star.svg') no-repeat center center transparent;
    background-size: 100% 100%;
    transform-origin: center center;
    transform: scale(0);
    opacity: 0;
    transition: opacity 0.2s ease-in, transform 0.2s ease-in;
}

.case-modern__right.econ1-case.active .case-econ1__star {
    transform: scale(1);
    opacity: 1;
}

.case-econ1__star:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.case-econ1__star.star1 {
    width: 36px;
    bottom: clamp(82px, 13vh, 120px);
    left: clamp(150px, 23vh, 215px);
}

.case-econ1__star.star2 {
    width: 56px;
    top: clamp(95px, 15vh, 140px);
    left: clamp(180px, 28vh, 265px);
}

.case-econ1__star.star3 {
    width: 86px;
    bottom: clamp(300px, 46vh, 430px);
    left: clamp(490px, 100vh, 800px);
}

.case-modern__right.econ1-case.active .case-econ1__star.star1 { transition-delay: 0.1s;}
.case-modern__right.econ1-case.active .case-econ1__star.star2 { transition-delay: 0.25s;}
.case-modern__right.econ1-case.active .case-econ1__star.star3 { transition-delay: 0.4s;}

/* awad1-case */
.case-modern__bg.awad1-case {
    background-image: url('../images/awad1-bg.jpg');
}

.case-modern__right.awad1-case {
    background: url('../images/awad1-main.png') no-repeat left center transparent;
    background-size: contain;
    top: clamp(30px, 7.5vh, 70px);
    bottom: clamp(40px, 7.4vh, 80px);
    right: calc(50% - 600px);
    max-height: 835px;
    width: 580px;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.awad1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

/* hoff1-case */
.case-modern__right.hoff1-case {
    background: url('../images/hoff1-main.png') no-repeat left center transparent;
    background-size: auto 100%;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 762px;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.hoff1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-hoff1__tiger {
    position: absolute;
    background: url('../images/hoff1-tiger.png') no-repeat left bottom transparent;
    background-size: auto 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform-origin: 0 0; 
    transform: translate(50px, 0);
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.case-modern__right.hoff1-case.active .case-hoff1__tiger {
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 0.17s;
}

.case-hoff1__stick {
    position: absolute;
    background: url('../images/hoff1-stick.png') no-repeat left center transparent;
    background-size: auto 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform-origin: 0 0; 
    transform: translate(50px, 0);
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.case-modern__right.hoff1-case.active .case-hoff1__stick {
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 0.27s;
}

/* gpb1-case */
.case-modern__right.gpb1-case {
    background: url('../images/gpb1-main.png') no-repeat center center transparent;
    background-size: contain;
    top: 50%;
    margin-top: clamp(-360px, -38.5vh, -255px);
    left: 50%;
    width: clamp(510px, 77vh, 720px);
    height: clamp(510px, 77vh, 720px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.gpb1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-gpb1__star {
    position: absolute;
    background: none no-repeat center center transparent;
    background-size: contain;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.17s ease-in;
}

.case-gpb1__star.star1 { background-image: url('../images/gpb1-star1.png');}
.case-gpb1__star.star2 { background-image: url('../images/gpb1-star2.png');}
.case-gpb1__star.star3 { background-image: url('../images/gpb1-star3.png');}
.case-gpb1__star.star4 { background-image: url('../images/gpb1-star4.png');}
.case-gpb1__star.star5 { background-image: url('../images/gpb1-star5.png');}

.case-modern__right.gpb1-case.active .case-gpb1__star {
    opacity: 1;
}

.case-modern__right.gpb1-case.active .case-gpb1__star.star1 {transition-delay: 0.15s;}
.case-modern__right.gpb1-case.active .case-gpb1__star.star2 {transition-delay: 0.25s;}
.case-modern__right.gpb1-case.active .case-gpb1__star.star3 {transition-delay: 0.35s;}
.case-modern__right.gpb1-case.active .case-gpb1__star.star4 {transition-delay: 0.45s;}
.case-modern__right.gpb1-case.active .case-gpb1__star.star5 {transition-delay: 0.55s;}

/* gpb2-case */
.case-modern__right.gpb2-case {
    background: url('../images/gpb2-main.png') no-repeat left center transparent;
    background-size: contain;
    top: clamp(20px + 70px, 3.7vh + 70px, 40px + 70px);
    left: 50%;
    margin-left: -200px;
    width: 970px;
    bottom: 30px;
    max-height: 793px;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.gpb2-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-gpb2__list {
    position: absolute;
    background: none no-repeat left center transparent;
    background-size: contain;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.case-gpb2__list.list1 { background-image: url('../images/gpb2-list1.png'); transform-origin: 0 0; transform: rotate(-2deg) translate(90px, 20px);}
.case-gpb2__list.list2 { background-image: url('../images/gpb2-list2.png'); transform-origin: 100% 100%; transform: rotate(2deg) translate(-90px, 10px);}
.case-gpb2__list.list3 { background-image: url('../images/gpb2-list3.png'); transform-origin: 0 50%; transform: rotate(-2deg) translate(90px, -10px);}
.case-gpb2__list.list4 { background-image: url('../images/gpb2-list4.png'); transform-origin: 100% 50%; transform: rotate(0deg) translate(-90px, 0px);}

.case-modern__right.gpb2-case.active .case-gpb2__list {
    opacity: 1;
    transform: rotate(0deg) translate(0px, 0px) scale(1);
}

.case-modern__right.gpb2-case.active .case-gpb2__list.list3 { transition-delay: 0.25s;}
.case-modern__right.gpb2-case.active .case-gpb2__list.list1 { transition-delay: 0.32s;}
.case-modern__right.gpb2-case.active .case-gpb2__list.list2 { transition-delay: 0.37s;}
.case-modern__right.gpb2-case.active .case-gpb2__list.list4 { transition-delay: 0.25s;}

/* hoff2-case */
.case-modern__right.hoff2-case {
    background: url('../images/hoff2-main.png') no-repeat center center transparent;
    background-size: contain;
    top: 50%;
    height: clamp(510px, 76.6vh, 717px);
    margin-top: clamp(-358px + 40px, -38.3vh + 3.7vh, -255px + 20px);
    left: 50%;
    width: clamp(595px, 89.39vh, 837px);
    margin-left: -100px;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.hoff2-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-hoff2__gift,
.case-hoff2__tree {
    position: absolute;
    background: none no-repeat center center transparent;
    background-size: contain;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform-origin: 0 0; 
    transform: translate(50px, 0);
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.case-hoff2__gift { background-image: url('../images/hoff2-gift.png'); }
.case-hoff2__tree { background-image: url('../images/hoff2-tree.png'); }

.case-modern__right.hoff2-case.active .case-hoff2__gift {
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 0.17s;
}

.case-modern__right.hoff2-case.active .case-hoff2__tree {
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 0.27s;
}

/* hoff3-case */
.case-modern__right.hoff3-case {
    background: url('../images/hoff3-main.png') no-repeat center center transparent;
    background-size: contain;
    top: 50%;
    height: clamp(510px, 93vh, 870px);
    margin-top: clamp(-435px, -46.5vh, -260px);
    left: 50%;
    width: clamp(390px, 71.2938vh, 677px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.hoff3-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-hoff3__flow {
    position: absolute;
    background: none no-repeat center center transparent;
    background-size: contain;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform-origin: 0 0; 
    transform: scale(0.4);
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
}

.case-hoff3__flow.flow1 { background-image: url('../images/hoff3-flow1.png'); transform-origin: 9.89% 50.57%; }
.case-hoff3__flow.flow2 { background-image: url('../images/hoff3-flow2.png'); transform-origin: 15.74% 36.43%; }
.case-hoff3__flow.flow3 { background-image: url('../images/hoff3-flow3.png'); transform-origin: 44.37% 15.28%; }
.case-hoff3__flow.flow4 { background-image: url('../images/hoff3-flow4.png'); transform-origin: 69.41% 7.81%; }
.case-hoff3__flow.flow5 { background-image: url('../images/hoff3-flow5.png'); transform-origin: 79% 19.31%; }
.case-hoff3__flow.flow6 { background-image: url('../images/hoff3-flow6.png'); transform-origin: 78.86% 89.31%; }

.case-modern__right.hoff3-case.active .case-hoff3__flow {
    opacity: 1;
    transform: scale(1);
}

.case-modern__right.hoff3-case.active .case-hoff3__flow.flow1 { transition-delay: 0.3s;}
.case-modern__right.hoff3-case.active .case-hoff3__flow.flow2 { transition-delay: 0.12s;}
.case-modern__right.hoff3-case.active .case-hoff3__flow.flow35 { transition-delay: 0.24s;}
.case-modern__right.hoff3-case.active .case-hoff3__flow.flow4 { transition-delay: 0.36s;}
.case-modern__right.hoff3-case.active .case-hoff3__flow.flow5 { transition-delay: 0.48s;}
.case-modern__right.hoff3-case.active .case-hoff3__flow.flow6 { transition-delay: 0.6s;}

/* tdom1-case */
.case-modern__right.tdom1-case {
    top: clamp(20px + 56px, 3.7vh + 56px, 40px + 56px);
    bottom: 0;
    height: auto;
    margin-top: 0;
    left: 50%;
    margin-left: clamp(-240px, 59.4vh - 600px, 48px);
    width: 905px;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.tdom1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-tdom1__people,
.case-tdom1__diamond {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none no-repeat bottom center transparent;
    background-size: auto 100%;
}
.case-tdom1__people {
    background-image: url('../images/tdom1-bg.png');
}
.case-tdom1__diamond {
    transition: opacity 0.17s ease-in, transform 0.17s ease-in;
    opacity: 0;
}
.case-tdom1__diamond.diamond1 { background-image: url('../images/tdom1-diam1.png'); transform-origin: 50% 100%; transform: translate(70px, 70px);}
.case-tdom1__diamond.diamond2 { background-image: url('../images/tdom1-diam2.png'); transform-origin: 50% 100%; transform: translate(-70px, 70px);}

@keyframes case-diamonds {
    0% {opacity: 1;}
    20% {opacity: 0.55;}
    40% {opacity: 1;}
    100% {opacity: 1;}
}

.case-modern__right.tdom1-case.active .case-tdom1__diamond {
    animation: case-diamonds 2.5s ease-in-out 0s infinite;
    animation-fill-mode: both;
    transform: translate(0px, 0px);
}

.case-modern__right.tdom1-case.active .case-tdom1__diamond.diamond1 { transition-delay: 0.2s; animation-delay: 0.34s;}
.case-modern__right.tdom1-case.active .case-tdom1__diamond.diamond2 { transition-delay: 0.2s; animation-delay: 1.04s;}

/* wish1-case */
.case-modern__right.wish1-case {
    top: 0;
    bottom: 0;
    height: auto;
    left: 50%;
    margin-left: clamp(-240px + 170px, 59.4vh - 600px + 170px, 48px + 170px);
    width: 703px;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.wish1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-wish1__woman {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/wish1-bg.png') no-repeat top center transparent;
}

.case-wish1__star {
    position: absolute;
    top: -20px;
    left: -170px;
    width: 479px;
    height: 490px;
    background: url('../images/wish1-star.svg') no-repeat 0 0 transparent;
    transform-origin: 50% 50%;
    transform: scale(0);
    transition: transform 0.15s ease-in;
}

.case-modern__right.wish1-case.active .case-wish1__star {
    transform: scale(1);
    transition-delay: 0.2s;
}

/* octa1-case */
.case-modern__bg.octa1-case {
    background-image: url('../images/octa1-bg.jpg');
    background-position: top center;
    background-size: auto;
    background-color: #000;
}

@media (max-width: 1360px) {

    .case-modern__bg.octa1-case {
        background-position: top 0 right -100px;
    }

}

.case-modern__right.octa1-case {
    width: auto;
    left: 50%;
    right: max(50% - 660px, 20px);
    bottom: clamp(40px, 7.4vh, 80px);
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.octa1-case.active {
    opacity: 1;
}

.case-octa1__pushes {
    position: absolute;
    bottom: 20px;
    right: 0;
}

.case-octa1__push {
    width: 323px;
    height: 85px;
    background: url('../images/octa1-push1.png') no-repeat 0 0 transparent;
    background-size: 323px auto;
    opacity: 0;
    transition: opacity 0.15s ease-in 0s;
}

.case-octa1__push + .case-octa1__push {
    margin-top: 24px;
}

.case-octa1__push.push2 { background-image: url('../images/octa1-push2.png'); }
.case-octa1__push.push3 { background-image: url('../images/octa1-push3.png'); }
.case-octa1__push.push4 { background-image: url('../images/octa1-push4.png'); }

.case-modern__right.octa1-case.active .case-octa1__push.push1 { transition-delay: 0.2s; opacity: 0.1; }
.case-modern__right.octa1-case.active .case-octa1__push.push2 { transition-delay: 0.3s; opacity: 0.3; }
.case-modern__right.octa1-case.active .case-octa1__push.push3 { transition-delay: 0.4s; opacity: 0.56; }
.case-modern__right.octa1-case.active .case-octa1__push.push4 { transition-delay: 0.5s; opacity:1; }

/* gpb3-case */
.case-modern__right.gpb3-case {
    width: auto;
    top: clamp(20px, 3.7vh, 40px);
    bottom: clamp(40px, 7.4vh, 80px);
    left: 50%;
    margin-left: clamp(-240px, 59.4vh - 600px, 48px);
    right: calc(50% - 600px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.gpb3-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-santa {
    100% { background-position: -2339px 0px;}
}

.case-gpb3__santa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 468px;
    height: 591px;
    background: url('../images/gpb3-santa.png') no-repeat 0 0 transparent;
    animation: case-santa steps(5, end) 5s infinite;
    animation-play-state: paused;
}

.case-modern__right.gpb3-case.active .case-gpb3__santa {
    animation-play-state: running;
}

/* bay1-case */
.case-modern__bg.bay1-case {
    background-image: url('../images/bay1-bg.png');
    background-position: bottom center;
    background-size: auto;
}

.case-modern__right.bay1-case {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.bay1-case.active {
    opacity: 1;
}

.case-modern__right.bay1-case:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/juw3-snow.png') repeat 0 0 transparent;
    animation: case-snow 15s linear 0s infinite;
}

.case-bay1__inner {
    position: absolute;
    top: clamp(20px*2 + 56px, 3.7vh*2 + 56px, 40px*2 + 56px);
    bottom: 0;
    left: 50%;
    margin-left: clamp(-240px + 30px, 59.4vh - 600px + 30px, 48px + 30px);
    width: 616px;
    transform: translate(100px, 0px);
    transition: transform 0.2s ease-in 0s;
}

.case-modern__right.bay1-case.active .case-bay1__inner {
    transform: translate(0px, 0px);
}

.case-bay1__man {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    max-height: 807px;
    width: 413px;
    background: url('../images/bay1-man.png') no-repeat top center transparent;
}

.case-bay1__bag {
    position: absolute;
    bottom: 0;
    right: 220px;
    height: 280px;
    width: 391px;
    background: url('../images/bay1-bag.png') no-repeat top center transparent;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.bay1-case.active .case-bay1__bag {
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 0.2s;
}

/* juw1-case */
.case-modern__bg.juw1-case {
    background-image: url('../images/juw1-bg.jpg');
    background-repeat: repeat-x;
    background-position: left center;
    background-size: auto 100%;
}

.case-modern__right.juw1-case {
    width: 1054px;
    bottom: 0;
    left: 50%;
    margin-left: clamp(-240px + 20px, 59.4vh - 600px + 20px, 48px + 20px);
    height: min(73%, 684px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.juw1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-couple {
    0% { transform: translateX(0px); }
    100% { transform: translateX(30px); }
}

.case-juw1__couple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/juw1-couple.png') no-repeat bottom left transparent;
    background-size: auto 100%;

    animation: case-couple 2s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* emx1-case */
.case-modern__right.emx1-case {
    width: 671px;
    right: 50%;
    margin-right: -720px;
    top: clamp(20px + 56px + 40px - 20px, 3.7vh + 56px +  6.5vh - 20px, 40px + 56px + 70px - 20px);
    height: min(80%, 749px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.emx1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-rabbits {
    0% { transform: translateX(0px); }
    100% { transform: translateX(-40px); }
}

.case-emx1__rabbits {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/emx1-rabbits.png') no-repeat center center transparent;
    background-size: contain;

    animation: case-rabbits 3s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* circ1-case */
.case-modern__bg.circ1-case {
    background-image: url('../images/circ1-bg.png');
    background-position: bottom center;
    background-size: auto;
}

.case-modern__right.circ1-case {
    width: 884px;
    right: 50%;
    margin-right: -720px;
    top: clamp(20px + 56px + 40px, 3.7vh + 56px + 6.5vh, 40px + 56px + 70px);
    /* height: min(77%, 728px); */
    bottom: 0;
    opacity: 0;
    /* transform: translate(100px, 0px); */
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.circ1-case.active {
    opacity: 1;
    /* transform: translate(0px, 0px); */
}

@keyframes case-circle {
    0% { transform: rotate(90deg); }
    50% { transform: rotate(-90deg); }
    100% { transform: rotate(-270deg); }
}

@keyframes case-circle-reverse {
    0% { transform: rotate(-90deg); }
    50% { transform: rotate(90deg); }
    100% { transform: rotate(270deg); }
}

.case-circ1__circle {
    position: absolute;
    top: 0;
    left: clamp(50% - 800px, 50% - 85vh, 50% - 500px);
    width: clamp(1000px, 170vh, 1600px);
    height: clamp(1000px, 170vh, 1600px);
    border-radius: 50%;
    /* background: rgba(255,0,0,0.3); */
    transform-origin: center center;
    transform: rotate(90deg);

    animation: case-circle 14s linear 0s infinite;
}

.case-circ1__clown,
.case-circ1__parrot {
    position: absolute;
    top: 0;
    left: calc(50% - 220px);
    width: 440px;
    height: 592px;
    background: url('../images/circ1-clown.png') no-repeat center center transparent;
    transform-origin: 50% 0;
    transform: rotate(-90deg);

    animation: case-circle-reverse 14s linear 0s infinite;
}

.circ1-case.active .case-circ1__clown.clown2,
.circ1-case.active .case-circ1__parrot.parrot2 {
    top: 100%;
}

.circ1-case .case-circ1__circle.circle2 {
    animation-delay: 2s;
}

.case-circ1__parrot {
    background-image: url('../images/circ1-parrot.png');
    animation-delay: 2s;
}

/* ci1-case */
@keyframes case-hand {
    0% { transform: translateX(-50px); }
    25% { transform: translateX(0px); }
    100% { transform: translateX(-50px); }
}

.case-modern__bg.ci1-case .case-ci1__hand {
    position: absolute;
    width: 1140px;
    height: 522px;
    background: url('../images/ci1-hand.png') no-repeat 0 0 transparent;
    top: clamp(50px, 15%, 175px);
    left: calc(50% + 310px - 1140px);

    animation: case-hand 2.3s ease-in-out 0s infinite;
}

.case-modern__right.ci1-case {
    width: 860px;
    height: 391px;
    bottom: 0;
    right: calc(50% - 720px - 225px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

@media (max-width: 1440px) {

    .case-modern__right.ci1-case {
        right: -225px;
    }

}

.case-modern__right.ci1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-scaredman {
    0% { transform: translateY(0px); }
    15% { transform: translateY(0px); }
    18% { transform: translateY(10px); }
    50% { transform: translateY(10px); }
    100% { transform: translateY(0px); }
}

.case-ci1__man {
    position: absolute;
    top: 0;
    width: 0;
    width: 100%;
    height: 100%;
    background: url('../images/ci1-man.png') no-repeat top center transparent;

    animation: case-scaredman 2.3s ease-in-out 0s infinite;
}

/* mvid2-case */
.case-modern__bg.mvid2-case {
    background-image: url('../images/mvid2-bg.png');
    background-position: bottom center;
    background-size: auto;
}

.case-modern__right.mvid2-case {
    width: 636px;
    height: clamp(640px, 75%, 808px);
    bottom: 0;
    right: calc(50% - 600px + 40px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.mvid2-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-football {
    0% { transform: translateX(0px); }
    100% { transform: translateX(-40px); }
}

.case-mvid2__man {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/mvid2-man.png') no-repeat top center transparent;

    animation: case-football 3s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* aroma1-case */
.case-modern__right.aroma1-case {
    width: 862px;
    height: clamp(680px, 100%, 935px);
    bottom: 0;
    right: calc(50% - 720px - 35px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.aroma1-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-aroma {
    0% { transform: translateX(0px); }
    100% { transform: translateX(-25px); }
}

.case-aroma1__obj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/aroma1-obj.png') no-repeat top left transparent;
    background-size: auto 100%;

    animation: case-aroma 3s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* emx2-case */
.case-modern__right.emx2-case {
    width: 1160px;
    height: 100%;
    bottom: 0;
    right: calc(50% - 720px - 50px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.emx2-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.case-emx2__tiger {
    width: 522px;
    height: clamp(500px, 80%, 706px);
    position: absolute;
    bottom: 0;
    right: 150px;
    background: url('../images/emx2-tiger.png') no-repeat top center transparent;
    background-size: contain;
}

.case-emx2__speech {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    background: url('../images/emx2-speech.svg') no-repeat 0 0 transparent;
    background-size: 100% 100%;
    color: #000;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.14;
    padding: 11px 60px 11px 45px;
}

@keyframes case-lightning {
    0% { transform: translateX(0px); }
    100% { transform: translateX(-25px); }
}

.case-emx2__light1 {
    position: absolute;
    top: 0;
    left: 120px;
    width: 100%;
    height: 100%;
    background: url('../images/emx2-light3.png') bottom left no-repeat, url('../images/emx2-light2.png') top right no-repeat;
    background-color: transparent;

    animation: case-lightning 4s ease-in-out 0s infinite;
    animation-direction: alternate;
}

.case-emx2__light2 {
    position: absolute;
    bottom: 0;
    left: 550px;
    width: 805px;
    height: clamp(400px, 65%, 623px);
    background: url('../images/emx2-light1.png') bottom left no-repeat transparent;
    background-size: contain;

    animation: case-lightning 4s ease-in-out 1.5s infinite;
    animation-direction: alternate;
}

/* juw2-case */
.case-modern__right.juw2-case {
    width: 1295px;
    height: 100%;
    top: 0;
    right: calc(50% - 720px - 200px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.juw2-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-juw-xmas {
    0% { transform: translateX(0px); }
    100% { transform: translateX(-30px); }
}

.case-juw2__obj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/juw2-obj.png') no-repeat center center transparent;
    background-size: contain;

    animation: case-juw-xmas 3s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* hoff4-case */
.case-modern__bg.hoff4-case {
    background: linear-gradient(to right, #e68cfe 50%, #97ccfe 50%);
}

@keyframes case-room {
    0% { transform: translateX(-20px); }
    100% { transform: translateX(20px); }
}

.case-modern__right.hoff4-case {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../images/hoff4-bg.jpg') no-repeat bottom center transparent;
    background-size: auto 100%;

    animation: case-room 5s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* hoff4-case */
.case-modern__bg.emx3-case {
    background: linear-gradient(180deg, #254544 0%, #0E1B1A 100%);
}

.case-modern__bg.emx3-case:before {
    content: "";
    position: absolute;
    top: 0;
    height: 388px;
    left: 0;
    right: 0;
    background: url('../images/emx3-bg.png') no-repeat top center transparent;
}

.case-modern__right.emx3-case {
    top: 0;
    bottom: 0;
    right: calc(50% - 600px);
    width: 1200px;
    opacity: 0;
    overflow-y: hidden;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.emx3-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-water {
    0% { transform: translateY(0px); }
    100% { transform: translateY(35px); }
}

.case-emx3__nessy {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 782px;
    height: min(80%, 728px);
    background: url('../images/emx3-nessy.png') no-repeat bottom right transparent;
    background-size: contain;

    animation: case-water 4.2s ease-in-out 0s infinite;
    animation-direction: alternate;
}

.case-emx3__shark {
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 53px);
    width: 162px;
    height: 106px;
    background: url('../images/emx3-shark.png') no-repeat 0 0 transparent;

    animation: case-water 4.2s ease-in-out 1.8s infinite;
    animation-direction: alternate;
}

/* emx4-case */
.case-modern__right.emx4-case {
    top: 0;
    bottom: 0;
    right: calc(50% - 600px);
    width: 0;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.emx4-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-ugly {
    0% { transform: translateX(0px); }
    100% { transform: translateX(30px); }
}

.case-emx4__ugly {
    position: absolute;
    width: 760px;
    height: 165px;
    background: url('../images/emx4-ugly.png') no-repeat 0 0 transparent;
    top: calc(50% - 165px - 10px);
    right: 0;

    animation: case-ugly 3s ease-in-out 0s infinite;
    animation-direction: alternate;
}

.case-emx4__good {
    position: absolute;
    width: 801px;
    height: 1735px;
    background: url('../images/emx4-good.png') no-repeat 0 0 transparent;
    top: calc(50% + 10px);
    right: -30px;

    animation: case-ugly 3s ease-in-out 0.5s infinite;
    animation-direction: alternate;
}

/* gpb4-case */
.case-modern__bg.gpb4-case {
    background: url('../images/gpb4-bg.svg') no-repeat center left 50vw transparent;
    background-size: auto 85%;
}

.case-modern__right.gpb4-case {
    top: 0;
    bottom: 0;
    right: calc(50% - 600px);
    width: 0;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.gpb4-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-fish {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-25px); }
}

.case-gpb4__fish {
    width: 542px;
    height: 367px;
    background: url('../images/gpb4-fish.png') no-repeat 0 0 transparent;
    position: absolute;
    top: 20%;
    right: 90px;

    animation: case-fish 3.5s ease-in-out 1s infinite;
    animation-direction: alternate;
}

.case-gpb4__marker {
    width: 120px;
    height: 154px;
    background: url('../images/gpb4-marker.png') no-repeat 0 0 transparent;
    position: absolute;
    top: 65%;
    right: 40px;

    animation: case-fish 3.5s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* ddsos1-case */
.case-modern__right.ddsos1-case {
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    margin-left: clamp(-240px, 59.4vh - 600px, 48px);
    width: 1189px;
    height: min(70%, 651px);
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.ddsos1-case.active {
    opacity: 1;
}

.case-ddsos1__family,
.case-ddsos1__family:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/ddsos1-family.png') no-repeat 0 0 transparent;
    background-size: auto 100%;
}

@keyframes case-familylight {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.case-ddsos1__family:before {
    content: "";
    background-image: url('../images/ddsos1-light.png');
    opacity: 0;

    animation: case-familylight 2s linear 0s infinite;
    animation-direction: alternate;
}

/* kia1-case */
.case-modern__right.kia1-case {
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    width: auto;
    background: url('../images/kia1-bg.jpg') no-repeat left calc(50vw - 600px) center #010103;
    background-size: auto 100%;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s, background-size 0.2s ease-in 0s;
}

@media (max-width: 1440px) {

    .case-modern__right.kia1-case {
        background-position: left center;
    }

}

.case-modern__right.kia1-case.active {
    opacity: 1;
    background-size: auto 102%;
}

/* hoff5-case */
.case-modern__right.hoff5-case {
    top: clamp(20px + 56px + 40px, 3.7vh + 56px + 6.5vh, 40px + 56px + 70px);
    bottom: 0;
    right: calc(50% - 600px);
    width: 720px;
    background: url('../images/hoff5-bg.png') no-repeat top left transparent;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.hoff5-case.active {
    opacity: 1;
}

.hoff5-case__rabbit {
    position: absolute;
    bottom: 0;
    left: 240px;
    height: clamp(450px, 67vh, 635px);
    width: clamp(393px, 58.45vh, 554px);
    background: url('../images/hoff5-rabbit.png') no-repeat 0 0 transparent;
    background-size: auto 100%;
}

@keyframes case-rabbithand {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-20deg); }
}

.hoff5-case__rabbit:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/hoff5-hand.png') no-repeat 0 0 transparent;
    background-size: auto 100%;
    transform-origin: 67% 77%;

    animation: case-rabbithand 2s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* awad2-case */
.case-modern__right.awad2-case {
    top: calc(50% + 56px - 235px);
    right: calc(50% - 600px - 45px);
    width: 698px;
    height: 471px;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.awad2-case.active {
    opacity: 1;
}

@keyframes simple-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.case-modern__right.awad2-case:before {
    content: "";
    width: 611px;
    height: 611px;
    background: url('../images/awad2-circle.svg') no-repeat center center transparent;
    position: absolute;
    top: -77px;
    left: 0;
    transform-origin: 50% 50%;
    animation: simple-spin 18s linear 0s infinite;
}

.awad2-case__woman {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/awad2-woman.png') no-repeat 0 0 transparent;
}

@keyframes simple-blink {
    0% { opacity: 1; }
    50% { opacity: 0;}
    100% { opacity: 1; }
}

.awad2-case__woman:before {
    content: "";
    position: absolute;
    top: 110px;
    left: 215px;
    width: 96px;
    height: 116px;
    background: url('../images/awad2-eyes.png') no-repeat 0 0 transparent;

    animation: simple-blink 3s steps(1, end) 0s infinite;
    
}

/* mvid3-case */
.case-modern__right.mvid3-case {
    top: 50%;
    right: calc(50% - 600px);
    width: 707px;
    height: 0;
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.mvid3-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.mvid3-case__couple {
    width: clamp(500px, 75vh, 707px);
    height: clamp(500px, 75vh, 707px);
    background: url('../images/mvid3-bg.png') no-repeat center center transparent;
    background-size: contain;
    margin: 0 auto;
    position: relative;
    transform: translateY(-50%);
}

.mvid3-case__couple:before {
    content: "";
    position: absolute;
    top: 41.58%;
    left: 55.445%;
    width: 9.0523%;
    height: 7.2135%;
    background: url('../images/mvid3-eye.png') no-repeat center center transparent;
    background-size: contain;

    animation: simple-blink 2.4s steps(1, end) 0s infinite;
}

/* emx5-case */
.case-modern__right.emx5-case {
    width: 445px;
    height: 587px;
    top: 50%;
    left: calc(50% + 100px);
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.emx5-case.active {
    opacity: 1;
}

.emx5-case__cat,
.emx5-case__cat-hand1,
.emx5-case__cat-hand2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none no-repeat 0 0 transparent;
}

.emx5-case__cat {
    background-image: url('../images/emx5-cat.png');
}

@keyframes case-cathand1 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-35deg); }
}

.emx5-case__cat-hand1 {
    background-image: url('../images/emx5-hand1.png');
    transform-origin: 23% 60%;

    animation: case-cathand1 1.6s ease-in-out 0s infinite;
    animation-direction: alternate;
}

@keyframes case-cathand2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(35deg); }
}

.emx5-case__cat-hand2 {
    background-image: url('../images/emx5-hand2.png');
    transform-origin: 77% 60%;

    animation: case-cathand2 1.6s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* mag1-case */
.case-modern__right.mag1-case {
    bottom: 0;
    right: calc(50% - 936px + 106px);
    width: 936px;
    height: min(85%, 795px);
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.mag1-case.active {
    opacity: 1;
}

.case-modern__right.mag1-case:before {
    content: "";
    width: 1383px;
    height: 1383px;
    background: url('../images/mag1-bg.svg') no-repeat center center transparent;
    position: absolute;
    top: -95px;
    left: 85px;
}

.mag1-case__hand,
.mag1-case__man {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none no-repeat 0 0 transparent;
}

@keyframes case-maghand {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-10deg); }
}

.mag1-case__hand {
    background-image: url('../images/mag1-hand.png');
    transform-origin: 625px 490px;
    animation: case-maghand 2.7s ease-in-out 0s infinite;
    animation-direction: alternate;
}

.mag1-case__man {
    background-image: url('../images/mag1-man.png');
}

/* emx6-case */
.case-modern__right.emx6-case {
    bottom: 0;
    left: calc(50% - 80px);
    width: 769px;
    top: clamp(100px, 17vh, 190px);
    opacity: 0;
    transform: translate(100px, 0px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.emx6-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.emx6-case__shuff {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/emx6-shuff.png') no-repeat 0 0 transparent;
}

.emx6-case__bottom {
    position: absolute;
    width: 615px;
    top: 487px;
    left: 64px;
    bottom: 0;
    background: url('../images/emx6-bottom.png') no-repeat 0 0 transparent;
    transition: transform 0.17s ease-in;
}

.case-modern__right.emx6-case.active .emx6-case__bottom {
    transform: translate(0px, 30%);
    transition-delay: 0.4s;
}

.emx6-case__bottom:before {
    content: "";
    position: absolute;
    top: 84px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

/* mur1-case */
@keyframes case-murbg {
    0% { background-position: 0 50%; }
    100% { background-position: 2958px 50%; }
}

.case-modern__bg.mur1-case {
    background-image: url('../images/mur1-bg.jpg');
    background-repeat: repeat-x;
    background-position: 0 50%;
    background-size: auto;
    animation: case-murbg 5s linear 0s infinite;
}

.case-modern__right.mur1-case {
    width: 1159px;
    top: 0;
    bottom: 0;
    left: calc(50% - 40px);
    background: url('../images/mur1-woman.png') no-repeat left bottom transparent;
    background-size: auto min(110%, 1068px);
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.mur1-case.active {
    opacity: 1;
}

/* tech1-case */
.case-modern__right.tech1-case {
    width: auto;
    right: 0;
    left: calc(50% - 100px);
    top: min(20%, 215px);
    height: 559px;
    opacity: 0;
    transition: opacity 0s ease-in 0s;
}

.case-modern__right.tech1-case.active {
    opacity: 1;
    transition: opacity 0.2s ease-in 0.15s;
}

@keyframes case-techwomen {
    0% { background-position: 0 50%; }
    100% { background-position: -214px 50%; }
}

.tech1-case__women {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../images/tech1-women.png') repeat-x 0 0 transparent;
    animation: case-techwomen 1.6s linear 0s infinite;
}

.tech1-case__women:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 364px;
    background: url('../images/tech1-bg.png') repeat-y 0 0 transparent;
}

/* juw3-case */
.case-modern__bg.juw3-case {
    background: url('../images/juw3-bg.jpg') no-repeat center center #f2ebe1;
    background-size: auto 100%;
}

.case-modern__right.juw3-case {
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.juw3-case.active {
    opacity: 1;
}

.juw3-case__chars {
    position: absolute;
    width: 680px;
    height: min(37%, 355px);
    background: url('../images/juw3-chars.png') no-repeat center center transparent;
    background-size: auto 100%;
    bottom: 18%;
    left: calc(50% - 100px);
}

@keyframes case-snow {
    0% { background-position: 0 0; }
    100% { background-position: 0 935px; }
}

.case-modern__right.juw3-case:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/juw3-snow.png') repeat 0 0 transparent;
    animation: case-snow 15s linear 0s infinite;
}

/* emx7-case */
.case-modern__bg.emx7-case {
    background: url('../images/emx7-bg.svg') no-repeat right center transparent;
}

.case-modern__right.emx7-case {
    width: auto;
    top: calc(50% - 114px);
    left: calc(50% - 150px);
    right: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0s ease-in 0s;
}

.case-modern__right.emx7-case.active {
    opacity: 1;
    transition: opacity 0.2s ease-in 0.15s;
}

@keyframes case-emx-ribbon {
    0% { background-position: 0 0; }
    100% { background-position: -4245px 0; }
}

.emx7-case__ribbon {
    background: url('../images/emx7-ribbon.png') repeat-x 0 0 transparent;
    height: 228px;
    width: 4245px;
    animation: case-emx-ribbon 20s linear 0s infinite;
}

.emx7-case__ribbon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 364px;
    background: url('../images/tech1-bg.png') repeat-y 0 0 transparent;
}

/* metro1-case */
.case-modern__bg.metro1-case {
    background: url('../images/metro1-bg.jpg') no-repeat top center #dad9d4;
}

.case-modern__right.metro1-case {
    top: 50%;
    width: auto;
    left: 50%;
    margin-left: clamp(-240px, 59.4vh - 600px, 48px);
    right: calc(50% - 600px);
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.metro1-case.active {
    opacity: 1;
}

@keyframes case-words {
    0% { transform: translateY(0%); }
    100% { transform: translateY(1.5%); }
}

@keyframes case-lemon {
    0% { transform: translateY(0%); }
    100% { transform: translateY(0.75%); }
}

.metro1-case__container {
    position: absolute;
    top: 0;
    left: 50%;
    background: url('../images/metro1-words-back.png') no-repeat 0 0 transparent;
    background-size: contain;

    width: clamp(670px, 115.7vh, 1082px);
    transform: translate(-50%, -45%);
}

.metro1-case__container::before {
    content: "";
    display: block;
    padding-top: 102.03%;
}

.metro1-case__container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/metro1-words.png') no-repeat top center transparent;
    background-size: contain;

    animation: case-words 2.6s ease-in-out 0s infinite;
    animation-direction: alternate;
}

.metro1-case__lemon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/metro1-lemon.png') no-repeat top center transparent;
    background-size: contain;

    animation: case-lemon 2.6s ease-in-out 0s infinite;
    animation-direction: alternate;
}

.metro1-case__leaf {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: 18% 6.3%;
    transform: translate(25%, 28%);
    transition: transform 0.3s ease-out 0s;
}

.metro1-case__leaf.leaf2 { transform-origin: 79% 10%; transform: translate(-28%, 27%) rotate(-45deg); }
.metro1-case__leaf.leaf3 { transform-origin: 93.6% 76%; transform: translate(-40%, -32%) rotate(-80deg); }
.metro1-case__leaf.leaf4 { transform-origin: 37% 90.5%; transform: translate(19%, -44%) rotate(-40deg); }
.metro1-case__leaf.leaf5 { transform-origin: 7.4% 64%; transform: translate(44%, -24%) rotate(-50deg); }

.case-modern__right.metro1-case.active .metro1-case__leaf {
    transform: translate(0%, 0%) rotate(0deg);
    transition: transform 0.4s ease-out 0.2s;
}

.case-modern__right.metro1-case.active .leaf2 { transition-delay: 0.3s; }
.case-modern__right.metro1-case.active .leaf3 { transition-delay: 0.23s; }
.case-modern__right.metro1-case.active .leaf4 { transition-delay: 0.28s; }
.case-modern__right.metro1-case.active .leaf5 { transition-delay: 0.33s; }

.metro1-case__leaf::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/metro1-leaf1.png') no-repeat top center transparent;
    background-size: contain;
}

.metro1-case__leaf.leaf2::before { background-image: url('../images/metro1-leaf2.png'); transform-origin: 79% 10%; }
.metro1-case__leaf.leaf3::before { background-image: url('../images/metro1-leaf3.png'); transform-origin: 93.6% 76%; }
.metro1-case__leaf.leaf4::before { background-image: url('../images/metro1-leaf4.png'); transform-origin: 37% 90.5%; }
.metro1-case__leaf.leaf5::before { background-image: url('../images/metro1-leaf5.png'); transform-origin: 7.4% 64%; }

/* emx8-case */
.case-modern__right.emx8-case {
  position: absolute;
  opacity: 0;
  left: 50%;
  bottom: 0;
  width: 853px;
  /* transform: translate(500px, 0px); */
  transition: opacity 0.2s ease-in 0s, transform 0.3s ease-in 0s;
}

.case-modern__right.emx8-case.active {
  opacity: 1;
  /* transform: translate(0px, 0px); */
}

.emx8-case__container .right-man {
  position: absolute;
  width: 550px;
  height: 812px;
  background: url('../images/right-man.png') no-repeat 0 0 transparent;
  bottom: -140px;
  left: 0.5vw;
  margin-left: clamp(349px, 21vw, 430px);
  z-index: -1;
}

.emx8-case__container .left-man {
  position: absolute;
  width: 550px;
  height: 800px;
  bottom: 0;
  left: 0.5vw;
  margin-left: clamp(-86px, -37vw, 380px);
}

@media only screen and (max-height: 730px) {
  .emx8-case__container .left-man {
    transform: scale(.8);
    bottom: -18vh;
  }
  .emx8-case__container .right-man {
    transform: scale(.8);
    bottom: clamp(-61vh, -24vh, -3rem + -23vh);
    left: -4.75vw;
  }
}


.left-man .left-man__part {
  position: absolute;
  left: 0;

  width: 100%;
  height: 200px;
  transform: translate(0px, 0px);
  transition: transform 2s ease;
  --y-offset: 800px;
}

.left-man__part-1 {
  bottom: calc(600px + var(--y-offset));

  background: url('../images/left-man-1.png') no-repeat 0 0 transparent;
}
.left-man__part-2 {
  bottom: calc(400px + var(--y-offset));

  background: url('../images/left-man-2.png') no-repeat 0 0 transparent;
}
.left-man__part-3 {
  bottom: calc(200px + var(--y-offset));

  background: url('../images/left-man-3.png') no-repeat 0 0 transparent;
}
.left-man__part-4 {
  bottom: calc(0px + var(--y-offset));

  background: url('../images/left-man-4.png') no-repeat 0 0 transparent;
}

.case-modern__right.emx8-case.active .left-man__part-6 {
  transform: translate(0px, var(--y-offset));
}
.case-modern__right.emx8-case.active .left-man__part-5 {
  transform: translate(0px, var(--y-offset));
  transition-delay: .15s;
}
.case-modern__right.emx8-case.active .left-man__part-4 {
  transform: translate(0px, var(--y-offset));
  transition-delay: .25s;
}
.case-modern__right.emx8-case.active .left-man__part-3 {
  transform: translate(0px, var(--y-offset));
  transition-delay: .35s;
}
.case-modern__right.emx8-case.active .left-man__part-2 {
  transform: translate(0px, var(--y-offset));
  transition-delay: .45s;
}
.case-modern__right.emx8-case.active .left-man__part-1 {
  transform: translate(0px, var(--y-offset));
  transition-delay: .55s;
}

/* emx9-case */
.case-modern__bg.emx9-case.active {
  background-color: #FCE000;
  /* background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICAgICAgICAgICNwIHsgYW5pbWF0aW9uOiByb3RhdGUgM3MgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNzVweDsgfQoKICAgICAgICAgIEBrZXlmcmFtZXMgcm90YXRlIHsKICAgICAgICAgICAgIDAgewogICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogICAgICAgICAgICB9CiAgICAgICAgICAgIDEwMCUgewogICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICA8L3N0eWxlPgoKICA8cGF0aCBpZD0icCIgb3BhY2l0eT0iMC4zIiBkPSJNMTE2LjE0MyAzMy41MjM3QzExNi4xNDMgMjQuMzk0MSAxMDguNzQ5IDE3IDk5LjYxOTUgMTdDOTAuNDg5OSAxNyA4My4wOTU4IDI0LjM5NDEgODMuMDk1OCAzMy41MjM3QzgzLjA5NTggMzcuODI3OSA4NC43ODEzIDQxLjcxOTIgODcuNDgzMSA0NC42NjA3TDQ0LjY2MDcgODcuNDgzMUM0MS43MTkyIDg0Ljc4MTQgMzcuODI4MSA4My4wOTU4IDMzLjUyMzcgODMuMDk1OEMyNC4zOTQxIDgzLjA5NTggMTcgOTAuNDg5OSAxNyA5OS42MTk1QzE3IDEwOC43NDkgMjQuMzk0MSAxMTYuMTQzIDMzLjUyMzcgMTE2LjE0M0MzMy41MjM3IDEyNS4yNzMgNDAuOTE3OCAxMzIuNjY3IDUwLjA0NzQgMTMyLjY2N0M1OS4xNzcgMTMyLjY2NyA2Ni41NzExIDEyNS4yNzMgNjYuNTcxMSAxMTYuMTQzQzY2LjU3MTEgMTExLjgzOSA2NC44ODU2IDEwNy45NDggNjIuMTgzOCAxMDUuMDA2TDEwNS4wMDYgNjIuMTgzOEMxMDcuOTQ4IDY0Ljg4NTUgMTExLjgzOSA2Ni41NzExIDExNi4xNDMgNjYuNTcxMUMxMjUuMjczIDY2LjU3MTEgMTMyLjY2NyA1OS4xNzcgMTMyLjY2NyA1MC4wNDc0QzEzMi42NjcgNDAuOTE3OCAxMjUuMjczIDMzLjUyMzcgMTE2LjE0MyAzMy41MjM3WiIgZmlsbD0iI0VDNTcxQyIvPgo8L3N2Zz4K'); */
  background-image: url('../images/case9-bone.svg');
  background-repeat: repeat;
  background-size: auto;
}

.case-modern__right.emx9-case {
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  width: clamp(720px, 120vh, 910px);
  height: auto;
  margin-left: clamp(-320px, -27.6vh, -230px);
}

.case-modern__right.emx9-case.active {
  opacity: 1;
}

.emx9-case__dog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/emx9-dog.png') no-repeat bottom center transparent;
  background-size: contain;
}

.emx9-case__nature-bg {
  width: 100%;
  height: 100vh;
  background: url('../images/emx9-nature-bg.jpg') no-repeat center center / cover;
  clip-path: polygon(0px 100%, 100% 25%, 100% 100%, 0px 100%);
  position: absolute;
  bottom: -1px;
}

.case-modern__right.aviasales-case {
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  width: clamp(720px, 120vh, 910px);
  height: auto;
  margin-left: clamp(-320px, -27.6vh, -230px);
}

.case-modern__right.aviasales-case.active {
  opacity: 1;
}

.case-modern__right .aviasales-case__plane {
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translateY(-70%);
  width: 45vw;
  height: 31vw;
  background: url('../images/aviasales-case-plane.png') no-repeat center center / contain;
  animation: plane 8s ease-out infinite;
}

@keyframes plane {
  0% {
    transform: translateY(-72%);
  }
  50% {
    transform: translateY(-70%);
  }
  100% {
    transform: translateY(-72%);
  }
}

@keyframes cat-leg {
  0% {transform: translateY(-8px)}
  50% {transform: translateY(0px)}
  100% {transform: translateY(-8px)}
}

.case-modern__right .aviasales-case__cats-wrapper {
  position: absolute;
  display: flex;
  gap: 5%;
  top: 55%;
  width: 51.2%;
  height: 10.4vw;
  left: 55%;
  transform: translateX(-50%);
}

.aviasales-case .aviasales-case__cat {
  width: 23%;
  height: 100%;
}

.aviasales-case__cat.aviasales-case__cat {
  position: relative;
  flex-shrink: 0;
}

.aviasales-case__cat-body,
.aviasales-case__cat-legs,
.aviasales-case__cat-arms {
  position: absolute;
  width: 100%;
  height: 100%;
}

.aviasales-case__cat-body {
  background: url('../images/aviacats-boby.png') no-repeat top center / contain;
}

.aviasales-case__cat-left-leg {
  position: absolute;
  bottom: 0;
  background: url('../images/aviacats-left-leg.png') no-repeat top center / contain;
  width: 28%;
  height: 21%;
  left: 30%;
  z-index: -1;
  animation: cat-leg .3s ease-out infinite;
}

.aviasales-case__cat-right-leg {
  position: absolute;
  bottom: 1%;
  background: url('../images/aviacats-right-leg.png') no-repeat top center / contain;
  width: 28%;
  height: 21%;
  left: 49%;
  z-index: -1;
  animation: cat-leg .3s ease infinite reverse;
}

.aviasales-case__cat--2 .aviasales-case__cat-left-leg {
  animation: cat-leg-rotate 4s ease-in-out infinite;
  transform-origin: top center;
}
.aviasales-case__cat--2 .aviasales-case__cat-right-leg {
  animation: cat-leg-rotate 4s ease-in-out infinite alternate-reverse;
  transform-origin: top center;
}
.aviasales-case__cat--4 .aviasales-case__cat-right-arm {
  animation: cat-arm-rotate .4s ease-in-out infinite alternate-reverse;
  transform-origin: bottom center;
  left: 65%;
}
.aviasales-case__cat--4 .aviasales-case__cat-body {
  transform: rotate(9deg);
  left: -4%;
}
.aviasales-case__cat--4 .aviasales-case__cat-left-leg {
  left: 14%;
}
.aviasales-case__cat--4 .aviasales-case__cat-right-leg {
  left: 34%;
}

@keyframes cat-leg-rotate {
  0% { transform: rotate(-25deg)}
  50% {transform: rotate(10deg)}
  100% {transform: rotate(-25deg)}
}

@keyframes cat-arm-rotate {
  0% { transform: rotate(10deg)}
  50% {transform: rotate(25deg)}
  100% {transform: rotate(10deg)}
}

.aviasales-case__cat-left-arm {
  position: absolute;
  bottom: 51%;
  background: url('../images/aviacats-left-arm.png') no-repeat top center / contain;
  width: 48%;
  height: 35%;
  left: -19%;
  z-index: -1;
}

.aviasales-case__cat-right-arm {
  position: absolute;
  bottom: 51%;
  background: url('../images/aviacats-right-arm.png') no-repeat top center / contain;
  width: 48%;
  height: 35%;
  left: 71%;
  z-index: -1;
}

.aviasales-case__cat-arms {
  background: url('../images/aviacats-arm.png') no-repeat top center / contain;
}

/* noimg1-case */
.case-modern__right.noimg1-case {
    width: 707px;
    bottom: 0;
    height: min(83%, 780px);
    right: calc(50% - 740px);
    background: url('../images/noimg1-man.png') no-repeat top center transparent;
    background-size: auto 100%;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.noimg1-case.active {
    opacity: 1;
}

@keyframes case-noimg1 {
    0% { opacity: 1; }
    100% { opacity: 0.57; }
}

.case-modern__right.noimg1-case:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/noimg1-light.png') no-repeat top center transparent;
    background-size: auto 100%;
    animation: case-noimg1 1.2s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* noimg2-case */
.case-modern__right.noimg2-case1,
.case-modern__right.noimg2-case2 {
    width: 635px;
    height: 520px;
    top: calc(50% - 260px);
    margin-top: clamp(20px, 3.7vh, 40px);
    right: max(20px, 50% - 600px);
    background: url('../images/noimg2-tiger.png') no-repeat 0 0 transparent;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.noimg2-case1.active,
.case-modern__right.noimg2-case2.active {
    opacity: 1;
}

.case-modern__right.noimg2-case2 {
    background-position: 0 -520px;
}

/* noimg3-case */
.case-modern__right.noimg3-case1,
.case-modern__right.noimg3-case2,
.case-modern__right.noimg3-case3 {
    width: 270px;
    height: 610px;
    top: calc(50% - 305px);
    margin-top: clamp(20px, 3.7vh, 40px);
    right: max(140px, 50% - 500px);
    background: url('../images/noimg3-rabbit.png') no-repeat 0 0 transparent;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.noimg3-case1.active,
.case-modern__right.noimg3-case2.active,
.case-modern__right.noimg3-case3.active {
    opacity: 1;
}

.case-modern__right.noimg3-case2 {
    background-position: -270px 0;
}

.case-modern__right.noimg3-case3 {
    background-position: -540px 0;
}

/* promo-case */
@keyframes case-promobg {
    0% { background-position: 0 0; }
    100% { background-position: 0 -2000px; }
}

.case-modern__bg.promo-case {
    background: url('../images/promo-bg.jpg') repeat 0 0 #303030;
    animation: case-promobg 30s linear 0s infinite;
}

.case-modern__right.promo-case {
    width: 572px;
    height: 550px;
    top: calc(50% - 275px);
    right: max(120px, 50% - 530px);
    background: url('../images/promo-tiger.png') no-repeat 0 0 transparent;
    opacity: 0;
    transform: translate(0px, 50px);
    transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.promo-case.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

@keyframes case-promofinger {
    0% { transform: translate(0, 0); }
    100% { transform: translate(0, -15px); }
}

.case-modern__right.promo-case:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/promo-finger.png') no-repeat 0 0 transparent;
    animation: case-promofinger 0.6s ease-in-out 0s infinite;
    animation-direction: alternate;
}

/* coaching-inst-case */
.case-modern__right.coaching-inst-case {
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.coaching-inst-case.active {
  top: clamp(20px + 56px + 10px, 3.7vh + 56px + 10px, 40px + 56px + 10px);
    left: 50%;
    margin-left: clamp(-240px, 59.4vh - 600px, 48px);
    bottom: 0;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.2s ease-in 0s;
}
.case-modern__right.coaching-inst-case.active .coaching-inst-case__wrapper {
  position: relative;
  width: 787px;
  height: 614px;
  background: url('../images/coaching-inst-case-image.png') no-repeat center center / contain;
}
.case-modern__right.coaching-inst-case.active .coaching-inst-case__wheel-1 {
  position: absolute;
  z-index: -1;
  bottom: 1.2%;
  left: 15.4%;
  width: 190px;
  height: 160px;
  animation: simple-spin 16s linear infinite;
  background: url('../images/wheel-left.png') no-repeat center center / contain;
}
.case-modern__right.coaching-inst-case.active .coaching-inst-case__wheel-2 {
  position: absolute;
  bottom: 1%;
  right: 18.2%;
  z-index: -1;
  width: 164px;
  height: 148px;
  animation: simple-spin 16s linear infinite;
  background: url('../images/wheel-right.png') no-repeat center center / contain;
}

/* vsk-mailing-case */
.case-modern__right.vsk-mailing-case {
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 50%;
  /* width: clamp(720px, 120vh, 910px); */
  height: auto;
  margin-left: clamp(-250px, -14.599999999999994vh, -198px);
  transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.vsk-mailing-case.active {
  opacity: 1;
}

.vsk-mailing-case__wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.vsk-mailing-case__circles {
  position: relative;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
}

.vsk-mailing-case__circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  aspect-ratio: 1;
  border: 2px solid rgba(48, 48, 48, 0.2);
  border-radius: 999px;
  animation: circle-rotate 30s linear infinite;
}
@keyframes circle-rotate {
  from {transform: translate(-50%, -50%) rotate(0deg);}
  to {transform: translate(-50%, -50%) rotate(360deg);}
}
.vsk-mailing-case__circle-1 {
  width: 100%;
}
.vsk-mailing-case__circle-1::after,
.vsk-mailing-case__circle-2::after,
.vsk-mailing-case__circle-3::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background-color: #FF81C1;
}
.vsk-mailing-case__circle-2::after {
  bottom: 15%;
  left: 86%;
  top: auto;
}
.vsk-mailing-case__circle-2 {
  width: 80%;
  animation: circle-rotate 20s linear infinite;
}
.vsk-mailing-case__circle-3 {
  width: 60%;
  animation: circle-rotate 10s linear infinite;
}
.vsk-mailing-case__circle-3::after {
  bottom: 15%;
  left: 10%;
  top: auto;
}
.vsk-mailing-case__phones {
  position: absolute;
  width: 100%;
  max-width: 734px;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.vsk-mailing-case__phone {
  position: absolute;
  bottom: 0;
  width: 224px;
  height: 454px;
}

.vsk-mailing-case__phone-1 {
  left: 0;
  background: url('../images/iphone1.png') no-repeat center center / contain;
  animation: phone1 7s ease-in-out infinite;
}

.vsk-mailing-case__phone-2 {
  left: 50%;
  bottom: 8vh;
  transform: translateX(-50%);
  background: url('../images/iphone2.png') no-repeat center center / contain;
  animation: phone2 7s ease-in-out infinite;
}

.vsk-mailing-case__phone-3 {
  right: 0;
  background: url('../images/iphone3.png') no-repeat center center / contain;
  animation: phone3 7s ease-in-out infinite;
  animation-delay: 1s;
}

@keyframes phone1 {
  0% { transform: translateY(0);}
  50% {transform: translateY(-20px);}
  100% {transform: translateY(0);}
}

@keyframes phone2 {
  0% { transform: translateY(-20px) translateX(-50%);}
  50% {transform: translateY(0) translateX(-50%);}
  100% {transform: translateY(-20px) translateX(-50%);}
}

@keyframes phone3 {
  0% { transform: translateY(0);}
  50% {transform: translateY(20px);}
  100% {transform: translateY(0);}
}

.vsk-mailing-case__phone-1,
.vsk-mailing-case__phone-3 {
  bottom: 26vh;
}

/* vkusvill-letter */
.case-modern__right.vkusvill-letter {
  opacity: 0;
}
.case-modern__right.vkusvill-letter.active {
  background: url('../images/female-chef.png') no-repeat center center transparent;
  background-size: contain;
  top: 50%;
  margin-top: clamp(-360px, -32.5vh, -255px);
  left: 50%;
  width: 739px;
  height: 688px;
  opacity: 1;
  transition: opacity 0.2s ease-in 0s;
}

.vkusvill-letter__knife {
  position: absolute;
  left: -14%;
  top: -6%;
  width: 577px;
  height: 732px;
  background: url('../images/female-chef-hand-left.png') no-repeat center / contain;
  animation: rotate-hand 5s ease-in-out infinite;
  transform-origin: 25% 45%;
}

.vkusvill-letter__fork {
  position: absolute;
  right: -1%;
  top: 19%;
  width: 303px;
  height: 542px;
  background: url('../images/female-chef-hand-right.png') no-repeat center / contain;
  animation: rotate-hand-2 5s ease-in-out infinite;
  transform-origin: right 50%;
}

@keyframes rotate-hand {
  0% {transform: rotate(10deg);}
  50% {transform: rotate(-30deg);}
  100% {transform: rotate(10deg);}
}

@keyframes rotate-hand-2 {
  0% {transform: rotate(-10deg);}
  50% {transform: rotate(30deg);}
  100% {transform: rotate(-10deg);}
}
/* hasttings-tmplt-case */
.case-modern__right.hasttings-tmplt-case {
  opacity: 0;
}
.case-modern__right.hasttings-tmplt-case.active {
  opacity: 1;
  bottom: clamp(-242px, -26vh, 78px);
  height: clamp(110px, 84vh, 766px);
  left: 50%;
  margin-left: clamp(-145px, 59.4vh - 600px, 48px);
  max-height: 766px;
  min-height: 570px;
  width: 750px;
  transition: opacity 0.2s ease-in 0s;
}

.hasttings-tmplt-case__girl-1 {
  position: absolute;
  width: 364px;
  height: 1174px;
  background: url('../images/hasttings-girl-1.png') no-repeat top center / contain;
  animation: jump-girl 3s ease-out infinite;
}

@keyframes jump-girl {
  0% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(-120px);
  }
  100% {
    transform: translateY(-30px);
  }
}

.hasttings-tmplt-case__ball-wrapper {
  position: absolute;
  right: 17%;
  top: -9%;
  width: 295px;
  height: 1px;
  animation: rotate-180 ease-in 3s infinite;
}
@keyframes rotate-180 {
  0% { transform: rotate(40deg);}
  50% { transform: rotate(200deg);}
  100% { transform: rotate(40deg);}
}
.hasttings-tmplt-case__ball {
  width: 141px;
  height: 153px;
  background: url('../images/hasttings-ball.png') no-repeat center / contain;
  animation: hast-ball 3s infinite alternate-reverse ease;
  transform-origin: center;
}

@keyframes hast-ball {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.hasttings-tmplt-case__girl-2 {
  position: absolute;
  right: -175px;
  width: 435px;
  height: 1170px;
  background: url('../images/hasttings-girl-2.png') no-repeat top center / contain;
  animation: jump-girl 3s ease-out reverse infinite;
}

/* pyaterochka-mailing */
.case-modern__right.pyaterochka-mailing {
  opacity: 0;
    bottom: 0;
    left: clamp(40%, 101vh, 50%);
    width: clamp(720px, 120vh, 910px);
    height: 85vh;
    transition: opacity 0.17s ease-in, transform 0.5s ease-in;
}

.case-modern__right.pyaterochka-mailing.active {
  opacity: 1;
}

.pyaterochka-mailing__wrapper {
  position: absolute;
  width: clamp(350px, 25vw, 1150px);
  height: clamp(698px, 100vh, 880px);
  transition: transform 2s ease-in-out;
  margin-left: clamp(-43px, -3vh, -180px);
}
.case-modern__right.pyaterochka-mailing.active .pyaterochka-mailing__wrapper {
  transform: translateY(0);
}

.pyaterochka-mailing__wrapper-1 {
  left: 0;
  bottom: -140px;
  transform: translateY(30%);
}
.pyaterochka-mailing__wrapper-2 {
  left: clamp(152px, 25vh, 213px);
  bottom: -340px;
  transform: translateY(30%);
  transition-delay: .1s;
}

.pyaterochka-mailing__wrapper-3 {
  left: clamp(308px, 48vh, 452px);
  bottom: -540px;
  transform: translateY(30%);
  transition-delay: .2s;
}


.pyaterochka-mailing__item-1 {
  width: 100%;
  height: 100%;
  background: url('../images/pyater-1.png') no-repeat center / contain;
  animation: up-down 7s ease-in-out infinite;
  animation-delay: 1s;
}

.pyaterochka-mailing__item-2 {
  width: 100%;
  height: 100%;
  background: url('../images/pyater-2.png') no-repeat center / contain;
  animation: up-down 7s ease-in-out infinite;
  animation-delay: 1.5s;
}

.pyaterochka-mailing__item-3 {
  width: 100%;
  height: 100%;
  background: url('../images/pyater-3.png') no-repeat center / contain;
  animation: up-down 7s ease-in-out infinite;
  animation-delay: 2s;
}

/* gpb5-case */
.case-modern__bg.gpb5-case {
  background: url('../images/gpb5-case-bg-min.jpg') no-repeat center top / cover;
}

.case-modern__right.gpb5-case {
  top: 0;
  bottom: 0;
  left: 53%;
  opacity: 0;
  width: clamp(400px, 39vw, 670px);
  transform: translate(100px, 0px);
  transition: opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
}

.case-modern__right.gpb5-case.active {
  opacity: 1;
  transform: translate(0px, 0px);
}
.gpb5-case__grid {
  position: absolute;
  display: grid;
  width: 100%;
  top: 50%;
  grid-template-columns: repeat(3, 1fr);
  transform: translateY(-50%);
  gap: 16px;
}

.gpb-case__grid-item {
  position: relative;
  padding: 10px;
  aspect-ratio: 213 / 137;
  background-color: #033791;
  border-radius: 14px;
  width: 100%;
  /* gap: 16px; */
  box-shadow: 0px 6px 12px 0px rgb(0 0 0 / 33%);
}

.gpb-case__grid-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/sumka-min.png') no-repeat center center / contain;
}
.gpb-case__grid-item-2::after {
  background: url('../images/svitok-sil-min.png') no-repeat center center / contain;
}
.gpb-case__grid-item-3::after {
  background: url('../images/polotence-sil-min.png') no-repeat center center / contain;
}
.gpb-case__grid-item-4::after {
  background: url('../images/map-sil-min.png') no-repeat center center / contain;
}
.gpb-case__grid-item-5::after {
  background: url('../images/roll-sil-min.png') no-repeat center center / contain;
}
.gpb-case__grid-item-6::after {
  background: url('../images/flag-sil-min.png') no-repeat center center / contain;
}
.gpb-case__grid-item-7::after {
  background: url('../images/tetrad-sil-min.png') no-repeat center center / contain;
}
.gpb-case__grid-item-8::after {
  background: url('../images/car-sil-min.png') no-repeat center center / contain;
}
.gpb-case__grid-item-9::after {
  background: url('../images/capcakes-sil-min.png') no-repeat center center / 59%;
}
/* .gpb-case__grid-item::before {
  opacity: 0;
} */
.case-modern__right.gpb5-case.active .gpb-case__grid-item::before {
  opacity: 0;
  position: absolute;
  content: "";
  box-sizing: border-box;
  /* padding: 10px; */
  display: block;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  transition: opacity .2s ease-in;
  animation-fill-mode: forwards;
}
.gpb-case__grid-item-1::before {
  background: url('../images/sumka-sil-min.png') no-repeat 43% 52% / 83%;
  animation: opacity .75s ease-in-out;
  animation-delay: .25s;
}
.gpb-case__grid-item-2::before {
  background: url('../images/svitok-min.png') no-repeat center center / 87%;
  animation: opacity .75s ease-in-out;
  animation-delay: .5s;
}
.gpb-case__grid-item-3::before {
  background: url('../images/polotence-min.png') no-repeat center center / 87%;
  animation: opacity .75s ease-in-out;
  animation-delay: .75s;
}
.gpb-case__grid-item-6::before {
  background: url('../images/flag-min.png') no-repeat 68% center / 91%;
  animation: opacity .75s ease-in-out;
  animation-delay: 1s;
}
.gpb-case__grid-item-9::before {
  background: url('../images/capcakes-min.png') no-repeat center center / 56%;
  animation: opacity .75s ease-in-out;
  animation-delay: 1.25s;
}
.gpb-case__grid-item-8::before {
  background: url('../images/car-min.png') no-repeat center center / 52%;
  animation: opacity .75s ease-in-out;
  animation-delay: 1.5s;
}
.gpb-case__grid-item-7::before {
  background: url('../images/tetrad-min.png') no-repeat 46% 67% / 46%;
  animation: opacity .75s ease-in-out;
  animation-delay: 1.75s;
}
.gpb-case__grid-item-4::before {
  background: url('../images/map-min.png') no-repeat center center / 85%;
  animation: opacity .75s ease-in-out;
  animation-delay: 2s;
}
.gpb-case__grid-item-5::before {
  background: url('../images/roll-min.png') no-repeat center center / 87%;
  animation: opacity .75s ease-in-out;
  animation-delay: 2.25s;
}

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

@keyframes up-down {
  0% { 
    transform: translateY(15px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(15px);
  }
}

/* новые заглушки */
.case-modern__bg.noimg4-case1 {
  background-image: url('../images/noimg4-bg-1.png');
  background-repeat: repeat-x;
  background-position: center -360px;
  background-size: auto;
  /* height: 100vh; */
  bottom: 0;
  animation: img4-translate-x 50s linear infinite;
}

.case-modern__right.noimg4-case1 {
  top: 32vh;
  opacity: 0;
  width: 50vw;
  height: 431px;
  background: url('../images/noimg4-tiger.png') no-repeat center / contain;
  left: 46%;
  transform: translate(-9%, -30%);
  z-index: 2;
  animation: tiger-boat 8s ease-in-out infinite;
}

@keyframes tiger-boat {
  0% {
    transform: rotate(-2deg) translate3d(0, 0, 0);
    transform-style: preserve-3d;
  }
  50% {
    transform: rotate(1deg) translate3d(34px, 20px, 29px);
    transform-style: preserve-3d;
  }
  100% {
    transform: rotate(-2deg) translate3d(0, 0, 0);
    transform-style: preserve-3d;
  }
}

.case-modern__right.noimg4-case1.active {
  opacity: 1;
}

@keyframes img4-translate-x {
  0% {
    background-position: 2560px -340px;
  }
  100% {
    background-position: 0 -340px;
  }
}

@keyframes img4-translate-x-2 {
  0% {
    background-position: 2560px 0;
  }
  100% {
    background-position: 0 0;
  }
}

.case-modern__bg.noimg4-case2 {
  background-image: url('../images/noimg4-bg-day.png');
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto;
  /* height: 100vh; */
  bottom: 0;
  animation: img4-translate-x-2 50s linear infinite;
}

.case-modern__right.noimg4-case2 {
  top: 26vh;
  opacity: 0;
  width: 50vw;
  height: 489px;
  background: url('../images/noimg4-tiger-rocket.png') no-repeat center / contain;
  left: 46%;
  transform: translate(-9%, -30%);
  z-index: 2;
  animation: rocket .01s ease-out infinite;
  animation-direction: alternate-reverse;
}

@keyframes rocket {
  0% {
    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
  }
  50% {
    transform: translate3d(4px, 5px, 1px);
    transform-style: preserve-3d;
  }
  100% {
    transform: translate3d(0, 0, 0);
    transform-style: preserve-3d;
  }
}

.case-modern__right.noimg4-case2.active {
  opacity: 1;
}


.case-modern__bg.noimg4-case3 {
  background-image: url('../images/noimg4-bg-night.jpg');
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto;
  /* height: 100vh; */
  bottom: 0;
  animation: img4-translate-x-2 50s linear infinite;
}

.case-modern__right.noimg4-case3 {
  top: 26vh;
  opacity: 0;
  width: 50vw;
  height: 489px;
  background: url('../images/noimg4-tiger-rocket.png') no-repeat center / contain;
  left: 46%;
  transform: translate(-9%, -30%);
  z-index: 2;
  animation: rocket .01s ease-out infinite;
  animation-direction: alternate-reverse;
}

.case-modern__right.noimg4-case3.active {
  opacity: 1;
}

.case-modern__bg.noimg4-case3 {
  background-image: url('../images/noimg4-bg-night.jpg');
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto;
  /* height: 100vh; */
  bottom: 0;
  animation: img4-translate-x-2 50s linear infinite;
}

.case-modern__right.noimg4-case3 {
  top: 25%;
  opacity: 0;
  width: 50vw;
  height: 489px;
  background: url('../images/noimg4-tiger-rocket.png') no-repeat center / contain;
  left: 46%;
  transform: translate(-9%, -30%);
  z-index: 2;
  animation: rocket .01s ease-out infinite;
  animation-direction: alternate-reverse;
}

.case-modern__right.noimg4-case3.active {
  opacity: 1;
}
/* ekonika */
.case-modern__right.ekonika2-case {
  opacity: 0;
  top: clamp(20px,43vh, 232px);
  left: 60%;
  width: 49vw;
  aspect-ratio: 1;
}

.case-modern__right.ekonika2-case.active {
  opacity: 1;
}

.ekonika2-case__circle {
  position: relative;
  width: 100%;
  height: 100%;
  animation: simple-spin 22s linear infinite;
}

.ekonika2-case__circle::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  border: 4px solid #466F55;
  border-radius: 9999px;
}

.ekonika2-case__item {
  position: absolute;
  z-index: 100;
  animation: case-circle 22s linear infinite;
}


.ekonika2-case__item-1 {
  top: -18%;
  left: 22%;
  width: 47%;
  height: 40%;
  background: url('../images/ekonika-circle-1.png') no-repeat center / contain;
}

.ekonika2-case__item-2 {
  top: 7%;
  left: 77%;
  width: 36%;
  height: 39%;
  background: url('../images/ekonika-circle-2.png') no-repeat center / contain;
}

.ekonika2-case__item-3 {
  top: 59%;
  left: 80%;
  width: 38%;
  height: 38%;
  background: url('../images/ekonika-circle-3.png') no-repeat center / contain;
}

.ekonika2-case__item-4 {
  top: 84%;
  left: 41%;
  width: 36%;
  height: 41%;
  background: url('../images/ekonika-circle-4.png') no-repeat center / contain;
}

.ekonika2-case__item-5 {
  top: 61%;
  left: -10%;
  width: 40%;
  height: 37%;
  background: url('../images/ekonika-circle-5.png') no-repeat center / contain;
}

.ekonika2-case__item-6 {
  top: 15%;
  left: -15%;
  width: 37%;
  height: 33%;
  background: url('../images/ekonika-circle-6.png') no-repeat center / contain;
}

/* hr-outsourcing-case-bg */
.case-modern__right.hr-outsourcing-case.active {
  opacity: 1;
}

.case-modern__right.hr-outsourcing-case {
  top: calc(50% - 340px);
  right: calc(50% - 600px - 45px);
  width: 814px;
  height: 620px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.hr-outsourcing-case__hand {
  position: relative;
  left: clamp(25px, 15vw, 371px);
  width: 514px;
  height: 512px;
  background: url('../images/hr-case-hand.png') no-repeat center / contain;
  animation: hr-woman-hand-rotate 6s ease-in-out infinite;
}

.hr-outsourcing-case__woman {
  position: absolute;
}

.hr-outsourcing-case__woman-1 {
  top: 163px;
  left: -70px;
  background: url('../images/hr-case-woman-1.png') no-repeat center / contain;
  width: 280px;
  height: 490px;
  animation: hr-woman-1-rotate 5.7s ease-in-out infinite;
  transform-origin: top right;
}

.hr-outsourcing-case__woman-2 {
  right: -186px;
  top: -40px;
  background: url('../images/hr-case-woman-2.png') no-repeat center / contain;
  width: 454px;
  height: 458px;
  animation: hr-woman-2-rotate 6s ease-in-out infinite;
}

.hr-outsourcing-case__finger {
  background: url('../images/hr-case-finger.png') no-repeat center / contain;
  width: 93px;
  height: 146px;
  top: 224px;
  left: 382px;
}

@keyframes hr-woman-hand-rotate {
  0% {transform: rotate(35deg);}
  50% {transform: rotate(-5deg);}
  100% {transform: rotate(35deg);}
}

@keyframes hr-woman-1-rotate {
  0% {transform: rotate(-25deg);}
  50% {transform: rotate(5deg);}
  100% {transform: rotate(-25deg);}
}
@keyframes hr-woman-2-rotate {
  0% {transform: rotate(6deg);}
  50% {transform: rotate(-6deg);}
  100% {transform: rotate(6deg);}
}

/* nko-audit-case */
.case-modern__right.nko-audit-case.active {
  opacity: 1;
}

.case-modern__right.nko-audit-case {
  top: calc(50% - 321px);
  right: calc(50% - 911px - 45px);
  width: 1191px;
  height: 1249px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.nko-audit__man {
  position: absolute;
  right: 0;
  width: 860px;
  height: 1095px;
  background: url('../images/nko-man.png') no-repeat center / contain;
}

.nko-audit__magnifier {
  position: absolute;
  top: 218px;
  width: 690px;
  height: 1054px;
  background: url('../images/nko-magnifier.png') no-repeat center / contain;
  animation: nko-magnifier 5s cubic-bezier(1, -0.1, 0.44, 1.01) infinite;
}

@keyframes nko-magnifier {
  0% {transform: rotate(0deg) translate(0, 0)}
  50% {transform: rotate(39deg) translate(50px, -128px)}
  100% {transform: rotate(0deg) translate(0, 0)}
}

.nko-audit__letters {
  position: relative;
  z-index: -1;
  width: 1190px;
  height: 1185px;
  background: url('../images/nko-mails.png') no-repeat center / contain;
  animation: rotate360 20s linear infinite;
}

@keyframes rotate360 {
  0% {transform:rotate(0);}
  100% {transform:rotate(360deg);}
}

/* strategy-samoletplus */
.case-modern__right.strategy-samoletplus.active {
  opacity: 1;
}

.case-modern__right.strategy-samoletplus {
  top: calc(50% - 321px);
  right: calc(50% - 911px - 45px);
  width: 1191px;
  height: 1249px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.strategy-samoletplus__bg {
  width: 1497px;
  height: 1290px;
  background: url('../images/samolet-case-man.png') no-repeat center / contain;
}

.strategy-samoletplus__video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: 0.15;
}

/* our-emails-case */
.case-modern__right.our-emails-case.active {
  opacity: 1;
}

.case-modern__right.our-emails-case {
  top: calc(50% - 300px);
  right: calc(50% - 496px - 45px);
  width: 456px;
  height: 584px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.sour-emails-case__tiger {
  position: relative;
  width: 427px;
  height: 594px;
  background: url('../images/tiger-letter.png') no-repeat center / contain;
}
.sour-emails-case__rabbit-left,
.sour-emails-case__rabbit-right {
  position: absolute;
  bottom: 70px;
  width: 162px;
  height: 231px;
}
.sour-emails-case__rabbit-left {
  left: 0;
  background: url('../images/rabbit-left-1.png') no-repeat center / contain;
  animation: left-rabbit-jump .7s ease-in-out infinite;
}
.sour-emails-case__rabbit-right {
  right: 0;
  background: url('../images/rabbit-right-1.png') no-repeat center / contain;
  animation: right-rabbit-jump .8s ease-in-out infinite alternate-reverse;
}

@keyframes left-rabbit-jump {
  0%, 100% {
    background: url('../images/rabbit-left-1.png') no-repeat center / contain;
    transform: translate(15px, 0);
  }
  25%, 75% {
    background: url('../images/rabbit-left-3.png') no-repeat center / contain;
    transform: translate(0px, -50px);
  }
  50% {
    background: url('../images/rabbit-left-2.png') no-repeat center / contain;
    transform: translate(-15px, 0);
  }
}

@keyframes right-rabbit-jump {
  0%, 100% {
    background: url('../images/rabbit-right-1.png') no-repeat center / contain;
    transform: translate(-15px, 0);
  }
  25%, 75% {
    background: url('../images/rabbit-right-3.png') no-repeat center / contain;
    transform: translate(0px, -40px);
  }
  50% {
    background: url('../images/rabbit-right-2.png') no-repeat center / contain;
    transform: translate(15px, 0);
  }
}

@media (min-width: 500px) and (max-width: 768px) {
  /* отступ для пальца */
  .case-modern__slides {
    padding-right: 55px;
  }
}

/* strategy-for-bank */
.case-modern__right.strategy-for-bank.active {
  opacity: 1;
}

.case-modern__right.strategy-for-bank {
  top: calc(50% - 300px);
  right: calc(50% - 496px - 45px);
  width: 456px;
  height: 584px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.strategy-for-bank__wrapper {
  position: relative;
}

.strategy-for-bank__hand {
  z-index: -1;
  position: absolute;
  left: -100px;
  top: -55px;

  width: 354px;
  height: 336px;
  background: url('../images/bank-hand.png') no-repeat center / contain;
  animation: bank-hand-rotate .3s ease-in-out infinite;
  transform-origin: center;
}

.strategy-for-bank__wrapper {
  position: absolute;
  top: clamp(9vh, 7vh, 20px);
  animation: bank-hand-rotate .3s ease-in-out infinite;
  transform-origin: center 150px;
}

.strategy-for-bank__bank {
  z-index: 2;
  width: 324px;
  height: 500px;
  background: url('../images/bank-bank.png') no-repeat center / contain;
}

.strategy-for-bank__woman {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -45%);

  width: 180px;
  height: 378px;
  background: url('../images/bank-woman.png') no-repeat center / contain;
  animation: woman-bank-anim .3s ease-in-out infinite alternate-reverse;
  transform-origin: center;
}

@keyframes bank-hand-rotate {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-25px) rotate(2deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes woman-bank-anim {
  0% {
    transform: translate(-50%, -50%) rotate(24deg);
  }
  50% {
    transform: translate(-44%, -35%) rotate(32deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(27deg);
  }
}

/* emails-awad */
.case-modern__right.emails-awad.active {
  opacity: 1;
}

.case-modern__right.emails-awad {
  top: calc(50% - 300px);
  right: calc(50% - 496px - 45px);
  width: 456px;
  height: 584px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}
.emails-awad__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.emails-awad__bird-wrapper {
  position: relative;
  width: 100%;
  height: 362px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
}
.emails-awad__bird-content { grid-area: 1 / 1 / 2 / 3; }
.emails-awad__card2-content { 
  position: relative;
  grid-area: 2 / 1 / 3 / 2;
  width: auto;
  height: 216px;
}
.emails-awad__card3-content { 
  position: relative;
  grid-area: 2 / 2 / 3 / 3;
  width: auto;
  height: 216px;
}
.case-modern__right.emails-awad.active .email-awad__bird {
  animation: awad-bird 1s ease-in-out;
}
.emails-awad__man {
  position: absolute;
  width: 155%;
  left: -106px;
  height: 110%;
  bottom: -0.1%;
  background: url('../images/emails-awad-man.png') no-repeat center / contain;
}

.emails-awad__bird2 {
  position: absolute;
  width: 174%;
  left: -23px;
  height: 126%;
  bottom: -6.4%;
  background: url('../images/emails-awad-bird2.png') no-repeat center / contain;
}

@keyframes awad-bird {
  0% {transform: translateY(320px);}
  100% {transform: translateY(0);}
}
@keyframes tooltip-show {
  0% {transform: translateY(320px);}
  100% {transform: translateY(0);}
}

.emails-awad__bird-border {
  border: 3px solid #303030;
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 272px;
}

.email-awad__bird {
  position: absolute;
  bottom: -2px;
  left: 8%;

  width: 378px;
  height: 352px;
  background: url('../images/emails-awad-bird.png') no-repeat center / contain;
}
.emails-awad__bird-tooltip {
  opacity: 0;
  z-index: 10;
  position: absolute;
  top: 37%;
  left: -90px;

  width: 229px;
  height: 139px;
  background: url('../images/awad-emails-tooltip.png') no-repeat center / contain;
  transition: opacity .5s ease-in-out;

}

.emails-awad__feather {
  opacity: 0;
  position: absolute;
  z-index: 100;
  transition: all .5s ease-in-out;

}

.emails-awad__feather-1 {
  top: 23%;
  width: 110px;
  height: 90px;
  left: -13%;
  background: url('../images/feather1.png') no-repeat center / contain;
}

.emails-awad__feather-2 {
  top: 26%;
  width: 107px;
  height: 140px;
  left: 86%;
  background: url('../images/feather2.png') no-repeat center / contain;
}

.emails-awad__feather-3 {
  top: 56%;
  width: 107px;
  height: 140px;
  left: 33%;
  background: url('../images/feather3.png') no-repeat center / contain;
}
.case-modern__right.emails-awad.active .emails-awad__feather-1 {
  opacity: 1;
  transform: translateX(-20px);
  transition-delay: .5s;
}
.case-modern__right.emails-awad.active .emails-awad__feather-2 {
  opacity: 1;
  transform: translateX(20px);
  transition-delay: .6s;
}
.case-modern__right.emails-awad.active .emails-awad__feather-3 {
  opacity: 1;
  transform: translateY(10px);
  transition-delay: .7s;
}

.case-modern__right.emails-awad.active .emails-awad__bird-tooltip {
  /* animation: bird-tooltip 3s ease-in-out;
  animation-delay: ; */
  opacity: 1;
  transition-delay: 1s;

}
@keyframes bird-tooltip {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
.emails-awad__card2-content {
  /* background: url('../images/emails-awad-bottom-img.png') no-repeat center / contain; */
  border: 3px solid #303030;
  border-radius: 20px;
}
.emails-awad__card3-content {
  /* background: url('../images/emails-awad-bottom-img.png') no-repeat center / contain; */
  border: 3px solid #303030;
  border-radius: 20px;
}
.num-counter {
  overflow: hidden;
    position: relative;
    width: 1.85em;
    display: inline-flex;
    /* padding-right: 15px; */
    line-height: 1;
}

.num-counter__wrapper {
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0;
}

.case-modern__cup-icon-wrapper {
  position: relative;
}

.mob-only {
  display: inline-block;
}

.case-modern__cup-icon {
  display: inline-block;
  /* padding-left: .5rem; */
  width: 20px;
  height: 24px;
  transform: translateY(6px);
  background: url('../images/cup.png') no-repeat center / contain;
}

.case-modern__cup-icon:hover .case-modern__cup-descr {
  display: block;
}
.case-modern__cup-icon:hover {
  cursor: pointer;
}

.case-modern__cup-descr {
  z-index: 500;
  display: none;
  position: absolute;
  width: max-content;
  padding: 0.8em 1.1em;
  left: -4px;
  top: 45px;
  font-size: 14px;
  /* transform: translateX(-50%); */
  /* border: 1px solid #303030; */
  background-color: #303030;
  color: #fff;
}
.dark-theme .case-modern__cup-descr {
  background-color: #fff;
  color: #303030;
}
.case-modern__cup-descr::before {
  content: "";
  position: absolute;
  left: 15px;
  top: -12px;
  border: 8px solid transparent;
  border-bottom: 8px solid #303030;
  border-left: 8px solid #303030;
}
.dark-theme .case-modern__cup-descr::before {
  border-bottom: 8px solid #fff;
  border-left: 8px solid #fff;
}
@media (min-width: 1079px) {
  .case-modern__cup-icon-wrapper {
    padding-left: .5rem;
  }
  .mob-only {
    display: none;
  }
}

@media (max-width: 1080px) {

  .case-modern__cup-icon-wrapper {
    padding-left: 0;
  }

  .case-modern__cup-icon {
    width: 38px;
    height: 48px;
    background: url('../images/cup-mob.png') no-repeat center / contain;
  }

  .case-modern__cup-descr {
    left: 4px;
    top: 64px;
  }
  .dark-theme .case-modern__cup-descr {
    background-color: #303030;
    color: #fff;
  }
  .dark-theme .case-modern__cup-descr::before {
    border-bottom: 8px solid #303030;
    border-left: 8px solid #303030;
  }
}
/* .case-modern__cup-descr::after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
} */
/* .case-modern__cup-descr::after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
} */

/* .case-modern__cup-icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 24px;
} */

/* sp-hoff */
.case-modern__right.sp-hoff.active {
  opacity: 1;
}

.case-modern__right.sp-hoff {
  top: calc(50% - 280px);
  right: calc(50% - 496px - 55px);
  width: 516px;
  height: 574px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}
.sp-hoff__item {
  z-index: -1;
  position: absolute;
  left: 50%;
  width: 112px;
  height: 112px;
  transform: translateX(-50%);

}
.sp-hoff__chair {
  left: 50%;
  top: -600px;
  background: url('../images/hoff-chair.png') no-repeat center / contain;
  /* animation: hoff-chair 8s infinite linear; */
}
.sp-hoff__varezhki {
  top: -400px;
  left: 50%;
  background: url('../images/hoff-mittens.png') no-repeat center / contain;
  /* animation: hoff-varezhki 4s infinite linear; */
}
.sp-hoff__rastenie {
  top: -450px;
  left: 50%;
  background: url('../images/hoff-rastenie.png') no-repeat center / contain;
}
.sp-hoff__tapochki {
  top: -700px;
  left: 50%;
  background: url('../images/hoff-tapochki.png') no-repeat center / contain;
}

.sp-hoff__mouse {
  left: 50%;
  top: -600px;
  background: url('../images/hoff-sosiski.png') no-repeat center / contain;
}
.sp-hoff__sosiski {
  top: -400px;
  left: 50%;
  background: url('../images/hoff-mouse.png') no-repeat center / contain;
}

.sp-hoff__man-anim {
  z-index: -1;
  position: relative;
  animation: hoff__man-anim 8s linear infinite;
}
.sp-hoff__woman-anim {
  z-index: -1;
  position: relative;
  animation: hoff__woman-anim 8s linear infinite;
}
.sp-hoff__cat-anim {
  z-index: -1;
  position: relative;
  animation: hoff__cat-anim 8s linear infinite;
}

@keyframes hoff__man-anim {
  from {transform: translate(0, 0px);}
  to {transform: translate(0, 800px);}
}

@keyframes hoff__woman-anim {
  from {transform: translate(0, 0px);}
  to {transform: translate(0, 800px);}
}

@keyframes hoff__cat-anim {
  from {transform: translate(0, 0px);}
  to {transform: translate(0, 800px);}
}

/* .case-modern__right.sp-hoff.active .sp-hoff__chair {
  transform: translate(-50%, 800px);
  transition: transform 8s linear;
} */
/* .case-modern__right.sp-hoff.active .sp-hoff__varezhki {
  transform: translate(-50%, 400px);
  transition: transform 4s linear;
} */
/* .case-modern__right.sp-hoff.active .sp-hoff__rastenie {
  transform: translate(-50%, 1300px);
  transition: transform 14s linear;
}
.case-modern__right.sp-hoff.active .sp-hoff__tapochki {
  transform: translate(-50%, 650px);
  transition: transform 7s linear;
}

.case-modern__right.sp-hoff.active .sp-hoff__mouse {
  transform: translate(-50%, 800px);
  transition: transform 8s linear;
}
.case-modern__right.sp-hoff.active .sp-hoff__sosiski {
  transform: translate(-50%, 400px);
  transition: transform 4s linear;
} */



.sp-hoff__wrapper {
  overflow: hidden;
  display: grid;
  height: 100%;
  width: 100%;
  align-items: end;
  justify-items: center; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "sp-hoff__man sp-hoff__woman sp-hoff__cat";
}
.sp-hoff__col {
  position: relative;
  width: 112px;
  height: 112px;
}
.sp-hoff__man { grid-area: sp-hoff__man;
    background: url('../images/hoff-man.png') no-repeat center / contain;
}
.sp-hoff__woman { grid-area: sp-hoff__woman;
    background: url('../images/hoff-woman.png') no-repeat center / contain;
}
.sp-hoff__cat { grid-area: sp-hoff__cat;
    background: url('../images/hoff-cat.png') no-repeat center / contain;
}

/* hr-bot-case */
.case-modern__right.hr-bot-case.active {
  opacity: 1;
}

.case-modern__right.hr-bot-case {
  top: calc(50% - 330px);
  right: calc(50% - 676px);
  width: 516px;
  height: 574px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.hr-bot-case__wrapper {
  width: 100%;
  height: 100%;
}

.hr-bot-case__letter {
  z-index: 1;

  position: absolute;
  top: 0;
  left: -210px;

  animation: letter-anim 2s ease-in-out infinite;
}

.hr-bot-case__letter-1 {
  left: -37%;
  top: 0%;

  width: 207px;
  height: 207px;
  background: url('../images/letter1.png') no-repeat center / contain;
  animation-delay: 1s;
}

.hr-bot-case__letter-2 {
  top: 20%;
  left: -62%;

  width: 227px;
  height: 194px;
  background: url('../images/letter2.png') no-repeat center / contain;
}

.hr-bot-case__letter-3 {
  top: 47%;
  left: -83%;

  width: 320px;
  height: 315px;
  background: url('../images/letter3.png') no-repeat center / contain;
  animation-delay: .5s;
}

.hr-bot-case__robot-wrapper {
  position: relative;
  animation: robot-jump 2s ease infinite;
  animation-delay: 2s;
  animation-timing-function: ease-in;
}

.hr-bot-case__robot {
  z-index: 1;
  position: relative;
  right: 0;
  
  width: 434px;
  height: 464px;
  background: url('../images/robot-body.png') no-repeat center / contain;
}

.hr-bot-case__robot-leg {
  position: absolute;
}

.hr-bot-case__robot-leg-1 {
  top: 57%;
  left: -35%;

  width: 364px;
  height: 393px;
  background: url('../images/leg1.png') no-repeat center / contain;
  
  animation: robot-leg-1 1.5s ease-in infinite;
  transform-origin: right top;
  animation-direction: reverse;
}

.hr-bot-case__robot-leg-2 {
  top: 73%;
  left: 20%;

  width: 314px;
  height: 314px;
  background: url('../images/leg2.png') no-repeat center / contain;
  
  animation: robot-leg-2 1.5s ease-in infinite;
  transform-origin: left top;
}

@keyframes letter-anim {
  0% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(20px);
  }
}

@keyframes robot-jump {
  0% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(20px);
  }
}

@keyframes robot-leg-1 {
  0% {
    transform: rotate(-80deg);
  }
  50% {
    transform: rotate(-14deg);
  }
  100% {
    transform: rotate(-80deg);
  }
}

@keyframes robot-leg-2 {
  0% {
    transform: rotate(75deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(75deg);
  }
}

/* linii-lubvi */
.case-modern__right.linii-lubvi-case.active {
  opacity: 1;
}

.case-modern__right.linii-lubvi-case {
  top: calc(50% - 330px);
  right: calc(50% - 676px);
  width: 516px;
  height: 574px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}
.linii-lubvi-case .case-modern__right.linii-lubvi-case.active {
  top: 0;
  right: auto;
}

.linii-lubvi-case__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.linii-lubvi-case__hand {
  position: absolute;
  bottom: clamp(-380px, -38vh, 270px);
  left: -6vw;
  width: 847px;
  height: 572px;
  background: url('../images/hand.png') no-repeat center / contain;
}

.linii-lubvi-case__ring {
  position: absolute;
  top: -1.4%;
  left: 17%;
  width: 150px;
  height: 150px;
}

.linii-lubvi-case__ring-full {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  background: url('../images/ring.png') no-repeat center / contain;
  
  animation: linii-ring 8s ease-in-out infinite;
}
.linii-lubvi-case__ring-part {
  position: absolute;
  top: 0;
  left: 0;
  
  width: 100%;
  height: 100%;
  background: url('../images/ring-part.png') no-repeat center / contain;
  
  animation: linii-ring 8s ease-in-out infinite;
}

.linii-lubvi-case__effect {
  z-index: -2;
  position: absolute;
  width: 168px;
  height: 252px;

  /* background: url('../images/love.png') no-repeat center / contain; */
  animation: linii-effect 8s ease infinite;
  
}

@keyframes linii-effect {
  0% {background: url('../images/angry.png') no-repeat center / contain;}
  50% {background: url('../images/love.png') no-repeat center / contain;}
  60% {background: url('../images/love.png') no-repeat center / contain;}
  100% {background: url('../images/angry.png') no-repeat center / contain;}
}

@keyframes linii-ring {
  0% {transform: translate(-200px, -60px);}
  50% {transform: translate(0, 0);}
  60% {transform: translate(0, 0);}
  100% {transform: translate(-200px, -60px);}
}

.case-modern__right.rnkb-ny-game-case.active {
  opacity: 1;
}

.case-modern__right.rnkb-ny-game-case {
  z-index: 2;
  top: calc(50% - 330px);
  right: calc(50% - 676px);
  width: 516px;
  height: 574px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}
.case-modern__bg.rnkb-ny-game-case {
  background: #6fb6e46e;
}

.case-modern__right.x5clubb-case.active {
  opacity: 1;
}

.case-modern__right.x5clubb-case {
  z-index: 2;
  top: calc(50% - 330px);
  right: calc(50% - 676px);
  width: 516px;
  height: 574px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.x5clubb-case.active {
  opacity: 1;
}
.case-modern__bg.x5clubb-case {
background: url('../images/х5-клуб-min.png') no-repeat center / cover;
}


.rnkb-ny-game-case__image {
  z-index: 1;
  position: absolute;
  bottom: -10px;

  width: 967px;
  height: 646px;

  background: url('../images/image.png') no-repeat center / contain;
}
.rnkb-ny-game-case__hand {
  position: absolute;
  right: 22%;
  z-index: 3;
  top: 43%;
  z-index: 0;

  width: 145px;
  height: 190px;
  transform-origin: bottom left;

  background: url('../images/hand-2.png') no-repeat center / contain;
  animation: snowman 2s ease-in-out infinite;
}
.rnkb-ny-game-case__bg {
  height: 100%;
  background: url('../images/bg-2.png') no-repeat center 40px / contain;
}
.case-modern__right.rnkb-ny-game-case {
    top: auto;
    right: calc(50% - 346px);
    width: 516px;
    bottom: 0;
    height: 62vh;
}

.rnkb-ny-game-case__wrapper {
  position: absolute;
  bottom: 0;
  width: 967px;
  height: 646px;
}
@keyframes snowman {
  0% { transform: rotate(5deg) }
  50% { transform: rotate(20deg) }
  100% {transform: rotate(5deg)}
}

.case-modern__right.metro-emails-case.active {
  opacity: 1;
}
.metro-emails-case__wrapper {
  width: 100%;
  height: 100%;
}

.case-modern__right.metro-emails-case {
  z-index: 2;
  top: calc(50% - 300px);
  right: calc(50% - 386px);
  width: 516px;
  height: 574px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
  animation: metro-anim 5s ease-in-out infinite;
}

.metro-emails-case__image {
  width: 958px;
  height: 958px;
  background: url('../images/tiger-letter-image.png') no-repeat center / contain;
}

.case-modern__bg.metro-emails-case {
  background: #1A3C7B;
}

@keyframes metro-anim {
  0% {transform: translateY(0);}
  50% {transform: translateY(-20px);}
  100% {transform: translateY(0);}
}

.case-modern__right.metro-emails-case.active {
  opacity: 1;
}

.case-modern__right.metro-emails-case {
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.amp-bethoven-case.active {
  opacity: 1;
}

.case-modern__right.amp-bethoven-case {
  z-index: 2;
  top: calc(50% - 330px);
  right: auto;
  left: 50%;
  width: 516px;
  height: 654px;
  opacity: 0;
  transition: opacity 0.2s ease-in 0s;
}

.amp-bethoven-case__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.amp-bethoven-case__image {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.amp-bethoven-case__cat {
  position: absolute;
  bottom: 100px;
  width: 70%;
  max-width: 466px;
  height: 466px;
  background: url('../images/cat.png') no-repeat center / contain;
  animation: cat-couch-anim .8s ease-in-out infinite;
}

@keyframes cat-couch-anim {
  0% {transform: scale(1, 1) translateY(0);}
  50% {transform: scale(1, .8) translateY(8%);}
  100% {transform: scale(1, 1) translateY(0);}
}

@keyframes hand-bethoven-anim {
  0% {transform: scale(1, 1) translateY(0);}
  50% {transform: scale(1, .8) translateY(-3%);}
  100% {transform: scale(1, 1) translateY(0);}
}

.amp-bethoven-case__couch {
  z-index: -1;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 604px;
  height: 286px;
  background: url('../images/couch.png') no-repeat center / contain;
}

.amp-bethoven-case__hand {
  position: absolute;
  top: -90px;
  right: -280px;
  width: 130%;
  height: 543px;
  background: url('../images/hand-3.png') no-repeat center / contain;
  animation: hand-bethoven-anim .8s ease-in-out infinite;
  transform-origin: bottom;
}
.amp-bethoven-case__paw1 {
  z-index: -1;
  position: absolute;
  width: 336px;
  height: 437px;
  right: -260px;
  top: -140px;
  background: url('../images/paw1.png') no-repeat center / contain;
}
.amp-bethoven-case__paw2 {
  position: absolute;
  z-index: -2;
  bottom: -180px;
  width: 604px;
  height: 507px;
  right: -400px;
  background: url('../images/paw2.png') no-repeat center / contain;
}

@keyframes num-go-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30%);
  }
}
@media (max-width: 1080px){

	.case-modern_mob {
		display: none;
	}
	.num-counter__wrapper {
		animation: num-go-up 1.7s ease-in infinite;
		animation-direction: alternate;
	}

}

/* x5club1-case */
.case-modern__bg.x5club1-case-bg {
    background-image: url('../images/bg.jpg');
    background-position: center center;
}

.case-modern__right.x5club1-case {
    bottom: 0;
    top: 0;
    left: calc(50% - 70px);
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.x5club1-case.active {
    opacity: 1;
}

@keyframes x5club1CoinMove {
    0% { top: 0; transform: translateY(-100%); }
    100% { top: 100%; transform: translateY(0%); }
}

.x5club1-case__coin {
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    transform-origin: center center;
    animation: x5club1CoinMove 20s linear 0s infinite;
}

@keyframes x5club1CoinRotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.x5club1-case__coin::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    animation: x5club1CoinRotate 18s linear 0s infinite;
}

.x5club1-case__coin--1 {
    width: 180px;
    height: 179px;
    left: 0;
}

.x5club1-case__coin--1::before {
    background: url('../images/coin3.png') no-repeat 0 0 transparent;
}

.x5club1-case__coin--2 {
    width: 183px;
    height: 190px;
    left: 150px;
    animation-delay: -11.5s;
}

.x5club1-case__coin--2::before {
    background: url('../images/coin5.png') no-repeat 0 0 transparent;
    animation-direction: reverse;
}

.x5club1-case__coin--3 {
    width: 290px;
    height: 293px;
    left: 255px;
    animation-delay: -4s;
}

.x5club1-case__coin--3::before {
    background: url('../images/coin2.png') no-repeat 0 0 transparent;
    animation-duration: 22s;
}

.x5club1-case__coin--4 {
    width: 138px;
    height: 138px;
    left: 570px;
    animation-delay: -9s;
}

.x5club1-case__coin--4::before {
    background: url('../images/coin4.png') no-repeat 0 0 transparent;
}

.x5club1-case__coin--5 {
    width: 458px;
    height: 467px;
    left: 570px;
    animation-delay: 2s;
}

.x5club1-case__coin--5::before {
    background: url('../images/coin1.png') no-repeat 0 0 transparent;
    animation-duration: 25s;
    animation-direction: reverse;
}

/* vtbf1-case */
.case-modern__bg.vtbf1-case-bg {
    background-image: url('../images/bg2.jpg');
    background-position: center center;
}

.case-modern__right.vtbf1-case {
    bottom: 0;
    top: 0;
    left: 50%;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.vtbf1-case.active {
    opacity: 1;
}

@keyframes vtbfDragonJump {
    0% { top: 150%; transform: rotate(0deg); animation-timing-function: ease; }
    16% { top: 15%; transform: rotate(15deg); animation-timing-function: ease-in; }
    32% { top: 150%; transform: rotate(0deg); animation-timing-function: linear; }
    100% { top: 150%; transform: rotate(0deg); }
}

.vtbf1-case__dragon {
    width: clamp(300px, 62vh, 620px);
    background: url('../images/dragon1.png') no-repeat 0 0 / contain transparent;
    position: absolute;
    top: 150%;
    left: 0;

    transform-origin: 260px 510px;
    animation: vtbfDragonJump 6s ease 0s infinite;
}

.vtbf1-case__dragon::before {
    content: "";
    display: block;
    padding-top: 102.25%;
}

.vtbf1-case__dragon--2 {
    background-image: url('../images/dragon2.png');
    animation-delay: 2s;
}

.vtbf1-case__dragon--3 {
    background-image: url('../images/dragon3.png');
    animation-delay: 4s;
}

/* perekrestok1-case */
.case-modern__bg.perekrestok1-case-bg {
    background: linear-gradient(90deg, #1E8737 0%, #55C350 100%);
}

@keyframes perekrestokBg {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.perekrestok1-case-bg--inner  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(90deg, #005A28 0%, #1E8737 100%);
    animation: perekrestokBg 12s linear 0s infinite;
}

.case-modern__right.perekrestok1-case {
    bottom: 0;
    left: calc(50% - 30px);
    width: 750px;
    height: min(800px, 100% - 100px);
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.perekrestok1-case.active {
    opacity: 1;
}

@keyframes perekrestok1Star {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.perekrestok1-star {
    transform-origin: center center;
    animation: perekrestok1Star 10s linear 0s infinite;
    font-size: clamp(0.6px, 0.0925vh, 1px);
}

.perekrestok1-star1 {
    width: 164em;
    height: 164em;
    background: url('../images/star1.png') no-repeat 0 0 / contain transparent;

    position: absolute;
    top: 10%;
    left: calc(50% - 110em);
    margin-top: -82em;

    animation-delay: -5s;
}

.perekrestok1-star2 {
    width: 254em;
    height: 254em;
    background: url('../images/star2.png') no-repeat 0 0 / contain transparent;

    position: absolute;
    top: 30%;
    left: calc(50% - 440em);
    margin-top: -127em;

    animation-delay: -2s;
}

.perekrestok1-star3 {
    width: 569em;
    height: 569em;
    background: url('../images/star3.png') no-repeat 0 0 / contain transparent;

    position: absolute;
    top: 95%;
    right: 48%;
    margin-top: -285em;
}

.perekrestok1-bag {
    width: 749px;
    height: 100%;
    background: url('../images/bag.png') no-repeat top center / auto 100% transparent;

    position: absolute;
    bottom: 0;
    left: 0;
}

/* ekonika3-case */

.case-modern__right.ekonika3-case {
    top: 0;
    bottom: clamp(40px, 7.4vh, 80px);
    right: calc(50% - 650px);
    width: 560px;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;

    --animTime: 1.6s;
}

.case-modern__right.ekonika3-case.active {
    opacity: 1;
}

.ekonika3-box {
    position: absolute;
    bottom: 10px;
    left: calc(50% - 227px);
    width: 454px;
    height: 231px;
    background: url('../images/box.png') no-repeat top center transparent;
}

.ekonika3-item {
    position: absolute;
}

@keyframes ekonika3Shoes {
    0% { transform: translate(40px, 20px) scale(0.5); opacity: 0.7; animation-timing-function: ease-in; }
    50% { transform: translate(0px, 0px) scale(1); opacity: 1; animation-timing-function: ease-out; }
    100% { transform: translate(40px, 20px) scale(0.5); opacity: 0.7; }
}

.ekonika3-item--shoes {
    width: 191px;
    height: 227px;
    background: url('../images/shoes.png') no-repeat top center transparent;
    bottom: 220px;
    left: -75px;
    transform-origin: bottom right;
    opacity: 0.7;
    transform: translate(40px, 20px) scale(0.5);
    animation: ekonika3Shoes calc(var(--animTime)*2) ease-out 0s infinite;
    /* animation-direction: alternate; */
}

@keyframes ekonikaBoots {
    0% { transform: translate(0px, 105px) scale(0.5); opacity: 0.7; animation-timing-function: ease-in; }
    50% { transform: translate(0px, 0px) scale(1); opacity: 1; animation-timing-function: ease-out; }
    100% { transform: translate(0px, 105px) scale(0.5); opacity: 0.7; }
}

.ekonika3-item--boots {
    width: 197px;
    height: 262px;
    background: url('../images/boots.png') no-repeat top center transparent;
    bottom: 365px;
    left: calc(50% - 120px);
    transform-origin: bottom center;
    opacity: 0.7;
    transform: translate(0px, 105px) scale(0.5);
    animation: ekonikaBoots calc(var(--animTime)*2) ease-out 0s infinite;
    /* animation-direction: alternate; */
}

@keyframes ekonikaBag {
    0% { transform: translate(-55px, 20px) scale(0.5); opacity: 0.7; animation-timing-function: ease-in; }
    50% { transform: translate(0px, 0px) scale(1); opacity: 1; animation-timing-function: ease-out; }
    100% { transform: translate(-55px, 20px) scale(0.5); opacity: 0.7; }
}

.ekonika3-item--bag {
    width: 219px;
    height: 274px;
    background: url('../images/bag-2.png') no-repeat top center transparent;
    bottom: 205px;
    right: -20px;
    transform-origin: bottom left;
    opacity: 0.7;
    transform: translate(-55px, 20px) scale(0.5);
    animation: ekonikaBag calc(var(--animTime)*2) ease-out 0s infinite;
    /* animation-direction: alternate; */
}

/* fond1-case */

.case-modern__right.fond1-case {
    --leftColWidth: clamp(20px * 18, 3.3vh * 18, 36px * 18);
    --leftPos: max(50% - 600px + var(--leftColWidth), 4% + var(--leftColWidth));
    --blockWidth: min(100vw - var(--leftPos), 793px + 140px);

    left: var(--leftPos);
    width: var(--blockWidth);

    /* --topPos: clamp(20px + 56px + 50px, 3.7vh + 56px + 50px, 40px + 56px + 50px); */
    --blockHeight: clamp((60px + 48px + 10px)*3 + 100px + 80px + 44px + 40px, (9.9vh + 48px + 1.8vh)*3 + 14vh + 80px + 44px + 7.4vh, (108px + 48px + 20px)*3 + 130px + 80px + 44px + 80px);

    height: var(--blockHeight);
    bottom: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;

    font-size: min(var(--blockWidth)*0.0107, var(--blockHeight)*0.0132);
}

.case-modern__right.fond1-case.active {
    opacity: 1;
}

.fond1-person {
    position: absolute;
    left: 14em;
    bottom: 0;
    width: 79.3em;
    height: 75.4em;
    background: url('../images/person.png') no-repeat bottom left / contain transparent;
}

@keyframes fond1Wings {
    0% { transform: rotate(-30deg) scaleY(1); }
    30% { transform: rotate(-30deg) scaleY(0.9); }
    67% { transform: rotate(-30deg) scaleY(1); }
    100% { transform: rotate(-30deg) scaleY(1); }
}

.fond1-side-butterfly {
    position: absolute;
    width: 35.5em;
    height: 25.6em;
    background: url('../images/side-butterfly.png') no-repeat 0 0 / contain transparent;
    bottom: 40.5em;
    left: -14em;
    transform-origin: 50% 71%;
    transform: rotate(-30deg);
    animation: fond1Wings 2.2s linear 0s infinite;
}

.fond1-butterflies {
    position: absolute;
    bottom: -210px;
    right: 10%;
    width: 50%;
}

.fond1-butterfly {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 277px;
    height: 233px;
    margin-left: -138px;
}

.fond1-butterfly::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url('../images/front-butterfly.png') no-repeat center center / contain transparent;
    position: absolute;
    top: 0;
    left: calc(50% - 138px);
    transform-origin: center center;
}

.fond1-butterfly--1, .fond1-butterfly--5 { left: 0; }
.fond1-butterfly--2, .fond1-butterfly--6 { left: 33%; }
.fond1-butterfly--3, .fond1-butterfly--7 { left: 66%; }
.fond1-butterfly--4, .fond1-butterfly--8 { left: 100%; }

@keyframes fond1Butterfly {
    0% { transform: translateY(0); opacity: 1; }
    70% { opacity: 1; }
    100% { transform: translateY(-180%); opacity: 0; }
}

@keyframes fond1ButterflyLeft {
    0% { transform: translateX(0) rotate(0deg) scale(1); }
    100% { transform: translateX(-100px) rotate(-20deg) scale(0.5); }
}

@keyframes fond1ButterflyRight {
    0% { transform: translateX(0) rotate(0deg) scale(1); }
    100% { transform: translateX(100px) rotate(20deg) scale(0.5); }
}

.fond1-butterfly {
    animation: fond1Butterfly 3s linear 0s infinite;
    animation-fill-mode: forwards;
}

.fond1-butterfly--1 { animation-delay: 0.22s; }
.fond1-butterfly--2 { animation-delay: 0.57s; }
.fond1-butterfly--3 { animation-delay: 0s; }
.fond1-butterfly--4 { animation-delay: 0.33s; }
.fond1-butterfly--5 { animation-delay: 1.35s; }
.fond1-butterfly--6 { animation-delay: 1.9s; }
.fond1-butterfly--7 { animation-delay: 1.27s; }
.fond1-butterfly--8 { animation-delay: 1.58s; }

.fond1-butterfly::before {
    animation: fond1ButterflyLeft 0s linear 0s infinite;
    animation-duration: inherit;
    animation-delay: inherit;
    animation-fill-mode: forwards;
}

.fond1-butterfly--2::before,
.fond1-butterfly--3::before,
.fond1-butterfly--4::before,
.fond1-butterfly--6::before,
.fond1-butterfly--8::before {
    animation-name: fond1ButterflyRight;
}

/* wink1-case */
.case-modern__bg.wink1-case-bg {
    background: url('../images/bg-2.jpg') no-repeat top center #070707;
}

.case-modern__right.wink1-case {
    top: clamp(20px + 56px, 3.7vh + 56px, 40px + 56px);
    bottom: 0;
    right: max(4%, 50% - 600px);
    opacity: 0;
    width: 866px;
    margin-right: -270px;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.wink1-case.active {
    opacity: 1;
}

@keyframes wink1Light {
    to { transform: rotate(360deg); }
}

.wink1-light {
    position: absolute;
    width: 866px;
    height: 866px;
    background: url('../images/light.png') no-repeat center center transparent;
    top: calc(50% - 433px);
    left: calc(50% - 433px);
    transform-origin: center center;

    transform: rotate(0deg);
    animation: wink1Light 9s linear 0s infinite;
}

.wink1-objects {
    width: 300px;
    height: 300px;
    position: absolute;
    top: calc(50% - 150px);
    left: calc(50% - 150px);
}

@keyframes wink1Object {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }
    10% {
        opacity: 1;
        transform: scale(1);
    }
    20% {
        opacity: 0;
        transform: scale(0.6);
    }
}

.wink1-object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/objects.png') no-repeat 0 0 transparent;

    opacity: 0;
    transform: scale(0.6);
    animation: wink1Object 8.4s linear 0s infinite;
}

.wink1-object--2 { background-position: -300px 0; animation-delay: 1.2s; }
.wink1-object--3 { background-position: -600px 0; animation-delay: 2.4s; }
.wink1-object--4 { background-position: -900px 0; animation-delay: 3.6s;}
.wink1-object--5 { background-position: 0 -300px; animation-delay: 4.8s; }
.wink1-object--6 { background-position: -300px -300px; animation-delay: 6s; }
.wink1-object--7 { background-position: -600px -300px; animation-delay: 7.2s; }

/* fond2-case */

.case-modern__right.fond2-case {
    font-size: clamp(1px, 0.165vh, 1.8px);

    top: calc(50% - 208em + 67em);
    /* bottom: -16em; */
    left: 50%;
    width: 600px;
    height: 416em;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.fond2-case.active {
    opacity: 1;
}

@keyframes fond2Move {
    0% { transform: translate(0px, 0px); }
    100% { transform: translate(-13.56%, -10.7%); }
}

@keyframes fond2Move2 {
    0% { transform: translate(0px, 0px); }
    100% { transform: translate(-13%, -7.77%); }
}

.fond2-snow {
    position: absolute;
    left: 260em;
    bottom: 32em;
    width: 241em;
    height: 364em;
    background: url('../images/snow.png') no-repeat bottom left / contain transparent;
    animation: fond2Move2 0.7s ease-in-out 0.1s infinite alternate;
}

.fond2-person {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 366em;
    height: 414em;
    background: url('../images/person-2.png') no-repeat bottom left / contain transparent;
    animation: fond2Move 0.7s ease-in-out 0s infinite alternate;
}

/* sushi1-case */

.case-modern__right.sushi1-case {
    font-size: min(0.067vw, 0.1vh);

    top: clamp(20px + 56px + 10px, 3.7vh + 56px + 10px, 40px + 56px + 10px);
    bottom: 0;
    margin: auto 0;
    left: 50%;
    width: 745em;
    max-width: 745px;
    height: 690em;
    max-height: 690px;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.sushi1-case.active {
    opacity: 1;
}

.sushi1-woman {
    font-size: min(1px, 1em);
    position: absolute;
    top: 0;
    left: 0;
    width: 326em;
    height: 688em;
}

.sushi1-woman-body {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../images/woman.png') no-repeat 0 0 / contain transparent;
}

@keyframes sushi1Hand1 {
    0% { transform: rotate(0deg); }
    6% { transform: rotate(20deg); }
    12% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}

.sushi1-woman-hand {
    position: absolute;
    top: 326em;
    left: 258em;
    width: 130em;
    height: 178em;
    background: url('../images/woman-hand.png') no-repeat 0 0 / contain transparent;
    transform-origin: 10% 93%;
    animation: sushi1Hand1 1.5s linear 0s infinite;
}

.sushi1-man {
    font-size: min(1px, 1em);
    position: absolute;
    top: 0;
    left: 363em;
    width: 383em;
    height: 656em;
}

.sushi1-man-body {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../images/man.png') no-repeat 0 0 / contain transparent;
}

@keyframes sushi1Hand2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(0.3deg); }
}

.sushi1-man-hand {
    position: absolute;
    top: 338em;
    right: 224em;
    width: 309em;
    height: 155em;
    background: url('../images/man-hand.png') no-repeat 0 0 / contain transparent;
    transform-origin: 100% 0;
    animation: sushi1Hand2 0.1s linear 0s infinite alternate;
}

/* x5club2-case */

.case-modern__right.x5club2-case {
    font-size: min(1px, 0.1vh);

    top: clamp(20px + 56px + 10px, 3.7vh + 56px + 10px, 40px + 56px + 10px);
    bottom: 0;
    margin: auto 0;
    left: 50%;
    width: 762px;
    height: 670em;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.x5club2-case.active {
    opacity: 1;
}

.x5club2-scales {
    width: 536em;
    height: 238em;
    background: url('../images/scale.png') no-repeat 0 0 / contain transparent;
    position: absolute;
    bottom: 0;
    left: 160em;
}

@keyframes x5club2Scales {
    0% { transform: rotate(10deg); }
    35% { transform: rotate(-10deg); }
    100% { transform: rotate(10deg); }
}

.x5club2-people {
    width: 754em;
    height: 487em;
    background: url('../images/people.png') no-repeat 0 0 / contain transparent;
    position: absolute;
    bottom: 178em;
    left: -160em;
    transform-origin: 55% 90%;
    animation: x5club2Scales 3.5s linear 0s infinite;
}

/* winlab1-case */
.case-modern__right.winlab1-case {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 600px;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.winlab1-case.active {
    opacity: 1;
}

@keyframes winlab1Toad {
    0% { transform: rotate(-2deg); }
    100% { transform: rotate(2deg); }
}

.winlab1-toad {
    width: 704px;
    height: min(685px, 70%);
    background: url('../images/toad.png') no-repeat bottom center / contain transparent;
    position: absolute;
    bottom: -8%;
    left: 0;

    transform-origin: bottom center;
    animation: winlab1Toad 5s linear 0s infinite alternate;
}

/* paket1-case */
.case-modern__right.paket1-case,
.case-modern__right.selgros1-case {
    top: clamp(20px + 56px + 30px, 3.7vh + 56px + 30px, 40px + 56px + 30px);
    bottom: 0;
    left: 50%;
    width: min(720px, 50vw + 25px);
}

.paket1-email {
    position: absolute;
    width: 372px;
    height: min(758px, 100% + 30px);
    transform-origin: bottom right;
    opacity: 0;
}

.case-modern__right.active .paket1-email {
    opacity: 1;
    transition: opacity 0.25s linear, transform 0.35s ease-out;
}

.paket1-email img {
    display: block;
    width: auto;
    height: 100%;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.paket1-email--1 {
    bottom: -30px;
    right: 0;
    transform: rotate(3deg);
}

.case-modern__right.active .paket1-email--1 {
    transition-delay: 0.2s, 0.2s;
    transform: rotate(0deg);
}

.paket1-email--2 {
    bottom: -5px;
    right: 60px;
    transform: rotate(-20deg);
}

.case-modern__right.active .paket1-email--2 {
    transition-delay: 0.3s, 0.3s;
    transform: rotate(-23deg);
}

.paket1-email--3 {
    bottom: -80px;
    right: 160px;
    transform: rotate(-33deg);
}

.case-modern__right.active .paket1-email--3 {
    transition-delay: 0.4s, 0.4s;
    transform: rotate(-36deg);
}

/* bank1-case */
.case-modern__right.bank1-case {
    font-size: min(1px, 0.1vh);
    position: absolute;
    top: 0;
    bottom: clamp(40px, 7.4vh, 80px);
    margin-bottom: calc(65px + 35em);
    left: 0;
    right: 0;
    overflow: hidden;
    opacity: 0;
    width: auto;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.bank1-case.active {
    opacity: 1;
}

.bank1-width {
    left: 50%;
    position: absolute;
    width: min(600px, 50vw);
    bottom: 0;
}

.bank1-meter {
    width: 764em;
    height: 414em;
    background: url('../images/meter.png') no-repeat bottom center / contain transparent;
    position: absolute;
    bottom: 100em;
    left: calc(50% - 382em);
}

@keyframes bank1Clockhand {
  0% { transform: rotate(-72deg); animation-timing-function: cubic-bezier(0.5, 0, 0.8, 0.3); }
  16% { transform: rotate(72deg); animation-timing-function: linear; }

  18% { transform: rotate(65deg); }
  20% { transform: rotate(72deg); }
  22% { transform: rotate(67deg); }
  24% { transform: rotate(72deg); }

  50% { transform: rotate(72deg); }
  95% { transform: rotate(-72deg); }
  100% { transform: rotate(-72deg); }
}

.bank1-clockhand {
    width: 38em;
    height: 352em;
    background: url('../images/clockhand.png') no-repeat bottom center / contain transparent;
    position: absolute;
    bottom: -10em;
    left: calc(50% - 19em);
    transform-origin: 20em 322em;
    transform: rotate(-72deg);
}

.case-modern__right.active .bank1-clockhand {
    animation: bank1Clockhand 6s linear 1.5s infinite;
}

.bank1-round {
    width: 96em;
    height: 91em;
    background: url('../images/round.png') no-repeat center center / contain transparent;
    position: absolute;
    bottom: -30em;
    left: calc(50% - 48em);
}

@keyframes bank1People {
    0% { transform: translateX(0); }
    40% { transform: translateX(calc(100vw + 760em)); }
    100% { transform: translateX(calc(100vw + 760em)); }
}

.bank1-people {
    width: 756em;
    height: 344em;
    background: url('../images/people-2.png') no-repeat bottom center / contain transparent;
    position: absolute;
    bottom: 0;
    left: -760em;
}

.case-modern__right.active .bank1-people {
    animation: bank1People 6s ease-in 0s infinite;
}

/* hoff6-case */
.case-modern__bg.hoff6-case-bg {
    background-color: #f3e2e3;
}

.hoff6-case__wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    height: 100%;
    background-color: #f3e2e3;

    font-size: clamp(20px, 3.3vh, 36px);
}

.hoff6-case__gradient-left {
    position: absolute;
    left: -10px;
    width: 25em;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, #F3E2E3 0%, #F3E2E3 10%, rgba(243, 226, 227, 0) 100%);
    pointer-events: none;
    z-index: 2;
    transform: translateZ(0);
}

.hoff6-case__gradient-right {
    position: absolute;
    right: -10px;
    width: 10em;
    top: 0;
    bottom: 0;
    background: linear-gradient(-90deg, #F3E2E3 0%, #F3E2E3 20%, rgba(243, 226, 227, 0) 100%);
    pointer-events: none;
    z-index: 2;
    transform: translateZ(0);
}

.hoff6-case__video {
    display: block;
    height: 100% !important;
    width: auto;
    filter: brightness(1);
}

/* crmgames-case */
.case-modern__right.crmgames-case {
    font-size: min(1px, 0.1vh);

    top: 0;
    bottom: clamp(40px, 7.4vh, 80px);
    left: 50%;
    width: 600px;

    opacity: 0;
    transition: opacity 0.2s ease-in 0s;

    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

.case-modern__right.crmgames-case.active {
    opacity: 1;
}

.crmgames-case__wrapper {
    position: relative;
    display: inline-block;
    flex: 0 1 auto;
}

.crmgames-case__tiger {
    position: relative;
    width: 100%;
    max-width: 561px;
    height: auto;
}

.crmgames-case__scissors {
    position: absolute;
    width: 219px;
    height: 222px;
    left: 49%;
    bottom: -17%;
    animation: scissors 2s ease-in-out infinite;
}

.crmgames-case__scissors-item {
    position: absolute;
    width: 100%;
    height: auto;
}

.crmgames-case__scissors-item-1 {
    z-index: 1;
    left: 13%;
    top: -7%;
    animation: scissors-1 2s ease-in-out infinite;
}

.crmgames-case__scissors-item-2 {
    animation: scissors-2 2s ease-in-out infinite;
}

@keyframes scissors {
    0% { transform: translate(-20%, -20%); }
    50% { transform: translate(0px, 0px); }
    100% { transform: translate(-20%, -20%); }
}

@keyframes scissors-1 {
    0% { transform: rotate(-15deg); } 
    50% { transform: rotate(0deg); } 
    100% { transform: rotate(-15deg); } 
}

@keyframes scissors-2 {
    0% { transform: rotate(15deg); } 
    50% { transform: rotate(0deg); } 
    100% { transform: rotate(15deg); } 
}

/* pro32-case */
.case-modern__right.pro32-case {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 600px;
    opacity: 0;
    transition: opacity 0.2s ease-in 0s;
}

.case-modern__right.pro32-case.active {
    opacity: 1;
}

@keyframes case-pro32 {
    100% { background-position: -1320em 0px;}
}

.pro32__person {
    font-size: min(1px, 0.1vh);
    width: 660em;
    height: 660em;
    position: absolute;
    top: calc(50% - 330em);
    left: calc(50% - 330em);
    background: url('../images/pro32-person.png') no-repeat 0 0 / 1320em auto transparent;
    animation: case-pro32 steps(2, end) 1s infinite;
}
/* End */


/* Start:/local/templates/emx2023/css/whitepapers.css?17810129608999*/
.whitepapers {
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  padding-top: 75px;
}

/* показываем блоки */
.whitepapers .active {
  display: block;
}

@media (max-width: 1079px) {
  .whitepapers {
    font-size: 16px;
  }
}

/* display none по умолчанию для блоков */
.whitepapers__get-manual,
.whitepapers__main-state,
.whitepapers__catch {
  display: none;
}

.whitepapers__all-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #999;
  font-size: 26px;
  line-height: 31.20px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 1.5em;
  transition: none !important;
}
@media (max-width: 1079px) {
  .whitepapers__all-link {
    font-size: 20px;
  }
}
.whitepapers__all-link > svg {
  margin-right: 15px;
  margin-bottom: 0.1em;
}
.whitepapers__all-link:after {
  content: url('../images/whitepapers-arrow-left.svg') no-repeat center / contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 19px;
  /* background: url('../images/whitepapers-arrow-left.svg') no-repeat center / contain; */
}
.whitepapers__all-link:hover svg > path {
  fill: var(--pink-color);
}
.whitepapers__all-link:hover {
  color: var(--pink-color);
}

.whitepapers__title {
  font-size: 54px;
  font-family: var(--font-family-accent);
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.8em;
}
@media (max-width: 1079px) {
  .whitepapers__title {
    font-size: 32px;
  }
}
@media (max-width: 425px) {
  .whitepapers__title {
    font-size: 27px;
  }
}
@media (max-width: 375px) {
  .whitepapers__title {
    font-size: 20px;
  }
}

.whitepapers__content-wrapper {
  display: flex;
  gap: 76px;
  margin-bottom: clamp(50px, 13.8vh, 150px);
}
@media (max-width: 1079px) {
  .whitepapers__content-wrapper {
    gap: 50px;
  }
}
@media (max-width: 768px) {
  .whitepapers__content-wrapper {
    flex-direction: column-reverse;
    align-items: center;
    gap: 25px;
  }
}

.whitepapers__text {
  flex-shrink: 0;
  width: 100%;
  max-width: 563px;
  line-height: 1.65;
}
@media (max-width: 1079px) {
  .whitepapers__text {
    max-width: 450px;
  }
}

.whitepapers__image {
  width: 100%;
  margin: 0 auto;
  /* margin-right: -100px; */
}
@media (max-width: 768px) {
  .whitepapers__image {
    max-width: 450px;
  }
}

.whitepapers__image img {
  width: 100%;
  height: auto;
}

.whitepapers__fly-image img {
  max-width: 450px;
  height: auto;
  display: block;
}

.whitepapers__descr {
  margin-bottom: 50px;
  font-size: clamp(16px, 11vh, 20px);
}
@media (max-width: 375px) {
  .whitepapers__descr {
    font-size: clamp(16px, 11vh, 16px);
  }
}

.whitepapers__form {

}

.form {
  width: 350px;
}

.whitepapers__form-item {
  position: relative;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  margin-bottom: 40px;
}

.whitepapers__field {
  border-bottom: 3px solid #303030;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  -webkit-appearance: none;
  appearance: none;
}

.whitepapers__field::placeholder {
  opacity: 0;
  transition: opacity .3s;
}

.whitepapers__field:focus-within::placeholder,
.whitepapers__field:focus::placeholder {
  opacity: 1;
}

.whitepapers__field:focus-visible {
  outline: none;
}

.whitepapers__field:focus {
  outline: none;
}

.whitepapers__field:not(:placeholder-shown) + .whitepapers__label,
.whitepapers__field:focus-visible + .whitepapers__label {
  color: var(--main-color);
  transform: translate(0, -35px) scale(1);
}

.whitepapers__field:not(:placeholder-shown) + .whitepapers__label,
.whitepapers__field:focus + .whitepapers__label {
  color: var(--main-color);
  transform: translate(0, -35px) scale(1);
}

.whitepapers__label {
  position: absolute;
  top: .4em;
  left: 0;
  transform: translate(0, 4px) scale(1);
  font-weight: inherit;
  font-size: inherit;
  color: #909090;
  transition: all .3s;
}

.form__submit {
  display: block;
  width: 100%;
  min-width: 210px;
  border: 2px solid transparent;
  border-radius: 6px;
  margin-top: 25px;
  padding: 9px 15px;
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  font-family: inherit;
  transition: background-color 0.2s linear;
}

.form__submit_blue {
  background-color: #2E9AFF;
}

.form__submit:hover {
  background-color: #FFFFFF;
  cursor: pointer;
  transition: background-color 0.2s linear;
}

.form__submit:focus-visible {
  border: 2px solid #ffffff;
  outline: none;
}

.form__submit:focus {
  border: 2px solid #ffffff;
  outline: none;
}

.whitepapers__form-btn {
  margin-bottom: 30px;
}

.whitepapers__policy {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #7E7E7E;
  padding-top: 10px !important;
}

.whitepapers__policy a {
  color: var(--pink-color);
}

/* Состояние после отправки */
.whitepapers__catch-title {
  margin-bottom: 1.5em;
}

.wp-mailboxes__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.wp-mailboxes__link {
  display: flex;
  width: 100px;
  aspect-ratio: 1 / 1;
  border: 3px solid #999;
}

@media (max-width: 425px) {
  .wp-mailboxes__link {
    width: 100%;
  }
  .wp-mailboxes__item {
    width: 29.8%;
  }
}

.whitepapers__catch-thx {
  max-width: 390px;
}

.wp-mailboxes__link svg {
  width: 49%;
  max-width: 46px;
  height: auto;
  margin: auto;
}

.wp-social-links__title {
  text-align: left;
  margin-bottom: 2em;
}

.wp-social-links__title span {
  width: 100%;
  text-align: left;
  padding: 0;
}

.wp-social-links__title::before,
.wp-social-links__title::after {
  content: none;
}

.wp-social-links__list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1.5rem;

}

.wp-social-links__list::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 79px;
  width: 70px;
}

.wp-social-links__link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-weight: 900;
  text-transform: uppercase;
}

.wp-social-links__link:hover {
  color: var(--pink-color);
}

.wp-social-links__item {
  position: relative;
  padding: 1.8em 0 1.8em 4.5em;
}

.wp-social-links__item::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 3em;
  height: 4em;
  background: url('../images/wp-social-cat.png') no-repeat center / contain;
}

.wp-social-links__item:nth-child(2)::after {
  background: url('../images/wp-social-kva.png') no-repeat center / contain;
}

.wp-social-links__item:nth-child(3)::after {
  background: url('../images/wp-social-fish.png') no-repeat center -8px / contain;
}

.whitepapers__creative-title span {
  width: auto;
}

.whitepapers__creative.hidden {
  display: none;
}

.content-banner {
  border: 3px solid var(--main-color);
  padding: clamp(20px, 10vw, 100px);
  padding-top: clamp(20px, 10vw, 50px);
  padding-bottom: clamp(0px, 10vw, 50px);
  background: url('../images/light-banner-bg.png') no-repeat center / cover;
}

.content-banner__title {
  font-size: clamp(1.5625rem, 1.2411rem + 1.6071vw, 2.6875rem);
  line-height: 1.2;
  font-family: var(--font-family-accent);
  margin-bottom: 0.6em;
}

.content-banner__descr {
  margin-bottom: 1.8em !important;
}

.content-banner__btn {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 1.3em 2.8em;
  text-transform: uppercase;
  background-color: var(--pink-color);
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
}

@media (max-width: 1079px) {
  .content-banner__btn {
    padding: 1.3em 1.2em;
  }
}

.content-banner__btn:hover {
  color: #fff;
}

.state-from-letter {
  color: #999;
}

.state-from-letter .whitepapers__creative {
  display: none;
}

.whitepapers__wait {
  font-weight: 900;
  text-transform: uppercase;
  color: var(--main-color);
}

@media (max-width: 1079px) {
  .whitepapers__wait {
    font-size: 16px;
  }
}

.whitepapers__wait a {
  color: var(--pink-color);
}

.content-creative-img {
  max-width: 1200px;
  margin: 0 auto;
}

.content-creative-img picture img {
  width: 100%;
}

.whitepapers__form-btn--loading {
  pointer-events: none;
}

.whitepapers__form-btn--loading button {
  background: #999;
  border-color: #999;
}

.whitepapers__form-btn--loading span {
  visibility: hidden;
  opacity: 0;
}

.whitepapers__form-btn--loading button::after {
  content: "";
  position: absolute;
  width: 2em;
  height: 2em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 0.3em solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}
/* End */


/* Start:/local/templates/emx2023/css/media.css?178101296039948*/
@media (max-width: 1320px) {

    .awards-outer {
        width: 100%;
    }

    .awards-slider {
        width: calc(100% + 20px);
    }

    .awards-slider__item {
        height: 300px;
        font-size: 16px;
    }

}

@media (max-width: 1280px) {

  .tiger-winner-image {

    max-width: 150px;
  }
    .page-header {
        padding: 30px 0 22px;
        height: 108px;
    }

    .hero__subtitle {
        font-size: 68px;
    }

    .title-re {
        font-size: 42px;
    }

    .lines-re {
        margin-bottom: 90px;
    }
    .layout-title {
      text-align: left;
      /* margin-bottom: 90px; */
    }

    #contactme .deco-hand--left {
        transform: scale(0.7);
        left: -45px;
    }

    #contactme .deco-hand--right {
        transform: scale(0.7) scaleX(-1);
        right: -45px;
    }

    .popup-new_title {
        font-size: clamp(30px, 5vh, 40px);
    }

    .get-present {
        top: calc(100% - 10px);
    }

    .present-link {
        left: 200px;
        bottom: 100%;
        transform: scale(0.7);
    }

    .services-page .present-link {
        margin-bottom: -50px;
    }

    .main-cases__item {
        max-width: 480px;
    }

    .main-cases__title {
        font-size: clamp(20px, 3.3vh, 30px);
    }

    .main-cases_right {
        left: 500px;
    }

    .main-cases__info {
        font-size: 18px;
    }

    .reviews__author {
        font-size: 16px;
    }

    .footer__menu {
        font-size: 18px;
        padding: 60px 0;
    }

    .footer__menu .cols-re {
        grid-gap: 40px;
    }

    .layout-main-title {
      font-size: 70px;
    }
    .main-screen-title {
      font-size: 70px;
  }
}


@media (min-width: 1080px) {

    /* .awards-slider__title br {
        display: none;
    } */

}

@media (max-width: 1079px) {

    .tiger-winner-image {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      max-width: 160px;
      width: 100%;
      height: auto;
    }

    body.overflow-menu {
        overflow: hidden;
    }

    .job {
      font-size: 16px;
    }
    .job__clients-text {
      font-size: 16px;
      font-family: var(--font-family);
    }
    .wrapper .container {
        width: calc(100% - 40px);
    }
    .jobs_clients .reviews {
      font-size: 16px !important;
      font-family: var(--font-family);
    }
    .button-re {
        font-size: 18px;
        height: 100px;
    }

    .button-shadow:before {
        display: none;
    }

    .top-info {
        padding: 20px 40px;
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
        position: relative;
    }

    .top-info .container {
        position: static;
    }

    .top-info__text {
        max-width: 500px;
        padding-right: 0;
        padding-left: 0;
        margin: 0 auto;
    }

    .top-info__text .point {
        width: 5em;
    }

    .top-info__close {
        top: 25px;
        right: 20px;
        width: 16px;
        height: 16px;
        background-size: 16px auto;
    }

    /* camp banners */

    .top-camp {
        font-size: 14px;
    }

    .top-camp__inner {
        padding: 14px 0;
    }

    .top-camp__inner > span {
        display: inline-block;
        white-space: normal;
    }

    .top-camp__place > span {
        display: none;
    }

    .footer-camp {
        padding: 55px 0 20px;
        background: url('../images/hero-mushroom.png') no-repeat bottom 65px left calc(50% - 155px) / 95px auto, url('../images/hero-cone.png') no-repeat top 20px right calc(50% - 160px) / 140px auto #303030;
    }

    .footer-camp__title {
        font-size: min(48px, 12vw);
        line-height: 1.1;
    }

    .footer-camp__text {
        font-size: 18px;
    }

    .footer-camp__link {
        font-size: 26px;
        margin-top: 48px;
    }

    .footer-camp__note {
        margin-top: 65px;
        font-size: 14px;
    }

    .footer-camp__words {
        display: none;
    }

    /* camp banners END */

    .header-place {
        position: relative;
        height: 96px;
    }

    .page-header {
        padding: 30px 0 20px;
        min-height: 96px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        min-width: 320px;
        height: auto;
    }

    .page-header--blog {
        position: relative;
        margin-bottom: 20px;
    }

    .page-header:not(.page-header--blog) > .container {
        display: block;
    }

    .page-header--blog .search_btn {
        margin-left: auto;
    }

    .page-header .logo-re {
        width: 90px;
        flex-basis: 90px;
    }

    .page-header.floating .header__contact {
        display: none;
    }

    .main-menu {
        padding: 40px 0 60px;
        margin: 0;
        display: none;
    }

    .main-menu > ul {
        display: block;
        font-size: 16px;
        line-height: 1.2;
        text-align: center;
    }

    .main-menu > ul > li + li {
        margin-left: 0;
        margin-top: 20px;
    }

    .main-menu > ul > li > a:hover {
        color: var(--main-color);
    }

    .main-menu > ul > li.parent-re > a {
        padding-right: 20px;
    }

    .main-menu > ul > li > ul {
        position: static;
        border: 0 none;
        background: transparent;
        text-align: center;
        font-weight: 500;
        text-transform: none;
        width: auto;
        margin-top: 20px;
    }

    .main-menu > ul > li:hover > ul {
        display: none;
    }

    .main-menu > ul > li.parent-re.active > ul {
        display: block;
    }

    .main-menu > ul > li > ul > li + li {
        margin-top: 20px;
    }

    .main-menu > ul > li > ul a,
    .main-menu > ul > li > ul span {
        padding: 0;
        display: inline;
    }

    .main-menu > ul > li > ul a:hover,
    .no-touch .main-menu > ul > li > ul a:hover {
        background: transparent;
        color: inherit;
    }

    #showmenu-new {
        display: block;
    }

    .page-header.opened:before {
        /* content: ""; */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 3px solid var(--main-color);
        background: url('../images/bg.png') repeat top center #fff;
    }

    .page-header.floating {
        position: absolute;
        background: transparent;
    }

    @supports (backdrop-filter: blur(40px)) {

        .page-header.floating {
            background: transparent;
            backdrop-filter: none;
        }
    
    }

    .page-header.opened.floating .main-menu {
        display: block;
    }

    .page-header.opened {
        padding: 0;
        min-height: auto;
        position: fixed;
        top: 0;
        left: 0;
        min-width: 320px;
        height: 100%;
        width: 100%;
        overflow-y: auto;
        z-index: 105;
        background: url('../images/bg.png') repeat 0 0 #fff;
        border: 2px solid #000;
    }

    .page-header.opened .container {
        padding: 29px 0 clamp(20px, 5vh, 50px);
        min-height: 100%;

        display: flex;
        flex-flow: column nowrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .page-header.opened .main-menu {
        display: block;
        padding: clamp(20px, 15vh - 80px, 60px) 0 0;
        width: 100%;
    }

    .page-header.opened .logo-re {
        margin-left: -2px;
        flex-basis: auto;
    }

    .page-header.opened #showmenu-new {
        top: 30px;
        right: 20px;
    }

    .page-header .header__contact {
        padding: 30px 0 0;
        margin: auto 0;
        text-align: center;
        width: 100%;
    }

    .page-header.opened .header__contact {
        display: block;
    }

    .page-header .header__contact::after {
        content: "";
        display: block;
        width: clamp(150px, 28.5vh, 264px);
        height: clamp(150px, 28.5vh, 264px);
        margin: clamp(20px, 5.2vh, 40px) auto 0;
        background: url('../images/menu-tiger.png') no-repeat center center transparent;
        background-size: contain;
    }

    .page-header .contact-us {
        display: inline-flex;
        vertical-align: top;
        font-size: 20px;
        color: #fff !important;
        text-decoration: none;
        padding: 10px 30px;
        line-height: 30px;
        height: 80px;
        text-align: center;
        border: 3px solid var(--pink-color);
        margin: 0 auto;
        font-family: var(--font-family);
        font-weight: 800;
        background: var(--pink-color);
        position: relative;
        white-space: nowrap;
        width: 100%;
        max-width: 500px;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    /* for blog */
    .page-header--blog > .container {
        flex-flow: row wrap;
    }

    .page-header--blog .logo-re,
    .page-header--blog #showmenu-new,
    .page-header--blog .main-menu {
        z-index: 10;
    }

    .page-header--blog.opened {
        z-index: 1005;
    }

    .page-header--blog.opened:before {
        z-index: 5;
    }

    .page-header--blog.opened > .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-header--blog .main-menu {
        flex: 1 0 100%;
    }

    .page-header--blog .search_btn {
        position: absolute;
        top: 35px;
        right: 96px;
    }

    .page-header--blog.opened .search_btn {
        top: 33px;
        right: 94px;
        display: none;
    }

    .page-header--blog #showmenu-new {
        position: absolute;
        top: 30px;
        right: 20px;
        margin-left: 0;
    }

    .page-header--blog.opened #showmenu-new {
        top: 28px;
        right: 18px;
    }    
    /* for blog END */

    .main-page,
    .all-font {
        font-size: 16px;
    }

    .hero {
        text-align: center;
    }

    .hero h1 {
        padding-top: 280px;
        font-size: 22px;
        margin: 0;
    }

    

    @keyframes heartOpacity {
        0% { opacity: 0.23; }
        100% { opacity: 1; }
    }

    .hero__heart {
        top: 0;
        left: -20px;
        right: -20px;
        bottom: auto;
        height: 250px;
        background-size: auto 100%;
        background-position: top center;
        animation: heartOpacity 2.4s linear 0s infinite alternate;
        transition: none;
    }

    .hero__subtitle {
        font-size: 44px;
        line-height: 1.24;
        white-space: normal;
        margin: 0 auto;
        max-width: 400px;
        padding-bottom: 60px;
    }

    @keyframes movingPart {
        0% { top: 0px; }
        100% { top: -75px; }
    }

    #moving-part {
        display: block;
        margin-left: 0 !important;
        margin-top: 75px;
        position: relative;
        animation: movingPart 2.4s ease-in-out 0s infinite alternate;
    }

    #moving-part:after {
        content: "";
        width: 30px;
        height: 30px;
        background: url('../images/deco-cursor.png') no-repeat 0 0 transparent;
        background-size: 100% auto;
        position: absolute;
        top: calc(100% - 15px);
        left: calc(50% + 115px);
    }

    .hero__top .button-re .text-d {
        display: none;
    }

    .hero__top .button-re .text-m {
        display: inline;
    }

    .hero .cols-re {
        margin-top: 100px;
    }

    .cols-re {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .title-re {
        font-size: 32px;
        line-height: 1.1;
    }

    .text-re {
        max-width: 100%;
    }

    * + .section--main {
        margin-top: 100px;
    }

    .main-trust {
        padding-bottom: 100px;
    }

    .lines-re {
        margin-bottom: 60px;
        display: block;
        text-align: center;
    }
    .layout-title {
        margin-bottom: 20px;
        display: block;
        text-align: left;
    }
    .job__company-title {
      margin-bottom: 30px;
    }
    .lines-re:before {
        display: block;
        margin: 0 0 100px;
    }

    .lines-re:after {
        display: none;
    }

    .lines-re > span,
    .layout-title {
        font-size: 25px;
        padding: 0;
    }

    @keyframes logoLineMobFirst {
        0% { transform: translateX(0); }
        100% { transform: translateX(-2938px); }
    }

    @keyframes logoLineMobSecond {
        0% { transform: translateX(-3058px); }
        100% { transform: translateX(0px); }
    }

    .main-trust__line {
        width: 6075px;
        animation: none;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-flow: row wrap;
    }

    .main-trust__line > div:nth-child(odd) {
        margin-bottom: 40px;
        animation: logoLineMobFirst 36s linear infinite;
    }

    .main-trust__line > div:nth-child(even) {
        order: 2;
        animation: logoLineMobSecond 34s linear infinite;
    }

    .main-trust__line > div {
      padding: 0 20px;
      text-align: center;
      vertical-align: middle;
      margin-right: 0;
    }

    .main-trust__line img,
    .main-trust__line picture {
      display: inline-block;
      height: 60px;
    }

    .main-trust__text {
        font-size: 16px;
        max-width: 370px;
    }

    .main-tasks {
        margin-top: 100px;
        text-align: center;
    }

    .main-tasks .col-re {
        max-width: 490px;
        margin: 0 auto;
    }

    .main-tasks .col-re + .col-re {
        margin-top: 60px;
    }

    .main-tasks .title-re {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .main-tasks .title-re br,
    .main-tasks p br {
        display: none;
    }

    .main-tasks .title-re a,
    .all-link {
        padding-right: 17px;
        background-size: 9px auto;
        background-position: right top calc(50% + 3px);
    }

    .main-tasks .col-re:nth-child(6) p {
        max-width: 300px;
    }

    .services-page  .main-tasks .col-re:nth-child(6) p {
        max-width: 490px;
    }

    .get-present__hld {
        padding-bottom: 80px;
        transition: padding-bottom 0.15s ease-in;
    }

    .present-link.shown ~ .get-present__hld {
        padding-bottom: 110px;
    }

    .get-present {
        width: 200px;
        height: 100px;
        left: calc(50% - 100px);
        top: auto;
        bottom: -30px;
    }

    .get-present i {
        width: 101px;
        height: 100px;
    }

    .get-present i:before {
        background-size: contain;
    }

    .present-link {
        font-size: 20px;
        line-height: 24px;
        bottom: -55px;
        left: calc(50% - 100px);
        transform: scale(0.5);
        z-index: 5;
        transition-delay: 0.15s;
    }

    .services-page .present-link {
        margin-bottom: 0;
    }

    .awards-outer {
        margin: 0 auto;
        max-width: 500px;
    }

    .awards-outer {
        margin-top: -60px;
        padding: 60px 0;
    }

    .awards-section {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        margin-top: 15px;
    }

    .awards-slider__item--mobdouble {
        transform: translateX(50%);
    }

    /*.awards-slider__item:nth-child(3),
    .awards-slider__item:nth-child(4),
    .awards-slider__item--many {
        margin-bottom: 40px;
    }*/

    .awards-slider__item--many:before {
        height: 39px;
        top: auto;
        bottom: -39px;
        background-position: bottom 3px center;
        border-bottom: 3px solid var(--main-color);
        border-top: 0 none;
    }
    .awards-slider__item--three:nth-child(4):before,
    .awards-slider__item--three:nth-child(3):before {
      top: auto;
      bottom: -15px;
    }
    .awards-slider__item--two:nth-child(4):before,
    .awards-slider__item--two:nth-child(3):before {
      top: auto;
      bottom: -9px;
    }

    .awards-slider__item--presentation a {
        font-size: 14px;
    }

    .slider-controls {
        width: 100%;
    }

    .slider-controls__num {
        font-size: 32px;
        line-height: 1;
    }

    .slider-button-re {
        width: 30px;
        height: 30px;
        background-size: 30px auto;
    }

    .slider-button-re + .slider-button-re {
        margin-left: 30px;
    }

    .awards-slider__controls {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .main-cases_left {
        max-width: none;
        min-height: auto;
    }

    .main-cases__title {
        font-size: 22px;
    }

    .main-cases_right {
        display: none;
    }

    .main-cases__text {
        padding-top: 8px;
    }

    .main-cases__bottom .cols-re .col-re:nth-child(2) {
        text-align: right;
    }

    .all-link {
        font-size: 22px;
        background-position: right top calc(50% + 1px);
    }

    .main-cases__bottom {
        margin-top: 60px;
    }

    .main-cases__slider.slick-slider {
        width: calc(100% + 20px);
    }

    .main-cases__info {
        font-size: 16px;
    }

    .main-cases__bottom .cols-re {
        margin-top: 60px;
    }

    .reviews,
    .all-help {
        padding-top: 100px;
    }

    .reviews .container {
        padding-bottom: 100px;
        position: relative;
    }

    .reviews .cols-re {
        display: block;
    }

    .reviews .title-re,
    .crm-strategy__reviews .reviews .title-re {
        height: auto;
        max-width: 300px;
    }


    .reviews .title-re > span {
        padding-bottom: 75px;
        margin-bottom: 60px;
    }

    .reviews-slider__controls {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .reviews__text {
        margin: 0;
    }
    .vacancy__reviews .slider-controls {
      position: absolute;
      bottom: 0;
    }
    .vacancy__reviews-container {
      position: static;
    }
    .vacancy__reviews-image-wrapper {
      min-height: 400px;
      background-position: center;
    }

    .reviews__text-outer {
      height: auto;
      /* height: clamp(129px, calc(28vh - 15px), 340px); */
    }
    /* .vacancy__reviews.reviews__text.long::after {
      display: block;
    } */
    .reviews__text:after {
        display: none;
    }
    .vacancy__reviews-text::after {
      /* display: block; */
      content: "";
      position: absolute;
      bottom: 15px;
      left: 0;
      right: 0;
      height: 200px;
      background: url('../images/bg-mask2.png') repeat-x bottom center transparent;
      background-size: auto auto;
      opacity: 1;
      transition: opacity 0.1s ease;
    }
    .reviews__text.visible .reviews__text-outer {
      height: auto;
  }
    .reviews__author {
        line-height: 1.5;
        height: auto;
        display: block;
    }

    .vacancy__reviews .reviews__author {
      min-height: 72px;
    }

    .reviews-video {
        height: 440px;
        width: 244px;
    }

    .all-help {
        text-align: center;
    }

    .all-help .text-re {
        margin-left: auto;
        margin-right: auto;
        max-width: 470px;
    }

    .re-form {
        padding-top: 25px;
    }

    .re-form .lines-re {
        font-size: 0;
        margin-bottom: 130px;
        padding-top: 20px;
    }    

    .re-form .lines-re:before {
        margin-bottom: 0;
    }

    .re-form .lines-re:after {
        display: block;
        width: 310px;
        position: absolute;
        left: calc(50% - 155px);
        top: 19px;
        height: 5px;
        background: url('../images/bg.png') repeat 0 0 transparent;
    }

    .re-form .lines-re > span {
        font-size: 0;
    }

    .re-form__title {
        font-size: 25px;
        line-height: 1.34;
        max-width: 560px;
    }

    .re-form__text {
        font-size: 16px;
        line-height: 1.7;
        font-weight: 500;
        text-transform: none;
    }

    .re-form form {
        margin-top: 60px;
    }

    .re-form .lines-re > span:before,
    .re-form .lines-re > span:after {
        transform-origin: center center;
        transform: scale(0.6);
        z-index: 5;
    }

    .input-hld-re {
        max-width: 500px;
        width: auto;
        margin-bottom: 40px;
    }

    .text-input-re,
    #contactme .text-input-re {
        font-size: 15px;
        line-height: 25px;
        border-bottom-width: 2px;
        padding-bottom: 10px;
    }

    .text-input-re::-webkit-input-placeholder {
        font-size: 12px;
        color: rgba(102, 102, 102, 0.8);
    }
    .text-input-re:-moz-placeholder,
    .text-input-re::-moz-placeholder {
        font-size: 12px;
        color: rgba(102, 102, 102, 0.8);
    }
    .text-input-re:-ms-input-placeholder {
        font-size: 12px;
        color: rgba(102, 102, 102, 0.8);
    }

    .btn-hld-re {
        margin-top: 60px;
    }

    .popup-new__outer-note {
        font-size: inherit;
        line-height: 1.4;

        margin: 20px;
    }

    .input-hld-re label.error,
    .footer-subscribe label.error {
        font-size: 12px;
        line-height: 1.2;
    }

    .page-footer {
        margin-top: 100px;
        font-size: 16px;
    }

    .footer__menu .cols-re {
        display: flex;
        flex-flow: row wrap;
        grid-gap: 0px;
        margin-right: -20px;
    }

    .footer__menu .col-re {
        flex: 0 1 50%;
        width: 50%;
        max-width: 50%;
    }

    .footer__menu .col-re:nth-child(3) {
        order: 10;
        margin-top: 24px;
    }

    .footer__menu .col-re:nth-child(4) {
        margin-top: 75px;
    }

    .footer__list li + li,
    .footer__contacts li + li {
        margin-top: 20px;
    }

    .footer__black {
        padding: 60px 0 100px;
    }

    .footer__black .container {
        max-width: 500px;
    }

    .footer-subscribe input[type="text"] {
        height: 70px;
        font-size: 16px;
        line-height: 22;
        padding: 10px 70px 10px 20px;
    }

    .footer-subscribe button {
        width: 70px;
        height: 70px;
        background-size: 70px 70px;
    }

    .footer-subscribe button:after {
        background-size: 70px 70px;
    }

    .footer-subscribe button:before {
        transform-origin: top center;
        transform: scale(0.6);
    }

    .footer-subscribe__text {
        margin-bottom: 30px;
    }

    .footer-links {
        font-size: 34px;
    }

    .footer__minilist--reverse {
        display: flex;
        flex-flow: column nowrap;
        line-height: 1.8;
        margin-top: 20px;
    }

    .footer__minilist--reverse li + li {
        margin-top: 20px;
    }

    .footer__minilist--reverse > li:last-child {
        order: -1;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .footer__copy {
        font-size: 14px;
    }

    /* black footer */

    .footer-subscribe__fancytitle {
        margin-left: auto;
        margin-right: auto;
        max-width: 12em;
        font-size: min(36px, 7.3vw);
        margin-bottom: 40px;
    }

    .page-footer--black .footer-subscribe__text {
        font-size: 16px;
    }

    .footer-subscribe__hand.hand1 {
        bottom: 36px;
        left: calc(50% - 145px);
    }

    .footer-subscribe__hand.hand2 {
        bottom: 45px;
        left: calc(50% - 70px);
    }

    .footer-subscribe__hand.paw {
        bottom: 45px;
        left: calc(50% + 5px);
    }

    .footer-subscribe__hand.hand3,
    .footer-subscribe__hand.hand4 {
        display: none;
    }

    .footer-subscribe__hand.hand5 {
        bottom: 42px;
        right: calc(50% - 150px);
    }

    .page-footer--black .footer-subscribe__note {
        line-height: 1.5;
        font-size: 16px;
    }

    .page-footer--black .footer-sc + .footer-sc {
        margin-left: 50px;
    }

    /* black footer END */

    .popup-new {
        font-size: 16px;
    }

    .popup-new_inner {
        padding-top: 45px;
    }

    #contactme .deco-hand {
        visibility: hidden;
        z-index: -1;
        top: 210px;

        opacity: 0;
        transition: opacity 0.3s ease-in;
    }

    #contactme .deco-hand--left {
        left: calc(50% - 210px);
        transform: scale(0.5);
    }

    #contactme .deco-hand--right {
        right: calc(50% - 210px);
        transform: scale(0.5) scaleX(-1);
    }

    #contactme.done .deco-hand {
        visibility: visible;
        z-index: 5;
        opacity: 1;
    }

    #contactme .deco-hand:before {
        width: 316px;
        height: 210px;
        background-image: url('../images/popup-heart-m.png');
        background-size: 100% 100%;
        transform-origin: center center;
        top: -105px;
        left: -60px;
    }

    #contactme .re-form__text {
        margin-top: 0;
        font-size: inherit;
        line-height: 1.4;
        padding-bottom: 20px;
    }

    #contactme .btn-hld-re {
        margin-top: 0;
    }

    .popup-new .mfp-close {
        transform-origin: top right;
        transform: scale(0.6);
        top: 15px !important;
        right: 15px;
    }

    .contactme-form,
    .contactme-thx {
        padding-left: 20px;
        padding-right: 20px;
        min-height: auto;
    }

    .popup-new_title {
        font-size: 32px;
        padding: 0;
        max-width: 500px;
    }

    .mfp-container {
        padding-left: 0;
        padding-right: 0;
    }

    .show-more__text {
        font-size: 18px;
        margin-top: 40px;
    }

    .cookie_agreement .main_width {
      padding-right: 25px;
    }

    .layout-font {
      font-size: 16px;
    }

    .layout-main-title {
      font-size: clamp(1.5rem, 0.5514rem + 4.7431vw, 3.75rem);
    }
    
    .vacancy__list-title {
      margin-bottom: 24px;
    }
    .vacancy__main-content {
      font-size: 16px;
      line-height: 1.5;
    }
    .layout-h2-title {
      font-size: 32px;
    }

    .layout-h3-title {
      font-size: 22px;
    }

    .vacancy__self-realization-img img {
      max-width: 410px;
    }
    .vacancy__self-realization-wrapper .vacancy__text-block {
      padding-bottom: 0;
    }

    .vacancy__learn-bg {
      background: url('../images/vacancy-learn-bg-2.png') no-repeat center bottom / auto;
      margin-bottom: 40px;
    }
    .vacancy__reviews-image {
      width: 100%;
      max-width: 350px;
      display: block;
      margin: 0 auto;
      margin-bottom: 40px;
    }
    .vacancy__reviews .reviews {
      padding-top: 40px;
    }
    .br-mob {
      display: block;
    }
    .vacancy__about-title {
      padding-bottom: 50px;
    }
    .vacancy__frog-img-wrapper {
      z-index: 2;
      position: absolute;
      right: 153px;
      top: 80px;
      rotate: -19deg;
    }
    .vacancy__frog-img-frog {
      background: url('../images/fly-frog.png') no-repeat center / contain;
      width: 123px;
      height: 146px;
    }
    .vacancy__frog-img-fly-1 {
      z-index: -1;
      top: -10px;
      left: 0;
      position: absolute;
      width: 113px;
      height: 99px;
      background: url('../images/fly-frog-left.png') no-repeat center / contain;
      transform: rotate3d(1, 1, 1, -15deg);
      animation-direction: alternate-reverse;
   }
   .vacancy__reviews-image-wrapper {
    max-width: 450px;
    height: auto;
    min-height: 375px;
    margin: 0 auto;
    margin-bottom: 40px;
  }
    .vacancy__frog-img-fly-2 {
      top: 17px;
      z-index: -1;
      position: absolute;
      width: 72px;
      right: -28px;
      height: 107px;
      background: url('../images/fly-frog-right.png') no-repeat center / contain;
    }

    .vacancy__learn-bg-wrapper {
      width: 144vw;
    }

    .hi-tigers-creative {
      padding-bottom: 0;
    }
    .main-screen-title {
      font-size: clamp(1.5rem, 0.5514rem + 4.7431vw, 3.75rem);
    }
    .about__main-screen-title {
      font-size: clamp(1.8125rem, 0.7768rem + 5.1786vw, 5.4375rem);
     }
  .scroll-block__scroll-indicator {
    width: 82px;
    height: 64px;
  }
  .scroll-block__scroll {
    margin-right: 50px;
  }
  .scroll-block__scroll-earth {
    width: 56px;
    height: 56px;
    bottom: -56px;
  }
  .about__logo .about__title {
    margin-bottom: 40px;
  }

  .tooltip {
    left: 4px;
    top: 64px;
  }
  .dark-theme .tooltip {
    background-color: #303030;
    color: #fff;
  }
  .dark-theme .tooltip::before {
    border-bottom: 8px solid #303030;
    border-left: 8px solid #303030;
  }

  .main-cases__all-cases-link {
    margin-top: 3rem;
  }
  .about__cases .section--main {
    margin-top: 50px;
  }
  .accordion-strategy__cards {
    gap: 45px;
  }

  .estimates__slider .slick-next,
  .estimates__slider .slick-prev {
    top: auto;
    bottom: -50px;
  }
  .business-metrics-accordion .accordion__header {
    padding-top: .5em;
    padding-bottom: .5em;
    line-height: 1.3;
  }

  .crm-filter {
    gap: 1rem;
  }

  .crm-strategy-team__img {
    width: 100%;
  }

  .accordion-cards {
    gap: 46px;
  }

  .start-crm__scroll-indicator-hand {
    width: 170%;
  }

  .sales-contacts__list {
    margin-left: -10px;
    margin-right: -10px;
  }

  .sales-contact {
    margin-left: 10px;
    margin-right: 10px;
  }

}

@media (max-width: 768px) {
  .crm-strategy {
    font-size: 18px;
  }
  .vacancy__mentoring-images {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
  .vacancy__mentoring-image {
    width: 100%;
  }
  .vacancy__corporate-img {
    width: 100%;
  }
  .vacancy__reviews-image-wrapper {
    max-width: 250px;
    height: auto;
    min-height: 276px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .br-mob-sm {
    display: block;
  }
  .vacancy__about-img {
    width: 140%;
    transform: rotate(3deg);
    animation: vacancy-img-translate-x 15s ease-in-out infinite;
  }
  @keyframes vacancy-img-translate-x {
    0% {transform: translateX(-7%) rotate(3deg);}
    50% {transform: translateX(7%) rotate(3deg);}
    100% {transform: translateX(-7%) rotate(3deg);}
  }
  .sp-main-screen__title {
    margin-bottom: 20px;
  }
  .r-logo__item1,
  .r-logo__item2 {
    animation: running-animation 80s linear infinite;
  }
  .r-logo__item > div > img,
  .r-logo__item picture > img {
    height: 60px;
  }
  .r-logo {
    align-items: center;
  }
  .anim-paused {
    animation-play-state: paused;
  }
  .anim-play {
    animation-play-state: running;
  }
  .tltp.logo-tiger.tiger-left::before {
   height: 30px;
  background: url('../images/tiger-to-left-sm.png') no-repeat bottom center / contain;
  }
  .tltp.logo-tiger.tiger-right::before {
    height: 30px;
  background: url('../images/tiger-to-right-sm.png') no-repeat bottom center / contain;

   }

   .crm-strategy__price .sp-cards__rotate-arrow {
    top: 82px;
   }
   .letters-list {
    display: none;
    height: 360px;
   }
}

@media (max-width: 640px) {
  .about__acc-slider-item {
    width: 100vw;
  }
}

@media (min-width: 1079px) {
  .br-desktop {
    display: block;
  }
}

@media (max-width: 580px) {

    .cookie-agreement-new {
        width: auto;
        left: 15px;
        right: 15px;
        bottom: 15px;
        display: block;
    }

    .cookie-agreement__text {
        margin-bottom: 20px;
    }

    .cookie-agreement__button {
        width: 100%;
        margin: 0;
    }

}

@media (max-width: 550px) {

    .footer-links {
        justify-content: space-around;
    }

    .about-accordion .accordion__header {
      line-height: 1.2;
      padding: 0.5em 0;
    }

    .awards-slider {
        width: calc(100% + 10px);
    }

    .awards-section {
        grid-gap: 10px;
        padding-right: 10px;
    }

    .awards-slider__item {
        height: 204px;
        font-size: min(14px, (100vw - 40px - 10px) * 0.037);
    }

    .awards-slider__front {
        padding: 25px 7px;
    }

    .awards-slider__img {
        margin: 0 auto 15px;
        max-width: 145px;
    }

    .awards-slider__item--presentation .awards-slider__img {
        max-width: 330px;
    }

    .main-cases__slide {
        margin: 0 auto;
    }

    .main-cases__info {
        font-size: 22px;
    }
    .br-mob-xs {
      display: block;
    }
    .tiger-winner-image {
      max-width: 120px;
      left: 50%;
      transform: translateX(-50%);
    }
    .about {
      font-size: 16px;
      line-height: 1.5;
      font-weight: 500;
    }
    .block-offset {
      padding: 40px 0px;
    }
    .about__acc-slider-description {
      font-size: 16px;
    }
    .about__acc-slider {
      margin-top: 30px;
    }
    .about__acc-slider-image {
      margin-bottom: .5rem;
    }
    #about-faq-accordion .accordion__header {
      font-size: 16px;
      line-height: 1.3;
      padding: 0.7em 0;
    }
    .crm-strategy__main-screen-wrapper {
      margin-bottom: 2rem;
    }
}

@media (max-width: 460px) {
    .crm-strategy {
      font-size: 16px;
    }
    .scroll-block__scroll-indicator {
      width: 62px;
      height: 44px;
      bottom: -24px;
    }

    .scroll-block__scroll-earth {
      width: 46px;
      height: 46px;
      bottom: -36px;
    }
    .scroll-block__scroll {
      margin-right: 32px;
      margin-left: 22px;
    }
    .footer-links {
        font-size: 24px;
    }

    .footer__menu {
        font-size: 14px;
    }

    .footer__menu .col-re:nth-child(3) {
        margin-top: 21px;
    }

    .footer__menu .col-re:nth-child(4) {
        margin-top: 70px;
    }

    .policy__title {
      font-size: 20px;
      line-height: 1.5;
    }
    .vacancy__schedule-slider-item {
      margin-bottom: 30px;
    }
    .vacancy__schedule-slider-image {
      margin-bottom: 20px;
    }
    .vacancy__schedule-slider-item img {
      margin-bottom: 15px;
    }
    .hi-tigers-creative {
      width: 731px;
    }
    .vacancy__frog-img-wrapper {
      right: 36%;
      top: 13%;
    }

    .vacancy__learn-bg-wrapper {
      width: 196vw;
    }
    .vacancy__about-img {
      width: 200%;
      transform: rotate(3deg);
      animation: vacancy-img-translate-x 30s ease-in-out infinite;
    }
    @keyframes vacancy-img-translate-x {
      0% {transform: translateX(-20%) rotate(3deg);}
      50% {transform: translateX(20%) rotate(3deg);}
      100% {transform: translateX(-20%) rotate(3deg);}
    }

    .start-crm__scroll-indicator {
      bottom: -82px;
      width: 56px;
      height: 116px;
    }

    .start-crm__scroll {
      margin-right: 56px;
    }
    .crm-can-do__accordion .start-crm__body {
      padding-left: 23px;
    }

}

@media (max-width: 420px) {

    .hero h1 {
        font-size: 18px;
    }

    .hero__subtitle {
        font-size: 30px;
    }

    .top-info {
        font-size: 14px;
    }

    #moving-part:after {
        left: calc(50% + 75px);
    }

    .title-re {
        font-size: 28px;
    }

    .lines-re > span {
        font-size: 24px;
    }

    .main-cases__info {
        font-size: 18px;
    }

    .layout-h2-title {
      font-size: 24px;
    }
    .layout-h3-title {
      font-size: 21px;
    }
    .vacancy__garold-text {
      max-width: 89px;
    }
    .reviews__cta-btn .button-re {
      font-size: 14px;
      line-height: 1.3;
    }
    .vacancy__frog-img-frog {
      width: 93px;
      height: 123px;
    }
    .vacancy__frog-img-fly-1 {
      top: -10px;
      left: 0;
      width: 82px;
      height: 99px;
  }
  .vacancy__frog-img-fly-2 {
    top: 6px;
    width: 49px;
    right: -17px;
    height: 107px;
  }
  .crm-can-do-more__text-wrapper {
    width: 76%;
  }
  .rabotyaga-s-zavoda {
    width: 23%;
  }
  .letters-list {
    height: 230px;
    padding-top: 20px;
  }
  .crm-strategy__main-screen-wrapper {
    gap: 0;
  }
}

@media (max-width: 360px) {

    .footer__minilist {
        font-size: 12px;
    }

    .footer__menu .col-re:nth-child(4) {
        margin-top: 28px;
    }

    .popup-new_title {
        font-size: 28px;
    }

    .input-hld-re label.error,
    .footer-subscribe label.error {
        font-size: 10px;
    }

    .job .button-re {
      font-size: 14px;
    }
    .policy__title {
      font-size: 17px;
    }
    h2.policy__title {
      font-size: 17px;
    }

    .crm-strategy__reviews .reviews__author {
      height: 138px;
    }

}

/* ------ contacts page ------ */

@media (max-width: 1079px) {

    .contacts {
        --contacts-indent: 50px;
    }

    .contacts .h1,
    .contacts .h2 {
        font-size: min(32px, 8vw);
        margin-bottom: 40px;
    }

    .contacts__grid {
        grid-template-columns: 1fr;
        grid-gap: 0;
        font-size: 20px;
        padding: 0 0 40px;
    }

    .contacts__grid + .contacts__grid {
        margin-top: 40px;
    }

    .contacts__grid h3 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .contacts__grid.contacts__grid--separate {
        grid-gap: 40px;
    }

    .contacts__grid--separate > div {
        padding-bottom: 40px;
    }

    .big-sc {
        max-width: 380px;
        flex-flow: row wrap;
        gap: 17px;
        justify-content: center;
    }

    .big-sc__item {
        width: 85px;
        height: 85px;
    }

    .big-sc__item--mail {
        background-size: 60px auto;
    }

    .big-sc__item--vk {
        background-size: 52px auto;
    }

    .big-sc__item--tg {
        background-size: 45px auto;
    }

    .big-sc__item--be {
        background-size: 50px auto;
    }

    .big-sc__item--hh {
        background-size: 56px auto;
    }

}

/* ------ reviews page ------ */

@media (max-width: 1079px) {

    .reviews-page {
        padding-top: 40px;
    }

    .reviews-page__top {
        font-size: 16px;
    }

    .reviews-page__top h1 {
        font-size: min(60px, 7.5vw);
    }

    .reviews-page__item {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "author"
        "text"
        "cases";
        grid-gap: 25px;

        padding-top: 40px;
        margin-top: 40px;
        font-size: 16px;
    }

    .reviews-page__creative {
        margin-top: 40px;
    }

    .reviews-page__author {
        padding-top: 0;
    }

    .reviews-page__text h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .reviews-page__text h2.h2-narrow {
        max-width: none;
    }

    .reviews-page__author img,
    .reviews-page__case img {
        width: 115px;
        height: 115px;
        flex-basis: 115px;
        margin-right: 20px;
    }

    .reviews-page__cases {
        max-width: 450px;
    }

}

@media (max-width: 600px) {

    .reviews-page__author {
        display: block;
    }

    .reviews-page__author img {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .reviews-page__author p br {
        display: none;
    }

    .reviews-page__case img {
        width: 90px;
        height: 90px;
        flex-basis: 90px;
        margin-right: 15px;
    }

    .reviews-page__cases li + li {
        margin-top: 20px;
    }

    .reviews-page__case > span {
        line-height: 1.3;
        font-size: 15px;
    }

    .reviews-page__text p {
        text-wrap: auto;
    }

}

/* ------ team page ------ */

@media (min-width: 1080px) {

    .team-item--big h3 br {
        display: none;
    }

}

@media (max-width: 1079px) {

    .simple-page {
        padding-top: 40px;
    }

    .simple-page h1 {
        font-size: clamp(32px, 7.5vw, 60px);
        margin-bottom: 0.8em;
    }

    .team-list {
        font-size: clamp(8px, 2.7vw, 20px);
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1em;
        margin-left: auto;
        margin-right: auto;
        max-width: 700px;
    }

    .team-item {
        grid-column: span 1;
    }

    .team-item--big {
        grid-column: span 1;
    }

    .team-item--big:first-child {
        grid-column: span 2;
    }

    .team-person {
        max-width: none;
        font-size: 1em;
    }

    .team-item--big:first-child .team-person {
        font-size: 20px;
    }

    .team-person img {
        padding: 0 1em;
    }

    .team-person h3 {
        font-size: 1.7em;
    }

    .team-item--job h3 {
        font-size: 1.2em;
    }

}
/* End */
/* /local/templates/emx/css/reset.css?17810129602905 */
/* /local/templates/emx/js/magnific/magnific-popup.css?17810129606951 */
/* /local/templates/emx/css/fonts.css?17810129601819 */
/* /local/templates/emx/css/styles.css?1781012960105484 */
/* /local/templates/emx/css/edit.css?17810129609242 */
/* /local/templates/emx/css/media.css?178101296048010 */
/* /local/templates/emx2023/css/styles.css?1781012960119812 */
/* /local/templates/emx2023/css/cases-new.css?178101296017040 */
/* /local/templates/emx2023/css/cases-modern.css?1781012960157816 */
/* /local/templates/emx2023/css/whitepapers.css?17810129608999 */
/* /local/templates/emx2023/css/media.css?178101296039948 */