@font-face {
    font-family: 'Futura (Light)';
    src: url('../../fonts-new/FuturaLight.eot');
    src: url('../../fonts-new/FuturaLight.eot?#iefix') format('embedded-opentype'),
        url('../../fonts-new/FuturaLight.woff2') format('woff2'),
        url('../../fonts-new/FuturaLight.woff') format('woff'),
        url('../../fonts-new/FuturaLight.ttf') format('truetype'),
        url('../../fonts-new/FuturaLight.svg#FuturaLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


body {
	font-size:16px;
	font-weight:500;
	font-family:Futura (Light), Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
}

.container {
	max-width:1170px;			
}
.no-gutters {
	padding:0;	
}



/* Login ///////////////*/
.login-page .container {
	background: no-repeat center;
	background-size:auto 100%;
	overflow:hidden;
}
.logo {
	width:321px;
	height:64px;
	margin-bottom:70px;
	background:url(../../images/logo.png) no-repeat center;
}
.login-outer {
	padding:30px 100px;
	display:flex;
	align-items: center;
	box-sizing:border-box;
	height:100vh;	
	background:#fff;
	box-shadow:2px 2px 10px rgba(0,0,0,0.4);
}

.login-outer h2 {
	font-size:50px;
	font-weight:400;	
	margin-bottom:30px;
}

/* Form CSS ///*/
.form-label {
	font-size:18px;	
}
#login {
	width:100%;	
}
#login .form-control, #login .input-group .btn  {
	padding:12px;
	border:2px solid #000;	
}

#login .input-group .btn {
	border-left:0;

}

#login .input-group .form-control {
	padding:12px;
	border:2px solid #000;
	border-right: 0;
}

#login .form-control:focus {
	box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .1);	
}
#login .btn-primary{
	font-size:18px;
	font-weight:500;
	padding:10px 20px;
	margin-bottom:30px;
	border:none;
	background: #87C8EE;
	background: linear-gradient(213deg, rgba(135, 200, 238, 1) 0%, rgba(148, 108, 176, 1) 50%, rgba(46, 70, 157, 1) 100%);
	transition-property: all;
 	transition-duration: .4s;
	-webkit-transition-duration:0.4s;
	transition-timing-function: ease-in-out, ease-out;	
}
#login .btn-primary:hover {
	background: #87C8EE;
	background: linear-gradient(43deg,rgba(135, 200, 238, 1) 0%, rgba(148, 108, 176, 1) 50%, rgba(46, 70, 157, 1) 100%);	
}
#login a {
	color:#000;
	text-decoration:none;	
}
#login a:hover {
	color:#666;	
}


@media all and (max-width: 820px) {
.logo {
   width: 220px;
   background-size:220px auto ;	
}
.login-outer {
	padding:30px;	
}
}