/* Сбрасываем отступы, чтобы фон блоков занимал всю ширину */
@font-face {
  font-family: 'Bender';
  src: url('/theme/assets/robot/fonts/BENDER/BenderBold.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BenderLight';
  src: url('/theme/assets/robot/fonts/BENDER/Bender.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Tektur';
  src: url('/theme/assets/robot/fonts/TEKTUR/TekturCond_Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Tektur_reg';
  src: url('/theme/assets/robot/fonts/TEKTUR/Tektur-Reg.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*overflow-x: hidden;*/
  }

  button {
    /*font-family: 'Jura';*/
    font-family: 'BenderLight';
    letter-spacing: 2px;
    padding:1vw;
    line-height:0.5;
    /*background:url('/imgs/txt_red_bg.png');
    background-clip: border-box;*/
    border:none;
    /*box-shadow: inset 0 0 0 1px #000000;*/
    outline: 1px solid rgba(49, 49, 49, 0.4);
    outline-offset: -3px;
    color:#000;
    border-radius:3px;
    opacity: 1;
    z-index:100;
    text-shadow: 0.5px 0.5px 1px rgba(150, 90, 90, 0.4), 0 0 2px rgba(100, 100, 100, 0.3);
  }

  button:hover {
    opacity:0.8;
    outline-offset: -2px;
  }

  button span {
    display:block;
    margin-top:-2px;
    line-height:1.2;
  }

  .button-red{
    background:url('/theme/assets/robot/imgs/txt_red_bg.png');
    background-clip: border-box;
  }

  .button-blue{
    background:url('/theme/assets/robot/imgs/txt_blue_bg.png');
    background-clip: border-box;
  }

  .display{
    display:block !important;
  }

  .hidden{
    display:none !important;
  }

  html {
    /*font-size: clamp(14px, 1.4vw + 8px, 42px);*/
    font-size: clamp(14px, min(1.4vw, 2.6vh) + 8px, 42px);
    overflow-x: hidden;
  }

  /* Основная сетка — три строки, одна колонка */
  body {
    display: grid;
    grid-template-rows: auto 1fr auto;  /* топ по высоте контента, контент растягивается, футтер по контенту */
    grid-template-columns: 1fr;          /* одна колонка на всю ширину */
    min-height: 100vh;                  /* сетка растягивается на всю высоту окна */
    font-family: 'Bender', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif, system-ui, -apple-system;
    background-color: #f8f9fa;
    color: #1a1a1a;
  }

  /* ОСНОВНЕ БЛОКИ */
  #black_screen {
    background-color: #000;
    opacity:0.8;
    height:100vh;
    min-height:100vh;
    width:100vw;
    min-width:100vw;
    overflow: hidden;
    position:fixed;
    top:0px;
    z-index:100;
    display:none;
  }

  .close_popup {
    float:right;
    background-color:#000;
    font-size: 0.8rem;
    color:#fff;
    text-decoration:none;
    width:40px;
    height:40px;
    border-radius:20px;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-around;
    align-content:center;
  }

  .close_popup:hover{
    opacity:0.7;
  }
  
  .popup_wrp {
    background-color: #fff;
    height:96vh;
    min-height:96vh;
    width:98vw;
    min-width:98vw;
    overflow: hidden;
    position:fixed;
    top:2vh;
    left:0.5vw;
    margin:auto;
    z-index:110;
    padding-left:2vw;
    padding-right:2vw;
    padding-top:3vh;
    padding-bottom:3vh;
    border-radius:3px;
    display:none;
  }

  #company_about .popup_txt {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 0.25fr 0.75fr; 
    gap: 0.5vh 3vw; 
    grid-template-areas: 
      "g001 g001"
      "g002 g003";
    width:86vw;   
    margin-left:auto;
    margin-right:auto;
    margin-top:2vh;
  }

  #solution .popup_txt {
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 0.25fr 0.75fr; 
    gap: 0.5vh 3vw; 
    grid-template-areas: 
      "g001 g001"
      "g003 g002";
    width:86vw;   
    margin-left:auto;
    margin-right:auto;
    margin-top:2vh;
  }

  #contact .popup_txt {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    /*grid-template-rows: 1fr 1fr; */
    gap: 0.5vh 3vw; 
    grid-template-areas: 
      "g001 g002 g003";
    width:86vw;   
    margin-left:auto;
    margin-right:auto;
    margin-top:2vh;
  }

  #form_popup {
    /*display:block !important;*/
  }

  #form_popup .popup_txt {
    display: grid; 
    grid-template-columns: 1.62fr 1fr; 
    /*grid-template-rows: 1fr 1fr; */
    gap: 0.5vh 3vw; 
    grid-template-areas: 
      "g001 g002";
    width:86vw;   
    margin-left:auto;
    margin-right:auto;
    margin-top:2vh;
  }
  
  .g001 { 
    grid-area: g001;
  }

  .g001 p{
    font-size:0.75rem !important; 
  }

  #form_popup form {
    display:flex;
    flex-wrap:nowrap;
    flex-direction: column;
    justify-content: space-around;
    align-content:center;
  }

  #form_popup form fieldset {
    border: none;
  }

  #form_popup form div{
    display:flex;
    flex-wrap:nowrap;
    flex-direction: column;
    justify-content: space-around;
    align-content:center;
    margin-top:12px;
  }

  #form_popup form div.politik_attention{
    flex-wrap:wrap;
    align-content:flex-start;
  }

  #form_popup form label{
    display:block;
    font-size:0.6rem;
  }

  #form_popup input[type=text],input[type=email] {
    width: 100%;
    padding: 12px;
    margin: 3px 0;
    box-sizing: border-box;
    font-size:0.52rem;
  }

  #form_popup textarea {
    width: 100%;
    padding: 12px;
    margin: 3px 0;
    box-sizing: border-box;
    font-size:0.52rem;
  }

  #form_popup #submit_group {
    justify-content:flex-start;
  }

  #form_popup .submit_blck {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    height:72px;
    /*align-content: center;*/
  }

  #form_popup .submit_blck button{
    width:62%;
    font-size:.8rem;
    height:72px;
  }

  #form_popup .submit_blck p{
    width:36%;
    display:block;
    margin-left:6px;
  }

  #form_popup form .politik_attention {
    width:62%;
    font-size:0.4rem;
  }

  #form_popup .g002 #we_ttl{
    font-family: 'Bender';
    font-size:.8rem;
  }

  #form_popup .g002 p {
    font-size:.65rem;
  }

  #form_popup .popup_txt a {
    color:#855780;
  }

  #form_popup .popup_txt a:hover {
    text-decoration: none;
  }
  /***/
  
  #company_about .g002 { 
    grid-area: g002;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-around;
    align-content:center;
  }

  #solution .g002 { 
    grid-area: g002;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-around;
    align-content:center;
  }

  .g002 p {
    font-size:0.55rem;
  }
  
  #company_about .g003 { 
    grid-area: g003;
    background-color: #6b5785;
    color:#fff;
    border-radius:3px;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-around;
    align-content:center;
  }

  #solution .g003 { 
    grid-area: g003;
    background-color: #2e396d;
    color:#fff;
    border-radius:3px;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-around;
    align-content:center;
  }

  #company_about .g003 p {
    font-size:0.67rem !important;
    font-family: 'Tektur_reg' !important;
    padding-left:2vw;
    padding-right:2vw;
  }

  #solution .g003 p {
    font-size:0.67rem !important;
    font-family: 'Tektur_reg' !important;
    padding-left:2vw;
    padding-right:2vw;
  }

  #contact .g001 p {
    font-size:0.67rem !important;
    font-family: 'Tektur_reg' !important;
  }

  #contact .g002 p {
    font-size:0.67rem !important;
    font-family: 'Tektur_reg' !important;
  }

  #contact .g003 p {
    font-size:0.67rem !important;
    font-family: 'Tektur_reg' !important;
  }

  /*
  .g004 { grid-area: g004;}
  .g005 { grid-area: g005;}
  */

  .popup_ttl{
    width:86vw;
    height:100px;
    /*background:green;*/
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content: flex-start;
    align-content:center;
    margin-left:auto;
    margin-right:auto;
  }

  .popup_ttl img{
    width:100px;
  }

  .popup_wrp h2{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content: flex-start;
    align-content:center;
  }
  
  .popup_txt div p {
    font-family: 'BenderLight';
    line-height:1.5;
    text-align: justify;
  } 
  
  
  /*
  <div id="company_abaut" class="poup_txt"></div>
  <div id="solution" class="poup_txt"></div>
  <div id="contact" class="poup_txt"></div>
  */

  main {
    background: white;
    /*padding: 2rem 1.5rem;*/
    /*max-width: 960px;*/
    width: 100%;
    margin: 0 auto;                     /* центрируем контент, но фон остаётся белым */
    box-shadow: 0 0 20px rgba(0,0,0,0.03);
  }

  footer {
    background: #212529;
    color: #dee2e6;
    padding: 1.5rem 1.5rem;
    text-align: center;
    font-size: 0.95rem;
  }
  /*\ОСНОВНЕ БЛОКИ */  

  /* ХЕДЕР */
  #head{
    position:sticky;
    top:0px;
    left:0px;
    transform: translateY(0px);
    transition: none;
    will-change: transform;
    z-index:10;
    margin-bottom:-100px;
    width:99.3%;
    margin-left:auto;
    margin-right:auto;
    padding-top:3px;
  }

  header {
    background: #fff;
    background-clip: content-box;		
    color: rgb(0, 0, 0);
    display:flex;
    border-radius: 3px;
    box-shadow: 0px 3px 6px #000;
  }


  header .inner_1 {
      padding: 0.4rem 0.4rem;
  }
    
  /*header #header_content_blck {*/
  header .inner_1 {  
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    flex-grow: 1;
    justify-content:right;
    align-content:center;
  }
    
  header #logo_blck {
   justify-content: left;	
  }  
    
  header #logo_blck img{
        /*width: 25vw;
      min-width:60px;
      max-width:150px;*/
      width: clamp(80px, 30vw + 8px, 200px);
  }
     
  header #header_contact_blck {
      display:flex;
      flex-direction:column;
  }
  
  header #header_contact_blck a {
    color:#000;
    text-decoration: none;
    cursor: pointer;
  }

  header #header_contact_blck a:hover {
    text-decoration:underline;
  }
    
  header #header_contact_blck div{
      /*width:100%;*/
      text-align:right;
      font-size:0.8rem;  	
  }
  
  header #header_contact_blck div button{
    /*width:100%;*/
    font-size:1rem;
  }

  #space_blck{
    margin-left:auto !important;
  }

  #heder_nav a {
    font-family:'Tektur_reg';
  }

  /*\ХЕДЕР */  
