@media screen and (min-width:0px) and (max-width:320px) {
#dp-popup{margin:28px 0 0 -80px !important;  }
header { width:970px; margin:0 auto; min-height:81px; background:url(../images/head_bg.jpg) repeat-x;}
header img { float:left; margin: 7px 0 0 20px;}
#home .slider { margin:0 auto; width:100%; padding:25px 0; display:table; padding: 0px  0px 8px 0px;}
#home header { background:url(../images/header_bg.jpg) repeat-x; height:82px;width:100%;}
#home hgroup { width:400px !important; margin: 0 auto;}
.hh {  color: #0397D7;
    float: right;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    height: 25px;
    margin-right: 85px;}
.hh p { padding:0px; margin:0px; line-height:18px;}
.hh2 { text-align:right;}
.logo { float: left;
    height: 64px;
    padding: 13px 0 0;
    width: 89px;margin-left: 8px;}
.leftside { float:left;width:100%;}
.slider h1 {text-shadow: 2px 3px 4px #000000;
        filter: dropshadow(color=#000000, offx=2, offy=3); color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:35px; line-height:55px; padding:0px; margin:30px 0px 0px 0px; letter-spacing:-1px;}
		.iframe{    height: 170px;
    margin: -12px 0 0;
    padding: 0 0 0 11px;
    width: 300px;}

.radbox  { border: 3px solid #CC6600;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    height: 64px;
    letter-spacing: 2px;
    margin: 11px 0 0 10px;
    text-shadow: 2px 2px 2px #000000;
    width: 299px;}
.list { color:#ffffff; font-size:14px; font-family:Verdana, Geneva, sans-serif; line-height:40px;}
.list ul { padding:0px; margin:0px;}
.list li { list-style:none; margin:0 0 0 23px;}
.list ul samp { font-size:22px;font-family:Verdana, Geneva, sans-serif; font-weight:bold}
.calculate { background: url("../images/cal_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 4px solid #E2E2E2;
    border-radius: 15px;
    float: none;
    margin: 11px -30px 0 10px;
    width: 90%;height:400px}
.calculate h1 {  border-bottom: 1px solid #CECECE;
    float: left;
    font-size: 20px !important;
    margin: 5px 0 0 25px;
    padding: 0 0 15px;
    text-shadow: none;}
.radfont { color:#fb291a;font-family:"Arial Black", Gadget, sans-serif; padding:0px; margin:0px; float:left;line-height:27px;}
.bluefont { color:#0397d7;font-family:"Arial Black", Gadget, sans-serif;padding:0px; margin:0px; float:left; margin:0 0 0 90px; line-height:27px;}
.form {}
.form ul {  list-style: none outside none;
    margin: -28px 0 0;
    padding: 0 20px;}
.form li { margin:6px 0; float:left; width:100%}
.form li label { font-size:11px; color:#999999; margin:0 0px 0 0; float:left; width:172px; line-height:20px;}
.form li input {  border: 1px solid #D9D9D9;
    border-radius: 7px;
    color: #666666;
    float: right;
    font-size: 10px;
    height: 25px;
    line-height: 30px;
    padding: 0 10px;
    width: 53px;}
#home button { border:5px solid #6a0000; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:19px; font-family:"Arial Black", Gadget, sans-serif; color:#ffffff;
	 height: 40px;
    margin: 0px;
	float:right;
    padding: 1px 0 0;
width: 160px;
background: #760000; /* Old browsers */

}
#btn_calculation img{width: 25px; margin: -5px 0 0;}
#home footer { float:left; width:100%; text-align:center;background: #fff;}
#home footer h2 { color: #FB291A;
    font-size: 17px;
    line-height: 34px;
    margin: -19px 0 0 2px;
    text-align: center;
    width: 300px;}
#home section h1{border-bottom:none;font-size: 35px;}

h4{ color: #970000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    height: 25px;
    letter-spacing: 2px;
    line-height: 3px;
    margin: 8px 0 0 -4px;
    padding: 8px 0 0 7px;
    width: 296px;}
.nonclickabel h4{
	  color: #FFFFFF !important;
    font-size: 12px;
    padding: 4px 0 0 14px;
    width: 100%;
}	
		
h3{ color:#0397D7; font-size:20px; font-family:Verdana, Geneva, sans-serif; padding:15px 0 0 0; letter-spacing:2px; line-height:3px; margin:-15px 100px 0px 0px; text-align: center;
    width: 100%;}

h6{font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#666; text-align:center;padding:0px 20px; 
margin:-10px 0px 5px 0px;} 

.footer_section { float: right;
    height: 100px;
    margin: 4px 11px 0 2px;
    text-align: center;
    width: 304px;}
.login{  background-image: url("../images/login_inactive.png");
    cursor: pointer;
    float: right;
    height: 36px;
    margin: -13px 74px 0 0;
    width: 168px;}
.login:hover{width:168px;height:36px; float:right; background-image:url(../images/login.png);margin: -13px 74px 0 0;}
.final_txt{font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF;text-align:center; background-color:#666; margin:0px;}

h5{ color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 23px;
    letter-spacing: -1px;
    line-height: 3px;
    margin: 0;
    padding: 8px;
    width: 299px;}
.clickable{width:450px; height:50px; float:left;margin:40px -30px 0px 0px;-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
background: #9dd53a; /* Old browsers */
}

.nonclickabel{ float:left;
height: 40px;
    margin: 11px 0 0 10px;
    width: 299px;
-webkit-border-radius: 20px;

border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
background: #b5bdc8; /* Old browsers */
}
.clickable:hover{width:450px; height:50px; float:left;margin:40px 0px 0px 0px;-webkit-border-radius: 20px;
border-radius: 20px;
background: #7abcff; /* Old browsers */
}
.frm_head{padding-bottom: 20px;font-weight:bold;}
.frm_td{padding:8px 0 8px 11px;width: 123px;}
.frm_td2{width:280px;}
 .frm_btn{padding:15px;0}
 .asterick_frm{color:#ff0000;font-size:15px; float:right;margin-left: 27px;display:none;}
.error_frm{  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;display:none;
    color: #FF0000;
    float: left;
    font-size: 13px;
    margin-left: -142px;
    margin-top: 2px;
    padding-left: 3px;
    position: absolute;
    width: 245px;
    z-index: 1;}
	.pop{
background-color:#ccc !important; 
width:315px;
height:250px;
}
.popup-img{
float: left; width:315px;
}
}

/*  secnd css*/
@media screen and (min-width:321px) and (max-width:437px) {
#popup-wrapper{background-color:#FFD3D3 !important; width:297px !important;}
#dp-popup{margin:28px 0 0 -93px !important;  }
header { width:970px; margin:0 auto; min-height:81px; background:url(../images/head_bg.jpg) repeat-x;}
header img { float:left; margin: 7px 0 0 20px;}
#home .slider { margin:0 auto; width:100%; padding:25px 0; display:table; padding: 0px  0px 8px 0px;}
#home header { background:url(../images/header_bg.jpg) repeat-x; height:82px;width:100%;}
#home hgroup { width:100%; margin: 0 auto;}
.hh {color: #0397D7;float: right;font-family: Verdana,Geneva,sans-serif; font-size: 11px;height: 25px; margin: 0 14px 0 0;width: 51%;}
.hh p { padding:0px; margin:0px; line-height:18px;}
.hh2 { text-align:right;}
.logo { float: left;height: 64px;padding: 13px 0 0;width: 89px;margin-left: 8px;}
.leftside { text-align:center; width:100%;}
.slider h1 {text-shadow: 2px 3px 4px #000000;
        filter: dropshadow(color=#000000, offx=2, offy=3); color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:35px; line-height:55px; padding:0px; margin:30px 0px 0px 0px; letter-spacing:-1px;}
.iframe{   height: 229px;margin: -12px 0 0 0;padding: 0;width: 90%;}
.radbox  { border: 3px solid #CC6600;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    height: 64px;
    letter-spacing: 2px;
   margin: 11px auto;
    text-align: center !important;
    text-shadow: 2px 2px 2px #000000;
    width: 90%;}
.list { color:#ffffff; font-size:14px; font-family:Verdana, Geneva, sans-serif; line-height:40px;}
.list ul { padding:0px; margin:0px;}
.list li { list-style:none; margin:0 0 0 23px;}
.list ul samp { font-size:22px;font-family:Verdana, Geneva, sans-serif; font-weight:bold}
.calculate { background: url("../images/cal_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #E2E2E2;
    border-radius: 15px;
    float: none;
    margin: 11px auto;
    width: 90%;height:430px;}
.calculate h1 {  border-bottom: 1px solid #CECECE;
    float: left;
    font-size: 20px !important;
    margin: 5px 0 0 25px;
    padding: 0 0 15px;
    text-shadow: none;}
.radfont { color:#fb291a;font-family:"Arial Black", Gadget, sans-serif; padding:0px;  margin: 0 110px 0 0; float:left;line-height:27px;}
.bluefont { color:#0397d7;font-family:"Arial Black", Gadget, sans-serif;padding:0px; margin:0px; float:left; margin:0 0 0 90px; line-height:27px;}
 form {}


.form ul {  list-style: none outside none; margin: -28px 0 0;padding: 0 20px;}
.form li { margin:6px 0; float:left; width:100%}
 .form li label { text-align:left;font-size:11px; color:#999999; margin:0 0px 0 0; float:left; width:170px; line-height:20px;}
.form li input {  border: 1px solid #D9D9D9;
    border-radius: 7px;
    color: #666666;
    float: right;
    font-size: 10px;
    height: 25px;
    line-height: 30px;
    padding: 0 10px;
    width: 55px;}
#home button { border:5px solid #6a0000; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:20px; font-family:"Arial Black", Gadget, sans-serif; color:#ffffff;
	 height: 42px;float:right;
  margin: 12px 0 10px 0px;
    padding: 1px 0 0;
width: 162px;
background: #760000; /* Old browsers */

}
#btn_calculation img{width: 26px; margin: -5px 3px 0 -2px;}
#home footer { float:left; width:100%; text-align:center;background: #fff; min-height:135px;}
#home footer h2 {  color: #FB291A;    
    font-size: 12px;
    line-height: 20px;
    margin: 0 auto;
    text-align: center;
    width: 100%;}
#home section h1{border-bottom: medium none;
    font-size: 35px;
    height: 60px;
    margin: 0 58px 0 34px;
    width: 94%;}

h4{ color: #970000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    height: 25px;
    letter-spacing: 2px;
    line-height: 3px;
    margin: 8px 0 0 0px;
    padding: 8px 0 0 7px;}
.nonclickabel h4{
	  color: #FFFFFF !important;
    font-size: 12px;
     margin: 11px 0 0 !important;
    width: 100%;
}			
h3{ color:#0397D7; font-size:20px; font-family:Verdana, Geneva, sans-serif; padding:15px 0 0 0; letter-spacing:2px; line-height:3px; margin:-15px 100px 0px 0px; text-align: center;width: 100%;}
h6{font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#666; text-align:center;padding:0px 0px 0px 0px; margin:-10px 0px 5px 0px;} 
.footer_section { text-align:center; margin: -6px 0 0;width: 100%;}
.get_started{ margin: -6px 0 0;
    text-align: center;
    width: 100%;}
	.login-btn{margin: 0 auto;
    text-align: -moz-center;
    width: 100%;	}	
.login{background-image: url("../images/login_inactive.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 36px;
    margin: 0 auto;
    width: 168px;}
.login:hover{width:168px;height:36px;  background-repeat: no-repeat; background-image:url(../images/login.png);margin: 0 auto;}
.final_txt{font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF;text-align:center; background-color:#666; margin:0px;}
h5{  color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 3px;
    margin: 17px 0 7px;
    padding: 0;
    text-align: center;
    width: 100%;}
.clickable{background: none repeat scroll 0 0 #9DD53A;
    border-radius: 20px;
    float: left;
    height: 40px;
     margin: 11px 15px 0 13px;
    width: 90%;
}

.nonclickabel{ background: none repeat scroll 0 0 #B5BDC8;
    border-radius: 20px;
    float: left;
    height: 40px;
    margin: 11px 15px 0 13px;
    width: 90%;
}
.clickable a h4{color: #FFFFFF !important;
    margin: 11px 0 0 !important; } 
.clickable a h4 :hover{color:#FFF !important;  margin: 11px 0 0 !important;}
.clickable:hover{width:90%; height:40px; float:left; margin: 11px 15px 0 13px;-webkit-border-radius: 20px;
border-radius: 20px;
background: #7abcff; /* Old browsers */
}
.frm_head{padding-bottom: 12px;font-weight:bold;font-size: 14px;}
.frm_td{padding:8px 0 8px 11px;width: 88px;font-size: 12px;font-weight:bold;}
.frm_td2{width:200px;text-align:left;}
 .frm_btn{padding:15px;}
 .asterick_frm{color:#ff0000;font-size:15px; float:none;margin-left: 0px;display:none;}
.error_frm{  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;display:none;
    color: #FF0000;
    float: left;
    font-size: 11px;
    margin-left: -166px;
    margin-top: 11px;
    padding-left: 0px;
    position: absolute;
    width: 212px;
    z-index: 1;}
.pop{
background-color:#ccc !important; 
width:315px !important;
height:250px !important;
}
.popup-img{ float: left !important; width:290px !important;}
.modalPopLite-child-2{
  background-color:#ccc !important;width: 303px !important;height:200px !important;
}
.modalPopLite-child-2-img{
  float: left!important; width:302px!important;
}

}

@media screen and (min-width:438px) and (max-width:640px) {
#popup-wrapper{background-color:#FFD3D3 !important; width:384px !important;}
#dp-popup{margin:28px 0 0 -93px !important;  }
header { width:970px; margin:0 auto; min-height:81px; background:url(../images/head_bg.jpg) repeat-x;}
header img { float:left; margin: 7px 0 0 20px;}
#home .slider { margin:0 auto; width:100%; padding:25px 0; display:table; padding: 0px  0px 8px 0px;}
#home header { background:url(../images/header_bg.jpg) repeat-x; height:82px;width:100%;}
#home hgroup { width:400px !important; margin: 0 auto;}
.hh {  color: #0397D7;
    float: right;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    height: 25px;
    }
.hh p { padding:0px; margin:0px; line-height:18px;}
.hh2 { text-align:right;}
.logo { float: left;
    height: 64px;
    padding: 13px 0 0;
    width: 89px;margin-left: 8px;}
.leftside { text-align:center;width:100%;}
.slider h1 {text-shadow: 2px 3px 4px #000000;
        filter: dropshadow(color=#000000, offx=2, offy=3); color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:35px; line-height:55px; padding:0px; margin:30px 0px 0px 0px; letter-spacing:-1px;}
		.iframe{   height: 229px;
    margin: -12px 0 0 0;
    padding: 0;
    width: 90%;
	
	}

.radbox  { border: 3px solid #CC6600;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    height: 64px;
    letter-spacing: 2px;
   margin: 11px auto;
    text-align: center !important;
    text-shadow: 2px 2px 2px #000000;
    width: 90%;}
.list { color:#ffffff; font-size:14px; font-family:Verdana, Geneva, sans-serif; line-height:40px;}
.list ul { padding:0px; margin:0px;}
.list li { list-style:none; margin:0 0 0 23px;}
.list ul samp { font-size:22px;font-family:Verdana, Geneva, sans-serif; font-weight:bold}
.calculate { background: url("../images/cal_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #E2E2E2;
    border-radius: 15px;
    float: none;
    margin: 11px auto;
    width: 90%;height:450px;}
.calculate h1 {  border-bottom: 1px solid #CECECE;
    float: left;
    font-size: 20px !important;
    margin: 5px 0 0 25px;
    padding: 0 0 15px;
    text-shadow: none;}
.radfont { color:#fb291a;font-family:"Arial Black", Gadget, sans-serif; padding:0px; margin:0px; float:left;line-height:27px;}
.bluefont { color:#0397d7;font-family:"Arial Black", Gadget, sans-serif;padding:0px; margin:0px; float:left; margin:0 0 0 90px; line-height:27px;}
 form {}


.form ul {  list-style: none outside none;
    margin: -28px 0 0;
    padding: 0 20px;}
.form li { margin:6px 0; float:left; width:100%}
 .form li label { text-align:left;font-size:11px; color:#999999; margin:0 0px 0 0; float:left; width:185px; line-height:20px;}
.form li input {  border: 1px solid #D9D9D9;
    border-radius: 7px;
    color: #666666;
    float: right;
    font-size: 11px;
    height: 25px;
    line-height: 30px;
    padding: 0 10px;
    width: 55px;}
#home button {  background: none repeat scroll 0 0 #760000;
    border: 5px solid #6A0000;
    border-radius: 15px;
    color: #FFFFFF;
    font-family: "Arial Black",Gadget,sans-serif;
    font-size: 22px;
    height: 50px;
    margin: 12px 0 10px 0;
    padding: 1px 0 0;
    width: 173px;float:right;

}
#btn_calculation img{width: 28px; margin: -5px 3px 0 -1px;}
#home footer { float:left; width:100%; text-align:center;background: #fff;}
#home footer h2 {  color: #FB291A;
    font-size: 12px;
    line-height: 34px;
    margin: 0 3px 0 0;
    text-align: center;
    width: 200px;}
#home section h1{border-bottom: medium none;
    font-size: 35px;
    height: 60px;
    margin: 0 58px 0 74px;
    text-align: center;
    width: 255px;}

h4{ color: #970000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    height: 25px;
    letter-spacing: 2px;
    line-height: 3px;
    margin: 8px 0 0 -4px;
    padding: 8px 0 0 7px;}
.nonclickabel h4{
	  color: #FFFFFF !important;
    font-size: 12px;
    padding: 3px 0 0 6px;
    width: 100%;
}			
h3{ color:#0397D7; font-size:20px; font-family:Verdana, Geneva, sans-serif; padding:15px 0 0 0; letter-spacing:2px; line-height:3px; margin:-15px 100px 0px 0px; text-align: center;width: 100%;}
h6{font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#666; text-align:center;padding:0px 20px; margin:-10px 0px 5px 0px;} 
.get_started{width:50%; float: left;}
.footer_section { float: right;
    height: 108px;
    margin: 4px 0 0;
    text-align: center;
    width: 40%;}
.login{background-image: url("../images/login_inactive.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 36px;
    margin:  0 auto;
    width: 168px;}
.login:hover{width:168px;height:36px;  background-repeat: no-repeat; background-image:url(../images/login.png);margin:  0 auto;}
.final_txt{font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF;text-align:center; background-color:#666; margin:0px;}
h5{ 
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    line-height: 3px;
    margin:29px auto;
    padding: 8px;
    width: 191px;}
.clickable{background: none repeat scroll 0 0 #9DD53A;
    border-radius: 20px;
    float: left;
    height: 40px;
     margin: 0 1px 0 32px;
    width: 90%;
}

.nonclickabel{ background: none repeat scroll 0 0 #B5BDC8;
    border-radius: 20px;
    float: left;
    height: 40px;
    margin: 0 1px 0 32px;
    width: 90%;
}
.clickable:hover{width:90%; height:40px; float:left; margin: 0 1px 0 32px;-webkit-border-radius: 20px;
border-radius: 20px;
background: #7abcff; /* Old browsers */
}
.frm_head{padding-bottom: 20px;font-weight:bold;}
.frm_td{padding:8px 0 8px 11px;width: 123px;}
.frm_td2{width:280px;text-align:left;}
 .frm_btn{padding:15px;}
 .asterick_frm{color:#ff0000;font-size:15px; float:none;margin-left: 3px;display:none;}
.error_frm{  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;display:none;
    color: #FF0000;
    float: left;
    font-size: 11px;
    margin-left: -145px;
    margin-top: 5px;
    padding-left: 3px;
    position: absolute;
    width: 245px;
    z-index: 1;}
	.popup-img{
float: left !important; width:380px !important;
}
}

/* third css*/

@media screen and (min-width:641px) and (max-width:768px) {
#popup-wrapper{background-color:#FFD3D3 !important; width:440px;}
#dp-popup{margin:28px 0 0 -50px !important;  }
header { width:970px; margin:0 auto; min-height:81px; background:url(../images/head_bg.jpg) repeat-x;}
header img { float:left; margin: 7px 0 0 20px;}
#home .slider { margin:0 auto; width:100%; padding:25px 0; display:table; padding: 0px  0px 8px 0px;}
#home header { background:url(../images/header_bg.jpg) repeat-x; height:82px;width:100%;}
#home hgroup { width:590px !important; margin: 0 auto;}
.hh { color: #0397D7;
    float: right;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    height: 25px;
    }
.hh p { padding:0px; margin:0px; line-height:18px;}
.hh2 { text-align:right;}
.logo { float: left;
    height: 64px;
    padding: 13px 0 0;
    width: 89px;margin-left: 8px;}
.leftside { }
.slider h1 {text-shadow: 2px 3px 4px #000000;
   filter: dropshadow(color=#000000, offx=2, offy=3); color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:35px; line-height:55px; padding:0px; margin:30px 0px 0px 0px; letter-spacing:-1px;}
   .iframe{
    height: 353px;
    margin: -12px 0 0;
    padding: 0 16px 0 15px;
	width:93%;
	}

.radbox  { border: 3px solid #CC6600;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    height: 64px;
    letter-spacing: 2px;
    margin: 11px 10px 0;
    text-align: center !important;
    text-shadow: 2px 2px 2px #000000;
    width: 93%;}
.list { color:#ffffff; font-size:14px; font-family:Verdana, Geneva, sans-serif; line-height:40px;}
.list ul { padding:0px; margin:0px;}
.list li { list-style:none; margin:0 0 0 23px;}
.list ul samp { font-size:22px;font-family:Verdana, Geneva, sans-serif; font-weight:bold}
.calculate { background: url("../images/cal_bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 4px solid #E2E2E2;
    border-radius: 15px;
    float: none;
    margin: 11px 16px 0 16px;
    width: 91%;height:450px;}
.calculate h1 {  border-bottom: 1px solid #CECECE;
    float: left;
    font-size: 20px !important;
    margin: 5px 0 0 25px;
    padding: 0 0 15px;
    text-shadow: none;}
.radfont { color:#fb291a;font-family:"Arial Black", Gadget, sans-serif; padding:0px; margin:0px; float:left;line-height:27px;}
.bluefont { color:#0397d7;font-family:"Arial Black", Gadget, sans-serif;padding:0px; margin:0px; float:left; margin:0 0 0 90px; line-height:27px;}
.form {}
.form ul {  list-style: none outside none;
    margin: -28px 0 0;
    padding: 0 20px;}
.form li { margin:6px 0; float:left; width:100%}
.form li label { font-size:14px; color:#999999; margin:0 0px 0 0; float:left; width:250px; line-height:20px;}
.form li input {  border: 1px solid #D9D9D9;
    border-radius: 7px;
    color: #666666;
    float: right;
    font-size: 13px;
    height: 25px;
    line-height: 30px;
    padding: 0 10px;
    width: 90px;}
#home button { border:5px solid #6a0000; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; font-size:24px; font-family:"Arial Black", Gadget, sans-serif; color:#ffffff;
	float:right;
	height: 50px;
     margin: 12px 0 10px 0px;
    padding: 1px 0 0;
width: 195px;
background: #760000; /* Old browsers */

}

#btn_calculation img{width: 30px; margin: -5px 3px 0 -3px;}
.get_started{ float: left;}
#home footer { float:left; width:100%; text-align:center;background: #fff;}
#home footer h2 {  color: #FB291A;
  
	text-align: center;
    font-size: 17px;
    line-height: 34px;
    margin: 0 auto;
    }
#home section h1{border-bottom: medium none;
    font-size: 35px;
    height: 60px;
    margin: 0 58px 0 74px;
    text-align: center;
    width: 255px;}

h4{ color: #970000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    height: 25px;
    letter-spacing: 2px;
    line-height: 3px;
    margin: 8px 0 0 -4px;
    padding: 8px 0 0 7px;}
.nonclickabel h4{
	  color: #FFFFFF !important;
    font-size: 12px;
    padding: 3px 0 0 6px;
    width: 100%;
}			
h3{ color:#0397D7; font-size:24px; font-family:Verdana, Geneva, sans-serif; padding:15px 0 0 0; letter-spacing:2px; line-height:3px; margin:-15px 100px 0px 0px; text-align: center;width: 100%;}
h6{font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#666; text-align:center;padding:0px 20px; margin:-10px 0px 5px 0px;} 
.footer_section {  height: 100px;
   float:right;
    text-align: center !important;
    width: 50%;}
	.login-btn{text-align:center;}
.login{background-image: url("../images/login_inactive.png");cursor: pointer;height: 36px;margin:  0 auto;width: 168px;}
.login:hover{width:168px;height:36px; background-image:url(../images/login.png);margin: 0 auto;}
.final_txt{font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF;text-align:center; background-color:#666; margin:0px;}
h5{ color: #000000;font-family: Arial,Helvetica,sans-serif;font-size: 19px;letter-spacing: -1px;line-height: 3px;padding: 8px;width: 231px;}
.clickable{width:93%; height:50px; float:left;margin:11px 0px 0px 10px;-webkit-border-radius: 20px;
border-radius: 20px;text-align:center;
-webkit-border-radius: 20px;
border-radius: 20px; 
background: #9dd53a; /* Old browsers */
}

.nonclickabel{ background: none repeat scroll 0 0 #B5BDC8;
    border-radius: 20px;
    float: left;
    height: 40px;
    margin: 11px 0 0 10px;
	text-align: center;
    width: 93%;
}
.clickable:hover{width:93%;text-align:center; height:50px; float:left;margin:11px 0px 0px 10px;-webkit-border-radius: 20px;
border-radius: 20px;
background: #7abcff; /* Old browsers */
}
.frm_head{padding-bottom: 20px;font-weight:bold;}
.frm_td{padding:8px 0 8px 11px;width: 123px;}
.frm_td2{width:280px;}
 .frm_btn{padding:15px;}
 .asterick_frm{color:#ff0000;font-size:15px; float:none;margin-left: 7px;display:none;}
.error_frm{  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;display:none;
    color: #FF0000;
    float: left;
    font-size: 13px;
    margin-left: -142px;
    margin-top: 2px;
    padding-left: 3px;
    position: absolute;
    width: 245px;
    z-index: 1;}
		.popup-img{
float: left !important; width:438px !important;
}
}



/* third css*/

@media screen and (min-width:769px) and (max-width:1100px) {
#popup-wrapper{background-color:#FFD3D3 !important; width:440px;}
#dp-popup{margin:28px 0 0 -93px !important;  }
.iframe{width:54%;  height: 229px; margin: 0 0 0 10px;}

header { width:970px; margin:0 auto; min-height:81px; background:url(../images/head_bg.jpg) repeat-x;}
header img { float:left; margin: 7px 0 0 20px;}

#home .slider { margin:0 auto; width:100%; padding:25px 0; display:table; padding: 0px  0px 8px 0px;}
#home header { background:url(../images/header_bg.jpg) repeat-x; height:91px;width:100%;}
#home hgroup { width:100%; margin: 0 auto;}
.hh { float:right; color:#0397D7; margin: 0 20px 0 0;font-size:21px; font-family:Verdana, Geneva, sans-serif; width:45%; padding:24px 0 0 0;}
.hh p { padding:0px; margin:0px; line-height:18px;}
.hh2 { text-align:right;}
.logo { padding:7px 0 0 0; float:left;}
.leftside { float:left;}
.slider h1 {text-shadow: 2px 3px 4px #000000;
        filter: dropshadow(color=#000000, offx=2, offy=3); color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:35px; line-height:55px; padding:0px; margin:30px 0px 0px 0px; letter-spacing:-1px;}
.radbox  { color:#ffffff; font-size:18px; font-family:Verdana, Geneva, sans-serif; letter-spacing:2px;  margin: 11px 0 0 10px; width:53%; height:100px; border:3px solid #C60; text-shadow: 2px 2px 2px #000000;}
.list { color:#ffffff; font-size:14px; font-family:Verdana, Geneva, sans-serif; line-height:40px;}
.list ul { padding:0px; margin:0px;}
.list li { list-style:none; margin:0 0 0 23px;}
.list ul samp { font-size:22px;font-family:Verdana, Geneva, sans-serif; font-weight:bold}
.calculate { border:4px solid #e2e2e2; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; background: url(../images/cal_bg.jpg); float:right;  width: 38%; margin: 0 19px 0 10px;}
.calculate h1 { font-size:23px; padding:0px;  text-shadow:none; float:left; margin:20px; padding:0 0 15px 0; border-bottom:1px solid #cecece }
.radfont { color:#fb291a;font-family:"Arial Black", Gadget, sans-serif; padding:0px; margin:0 0 0 17px; float:left;line-height:27px;}
.bluefont { color:#0397d7;font-family:"Arial Black", Gadget, sans-serif;padding:0px; margin:0px; float:left; margin:0 0 0 90px; line-height:27px;}
.form {}
.form ul { list-style:none; padding:0px 20px; margin:0px}
.form li { margin:6px 0; float:left; width:100%}
.form li label { font-size:11px; color:#999999; margin:0 0px 0 0; float:left; width:175px; line-height:20px;}
.form li input { -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border:1px solid #d9d9d9; width: 55px; font-size:11px;height:25px; line-height:30px; color:#666666; padding:0 10px;float:right;}
#home button { background: linear-gradient(to bottom, #760000 0%, #970000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 5px solid #6A0000;
    border-radius: 15px;
    color: #FFFFFF;
    float: right;
    font-family: "Arial Black",Gadget,sans-serif;
    font-size: 16px;
     margin: 0 0px 0 215px;
    width: 150px;
}



#home footer {height:auto;float:left; width:100%; background: #fff;}
#home footer h2 { color: #FB291A;width:100%;
    font-size: 18px;
    line-height: 34px;
    text-align: center;}
#home section h1{border-bottom:none;font-size: 21px;}
.btn_class{background: linear-gradient(to bottom, #DD3434 1%, #940000 99%) repeat scroll 0 0 transparent;
    border: 1px solid #9C0606;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    margin: 15px 10px;
    padding: 5px 10px;
    float: right;
	}
	
#btn_calculation img{width: 23px; margin:-5px 3px 0 -1px;}
h4{ text-align:center;color:#970000; font-size:18px; font-family:Verdana, Geneva, sans-serif; padding:8px; letter-spacing:2px; line-height:3px; margin: 13px 0 0; width:100%;height:20px; p.shadow text-shadow: 2px 2px 2px #ff0000;}
		
h3{ color:#0397D7; font-size:36px; font-family:Verdana, Geneva, sans-serif; padding:15px 0 0 0; letter-spacing:2px; line-height:3px; margin:-15px 100px 0px 0px; text-align: center;
    width: 100%;}

h6{font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#666;padding:0px 0 0 0px; margin:7px 0 9px 4px;} 
.nonclickabel h4{
	  color: #FFFFFF !important;
    font-size: 16px;
    padding: 3px 0 0 6px;
    width: 100%;
}
.footer_section {     
float: right;
    height: 100px;
    margin: 0 0px 0 0;
    text-align: center;
    width: 50%;}
.login-btn{
    	text-align:center;}
.login{background-image: url("../images/login_inactive.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: none;
    height: 36px;
    margin: 0 auto;
    width: 168px;}
.login:hover{width:168px;height:36px; float:none; background-image:url(../images/login.png);   margin: 0 auto;}
.final_txt{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF;text-align:center; background-color:#666; margin:0px;}

h5{ color:#000; text-align:center;font-size:26px; font-family:Arial, Helvetica, sans-serif; padding:8px; letter-spacing:-1px; line-height:3px; width:500px;margin-left:0px;}
.clickable{width:53%; height:50px; float:left;margin:11px 0px 0px 10px;-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 45%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(45%,#a1d54f), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 45%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 45%,#7cbc0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 45%,#7cbc0a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 45%,#7cbc0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}
.clickable h4{
	  color: #FFFFFF !important;
    font-size: 16px;
    padding: 3px 0 0 6px;
    width: 100%;
}
.nonclickabel{ height:50px; float:left;-webkit-border-radius: 20px;
 margin: 11px 0 0 10px;
    width: 53%;
border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px; 
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #7b97b5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#7b97b5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#7b97b5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#7b97b5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#7b97b5 100%); /* IE10+ */
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#7b97b5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#7b97b5',GradientType=0 ); /* IE6-9 */}
.clickable:hover{width:53%; height:50px; float:left;margin:11px 0px 0px 10px;-webkit-border-radius: 20px;
border-radius: 20px;
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

}
.frm_head{padding-bottom: 20px;font-weight:bold;}
.frm_td{padding:8px 0 8px 11px;width: 123px;}
.frm_td2{width:280px;}
 .frm_btn{padding:15px;}
 .asterick_frm{color:#ff0000;font-size:15px; float:none;margin-left: 7px;display:none;}
.error_frm{  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;display:none;
    color: #FF0000;
    float: left;
    font-size: 13px;
    margin-left: -142px;
    margin-top: 2px;
    padding-left: 3px;
    position: absolute;
    width: 245px;
    z-index: 1;}
.popup-img{float: left !important; width:438px !important;}
}
@media screen and (min-width:1101px) and (max-width:1200px) {
#popup-wrapper{background-color:#FFD3D3 !important; width:440px;}
#dp-popup{margin:28px 0 0 -65px !important;  }
.frm_head{padding-bottom: 20px;font-weight:bold;}
.frm_td{padding:8px 0 8px 11px;width: 123px;}
.frm_td2{width:280px;}
 .frm_btn{padding:15px;}
 .asterick_frm{color:#ff0000;font-size:15px; float:none;margin-left: 7px;display:none;}
.error_frm{  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;display:none;
    color: #FF0000;
    float: left;
    font-size: 13px;
    margin-left: -142px;
    margin-top: 2px;
    padding-left: 3px;
    position: absolute;
    width: 245px;
    z-index: 1;}
.popup-img{float: left !important; width:438px !important;}
}