@import url(bootstrap.min.css);

@import url(font-awesome.min.css);

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900);

a,a:focus{text-decoration:none}

body,h1,h2,h3,h4,h5,h6{font-family:'Titillium Web',sans-serif}


body,html{overflow-x:hidden;text-rendering:optimizeLegibility;background-color:#f0f2f5}

body {
	font-size:1.6em;
	font-weight:400;
	color:#44525f;
}

.authfy-panel-right {
	background-image:url(../images/bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:100%;
	height:100vh;
  }

.authfy-panel-right:before {
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba(45,56,94,0.93);
  }

	ul{padding:0;margin:0;list-style:none}a:focus{outline:0}h1,h2,h3,h4,h5,h6{color:#2d385e}

	a,a:focus,a:hover{color:#4f77ff}

.btn-primary{background-color:#4f77ff;border-color:#4f77ff}

.btn-primary.active,.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover { 
	background-color:#486ff2;border-color:#486ff2}


		.authfy-login {position:relative;}

		.authfy-panel {padding:40px 40px 0 40px;}

.authfy-panel .authfy-heading{margin-bottom:30px}

.authfy-login .auth-title{font-weight:700;margin-top:0}

.authfy-login .authfy-panel.active{opacity:1;transform:translateX(0);-webkit-transform:translateX(0)}

.authfy-login .social-buttons a{color:#fff}

.authfy-login .social-buttons a:hover{color:#fff;opacity:.9}

.authfy-login .social-buttons .btn-facebook{background:#3b5998}

.authfy-login .social-buttons .btn-twitter{background:#00aced}

.authfy-login .social-buttons .btn-google{background:#c32f10}

.authfy-login .loginOr{position:relative;font-size:1.5em;color:#aaa;margin-top:1em;margin-bottom:1em;
	padding-top:.5em;padding-bottom:.5em}
.authfy-login .loginOr .spanOr{width:100%;display:block;text-align:center;position:relative;overflow:hidden}

.authfy-login .loginOr .spanOr:after,.authfy-login .loginOr .spanOr:before{
	content:"";background-color:#ddd;width:55%;height:1px;position:absolute;top:19px}

.authfy-login .loginOr .spanOr:before{left:-50px}

.authfy-login .loginOr .spanOr:after{right:-50px}.panel-login .remember-row{margin-bottom:10px}

.panel-login .remember-row label{
	font-weight:400;position:relative;cursor:pointer;color:#666;padding-left:24px}

.authfy-login .forgotPwd{text-align:right;margin-top:10px}

.panel-forgot .form-control,.panel-login .form-control,.panel-signup .form-control{
	background-color:#fff;color:#333;font-size:18px;
	height:50px;margin-bottom:20px;padding:12px 22px;
	border-radius:3px;box-shadow:0 3px 6px 0 rgba(0,0,0,.1),0 0 2px 0 rgba(0,0,0,.1);
	border:1px solid #bcc2ce;outline:0}

.pwdMask{position:relative}

.pwdMask .pwd-toggle{color:#ccc;position:absolute;z-index:2}

.panel-login .pwdMask .pwd-toggle,.panel-signup .pwdMask .pwd-toggle{top:15px;right:15px}

.pwdMask .pwd-toggle:focus,.pwdMask .pwd-toggle:hover{cursor:pointer}

.pwdMask .pwd-toggle.fa-eye,.pwdMask .pwd-toggle:focus,.pwdMask .pwd-toggle:hover{color:#4f77ff}

.panel-signup .term-policy a{text-decoration:underline}

.authfy-panel.panel-forgot{padding-top:40px}


.panel-forgot .form-control:focus,.panel-login .form-control:focus,.panel-signup .form-control:focus{
	border-color:#4f77ff;z-index:2;outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}

.checkbox input[type=checkbox]{position:absolute;right:9000px;opacity:0;z-index:1;cursor:pointer}

.checkbox input[type=checkbox]+.label-text:after,.checkbox input[type=checkbox]+.label-text:before{
	font-size:11px;display:inline-block;
	width:17px;height:17px;padding:2px;margin-left:0;
	position:absolute;top:2px;left:0}

.checkbox input[type=checkbox]+.label-text:before{content:"";
     background-color:#fff;border:1px solid #ced4da;border-radius:3px;
     cursor:pointer;transition:border .15s ease-in-out,color .15s ease-in-out}

 .checkbox input[type=checkbox]+.label-text:after{
     	background-color:#4f77ff;color:#fff;
     	border-radius:2px;border-color:#4f77ff;line-height:1.4;
     }

.checkbox input[type=checkbox]:focus+.label-text:before{
	outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;
	outline-offset:-2px}

.checkbox input[type=checkbox]:checked+.label-text:after{font-family:FontAwesome;content:"\f00c"}

	.brand-logo{margin:35px auto}

	.authfy-panel-left{background-color:rgba(255,255,255,.98);height:100vh;
		padding-top:30px;
	}

	.authfy-panel-right{color:#fff;height:100vh}

	.headline p {
		margin:15px 0;
	}

	.authfy-panel-right .hero-heading{display:table;
		height:100vh;
		width:100%;
		text-align:center;
		position:relative;
		padding:0 20px;
	}

	.authfy-panel-right .hero-heading .headline{display:table-cell;vertical-align:middle}

	.authfy-panel-right .hero-heading .headline h1,.authfy-panel-right .hero-heading .headline h2,.authfy-panel-right .hero-heading .headline h3{ 
		color:#fff;font-size:48px;font-weight:700
		}

@media (min-width:812px) {.authfy-panel-left{height:100%}}

@media (min-width:834px){.authfy-panel-left{height:100vh}}

@media (min-width:846px){.authfy-panel-left{height:100%}}

@media (min-width:849px){.authfy-panel-left{height:100vh}}

@media (min-width:896px) and (max-width:960px){.authfy-panel-left{height:100%}}

@media (min-width:601px) and (max-width:767px){.authfy-panel-left{height:100%}}

@media (max-width:600px) {
	.authfy-panel-left{
	height:100%;
	padding-top:15px;
	padding-bottom:5px;
}

.authfy-panel-right .hero-heading {
    display: table;
    height: 100%!important;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0 0px;
}

.authfy-panel-right .hero-heading .headline h1, .authfy-panel-right .hero-heading .headline h2, .authfy-panel-right .hero-heading .headline h3 {
    font-size: 34px;
}

.authfy-panel-right {
	height: 100%!important;
	padding:80px 20px 100px 20px;
}


.arbclass {
	padding:30px 30px 20px 30px!important;
}

}

.arbclass {
	padding:50px 30px 20px 30px;
}

.arbclass p {
text-align: center;
font-size:12px;
}

@media (min-width:320px) and (max-width:767px){.authfy-login{position:relative;}.authfy-panel{padding:0 20px}}

@media screen and (min-width:533px) and (max-width:568px){.authfy-panel-left{height:100%}}

@media (max-width:320px) {.authfy-panel-left{height:100%}.remember-row .col-sm-6{width:100%}

	.authfy-login .forgotPwd{text-align:left;margin-top:0}}

.login-error{
  font-weight: bold;
  color: #8d0000;
}