@charset "utf-8";
/* CSS Document */

html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ height: 100%;}
h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, textarea, select {margin: 0; padding: 0;}
img {border: 0;}
a {text-decoration: none; outline: none !important; color: #09f;	outline-color: transparent !important;}
a:link, a:hover {text-decoration: none; color: #09f;}
body{background: #4aa8ff;height: 100%; position: relative;}
.mtp0 {margin-top:0px;}
.mtp5 {margin-top:5px;}
.mtp10 {margin-top:10px;}
.mtp15 {margin-top:15px;}
.mtp20 {margin-top:20px;}
.mtp25 {margin-top:25px;}
.mtp30 {margin-top:30px;}
.mtp35 {margin-top:35px;}
.mtp40 {margin-top:40px;}
.mtp45 {margin-top:45px;}

.mbp0 {margin-bottom:0px;}
.mbp5 {margin-bottom:5px;}
.mbp10 {margin-bottom:10px;}
.mbp15 {margin-bottom:15px;}
.mbp20 {margin-bottom:20px;}
.mbp25 {margin-bottom:25px;}
.mbp30 {margin-bottom:30px;}
.mbp35 {margin-bottom:35px;}
.mbp40 {margin-bottom:40px;}
.mbp45 {margin-bottom:45px;}

.ptp0 {padding-top:0px;}
.ptp5 {padding-top:5px;}
.ptp10 {padding-top:10px;}
.ptp15 {padding-top:15px;}
.ptp20 {padding-top:20px;}
.ptp25 {padding-top:25px;}
.ptp30 {padding-top:30px;}
.ptp35 {padding-top:35px;}
.ptp40 {padding-top:40px;}
.ptp45 {padding-top:45px;}

.pbp0 {padding-bottom:0px;}
.pbp5 {padding-bottom:5px;}
.pbp10 {padding-bottom:10px;}
.pbp15 {padding-bottom:15px;}
.pbp20 {padding-bottom:20px;}
.pbp25 {padding-bottom:25px;}
.pbp30 {padding-bottom:30px;}
.pbp35 {padding-bottom:35px;}
.pbp40 {padding-bottom:40px;}
.pbp45 {padding-bottom:45px;}

.dinb{display: inline-block;}
.db{display:block;}

/*==================================
Commen CSS
================================= */
.container{max-width: 940px;}

.bluebtn{padding: 4px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #316ad1; -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.36), inset 2px -2px 2px #033395; -moz-box-shadow: -1px 1px 2px rgba(0,0,0,.36), inset 2px -2px 2px #033395; box-shadow: -1px 1px 2px rgba(0,0,0,.36), inset 2px -2px 2px #033395; background-image: -webkit-linear-gradient(bottom, #7ba7f4, #4f84e1 9%, #1755c4 96%, #3272de); background-image: -moz-linear-gradient(bottom, #7ba7f4, #4f84e1 9%, #1755c4 96%, #3272de); background-image: -o-linear-gradient(bottom, #7ba7f4, #4f84e1 9%, #1755c4 96%, #3272de); background-image: -ms-linear-gradient(bottom, #7ba7f4, #4f84e1 9%, #1755c4 96%, #3272de); background-image: linear-gradient(to top, #7ba7f4, #4f84e1 9%, #1755c4 96%, #3272de); text-shadow: 0 0 1px #093b93, 0 -2px #0b3f9a; color: #fff!important; font-size: 18px; text-transform: uppercase;}

.bluebtn:hover{ color: #fff;}

.Lightbluebtn{	padding: 4px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #54a8f6; -webkit-box-shadow: 1px 2px 4px #bebebe; -moz-box-shadow: 1px 2px 4px #bebebe; box-shadow: 1px 2px 4px #bebebe; border: solid 1px #539ce6; background-image: -webkit-linear-gradient(bottom, #55a8f6, #45aaff); background-image: -moz-linear-gradient(bottom, #55a8f6, #45aaff); background-image: -o-linear-gradient(bottom, #55a8f6, #45aaff); background-image: -ms-linear-gradient(bottom, #55a8f6, #45aaff); background-image: linear-gradient(to top, #55a8f6, #45aaff); text-shadow: 0 0 1px #3d91dd, 0 -2px #1676cb; color: #fff!important; font-size: 22px; }

.Lightbluebtn:hover{ color: #fff;}


/*==================================
Header CSS
================================= */
.headerbg{background: #46aaff; padding:26px 0px;}
.headerbg img{max-width: 85%;}

/*==================================
Content CSS
================================= */

/*==Index CSS== */
.homebg{background: #fff;}
.homeimg{position:absolute; display:inline-block; left:0px; right:0px; bottom:0px; max-width: 518px; margin: 0 auto;}





.positionre{text-align:center; display:block; margin:0 auto; max-width:518px; clear:both; }
.minheight{min-height: 360px; clear: both; position: relative; height: 100%;}

input[type="submit"]:hover{ color: #fff; border-color: #1b7aa9; background-color: #239fdb; }

.formbg{position: absolute; bottom: 0px; left: 18%; right: 17%; min-height: 39%;}
.formbg{width: 347px\9; margin: 0 auto\9;}	

.formbg input{border: solid 1px #0faaed; height: 38px; border-radius: 0px; font-size: 16px; color: #606060; margin-top: 10px;}
.formbg label{margin-top: 5px; margin-bottom: 5px;}
.formbg label p{color: #2489c5;}

.height-center{margin-top: 23%;}
.start-center{margin-top: 6%;}
.blueboldtext{font-weight: bold; font-size: 18px; color: #63a8fd; }
.arrowspace{ margin-top: 8px;}

/*==inner CSS== */
.fullheight { height: 100%; }

section.mcq { padding-top: 45px; padding-bottom: 85px; height: 100%; box-sizing: border-box; }

section.mcq > .container { height: 100%; padding-left: 8px; padding-right: 8px; }
.innerbg{background:#fff; padding:0px 5px; min-height:inherit; height: 100%; overflow-x: hidden; overflow-y: auto; }

.topbox-wrap { position: fixed; left: 0; top: 0; right: 0; height: 45px; }
.topbox-wrap .container { padding-left: 8px; padding-right: 8px; }
.topbox{background:#fff url(../images/topbox.jpg) top center no-repeat; margin-top:10px; -webkit-border-top-left-radius: 40px; -webkit-border-top-right-radius: 40px; -moz-border-radius-topleft: 40px; -moz-border-radius-topright: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px;height:35px; background-size: 100px auto; }

.bottombox-wrap { position: fixed; left: 0; bottom: 0; right: 0; height: 85px; background-color: #4AA8FF; }
.bottombox-wrap .container { padding-left: 8px; padding-right: 8px; }
.bottombox{background:#fff url(../images/bottombox.jpg) bottom center no-repeat; -webkit-border-bottom-right-radius: 40px; -webkit-border-bottom-left-radius: 40px; -moz-border-radius-bottomright: 40px; -moz-border-radius-bottomleft: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px;height:35px; background-size: 100px auto; }

.bottom-arrow a{display:inline-block; margin-top:10px; margin-bottom:10px;}
.bottom-arrow img { width: 60px; height: auto; }

.innerbg h2{font:bold 22px/30px Arial, Helvetica, sans-serif; color:#000;}
.back-arrow img { width: 55px; height: auto; }

/*==YES-NO== */
.widthbtn{max-width:inherit; display:inline-block; float:left; width:50%;}
.widthbtn a{display:inline-block;}
.widthbtn img{max-width:93%;}
.heighthalf{height: 98%; min-height: 98%; background: #fff; }
.btnpartmain{display:block; margin-left:0px; margin-right:9px;}
.btnpartmain:first-child .widthhalf{ text-align: right; }
.widthhalf{width: 48%; float: left; height: inherit;}
.widthhalf a.btn{display: inline-block; margin-top: 20%; margin-bottom: 10%;}
.widthhalf a.btn .img-responsive{width: 125px;}
.rowdiv{background:url("../images/row.jpg") left center repeat-x; position: relative; left: 0px; right: 0px; height: 2%; min-height: 4px; }
.btnpart{position: absolute; left: 0px; right: 0px; bottom: 0px;}
.TopTextdiv{height: 100%; min-height: inherit; overflow-x: hidden; overflow-y: auto; margin-right: 8px; margin-left: 8px; }
.texttop{font:20px/25px arial; font-weight: bold; color: #000038; text-align: center; margin-top: 20px;}
.whitebg{background: #fff; height: 49%; position: relative;}

.inputbox{ width: 70%; margin: 8% auto;display: block; clear: both; overflow: hidden;}
.inputbox input{border: solid 1px #808080; box-shadow: 0px; border-radius: 0px; font:18px/20px arial; font-weight: bold; color: #0a0f45; height: 40px;}
.weightMain{display: block; text-align: center; margin-top: 10px; text-align: center;}
.weightin{display: inline-block; position: relative;}
.weightMain img{display: inline-block; width: 154px;}
.weightinput{position: absolute; z-index: 99; width: 60%; top:20px; margin: 0 auto; left: 0px; right: 0px; height: 25%; font:18px/20px arial; font-weight: bold; color: #0a0f45; padding: 3px 4px; text-align: center;}
#rdWeightInput_wrapper{width:100% !important}


/*==Custom Checkbox CSS== */
.custom-checkbox{ width: 20px; height: 20px; display: inline-block; position: relative; z-index: 1; top: 3px;		background: url("../images/checkbox.png") no-repeat; float:left; }
.custom-checkbox:hover{background: url("../images/checkbox-hover.png") no-repeat;}
.custom-checkbox.selected{ background: url("../images/checkbox-selected.png") no-repeat;}
.custom-checkbox input[type="checkbox"]{ margin: 0; position: absolute; z-index: 2; cursor: pointer;
outline: none; opacity: 0; /* CSS hacks for older browsers */
_noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; width:20px; height:20px;}
form{ margin: 10px 0;}
#chkMultiSelectOptions label, #rdSingleSelectOptions label{ display: block; padding: 5px 9px !important; margin-left:27px !important; margin-bottom:6px !important;  }
#rdSingleSelectOptions input, #chkMultiSelectOptions input{float:left !important;}
.riContSpinButtons {padding-right: 17px; width: 100% !important;}
#rdDateInput_wrapper{width:100%!important; height:auto !important;}
#rdDateTimeInput_wrapper{width:100%!important; height:auto !important;}
#chkMultiSelectOptions label, #rdSingleSelectOptions label { display:block; margin-left:30px; padding: 3px 7px!important; font:16px/20px 'latoregular'; color:#000; margin-bottom:0px; }
.custom-checkbox.selected + label { color: #fff; box-shadow: inset 3px 0 3px 1px rgba(0,0,0,0.2);
  background: -webkit-linear-gradient(90deg, #336cd2, #1a57c5); /* For Safari 5.1 to 6.0 */
  background:      -o-linear-gradient(90deg, #336cd2, #1a57c5); /* For Opera 11.1 to 12.0 */
  background:    -moz-linear-gradient(90deg, #336cd2, #1a57c5); /* For Firefox 3.6 to 15 */
  background:         linear-gradient(90deg, #336cd2, #1a57c5); /* Standard syntax */
  color:#fff!important;
   border-radius: 5px!important;
}
input[type="submit"]{float: left; background: #f2f2f2; border: 1px solid #CCCCCC; border-radius: 4px; margin-top: 20px; padding: 4px 10px; cursor: pointer; outline: none;}
/*==Custom Checkbox CSS end== */







/*==Form CSS== */

.formstyle{}
.formstyle .form-group{margin-bottom: 5px;}
.formstyle label{margin-bottom: 2px; font-size: 14px; padding-right: 0px;}
.formstyle .form-control{ padding-left: 5px; padding-right: 5px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000000; background-color: #ddd; -webkit-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); -moz-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); border-radius: 2px; border-width: 0px; }
.formstyle .form-control:focus{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
color: #000000; background-color: #ddd; -webkit-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); -moz-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); border-radius: 2px; border-width: 0px;}
.width10{width: 40%; margin-right: 2%; float: left;}
.width80{width: 58%; float: left;}
.twoinput{display: block; clear: both; overflow: hidden;}
.size01{width: 40%; float: left; display: inline-block;}
.size02{width: 10%; float: left; display: inline-block; text-align: left; padding-left: 6px; padding-top: 5px; }
.size03{width: 40%; float: left; display: inline-block;}
.size04{width: 10%; float: left; display: inline-block; text-align: left; padding-left: 6px; padding-top: 5px; }

.size05{width: 50%; float: left; display: inline-block;}
.size06{width: 20%; float: left; display: inline-block; text-align: left; padding-top: 5px; margin-left:8px;  }

.formstyle2{}
.formstyle2 .form-group{margin-bottom: 11px;}
.formstyle2 .radio-inline{padding-top: 0px;}
.formstyle2 label{margin-bottom: 3px; font-size: 14px; padding-right: 0px; margin-top: 2px; text-align: left!important; padding-left: 12px;}
.formstyle2 .form-control{ padding-left: 5px !important; padding-right: 5px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px; border-radius: 4px !important; color: #000000 !important; background-color: #ddd !important; -webkit-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43) !important; -moz-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43) !important; box-shadow: inset 2px 1px 3px rgba(147,147,147,.43) !important; border-radius: 2px !important; border-width: 0px !important; height: 28px !important; }
.formstyle2 .riTextBox{ padding-left: 5px !important; padding-right: 5px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px; border-radius: 4px !important; color: #000000 !important; background-color: #ddd !important; -webkit-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43) !important; -moz-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43) !important; box-shadow: inset 2px 1px 3px rgba(147,147,147,.43) !important; border-radius: 2px !important; border-width: 0px !important; height: 28px !important; }
.formstyle2 .form-control:focus{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
color: #000000; background-color: #ddd; -webkit-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); -moz-box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); box-shadow: inset 2px 1px 3px rgba(147,147,147,.43); border-radius: 2px; border-width: 0px;}
.bluebtnspace { font-size: 19px !important; padding: 3px 14px !important; margin-top: -8px!importntant;}
.formstyle2 .RadPicker{width:100%!important;}
.formstyle2 .RadPicker table{width:100%!important;}
#rcMView_Today, #rcMView_OK, #rcMView_Cancel{padding:2px 6px!important;}
/*==Custom Radiobtn CSS== */
.custom-radio{ width: 20px; height: 20px; display: inline-block; position: relative; z-index: 1; top: 3px;		background: url("../images/radio-off.png") no-repeat; float:left; }
.custom-radio:hover{background: url("../images/radio-on-hover.png") no-repeat;}
.custom-radio.selected{ background: url("../images/radio-on.png") no-repeat;}
.custom-radio input[type="radio"]{ margin: 0; position: absolute; z-index: 2; cursor: pointer;
outline: none; opacity: 0; /* CSS hacks for older browsers */
_noFocusLine: expression(this.hideFocus=true); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; width:20px; height:20px;}
form{ margin: 10px 0;}
.radiobtn label{padding-left: 0px!important; margin-bottom: 0px!important; cursor: pointer; margin-right: 8px!important; font-weight: normal;}
.radiobtn label span{margin-right: 8px;}
.radiobtn p{float: left; margin-top: 1px; margin-bottom: 0px; padding: 0px; font-size: 14px; line-height: 24px;}

#rdGender label{ display: block; padding: 5px 9px 0 0px !important; margin-left:27px !important; margin-bottom:6px !important;  }
#rdGender input{float:left !important;}
#rdGender { display:block; margin-left:0px; padding: 3px 0px!important; font:16px/20px 'latoregular'; color:#000; margin-bottom:0px; }


.pa-name{font-size:24px; color:#46aaff; font-weight:bold; width:100%; float:left; padding-bottom:10px;}
.pa-list{margin:0px; padding:0px; list-style-type:none;}
.fontsize{font-size:20px;}
.pa-list li{clear:both; padding:5px 0 5px 20px; background:url(../images/bul_03.png) no-repeat left 7px;}
.startupClass{min-height:600px !important;}
.startup-container{max-width:308px; margin:30px auto;}
.rcCalPopup{background-size: 44px;width: 39px!important ;height: 55px!important ;margin-top: 9px!important ;}
/*==Custom Radiobtn CSS end== */

@media (min-width: 320px) {
    .minheight{min-height: 532px; height:calc(100% - 51px);}
}
@media (min-width: 480px) {
/*==Commen CSS== */
.bluebtn{padding: 6px 18px; font-size: 20px;}	
/*==Index CSS== */
.minheight{min-height: 620px;}
.start-center{margin-top: 13%;}
.arrowspace{ margin-top: 20px;}
}


@media (width: 800px){
.widthhalf a.btn{margin-top: 1%!important;}
.widthhalf{height: 127px;}
.widthhalf a.btn .img-responsive{width: 78px;}

}


@media (min-width: 640px) {	
/*==Commen CSS== */
.Lightbluebtn{padding: 6px 20px; font-size: 28px;}	
/*==Header CSS== */
.headerbg img { max-width: 65%;}
/*==Index CSS== */
.formbg input{height: 45px; font-size: 20px; margin-top: 10px;}
.formbg label{margin-top: 20px; margin-bottom: 20px;}
.blueboldtext{font-size: 25px;}
.inputbox{ width: 50%;}
.formstyle2 label{padding-left: 15px;}	
}


@media (min-width: 768px) {	
	
.formstyle2 label{margin-top: 0px; padding-right: 15px;}	
.formstyle2 .form-control{height: auto; }
.formstyle2 .radio-inline{padding-top:10px;}
.formstyle2 .form-group{margin-bottom: 15px;}
	
/*==Header CSS== */
.headerbg{background: #46aaff; padding:35px 0px;}
/*==Content CSS== */
	
.topbox-wrap { height: 75px; }
.topbox-wrap .container { padding-left: 15px; padding-right: 15px; }
.topbox { background-size: 150px auto; height: 55px; margin-top: 20px; }
	
section.mcq { padding-top: 74px; padding-bottom: 140px; }
section.mcq > .container { padding-left: 15px; padding-right: 15px; }
	
.bottombox-wrap { height: 140px; }
.bottombox-wrap .container { padding-left: 15px; padding-right: 15px; }
.bottombox { background-size: 150px auto; height: 55px; margin-top:-2px; }
	
.bottom-arrow a { margin-top: 20px; margin-bottom: 20px; }
.bottom-arrow img { width: 91px; }
	
form { margin: 20px 0; }
label p { padding: 5px 10px; margin-top: -3px; font-size: 18px; line-height: 23px; }
.formbg input { font-size: 18px; }
.back-arrow img { width: 91px; }
	
.innerbg{padding:0px 35px; /*min-height:400px;*/}
.innerbg h2 { font-size: 25px; }
	
#chkMultiSelectOptions label, #rdSingleSelectOptions label{ padding:5px 9px !important; margin-left:27px !important; margin-bottom:6px !important; margin-top:6px; }
#rdSingleSelectOptions input, #chkMultiSelectOptions input{float:left !important;}
.minheight{min-height: 610px; clear: both; position: relative; height: 100%;}
.custom-checkbox{ top: 12px; }

.widthhalf a.btn .img-responsive{width: 122px;}
.widthhalf a.btn{margin-top: 30%;}
.TopTextdiv{margin-right: 35px; margin-left: 35px;}
.texttop{ font:25px/35px arial; font-weight: bold;}
	
.weightMain img{display: inline-block; width: 204px;}
.weightinput{width: 60%; top:32px; height: 27%; font:22px/25px arial;}
	
.widthbtn { display: inline-block;  float: left;    width: 50%; max-width:inherit; margin-bottom:30px;}
.widthbtn img{width:210px;}
.widthbtn img{max-width:100%;}
}

@media (width: 375px) {
	.btnpart { bottom: 20px;}
}
@media (width: 768px) {
	.widthhalf a.btn .img-responsive{width: auto;}
	.widthbtn img{width:335px;}
	.btnpart { bottom: 15px;}
	.widthbtn { margin-bottom:0px;}
}
@media (width: 980px) {
	.widthbtn img{width:335px;}
}

@media (width: 1024px) {
	.widthbtn img{width:268px;}
	.widthbtn {margin-bottom: 0px;}
}
@media (width: 900px) {
	.widthbtn img{width:312px;}
}

@media (min-width: 640px) 
{
    
}
@media (min-width: 992px) {
/*==Commen CSS== */
.bluebtn{padding: 6px 20px; font-size: 21px;}
.widthhalf a.btn{margin-top: 15%;}

.widthhalf a.btn .img-responsive{width: 149px;}

	
}

@media (min-width: 1100px) {
/*==Header CSS== */
.headerbg img { max-width: 52%;}
.homeimg{left:22%; right:22%;}
.homeimg{left:21%\9\0; right:21%\9\0;}
.weightMain img{width: 231px;}
.widthbtn { display: inline-block;  float: left;  width: 50%; max-width:inherit; margin-bottom:30px;}
	
.startup-container{max-width:500px; margin:30px auto;
}


@media (min-width: 1600px) and (max-width: 2000px) {
.headerbg img{max-width: 100%;}
.homeimg{max-width: 690px;}
.positionre{max-width: 690px;}
.homeimg { left: 2%; right: 2%;}
.weightMain img{width: 300px;}
.widthhalf a.btn .img-responsive{width: 179px;}
	.widthbtn img {
    width: 250px;
}
}
@media (min-width: 1300px) {	
	.widthbtn img{width:265px;}
	.widthbtn { margin-bottom:0px;}
}
@media (min-width: 1300px) and (max-width: 1370px) {	
	.widthbtn img{width:193px;}
	.widthbtn { margin-bottom:0px;}	
}
@media (min-width: 1900px) {	
	.widthbtn img{width:325px;}
	.widthbtn { margin-bottom:0px;}	
}


@media only screen 
  and (min-device-width:600px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .widthhalf a.btn .img-responsive { width: 119px;}
	.weightMain img { width: 180px;}
}




@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.widthhalf a.btn{margin-top: 10%;}
.widthhalf{height: 127px;}
.widthhalf a.btn .img-responsive{width: 90px;}	
	  
.weightMain img{display: inline-block; width: 80px;}
.weightinput{width: 60%; top:9px; height: 27%; font:14px/20px arial;}
}



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	   .widthhalf a.btn{margin-top: 5%;}
	.widthhalf{height: 127px;}
	.widthhalf a.btn .img-responsive{width: 100px;}
	  
.weightMain img{display: inline-block; width: 101px;}
.weightinput{width: 60%; top:9px; height: 27%; font:14px/20px arial;}
.widthbtn { display: inline-block;  float: left;  text-align: center;  width: 50%; max-width:inherit; margin-bottom:0px;}
.widthbtn img{width:90px;}
}



@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 960px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	
	  
.weightMain img{display: inline-block; width: 175px;}
.weightinput{width: 60%; top:19px; height: 27%; font:18px/20px arial;}
.widthbtn { display: inline-block;  float: left;  text-align: center;  width: 50%; max-width:inherit; margin-bottom:30px;}
.widthbtn img{width:150px;}
}

@media only screen 
  and (min-device-width:414px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	   .widthhalf a.btn{margin-top: 2%;}
	.widthhalf{height: 127px;}
	.widthhalf a.btn .img-responsive{width: 100px;}
	  
.weightMain img{display: inline-block; width: 109px;}
.weightinput{width: 60%; top:9px; height: 27%; font:17px/20px arial;}

.widthbtn { display: inline-block;  float: left;  text-align: center;  width: 50%; max-width:inherit; margin-bottom:0px;}
.widthbtn img{width:110px;}
}
@media (width: 414px) {
.widthbtn { display: inline-block;  float: left;  text-align: center;  width: 50%; max-width:inherit; margin-bottom:50px;}
.widthbtn img{width:auto;}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .widthhalf a.btn{margin-top: 15%;}
	.widthhalf{height: 127px;}
	.widthhalf a.btn .img-responsive{width: 78px;}
	 
.texttop{ margin-top: 0px;}
	  .weightMain img{display: inline-block; width: 80px;}
.weightinput{width: 60%; top:9px; height: 27%; font:14px/20px arial;}

.widthbtn { display: inline-block;  float: left;  text-align: center;  width: 50%; max-width:inherit; margin-bottom:0px;}
.widthbtn img{width:90px;}
}


@media (width: 568px) {
	.texttop{ margin-top: 0px;}
 .weightMain img{display: inline-block; width: 80px;}
.weightinput{width: 60%; top:9px; height: 27%; font:14px/20px arial;}

	 .widthhalf a.btn{margin-top: 2%;}
	.widthhalf{height: 90px;}
	.widthhalf a.btn .img-responsive{width: 80px;}
	.widthbtn { display: inline-block;  float: left;  text-align: center;  width: 50%; max-width:inherit; margin-bottom:0px;}
.widthbtn img{width:90px;}
	
}



@media (width: 600px){
.weightMain img{display: inline-block; width: auto;}
.weightinput{width: 60%; top:22px; height: 27%; font:22px/25px arial;}	
}

.overlay
{
    position: absolute;
    z-index: 99999999;
    top: 0px;
    left: 0px;
    background-color: #AAD3E2;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
    font-size:0px;
    line-height:0px;
}
* html .overlay
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.ProgressBar
{
    z-index: 99999999;
    position: fixed;
    top: 40%;
    left: 45%;
}
* html .ProgressBar
{
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}
@media (max-width: 767px)
{
    .startup-container{max-width:90%; margin:0 auto;}
}

@media (width: 800px) {
	.widthbtn img { width: 320px;}

}
@media (width: 1280px) {
.widthbtn { margin-bottom: 0px; }
.widthbtn img { width: 195px;}

}