.login-box:after,
header:after{content:""; display:block; width:100%; height:0px; clear:both;}
.w-container {margin:auto; max-width: 940px;}


body{margin:0px; padding:0px;  font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px;}
header .bar{background:#c7c7c7; border-top:5px #3fae2a solid; height:20px;}
header a{color:#3f3f3f; text-decoration:none; padding:20px; transition:.3s all; float:right;}
header a:hover{color:#3fae2a;}


.w-logo{padding: 0px 30px 22px; margin-top:30px; box-sizing:border-box;}
.logo{background:url("../images/erealtymedia.png") no-repeat; width:100%; max-width:315px; height:75px; background-size:contain; margin:auto;}

.login-box{background:#fff; border-top: 2px solid #af0000; box-shadow:#dcdcdc 0px 0px 30px; text-align:center; padding:15px 20px 20px 20px; width: 90%; box-sizing: border-box; margin: auto;}
.login-box h1{color:#2f2e2a; font-size:26px; font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:400; margin:0; padding:0; line-height:initial;}

.ModalPopupContent input[type="text"],
.login-box input[type="password"],
.login-box input[type="text"]{background:#fff; border:1px #dbdbdb solid; height:31px; font-size:15px; color:#414141; font-weight:300; padding-left:10px; box-sizing:border-box; width:100%; font-family:'Open Sans', sans-serif; margin-bottom:5px;}

.ModalPopupContent input[type="submit"],
.login-box a.Button{border:2px #af0000 solid; border-radius:5px; background:#fff; font-size:27px; color:#8b8b8b; font-weight:400; text-transform:uppercase; max-width:240px; width:100%; display:block; margin:0 auto; padding:10px 0; text-decoration:none; transition:.3s all;}

.ModalPopupContent input[type="text"]{height:41px;}
.ModalPopupContent input[type="submit"]{font-size:16px; padding:5px 0; cursor:pointer;}

.ModalPopupContent input[type="submit"]:hover,
.login-box a.Button:hover{background:#af0000; color:#fff;}
.login-box a#lnkShow{float:right; font-size:12px; color:#8b8b8b;}

.bg_input{position:relative;}
.bg_input span{color:#ff0000; position:absolute; right:10px; line-height:61px; font-size:15px; z-index:9; top:0;}

.modalBackground { width: 100%; height: 100%; background-color: #FFFFFF; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { max-width:450px !important; width:90% !important; margin: auto; background-color: #FFFFFF; border: 5px solid #af0000; }
.ModalPopupHeader { height:24px; cursor: move; background-color: #af0000; color:#eeeeee; font-size: 13px; font-weight:bold; height:30px; line-height:20px; text-align: center !important;}
.ModalPopupHeader .PopupTitle { float:left; line-height:24px; margin-left:5px; font-weight:bold; }
.ModalPopupContent {margin:10px 15px;}

.ModalPopupContent input[type="text"]{margin-bottom:0px;}
.ModalPopupContent span.text{font-size:16px; color:#8b8b8b; margin-bottom:15px; display: block;}
.ModalPopupContent span.red{color: #ff0000; display: block; margin: 3px 0 7px 0; text-align: center;}

.ModalPopupHeader a { display:block; width:22px; height:22px; outline:none; float:right; background-image:url(images/close.gif); background-repeat:no-repeat;/**/ margin-top:1px; margin-right:1px; }

.copyright_login{text-align: center; color: #757575; margin-top: 20px; font-size: 13px;}

@media (min-width:768px) {
    .logo{max-width:400px; height:90px;}
    .login-box h1{font-size:31px;}

    .ModalPopupContent input[type="text"],
    .login-box input[type="password"],
    .login-box input[type="text"]{height:61px; font-size:21px; margin-bottom:15px;}
}
@media (min-width:992px) {
    .logo{max-width:500px; height:110px;}
    .w-logo{padding: 0px 30px 35px;}
    .login-box h1{font-size:41px;}

    .ModalPopupContent input[type="text"],
    .login-box input[type="password"],
    .login-box input[type="text"]{height:61px; font-size:21px; margin-bottom:15px;}
    .login-box{padding:25px 80px 40px 80px; width: 100%;}

}
@media (min-width:1200px) {
    .logo{max-width:616px; height:155px;}
    .w-logo{padding: 0px 30px 35px; margin-top:70px;}
    .login-box h1{font-size:41px;}

    .ModalPopupContent input[type="text"],
    .login-box input[type="password"],
    .login-box input[type="text"]{height:61px; font-size:21px; margin-bottom:15px;}
    .login-box{padding:25px 80px 40px 80px; width: 100%;}

}