@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900');
@font-face {
  font-family: 'QuantumRegular';
  src: url('../font/QuantumRegular/QuantumRegular.eot?#iefix') format('embedded-opentype'),  url('../font/QuantumRegular/QuantumRegular.otf')  format('opentype'),
	     url('../font/QuantumRegular/QuantumRegular.woff') format('woff'), url('../font/QuantumRegular/QuantumRegular.ttf')  format('truetype'), url('../font/QuantumRegular/QuantumRegular.svg#QuantumRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{font-size: 14px;color:#ffffff;line-height: 1.3;margin:0px;padding:0px;font-family: 'Source Code Pro', monospace;}
input, textarea, select, button{font-family: 'Source Code Pro', monospace;}
*{box-sizing:border-box;}
ul {margin: 0; padding: 0; list-style: none;}
a,
a:hover{text-decoration:none}
*:focus {outline: none; }
.m-b-0{margin-bottom:0px !important;}
.login_wrp{width:100%;min-height:100vh;background:url("../images/login_bg.jpg") no-repeat;background-size:cover;background-position:center center;}
.logo .img-fluid{width: 120px;mix-blend-mode: screen;}
/* .logo .img-fluid{width:250px;} */
.logo{display:inline-block;}
.logo span{display:inline-block;vertical-align: middle;}
.logo_txt{font-size: 40px;font-family: 'QuantumRegular';color:#ffefdc;text-shadow:0px 0px 30px rgba(0,0,0,0.6);margin-left: -35px;margin-top:0px;}
header {display: flex; align-items: center; padding:10px 15px 0 0;} 
.header_right {margin-left: auto;}
.hover_img{display:none;}
.bell_btn:hover .hover_img{display:inline-block;}
.bell_btn:hover .normal_img{display:none;}
.bell_btn:hover{background:#ffffff;}
.header_nav{display:table;width:100%;}
.header_nav li{display:inline-block;vertical-align:middle;margin-left:15px;}
.header_nav li:first-child{margin-left:0px;}
.header_nav li a{background:rgba(255,255,255,0.05);color:#ffffff;font-size:30px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;box-shadow:none;outline:0px;min-width:90px;display:block;font-family: 'Source Code Pro', monospace;font-weight:100;text-align:center;border-radius: 4px; height: 36px;line-height: 44px;}
.header_nav li a.Q_btn:hover .img-fluid {
  filter: invert(1);
}
.header_nav li a:hover{background:#ffffff;color:#000000;font-weight:600;}
.login_box_form {max-width: 440px;padding:60px 30px;background: rgba(255, 255, 255, 0.1);margin: 0 auto;}
.form_control {width: 100%;border: none;background: rgba(40, 40, 40, 0.3);padding:12px 15px;text-align: center;outline:none;font-size: 18px;font-weight:300;text-transform: uppercase;color:#ffffff;}
.form_control::-webkit-input-placeholder{color:rgba(255,255,255,0.36);}
.form_control::-moz-placeholder{color:rgba(255,255,255,0.36);}
.form_control:focus::-webkit-input-placeholder {opacity: 0;}
.form_control:focus::-moz-placeholder {opacity: 0;}
.form_group{margin-bottom:30px;}
.btn_wrp{display:flex;align-items:flex-end;}
.btn_wrp_right{margin-left:auto;}
.text-center{text-align:center;}
.login_btn{background: #ff3a30;border: none;color: #fff;padding: 10px 24px;font-size: 14px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);text-transform: uppercase;font-family: arial;border-radius: 2px;cursor:pointer;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;font-weight:normal;}
.login_btn:hover{background:#ffffff;color:#000000;font-weight:bold;}
.forgot_btn {font-size: 16px;color: #fff;text-transform: uppercase;font-weight:300;}
.login_box_form .btn_wrp {
  text-align: center;
  display: table;
  width: 100%;
}
.login_box_form .btn_wrp_right {
  margin-left: 15px;
}
.login_box_form .btn_wrp > div {
  display: inline-block;
  vertical-align: middle;
}
.sign_up_btn {display: inline-block;margin: 15px auto 0;background: rgba(255, 255, 255, 0.15);color: #fff;padding: 2px 62px;text-transform: uppercase;font-weight: 300;font-size: 20px;transition:all ease 0.5s;}
.sign_up_btn:hover{background:#ffffff;color:#000000}
.divider_line {margin: 20px 0 25px;text-align: center;position:relative;overflow:hidden;}
.divider_line:after{content:""; height: 1px; background: rgba(255, 255, 255, 0.16);position:absolute;left:-30px;width:50%;top:10px;}
.divider_line:before{content:""; height: 1px; background: rgba(255, 255, 255, 0.16);position:absolute;right:-30px;width:50%;top:10px;}
.divider_line span {display: inline-block; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.15); border-radius: 50%; }
.login_box {display: table;width: 100%;height: calc(100vh - 117px);}
.login_box_center {display: table-cell; vertical-align: middle;position: relative;overflow: hidden;}
/* SignUp Page Styling */
.extra_signup_wrp .login_box_form{max-width: 540px;padding:60px 100px 40px;}
.extra_signup_wrp .divider_line{margin:20px -60px;}
.red_invert.login_btn{background:#ffffff;color:#000000;}
.red_invert.login_btn:hover{background:#ff3a30;color:#ffffff;}
.extra_signup_wrp .login_btn{font-weight:bold;padding: 10px 20px;font-size: 12px;border-radius:0px;}
.extra_signup_wrp .sign_up_btn{font-size:13px;background: rgba(40, 40, 40, 0.3);padding: 3px 35px;}
.extra_signup_wrp .sign_up_btn:hover{background:#ffffff;font-weight:600}
.m-t-20{margin-top:20px !important;}
.login_box.extra_signup_wrp{padding:25px 15px 40px;}
/* WelcoMe PopUp Styling */
.login_box_hide .login_box_form {
  display: none;
}
.welcome_popup {position: absolute; right: -120%; transition: all ease 0.7s;top:10px;width: 100%;padding:0 20px}
.welcome_popup.active{right:0}
.welcome_popup .light_bg_section {height:calc(100vh - 160px);
  background:rgba(0, 0, 0, 0.37);
  position: relative;z-index:100;display: table;width:100%;max-width:1140px;margin:0 auto;
}
.welcome_popup .section_heading {
font-family: 'Source Code Pro', monospace;
font-size: 36px;
color: #fff;
line-height: 1;
font-weight: 300;
letter-spacing: 0;
margin: 0 0 10px;
width: 100%;
} 
.welcome_section p {
  margin: 0 0 30px;
  font-size: 22px;
  font-family: Arial;
  text-align:justify
}
.welcome_section p:last-child{margin-bottom:0px;}
.welcome_section .section_subheading {
  margin: 0;
  font-family: 'Source Code Pro', monospace;
  font-weight: 300;
  font-size: 20px;
}
.welcome_popup .section_heading span{font-family:'BeonMedium', sans-serif;font-size:42px;
  font-weight: bold;}
.welcome_section{padding: 15px 40px;
  text-align: left;display: table-cell;
  vertical-align: middle;}
.learn_more_btn {
    display: inline-block;
    background: #ff3a30;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    padding: 6px 20px;
    font-family: 'Source Code Pro', monospace;
    color: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.66);
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.26);
}
.learn_more_btn:hover{background:#ffffff;color:#000000;}
.l_btn_wrp {text-align: center;padding-top: 50px;}
/* WelcoMe PopUp Styling */

/* Footer Css */
.footer_wrp {background: #000000; text-align: center; padding:10px 0;font-family: 'Lato', sans-serif;}
.footer_nav li{display:inline-block;vertical-align:middle;color:#ffffff;font-size:16px;}
.footer_nav li a{color:#ffffff;font-size:15px;font-weight:400;transition:all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);-webkit-transition:all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);-moz-transition:all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);}
.footer_nav li a:hover{font-weight:bold;}
.footer-copy{color:#ffffff;font-size:15px;font-weight:400;margin-top:5px;}
/* Footer Css */
@media only screen and (max-width:1200px){
.logo .img-fluid{width: 90px;}
.logo_txt{font-size: 25px;margin-left: -24px;}
.header_nav li a{font-size: 14px;padding: 6px 20px;}
}
@media only screen and (max-width:1023px){
  header {
    display: block;
    padding: 10px;
    text-align: center;
}
.header_nav li a {
  font-size: 12px;
  padding: 8px 14px;
}
.bell_btn .img-fluid {
  width: 35px;
}
.header_nav li a.bell_btn {
  padding: 6px;
}
.header_nav li a.Q_btn {
  font-size: 26px;
  padding: 6px 10px;
}
.login_box{height: calc(100vh - 135px);}
}
@media only screen and (max-width:767px){
.login_box_form,
.login_box,
.extra_signup_wrp .login_box_form{padding:15px;}
.form_control{font-size:14px;}
.footer-copy,
.footer_nav li a{font-size:12px}
.logo_txt{margin-left: -25px;}
.header_nav li a {
  font-size: 12px;
  padding: 8px 14px;
  min-width: inherit;
}
.header_nav li{margin-left: 5px;
  margin-bottom: 5px;}
  .form_group {
    margin-bottom: 20px;
}
}
@media only screen and (max-width:767px){
.extra_signup_wrp .btn_wrp{display: block;text-align: center;}
.extra_signup_wrp .login_btn{padding: 10px 20px;
  font-size: 12px;
  min-width: 180px;}
.extra_signup_wrp .btn_wrp_left {
    margin-bottom: 10px;
}
/* .header_nav li:last-child{display:none;}
.header_nav li:nth-child(4){
display:none;
} */
.welcome_popup .light_bg_section{height:calc(100vh - 210px)}
.welcome_section{padding:15px;}
.welcome_section p{margin: 0 0 10px;font-size: 14px;}
.welcome_popup{padding:0px;}
}