/*GSAP*/
p {
font-size: 1.2rem;
margin-bottom: 1rem;
}

.gallery-wrap {
position: relative;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #0f0f0f;
background: linear-gradient(35deg, rgba(15, 15, 15, 1) 0%, rgba(42, 7, 102, 1) 37%, rgba(77, 8, 70, 1) 100%);
z-index:2;
}

.gallery {
position: relative;
width: 100%;
height: 100%;
flex: none;
}

.gallery__item {
background-position: 50% 50%;
background-size: cover;
flex: none;
position: relative;
}

.gallery__item:nth-child(3) {
    transform: rotate(-1.2deg);
}

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

.gallery__item video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}	

.gallery--bento {
    display: grid;
    gap: 1.6vh;
    /*grid-template-columns: repeat(3, 32.5vw);*/
    grid-template-columns: 31vw 33vw 31vw;
    grid-template-rows: repeat(4, 23vh);
    justify-content: center;
    align-content: center;
}

.gallery--final.gallery--bento {
    grid-template-columns: repeat(3, 100vw);
    grid-template-rows: repeat(4, 49.5vh);
    gap: 1vh;
}

.gallery--bento .gallery__item:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2;
}

.gallery--bento .gallery__item:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3;
}

.gallery--bento .gallery__item:nth-child(3) {
    grid-area: 2 / 2 / 4 / 3;
}

