.__inview .fade_in,
.__inview .zoomy,
.__inview .tiktak_rechts,
.__inview .grow,
.__inview .grow .ielem,
.__inview .drop_in,
.__inview .jumpy,
.__inview .drop_in-alt,
.__inview .drop_in-alt-fade,
.__inview .slide_in-links,
.__inview .slide_in-rechts,
.__inview .fade_in-links,
.__inview .fade_in-rechts,
.__inview .floaty,
.__inview .floaty-alt,
.__inview .draai-links,
.__inview .draai-rechts,
.__inview .klok-mee,
.__inview .klok-tegen,
.__inview .panning,
.__inview .fade_in,
.__inview .zoomy,
.__inview .tiktak_rechts,
.__inview .grow,
.__inview .grow .ielem,
.__complete.drop_in,
.__inview .jumpy,
.__inview .drop_in-alt,
.__inview .drop_in-alt-fade,
.__inview .slide_in-links,
.__inview .slide_in-rechts,
.__inview .fade_in-links,
.__inview .fade_in-rechts,
.__inview .floaty,
.__inview .floaty-alt,
.__inview .draai-links,
.__inview .draai-rechts,
.__inview .klok-mee,
.__inview .klok-tegen,
.__inview ._bg-icon-pink-arrows,
.__inview ._bg-icon-blue-bars,
.__inview .panning,


.__inview ._bg-scroll-down,
.__inview._bg-scroll-down,
.__inview ._bg-icon-pink-arrows,
.__inview._bg-icon-pink-arrows,
.__inview ._bg-icon-blue-bars,
.__inview._bg-icon-blue-bars

{
	-webkit-animation-play-state: running;
	 animation-play-state: running;
}


/* animaties */
@keyframes blue-bar {
	0% {
		background-position: left 50% top 0px;
	}
	100% {
		background-position: left 50% top 60px;
	}
}
@keyframes pink-arrows {
	0% {
		background-position: right 0px top 100px;
	}
	100% {
		background-position: right 50px top 100px;
	}
}
@keyframes jumpy-scroll-down {
	0% {
		background-position: left 100%;
	}
	50% {
		background-position: left 95%;		
	}
	100% {
		background-position: left 100%;
	}
}


@keyframes zoom-in{
    from {
          -webkit-transform-origin: center;
          -webkit-transform: scale(0,0);
          transform-origin: center;
          transform: scale(0,0);}
      to {
          -webkit-transform-origin: center;
          -webkit-transform: scale(1,1);
          transform-origin: center;
          transform: scale(1,1);}
}
@keyframes opacity-in{
    from {opacity:0;}
      to {opacity:1;}
}
@keyframes drop-in {
    from  {transform:translateY(-150%);}
    to  {transform:translateY(0%);}
}
@keyframes drop-out {
    from  {transform:translateY(100%);}
    to  {transform:translateY(0%);}
}
@keyframes draai_links {
       0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
       50% {-webkit-transform: rotate(35deg);transform: rotate(35deg);}
       100% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}
   }
