@font-face {
    font-family: 'RobotoRegular';
    src: url('/fonts/roboto/Roboto-Regular-webfont.eot');
    src: url('/fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('/fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/fonts/roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { background-color: #272443; }

#container { position: absolute; width: 100%; height: 100%; }

   /* @media screen and (max-width: 960px) and (orientation: portrait) {
        #container { height: 500px;}   
        
    }

    @media screen and (max-width: 960px) and (orientation: landscape) {
        #container { width: 270px; }   
        
    }
     */
    
#logincontainer2 { position: absolute; left: 50%; top: 50%; }            
    #logincontainer2 #loginpanel{ position: relative; height:300px; left: -50%; top: -150px;}
    #langselector { float: right; list-style-type:  none; margin-bottom: 0;}
    #langselector li{ float: left; margin-left: 5px; }
    #formcontainer { clear: both; }
    
    .logo img { display:none; height:auto; max-width:100%; }
  
    .loginform dl {
        overflow: hidden; width: 270px;
    }
    .loginform dt { display: none; }
    .loginform dd {
            clear: both !important;
            float: left;
            margin-top: 10px; width:270px;
    }
    .loginform dd input{ font-family: 'RobotoRegular', Arial;font-size: 13px; padding: 10px; width: 250px; }
    .loginform dd button{ background: #302a66; border:0; color: #fff; font-family: 'RobotoRegular', Arial; font-size: 13px; padding: 10px; text-transform: uppercase; width: 100%; }
    
.animate0,
.animate1,
.animate2,
.animate3,
.animate4
 {
    animation-delay: 0s;
    animation-duration: 0.8s;
    animation-fill-mode: both;
    animation-timing-function: ease;    
}
.animate1 { animation-delay: 0.2s; }
.animate2 { animation-delay: 0.4s; }
.animate3 { animation-delay: 0.6s; }
.animate4 { animation-delay: 0.8s; }


.bounceIn {
    animation-name: bounceIn;
}