.gallery--bento .gallery__item:nth-child(4) {
    grid-area: 1 / 3 / 3 / 3;
}

.gallery--bento .gallery__item:nth-child(5) {
    grid-area: 3 / 1 / 3 / 2;
}

.gallery--bento .gallery__item:nth-child(6) {
    grid-area: 3 / 3 / 5 / 4;
}

.gallery--bento .gallery__item:nth-child(7) {
    grid-area: 4 / 1 / 5 / 2;
}

    .gallery--bento .gallery__item:nth-child(8) {
grid-area: 4 / 2 / 5 / 3;
}

#hero{
  /*font-family: 'Tektur';*/
}

/*HERO IMGS*/
.hero_img{
  position:absolute;
}

#hero_img_01 {
  opacity: 1;
  will-change: opacity;
}

#hero_img_02{
  opacity:0.6;
}

#hero_img_03{
  opacity:0.8;
}

/*\HERO IMGS*/
.section {
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
}

#logo_blck img {
  object-fit: contain;
  /*width:100%;
  height:100%;*/
}

#slide_to_left {
  position:absolute;
  display:flex;
  justify-content: space-between;
  top:28%;
  color:#6b5785;
  transform: translateX(100vw) rotate(-1.3deg); /* Спрятан за правым краем */
  /*opacity: 0.96;*/
  transition: none;
    /*will-change: transform, opacity;*/
  will-change: transform;
  /*width:50vw;*/
  /*background:#fff;*/
  background: url("/theme/assets/robot/imgs/txt_blue_bg.png");
 
  border-radius: 3px;
  padding:2%;
  /*display:flex;
  justify-content: space-between;*/
  text-shadow:  -1.5px -1px 0px rgba(0, 255, 255, 0.3), 1.5px  1px 0px rgba(255, 0, 128, 0.3);
}


#slide_to_left::before{
  content: '';
  position: absolute;
  inset: 3px; 
  border: 5px solid #6b5785;
  border-radius: inherit;
  pointer-events: none;
  /*opacity:0.6*/
}

#slide_to_left span{
  flex:1;
  font-size:1.4rem;
  font-weight:900;
  /*opacity:0.6*/
  padding:3px;
}

