@import url(webfonts/SegoeUI-Light/styles.css);
@import url(webfonts/Segoe/styles.css);
html{background:#000 url(images/html-bg-login.jpg) bottom left no-repeat;background-size:cover;background-attachment:fixed}
body {
   /*background:#000;*/
   color:#fff;
    font-family:Segoe;
}
.login-container{
    background:#203a89 url(images/loginBg.png) center no-repeat;
    background-blend-mode: overlay;
    background-size:cover;
    color:#fff;
    overflow:hidden;
    top:10em;
    position:relative;
       padding:70px 70px;
    max-width:1000px;
    margin:0 auto;
}
html.no-smil .login-container{
background:#203a89 url(images/loginBg_ie.png) center no-repeat;
}
.login-container a{
	color:#fff;
}

h5{
    font-weight:normal;
    line-height:1.4;
}
.login-container h2{
    text-align:center;
    padding:0 0px 20px;
    font-family:SegoeUI-Light;
}
.login-container h3{
     padding:0 15px 25px;
    font-family:SegoeUI-Light;
    
}
.login-container h4{
    font-family:SegoeUI-Light;
    font-size:22px;
    padding-left: 15px;
}
.login-container label.control-label {
    display:block;
    text-align:left;
    font-weight:normal;
    padding-left:15px;
}
.login-container input{
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 10px 10px;
    height: auto;
    color:rgba(255,255,255,.7);
}
.login-container button.btn-default,
.modal-login a.btn-default{
display:block;
/*background-color:#400702;*/
background:rgba(0,0,0,.4);
color:#fff;
width:100%;
margin-top: 10px;
border:0;
padding:7px 0;
display:block;
text-align: center;
}
.login-container button.btn-default:hover{
    /*background-color:#1c0301;*/
background:rgba(0,0,0,.6);
}
.text-right{
    text-align:right;
}
.login-container .form-group{
	margin-bottom: 0;
}
/* social buttons */
.social-button-facebook,
.social-button-twitter,
.social-button-google,
.social-button-microsoft{
	font-size:16px;
	background-color:#354f88;
	text-align:left;
	margin:5px 0;
	padding: 7px 15px;
height: auto;
	display:inline-block;
	position:relative;
	border:0;
	color:#fff;
	width: 100%;
  line-height: 1.6px;
}

.social-button-facebook:before,
.social-button-twitter:before,
.social-button-google:before,
.social-button-microsoft:before{
content:"\f230";
font:normal normal normal 14px/1 FontAwesome;
top:2px;
position: relative;
font-size: 22px;
padding-right: 10px;

}
.social-button-twitter{background-color:#0084b4}
.social-button-google{background-color:#d34836}
.social-button-microsoft{background-color:#2874ca}
.social-button-twitter:before{
	content:"\f099";
}
.social-button-google:before{
	content:"\f0d5";
}
.social-button-microsoft:before{
	content:"\f17a";
}
.login-container-inner{
	position: relative;
	width:100%;
    float:left;

}
.login-form-separator{
	/*position: absolute;*/
	top: 25px;
	bottom: 15px;
	width: 16.666666666666664%;;
	text-align: center;
    float:right;
}
.separator-mob{
  display: none;
}
.loginAsGuest{
    text-align:center;
        display:block;
}
.login-form-label{
position: absolute;
top:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform:    translate(-50%, -50%);
-ms-transform:     translate(-50%, -50%);
-o-transform:      translate(-50%, -50%);
transform:         translate(-50%, -50%);
}
.login-form-separator:before{
    content: "";
    width: 1px;
    height: 45%;
    background-color: rgba(255,255,255,.3);
    position: absolute;

	}
	.login-form-separator:after{
  content: "";
    width: 1px;
    height: 45%;
    background-color: rgba(255,255,255,.3);
    position: absolute;
    bottom: 0;
	}
.checkbox-label {
	    position: relative;
    padding-left: 35px;
    margin-top: 7px;
    font-weight: normal;
    min-height: 22px;
}
.checkbox-label input{
	opacity: 0;
    position:absolute;
}
	.checkbox-label input+span.checkbox-marker
	{background:url(/Content/images/not-selected.png) top center no-repeat}
	.checkbox-label input:checked+span.checkbox-marker
	{background:url(/Content/images/selected.png) top center no-repeat}
	.checkbox-label .checkbox-marker
	{position:absolute;width:22px;height:22px;left:0;top:0;}

    .goBack-btn{
       font-family: SegoeUI-Light;
       position: absolute;
       font-size: 28px;
       top:20px;
       right: 20px;
       opacity: .6;
       -webkit-transition: all 0.2s ease-out;  /* Chrome 1-25, Safari 3.2+ */
       -moz-transition: all 0.2s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.2s ease-out;  /* Opera 10.50–12.00 */
       transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    }
    .goBack-btn:hover{
        text-decoration: none;
opacity: 1;
    }
    .text-danger{
        color:#f00;
    }
    #socialLoginForm{
        margin-top:-15px;
    }
 .modal-login #socialLoginForm{
  margin-top: 0;
 }

.login-container.modal-login {
    top:0;
  padding: 0;
/*-webkit-transform: translate(0, 50%);
    -moz-transform:    translate(0, 50%);
    -ms-transform:     translate(0, 50%);
    -o-transform:      translate(0, 50%);
    transform:         translate(0, 50%);
    margin-top: -40px;*/
    overflow: visible;
    background: none;
}
.modal-login #divLoginForm{
      margin: 10px 20px 20px;
      overflow: hidden;
      clear: both;
/*      margin-top: -20px;
      -webkit-transform: translate(0, 50%);
    -moz-transform:    translate(0, 50%);
    -ms-transform:     translate(0, 50%);
    -o-transform:      translate(0, 50%);
    transform:         translate(0, 50%);*/
}
.modal-login #divForgotPassword{
  margin: 20px;
  clear: both;
/*     -webkit-transform: translate(0, 50%);
    -moz-transform:    translate(0, 50%);
    -ms-transform:     translate(0, 50%);
    -o-transform:      translate(0, 50%);
    transform:         translate(0, 50%);*/
}
.modal-login .btn-default{
  display: block;
}
.modal-login .checkbox-label{
  overflow: visible;
}
.modal-login #divRegisterForm{
  padding:20px;
