@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
.login-bg {
	background:#f4f4f4 url(../img/background-login.jpg) no-repeat;
	background-size: cover;
        height: auto;
}
.middle-box.login-screen-new {
	width:auto;
	max-width:1180px;
}
.login-left {
	padding: 0 100px;
	background: url(../img/seprator.png) no-repeat top right;
	min-height:510px;
}
.login-left h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 27px;
	color: #000;
}
.login-left h3 span {
	color: #ff0000;
}
.login-left ul {
	margin: 25px 0 0 0;
	padding: 0px;
	width: 100%;
}
.login-right p.help-block {
    color: #ff0000;
	margin:10px 0 0 0;
}
.login-left ul li {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 15px;
	list-style-image: url(../img/check-icon.png);
	line-height: 30px;
}
.login-right {
	padding: /*210*/ 88px 100px 0 100px;
	font-family: 'Fjalla One', sans-serif;
}
.login-right h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 19px;
	color: #000;
	font-weight: normal;
}
.login-right .form-control {
	background-color: #FFFFFF;
	/*  background-image: none;*/
	border: solid 1px #e2e2e2;
	border-radius: 30px;
	color: inherit;
	display: block;
	padding: 6px 12px 6px 50px;
	height: 44px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	font-size: 15px;
	font-family: 'Fjalla One', sans-serif;
}
.login-right .m-b {
	background-color: #000000;
	border-color: #000;
	color: #ffffff;
	height: 44px;
	border-radius: 30px;
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
	font-size:16px;
}
.login-right .m-b:hover{background:#1a1a1a;}
.login-right .m-t a{
	color:#fbc9c7; 
	text-decoration:none;
}
.login-right .m-t a:hover{
	color:#000000; 
	text-decoration:underline;
}
.login-right .form-control:focus {
	border: solid 1px #000!important;
}
.login-right .form-control:-moz-placeholder {
color:#666666;
opacity:1
}
.login-right .form-control:-ms-input-placeholder {
color:#666666
}
.login-right .form-control:-webkit-input-placeholder {
color:#666666
}
.user-text {
	background: url(../img/user-icon.png) no-repeat 20px 10px;
}
.password {
	background: url(../img/password-icon.png) no-repeat 20px 10px;
}
.google, .google:hover {
    background-color: #dd4b39;
    border: 2px solid #dd4b39;
    color: #fff;
     padding: 10px 23%;
	 width:100%;
	 border-radius:30px;
}
.google:hover {
    background-color: #e2503e;
}
.twitter, .twitter:hover {
    background-color: #00aced;
    border: 2px solid #00aced;
    color: #fff;
    padding: 10px 23%;
}
.facebook, .facebook:hover {
    background-color: #3b5999;
    border: 2px solid #3b5999;
    color: #fff;
    padding: 10px 23%;
	width:100%;
	border-radius:30px;
}
.button-align{
    margin-top: 20%;
}
.sm-form-style{
    margin-top: 17%;
}
.algn-lgn-cntnt{
    display:flex;
    align-items: center;
}
.auth-alert{background: #000;color: #fff;border-radius:30px;}
.auth-alert .close{opacity:1}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.login-left{padding:0px 50px;}
.login-right{padding:80px 20px 0px 20px;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.login-left{padding:0px 50px;}
.login-right{padding:80px 20px 0px 20px;}
}
@media (max-width: 767px) {
.login-left{padding:0px; background:none; min-height:auto;}
.login-left .img-responsive{display:inline;}
.login-right{padding:30px 0px 0px 0px;}
.middle-box.login-screen-new {
	width:auto;
	max-width:1180px;
}
.button-align{
    margin-top: 15%;
    margin-bottom: 5%;
}
.login-left ul li{font-size:12px;}
/*.login-bg .footer{position: relative;}*/
.login-left ul {padding: 0px 0px 0px 40px;width: 100%;}
}

@media screen and (min-width: 769px){
    .sgn-pdng-rmv{
        padding: 0px 100px;
    }
}
@media screen and (max-width: 320px){
    .button-align{
        margin-top: 1%;
    }
}