#slide_to_bottom {
  display:flex;
  justify-content: space-between;  
  position:absolute;
  left:5vw;
  color:#00000073;
  transform: translateY(-100vh) rotate(1.3deg); /* Спрятан за правым краем */
  /*opacity: 0.98;*/
  transition: none;
  /*will-change: transform, opacity;*/  
  will-change: transform;
  /*width:50vw;*/
  /*background:#b06aa8;*/
  background: url("/theme/assets/robot/imgs/txt_blue_bg.png");
  border-radius: 3px;
  padding:2%;
  text-shadow:  -1.5px -1px 0px rgba(0, 255, 255, 0.3), 1.5px  1px 0px rgba(255, 0, 128, 0.3);
}


#slide_to_bottom::before{
    content: '';
    position: absolute;
    /*inset: -10px; */
    inset: 3px;
    border: 5px solid #00000073;
    border-radius: inherit;
    pointer-events: none;
    /*opacity:0.6*/
  }

#slide_to_bottom span {
  display:block;
  font-size:1.2rem;
  font-weight:900;
  /*opacity: 0.6;*/
  padding:3px;
}

/*буквы вразнобой*/

#slide_to_left span:nth-child(2n){
  transform: translateY(1px) rotate(-1.4deg);
}

#slide_to_left span:nth-child(2n+1){
  transform: translateY(-1px) rotate(1.3deg);
}

#slide_to_left span:nth-child(3n){
  transform: translateY(0px) rotate(0.8deg);
}

#slide_to_bottom span:nth-child(2n){
  transform: translateY(1px) rotate(1.2deg);
}

#slide_to_bottom span:nth-child(2n+1){
  transform: translateY(-1px) rotate(-1.3deg);
}

#slide_to_bottom span:nth-child(3n){
  transform: translateY(0px) rotate(-0.8deg);
}

#question_mark {
  display:block;
  position:absolute;
  left:62vw;
  transform: translateY(-100vh) rotate(90deg); /* Спрятан за правым краем */
  opacity: 0;
  transition: none;
  will-change: transform, opacity;  
}

#question_mark span {
    /*color:#b06aa8;*/
    color: transparent;
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 250, 250, 0.45) 25%, rgba(255, 255, 255, 0) 100%), url("/theme/assets/robot/imgs/txt_red_bg.png");
    background-clip: text;

    /*display:block;*/
    line-height: 1;
    font-size:24rem;
    font-weight:900;
    text-shadow: 10px 10px 0px #855780;
   
}
/*\GSAP*/
/*КАДР1*/
#frame_1{
  overflow: hidden;
}

#frame_1_wrp_1{
  /*--font-size1: 5.5rem;
  --font-size2: 2.3rem;*/
  --opacity-bg-ris1: 0.0; 
  --opacity-bg-ris2: 0.0;
  min-height:100vh;
  height:100vh;
  border-bottom:#000 10px solid;  
  background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 250, 250, 0.45) 25%, rgba(255, 255, 255, 0) 80%), url("/theme/assets/robot/imgs/stop_manipul.png");
  background-clip: padding-box;
  background-origin: padding-box;
  background-size: 88%;
  background-repeat: no-repeat;
  background-position: 18vw bottom; 
  display: grid;
  grid-template-columns: 59vw 40vw;
  will-change: opacity;
  
  /*background-origin: padding-box;*/
  /*display:flex;
  flex-direction: row;
  justify-content: flex-end;*/  
}


#frame_1_wrp_1::before{
  content:'';
  position: absolute;
  width: 100vw;
  min-height:99vh;
  height: 99vh;
  background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 250, 250, 0.45) 25%, rgba(255, 255, 255, 0) 80%), url("/theme/assets/robot/imgs/stop_manipul_ris_2.jpeg");
  background-repeat: no-repeat; /* не повторяется */
  background-clip: padding-box;
  background-origin: padding-box;
  background-size: 88%;
  background-position: 18vw bottom;
  /*border-bottom:#000 10px solid;*/
  opacity: var(--opacity-bg-ris1);
  will-change: opacity;
}

#frame_1_wrp_1::after{
  content:'';
  position: absolute;
  width: 100vw;
  min-height:99vh;
  height: 99vh;
  background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 250, 250, 0.45) 25%, rgba(255, 255, 255, 0) 80%), url("/theme/assets/robot/imgs/stop_manipul_ris_3.jpeg");
  background-repeat: no-repeat; /* не повторяется */
  background-clip: padding-box;
  background-origin: padding-box;
  background-size: 88%;
  background-position: 18vw bottom;
  /*border-bottom:#000 10px solid;*/
  opacity: var(--opacity-bg-ris2);
  will-change: opacity;
}

#frame_1 #frame_1_wrp_1 .left_column{
  display:flex;
  flex-direction:column;
  justify-content: space-around;
  align-items: flex-start;
  padding-left:2vw;
}

#frame_1 #frame_1_wrp_1 .left_column .txt_blck{
  position:absolute;
  z-index:10000;
}

