.close_button{width:30px; float:right; top:0; left:0; position:relative; z-index:20; margin:10px 0 0 0;}

/*** HOME PAGE ***/
.home_popup{width:650px; float:left; padding:10px; background:#fff; box-shadow:0 0 10px #000;}
.home_popup iframe{width:100%;}

/*** LOGIN POPUP ***/
.login_popup{width:350px; float:left; padding:20px;background:#fff; box-shadow:0 0 10px #000;}
.login_popup h1{background:url(../images/user-login.png) no-repeat 0 0; padding:5px 0 25px 15%; width:80%; font-size:20px; color:#020e64; font-weight:bold;}
.login_popup .textbox{width:100%; float:left; padding:0 0 20px 0;}
.login_popup .textbox input{border:1px solid #333; height:35px; padding:0 5% 0 10%; width:84.5%; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; background:url(../images/login-ico1.png) no-repeat 5px 9px #fff; opacity:0.5; filter:alphs(opacity=50); -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.login_popup .textbox input:focus{opacity:10; filter:alphs(opacity=100);}
.login_popup .textbox input.password{background:url(../images/login-ico2.png) no-repeat 5px 11px #fff;}
.login_popup .btn_holder{width:100%; float:left; font-size:13px;}
.login_popup .btn_holder input{border:0; height:35px; width:100px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; background:#020e64; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; cursor:pointer; box-shadow:0 0 3px #ccc; font-weight:bold; text-transform:uppercase;}
.login_popup .btn_holder input:hover{background:#333;}
.login_popup .btn_holder a{float:right; color:#020e64; text-decoration:none; margin:10px 0 0 0;}

/*** STEPS POPUP ***/
.modal_close{width:500px; float:left; text-align:right; font-size:14px; top:0; position:relative; z-index:20;}
.modal_close a{color:#1e6fd7; text-decoration:none;}
.modal_close a:hover{color:#000; text-decoration:none;margin-right:5px;}
#lean_overlay {position:fixed;z-index:50;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;}
#pop1, #pop2, #pop3, #pop4, #pop5 {width:510px;padding:10px 0 10px 10px; float:left; background:#fff;display:none; top:20px !important; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.step_popup_content{width:100%; float:left; top:0; left:0; position:relative; z-index:15; margin-top:-20px;}
.step_popup_content h1{font-size:35px; color:#1e6fd7; padding:0 0 25px 0;}
.step_popup_content h2{font-size:30px; color:#1e6fd7; font-weight:bold; text-transform:uppercase;}
.step_popup_content h3{font-size:25px; color:#000; padding:0 0 15px 0;}
.step_popup_main{width:500px; float:left; padding:0 20px 0 0;}
.step_popup_main .title{width:100%; float:left; font-size:14px; color:#000;}
.step_popup_main .img_holder{width:100%; float:left; padding:15px 0;}
.step_popup_main .text_holder{width:100%; float:left; font-size:18px;}

.step_popup_sidebar{width:230px; float:left;}
.step_popup_sidebar .title{width:100%; float:left; font-size:14px; color:#000;}
.step_popup_sidebar .img_holder{width:100%; float:left; padding:15px 0;}
.step_popup_sidebar .text_holder{width:100%; float:left; font-size:14px; text-transform:uppercase; color:#1e6fd7; text-align:center}
.step_popup_sidebar .text_holder a{color:#1e6fd7; text-decoration:none;}
.step_popup_sidebar .text_holder a:hover{color:#000; text-decoration:none;}

.order_button{width:100%; float:left; text-align:right; font-size:20px; padding:10px 0;}
.order_button a{background:#1e6fd7; color:#fff; text-decoration:none; padding:10px 30px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-right:5px;}
.order_button a:hover{background:#333;}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px), (max-width:500px),(max-width:580px), (max-width:720px),(max-width:760px), (max-width:980px), (max-width:100%) {
/*** STEPS POPUP ***/
.modal_close{font-size:12px;}
#pop1, #pop2, #pop3, #pop4, #pop5 {width:80%;padding:15px 5%;top:50px !important;}
.step_popup_content h1{font-size:25px;padding:0 0 15px 0;}
.step_popup_content h2{font-size:20px;}
.step_popup_content h3{font-size:15px;padding:0 0 10px 0;}
.step_popup_main{width:65%; padding:0 5% 0 0;}
.step_popup_main .text_holder{font-size:16px;}
.step_popup_sidebar{width:30%;}
.step_popup_sidebar .text_holder{font-size:12px;}
.order_button{font-size:16px; padding:10px 0 20px 0;}

}


@media only screen and (max-width:300px), (max-width:320px),(max-width:400px), (max-width:450px),(max-width:480px) {
.step_popup_sidebar{display:none;}
.step_popup_content h1{font-size:18px; padding:25px 0 10px 0;}
.step_popup_content h2{font-size:15px;}
.step_popup_content h3{font-size:12px;}
.step_popup_main{width:100%; padding:0;}
.step_popup_main .text_holder{font-size:14px;}
.order_button{width:100%; text-align:center;}

}