@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');

body, html {
	height: 100%;
	background-repeat: no-repeat;    
	background: linear-gradient(rgb(104, 145, 162),rgb(3, 2, 60));
	position: relative;
}
.navbar-default .navbar-brand {
    color: #eee ;
}
.navbar-default {
    background-color: #063863bf;
    z-index:999;
    color:#eee;
    border-color:transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #eee ;
    font-weight: 500;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #eee ;
    font-weight: 600;
   
}
.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
}
.text-uppercase {
    text-transform: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
 }
.login-sec{padding: 20px 30px; position:relative;}
.login-sec .copy-text{position:absolute;    width: 65%;   bottom: 28px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#FEB58A;}
.login-sec .copy-text a{color:#E36262;}
.login-sec h2{margin-top:0px; font-weight:800; font-size:30px; color: #035398 !important;}
.login-sec h2:after{content:" "; width:100px; height:5px; background:#8cc5ff; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}
.btn-login{background: #035398; color:#fff; font-weight:600;}
.btn-login:hover{background: #8cc5ff; color:#000; font-weight:600;}
#login-box {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	width: 350px;
	margin: 0 auto;
	background: rgb(218, 218, 222);
	min-height: 200px;
	padding: 0px;
	z-index: 999;
	border-radius:10px;
}
#particles-js
{
    width:100%;
    height:100%;
  	background-size: cover;
  	background-position: 50% 50%;
  	position: fixed;
  	top: 0px;
  	z-index:1;
}
.modal {
    position: fixed;
    top: 35%;
    z-index:9999;
    }
.footer{color:#eee;text-align:center;background:#063863bf;}
.footer p{padding:10px;}