#frame_1 #frame_1_wrp_1 .left_column span{
  
  font-family: 'Tektur';
  font-weight:900;
  letter-spacing: 0%;
  /*letter-spacing: -14%;*/
  text-shadow: 5px 3px 2px #fff;
  /*text-shadow: 5px 3px 2px #fff;*/
  line-height: 0.9;
  z-index:1100;
  /*margin-top:-18vh;*/
  display:block;
  
}

#frame_1 #frame_1_wrp_1 .left_column #man_stop{
  font-size:5.5rem;
  color:#855780;
  /*will-change: font-size;*/ 
}

#frame_1 #frame_1_wrp_1 .left_column #no_effect{
  font-size:2.2rem;
  color:#000;
}
/*\КАДР1*/


  /*КАДР2*/
  #frame_2{
    min-height:110vh;
    background: linear-gradient(-35deg, rgba(15, 15, 15, 1) 0%, rgba(42, 7, 102, 1) 37%, rgba(77, 8, 70, 1) 100%);
    background-clip: padding-box;
    border-bottom:#000 10px solid;  
    overflow: hidden;
    /*background-origin: padding-box;*/
    /*display:flex;
    flex-direction: row;
    justify-content: flex-end;*/ 
    
  }
  
  #frame_2_wrp{
    color:#fff;
    min-width:96vw;
    overflow: hidden;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /*padding-top: 8vh;
    padding-bottom: 8vh;*/
  }

  #frame_2_wrp #intro {
    position:absolute;
    background:#fff url("/theme/assets/robot/imgs/txt3_blue_bg.png");
    background-repeat: no-repeat; /* не повторяется */
    background-clip: padding-box;
    background-position: center center;
    height: 110vh;
    min-width:50vw;
    max-width:50vw;
    display:block;
    border-right: #000 10px solid;
    transform: translateX(-50vw);
    will-change: transform;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items: center;
    padding-top: 8vh;
    padding-bottom: 8vh;
  }

  #frame_2_wrp #intro span {
    color: #000;
    width:40vw;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 2vh;
    padding-bottom: 2vh;
    /*font-family: monospace;*/
    /*font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;*/
    text-shadow: 0.5px 0.5px 1px rgba(150, 90, 90, 0.4), 0 0 2px rgba(100, 100, 100, 0.3);
    font-size: 0.8rem;
    line-height: 1.5;
  }

  #frame_2_wrp #way {
    background:url("/theme/assets/robot/imgs/merc_wb.png");
    background-size: 130vh;
    background-position: left center; /* центрируется */
    background-repeat: no-repeat; /* не повторяется */
    background-clip: padding-box;
    min-width:96%;
    height:110vh;
    transform: translateX(0vw);
    will-change: transform, background-size;
    /*border-left: #000 10px solid;*/
    padding-top: 8vh;
    padding-bottom: 8vh;
    /*text-align:right;
    vertical-align: middle;*/
    display:flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: flex-end;
    /*justify-content: flex-start;*/

  }

  #frame_2_wrp #way span {
    /*font-family:'VlaShu';*/
    /*font-family:'Adventure';*/
    /*font-family: 'Bender';*/
    /*font-family: 'Airborne';*/
    /*font-family: 'Bombardier';*/
    font-family: 'Tektur';
    font-size:5rem;
    font-weight:900;
    letter-spacing: 0%;
    /*letter-spacing: -14%;*/
    text-shadow: 5px 3px 2px #cc6cc1;
    line-height: 0.9;
    /*text-align:right;
    vertical-align: middle;*/
    /*text-align:justify;*/
  }

  #frame_2_wrp #way span b{
    display: inline-block;
  }

  #frame_2_wrp #way span b:nth-child(2n){
    transform: translateY(2px) rotate(-2deg);
  }
  
  #frame_2_wrp #way span b:nth-child(2n+1){
    transform: translateY(-2px) rotate(3deg);
  }
  
  #frame_2_wrp #way span b:nth-child(3n){
    transform: translateY(0px) rotate(-3deg);
  }
  /*\КАДР2*/
    
  /*КАДР3*/
  #frame_3 {
    overflow: hidden;
    border-bottom:#000 10px solid;
  }

  #frame_3 #frame_3_wrp_1{
    /*padding-top:120px;*/
    display: grid;
    grid-template-columns: 40vw 59vw;
    /*gap: 2vw;*/
  }

  #frame_3 #right_column {
    /*font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;*/
    /*font-family: monospace;*/
    font-family: 'Tektur';
  }

  #frame_3 #problems_title {
    /*display:flex;*/
    /*flex-direction:column;
    justify-content: flex-start;*/
    /*height:calc(110vh - 120px);
    background: red;*/
    /*position:sticky;
    top:120px;*/
  }

  #frame_3 #right_column {
    background: #fff;
  }

  #frame_3 .problem_blck {
    background-color:#fff;
    color:#000;
    will-change: transform, background-color, color;
    height:100vh;
    border-left: #000 solid 10px;
    margin-left: -5px;
    display: flex;
    flex-direction:column;
    /*justify-content: space-around;*/
    justify-content: flex-start;
    padding-left:4vw;
    padding-right:3vw;
    padding-top:160px;
    position:absolute;
    /*top:0px;*/   
  }

  #frame_3 .problem_blck div {
    height:50vh;
    display: flex;
    flex-direction:column;
    justify-content: flex-start;
    /*padding-left:3vw;
    padding-right:3vw;*/
  }

  #frame_3 .problem_blck div span{
    display:block;
    /*padding-bottom:2vh;*/
    text-shadow: 0.5px 0.5px 1px rgba(150, 90, 90, 0.4), 0 0 2px rgba(100, 100, 100, 0.3);
  }

  #frame_3 .problem_blck div .problem_num {
    height:14vh;
    max-height:14vh;
    min-height:14vh;
    
  }

  #frame_3 .problem_blck div .problem_num b{
    font-size: 1.6rem;
    position:absolute;
    margin-top:-30px;
    margin-left:10px;
    transform: rotate(-3deg);
    /*background: url("/imgs/bg_num_red.png");*/
    /*background: url("/imgs/bg_num_red.png");*/
    background-size: 90%;
    background-position: center; /* центрируется */
    background-repeat: no-repeat; /* не повторяется */
    background-clip: padding-box;
    background-origin: padding-box;
    padding:18px;
    text-shadow: 5px 3px 2px #fff;
  }

  .num_nechet{
    background: url("/theme/assets/robot/imgs/bg_num_blue.png");
    opacity: 0.88;
  }

  .num_chet{
    background: url("/theme/assets/robot/imgs/bg_num_red.png");
    opacity: 0.88;
  }


  #frame_3 .problem_blck div .problem_num b i{
    display:block;
    font-style: normal;
    position: relative;
    transform: rotate(8deg);
  }

  #frame_3 .problem_blck div .problem_ttl {
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: normal;
    font-family: 'Tektur';
  }

  #frame_3 .problem_blck div .problem_txt {
    font-size: 0.9rem;
    line-height:2.25;
    font-family: 'Tektur_reg';
  }

  #frame_3 #problems_title h2{
    /*background: #fff;*/
    /*padding-top:240px;
    padding-bottom:6px;
    background-clip: border-box;
    display:block;
    position:absolute;
    width:54vw;*/
    /*height:50vh;*/
    /*z-index:1000;
    text-shadow: 0.5px 0.5px 1px rgba(150, 90, 90, 0.4), 0 0 2px rgba(100, 100, 100, 0.3);*/
    /*text-shadow:  -1.5px -1px 0px rgba(0, 255, 255, 0.6), 1.5px  1px 0px rgba(255, 0, 128, 0.7);*/
  } 
  
  #frame_3 #bg_picture{
    background: url("/theme/assets/robot/imgs/cell_2_bg.png");
    background-size: cover;
    background-position: center; /* центрируется */
    background-repeat: no-repeat; /* не повторяется */
    background-clip: padding-box;
    background-origin: padding-box;
  }

  #frame_3 #picture {
    /*position: sticky;
    top:120px;*/
    /*background: url("/imgs/cobot_ris_1.png");*/
    /*background: url("/imgs/merc.jpeg"); url("/imgs/cell_2.png") */
    /*background-size: cover;*/
    height:100vh;
    /*height:calc(100vh - 120px);*/
    /*margin-top:120px;*/
    background: url("/theme/assets/robot/imgs/case_1.png");
    /*background-size: 100%;*/    /* картинка помещается целиком */
    background-size: cover;
    background-position: right; /* центрируется */
    background-repeat: no-repeat; /* не повторяется */
    background-clip: padding-box;
    background-origin: padding-box;
    border-right: #000 solid 10px;
    /*font-family: monospace;*/
  }

  #frame_3 .case_txt {
    position:absolute;
    width:40vw;
    /*height:calc(100vh - 120px);*/
    height:100vh;
    background:#c6dff3;
    background-clip: border-box;
    /*padding: 1vw 2vw 1vw 1vw;*/
    border-right: #000 solid 10px;
    display:flex;
    flex-direction:column;
    /*justify-content: space-around;*/
    justify-content: flex-start;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top:160px;
  }

  #frame_3 .case_txt .case_txt_wrp {
    height:50vh;
    display: flex;
    flex-direction:column;
    justify-content: flex-start;
    /*padding-left:1vw;
    padding-right:1vw;*/
  }

  #frame_3 .pain_blck{
    /*font-size: 1rem;
    float:left;*/
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  #frame_3 .name_pain{
    font-size: 0.8rem;
    text-align:right;
    display: block;
  }
  /*
  #frame_3 .num_pain{
    font-size: 1.2rem;
  }*/

  #frame_3 .pain_blck {
    height:14vh;
    min-height:14vh;
    max-height:14vh;
  }

  #frame_3 .pain_blck span {
    /*text-align:right;*/
    text-align:justify;
    font-size: 0.5rem;
    line-height:1.5;
    /*margin-top:1vh;
    margin-bottom:2vh;*/
  }

  #frame_3 .solution_blck{
    text-align:justify;
    /*text-align:right;*/
  }

  #frame_3 .solution_blck h2 {
    font-size: 1rem;
    line-height:1.9;
    font-weight:normal;
    letter-spacing: 7px;
  }

  #frame_3 .solution_blck span {
    font-size: 0.6rem;
    line-height:1.5;
    /*margin-top:1vh;
    margin-bottom:3vh;*/
  }

  #frame_3 .case{
    line-height:1.5;
  }

  #frame_3 #case_txt_1{
    transform: translateX(-100vw);
    will-change: transform;
    background:#e7d9ec;
    /*background:#000;*/
    /*color:#fff;*/
    color:#000;
    background-clip: border-box;
    border-radius:3px;
    /*display:none;*/
  }

  #frame_3 #case_txt_2{
    transform: translateX(-100vw);
    will-change: transform;
    background:#d3e2ee;
    background-clip: border-box;
  }

  #frame_3 #case_txt_3{
    transform: translateX(-100vw);
    will-change: transform;
    background:#e7d9ec;
    background-clip: border-box;
  }

  #frame_3 #case_txt_4{
    transform: translateX(-100vw);
    will-change: transform;
    background:#d3e2ee;
    background-clip: border-box;
  }

  #frame_3 #case_txt_5{
    transform: translateX(-100vw);
    will-change: transform;
    background:#e7d9ec;
    background-clip: border-box;
  }

  #frame_3 #case_txt_6{
    transform: translateX(-100vw);
    will-change: transform;
    background:#d3e2ee;
    background-clip: border-box;
  }

  #frame_3 #problem_1{
    /*transform: translateX(0vw) ;*/
    will-change: transform;
  }

  #frame_3 #problem_2{
    transform: translateX(100vw) ;
    will-change: transform;
    /*display:none;*/
  }

  #frame_3 #problem_3{
    transform: translateX(100vw) ;
    will-change: transform;
    /*display:none;*/
  }

  #frame_3 #problem_4{
    transform: translateX(100vw) ;
    will-change: transform;
    /*display:none;*/
  }

  #frame_3 #problem_5{
    transform: translateX(100vw) ;
    will-change: transform;
    /*display:none;*/
  }

  #frame_3 #problem_6{
    transform: translateX(100vw) ;
    will-change: transform;
    /*display:none;*/
  }
  /*\КАДР3*/

  /*КАДР4*/

  /*нижний слой - чб рис*/

  #frame_4 {
    overflow: hidden;
  }
  
  #frame_4_wrp_1{
    --opacity-bg-ris: 0.1; 
    --opacity-bg-pht: 0.0;
    --bg-position:30vw; /*-10vw;*/
    --bg-size:80%;/*67%;*/
    --txt-shadow: #a8a5d3;
    /*padding-top:160px;*/
    overflow: hidden;
    display: grid;
    grid-template-columns: 59vw 40vw;
    /*gap: 2vw;*/
    /*height:calc(100vh + 160px);*/
    height:100vh;
    background: url("/theme/assets/robot/imgs/old_robot_wb.jpeg");
    /*
    background-size: 80%;
    background-position: 30vw bottom; */ /* центрируется */

    background-size: var(--bg-size);
    background-position: var(--bg-position)  center; /* центрируется */

    background-repeat: no-repeat; /* не повторяется */
    background-clip: padding-box;
    background-origin: padding-box;
  }
 
  /*верхний слой фото старого робота*/
  #frame_4_wrp_1::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,rgba(255, 255, 255, 5) 0%, rgba(255, 250, 250, 0.55) 25%, rgba(255, 255, 255, 0) 90%), url("/theme/assets/robot/imgs/old_robot_ph.jpeg");
    /*
    background-size: 80%;
    background-position: 30vw bottom; *//* центрируется */

    background-size: var(--bg-size);
    background-position: var(--bg-position)  center; /* центрируется */
    
    background-repeat: no-repeat; /* не повторяется */
    background-clip: padding-box;
    background-origin: padding-box;
    opacity: var(--opacity-bg-pht);
    will-change: opacity;
  }

  /*средний слой - цвет рис */
  #frame_4_wrp_1::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/theme/assets/robot/imgs/old_robot_cl.jpeg");
    /*
    background-size: 80%;
    background-position: 30vw bottom; *//* центрируется */
    
    background-size: var(--bg-size);
    background-position: var(--bg-position)  center; /* центрируется */

    background-repeat: no-repeat; /* не повторяется */
    background-clip: padding-box;
    background-origin: padding-box;
    opacity: var(--opacity-bg-ris);
    will-change: opacity; 
  }

  #frame_4 #frame_4_wrp_1 .left_column{
    display:flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: flex-start;
    padding-left:2vw;
  }
  
  #frame_4 #frame_4_wrp_1 .left_column span{
    color:#000;
    font-family: 'Tektur';
    font-size:5rem;
    font-weight:900;
    letter-spacing: 0%;
    /*letter-spacing: -14%;*/
    text-shadow: 5px 3px 2px var(--txt-shadow);
    /*text-shadow: 5px 3px 2px #fff;*/
    line-height: 0.9;
    z-index:1100;
  }

  #frame_4_wrp_1 .left_column span b{
    display: inline-block;
  }

  #frame_4_wrp_1 .left_column span b:nth-child(2n){
    transform: translateY(2px) rotate(-2deg);
  }
  
  #frame_4_wrp_1 .left_column span b:nth-child(2n+1){
    transform: translateY(-2px) rotate(3deg);
  }
  
  #frame_4_wrp_1 .left_column span b:nth-child(3n){
    transform: translateY(0px) rotate(-3deg);
  }

  #frame_4 #frame_4_wrp_1 .right_column {
    padding-top:140px;
    padding-bottom:40px;
    font-size:0.60rem;
    font-family: 'Bender';
    line-height:1.5;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    transform: translateX(60vw) ;
    will-change: transform;
    /*position:absolute;*/
    z-index:100;
  }

  #frame_4 #frame_4_wrp_1 .right_column h2 {
    font-size: 1rem;
    line-height:1.9;
    font-weight:normal;
    letter-spacing: 7px;
  }
    
