/*
      ___         ___                                       ___     
     /\  \       /\  \         _____                       /\  \    
    /::\  \     /::\  \       /::\  \                     /::\  \   
   /:/\:\__\   /:/\:\  \     /:/\:\  \                   /:/\:\  \  
  /:/ /:/  /  /:/ /::\  \   /:/ /::\__\   ___     ___   /:/  \:\  \ 
 /:/_/:/  /  /:/_/:/\:\__\ /:/_/:/\:|__| /\  \   /\__\ /:/__/ \:\__\
 \:\/:/  /   \:\/:/  \/__/ \:\/:/ /:/  / \:\  \ /:/  / \:\  \ /:/  /
  \::/__/     \::/__/       \::/_/:/  /   \:\  /:/  /   \:\  /:/  / 
   \:\  \      \:\  \        \:\/:/  /     \:\/:/  /     \:\/:/  /  
    \:\__\      \:\__\        \::/  /       \::/  /       \::/  /   
     \/__/       \/__/         \/__/         \/__/         \/__/    

*/


/* @keyframe Animation */

@keyframes main-box { /* aka fade-in-one */
      0%    {opacity: 0;}
      75%   {opacity: 75;}
      100%  {opacity: 95;}
}

      @-moz-keyframes main-box {
            0%    {opacity: 0;}
            75%   {opacity: 75;}
            100%  {opacity: 95;}
      }
      @-o-keyframes main-box {
            0%    {opacity: 0;}
            75%   {opacity: 75;}
            100%  {opacity: 95;}
      }
      @-ms-keyframes main-box {
            0%    {opacity: 0;}
            75%   {opacity: 75;}
            100%  {opacity: 95;}      
      }
      @webkit main-box {
            0%    {opacity: 0;}
            75%   {opacity: 75;}
            100%  {opacity: 95;}
      }

.main-box {
      animation-name: main-box;
      animation-duration: 5s;

      -moz-animation-name: main-box;
      -moz-animation-duration: 5s;
      -o-animation-name: main-box;
      -o-animation-duration: 5s;
      -ms-animation-name: main-box;
      -ms-animation-duration: 5s;
      -webkit-animation-name: main-box;
      -webkit-animation-duration: 5s;
}