/****** GLOBAL STYLES ******/
@keyframes loader {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@font-face {
   font-family:'Constantia';
	src:url("../fonts/Constantia-Regular.ttf") format('truetype');
}

@font-face {
   font-family:'Palatino';
	src:url("../fonts/Palatino-Linotype-Regular.ttf") format('truetype');
}

body.login {
    min-height:100vh;
    cursor:url("../images/cursor.png"), auto!important;
    animation: loader 1s;
}
video {
	object-fit: cover;
	object-position: 0px 0px;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #111314;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #202325;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/****** LOGIN LOGO STYLES ******/
.login-logo {
    text-align: center;
}

.login-logo img {
    width:300px!important;
	z-index:2;
	position:relative;
	margin-top:35px;
	margin-bottom:70px;
}

/****** LOGIN FORM STYLES ******/
.login-form {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.email {
	position:relative;
	margin-bottom:-61px;
	z-index:1;
  	background: url("../images/inputs/input_focus_400.png") no-repeat 0 0;
	height:62px;
	width:400px;
}

input[name="email"], input[name="password"] {
	position:relative;
  	background: url("../images/inputs/input_400.png") no-repeat 0 0;
	height:62px;
	width:400px;
	border:none!important;
	text-align:center;
	text-transform:uppercase;
	color:#b9a992!important;
    font-family:'Constantia', san-serif;
	font-size:20px;
    z-index:2;
  	cursor:url("../images/cursor.png"), auto!important;
}

input[name="email"]::placeholder, input[name="password"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #b9a992!important;
	opacity: 1; /* Firefox */
}

input[name="email"]:-ms-input-placeholder, input[name="password"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #b9a992!important;
}

input[name="email"]::-ms-input-placeholder, input[name="password"]::-ms-input-placeholder { /* Microsoft Edge */
	color: #b9a992!important;
}

input[name="email"]:focus, input[name="password"]:focus {
  	background: url("../images/inputs/input_focus_400.png") no-repeat 0 0!important;
	height:62px;
	width:400px;
	text-align:center;
	text-transform:uppercase;
	color:#b9a992!important;
}

input[name="email"]:-webkit-autofill, input[name="password"]:-webkit-autofill,
input[name="email"]:-webkit-autofill:hover, input[name="password"]:-webkit-autofill:hover,
input[name="email"]:-webkit-autofill:focus, input[name="password"]:-webkit-autofill:focus,
input[name="email"]:-webkit-autofill:active, input[name="password"]:-webkit-autofill:active {  
  	-webkit-text-fill-color: #b9a992;
  	-webkit-box-shadow: 0 0 0px 1000px rbga(0,0,0,0) inset;
  	transition: background-color 500000000s ease-in-out 0s;
}

/****** LOGIN CHECKBOX STYLES ******/
.remember {
	background: url("../images/buttons/checkbox_bg.png") no-repeat 0 0!important;
	height:72px;
	width:550px;
	text-align:center;
	text-transform:uppercase;
	color:#b4a794!important;
    font-family:'Constantia', san-serif;
	font-size:17px;
	margin-bottom:20px;
	padding:20px;
	z-index:2;
	position:relative;
}

.remember .checkbox {
	text-align:center;
	width:200px;
	position:relative;
	left:70px;
	top:-10px;
}

.remember .checkbox input {
	background: transparent!important;
	height:32px;
	width:32px;
  	margin: 0px 0px 0px 0px;
	position:relative;
	z-index:2;
  	cursor:url("../images/cursor.png"), auto!important;
}

.remember .checkbox input:before {
	background: #473d27 url("../images/buttons/checkbox_empty.png") no-repeat 0 0!important;
 	height:32px;
	width:32px;
  	content: " ";
  	display:inline-block;
	width:32px;
  	margin: 0px 0px 0px 0px;
	position:relative;
	z-index:2;
}

.remember .checkbox label {
	position:relative;
	line-height:35px;
  	cursor:url("../images/cursor.png"), auto!important;
}

input[name="remember"]:checked::before {
	background: #473d27 url("../images/buttons/checkbox_check.png")!important;
 	height:32px;
	width:32px;
	position:relative;
	z-index:200;
  	background-position: top center;
 	background-size: 100% 100%;
}

/****** LOGIN BUTTON STYLES ******/
.login_button_background {
	background: url("../images/buttons/login_button.png") no-repeat 0 0!important;
	height:70px;
	width:193px;
	display:inline-block;
	margin-bottom:80px;
	position: relative;
	top:0px;
	left:0;
	right:0;
	margin: 0 auto;
}

.login_button_main {
	background: url("../images/buttons/login_button.png") no-repeat 0 0!important;
	height:70px;
	width:193px;
	text-align:center;
	border:none!important;
	text-transform:uppercase;
	color:#f8eee1!important;
	font-size:25px;
    font-family:'Constantia', san-serif;
	margin-bottom:80px;
  	cursor:url("../images/cursor.png"), auto!important;
} 

.login_button_main:hover {
  	background: url("../images/buttons/login_button_hover.png") no-repeat 0 0!important;
	height:70px;
	width:193px;
	text-align:center;
	border:none!important;
  	text-decoration:none!important;
	color:#fff!important;
}

.login_button_main:active, .login_button_main:focus {
  	background: url("../images/buttons/login_button_pressed.png") no-repeat 0 0!important;
	height:70px;
	width:193px;
	text-align:center;
	border:none!important;
  	outline: none!important;
  	text-decoration:none!important;
	color:#c6beb4!important;
}

input[type=submit]:focus, input[type=submit]:active{
    background-color:#444; /*different color than regular*/
  	outline: none!important;
    text-decoration:none!important;
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

a:hover, a:active, a:focus {
  outline: 0;
}

/****** LOGIN FOOTER STYLES ******/
.login-footer {
  	background: url("../images/panels/footer_basic.png") no-repeat 0 0;
  	background-position: top center;
 	background-size: 100% 100%;
  	height:50px;
	position:fixed;
	z-index:5;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
}

.login-footer .link {
	text-transform:uppercase;
	color:#b9a992!important;
    font-family:'Constantia', san-serif;
	font-size:14px;
	display:inline-block;
	margin-top:15px;
	margin-right:60px;
}

.login-footer .link a:hover {
	color:#4bd4ff;
	text-decoration:none!important;
}

/****** LOGIN ALERT STYLES ******/
.is-invalid {
	background: url("../images/inputs/login_error.png")no-repeat 100% 5px!important;
	background-size: 55px 50px!important;
	position:relative;
	margin-left:42px!important;
	right:0;
	text-indent: -42px;
}

.login .alert.alert-danger {
  	background: url("../images/alerts/alert_danger.png") no-repeat 0 0!important;
	height:108px;
	width:534px;
	border:none!important;
	padding:20px;
	padding-left:35px;
	margin-top:-30px;
	margin-left:-70px;
	color:#948878;
    font-family:'Palatino', san-serif;
	font-size:16px;
}

/****** MOBILE STYLES ******/
@media (max-width: 767px) {

	.login-logo img {
		width:230px!important;
		margin:0 auto;
		margin-top:-20px;
		margin-bottom:10px;
		padding:0 auto;
	}
	
	.login-form {
		width:310px!important;
		margin:none!important;
	}
	
	.email {
		position:relative;
		margin-bottom:-61px;
		z-index:1;
  		background: url("../images/inputs/input_focus_400.png") !important;
		background-size: 100% 100%!important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
		height:62px;
		width:300px;
	}

	input[name="email"]:focus, input[name="password"]:focus {
  		background: url("../images/inputs/input_focus_400.png") !important;
		background-size: 100% 100%!important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
		height:62px;
		width:300px;
		text-align:center;
		text-transform:uppercase;
		color:#b9a992!important;
	}	

	input[name="email"], input[name="password"] {
  		background: url("../images/inputs/input_400.png") !important;
		background-size: 100% 100%!important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
		height:62px;
		width:300px;
		border:none!important;
		text-align:center;
		text-transform:uppercase;
		color:#b9a992!important;
		font-family:'Constantia', san-serif;
		font-size:20px;
	}

	.remember {
		background: url("../images/buttons/checkbox_bg.png") no-repeat 0 0!important;
		height:72px;
		width:300px;
		margin-bottom:none!important;
		padding:20px;
		font-size:14px;
	}	
	
	.remember .checkbox {
		text-align:center;
		width:200px;
		position:relative;
		left:30px;
		top:-10px;
	}		

	.login_button_background, .login_button_main {
		margin-bottom:50px!important;
	}

	.login-footer{
  		background: url("../images/panels/footer_basic.png") no-repeat 0 0;
		height:70px;
		margin-bottom:-10px;
	}

	.login-footer .link {
		font-size:10px;
		margin-top:25px;
		margin-right:0;
	}	

	.login-footer .link:first-child {
		margin-left:5px;
	}

	.login .alert.alert-danger {
  		background: url("../images/alerts/alert_danger.png") no-repeat 0 0!important;
		height:108px;
		width:324px;
		margin-left:-15px;
		padding-top:5px!important;
	}
}
@media (max-width: 500px) {	
    video {
		object-position: -100px 0px;
	}
}
@media (max-width: 400px) {	
    video {
		object-position: -200px 0px;
	}
}