/*\КАДР4*/

/*КАДР5 - форма обратной связи*/
#frame_5 {
  overflow: hidden;
}

#frame_5_wrp_1{
  /*display: grid;
  grid-template-columns: 45vw 55vw;*/
  display:flex;
  flex-direction:column;
  justify-content: space-around;
  align-items:center;
  height:100vh;
  border-top:#000 solid 10px;
  font-family:'Tektur';
  overflow: hidden;
}

#call_blck div{
  text-align:center;
}

#call_blck div a{
  color:#855780;
}

#call_blck div a:hover{
  text-decoration: none;
}

#call_ttl{
  font-size: 2.8rem;
}

#call_ttl #call_q_mark{
  font-size: 5.8rem;
  display: inline-block;
  position: relative;
  transform: rotate(3.2deg);
  color:#855780;
  margin-left:12px;
  opacity: 0.88;
  /*background: url("/imgs/bg_num_blue.png");
  padding:6px;*/
}

#call_phone{
  line-height:1.6;
  font-size: 1.6rem;
}

#call_phone a{
  text-decoration:none;
}

#call_email{
  line-height:1.2;
  font-size: 1.2rem;
}

#call_button{
  line-height: 6;
  /*padding-top:2vh;*/
}

#call_button button{
  font-size: 1.4rem;
  
  /*font-family:'Pixel1';*/
  /*font-family:'Pixel2';*/
  /*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
}

#politik_link_blck{
  font-size:0.5rem;
  line-height:2;
  font-family: 'Tektur_reg';
  /*margin-top:-6vh;*/
}


