/*!
Theme Name: SLD
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sld
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 

 .transform {
  position: absolute;
  bottom: 0;
  border-radius: 5px;
  -webkit-animation: notransform 5s infinite;
  animation: notransform 5s infinite;
  
}

 .rotateY {
  -webkit-transform: rotate3d(2, 1, 3, -40deg);
  -ms-transform: rotate3d(2, 1, 3, -40deg);
  transform: rotate3d(2, 1, 3, -40deg);
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.rotateY2 {
  -webkit-transform: rotate3d(2, 1, 3, -50deg);
  -ms-transform: rotate3d(2, 1, 3, -50deg);
  transform: rotate3d(2, 1, 3, -50deg);
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

.rotateY3 {
  -webkit-transform: rotate3d(2, 1, 3, -60deg);
  -ms-transform: rotate3d(2, 1, 3, -60deg);
  transform: rotate3d(2, 1, 3, -60deg);
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.rotateY4 {
  -webkit-transform: rotate3d(2, 1, 3, -40deg);
  -ms-transform: rotate3d(2, 1, 3, -40deg);
  transform: rotate3d(2, 1, 3, -40deg);
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}


@-webkit-keyframes notransform {
  50% {transform: none;}
}
@keyframes notransform {
  50% {transform: none;}
}




  
.anidd {
	opacity: 0;
	  animation: fade-insy 0.5s forwards;
	    visibility: hidden;
	    -webkit-animation-delay: 0.1s; /* Chrome, Safari, Opera */
 animation-delay: 0.1s;

}
.anidd_opas {
	opacity: 1;
	  animation: fade-insy 0.1s forwards;
	    visibility: hidden;
	    -webkit-animation-delay: 0.1s; /* Chrome, Safari, Opera */
 animation-delay: 0.1s;

}


@keyframes fade-insy {
    0% {
        opacity: 0;
        visibility: 0s 0s hidden;

    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}


 html {
  scroll-behavior: smooth; }

body {
  background-color: #161514;
  color: #ffffff;
   scroll-behavior: smooth; }
  body.overflov {
    overflow: hidden; }
html, body{
height: 100%;
}

.element::-webkit-scrollbar { width: 0; }
::-webkit-scrollbar { width: 0; }

a {
  color: #ffffff;
  text-decoration: none;
  outline: none; }

img {
  width: 100%;
  height: 100%; }

.container {
  padding-top: 44px;
  max-width: 1320px;
  margin: auto; }

.noise {
  font-family: 'Circe Reg';
  background-image: url("assest/source/img/noise/noise.png");
    background-size: 2%;
    animation-name: noiseImg;
    animation-iteration-count: infinite;
    animation-duration: .06s;
}

.menu > li:nth-child(2) {
padding-left: 17px;
}




.mob_vid {
	display: none;
}

header {
display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100vw;
    background: #000;
    z-index: 9999; }
  header > a {
  	    font-size: 14px;
    margin-top: 0px;
    padding-right: 50px; }

* {
 cursor: none;
}

.circle-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
}
.circle-cursor--outer {
    width: 36px;
    height: 36px;
    border: 2px solid #F25D49;
    z-index: 12000;
    opacity: 0.8;
}

.MainKoleso_img1 {
    top: 199px;
    width: 123px;
    height: auto;
    left: 96px;
    position: absolute;
}

.MainKoleso_db_img1 {
    top: 129px;
    width: 123px;
    height: auto;
    left: 48px;
    position: absolute;
}

.MainKoleso_db_img2 {
    top: 198px;
    width: 124px;
    height: auto;
    left: 412px;
    top: 129px;
    position: absolute;
}



.preloader {
  /*фиксированное позиционирование*/
  position: fixed;
  /* координаты положения */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* фоновый цвет элемента */
  background: #000;
  /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
  z-index: 1001;
}

.preloader__row {

}

.preloader__item {

}

.dxs {
	    max-width: 691px;
    margin: auto;
    text-align: center;
    padding-bottom: 150px;
}

.preloader__item:last-child {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes preloader-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes preloader-bounce {

  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

.loaded_hiding .preloader {
  transition: 2.3s opacity;
  opacity: 0.5;
}

.loaded .preloader {
  display: none;
}



.lujniki .main-img div div div img {
	transform: none;
}
.MainKoleso_img2 {
    top: 199px;
    width: 123px;
    height: auto;
    left: 604px;
    position: absolute;
}


.circle-cursor--inner {
    width: 12px;
    height: 12px;
left: -6px;
    top: -5.8px;
    z-index: 11000;
    background: #F25D49;
}
.menu_in > li:nth-child(2) {
    padding-left: 17px;
}

.none_sl{
	display: none!important;
}

.menu_in img {
	width: auto;
}

.navigation {
	display: none !important;
}
.tabs-list > label:hover {
transition: 0.3s;}

.tabs-list > label:hover {
color: #fff;
transition: 0.3s;
}

.project:hover > .project-img{
	    opacity: 1;
}

.__sb-test::-webkit-scrollbar { width: 0px; }
-webkit-scrollbar { width: 0px; }

.in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: static;
    width: auto;
    z-index: 9999;
    background: #fff0;
}
  .in > a {
    margin-top: 0px;
    padding-right: 50px; }


.mobil_blok {
	display: none;
}




.menu_in {
    margin-top: 15px;
    margin-bottom: 15px;
      display: flex;
  align-items: center; }
  .menu_in > li {
    padding: 3px 0; }
    .menu_in > li:first-child > a > img {
      width: 72px;
      height: 42px; }

     .menu_in > li > a {
 padding: 0 17px;
    font-family: 'Circe Bold';
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 15px;
    text-transform: uppercase;}

        .menu_in > li:first-child > a {
 padding-left: 0;
    font-family: 'Circe Bold';
    font-size: 1vw;
    letter-spacing: 0.05em;
    line-height: 15px;
        transition: 0.4s;
    text-transform: uppercase;}


      .menu_in >li:hover > a {

        font-family: 'Georgia'; font-style: italic; }



.lujniki-main .grid-1 img {
	    object-fit: cover;
}


#fp-nav {
    position: absolute!important;
    top: 0px!important;
    right: 80px!important;
    z-index: 9999!important;
    transform: rotate(-90deg); 
}

#fp-nav span, .fp-slidesNav span {
    top: 1px!important;
    left: 1px!important;
    width: 8px!important;
    height: 8px!important;
    border: 1px solid #000!important;
    background: #fff0!important;
    border-radius: 50%!important;
    position: absolute!important;
    z-index: 1!important;
}

#fp-nav li .active span, .fp-slidesNav .active span {
    background: #fff!important;
}

#fp-nav li, .fp-slidesNav li {
    display: block!important;
    width: 14px!important;
    height: 13px!important;
    margin: 7px!important;
    position: relative!important;
    width: 12px!important;
    height: 12px!important;
    border: 1px solid #fff!important;
    border-radius: 999px!important;
}





.txt_MCK {
	max-width: 438px;
}

.txt_MCK p {
	font-size: 20px;
line-height: 140%;
    font-family: 'Circe Reg';
margin-top: 25px;
/* or 28px */
}



.txt_MCK h3 {
	font-size: 42px;
line-height: 110%;
font-family: 'Gregor';
}

.lujniki .siti {
	background: url('http://sld.agency/wp-content/uploads/2019/10/throne-1.png');
	    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    display: grid;
    text-align: center;
    max-width: 709px;
    gap: 38px;
    grid-template-columns: 1fr;
    flex-direction: row;
    margin-top: 5px;
}

.video {
    text-align: center;
}

.MCK {
	    max-width: 1154px;
    margin: auto;
    display: flex;
        margin-top: 40px;
    justify-content: space-between;
}
.Moscow_international  {
  max-width: 1154px;
  margin: auto;
  display: flex;
      margin-top: 10px;
  justify-content: space-between;
}
.video h2 {
    font-size: 20px;
    color: #FFFFFF;
        font-family: 'Yeseva One';

}

.MainImgWink {
	position: absolute;
    top: 0px;
}
.WinkOng1 {
	width: 124px;
	height: auto;
	position: absolute;
	top: 116px;
    right: -791px;
}
.WinkOng2 {
	position: absolute;
	width: 195px;
	height: auto;
		top: 516px;
    right: -1391px;
}
.WinkOng3 {
	position: absolute;
	width: 222px;
	height: auto;
	top: 700px;
	left: 300px;
}
.WinkOng4 {
	width: 108px;
	position: absolute;
	height: auto;
	top: 700px;
	left: 700px;
}

.video img { 
    padding: 1vw;
     }

 .nav-slider {
        text-align: right;
    margin: 5vh;
 }

 .nav-slider a {
    font-size: 1.9vh;
 }
 .video-wrapper {
    position: relative;
        width: auto;
    margin: 0vh auto;
}

#text1 {
	    font-family: Circe Bold;
}





#fullpage .section h1 {
  text-align: center;
  color: white;
  font-size: 3.5em;
  text-transform: uppercase;
}
#fullpage .section h2 {
  text-align: center;
  color: white;
  font-size: 2.5em;
}

.fullpage-wrapper {
  width: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.fullpage-wrapper .fp-section {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all .7s ease-in-out;
}
.fullpage-wrapper .fp-section.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.fullpage-wrapper .fp-section .fp-slidesContainer {
  width: 100% !important;
  -webkit-transform: none !important;
          transform: none !important;
}
.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  transition: all .7s ease-in-out;
}
.fullpage-wrapper .fp-section .fp-slidesContainer .fp-slide.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}


.wig_head {
	background: #fff;
	color: #1d1a19;
}

.wig_head  a {
	color: #1d1a19;
}

.zag_app_p {
line-height: 140%;
text-align: center;
font-size: 24px;
text-align: center;
font-family: 'Gregor';
color: #FFFFFF;
text-align: center;
}

.section1_app {
	max-width: 740px;
	margin: auto;
}
.section1_app p {
	color: #fff;
}

.section1_app img {
	width: 800px;
	height: auto;
}

.section2_app {
    max-width: 100%;
    margin: auto;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.txt_ap_2 {
	position: absolute;
	left: 170px;
	top: 150px;
}

.MainImgAuto {
	position: absolute;
	bottom: 40px;
}
.MainImgAuto_db {
    position: absolute;
    bottom: 6px;	
}

.MainImgAuto img {
	
}

.txt_ap_2 p {
	color: #fff;
	font-size: 18px;
	    line-height: 140%;
	    text-align: center;
	max-width: 492px;
}

.txt_ap_2 h3 {
font-size: 42px;
line-height: 110%;
margin-bottom: 20px;
font-family: Gregor;
color: #FFFFFF;
text-align: center;
}

.section2_app img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    bottom: 0;
}


.section3_app {
	max-width: 100%;
	margin: auto;
		display: flex;
	flex-wrap: wrap;
}
.txt_ap_3 {
	position: absolute;
	right: 135px;
	top: 170px;
}

.section3_app img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    bottom: 0;
}

.w416 {
	max-width: 416px; margin: auto;
}

.txt_ap_3 p {
	color: #fff;
	font-size: 18px;
	    line-height: 140%;
	max-width: 564px;
	text-align: center;
}

.txt_ap_3 h3 {
font-size: 42px;
line-height: 110%;
margin-bottom: 20px;
color: #FFFFFF;
font-family: Gregor;
text-align: center;
}

.txt_ap_4_grid {
    max-width: 1109px;
    margin: auto;
    text-align: center;
    position: relative;
    bottom: 185px;
    gap: 150px;
    grid-template-columns: 1fr 1fr;
}

.txt_ap_4_grid div {
	
}

.txt_ap_4_grid div h3 {
font-size: 42px;
line-height: 110%;
margin-bottom: 20px;
font-family: Gregor;
color: #FFFFFF;
text-align: center;
}

.txt_ap_4_grid div p {
	text-align: center;
	color: #fff;
	margin: auto;
	font-size: 18px;
	    line-height: 140%;
	max-width: 784px;
}

.section4_app img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    bottom: 0;

}

.section4_app img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    bottom: 0;

}


#section0 {
	background: #000;
}

#section1 {
	background: #000;
}
#section2 {
	background: #000;
}
#section3 {
	background: #000;
}


.video-wrapper > video {
    width: 100%;
    vertical-align: middle;
    display: block;
        height: -webkit-fill-available;
}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {
    display: none;
}

.video_none_play::-webkit-media-controls {
	display: none;
}

.crat_reh_img_gr {
	display: grid;
	tem
}

.section1_app .niz_ap {
	    width: 61px;
    position: static;
    margin: auto;
    text-align: center;
    display: flex;
    margin: 50px auto;
    margin-bottom: 0;
}


