@import './company.css';
@import './consultation.css';
@import './advantages.css';
@import './projects.css';


.content._show {
  transform: translate(-100%, 0);
  opacity: 0;
}

.picture._show {
  transform: translate(100%, 0);
  opacity: 0;
}

.advantages .container._show {
  transform: translate(-100%, 0);
  opacity: 0;
}

.projects .container._show {
  transform: translate(100%, 0);
  opacity: 0;
}

.consultation .container._show {
  transform: translate(-100%, 0);
  opacity: 0;
}

@media (max-width: 998px) {
  .content._show {
    transform: translate(0, 0);
    opacity: 0;
  }
  
  .picture._show {
    transform: translate(0, 0);
    opacity: 0;
  }
  
  .advantages .container._show {
    transform: translate(0, 0);
    opacity: 0;
  }
  
  .projects .container._show {
    transform: translate(0, 0);
    opacity: 0;
  }
  
  .consultation .container._show {
    transform: translate(0, 0);
    opacity: 0;
  }
}