#call_button button span{
  margin-top:0px;
  padding-bottom:5px;
  color:#685f67;
}

/*
#frame_5 .left_column{
  background: #6b5785;
  border-right: 5px #000 solid;
}

#frame_5 .right_column{
  background:#90caf9;
  border-left: 5px #000 solid;
}
*/

/*\КАДР5*/

#form_nav_blck a{
  font-family: 'Tektur_reg';
  color:#000 !important;
  font-size:0.8rem !important;
  line-height:1.5;
  text-decoration:underline;
  cursor: pointer;
}

#form_nav_blck a:hover{
  text-decoration:none;
}

.button_blck{
  text-align: left;
  line-height:6;
}

.button_blck button{
  font-size: 0.8rem;
  /*padding: clamp(3px, 6px, 9px);*/
}

footer a {
  color: #90caf9;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}
        

 /*МЕДИА*/
 @media (min-width: 768px) { 
    header #header_contact_blck {
        display:flex;
        flex-direction:row;
        justify-content:flex-end;
        align-items: center;
        width:clamp(90%, 94%, 98%);
    }
    
    header #header_contact_blck div {
        margin-left:3vw;
    }
    
    #header_button_blck {
        order:1;
        flex-basis:content;
        text-align:right !important;
    }
    
    #header_button_blck button {
        /*width:90% !important;*/	
    }
    
    #header_phone_blck {
        flex-basis:content;
        text-align:right !important;
    }
    
    #header_email_blck {
        flex-basis:content;
        text-align:right !important;
    }

}

@media (max-width: 768px) {
  #frame_3 {
    grid-template-columns: 98vw;
  }
}
/*\МЕДИА*/