.page_transition {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: #D5D3D0;
    background-color: #000;

    -o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;
	pointer-events: none;
}

.page_transition.active {
    width: 100%;
}


 .scroll-hide {
    opacity: 0;
    top: 100px;

    /*
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    */
 }

 .scroll-show {
    opacity: 1;
    top: 0px;

    /*
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
    */
 }