* {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 a {
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
     -webkit-tap-highlight-color: transparent;
     cursor: pointer;
     outline: 0;
     text-decoration: none;
} 
b, strong {
    font-weight: 700!important;
}
 a, body {
     color: #393b4a;
}
 a:hover {
     text-decoration: none;
}
/* Reset round corners */
 div, input, select, textarea, span, img, table, label, td, th, p, a, button, ul, code, pre, li {
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
}
 a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
     margin: 0;
     padding: 0;
     border: 0;
     font: inherit;
     vertical-align: baseline;
}
 p {
     margin: 0 0 20px 0;
}
html body {
    height: 100%;
    width: 100%;
    direction: ltr;
}
 body {
     background-color: #fff;
     padding: 0;
     margin: 0;
     font-family: Roboto,Helvetica,Tahoma,sans-serif;
     font-size: 16px;
     line-height: 1.4;
     font-weight: 400;
     letter-spacing: 1px;
     -webkit-font-smoothing: antialiased;
     -moz-font-smoothing: antialiased;
     overflow-x: hidden;
     color: #202124;
    
}
 body.bg-img {
 	background-image: url(../images/bg.jpg);
 	background-repeat: no-repeat;
    overflow-x: hidden;
    background-size: cover;
     background-color: #333;
 }
 .flexbox-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
}
.frmauth .form-control  {
	font-size: 16px;
	height: 48px;
}
.frmauth .btn-check-username {
	font-size: 18px;
	height: 48px;
	text-transform: uppercase;
}
 .home-landing-section .landing-card {
 	border: 1px solid transparent;
        border-radius: 8px!important;
        padding: 10px 0;
        background: transparent;
        box-shadow: none;
        max-width: 290px;
        margin: auto;

 }
 .home-landing-section .login-card .input-group-text {
 	background: transparent;
 	    border-left: 0;
 }
 .home-landing-section .landing-card .card-title {
 	font-weight: 700;
 	font-size: 24px;
 }
 .home-landing-section .landing-card .card-header , .home-landing-section .landing-card .card-body{
 	border:none;
 	padding:10px 10px 10px 10px;
 	background: transparent;
 }
  .home-landing-section .alert {
  	margin: 10px auto;
  }
  .rates-output {
  	font-weight:700;
  	text-align: center;
  }
  .rates-output  p {
  	margin-bottom: 5px;
  }
  .login-section-wrapper {
    background-image: url(../images/bg.jpg);
    min-height: 650px;
    background-position: -150px center;
    width: 66%;
}
.register-card  {
	max-width: 300px!important;
	margin: auto;
}
.register-card .form-group{
	margin-bottom: 12px;
	
}
 .home-landing-section .register-card .card-header {
 	padding-bottom: 5px!important;
 }
  .fix-background {
    position: relative;
    background-size: cover !important;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat !important;
}
.copyright {
	font-size:12px;
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	.flexbox-container {
		display: block;
	}
	.login-section-wrapper {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: top;
    min-height: 300px!important;
}
}