@charset "utf-8";

@-webkit-keyframes MainLogoappear {
0%{top: 50%; left: 50%;
  -webkit-transform: translate(-49%, -51%) scale(1);-ms-transform: translate(-49%, -51%) scale(1);transform: translate(-49%, -51%) scale(1);
  max-width: 25vw;max-height: 25vw;}
68%{top:50%;
-webkit-transform: translate(-49%, -51%) scale(1);-ms-transform: translate(-49%, -51%) scale(1);transform: translate(-49%, -51%) scale(1);
  max-width: 25vw;max-height: 25vw;}
100%{top:-50px;
  -webkit-transform: translate(-49%, 0px) scale(0.52);-ms-transform: translate(-49%, 0px) scale(0.52);transform: translate(-49%, 0px) scale(0.52);
  max-width: 25vw;max-height: 25vw;}
}
@-moz-keyframes MainLogoappear {
  0%{top: 50%; left: 50%;
    -webkit-transform: translate(-49%, -51%) scale(1);-ms-transform: translate(-49%, -51%) scale(1);transform: translate(-49%, -51%) scale(1);
    max-width: 25vw;max-height: 25vw;}
  68%{top:50%;
  -webkit-transform: translate(-49%, -51%) scale(1);-ms-transform: translate(-49%, -51%) scale(1);transform: translate(-49%, -51%) scale(1);
    max-width: 25vw;max-height: 25vw;}
  100%{top:-50px;
    -webkit-transform: translate(-49%, 0px) scale(0.52);-ms-transform: translate(-49%, 0px) scale(0.52);transform: translate(-49%, 0px) scale(0.52);
    max-width: 25vw;max-height: 25vw;}
}
@-o-keyframes MainLogoappear{
  0%{top: 50%; left: 50%;
    -webkit-transform: translate(-49%, -51%) scale(1);-ms-transform: translate(-49%, -51%) scale(1);transform: translate(-49%, -51%) scale(1);
    max-width: 25vw;max-height: 25vw;}
  68%{top:50%;
  -webkit-transform: translate(-49%, -51%) scale(1);-ms-transform: translate(-49%, -51%) scale(1);transform: translate(-49%, -51%) scale(1);
    max-width: 25vw;max-height: 25vw;}
  100%{top:-50px;
    -webkit-transform: translate(-49%, 0px) scale(0.52);-ms-transform: translate(-49%, 0px) scale(0.52);transform: translate(-49%, 0px) scale(0.52);
    max-width: 25vw;max-height: 25vw;}
}
@keyframes MainLogoappear
{
  0%{top: 50%; left: 50%;
    -webkit-transform: translate(-49%, -51%) scale(1);-ms-transform: translate(-49%, -51%) scale(1);transform: translate(-49%, -51%) scale(1);
    max-width: 25vw;max-height: 25vw;}
  68%{top:50%;
  -webkit-transform: translate(-49%, -51%) scale(1);-ms-transform: translate(-49%, -51%) scale(1);transform: translate(-49%, -51%) scale(1);
    max-width: 25vw;max-height: 25vw;}
  100%{top:-50px;
  -webkit-transform: translate(-49%, 0px) scale(0.52);-ms-transform: translate(-49%, 0px) scale(0.52);transform: translate(-49%, 0px) scale(0.52);
    max-width: 25vw;max-height: 25vw;}
}


/* logo rotate keyframe start */
@-webkit-keyframes MainLogorotate {
  0%{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);transform:rotate(0deg);}
  5%{-webkit-transform:rotate(-40deg); -ms-transform:rotate(-40deg); transform:rotate(-40deg); }
  8%{-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg);}
  40%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  60%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  6%{-webkit-transform:rotate(320deg);-ms-transform:rotate(320deg);transform:rotate(320deg);}
  68%{-webkit-transform:rotate(320deg);-ms-transform:rotate(320deg);transform:rotate(320deg);}
  100%{-webkit-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg);}
}
@-moz-keyframes MainLogorotate {
  0%{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);transform:rotate(0deg);}
  5%{-webkit-transform:rotate(-40deg); -ms-transform:rotate(-40deg); transform:rotate(-40deg); }
  8%{-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg);}
  40%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  60%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  65%{-webkit-transform:rotate(320deg);-ms-transform:rotate(320deg);transform:rotate(320deg);}
  68%{-webkit-transform:rotate(320deg);-ms-transform:rotate(320deg);transform:rotate(320deg);}
  100%{-webkit-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg);}
  }
@-o-keyframes MainLogorotate {
  0%{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);transform:rotate(0deg);}
  5%{-webkit-transform:rotate(-40deg); -ms-transform:rotate(-40deg); transform:rotate(-40deg); }
  8%{-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg);}
  40%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  60%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  65%{-webkit-transform:rotate(320deg);-ms-transform:rotate(320deg);transform:rotate(320deg);}
  68%{-webkit-transform:rotate(320deg);-ms-transform:rotate(320deg);transform:rotate(320deg);}
  100%{-webkit-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg);}
  }
