﻿body {
background: -webkit-linear-gradient(#000000, #000066); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#000000, #000066); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#000000, #000066); /* For Firefox 3.6 to 15 */
background: linear-gradient(#000000, #000066); /* Standard syntax */
}

#spinner {
     display: block;
     margin-left: auto;
     margin-right: auto;
}

#Company {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#Logo { position: relative; }

#Background { position: absolute; }

#Back_div {
    width: 870px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.7;
}

#Flags {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
}

#spinner { -webkit-animation-name: spinner; 
           -webkit-animation-iteration-count: infinite; 
           -webkit-animation-duration: 5s; 
           -webkit-transform-style: preserve-3d; 
                   animation-name: spinner; 
                   animation-iteration-count: infinite; 
                   animation-duration: 5s; 
                   transform-style: preserve-3d; 
              -moz-animation-name: spinner; 
              -moz-animation-iteration-count: infinite; 
              -moz-animation-duration: 5s; 
              -moz-transform-style: preserve-3d;
               -ms-animation-name: spinner; 
               -ms-animation-iteration-count: infinite; 
               -ms-animation-duration: 5s; 
               -ms-transform-style: preserve-3d;
                -o-animation-name: spinner; 
                -o-animation-iteration-count: infinite; 
                -o-animation-duration: 5s; 
                -o-transform-style: preserve-3d; } 
    
    @-webkit-keyframes spinner { 
        0%   { -webkit-transform: rotateY(0deg) rotateX(0deg) scale(1.0); }
        50%  { -webkit-transform: rotateY(-180deg) rotateX(90deg) scale(2.0);} 
        100% { -webkit-transform: rotateY(-360deg) rotateX(0deg) scale(1.0); } } 

    @-moz-keyframes spinner { 
        0%   { -moz-transform: rotateY(0deg) rotateX(0deg) scale(1.0);}
        50%  { -moz-transform: rotateY(-180deg) rotateX(90deg) scale(2.0);} 
        100% { -moz-transform: rotateY(-360deg) rotateX(0deg) scale(1.0);} } 

  @keyframes spinner { 
        0%   { transform: rotateY(0deg) rotateX(0deg) scale(1.0);}
        50%  { transform: rotateY(-180deg) rotateX(90deg) scale(2.0);} 
        100% { transform: rotateY(-360deg) rotateX(0deg) scale(1.0);} } 

  @-ms-keyframes spinner { 
        0%   { -ms-transform: rotateY(0deg) rotateX(0deg) scale(1.0);}
        50%  { -ms-transform: rotateY(-180deg) rotateX(90deg) scale(2.0);} 
        100% { -ms-transform: rotateY(-360deg) rotateX(0deg) scale(1.0);} } 


.Buttons {
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s; }

.Buttons:hover {
    box-shadow: 0px 0px 15px 1px rgb(0,0,0);
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3); }