overflow: hidden;
}

.modal-login .btnBackToLogin{
      margin-top: 30px;
    display: inline-block;
    clear: both;
    float: left;
}


.modal-login #btnForgotYourPasswordSubmit{
  margin-top: 0;
  line-height: 2;
}
/*
    @media screen and (max-width: 1241px) {
 .login-form-separator,
 .loginFormWrapper,
 .socilaLoginWrap{
         position: relative;
    clear: both;
    width: 95%;
    display: block;
float: none !important;
    top: 0;
    bottom: 0;
    margin:30px auto;
}
    .login-form-separator:before{
    width: 45%;
    left: 0;
    height: 1px;
    top: 50%;
    }
    .login-form-separator:after{
            width: 45%;
    left: 55%;
    height: 1px;
    top: 50%;
    }
    .login-container{
        max-width:96%;
    }
     .text-xs-center{text-align:center;}
      #socialLoginForm{margin-top:10px;}
      .loginAsGuest{
          text-align:center;
      }
    }*/
@media screen and (max-width: 1300px)
{
  .modal-login .social-button-facebook,
  .modal-login .social-button-twitter,
  .modal-login .social-button-google,
  .modal-login .social-button-microsoft{
    padding:7px;
    font-size: 14px;
  }
#btnRegisterForm{
  white-space: nowrap;
}
}

    @media screen and (max-width: 1128px) {
   .modal-login .social-button-facebook:before,
  .modal-login .social-button-twitter:before,
  .modal-login .social-button-google:before,
  .modal-login .social-button-microsoft:before{
display: none;
  }
    .modal-login .social-button-facebook,
  .modal-login .social-button-twitter,
  .modal-login .social-button-google,
  .modal-login .social-button-microsoft{
    padding:14px 7px;
    
  }
  #btnRegisterForm{

  font-size: 12px;
}
    }



    @media screen and (max-width: 991px) {
    .login-form-separator,
 .loginFormWrapper,
 .socilaLoginWrap{
         position: relative;
    clear: both;
    width: 100%;
    display: block;
float: none !important;
    top: 0;
    bottom: 0;
    margin:0px auto;
}
    .login-form-separator:before{
    width: 45%;
    left: 0;
    height: 1px;
    top: 50%;
    }
    .login-form-separator:after{
            width: 45%;
    left: 55%;
    height: 1px;
    top: 50%;
    }
    .login-container{
        max-width:96%;
        top:2em;
    }
     .text-xs-center{text-align:center;}
      #socialLoginForm{margin-top:10px;}
      .loginAsGuest{
          text-align:center;
      }
      .loginFormWrapper{
          float:none;
          clear:both;
      }
      .login-container h4,
      .login-container h3{
        text-align: center;
        padding-left: 0;
      }
.login-form-separator{
    padding: 20px 20px 31px;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
}
.separator-mob{
  display: block;
}

  #btnRegisterForm{

  font-size: 14px;
  padding:10px 0;
  display: block;
}
    }
@media screen and (max-width: 768px) {
  .login-container{
    top:0;
    max-width: 100%;
  }
  .login-container h2{
    display: none;
  }
   .login-container h4{
    text-align: center;
    font-size: 36px;

    font-weight: 300;
  }
  .login-container a span{
    text-decoration: underline;

  }
}


@media screen and (max-width: 540px) {
   .login-container{
       padding:20px 20px;
      
   }
   html{
       background:#000;
   }
}

@media screen and (max-width: 440px) {

.goBack-btn{
    top:5px;
    right:5px;
    
}    .login-container h4{
        text-align:center;
        font-size:20px;
        padding-bottom:20px;
    }
    .login-container h4.login-title-middle{
      padding-top:10px;
       padding-bottom:10px;
    }
   .login-container h2{
       font-size:32px;
       padding:0 0 5px;
   }
   .checkbox-label{
    padding-left: 30px;
   }
   .checkbox-label,
   .forgot_pass_link{
       font-size:12px;
       padding-top:5px;
   }
.forgot_pass_link {
 position: relative;
line-height: 2.2;
}
   .login-container h3{
       text-align:center;
       font-size:18px;
   }
}