/*
 * page-arrow-more ################################################################
*/
/*
:root
   {
      --page-arrow-more-c: #006a4d;
      --page-arrow-more-bg: #ffffff;
   }
*/
.page-arrow-more
   {
      position: fixed;
      bottom: 0rem;
      text-align: center;
      font-size: 3rem;
      color: var(--page-arrow-more-c);
      z-index: 900;
      height: 3.125rem;
      background-color: var(--page-arrow-more-bg);
      width: 100%;
      overflow: hidden;
   }
@-moz-keyframes ani-pam
   {
     0% {-moz-transform:  translate(0%,-100%);}
     100% {-moz-transform:  translate(0%,100%);}
   }

@-webkit-keyframes ani-pam 
   {
     0% {-webkit-transform:  translate(0%,-100%);}
     100% {-webkit-transform:  translate(0%,100%);}
   }

@-o-keyframes ani-pam 
   {
     0% {-o-transform:  translate(0%,-100%);}
     100% {-o-transform:  translate(0%,100%);}
   }

@-ms-keyframes ani-pam 
   {
     0% {-ms-transform:  translate(0%,-100%);}
     100% {-ms-transform:  translate(0%,100%);}
   }
   
@keyframes ani-pam 
   {
     0% {transform:  translate(0%,-100%);}
     100% {transform:  translate(0%,100%);}
   }
.page-arrow-more i
   {
      animation: ani-pam ease-in-out 2s;
      animation-iteration-count: infinite;
      transform-origin: 50% 50%;
      -webkit-animation: ani-pam cubic-bezier(0,1,1,0) 1s;
      -webkit-animation-iteration-count: infinite;
      -webkit-transform-origin: 50% 50%;
      -moz-animation: ani-pam cubic-bezier(0,1,1,0) 1s;
      -moz-animation-iteration-count: infinite;
      -moz-transform-origin: 50% 50%;
      -o-animation: ani-pam cubic-bezier(0,1,1,0) 1s;
      -o-animation-iteration-count: infinite;
      -o-transform-origin: 50% 50%;
      -ms-animation: ani-pam cubic-bezier(0,1,1,0) 1s;
      -ms-animation-iteration-count: infinite;
      -ms-transform-origin: 50% 50%;
   }