* {
	margin:0px;
	padding:0px;
}
.grey {
	padding:2%;
}
.db_logo {
	width:58%;
	height:auto;
	float:left;
	box-sizing:border-box;
	text-decoration:none;
	margin:0% 21% 12% 2%;
}
.db_logo > svg {
	display:block;
	width:100%;
	height:auto;
	float:left;
	background:#ffffff;
}
.login_area {
	width:76%;
	height:auto;
	float:left;
	overflow:hidden;
	margin:20% 12% 0% 12%;
}
.db_slide_frm_area {
	position:relative;
	width:100%;
	min-height:300px;
	height:auto;
	float:left;
	overflow:hidden;
}
.db_s_form {
	position:absolute;
	width:100%;
	height:auto;
	float:left;
	opacity:1;
	top:0%;
	transition:all 0.5s;
	padding:2% 0% 2% 0%;
}
.db_s_form > .f_r_bx {
	width:100%;
	height:auto;
	float:left;
	margin:5px 0px;
}
.db_s_form > .f_r_bx input[type="text"], .db_s_form > .f_r_bx input[type="password"] {
	width:100%;
	height:auto;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:400;
	text-align:left;
	line-height:46px;
	border:solid 1px #cceefc;
	border-radius:5px;
	padding:0% 5%;
}
.db_ch_bx > p {
	width:80%;
	height:auto;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:400;
	text-align:left;
	line-height:18px;
	color:#909090;
}
.db_s_form > .f_r_bx .nor_nav {
	width:auto;
	height:auto;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:18px;
	text-decoration:none;
	color:#909090;
}
.message_area {
	width:100%;
	height:100vh;
	float:left;
	background:linear-gradient(135deg, #004572, #00304f);
	background:-moz-linear-gradient(135deg, #004572, #00304f);
	background:-webkit-linear-gradient(135deg, #004572, #00304f);
}
.message_cont {
	width:100%;
	height:100%;
	float:left;
	background:url(../images/login_screen_pic.png) no-repeat left top;
	padding:5% 8%;
}
.db_hidden_form {
	position:absolute;
	width:100%;
	height:auto;
	top:100%;
	opacity:0;
	transition:all 0.5s;
}
.db_cen_nav {
	width:100%;
	height:auto;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:center;
	line-height:42px;
}
.db_cen_nav a {
	font-size:13px;
	color:#606060;
	text-decoration:none;
}
.db_cen_nav > .cta_btn {
	width:auto;
	height:auto;
	font-size:13px;
	font-weight:400;
	text-align:center;
	text-decoration:none;
	line-height:20px;
	color:#ffffff;
	background:linear-gradient(45deg, #008fd9, #00acee);
	background:-moz-linear-gradient(45deg, #008fd9, #00acee);
	background:-webkit-linear-gradient(45deg, #008fd9, #00acee);
	box-shadow:0px 2px 7px #85ddff;
	border-radius:5px;
	padding:12px 20px;
	transition:background 0.3s;
}
.db_cen_nav > .cta_btn:hover, .db_cta_btn:hover {
	text-decoration:none;
	color:#ffffff;
	background:linear-gradient(45deg, #00acee, #008fd9);
	background:-moz-linear-gradient(45deg, #00acee, #008fd9);
	background:-webkit-linear-gradient(45deg, #00acee, #008fd9);
	transition:background 0.3s;
}
.db_cta_btn {
	width:36%;
	height:auto;
	float:left;
	font-size:14px;
	font-weight:400;
	text-align:center;
	text-decoration:none;
	line-height:20px;
	color:#ffffff;
	background:linear-gradient(45deg, #008fd9, #00acee);
	background:-moz-linear-gradient(45deg, #008fd9, #00acee);
	background:-webkit-linear-gradient(45deg, #008fd9, #00acee);
	box-shadow:0px 2px 7px #85ddff;
	border-radius:5px;
	padding:12px 20px;
	margin:0% 32%;
	transition:background 0.3s;
}
.spe_greetings > h1 {
	width:50%;
	height:auto;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:60px;
	font-weight:300;
	text-align:left;
	line-height:64px;
	color:#ffffff;
}
.c_time > h5 {
	width:100%;
	height:auto;
	float:left;
	font-family: 'Roboto', sans-serif;
	font-size:180px;
	font-weight:700;
	text-align:left;
	color:#000000;
	opacity:0.08;
}
.c_time > h5 span {
	font-size:28px;
}
.daily_quote {
	position:fixed;
	width:20%;
	height:auto;
	right:5%;
	bottom:10%;
}
.daily_quote > h6 {
	width:100%;
	height:auto;
	float:right;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:400;
	text-align:left;
	line-height:20px;
	color:#ffffff;
	margin:60px 0px 0px 0px;
}
.daily_quote > h6:before {
	width:50px;
	height:50px;
	float:left;
	content:'';
	background:url(../images/quote_ico.svg) no-repeat 50% center #00acee;
	background-size:18px 18px;
	margin:-60px 0px 0px -60px;
	border-radius:5px;
}
.spacer_01, .spacer_02, .spacer_05 {
	width:100%;
	float:left;
}
.spacer_01 {
	height:10px;
}
.spacer_02 {
	height:20px;
}
.spacer_05 {
	height:50px;
}
.db_x_m_p {
	margin:0px;
	padding:0px;
}
/* --- animation classes --- */
.a_slideup {
	animation:slideup 0.4s forwards;
	-webkit-animation:slideup 0.4s forwards;
}
@keyframes slideup {
	0% {
		opacity:1;
		margin:0% 0% 0% 0%;
	}
	100% {
		opacity:0;
		margin:-100% 0% 0% 0%;
	}
}
.a_slidedown {
	animation:slidedown 0.4s forwards;
	-webkit-animation:slidedown 0.4s forwards;
}
@keyframes slidedown {
	0% {
		opacity:0;
		margin:-100% 0% 0% 0%;
	}
	100% {
		opacity:1;
		margin:0% 0% 0% 0%;
	}
}