@keyframes draai_rechts {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    50% {-webkit-transform: rotate(-35deg);transform: rotate(-35deg);}
    100% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@keyframes colorshift {
	50%  {background-color:#7bb21e}
    100% {background-color:#97bf0d;}
}

@keyframes fade-in{
    from {
          -webkit-transform-origin: center;
          -webkit-transform: scale(0,0);
          transform-origin: center;
          transform: scale(0,0);
      }
      to {
          -webkit-transform-origin: center;
          -webkit-transform: scale(1,1);
          transform-origin: center;
          transform: scale(1,1);
      }
}
@keyframes fade-out{
    from {
          opacity:1;
      }
      to {
          opacity:0;
      }
}

@keyframes zoomy{
    50% {
        -webkit-transform-origin: center;
        -webkit-transform: scale(0.8,0.8);
        transform-origin: center;
        transform: scale(0.8,0.8);
    }
    100% {
        -webkit-transform-origin: center;
        -webkit-transform: scale(1,1);
        transform-origin: center;
        transform: scale(1,1);
    }
}
@keyframes panning{
    50% {
        transform:translateX(-50%);
    }
    100% {
        transform:translateX(0%);
    }
}
@keyframes shake{
    20%  {transform:translateX(0);}
    40%  {transform:translateX(1%);}
    60%  {transform:translateX(0);}
    80% {transform:translateX(-1%);}
    100% {transform:translateX(0);}
}



@keyframes grow-up{
    from{
        transform:translateY(100%);
    }
    to{
        transform:translateY(0%);
    }
}

@keyframes tik_tak-rechtsonder{
    17%  {left:5%;top:5%;opacity: 0.5;}
    33%  {left:55%;top:5%;opacity: 0.6;}
    50%  {left:5%;top:35%;opacity: 0.7;}
    67%  {left:55%;top:35%;opacity: 0.8;}
    84%  {left:5%;bottom:5%;opacity: 0.9;}
    100%  {left:55%;bottom:5%;opacity: 1;}
}

@keyframes jumpy {
  0%  {transform:translateY(0%);}
  50%  {transform:translateY(-15%);}
  100%  {transform:translateY(0%);}
}

 @-webkit-keyframes drop-out{
     from  {-webkit-transform:translateY(0%);}
     to  {-webkit-transform:translateY(150%);}
 }
@keyframes drop-in{
     from  {transform:translateY(-150%);}
     to  {transform:translateY(0%);}
 }
 @-webkit-keyframes drop-in{
     from  {-webkit-transform:translateY(-150%);}
     to  {-webkit-transform:translateY(0%);}
 }
 
@keyframes drop-in_alt{
  from  {transform:translateY(150%);}
  to  {transform:translateY(0%);}
}
 @-webkit-keyframes drop-in_alt{
     from  {-webkit-transform:translateY(150%);}
     to  {-webkit-transform:translateY(0%);}
 }
@keyframes drop-in_alt-fade{
  from  {opacity:1;transform:translateY(0);}
  to  {opacity:0;transform:translateY(-150%);}
}

@keyframes slide-in{
  from  {transform:translateX(150%);}
  to  {transform:translateX(0%);}
}

@keyframes slide-in_links{
  from  {transform:translateX(-150%);}
  to  {transform:translateX(0%);}
}


@keyframes fslide-in{
    from  {transform:translateX(150%);opacity:0;}
    to  {transform:translateX(0%);opacity:1;}
}

@keyframes fslide-in_links{
    from  {transform:translateX(-150%);opacity:0;}
    to  {transform:translateX(0%);opacity:1;}
}

@keyframes slide-bg-down{
	from {
		
	}
	to {
		background-position:0 0;
	}
}

@keyframes floaty {
    0% {margin-left:0;margin-top:0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25% {margin-left:-5%;margin-top:-3%;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    50% {margin-left:5%;margin-top:2%;-webkit-transform: rotate(3deg);transform: rotate(3deg);}
   100% {margin-left:0;margin-top:0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  }

@keyframes floaty_alt {
    0% {margin-left:0;margin-top:0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25% {margin-left:5%;-webkit-transform: rotate(10deg);transform: rotate(10deg);}
    50% {margin-left:-5%;margin-top:8%;-webkit-transform: rotate(-4deg);transform: rotate(-4deg);}
   100% {margin-left:0;margin-top:0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  }
  
@keyframes draai_links {
       0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
       50% {-webkit-transform: rotate(35deg);transform: rotate(35deg);}
       100% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}
   }

@keyframes draai_rechts {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    50% {-webkit-transform: rotate(-35deg);transform: rotate(-35deg);}
    100% { -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}

@keyframes klok-mee {
    from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@keyframes klok-tegen {
    from {transform: rotate(0deg);}
    to {transform: rotate(-360deg);}
}

@-moz-keyframes login_slide {
    0%   {-moz-transform: translateX(100%);}
    100% {-moz-transform: translateX(0);}
}

@-webkit-keyframes login_slide {
    0%   {-webkit-transform: translateX(100%);}
    100% {-webkit-transform: translateX(0);}
}

@keyframes login_slide {
    0%   {transform: translateX(100%);}
    100% {transform: translateX(0);}
}
  /* endgroup */



@keyframes close-menu-cnt {
    from{transform:translateY(0);opacity: 1}
    to{transform:translateY(25%);opacity:0}
}


@-webkit-keyframes close-menu-cnt {
    from{transform:translateY(0);opacity: 1}
    to{transform:translateY(25%);opacity:0}
}


@keyframes open-menu-cnt {
    from{
    	-ms-transform:translateY(45%);
    	transform:translateY(45%);opacity:0
    	}
    to{
    	-ms-transform:translateY(0);
    	transform:translateY(0);opacity: 1
    	}
}

@-webkit-keyframes open-menu-cnt {
    from{-webkit-transform:translateY(45%);opacity:0}
    to{-webkit-transform:translateY(0);opacity: 1}
}

@-moz-keyframes open-menu-cnt {
    from{ opacity:0; -moz-transform:translateY(45%);}
    to{opacity: 1; -moz-transform:translateY(0);}
}

/* New animations */
/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}


/**
 * ----------------------------------------
 * animation bg-pan-top
 * ----------------------------------------
 */
@-webkit-keyframes bg-pan-top {
    0% {
        background-position: 50% 100%;
    }
    100% {
        background-position: 50% 0%;
    }
}
@keyframes bg-pan-top {
    0% {
        background-position: 50% 100%;
    }
    100% {
        background-position: 50% 0%;
    }
}

/**
 * ----------------------------------------
 * animation shadow-drop-center
 * ----------------------------------------
 */
@-webkit-keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}
@keyframes shadow-drop-center {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
    }
}

/**
 * ----------------------------------------
 * animation slide-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-fwd-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        -webkit-transform: translateZ(160px);
        transform: translateZ(160px);
    }
}
@keyframes slide-fwd-center {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        -webkit-transform: translateZ(160px);
        transform: translateZ(160px);
    }
}