.niz_ap {
    
    -webkit-animation-name: thumb;
    -webkit-animation-duration: 2000ms;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes thumb {
    0% { transform: translateY(10px); }
    50% { transform: translateY(0px); }
    100% { transform: translateY(10px); }
}



.video-overlay-play-button {
    box-sizing: border-box;
    width: 100%;
    height: 97%;
    padding: 10px calc(50% - 50px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
       background-image: linear-gradient(transparent, #ffffff00);
        transition: opacity 150ms;
}

.video-overlay-play-button:hover {
    opacity: 1;
        background-image: linear-gradient(transparent, #fff0);
}

.video-overlay-play-button.is-hidden {
    display: none;
}

.video-sect {
    background: linear-gradient(to top, white 40%, transparent 40%);
}

.video_prog2 video {
	width: 100%;
	    background: #000;
}

.menu {
    margin-top: 15px;
    margin-bottom: 15px;
      display: flex;
  align-items: center;
  padding-left: 50px; }
  .menu > li {
    padding: 3px 0; }
    .menu > li:first-child > a > img {
      width: 72px;
      height: 42px; }


    .menu > li > a {
 padding: 0 17px;
    font-family: 'Circe Bold';
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 15px;
    text-transform: uppercase;}

        .menu > li:first-child > a {
 padding-left: 0;
    font-family: 'Circe Bold';
    font-size: 1vw;
    letter-spacing: 0.05em;
    line-height: 15px;
        transition: 0.4s;
    text-transform: uppercase;}


      .menu >li:hover > a {

        font-family: 'Georgia'; font-style: italic; }

.mobile {
  display: none;
  width: 100%;
  height: 62px;
  position: fixed;
  top: 0;
    background: #000000;

  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.56);
  justify-content: space-between;
  align-items: center;
  z-index: 999; }
  .mobile-logo {
    width: 54px;
    height: 30px;
    margin-left: 16px;
    z-index: 999;
    position: relative; }
  .mobile-menu {
    width: 38px;
    height: 50px;
    margin-right: 16px;
    z-index: 10; }
    .mobile-menu__active {
      transition: 5s; }
      .mobile-menu__active > .mobile-menu__line {
        transform: rotate(45deg); }
        .mobile-menu__active > .mobile-menu__line::after {
          transform: rotate(-270deg);
          margin-top: -2px; }
    .mobile-menu__line {
      display: block !important;
      width: 28px;
      height: 4px;
      position: relative;
      top: 50%;
      margin-top: -4px;
      left: 50%;
          transition: 0.5s;
      margin-left: -12px;
      background-color: #ffffff; }
      .mobile-menu__line::after {
        display: block;
        width: 28px;
        height: 4px;
        position: absolute;
            transition: 0.9s;
        top: 50%;
        left: 50%;
        margin-left: -14px;
        background-color: #ffffff;
        content: '';
        margin-top: 5px; }

        textarea {
          min-height: 26px;
        }
        
.chet_otch {
	display: flex;
}
  .mobile-list {
    top: -150vh;
        transition: all 0.8s;
    position: fixed;
    z-index: 11;
    height: 100vh;
    width: 100vw;
    background: #F25D49;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .mobile-list__active {
      transition: all 0.8s;
      top: 0;
      left: 0; }
    .mobile-list > ul {
      margin-top: 100px; }
      .mobile-list > ul > li {
        width: 100%;
        margin-bottom: 35px; }
        .mobile-list > ul > li > a {
          text-transform: uppercase;
          font-size: 26px;
          font-family: 'Circe Bold';
          line-height: 70%; }
          .mobile-list > ul > li > a:active {
            padding: 10px 25px;
            color: #F25D49;
            background-color: #fff; }




.index .mobile *, .index .mobile-list * {
  overflow-y: visible; }

.info .main-hide {
	    transition: 0.5s;
  display: none; }

.info header {
  padding: 0; }

.descktop-hide {
  display: none; }

.clickedBlock {
  transition: 1.5s;
  position: absolute;
  display: flex;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh; }
  .clickedBlock .project {
    transform: 1.5s;
    width: 0%;
    animation-name: newBlock-img;
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    overflow: hidden;
    margin: auto; }
    .clickedBlock .project-img {
      opacity: 1;  position: ;   width: 100vw;
     height: 100vh;}

     .clickedBlock .project-img > img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: fill;
}
.case-contents__img img {
    object-fit: cover;
}

.wrapper {
  position: fixed;
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .wrapper-block {
	  position: relative;
    min-width: 30vw;
    height: 100%;
    transition: 1.5s;}
    .wrapper-block::fist-child {
      max-width: unset; }

.scrollBar {
  z-index: 100;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: black; }
  .scrollBar-value {
    width: 0%;
    height: 100%;
    background-color: #F25D49; }

.info {
  padding-left: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 40vw; }
  .info-text__links {
    margin-top: 36px; }
    .info-text__links > a {
      font-size: 16px;
      line-height: 140%;
      color: #F25D49;
      margin-right: 38px; }
 .info-text__links > a:nth-child(2){

    margin-right: 0px;
}
      .info-text__links > a > img {
    width: 26px;
    height: 30px;
    margin-right: 11px; }
    .info-text__links > a > span {        
      position: relative;
    top: 1.5px;}

  .info-text__title {
    font-family: 'Gregor';
    font-size: 42px;
   
    line-height: 110%; }
    
    
    .scrollbar-track {
	    display: none!important;
    }
    
    .overflov .mobile {
	    background: #f25c49;
	    box-shadow: none;
	    transition: 0.5s;
    }
    .info-text__title > span {
      display: block; }
  .info-language {
    margin-bottom: 85px; 

    }
    
      .info-language svg{
        position: relative;
    bottom: 0px;
    left: 7px;
    }
    

.project {
  display: block;
  width: 100%;
  height: 100%; }
  .project-img {
    display: inline-block;
    position: relative;
        overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: 0.4s; }
    .project-img > img {
      width: 100%;
      max-width: 100%;
      max-height: 100%;
      object-fit: cover; }
    .project-img:hover {
      opacity: 1; }
  .project-text {
    display: inline-block;
    position: relative;
    bottom: 150px;
    margin-left: 46px; }
    .project-text__title {
      margin-top: 16px;
      font-size: 32px;
      text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.56);
      line-height: 120%; }
      .project-text__title > span {
        display: block; }
    .project-text__descr {
      font-size: 16px; }
      
      
     .hei_cont {
	     height: 100vh;
     }

.additional-item {
  text-align: center;
  display: flex;
  width: 100%;
  height: 50%;
  font-size: 32px;
      background: #161514;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 47px;
  border-bottom: 1px solid #3a3939; }
  .additional-item:hover {
    transition: 0.3s;
    background-color: #F25D49; }
.additional-item > span {
    max-width: 239px;
    margin: auto;
}

.progress {
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100vw;
  background-color: #f1f1f1; }
  .progress-container {
    width: 100vw;
    height: 8px;
    background: #ccc; }
  .progress-bar {
    height: 8px;
    background: #4caf50;
    width: 0%; }



.row_2_dr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.row_2_dr img {
	height: auto;
}

.dr_pers img {
	height: 225px;
	width: auto;
}

.dr_pers div {
	  display: flex; justify-content: space-between; margin-bottom: 97px;
}




@keyframes newBlock-img {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

.clickedBlock .project-text {
	display: none;
}

.clickedBlock .project:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transition: 2s;
        opacity: 0.4;
}



.works {
    padding-bottom: 21vh; }
  .works .show {
    display: block; }
  .works header {
    position: relative;
    z-index: 1000; }
  .works-img {
	  object-fit: cover;
    width: 80%;
    height: 80%;
    position: fixed;
    top: 20%;
    left: 10%;
    opacity: 0;
    animation-delay: 1s;
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-name: worksImg; }
  .works .container {
    max-width: 1140px; }

.case.hide {
}

img.hide {
 }

.case-title {
  margin-top: 105px;
  font-size: 42px;
  line-height: 110%;
  text-transform: uppercase;
  margin-bottom: 18px; }

.case-list {
  display: flex;
  align-items: flex-start; }
    .case-list__item a {
	    color: #717171;
	     transition: 0.4s;
	    
    }
    .tabs input:checked + label a {
	    	    color: #000!important;
	    }
    .show a {

    }
        .case-list__item a:hover  {
	    color: #fff;
	    transition: 0.4s;
    }
  .case-list__item  {
    display: block;
    width: 30%;
    margin: 25px 0 70px 0;
    color: #717171;
    margin-right: 24px;
    font-size: 13px;
    line-height: 100%;
    text-transform: uppercase;
    padding: 12px 9px;}
  .case-list__active {
    color: #161514;
    background-color: #fff; }

.case-year {
    font-size: 16px;
    font-family: 'Circe Reg';
    letter-spacing: 0.1em;
    vertical-align: middle;
}
.case-contents {
  display: none; }
  .case-contents__item {
    font-family: 'Gregor';
    font-size: 41px;
    line-height: 180%;
    color: #717171;
    background-image: linear-gradient(to right, #a7a7a7 50%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x; }
    .case-contents__item:hover {
      transition: 0.8s; }
  .case-contents__img {
    position: fixed;
    right: 5%;
    top: 10%;
    width: 500px;
    height: 600px;
    z-index: 9; }
    .case-contents__img img {
      transition: .5s; }

.case-contents__item p:hover {
    color: #ffffff;
    transition: 0.8s;
}

.case-contents__item p {
display: inline;
}

.tabs-list {
  display: flex;
  width: 40%; }
  .tabs-list > label {
	      padding: 12px 16px;
    letter-spacing: 0.1em;
font-family: Circe Bold;
    width: auto;
    text-align: center; }

.case-contents {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeOutCase {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fadeOutImg {
  from {
    transform: translateY(0%); }
  from {
    transform: translateY(0%); }
  to {
    opacity: 0; }
  to {
    transform: translateY(10%); } }

@-webkit-keyframes worksImg {
  from {
    width: 80%;
    height: 80%;
    top: 20%;
    left: 10%;
    opacity: 0; }
  to {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 1; } }

.tabs input {
  display: none;
  position: absolute; }

tabs label:hover {
 }

.tabs input:checked + label {
background: #fff;
    font-family: 'Circe Bold';
    color: #161514; }

#tab1:checked ~ #content-tab1, #tab2:checked ~ #content-tab2, #tab3:checked ~ #content-tab3, #tab4:checked ~ #content-tab4 {
  display: block; }

.approach {
  position: relative; }
  .approach .container {
    max-width: 1116px; }
  .approach-wrapper {
    box-sizing: border-box;
    background-color: white;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    border: 17px solid black; }
  .approach-history {
        background-color: #161514;
    top: 100vh;
    position: relative;
    z-index: 10; }

.footer-list li ul li a {
	font-family: 'Circe-Light';
}



  .approach .contacts-container {
    max-width: 1116px;
    margin: 35vh auto 0 auto; }
    .approach .contacts-container .contacts {
      margin-top: 15vh;
      padding-bottom: 145px;
      width: 100%;
      justify-content: space-between; }
    .approach .contacts-container h2 {
      font-size: 2rem; }
      .approach .contacts-container h2 span {
        display: block; }
  .approach .menu > div > a {
    color: #161514; }
  .approach header > a {
    color: #161514;
    font-family: 'Circe Reg'; }
  .approach .main-text {
    margin-top: 154px;
    color: #161514;
    padding-bottom: 134px; }
.approach .main-text__title {
    max-width: 865px;
    font-family: 'Gregor';
    font-size: 32px;
    line-height: 120%;
}
    .approach .main-text__descr {
    margin-top: 70px;
    font-size: 16px;
    max-width: 1030px;
    line-height: 140%;
    gap: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;}
      .approach .main-text__descr > p {
        font-size: 16px;
        line-height: 140%;
        font-family: 'Circe Reg'; }
      .approach .main-text__descr_large {
        width:auto; }
      .approach .main-text__descr_small > span {
        display: block; }

.history-title {
  font-family: 'Gregor';
  font-size: 32px;
  line-height: 120%;
  margin-top: 119px;
  margin-bottom: 58px; }
  .history-title > span {
    display: block; }

.history-content {
  display: flex;
  justify-content: space-between; }
  .history-content__img {
    max-width: 473px;
    max-height: 429px; }
  .history-content__text {
    width: 25vw; }
    .history-content__text-title {
      margin-top: 132px;
      margin-bottom: 94px;
      font-family: 'Gregor';
      font-size: 24px;
      line-height: 130%; }
      .history-content__text-title > span {
        display: block; }
        .history-content__text-title > span:nth-child(1) {
          margin-left: 26px; }
        .history-content__text-title > span:nth-child(2) {
          margin-left: 16px; }
    .history-content__text-descr {
      font-family: 'Circe Reg';
      font-size: 20px;
      line-height: 130%; }
      .history-content__text-descr > p {
        margin-bottom: 32px; }
        .history-content__text-descr > p > span {
          display: block; }

@keyframes noiseImg {
  0% {
    background-position-x: 3%;
    background-position-y: 0%; }
  25% {
    background-position-x: 2%;
    background-position-y: 3%; }
  50% {
    background-position-x: -2%;
    background-position-y: -1%; }
  75% {
    background-position-x: 1%;
    background-position-y: 3%; }
  100% {
    background-position-x: 0%;
    background-position-y: 0%; } }

.agency .container {
  max-width: 1140px; }

.agency section > h3 {
  font-family: 'Gregor';
  font-size: 32px;
  line-height: 120%; }

.main-video {
  width: 1140px;
  max-width: 100%;
  max-height: 100%;
  margin-top: 70px; }
  .main-video > video {
    width: 100%; }
    .main-video > video:active {
      background-color: red; }

.rewards {
  margin-top: 187px; }
.rewards-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin: auto;
    margin-top: 50px;
    gap: 40px;
}
.rewards-list__item {
    width: auto;
    margin: auto;
}

.rewards .rewards-list__item {
	max-width: 150px;
}
  .rewards-text__1 {
    margin-top: 152px;
    font-size: 32px;
    line-height: 120%;
    font-family: Gregor;
    max-width: 865px; }
  .rewards-text__2 {
    margin-top: 73px;
    font-size: 20px;
    line-height: 140%;
    max-width: 1040px;
    gap: 60px;
    display: grid;
    grid-template-columns: 1fr 1.1fr;}
    .rewards-text__2 > p {
      display: block;
              font-family: 'Circe Reg'; }

.clients > h3 {
  margin-top: 175px; }

.clients-img {
  margin-top: 20px; }

.competencies {
  margin-top: 147px; }
.competencies-list {
    display: flex;
    justify-content: space-between;
    margin-top: 56px;
    max-width: 867px;
}
    .competencies-list__1 > li, .competencies-list__2 > li {
      font-size: 24px;
      font-family: 'Gregor';
      line-height: 180%;
      color: #717171; }

.slider {
  width: 95%; }

.reviews {
  margin-top: 170px;
  height: 48vh; }
  .reviews .slider-swap {
    display: none; }
  .reviews .slider-indicators {
    z-index: 100;
    width: auto;
    left: auto;
    top: auto;
    bottom: 20%;
    right: 0; }
  .reviews .slider-indicator {
    border-radius: 0;
    border: none;
height: 1.9rem;
    width: 1.9rem;
    display: flex; }
    .reviews .slider-indicator span {
      line-height: 14px;
          margin: 10.5px auto auto auto;
                    font-family: Circe Bold; }
  .reviews-item {
    transition: .4s; }
    .reviews-item.show {
      transition-delay: 0.8s; }
      .reviews-item.show .reviews-item-text_descr span {
        transition-delay: 0.8s;
        top: 0%; }
      .reviews-item.show .reviews-item__bg {
        opacity: 1;
        transition-delay: 1.3s;
        top: 50%; }
    .reviews-item-text {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 3;
      position: relative;
      width: 60%; }
      .reviews-item-text_descr {
        display: flex;
        font-family: 'Gregor';
        font-size: 32px;
        line-height: 120%;
        margin-bottom: 27px; }
        .reviews-item-text_descr span {
          position: relative;
          top: 6%;
          transition: .4s; }
                  .reviews-item-text_descr span ызфт {
          position: relative;
          font-size: 30px;
          top: 6%;
          transition: .4s; }
      .reviews-item-text_title {
        font-family: 'Circe Reg';
        font-size: 20px;
        line-height: 140%; }
      .reviews-item-text_work {
        font-family: 'Circe Reg';
        font-size: 16px;
        line-height: 140%;
        color: #4D4D4D; }
    .reviews-item__bg {
      opacity: 0;
      top: 65%;
      left: 50%;
      width: 75%;
      height: 80%;
      transform: translate(-50%, -50%);
      position: absolute;
      z-index: 1;
      transition: .4s; }
      .reviews-item__bg img {
        object-fit: contain; }

.team {
  margin-top: 170px; }
  .team-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 64px;
    gap: 25px; }
.team-list__item {
    margin: 0;
    width: auto;
    height: auto;
}
      .team-list__item:nth-child(2n) {
        margin: 0; }
      .team-list__item:nth-child(2n+1) {
        margin: 0; }

footer {
  margin-top: 136px;
  padding-bottom: 67px; }

.footer-list {
  display: flex;
  justify-content: space-between; }

.socials-list > li > a > img {
  width: 18px;     margin-right: 9px;}

  .info-language a {
  	font-size: 18px;
  }

.adress-list > li > span {
  display: block; }

.contacts-list > li, .adress-list > li, .socials-list > li {
  font-size: 16px;
  line-height: 180%; }
  .contacts-list > li > p, .adress-list > li > p, .socials-list > li > p {
    margin-bottom: 6px;
    font-size: 20px;
    color: #787878; }

.contacts {
  margin-top: 154px;
  display: flex;
  justify-content: space-around; }

form {
  font-family: 'Circe Reg';
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 40vw; }

input, textarea {
    width: 480px;
  height: auto;
  margin-bottom: 63px;
  padding: 5px 0;
  font-size: 18px;
  background-color: inherit;
   font-family: 'Circe Reg';
  border: none;
  border-bottom: 1px solid #7A7A7A;
  outline: none;
  color: #ffffff; }
textarea {
	height: 26px;
}

  input::placeholder, textarea::placeholder {
    font-size: 18px;
     font-family: 'Circe Reg';
    color: #ffffff; }
    
    
    
.flex_item_ad {
	display: flex;
	flex-wrap: wrap;
}

.flex_ad_item1 {
	width: 50%;
	    height: auto;
    object-fit: cover;
}
.flex_ad_item2 {
	width: 50%;
	    height: auto;
    object-fit: cover;
}
.flex_ad_item3 {
	width: 30%;
	    height: auto;
    object-fit: cover;
}
.flex_ad_item4 {
	width: 70%;
	    height: auto;
    object-fit: cover;
}
.flex_ad_item5 {
	width: 50%;
	    height: auto;
    object-fit: cover;
}
.flex_ad_item6 {
	width: 50%;
	    height: auto;
    object-fit: cover;
}


.adic_txt {
font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    max-width: 618px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 140px;
}

.adic_txt2 {
	font-size: 20px;
    line-height: 140%;
    text-align: center;
    color: #FFFFFF;
    max-width: 710px;
    margin: auto;
    margin-top: 140px;
    margin-bottom: 140px;
}


    


  input[type="submit"], textarea[type="submit"] {
    padding-bottom: 0;
    font-family: 'Circe Reg';
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: none; }

   .but_cont {
   	font-family: 'Circe Bold';
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 15px;
    text-transform: uppercase;
   }

    .but_cont:hover {
    font-family: 'Georgia';
    font-style: italic;
}

::selection {background: white; opacity: 1; color:#000;}
::-moz-selection {background: white; opacity: 1;color:#000;}
::-webkit-selection {background: white; opacity: 1;color:#000;}


.Zombeer_video {
	margin: auto;
	margin-bottom: 150px;
	max-width: 870px;
	text-align: center; 
}

.z_b_24 {
	margin-bottom: 24px;
}



.zombi_items {
	max-width: 1100px;
	margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 19px;
}

.top147 {
	margin-top: 147px;
}

.mimc_imgs {
	
}
.zombi_item {

}
.Zombeer_fot_text {
		max-width: 691px;
	margin: auto;
	text-align: center;
}
.MMSO_fot_text {
	max-width: 947px;
	margin: auto;
	text-align: center;
}

.prog_text {
	    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 140%;
}

.project:hover img{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
     transition: 2s;
         opacity: 0.4;

}

.works-img .project:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transition: 2s;
    
}

.works-img .project-text {
display: none;
}



.works-img .project-img {

    opacity: 1;
    position: relative;
    z-index: 99999;

}

.works-img  .project-img > img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover; 
}

.project img{
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
}



.project .project-text {

    transition: 0.3s;
}



.text {
  width: 15vw;
  display: flex;
  flex-direction: column; }
  .text-item {
    margin-bottom: 38px; }
    .text-item__title {
      font-size: 20px;
      margin-bottom: 6px; }
    .text-item__descr {
      display: block;
      font-size: 16px;
      font-family: Circe-Light;
      line-height: 180%; }
      .text-item__descr > img {
        width: 18px;
        height: 18px;
        margin-right: 9px; }

.lujniki {
  position: relative; }
  .lujniki-main {
    top: 100vh;

    z-index: 20;
    position: relative;
    background-color: #161514;
    padding-top: 130px; 
    background-image: url(assest/source/img/noise/noise.png);
    background-size: 5%;
    animation-name: noiseImg;
    animation-iteration-count: infinite;
    animation-duration: .06s;}
  .lujniki .main {
    top: 0;
    position: fixed;
    width: 100%;
    
    height: 100vh; }
    .lujniki .main header {
      margin: auto;}
    .lujniki .main-img {
    position: relative;
    opacity: 0;
    width: 100vw;
    overflow: hidden;
    height: 100vh; }
    .lujniki .main-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 3;
      text-align: center;
      font-family: 'Circe Reg'; }
      .lujniki .anim_text_next {
	transform: scale(0.4) translate(-50%, -50%);
	transition: 0s;
}

      .lujniki .main-text__title {
    font-size: 70px;
    line-height: 100%;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.56);
    margin-top: 5px;
    font-family: Circe Bold;}
      .lujniki .main-text__descr {
        font-size: 20px;
            text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.56);
        line-height: 140%; }
  .lujniki .text {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    font-family: 'Circe-Light';
    display: grid;
gap: 119px;
    grid-template-columns: 1fr 1fr;
    flex-direction: row;
    margin-top: 5px;}
    .lujniki .text-left {
      max-width: auto;
      font-family: 'Gregor';
      font-size: 42px;
      line-height: 110%; }
      .lujniki .text-left > span {
        display: block; }
    .lujniki .text-right {
      max-width: auto;
          font-family: 'Circe Reg';
      font-size: 20px;
      line-height: 140%; }
  .lujniki .grid-1 {
    margin-top: 176px;
    margin-bottom: 88px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .lujniki .grid-1-item_1 {
      width: 43%; }
    .lujniki .grid-1-item_2 {
      width: 30%; }
    .lujniki .grid-1-item_3 {
      width: 27%; }
    .lujniki .grid-1-item_4 {
      width: 28%; }
    .lujniki .grid-1-item_5 {
      width: 45%; }
    .lujniki .grid-1-item_6 {
      width: 27%; }
  .lujniki .text-2 {
    font-size: 20px;
    line-height: 140%;
    margin: auto;
    max-width: 714px;
    text-align: center; }
  .lujniki .grid-2 {
    margin-top: 101px;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .lujniki .grid-2-item_1 {
      width: 50%; }
    .lujniki .grid-2-item_2 {
      width: 50%; }
    .lujniki .grid-2-item_3 {
      width: 100%; }
    .lujniki .grid-2-item_4 {
      width: 50%; }
    .lujniki .grid-2-item_5 {
      width: 50%; }

.bottomSite {
  max-height: 100vh;
  overflow-y: scroll;
  display: none;
  width: 100vw;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0; }
  .bottomSite-scroll {
    width: 100%;
    height: 200vh; }
   





.lujniki-main .grid-1 img {
	    object-fit: cover;
}


a { outline: none!important;}

.lujniki .siti {
background: url(http://sld.agency/wp-content/uploads/2019/10/throne-1.png);
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 440px;
    margin-bottom: 100px;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 709px;
    gap: 38px;
    justify-content: center;
    grid-template-columns: 1fr;
    margin-top: 5px;
}

.myach {
padding-top: 170px;
}

 .siti_2_MCK {
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 709px;
    gap: 38px;
    justify-content: center;
    grid-template-columns: 1fr;
}


.fot_OZ {
	display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin-top: 240px;
}
.fot_OZ img {
	    object-fit: cover;
}

.fot_Adi {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.grid_text_2 {
	display: grid;
	max-width: 1136px;
	margin: auto;
gap:86px 200px; 
    margin-bottom: 150px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid_text_2 h2 {
font-family: Gregor;
font-style: normal;
font-weight: normal;
font-size: 42px;
line-height: 110%;
/* or 46px */
    margin-bottom: 15px;

color: #FFFFFF;
}

.grid_text_2 p {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
/* or 28px */


color: #FFFFFF;
}

.fev23 {
	max-width: 748px;
	    margin: auto;
	     margin-bottom: 86px;
}

.dr_Citymobil {
	margin-top: 100px;
}

.siti_keis_img {
	margin-bottom: 161px;
}
.lujniki  .none_ten {
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}


.siti_keis2_img {
	background: #1d0046;
	text-align: center;
	padding-top: 58px;
	margin-top: 160px;
}

.h2_cat_to {
	    font-family: Gregor;
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    line-height: 110%;
    margin-bottom: 15px;
    color: #FFFFFF;
}

.siti_keis2_img img {
	max-width: 1136px;
}

.siti_keis3_img {
	background: #FFE3C9;
	text-align: center;
	padding-top: 58px;
	margin-top: 0px;
}

.siti_keis3_img img {
	max-width: 1136px;
}


.fev23 h2 {
font-family: Gregor;
font-style: normal;
font-weight: normal;
font-size: 42px;
line-height: 110%;
/* or 46px */
    text-align: center;
margin-bottom: 24px;
color: #FFFFFF;
}

.fev23 p {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
/* or 28px */

text-align: center;

color: #FFFFFF;
}

.fev23_2 {
	max-width: 1136px;
	    margin: auto;
	    text-align: left;
	     margin-bottom: 86px;
}
.left_list {
	position: absolute;
    bottom: 85px;
    left: 62px;
}
.fev23_2 h2 {
font-family: Gregor;
font-style: normal;
font-weight: normal;
font-size: 56px;
line-height: 110%;
/* or 46px */
    text-align: left;
margin-bottom: 24px;
color: #FFFFFF;
}

.fev23_2 p {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
/* or 28px */

text-align: center;

color: #FFFFFF;
}


.img_gend {
	
}


.w



.fot_Adi img {
	    object-fit: cover;
}

.item_adi2 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.item_adi2 img {
	height: 50%;
}
 .siti_2 {
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 676px;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 640px;
    gap: 38px;
    justify-content: center;
    grid-template-columns: 1fr;
    margin-top: 5px;
}
.item_OZ4 {
	display: grid;
	    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.item_OZ4 img {
	height: 50%;
	    object-fit: cover;
}


.lujniki .siti p {
	    font-size: 20px;
    line-height: 140%;
}
.siti_2 p {
	    font-size: 20px;
    line-height: 25px;
        font-family: 'Circe Reg';
}


.new_adi {
  padding-top: 123px;
}

.grid-2_3_MCK {
	display: flex;
	justify-content: space-between;
	max-width: 800px;
	margin: auto;
	margin-top: 240px;
	margin-bottom: 140px;
}

.grid-2_3_MCK img {
	width: 375px;
}

.fot_MCK {
	margin-top: 50px;
	display: flex;
    flex-wrap: wrap;
}

.mardg_top_100 {
	margin-top: 100px;
}



.gend {
	height: auto;
	margin-top: 140px;
	margin-bottom: 190px;
}

]



.item_MCK1 {
	width: 40%;
}
.item_MCK2 {
	width: 20%;
}
.item_MCK3 {
	width: 40%;
}
.item_MCK4 {
	width: 20%;
}
.item_MCK5 {
	width: 15%;
}
.item_MCK6 {
	width: 32.5%;
}
.item_MCK7 {
	width: 32.5%;
}

.item_MCK1 img {
    object-fit: cover;
}
.item_MCK2 img{
    object-fit: cover;

}
.item_MCK3 img{
    object-fit: cover;

}
.item_MCK4 img{
    object-fit: cover;

}
.item_MCK5 img{
    object-fit: cover;

}
.item_MCK6 img{
    object-fit: cover;

}
.item_MCK7 img{
    object-fit: cover;

}

.video_mimc {
	text-align: center  ; 
    margin: auto;
    max-width: 580px;
}

.video_grid div {
	    text-align: center;
    margin: auto;
    max-width: 1015px;
    margin-bottom: 140px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.siti_2_MCK p {
	    font-size: 20px;
    line-height: 25px;
        font-family: 'Circe Reg';
}

.adi_img_bok {
	    margin: auto;
margin-top: 80px;	
margin-bottom: 180px;
position: relative;
    max-width: 1100px;
    height: 530px;

}

.adi_img_bok > img{
	    position: absolute;
	    height: auto;
	    width: auto;
}

.adi_img_bok > div {
	padding-top: 150px;
}

.adi_new_mr {
	margin-top: 260px;
}

.item_fon_bok_1 {
  top: -85px;
}
.item_fon_bok_2 {
	right: 0;
	    bottom: -20px;
}
.item_fon_bok_3 {
	right: 0;
	top: 0;
}
.item_fon_bok_4 {
	    bottom: -20px;
}
.adi_img_bok h3 {
	    font-family: 'Gregor';
    font-size: 42px;
margin: auto;    max-width: 581px;
    text-align: center;
    
}

.adi_img_bok p {
	    font-size: 20px;
    line-height: 140%;
    max-width: 581px;
        font-family: 'Circe Reg';
    text-align: center;
    margin: auto;
        margin-top: 20px;

}

.grid-2_1 {
	text-align: center;
margin: auto;
    max-width: 1015px;

    }
.grid-2_1 img{
	text-align: center;
}

.lujniki .siti h3 { 
font-family: 'Gregor';
    font-size: 42px;
        margin-bottom: 20px;
	 }
	 
 .siti_2 h3 { 
font-family: 'Gregor';
    font-size: 42px;
        margin-bottom: 47px;
	 }

.lujniki .mar_146 {
	margin: 140px auto;
}

.grid-2_2 {
	margin: 140px auto;
    text-align: center;
}

.grid-2_2 img {
width: auto;
    text-align: center;
    margin: auto;
}

.grid-2_3 img {
	    height: auto;
}
.grid-2_3 {
	display: grid;
	margin: auto;
	    gap: 20px;
    max-width: 1015px;
 grid-template-columns: 1fr 1fr;
}

.video_grid {
	margin-top: 150px;
	margin-bottom: 250px;
}


.fot_video {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 122px;
}

.tr0 {
    display: flex;
    justify-content: space-evenly;
}


.tr0 div{
	margin: 35px 0 ;
}

.tr1 h2{
font-size: 32px;
    line-height: 140%;
    text-align: center;
    font-family: Circe Bold;

}

.tr1 p{
font-size: 16px;
line-height: 140%;
}

.tr2 h2{
font-size: 32px;
    line-height: 140%;
    text-align: center;
    font-family: Circe Bold;
}


.img_dr_il2 {
display: grid; grid-template-columns: 1fr 1fr; gap: 21px;
}
.img_dr_il4 {
	display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 21px;
}


.tr2 p{
font-size: 16px;
line-height: 140%;
}

.s-item1_siti_dr {
    width: 100px;
    text-align: center;
    margin-right: 57px;
    margin-left: 50px;
    }
siti_keis_dr_phon {
    display: flex;
    justify-content: space-between;
    max-width: 1137px;
    margin: auto;
    margin-top: 163px;	
}

.siti_keis4_phon {
    display: flex;
    justify-content: space-between;
    max-width: 1137px;
    margin: auto;
    margin-top: 163px;	
}

.siti_keis4_phon--result {
	
} 

.siti_keis_dr_phon--result > h2 {
	font-family: Gregor;
font-size: 42px;
line-height: 110%;
    padding-bottom: 25px;
/* or 46px */
padding-top: 70px;

color: #FFFFFF;
}

.cars {
	    position: absolute;
    bottom: -250px;

    width: 700px;

}

.cars_block {
	animation-name: bobble;
    animation-duration: 19s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
        position: absolute;
    top: 200px;
    z-index: 99999;
    width: 500px;
    height: 400px;
}


@keyframes bobble {
    0% {
            transform: translateX(0px);
        animation-timing-function: ease-in;
    }
    100% {
            transform: translateX(1758px);
        animation-timing-function: ease-out;
    }
}

.cars1 {
	    position: absolute;
    bottom: -337px;
    width: 100px;
    left: 110px;
        -webkit-animation-name: rotation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



.cars2 {
	    position: absolute;
    bottom: -337px;
    width: 100px;
    left: 524px;
        -webkit-animation-name: rotation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}

.siti_keis4_phon--result  h2{
font-family: Gregor;
font-size: 42px;
line-height: 110%;
/* or 46px */
padding-top: 70px;

color: #FFFFFF;
} 

.sit100_img {
	margin: auto;
	max-width: 1100px;
}

.siti_keis4_phon--result > p{
font-family: Circe;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
/* or 28px */

margin-top: 40px;
color: #FFFFFF;
max-width: 447px;
} 
.siti_keis_dr_phon--result > p {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
margin-top: 25px;
/* or 28px */

margin-top: 40px;
color: #FFFFFF;
max-width: 447px;
margin: auto;
}

.siti_keis_dr_phon--result__head {
	    display: flex;
    margin-top: 40px;
    justify-content: center;
}

.siti_keis4_phon--result__head{
    display: flex;
    margin-top: 40px;
}

.siti_keis_dr_phon--result__head div h3 {
	font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */

color: #FFFFFF;
}

.siti_keis4_phon--result__head div h3 {
font-weight: bold;
font-size: 32px;
line-height: 140%;
/* or 45px */

color: #FFFFFF;
}

.vegans_text1 {
	max-width: 1117px;
	margin: auto;
	display: flex;
		margin-bottom: 0px;
	justify-content: space-between;
	
}

.vegans_text1_items {
	max-width: 466px;

}

.vegans_text1_items_bl{
	margin-bottom: 87px;
}

.vegans_text1_items_bl h2 {
font-size: 42px;
line-height: 110%;
font-family: Gregor;

color: #FFFFFF;
}

.vegans_img1 {
	max-width: 1100px;
	margin: auto;
	margin-bottom: 100px;
}

.vegans_img2 {

	margin-bottom: 100px;
}

.vegans_text1_items div p {
font-size: 20px;
line-height: 140%;
/* or 28px */


color: #FFFFFF;
}

.s-item1_siti {
    width: 100px;
    text-align: center;
    margin-right: 57px;
}

.Adidas_img {
	margin-top: 162px;
}

.gif_ad {
	display: flex;
	
}
.gif_ad img {
	width: 50%;
}
.siti_keis4_phon--result__head div p {
font-weight: normal;
font-size: 16px;
line-height: 140%;
/* or 22px */


color: #FFFFFF;
}

.project2-wrapper {
  top: 0;
  position: fixed;
  width: 100%;
  height: 100vh; }
  
  .siti_2 {
	width: 100%;
}

.project2-main {
  top: 100vh;
  z-index: 20;
  position: relative;
  background-color: #161514;
  padding-top: 80px; }

.project2 .main {
  margin-top: 6px; }
  .project2 .main-img {
	   opacity: 0;
    opacity: 0.8;
    position: relative;
    max-width: 100vw;
    height: 100vh;
    z-index: 3; }
  .project2 .main-text {
    text-shadow: 0 0 70px #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 3;
    text-align: center;
    font-family: 'Circe Bold'; }
    .project2 .main-text__title {
      font-size: 80px;
      line-height: 110%; }
    .project2 .main-text__descr {
      font-size: 20px;
      line-height: 140%; }
      .video_top_maych {
        margin-top: 180px;
        margin-bottom: 204px;
      }
.project2 .text {
  width: 100%;
  margin-top: 75px;
  display: flex;
  justify-content: space-around;
  flex-direction: row; }
  .project2 .text-left {
    max-width: 30vw;
    font-family: 'Gregor';
    font-size: 42px;
    line-height: 110%; }
    .project2 .text-left > span {
      display: block; }
  .project2 .text-right {
    max-width: 25vw;
    font-size: 20px;
    line-height: 140%; }

.project2 .grid {
  margin-top: 101px;
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .project2 .grid-item_1 {
    width: 50%; }
  .project2 .grid-item_2 {
    width: 50%; }
  .project2 .grid-item_3 {
    width: 40%; }
  .project2 .grid-item_4 {
    width: 60%; }
  .project2 .grid-item_5 {
    width: 50%; }
  .project2 .grid-item_6 {
    width: 50%; }
  .project2 .grid-item_7 {
    width: 100%; }

.adi_new_mr .item_adi_new1{
  width: 33%;
}
.adi_new_mr .item_adi_new2{
  width: 14%;
}
.adi_new_mr .item_adi_new3{
  width: 21%;
}
.adi_new_mr .item_adi_new4{
  width: 16%;
}
.adi_new_mr .item_adi_new5{
  width: 16%;
}
.adi_new_mr .item_adi_new6{
  width: 25%;
}
.adi_new_mr .item_adi_new7{
  width: 14%;
}
.adi_new_mr .item_adi_new8{
  width: 33%;
}
.adi_new_mr .item_adi_new9{
  width: 28%;
}


.project2 .text-2 {
  margin: 85px auto 183px auto;
  font-size: 20px;
  line-height: 140%;
  width: 45%;
  text-align: center;
  text-align-last: center; }

.project2 .MscImg {
  margin: auto;
  width: 60%;
  margin-bottom: 160px; }

  textarea#note {
  box-sizing:border-box;
  display:block;
}


.nextCase {
  position: -webkit-sticky;
  position: sticky;
  top: 50vh;
  height: 50vh;
  max-width: 100vw;
  display: flex;
  overflow: hidden; }
  .nextCase[data-value='5'] {
    top: 45vh;
    height: 55vh; }
    .nextCase[data-value='5'] .nextCase-container {
      width: 34.375vw;
      height: 34.375vw; }
    .nextCase[data-value='5'] .nextCase-content {
      border-radius: 48%; }
    .nextCase[data-value='5'] .nextCase-img {
      background-color: transparent;
      border-radius: 5000px;
      width: 92.5%;
      height: 92.5%; }
      .nextCase[data-value='5'] .nextCase-img img {
        opacity: 0.1; }
    .nextCase[data-value='5'] .nextCase-text__circle img {
      transform: rotate(7.5deg) scale(1.855); }
    .nextCase[data-value='5'] .nextCase-text__header {
      transform: scale(1.025);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), 0px 0px 30px rgba(0, 0, 0, 0.1); }
  .nextCase[data-value='10'] {
    top: 40vh;
    height: 60vh; }
    .nextCase[data-value='10'] .nextCase-container {
      width: 38.75vw;
      height: 38.75vw; }
    .nextCase[data-value='10'] .nextCase-content {
      border-radius: 44%; }
    .nextCase[data-value='10'] .nextCase-img {
      background-color: transparent;
      border-radius: 5000px;
      width: 93%;
      height: 93%; }
      .nextCase[data-value='10'] .nextCase-img img {
        opacity: 0.2; }
    .nextCase[data-value='10'] .nextCase-text__circle img {
      transform: rotate(15deg) scale(1.851); }
    .nextCase[data-value='10'] .nextCase-text__header {
      transform: scale(1.05);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2), 0px 0px 30px rgba(0, 0, 0, 0.2); }
  .nextCase[data-value='15'] {
    top: 35vh;
    height: 65vh; }
    .nextCase[data-value='15'] .nextCase-container {
      width: 42.75vw;
      height: 42.75vw; }
    .nextCase[data-value='15'] .nextCase-content {
      border-radius: 40.25%; }
    .nextCase[data-value='15'] .nextCase-img {
      background-color: transparent;
      border-radius: 5000px;
      width: 93.5%;
      height: 93.5%; }
      .nextCase[data-value='15'] .nextCase-img img {
        opacity: 0.3; }
    .nextCase[data-value='15'] .nextCase-text__circle img {
      transform: rotate(22.5deg) scale(1.8515); }
    .nextCase[data-value='15'] .nextCase-text__header {
      transform: scale(1.08);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3), 0px 0px 30px rgba(0, 0, 0, 0.3); }
  .nextCase[data-value='20'] {
    top: 30vh;
    height: 70vh; }
    .nextCase[data-value='20'] .nextCase-container {
      width: 47.5vw;
      height: 47.5vw; }
    .nextCase[data-value='20'] .nextCase-content {
      border-radius: 38.5%; }
    .nextCase[data-value='20'] .nextCase-img {
      background-color: transparent;
      width: 94%;
      height: 94%;
      border-radius: 5000px; }
      .nextCase[data-value='20'] .nextCase-img img {
        opacity: 0.4; }
    .nextCase[data-value='20'] .nextCase-text__circle img {
      transform: rotate(30deg) scale(1.852); }
    .nextCase[data-value='20'] .nextCase-text__header {
      transform: scale(1.11);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.4); }
  .nextCase[data-value='25'] {
    top: 25vh;
    height: 75vh; }
    .nextCase[data-value='25'] .nextCase-container {
      width: 51.8vw;
      height: 51.8vw; }
    .nextCase[data-value='25'] .nextCase-content {
      border-radius: 34.25%; }
    .nextCase[data-value='25'] .nextCase-img {
      background-color: transparent;
      width: 94.5%;
      height: 94.5%;
      border-radius: 5000px; }
      .nextCase[data-value='25'] .nextCase-img img {
        opacity: 0.5; }
    .nextCase[data-value='25'] .nextCase-text__circle img {
      transform: rotate(37.5deg) scale(1.8525); }
    .nextCase[data-value='25'] .nextCase-text__header {
      transform: scale(1.14);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5), 0px 0px 30px rgba(0, 0, 0, 0.5); }
  .nextCase[data-value='30'] {
    top: 20vh;
    height: 80vh; }
    .nextCase[data-value='30'] .nextCase-container {
      width: 56.25vw;
      height: 56.25vw; }
    .nextCase[data-value='30'] .nextCase-content {
      border-radius: 33%; }
    .nextCase[data-value='30'] .nextCase-img {
      background-color: transparent;
      width: 95%;
      height: 95%;
      border-radius: 5000px; }
      .nextCase[data-value='30'] .nextCase-img img {
        opacity: 0.6; }
    .nextCase[data-value='30'] .nextCase-text__circle img {
      transform: rotate(45deg) scale(1.853); }
    .nextCase[data-value='30'] .nextCase-text__header {
      transform: scale(1.17);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6), 0px 0px 30px rgba(0, 0, 0, 0.6); }
  .nextCase[data-value='35'] {
    top: 15vh;
    height: 85vh; }
    .nextCase[data-value='35'] .nextCase-container {
      width: 60.5vw;
      height: 60.5vw; }
    .nextCase[data-value='35'] .nextCase-content {
      border-radius: 30.25%; }
    .nextCase[data-value='35'] .nextCase-img {
      background-color: transparent;
      width: 95.5%;
      height: 95.5%;
      border-radius: 5000px; }
      .nextCase[data-value='35'] .nextCase-img img {
        opacity: 0.7; }
    .nextCase[data-value='35'] .nextCase-text__circle img {
      transform: rotate(52.5deg) scale(1.854); }
    .nextCase[data-value='35'] .nextCase-text__header {
      transform: scale(1.195);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7), 0px 0px 30px rgba(0, 0, 0, 0.7); }
  .nextCase[data-value='40'] {
    top: 10vh;
    height: 90vh; }
    .nextCase[data-value='40'] .nextCase-container {
      width: 65vw;
      height: 65vw; }
    .nextCase[data-value='40'] .nextCase-content {
      border-radius: 27.5%; }
    .nextCase[data-value='40'] .nextCase-img {
      background-color: transparent;
      width: 96%;
      height: 96%;
      border-radius: 5000px; }
      .nextCase[data-value='40'] .nextCase-img img {
        opacity: 0.8; }
    .nextCase[data-value='40'] .nextCase-text__circle img {
      transform: rotate(60deg) scale(1.855); }
    .nextCase[data-value='40'] .nextCase-text__header {
      transform: scale(1.22);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8), 0px 0px 30px rgba(0, 0, 0, 0.8); }
  .nextCase[data-value='45'] {
    top: 5vh;
    height: 95vh; }
    .nextCase[data-value='45'] .nextCase-container {
      width: 69.375vw;
      height: 69.375vw; }
    .nextCase[data-value='45'] .nextCase-content {
      border-radius: 24.75%; }
    .nextCase[data-value='45'] .nextCase-img {
      background-color: transparent;
      width: 96.5%;
      height: 96.5%;
      border-radius: 5000px; }
      .nextCase[data-value='45'] .nextCase-img img {
        opacity: 0.9; }
    .nextCase[data-value='45'] .nextCase-text__circle img {
      transform: rotate(67.5deg) scale(1.856); }
    .nextCase[data-value='45'] .nextCase-text__header {
      transform: scale(1.25);
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9), 0px 0px 30px rgba(0, 0, 0, 0.9); }
  .nextCase[data-value='50'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='50'] .nextCase-container {
      width: 73.75vw;
      height: 73.75vw; }
    .nextCase[data-value='50'] .nextCase-content {
      border-radius: 22%; }
    .nextCase[data-value='50'] .nextCase-img {
      background-color: transparent;
      width: 97%;
      height: 97%;
      border-radius: 5000px; }
      .nextCase[data-value='50'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='50'] .nextCase-text__circle img {
      transform: rotate(75deg) scale(1.857); }
    .nextCase[data-value='50'] .nextCase-text__header {
      transform: scale(1.28);
      text-shadow: 0px 0px 15px black,0px 0px 30px black; }
  .nextCase[data-value='55'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='55'] .nextCase-container {
      width: 77.375vw;
      height: 77.375vw; }
    .nextCase[data-value='55'] .nextCase-content {
      border-radius: 19.25%; }
    .nextCase[data-value='55'] .nextCase-img {
      background-color: transparent;
      width: 97.5%;
      height: 97.5%;
      border-radius: 5000px; }
      .nextCase[data-value='55'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='55'] .nextCase-text__circle img {
      transform: rotate(82.5deg) scale(1.858); }
    .nextCase[data-value='55'] .nextCase-text__header {
      transform: scale(1.305);
      text-shadow: 0px 0px 15px black,0px 0px 30px black; }
  .nextCase[data-value='60'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='60'] .nextCase-container {
      width: 82.5vw;
      height: 82.5vw; }
    .nextCase[data-value='60'] .nextCase-content {
      border-radius: 16.5%; }
    .nextCase[data-value='60'] .nextCase-img {
      background-color: transparent;
      border-radius: 5000px;
      width: 98%;
      height: 98%; }
      .nextCase[data-value='60'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='60'] .nextCase-text__circle img {
      transform: rotate(80deg) scale(1.859); }
    .nextCase[data-value='60'] .nextCase-text__header {
      transform: scale(1.33);
      text-shadow: 0px 0px 15px black,0px 0px 30px black; }
  .nextCase[data-value='65'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='65'] .nextCase-container {
      width: 86.875vw;
      height: 86.875vw; }
    .nextCase[data-value='65'] .nextCase-content {
      border-radius: 13.75%; }
    .nextCase[data-value='65'] .nextCase-img {
      background-color: transparent;
      border-radius: 5000px;
      width: 98.5%;
      height: 98.5%; }
      .nextCase[data-value='65'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='65'] .nextCase-text__circle img {
      transform: rotate(87.5deg) scale(1.95); }
    .nextCase[data-value='65'] .nextCase-text__header {
      transform: scale(1.36);
      text-shadow: 0px 0px 15px black,0px 0px 30px black; }
  .nextCase[data-value='70'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='70'] .nextCase-container {
      width: 91.25vw;
      height: 91.25vw; }
    .nextCase[data-value='70'] .nextCase-content {
      border-radius: 11%; }
    .nextCase[data-value='70'] .nextCase-img {
      background-color: transparent;
      width: 99%;
      height: 99%;
      border-radius: 5000px; }
      .nextCase[data-value='70'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='70'] .nextCase-text__circle img {
      transform: rotate(95deg) scale(1.96); }
    .nextCase[data-value='70'] .nextCase-text__header {
      transform: scale(1.39);
      text-shadow: 0px 0px 15px black,0px 0px 30px black; }
  .nextCase[data-value='75'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='75'] .nextCase-container {
      width: 95.65vw;
      height: 95.65vw; }
    .nextCase[data-value='75'] .nextCase-content {
      border-radius: 8.25%; }
    .nextCase[data-value='75'] .nextCase-img {
      background-color: transparent;
      width: 99.5%;
      height: 99.5%;
      border-radius: 0%; }
      .nextCase[data-value='75'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='75'] .nextCase-text__circle img {
      transform: rotate(102.5deg) scale(1.97); }
    .nextCase[data-value='75'] .nextCase-text__header {
      transform: scale(1.415);
      text-shadow: 0px 0px 15px black,0px 0px 30px black; }
  .nextCase[data-value='80'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='80'] .nextCase-container {
      width: 100vw;
      height: 100vw; }
    .nextCase[data-value='80'] .nextCase-content {
      border-radius: 5.5%; }
    .nextCase[data-value='80'] .nextCase-img {
      background-color: transparent;
      border-radius: 0%;
      width: 100%;
      height: 100%; }
      .nextCase[data-value='80'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='80'] .nextCase-text__circle img {
      transform: rotate(110deg) scale(1.98); }
    .nextCase[data-value='80'] .nextCase-text__header {
      text-shadow: 0px 0px 15px black,0px 0px 30px black;
      transform: scale(1.44); }
  .nextCase[data-value='85'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='85'] .nextCase-container {
      width: 104.375vw;
      height: 104.375vw; }
    .nextCase[data-value='85'] .nextCase-content {
      border-radius: 2.75%; }
    .nextCase[data-value='85'] .nextCase-img {
      background-color: transparent;
      border-radius: 0%;
      width: 100%;
      height: 100%; }
      .nextCase[data-value='85'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='85'] .nextCase-text__circle img {
      transform: rotate(117.5deg) scale(1.99); }
    .nextCase[data-value='85'] .nextCase-text__header {
      text-shadow: 0px 0px 15px black,0px 0px 30px black;
      transform: scale(1.47); }
  .nextCase[data-value='90'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='90'] .nextCase-container {
      width: 108.75vw;
      height: 108.75vw; }
    .nextCase[data-value='90'] .nextCase-content {
      border-radius: 0%; }
    .nextCase[data-value='90'] .nextCase-img {
      background-color: transparent;
      border-radius: 0%;
      width: 100%;
      height: 100%; }
      .nextCase[data-value='90'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='90'] .nextCase-text__circle img {
      transform: rotate(125deg) scale(2.3); }
    .nextCase[data-value='90'] .nextCase-text__header {
      text-shadow: 0px 0px 15px black,0px 0px 30px black;
      transform: scale(1.5); }
  .nextCase[data-value='95'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='95'] .nextCase-container {
      width: 113vw;
      height: 113vw; }
    .nextCase[data-value='95'] .nextCase-content {
      border-radius: 0%; }
    .nextCase[data-value='95'] .nextCase-img {
      background-color: transparent;
      border-radius: 0%;
      width: 100%;
      height: 100%; }
      .nextCase[data-value='95'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='95'] .nextCase-text__circle img {
      transform: rotate(132.5deg) scale(2.6); }
    .nextCase[data-value='95'] .nextCase-text__header {
      text-shadow: 0px 0px 15px black,0px 0px 30px black;
      transform: scale(1.53); }
  .nextCase[data-value='100'] {
    top: 0vh;
    height: 100vh; }
    .nextCase[data-value='100'] .nextCase-container {
      width: 113vw;
      height: 113vw; }
    .nextCase[data-value='100'] .nextCase-content {
      border-radius: 0%; }
    .nextCase[data-value='100'] .nextCase-img {
      background-color: transparent;
      border-radius: 0%;
      width: 100%;
      height: 100%; }
      .nextCase[data-value='100'] .nextCase-img img {
        opacity: 1; }
    .nextCase[data-value='100'] .nextCase-text__circle img {
      transform: rotate(132.5deg) scale(2.6); }
    .nextCase[data-value='100'] .nextCase-text__header {
      text-shadow: 0px 0px 15px black,0px 0px 30px black;
      transform: scale(1.53); }
  .nextCase-scroll {
    height: 200vh; }
  .nextCase, .nextCase-container, .nextCase-content, .nextCase-img, .nextCase-img img, .nextCase-text__circle, .nextCase-text__circle img, .nextCase-text__header {
    transition: .9s; }
  .nextCase-position {
    margin-top: 100px; }
  .nextCase-container {
    max-width: 100vw;
    max-height: 100vh;
    width: 30vw;
    height: 30vw;
    margin: auto;
    position: relative; }
  .nextCase-content {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: flex;
    position: relative;
    padding: 3px; }
  .nextCase-img {
    border-radius: 50%;
    top: 50%;
    left: 50%;
    height: 92%;
    width: 92%;
    position: absolute;
    z-index: 1;
    transform: translate(-50%, -50%);
    background-color: #0a0a0a; }
    .nextCase-img img {
      opacity: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .nextCase-textContainer {
    z-index: 2;
    margin: auto; }
  .nextCase-text__circle {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2; }
    .nextCase-text__circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.85); }
  .nextCase-text__tags {
    text-align: center;
    font-size: 13px;
    margin-bottom: 13px; }
  .nextCase-text__header {
    text-align: center;
    font-size: 38px;
    font-weight: bold; }

.wrapper-block .info-text {
         padding-left: 100px;
    transition: 1s; }

  .wrapper-block .info-text__title {
    font-family: 'Gregor';
    font-size: 46px;
    line-height: 120%;
}

.siti_keis4_phon--phon {
	width: 400px;
}

.siti_keis4_cart {
	width: 584px;
}

input {
    border-radius: 0;
}

input {
    -webkit-appearance: none;
}

.video_castom_01 {
	    margin-top: 340px;
    margin-bottom: 160px;
}

.result_castom_01 {
	height: auto;
	margin-bottom: 100px;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; }



.Moscow_internationali {
	padding-top: 30px;
	padding-bottom: 120px;
}

.mmc_img {
	max-width: 1136px;
	margin: auto;
	padding-top: 170px;
	padding-bottom: 170px;
}

.fotomicm_mmc_2 {
	
}



.sit100 {
	max-width: 749px;
	text-align: center;
	display: grid;
	gap: 40px;
	margin: auto;
}

.sit100_img img {
	margin-bottom: 64px;
}

.Cosmotheca img {
	margin-bottom: 64px;
}
.Cosmotheca {
	max-width: 1024px;
	margin: auto;
}
.Skoltech {
		max-width: 709px;
	text-align: center;
	display: grid;
	gap: 40px;
	margin: auto;
}
.Skoltech p{
		font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
}
.sit100 p {
	font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
}


            
.mck_top100 {
	margin-top: 100px;
}

.mck_autobus {
	margin-top: 238px;
	margin-bottom: 173px;
}

.mck_autobus div {
width: 467px;

}


.mck_autobus_2 {
    max-width: 1136px;
    margin: 150px auto;
    margin-top: 320px;
    margin-bottom: 240px;
}

.txt_MCK_2 h3 {
font-family: Gregor;
font-size: 42px;
line-height: 110%;
margin-bottom: 21px;
/* or 46px */
text-align: center;

color: #FFFFFF;

}



.txt_MCK_2 p {
margin-bottom: 56px;

font-family: Circe;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
/* or 28px */

text-align: center;

color: #FFFFFF;
}


.mck_autobus_img {
	position: absolute;
    width: 710px;
    top: 0px;
    height: 296px;
    right: 0;
}

.MCK_cast {
	max-width: 691px;
	margin: auto;
}

.mck_autobus p {
font-size: 20px;
line-height: 140%;
/* or 28px */


color: #FFFFFF;
}

.mck_cart {
	margin-top: 150px;
	margin-bottom: 200px;
}


.OZWEEGO_video {
	margin-top: 100px;
	margin-bottom: 44px;
}

.OZWEEGO_text_1 {
	    margin: auto;
}
     
.OZWEEGO_img_gal {
	margin-top: 130px;
}

.cast2_OZ {
	
	margin: auto 0;
}

.cast3_OZ {
	margin-bottom: 144px;
}

.top_grid_keis {
	padding-top: 40px;
}

.cast_row_1 {
	max-width: 750px;
	margin: auto;
}

.zag_mar_90px {
	margin-bottom: 130px;
}

.cast_row_1 h2 {
	font-family: Gregor;
font-style: normal;
text-align: center;
font-weight: normal;
font-size: 42px;
/* or 46px */

margin-bottom: 24px;
color: #FFFFFF;
}

.wink_video {
	max-width: 874px;
	margin: auto;
	padding-top: 100px;
}

.cast_row_1 p {
	max-width: 750px;
	margin: auto;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 140%;
/* or 28px */

text-align: center;

color: #FFFFFF;
}


.wink_2 {
	display: flex;
}
.wink_2 img  {
	width: 50%;
}
.zag_mar-top_90px {
	margin-top: 130px;
}

.mega_video {
	max-width: 1136px;
	margin: 120px auto;
	
}
.Moscow_international_top_160 {
	margin-top: 169px;
}

.w1136 {
	max-width: 1136px;
	margin: auto;
}

.w874 {
	max-width: 874px;
	margin: auto;
}

.flex_momc_img {
	display: flex;
	    height: 305px;
}


.avito_grid2 {
    max-width: 1136px;

    margin: 85px auto;
}

.avito_grid2 img {
    width: 100%;
    margin: 12px 0;
}

.mobil_pod_3 {
	display: none!important;
}



.flex_momc_img2 {
	display: flex;
}

.flex_momc_img2 > img {
	width: 65%;
}

.flex_momc_img2 div{
	display: flex;
	flex-direction: column;
	width: 35%;
}

.flex_momc_img2 div > img {
    object-fit: cover;
    height: 30.9%;
}


.siti_keis4_iboot_vid {
	margin-bottom: 160px;
}

.w1800 {
	    max-width: 1080px;
	    margin: auto;
}

.w150 {
	margin-top: 150px;
}

.th_g_2_1 {
	display: grid; grid-template-columns: 2fr 1fr;
}
.th_f_2 {
	display: flex;
}

.grid_mnogo_all_case {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.grid_mnogo_all_case img {
	    height: auto;
    object-fit: cover;
}


    @media all and (max-width: 1680px) {

.wrapper-block .info-text {
         padding-left: 0px;
    transition: 1s; }
.wrapper-block .info-text__title {
    font-family: 'Gregor';
    font-size: 42px;
    line-height: 110%;
}

}



@media all and (max-width: 1250px) {
  .contacts .text {
    width: 30vw; }
  .contacts form {
    width: 45vw; }
  .approach .contacts-container {
    padding: 0 50px; }
  .case-contents__img {
    top: 27%;
    width: 30%;
    height: auto; } 
    
    .mck_autobus_img {
	    display: none;
    }
    
   .mck_autobus {
	   padding: 0 25px;
   }
   }
    
    

@media all and (max-width: 1200px) {

.menu_in > li > a {
    padding: 0 17px;
    font-family: 'Circe Bold';
    font-size: 1.1vw;
    letter-spacing: 0.05em;
    line-height: 15px;
    text-transform: uppercase;
}
.menu_in img {
    width: 5vw;
}
.vegans_text1 {
	padding: 0 25px;
}
.grid_text {
	padding: 0 25px;
}
.cast_row_1  {
	padding: 0 25px;
}
.grid_text_2 {
	padding: 0 25px;
}
.txt_ap_2 p {
	color: #fff;
	font-size: 18px;
	    line-height: 140%;
	max-width: 492px;
}

.txt_ap_2 h3 {
font-size: 42px;
line-height: 110%;
margin-bottom: 20px;
font-family: Gregor;
color: #FFFFFF;
text-align: left;
}


.txt_ap_3 p {
	color: #fff;
	font-size: 18px;
	    line-height: 140%;
	max-width: 564px;
}

.txt_ap_3 h3 {
font-size: 42px;
line-height: 110%;
margin-bottom: 20px;
color: #FFFFFF;
font-family: Gregor;
text-align: left;
}

.txt_ap_4_grid div h3 {
    font-size: 42px;
    line-height: 110%;
    margin-bottom: 20px;
    font-family: Gregor;
    color: #FFFFFF;
    text-align: center;
}

.txt_ap_4_grid div p {
text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 140%;
    max-width: 564px;
    margin: auto;
}



.txt_ap_2 {
    position: absolute;
    left: 50px;
    top: 150px;
}

.txt_ap_3 {
    position: absolute;
    right: 55px;
    top: 130px;
}

.txt_ap_4_grid {
    max-width: 1109px;
    margin: auto;
    text-align: center;
    position: relative;
    bottom: 128px;
    gap: 150px;
    display: block;
    grid-template-columns: 1fr;
}


}

@media all and (max-width: 1160px) {
  .history-content__text {
    width: 30vw; }
  .works .container {
    padding: 0 50px; }
  .competencies-list {
    width: 75%; }
    .wrapper-block .info-text__title {
    font-family: 'Gregor';
    font-size: 32px;
    line-height: 110%;
}

  .agency .team-list {
    justify-content: space-around; }
.agency .team-list__item {
    max-width: 559px;
    max-height: 559px;
    height: auto;
    width: 100%;
} }




   @media all and (max-width: 1140px) {
  .info-text__title {
    width: unset; }
    .info-text__title > span {
      display: inline-block; } 
    .info-text__title {
    font-family: 'Gregor';
    font-size: 39px;
    line-height: 110%;
}

.grid-2_1 {
}
  .info-text__title {
    width: unset; }
    .info-text__title > span {
      display: inline-block; }
  .approach .container {
    padding: 0 50px; }
  .agency .container {
    padding: 0 50px; }
  .agency section > h3 {
    margin-top: 100px; }
  .rewards {
    margin-top: 90px; }
    .rewards-list {
      margin-top: 60px; }
    .rewards-text__2 > p {
      width: 100%;
          font-size: 19px; }
  .competencies {
    margin-top: 0; } 


      .project2 .text-left {
    max-width: unset;
    width: 45%;
    font-size: 38px; }
    .project2 .text-left > span {
      display: inline-block; }
  .project2 .text-right {
    max-width: unset;
    width: 45%; }
  .project2 .text-2 {
    width: 80%; } 
    
    .grid-2_3 {
    display: grid;
    margin: 150px 50px;
    /* margin: auto; */
    gap: 20px;
    max-width: 1015px;
    grid-template-columns: 1fr 1fr;
}
.grid-2_1 {

}

.lujniki  .mar_146 {
	max-width: none;
	margin-top: 150px;
	max-width: 1000px;
}


}



@media all and (max-width: 1100px) {
  .lujniki .text-left {
    max-width: unset;

    font-size: 3vw; }
    .grid_text_2 {
	    padding: 0 20px;
    }
    .lujniki .text-left > span {
      display: inline-block; }
  .lujniki .text-right {
    max-width: unset;
 }
  .lujniki .text-2 {
    width: 80%; } 


    .lujniki .text {
    width: 100%;
    max-width: 900px;
    display: grid;
    gap: 108px;
    grid-template-columns: 1fr 1.2fr;
    flex-direction: row;
}

.item_fon_bok_1 {
display: none;
}
.item_fon_bok_2 {
display: none;

}
.item_fon_bok_3 {
display: none;

}
.item_fon_bok_4 {
display: none;
}

.lujniki .siti {
background: url(http://sld.agency/wp-content/uploads/2019/10/throne-1.png);
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 676px;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 709px;
    gap: 38px;
    justify-content: center;
    grid-template-columns: 1fr;
    margin-top: 5px;
}

  .siti_2_MCK {
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 709px;
    gap: 38px;
    justify-content: center;
    grid-template-columns: 1fr;
    margin-top: 150px;
}
   
.MCK {
    max-width: 1154px;
    margin: auto;
    display: flex;
    margin-top: 40px;
    margin: auto 50px;
    justify-content: space-between;
}
.Moscow_international {
  max-width: 1154px;
  margin: auto;
  display: flex;
  margin-top: 10px;
  margin: auto 50px;
  justify-content: space-between;
}
  }







@media all and (max-width: 1040px) {
  .info-text__title {
    width: unset; }
    .info-text__title > span {
      display: inline-block; } 
    .info-text__title {
    font-family: 'Gregor';
    font-size: 35px;
    line-height: 110%;
}
.siti_keis4_phon {
    padding: 0 25px;

}
}



    @media all and (max-width: 1000px) {
  .reviews-item-text {
    width: 100%; }
    .reviews-item-text_descr {
      font-size: 26px; } }



    @media all and (max-width: 970px) {
  span {
    display: inline-block !important; }
  .approach .main-text__title {
    width: unset; }
  .approach .main-text__descr_large {
     }

     .approach .main-text__title {
    max-width: 865px;
    font-family: 'Gregor';
    font-size: 25px;
    line-height: 120%;
}

.approach .main-text__descr {
    margin-top: 70px;
    font-size: 16px;
    max-width: initial;
    line-height: 140%;
    gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.approach .main-text__descr > p {
    font-size: 15px;
    line-height: 140%;
    font-family: 'Circe Reg';
}
.rewards-text__1 {
    margin-top: 73px;
    font-size: 28px;
    line-height: 120%;
    font-family: Gregor;
    max-width: 865px;
}

  .rewards-text__1 {
    width: auto; }
.rewards-text__2 {
    grid-template-columns: 1fr;
}
    .rewards-text__2 > p {
      width: auto;
      margin-top: 25px; } }
      

@media all and (max-width: 900px) {
  .info-text__title {
    width: unset; }
    .info-text__title > span {
      display: inline-block; } 
    .info-text__title {
    font-family: 'Gregor';
    font-size: 30px;
    line-height: 110%;}
    .lujniki .main-text__title {
    font-size: 60px;
    line-height: 110%;
    margin-top: 10px;
    font-family: Circe Bold;
}

.avito_grid2 img {
    width: 96%;
    margin: 3px 6px;
}

}



@media all and (max-width: 850px) {
  .lujniki .main-img img {
    object-fit: cover; }
    .grid-2_1 {
    text-align: center;
    max-width: 1015px;
}

.siti_keis4_phon--phon {
	display: none;
}

.siti_keis4_cart {
	display: none;
}
.grid-2_3_MCK {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    flex-direction: column;
    margin: auto;
    margin-top: 240px;
    margin-bottom: 140px;
}
.OZWEEGO_text_1 {
    margin: auto;
    padding-top: 100px;
}
.siti_2 {
	width: 70%;
}
  .lujniki .text {
    align-items: center;
    flex-direction: column; }
    .lujniki .siti {
background: url(http://sld.agency/wp-content/uploads/2019/10/throne-1.png);
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 676px;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 709px;
    gap: 38px;
    justify-content: center;

    grid-template-columns: 1fr;
    margin-top: 5px;
}
    .lujniki .text-left {

      margin-bottom: 35px; }
    .lujniki .text-right {
 }

    .grid-2_3 {
    display: grid;
    margin: auto;
    gap: 20px;
    max-width: 1015px;
    margin: 0 20px;
    grid-template-columns: 1fr;
}
 .lujniki .text {
    width: 100%;
    max-width: 700px;
    align-items: flex-start;
    /* margin: 0 auto; */
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
    flex-direction: row;
}
.lujniki .siti {
background: url(http://sld.agency/wp-content/uploads/2019/10/throne-1.png);
    width: 100%;
    max-width: 1015px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 476px;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 709px;
    gap: 38px;
    justify-content: center;
    grid-template-columns: 1fr;
    margin-top: 5px;
}
.lujniki .text-left {
    max-width: unset;
    font-size: 30px;
}
.lujniki .text-right {
    max-width: auto;
    font-size: 20px;
    line-height: 140%;
}
  .lujniki .grid-1 {
    margin-top: 80px; }
    .lujniki .grid-1 img {
      object-fit: cover; }
  .lujniki .grid-2 img {
    object-fit: cover; } 
    

.MCK img {
display: none;}    
    .txt_MCK {
	width: 100%;
	    max-width: none;
    margin-bottom: 70px;
}

.grid-2_3_MCK img {
    margin: 20px auto;
}
.siti_2_MCK {
    width: auto;
    max-width: none;
    margin: 0 50px;

    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: none;
    gap: 38px;
    justify-content: center;
    grid-template-columns: 1fr;
    margin-top: 150px;
}
    .adi_img_bok{
	    margin: auto 50px;
    }
      .project2 .main-img img {
    object-fit: cover;
    }
  .project2 .text {
    align-items: center;
    flex-direction: column; }
    .project2 .text-left {
      width: 80%;
      margin-bottom: 35px; }
    .project2 .text-right {
      width: 80%; }

    }
    
    @media all and (max-width: 870px) {
.approach .main-text__title {
    max-width: 865px;
    font-family: 'Gregor';
    font-size: 20px;
    line-height: 120%;
}
.rewards-text__2 > p {
    width: 100%;
    font-size: 17px;
    line-height: 20px;
}

.rewards-text__2 {
    margin-top: 53px;
    font-size: 20px;
    line-height: 140%;
    max-width: 1040px;
    gap: 30px;
    display: grid;
}
}



@media all and (max-width: 820px) {
  .approach .history-content {
    flex-direction: column;
    align-items: center; }
    .approach .history-content__text {
      width: 100%; }
      .approach .history-content__text-title {
        margin: 60px 0;
        font-size: 28px; }
        .approach .history-content__text-title > span:nth-child(1) {
          margin-left: 0; }
        .approach .history-content__text-title > span:nth-child(2) {
          margin-left: 0; }
  .approach .contacts-container {
    margin: 50px auto 0 auto; }
    
    .vegan_tab {
	    display: none;
    } }
    

@media all and (max-width: 790px) {

	  .desct {
		  display: none;
	  }
	  
#fp-nav.right {
	display: none;
}
	  

.mobile-list > a {
    position: relative;
    top: -60px;
    font-size: 20px;
}
	  .mob_vid {
		  display: block;
	  }
	  

.team-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 34px;
    gap: 15px;
}

.tabs-list {
    flex-wrap: wrap;
    width: 100%;
    margin: 60px auto;
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
}
.case-contents__item p {
    display: inline;
    line-height: 0px;
    font-size: 40px;
}
	  

	  
	  
	  .additional-item > span {
    max-width: 239px;
    margin: auto;
    width: 100%;
}


  .mobile {

	  	    transition: 0.5s;
    display: flex; } 
  .project .text-left {
    font-size: 26px; }
  .project .text-right {
    font-size: 16px; }
  .project .text-2 {
    font-size: 16px; } 
    
.grid-2_2 img {
    width: 50%;
    text-align: center;
    margin: auto;
}
.tr0 {
	display: grid;
}

.siti_keis4_iboot_vid {
    margin-bottom: 60px;
}
.siti_keis4_phon {
    display: flex;
    justify-content: space-between;
    max-width: 1137px;
    margin: auto;
    margin-top: 93px;
}
.lujniki .siti p {
    font-size: 20px;
    line-height: 140%;
    font-family: 'Circe-Light';
    padding: 0 20px;
}
.grid-2_3 {
    display: grid;
    margin: 0 20px;
    /* margin: auto; */
    gap: 20px;
    max-width: 1015px;
    grid-template-columns: 1fr;
}

	        .hei_cont {
	     height: auto;
     }
  .descktop-hide {
    display: block;
    margin: auto;
    width: 100%;

    position: relative;
    height: 55px;
    font-size: 21px;
    font-family: 'Circe Reg';
    margin-bottom: 122px; }
    .descktop-hide:before {
      position: absolute;
      left: 4%;
      top: 35px;
      content: "";
    width: 36px;
    height: 25px;
      background: url(assest/source/img/Arrow.svg) no-repeat; 
      left:50%;
transform:translate(-50%, -50%);}
  .scrollBar {
    display: none; }
  .wrapper {
    width: 100vw;
    height: unset;
    flex-direction: column;
    position: static; }
  .info {
    height: 100vh;
    padding-left: 0; }
    .info-language {
      display: none; }
    .info-text {
      margin-left: 16px;
      width: 80%;
      margin-top: 180px; }
      .info-text__title {
        vertical-align: middle; }
        .info-text__title > span {
          vertical-align: middle;
          line-height: 110%; }
  .project {
        height: auto;
    position: relative; }
    .project-text {
    margin-left: 0;
    text-align: center;
    display: block;
    bottom: 0%;
    left: 0%;
    height: 50%;
    transform: none;
    position: absolute;
    width: 100%; }
      .project-text__title {
        font-size: 50px;
        line-height: 110%;
        font-family: 'Circe Bold'; }
      .project-text__decr {
        font-family: 'Circe Bold';
        font-size: 55px;
        line-height: 140%; }
  .additional {
height: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;}

      .additional-item:first-child {
	          width: 50%;
    height: 25vw;
        background: linear-gradient(0deg, #090808 0%, #1F1F1F 98.44%); }
      .additional-item:nth-child(2) {
	          width: 50%;
    height: 25vw;
        background: linear-gradient(180deg, #090808 0%, #1F1F1F 100%); } 

      .lujniki .main-text__title {
    font-size: 53px; }
  .lujniki .text-left {
    font-size: 30px; }
  .lujniki .text-2 {
    font-size: 16px; }
  .lujniki .grid-1 {
    margin-bottom: 50px; }
    .lujniki .grid-1-item_1 {
      width: 50%; }
    .lujniki .grid-1-item_2 {
      width: 50%; }
    .lujniki .grid-1-item_3 {
      width: 50%; }
    .lujniki .grid-1-item_4 {
      width: 50%; }
    .lujniki .grid-1-item_5 {
      width: 50%; }
    .lujniki .grid-1-item_6 {
      width: 50%; }
  .lujniki .grid-2 {
    margin-top: 50px; }
    .lujniki .text {
    width: 85%;
    max-width: none;
    margin: 0 0px;
    align-items: flex-start;
    margin: 0 auto;
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
    flex-direction: row;
    margin-top: 0px;
   
}




.ddf {
  margin-bottom: 80px;
 }
	.main-video {
    width: 1140px;
    max-width: 100%;
    max-height: 100%;
    margin-top: 100px;
}
.additional-item {
    height: auto;
    font-size: 25px;
    padding: 60px 0px;
    line-height: 30px;
}
	.menu_in {

    display: none;
}
  .mobile-header {
    display: block; }
  header {
    display: none; }
  .container {
    padding-top: 0; }
  .contacts {
        padding-bottom: 10rem;
    margin-left: 15px;
    margin-top: 120px;
    flex-direction: column-reverse; }
    .contacts .text {
      text-align: left;
      width: 100%; }
    .contacts form {
      width: 100%;
      align-items: flex-start; }
  .approach-wrapper {
    border: none; }
    .approach .main-text__descr {
    margin-top: 70px;
    font-size: 16px;
    max-width: initial;
    line-height: 140%;
    gap: 30px;
    display: grid;
    grid-template-columns: 1fr;
}
  .approach .main-text__descr {
    flex-direction: column; }
    .approach .main-text__descr > p {
      font-size: 18px; }
    .approach .main-text__descr_large {
      width: 100%;
}
    .approach .main-text__descr_small {
      width: 100%; }
  .case-contents__img {
    display: none; }
  .case-contents__item {
    width: 100%;
    margin-top: 20px;
    font-size: 43px; }
  .tabs-list {
    width: 80%; }
  .rewards-list {
    flex-direction: column;
    align-items: center; 
grid-template-columns: 1fr 1fr;}
    .rewards-list__item {
      width: 70%; }
  footer {
    margin-top: 60px; }
  .footer-list {
    flex-direction: column; }
    .footer-list > li {
      margin-top: 25px; }
  .team {
    margin-top: 60px; } 

      .project2 .text-2 {
    margin-bottom: 71px; }
  .project2 .grid-item_1 {
    order: 1;
    width: 100%; }
  .project2 .grid-item_2 {
    order: 3;
    width: 100%; }
  .project2 .grid-item_3 {
    order: 2;
    width: 100%; }
  .project2 .grid-item_4 {
    order: 4;
    width: 100%; }
  .project2 .grid-item_5 {
    order: 5;
    width: 100%; }
  .project2 .grid-item_6 {
    order: 6;
    width: 100%; }
  .project2 .grid-item_7 {
    order: 7;
    width: 100%; }
  .project2 .MscImg {
    width: 100%; } 
    
.grid-2_1 {

}
.grid-2_3 {
    display: grid;
    margin: 16px;
    /* margin: auto; */
    gap: 20px;
    max-width: 1015px;
    grid-template-columns: 1fr 1fr;
}
.wrapper-block  .info-text__title {
    width: 100%;
    font-size: 52px; }
    
    .mobile-list > ul > li > a {
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'Circe Bold';
    line-height: 70%;
}
.mobile-list > ul > li {
    width: 100%;
    margin-bottom: 45px;
}

.lujniki .siti_tests_2 {
	margin: 100px auto;
}

.grid_text_2 {
    grid-template-columns: 1fr;
    gap: 5px;
}

.Zombeer_fot_text {
	    padding: 0 15px;
}
.prog_text {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 140%;
    padding-left: 15px;
    padding-right: 15px;
}

}



@media all and (max-width: 650px) {
	.mobile-list > ul > li > a {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 70%;
    font-family: 'Circe Bold';
}
.grid_mnogo_all_case {
	display: grid;
	grid-template-columns: 1fr ;
}

.w150 {
    margin-top: 63px;
}

.grid-2_2 {
    margin: 80px auto;
    text-align: center;
}

.gif_mut {
	display: none;
}

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

.flex_momc_img2 > img {
    width: 100%;
}

.flex_momc_img2 div {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.adi_img_bok > div {
  padding-top: 8px;
}
.adi_new_mr {
  margin-top: 60px;
}
.fot_video {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 122px;
}

.zag_mar-top_90px {
    margin-top: 70px;
}
.grid_text_2 {
    display: grid;
    max-width: 1136px;
    margin: auto;
    gap: 45px;
    margin-bottom: 50px;
        margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr;
}

.grid_text_2-gap {
	gap: 0px;
}

  .competencies {
    width: 100%; }
    .competencies-list {
      flex-direction: column; }
  .rewards-text__1 {
    width: 100%; }
  .rewards-text__2 > p {
    width: 100%; }
  .agency .team-list__item {
    width: 100%; }
    .agency .team-list__item:nth-child(2n+1) {
      margin: 0;
      margin-top: 0px; }
    .agency .team-list__item:nth-child(2n) {
      margin: 0;
      margin-top: 0px; } 
    .info-text__links > a {
      margin-right: 28px; }
.next-case__preview {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    background: #181716;
    overflow: hidden;
    z-index: -1;
}

    .project-text__title {
    font-size: 39px;
}
  .project-text__decr {
    font-size: 16px; }
.wrapper-block  .info-text__title {
    width: 100%;
    font-size: 52px; }
    .wrapper-block .info-text {
    padding-left: 0rem;
}
.info-text {
    margin-left: 15px;
    width: 90%;
    margin-top: 150px;
}
.check a {
	    padding-bottom: 40px;
      font-size: 14px;
    line-height: 21px;
  } 

.agency .container {
    padding: 0 15px;
}
.case-contents__item p {
    display: inline;
    line-height: 0px;
}
.works .container {
    padding: 0 15px;
}
.tabs-list > label {
}
.tabs-list {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    grid-template-columns: 1fr 1fr 1fr;
}
.case-list__item {
    margin: 5px;
}

.reviews-item.show .reviews-item__bg {
    opacity: 1;
    transition-delay: 1.3s;
    top: 39%;
    width: 100%;
}
.team-list {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 34px;
    gap: 15px;
}
.circle-cursor--outer {
display: none;
}
.circle-cursor--inner {
display: none;
}
.lujniki .main-text {
    position: absolute;
    text-shadow: 0 0 70px #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    width: 100%;
    font-family: 'Circe Reg';
}

.zombi_items {
    grid-template-columns: 1fr;
    padding: 0 30px;
}

.MainImgAuto_db > img {
	width: 235px;
}

.row_2_dr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 20px;
}


.wink_2 {
    display: grid;
    gap: 20px;
    padding: 10px 0;
}

.adic_txt {
	padding: 0 15px;
}


.adic_txt2 {
	padding: 0 15px;
}
.wink_2 img {
	height: auto;
	width: 100%;
}

.dr_pers div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    padding: 0 20px;
}

.dr_pers img {
    height: auto;
    width: 100%;
}

.dr_pers div img{
	margin-bottom: 10px;
}

.MainKoleso_db_img1 {
    top: 56px;
    width: 50px;
    height: auto;
    left: 21px;
    position: absolute;
}


.MainKoleso_db_img2 {
    top: 56px;
    width: 50px;
    height: auto;
    left: 175px;
    position: absolute;
}





.mobil_pod_3 {
	display: block!important;
}

.video_castom_01 {
    margin-top: 140px;
    margin-bottom: 140px;
}
.dr_pers div img {
	margin-bottom: 90px;
}
.siti_keis_dr_phon--result {
	padding: 0 20px;
}
.th_g_2_1 {
	display: grid;grid-template-columns: 1fr;
}
.fot_Adi {
    display: grid;
    grid-template-columns: 1fr;
}
.siti_keis4_phon--result__head {
    display: grid;
    gap: 25px;
}
.siti_keis2_img {
    background: #1d0046;
    text-align: center;
    padding-top: 58px;
    margin-top: 60px;
}
.zag_mar_90px {
    margin-bottom: 60px;
}
.gend {
    height: auto;
    margin-top: 60px;
    margin-bottom: 120px;
}
.gif_ad img {
	width: 100%;
	}
	
	.gif_ad {
		display: grid;
	}
.s-item1_siti {
    width: 100px;
    text-align: left;
    margin-right: 57px;
}
.flex_momc_img {
    display: grid;
    height: 305px;
}

.mck_autobus div {
    width: auto;
}
.mck_autobus_2 {
    max-width: 1136px;
    margin: 150px auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.grid-2_3_MCK {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    flex-direction: column;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 60px;
}
.grid-2_3_MCK img {
    width: none;
    margin: 20px auto;
}
.th_f_2 {
	display: block;
}


.img_dr_il2 {
display: grid; grid-template-columns: 1fr; gap: 21px;
}
.img_dr_il4 {
	display: grid; grid-template-columns: 1fr 1fr; gap: 21px;
} 

  }



@media all and (max-width: 550px) {
	.mobile-list > ul > li > a {
    text-transform: uppercase;
    font-size: 33px;
    line-height: 70%;
    font-family: 'Circe Bold';
}

.MainImgAuto {
	display: none;
}

.dxs {
    max-width: 691px;
    margin: auto;
    text-align: center;
    padding-bottom: 70px;
}


.Zombeer_video {
    margin: auto;
    margin-bottom: 70px;
    max-width: 870px;
    text-align: center;
}

.adi_img_bok p {
    font-size: 18px;
    line-height: 140%;
    max-width: 581px;
    font-family: 'Circe Reg';
    text-align: left;
    margin: auto;
    margin-top: 20px;
}

.adi_img_bok h3 {
    font-family: 'Gregor';
    font-size: 40px;
    margin: auto;
    max-width: 581px;
    text-align: left;
}

.section3_app img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 630px;
    left: -30px;
}
.section2_app img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 630px;
    right: -30px;
    bottom: 0;
}
.section4_app img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: -1;
    transform: scale(1.9);
    bottom: 103px;
}
.case-year {
    font-size: 16px;
    font-family: 'Circe Reg';
    letter-spacing: 0.1em;
    vertical-align: initial;
}
  .approach .main-text__title {
    font-size: 25px; }
  .approach .contacts-container {
    margin: 30vh auto 0 auto; }
    .approach .contacts-container h2 {
      font-size: 1.4rem; }
  .case-contents__item {
    font-size: 24px; }
  .case-list__item {
        margin: 11px 0px; }
    .additional-item {
    height: auto;
    font-size: 25px;
    padding: 60px 0px;
    line-height: 30px;
}

	  .additional-item > span {
    max-width: 239px;
    margin: auto 10px;
    width: 100%;
}
.wrapper-block  .info-text__title {
    width: 100%;
    font-size: 42px; }
    .wrapper-block .info-text {
    padding-left: 0rem;
}
  .tabs-list {
    flex-wrap: wrap;
    width: 100%;
        margin: 50px 0; }
  .team-list__item {
    width: 100%;
    height: 288px; }
  .reviews .slider-indicators {
    bottom: 0; }
  .additional-item {
    font-size: 20px; }
  .nextCase {
    width: 100vw; }
    .nextCase-text__header {
      font-size: 24px; }
      
      .circle-cursor {
	      display: none!important;
      }

.mobile-list > a {
	    position: relative;
    top: -60px;
}

.tel_css_non {
	display: none;
}
.lujniki .main-text__descr {
    font-size: 16px;
    line-height: 140%;
}
.grid-2_3 {
    display: grid;
    margin: 16px;
    /* margin: auto; */
    gap: 20px;
    max-width: 1015px;
    grid-template-columns: 1fr;
}

.zag_app_p {
line-height: 140%;
text-align: center;
font-size: 18px;
text-align: center;
font-family: 'Gregor';
color: #FFFFFF;
margin: auto 20px;
text-align: center;
}



       }



@media all and (max-width: 440px) {
  .case-contents__item {
    font-size: 26px;
    line-height: 110%;
    padding-bottom: 7px;
}
.fot_video {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 122px;
}
.siti_2_MCK {
    width: auto;
    max-width: none;
    margin: 0 25px;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: none;
    gap: 38px;
    justify-content: center;
    grid-template-columns: 1fr;
    margin-top: 60px;
}
.MCK {
    max-width: 1154px;
    margin: auto;
    display: flex;
    margin-top: 40px;
    margin: auto 25px;
    justify-content: space-between;
}
.Moscow_international {
  max-width: 1154px;
  margin: auto;
  display: flex;
  margin-top: 10px;
  margin: auto 25px;
  justify-content: space-between;
}

.Moscow_international {
  max-width: 1154px;
  margin: auto;
  display: flex;
  margin-top: 10px;
  margin: auto 25px;
  justify-content: space-between;
}
  .contacts input, .contacts textarea {
    width: 95%; }
  .contacts input[type='submit'] {
    width: unset; } 
     .approach .main-text__title {
    font-size: 20px; }
  .approach .main-text__descr_large {
    width: 100%; }
  .approach .main-text__descr_small {
    width: 100%; }
    .wrapper-block  .info-text__title {
    width: 100%;
    font-size: 32px; }
    .wrapper-block .info-text {
    padding-left: 0rem;
}
  .agency section > h3 {
    font-size: 26px; }
  .agency .competencies-list__1 > li, .agency .competencies-list__2 > li {
    font-size: 18px; }
  .agency .rewards-text__1 {
    font-size: 24px; }
  .agency .rewards-text__2 {
    font-size: 16px; }
  .agency .reviews {
    margin-top: 90px; }
    .agency .reviews .slider-indicators {
      right: unset;
      transform: none;
      left: 0;
      bottom: -10%; }
    .agency .reviews-item-text_descr {
      font-size: 16px; }
  .agency .team > h3 {
    margin-top: 105px; }
  .additional-item {
    font-size: 16px; 
} 
.additional-item {
    text-align: center;
    padding: 30px 0px;
    display: flex;
    width: 100%;
    height: auto;
    font-size: 17px;
    background: #161514;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 25px;
    border-bottom: 1px solid #fff;
}

  input::placeholder, textarea::placeholder {
    font-size: 16px;
     font-family: 'Circe Reg';
    color: #ffffff; }
input, textarea {
    width: 480px;
    height: auto;
    margin-bottom: 55px;
    padding: 0px 0;
    font-size: 18px;
    background-color: inherit;
    font-family: 'Circe Reg';
    border: none;
    border-bottom: 1px solid #7A7A7A;
    outline: none;
    color: #ffffff;
}
textarea {
    height: 25px!important;
}

.txt_ap_2 {
	position: relative;
	top: 100px;
	left: auto;
    text-align: center;
    margin: 0 20px;
}

.txt_ap_2 h3 {
	text-align: center;
	font-family: Gregor;
	font-size: 26px;
}
.txt_ap_2 p {
	text-align: center;
	font-size: 16px;
}


.section3_app {
	height: 100vh;
}
.txt_ap_3 {
	position: relative;
	top: 100px;
	right: auto;
    text-align: center;
    margin: 0 20px;
}

.txt_ap_3 h3 {
	text-align: center;
	font-size: 26px;
	    font-family: Gregor;
}

.txt_ap_3 p {
	font-size: 16px;
}

.section4_app {
	height: 100vh;
}
.txt_ap_4_grid {
max-width: 1109px;
    margin: auto;
    text-align: left;
    position: relative;
    top: 100px;
    gap: 40px;
    display: grid;
    grid-template-columns: 1fr;
}

.txt_ap_4_grid div h3 {
	text-align: center;
	margin: 0 30px;
	    margin-bottom: 20px;
	font-size: 26px;
	font-family: Gregor;
}

.txt_ap_4_grid div p {
	text-align: center;
	margin: 0 20px;
	font-size: 16px;
}

}
    
    

@media all and (max-width: 420px) {
.next-case__preview-img {
    position: relative;
    height: 100%;
    opacity: 0;
}
.case-contents__item p {
    display: inline;
    line-height: 0px;
    font-size: 28px;
}
.grid-2_2 img {
    width: 70%;
    text-align: center;
    margin: auto;
}
  .project-text__title {
    font-size: 34px; }
.mobile-list > ul > li > a {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 70%;
    font-family: 'Circe Bold';
}

.zag_app_p {
line-height: 140%;
text-align: center;
font-size: 18px;
text-align: center;
font-family: 'Gregor';
color: #FFFFFF;
margin: auto 20px;
text-align: center;
}


    
    .mobile-list > a {
    position: relative;
    top: -60px;
    font-size: 15px;
}
    
      .lujniki .main-text__title {
    font-size: 35px; }
    
    
    .mobil_blok {
	    display: block;
    }
    
}


@media all and (max-width: 400px) {
  .lujniki .text-2 {
    font-size: 14px; } 
    .mobile-list > a {
    position: relative;
    top: -60px;
    font-size: 15px;
} }
    

@media all and (max-width: 360px) {
  .info-text__title {
    width: 100%;
    font-size: 26px; }
    .mobile-list > a {
    position: relative;
    top: -60px;
    font-size: 10px;
}
  .info-text__links > a {
    font-size: 14px; }
    .info-text__links > a > img {
      width: 22px;
      height: 22px; } 
      .wrapper-block .info-text__title {
    width: 100%;
    font-size: 30px;
}
.mobile-list > ul > li > a {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 70%;
    font-family: 'Circe Bold';
}
  .descktop-hide {
    display: block;
    margin: auto;

    position: relative;
    height: 55px;
    font-size: 21px;
    font-family: 'Circe Reg';
    margin-bottom: 62px; }
    
  .project-text__title {
    font-size: 32px; }
    
    


}




@media all and (max-width: 320px) {
  .approach .contacts-container {
    margin: 10vh auto 0 auto; } }