@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i,700,700i'); /*font-family: 'Titillium Web', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700'); /*font-family: 'Quicksand', sans-serif;*/
body{ margin:0px; padding:0px; background-size:cover; background-image:url(../images/bg.jpg); background-repeat:no-repeat; font-family: 'Quicksand', sans-serif; }

.lg-left{color:#fff; position:relative;}
.login-box{margin-top:16%; padding-left:67px;}
.login-box h3{ font-weight:300; margin-bottom:30px; font-size:2.1em;} 
.login-box h3 span{ font-weight:500; font-size:1.4em; display:block; margin-bottom:15px;}
.lg-right{background-color:#fff; height:100%; position:fixed; right:0px; box-shadow:0px 0px 20px rgba(0,0,0,.5);}
.header{padding:0px 0px; border-bottom:1px solid rgba(255,255,255,.1);}
.header h2{ color:#fff; font-family: 'Titillium Web', sans-serif;} 
.header img{ max-width:70%;}
.login-box .md-form .prefix{ padding-top:2.5rem;}
.login-box .md-form .forgot{ color:#FF6;}
.login-box .form-group .btn-default{ background-color:transparent; color:#fff; border:1px solid rgba(255,255,255,.7); transition-duration:.3s;} 
.login-box .form-group .btn-default:hover{background-color:#f97119 !important; color:#fff !important;}
.login-box input:focus:not([readonly]){border-bottom: 1px solid #fff !important;
box-shadow: 0 1px 0 0 #fff !important; color:#fff !important}
.login-box .md-form label{ color:#fff !important}
.login-box .md-form .form-control{ color:#fff !important}
.registration{margin-top:0%;}
.registration h3{ font-weight:300; margin-bottom:30px; color:#5B6B7B; text-align:center} 
.registration h3 span{ font-weight:500; font-size:1.3em; display:block; margin-bottom:10px; color:#f97119;}
.registration .btn-primary{ background-color:#00C9FF !important; border:0px; color:#fff; transition-duration:.2s;} 
.registration .btn-primary:hover{background-color:#06b9e9;}
.registration .heading{ padding:15px; color:#000; text-align:center; background-color:#eee; margin:0px -15px 15px -15px; font-size:1.7em; font-weight:400;}
.logo img{max-width: 117%;
margin-top: 10px; margin-bottom:5px; }
.logo h4{ color:#fff; font-family: 'Quicksand', sans-serif; margin-bottom:5px; text-transform:uppercase; font-size:1.1em; }
.logo h2{font-weight:normal; color:#fff; margin-top:10px; font-family: 'Quicksand', sans-serif; font-weight:bold; } 
 
select, .select.form-control {
	min-height: auto!important;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image:url(../images/select-dropdwn.png) !important;
	background-repeat:no-repeat; background-position:98% 8px;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
	cursor: pointer;
}

.md-form label{ font-size:16px; top:20px; font-weight:normal;} 
.md-form .form-control{font-size:15px; height:45px; padding:5px 0px;}
.md-form label.active{font-size:13px;}
input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="search-md"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="text"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]){border-bottom: 1px solid #06b9e9 ;
box-shadow: 0 1px 0 0 #06b9e9;}
.registration input[type="date"]:focus:not([readonly]) + label, .registration input[type="datetime-local"]:focus:not([readonly]) + label, .registration input[type="email"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, .registration input[type="password"]:focus:not([readonly]) + label, .registration input[type="search-md"]:focus:not([readonly]) + label, .registration input[type="search"]:focus:not([readonly]) + label, .registration input[type="tel"]:focus:not([readonly]) + label, .registration input[type="text"]:focus:not([readonly]) + label, .registration input[type="time"]:focus:not([readonly]) + label, .registration input[type="url"]:focus:not([readonly]) + label, .registration textarea.md-textarea:focus:not([readonly]) + label{ color:#333 !important}

/*.footer{position:fixed; width:73%; bottom:0px; padding-top:10px; border-top:1px solid rgba(255,255,255,.1);}
.footer a{ color:#FF3;}*/
.footer{position:fixed; width:75%; bottom:0px; padding-top:10px; border-top:1px solid rgba(255,255,255,.1); background-color: #ffffffb3;
    color: #000;
    margin-left: -15px;
    padding: 10px 10px 0;}
.footer a{ color:#000;}
.footer a img {
        width:70px;
    }