@font-face {
    font-family: "EtelkaRegular";
    src: url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.eot");
    src: url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.eot?#iefix")format("embedded-opentype"),
    url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.woff") format("woff"),
    url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

::-webkit-input-placeholder {color:#fff; font-size: 14px;}
::-moz-placeholder          {color:#fff; font-size: 14px;}/* Firefox 19+ */
:-moz-placeholder           {color:#fff; font-size: 14px;}/* Firefox 18- */
:-ms-input-placeholder      {color:#fff; font-size: 14px;}

body *{font-family: EtelkaRegular;}
body{
    background-position: center center;
    background-repeat: repeat;
    padding: 0px; margin: 0px;
    background: rgba(0,0,0,0);
}

html{
    height: 100%;
    /*background-image: url("/static/img/blogging1.jpg");*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-position: bottom center;*/
    /*-webkit-box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.5) inset;*/
    /*   -moz-box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.5) inset;*/
    /*    -ms-box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.5) inset;*/
    /*     -o-box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.5) inset;*/
    /*        box-shadow: 0 0 0 800px rgba(0, 0, 0, 0.5) inset;*/

    -webkit-transition: background-image 3s;
        -moz-transition:background-image 3s;
         -o-transition: background-image 3s;
            transition: background-image 3s;
}
input{
    display: inline-block; width: 300px; height: 40px; margin-right: 3px; border-radius:0px;
    border: 0px;
    outline: none;
    border-bottom: 5px solid #fff;
    background-color: transparent;
    text-align: center; 
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}
input:focus{
    box-shadow: none; 
    outline: none; 
    border-bottom: 5px solid #1E3685;
}

@media screen (max-device-width: 480px){
    body{
        margin: 0;
    }
    .container{
        margin: 0;
    }
}

#loading-overlay { z-index:15000; position: fixed; width:100%; height:100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; opacity: 0.7; }
#loading-message { z-index:15000; position: fixed; text-align: center; top: 20%; left: 0; right: 0; width:99%;}
.hidden-block{ display: none;}

.recover-password:hover{
    color: #8b8b8b;
}