/* @mixin respond-to
------------------------------------------------------------------- */
              
.m-scene .scene_element {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }


.m-scene .scene_element--fadein {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

.m-scene .scene_element--fadeinup {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.m-scene .scene_element--fadeinright {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.m-scene .scene_element--delayed {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s; }

.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }

.m-scene.is-exiting .scene_element--delayed {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.m-scene.is-exiting .scene_element--noexiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse; }


.m-scene .page-overlay {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-transition-timing-function: step-end;
  transition-timing-function: step-end;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; 
}

.m-scene.is-exiting .page-overlay.page-close{

   -webkit-animation-name: fullWidthStrech;
    animation-name: fullWidthStrech;
}


@keyframes fullWidthStrech {
 
  0%{
      
      width: 1%;
  }

  100%{
      
      width: 100%;
  }

 
}


@media screen and (min-width: 768px) {

  .m-scene .scene_element--fadeinright-wide {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight; } }