body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    /*background-image: url(../Images/login/EhE4PF4UYAEes4Z_1800x1200.jpg);*/
    background-image: url(../Images/login/logofinalkarimy.png);
    background-repeat: no-repeat;
}
#fade {
    /*border: solid 1px #f5ecec;*/
    position: fixed;
    top: 20%;
    left: 58%;
    margin-left: -29%;
    width: 40%;
    height: 50%;
    border-radius: 1%;
    background: #0d1578;
    z-index: 5;
    opacity: .65;
}
section {
    /*border: solid 1px #ffffff;*/
    position: fixed;
    top: 20%;
    left: 58%;
    margin-left: -29%;
    width: 40%;
    height: 50%;
    border-radius: 1%;
    z-index: 10;
    box-shadow: 1px 1px 1px #0d1578;
}
/*Login Media query {*/
/*@media screen and (max-width: 600px) {*/
    /**Login Form**/
    /*body {
        background-image: url(../Images/login/logofinalkarimyx.png);
        background-repeat: no-repeat;
    }
    section, #fade {
        position: fixed;
        top: 6%;
        left: 5%;
        margin-left: -2.5%;
        width: 95%;
        height: 90%;
    }
    .lgfrm label {
        font-size: 10px;
    }
    #log {
        font-size: 14px;
    }*/
    /**End Login Form**/
/*}*/
#title {
    border-bottom: solid 1px #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 4%;
    padding: 1% 0% 2% 0%;
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    letter-spacing: 1px;
    word-spacing: 3px;
}
.logins {
    /*border: solid 1px #ffffff;*/
    margin: 5% auto;
    width: 80%;
    height: 70%;
}
.lgfrm {
    /*border: solid 1px #ffffff;*/
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 17%;
    margin:4% 0% 6% 0%;
}
.lgfrm label {
    border: solid 1px #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    height: 40%;
    font-size:14px;
    color:#ffffff;
    padding:2.5% 2%;
}
.frmcon {
    border: solid 1px #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 60%;
    height: 40%;
    padding: 2.5% 2%;
    font-size: 14px;
    color: #ffffff;
    background-color: transparent;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.frmcon:focus {
    outline:none;
}
#log {
    border: solid 1px #ffffff;
    display: inline-block;
    vertical-align: top;
    width: 98.5%;
    height: 99%;
    padding: 2% 3%;
    color: #ffffff;
    background-color: transparent;
    font-size: 18px;
    font-weight: bold;
    letter-spacing:3px;
    cursor:pointer;
}
#log:focus {
    outline: none;
}