#lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; } .popupContainer{ position:absolute; width:500px; height: auto; left:45%; top:50px !important; background: #FFF; } #modal_trigger {} .abtn { background:#5625D2; border-radius: 30px; background-size: 200% auto; border-style: none; color: #fff; font-weight: 700; padding: 14px 40px; text-transform: capitalize; z-index: 1; overflow: hidden; display: inline-block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 13px; margin-top: 20px; text-align: center; } .abtn:hover{ background-position: right center; color:#fff; } .btn_red:hover {background: #C12B05;} a.abtn { background:#5625D2; border-radius: 30px; background-size: 200% auto; border-style: none; color: #fff; font-weight: 700; padding: 14px 40px; text-transform: capitalize; z-index: 1; overflow: hidden; display: inline-block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 13px; margin-top: 20px; text-align: center; } a.abtn:hover{ background-position: right center; color:#fff; } a.btn_red {color: #FFF;} .one_half {width:50%; display: block; float:left;} .one_half.last {width:45%; margin-left:5%;} /* Popup Styles*/ .popupHeader { font-size: 16px; text-transform: capitalize; color: #000; } .popupHeader {background:#fff; position:relative; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,0.1); font-weight:bold;} .popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#fff; cursor: pointer; color:#aaa; font-size:16px;} .popupBody {padding:20px;background:#fff;} /* Social Login Form */ .social_login {} .social_login .social_box { display: block; clear: both; padding: 20px; margin-bottom: 10px; background: #f7f7f7; overflow: hidden; } .social_login .icon { display: block; width: 10px; margin-right: 10px; float: left; color: #FFF; font-size: 16px; text-align: center; width: 40px; border-radius: 30px; height: 40px; line-height: 40px; } .social_login .fb .icon {background:#3B5998;} .social_login .google .icon {background:#000;} .social_login .icon_title { display: block; padding: 5px 0; float: left; /* font-weight: 600; */ /* font-size: 14px; */ color: #000 !important; } .social_login:hover .icon_title {color: #fff;} .centeredText { text-align: center; text-transform: capitalize; /* font-weight: 600; */ color: #000; } .action_btns {clear:both; overflow: hidden;} .action_btns a {display: block;} /* User Login Form */ .user_login {display: none;} .user_login label {display: block; margin-bottom:5px;color:#000;} .user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:100%; padding: 10px; border:1px solid #DDD; color:#000;} .user_login input[type="checkbox"] {float:left; margin-right:5px;} .user_login input[type="checkbox"]+label {float:left;} .user_login input { background: #f7f7f7; border: 1px solid rgba(255,255,255,0.2) !important; } .user_login .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;} .forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#000;} .forgot_password:hover {color:#16A2E8;} /* User Register Form */ .user_register {display: none;} .user_register label {display: block; margin-bottom:5px;color:#000;} .user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] {display: block; width:100%; padding: 10px; border:1px solid #DDD; color:#000;} .user_register input[type="checkbox"] {float:left; margin-right:5px;} .user_register input[type="checkbox"]+label {float:left;} .user_register input { background: #f7f7f7; border: 1px solid rgba(255,255,255,0.2) !important; } .user_register .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}