@keyframes MainLogorotate {
  0%{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg);transform:rotate(0deg);}
  5%{-webkit-transform:rotate(-40deg); -ms-transform:rotate(-40deg); transform:rotate(-40deg); }
  8%{-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg);}
  40%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  60%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  65%{-webkit-transform:rotate(320deg);-ms-transform:rotate(320deg);transform:rotate(320deg);}
  68%{-webkit-transform:rotate(320deg);-ms-transform:rotate(320deg);transform:rotate(320deg);}
  100%{-webkit-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg);}
} 
/* logo rotate keyframe end */


@-webkit-keyframes Logolinesappear {
0%{ opacity: 0;}
10%{ opacity: 0;}
40%{opacity: 1;}
75%{ opacity: 1;}
100%{ opacity: 0;}
}
@-moz-keyframes Logolinesappear {
  0%{ opacity: 0;}
  10%{ opacity: 0;}
  40%{opacity: 1;}
  75%{ opacity: 1;}
  100%{ opacity: 0;}
  }
@-o-keyframes Logolinesappear {
  0%{ opacity: 0;}
  10%{ opacity: 0;}
  40%{opacity: 1;}
  75%{ opacity: 1;}
  100%{ opacity: 0;}
  }
@keyframes Logolinesappear {
  0%{ opacity: 0;}
  10%{ opacity: 0;}
  40%{opacity: 1;}
  75%{ opacity: 1;}
  100%{ opacity: 0;}
} 


@-webkit-keyframes screen2appear {
0%{opacity: 0;}
100%{opacity: 1;}
}
@-moz-keyframes screen2appear {
  0%{opacity: 0;}
  100%{opacity: 1;}
  }
@-o-keyframes screen2appear {
  0%{opacity: 0;}
  100%{opacity: 1;}
  }
@keyframes screen2appear {
  0%{opacity: 0;}
  100%{opacity: 1;}
} 



@-webkit-keyframes contactInnerappear {
0%{opacity: 0;}
100%{opacity: 1;}
}
@-moz-keyframes contactInnerappear {
  0%{opacity: 0;}
  100%{opacity: 1;}
  }
@-o-keyframes contactInnerappear {
  0%{opacity: 0;}
  100%{opacity: 1;}
  }
@keyframes contactInnerappear {
  0%{opacity: 0;}
  100%{opacity: 1;}
} 


@-webkit-keyframes contactMainLogo {
0%{top: -100px; left:calc(50% + 8px); -webkit-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
       -ms-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
           transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
           max-width: 25vw;max-height: 25vw; opacity: 1;}

100%{top:-150px; left:-150px;  -webkit-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
       -ms-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
           transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
          max-width: 25vw;max-height: 25vw; opacity: 1;}
}
@-moz-keyframes contactMainLogo {
  0%{top: -100px; left:calc(50% + 8px); -webkit-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
         -ms-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             max-width: 25vw;max-height: 25vw; opacity: 1;}

  100%{top:-150px; left:-150px;  -webkit-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
         -ms-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
             transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
            max-width: 25vw;max-height: 25vw; opacity: 1;}
  }
@-o-keyframes contactMainLogo {
  0%{top: -100px; left:calc(50% + 8px); -webkit-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
         -ms-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             max-width: 25vw;max-height: 25vw; opacity: 1;}

  100%{top:-150px; left:-150px;  -webkit-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
         -ms-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
             transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
            max-width: 25vw;max-height: 25vw; opacity: 1;}
  }
@keyframes contactMainLogo {
  0%{top: -100px; left:calc(50% + 8px); -webkit-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
         -ms-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             max-width: 25vw;max-height: 25vw; opacity: 1;}

  100%{top:-150px; left:-150px;  -webkit-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
         -ms-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
             transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
            max-width: 25vw;max-height: 25vw; opacity: 1;}
} 


@-webkit-keyframes contactMainLogoreset {
0%{top:-150px; left:-150px; -webkit-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
       -ms-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
           transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
              max-width: 25vw;max-height: 25vw; opacity: 0;}
100%{top: -100px; left:calc(50% + 8px); -webkit-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
       -ms-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
           transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
            max-width: 25vw;max-height: 25vw; opacity: 1;}
}
@-moz-keyframes contactMainLogoreset {
  0%{top:-150px; left:-150px; -webkit-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
         -ms-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
             transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
                max-width: 25vw;max-height: 25vw; opacity: 0;}
  100%{top: -100px; left:calc(50% + 8px); -webkit-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
         -ms-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
              max-width: 25vw;max-height: 25vw; opacity: 1;}
  }
@-o-keyframes contactMainLogoreset {
  0%{top:-150px; left:-150px; -webkit-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
         -ms-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
             transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
                max-width: 25vw;max-height: 25vw; opacity: 0;}
  100%{top: -100px; left:calc(50% + 8px); -webkit-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
         -ms-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
              max-width: 25vw;max-height: 25vw; opacity: 1;}
  }
@keyframes contactMainLogoreset {
  0%{top:-150px; left:-150px; -webkit-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
         -ms-transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
             transform: translate(0%, 0px) rotate(-360deg) scale(0.35);
                max-width: 25vw;max-height: 25vw; opacity: 0;}
  100%{top: -100px; left:calc(50% + 8px); -webkit-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
         -ms-transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
             transform: translate(-49%, 0px) rotate(0deg) scale(0.52);
              max-width: 25vw;max-height: 25vw; opacity: 1;}
}