

/******************************************bottom  slider ***************************************************************************/
.knowmore {
	font-size: 16px;
	font-family: 'Fira Sans Regular';
	color: #1753A4;
	text-decoration: underline;
	float: right;
	background: none;
	border: none;
	outline: none;
	background: url('../img/health/arrow-knowmore.png') no-repeat 274px 7px #ebebeb;
	padding: 5px 30px 6px 12px;
	margin-right: 15px;}

.running-text {
	font-size: 15px;
	line-height: 23px;
	padding-bottom: 8px;}



.healthy-lifestyle-tittle {
	margin-bottom: 25px;
	font-size: 24px;
	color:#0a5888;
	font-family:'Fira Sans Regular';}


.p-small {
	font-size: 15px;
line-height: 22px;
font-family: 'Fira Sans Regular';
margin: 5px 0px;}

.darl-color-tittle {
	font-size: 18px;
}

.mid_tittle {
	font-size: 22px;
	font-family: 'Fira Sans Regular';
	margin-top: 10px;
	margin-bottom: 5px;
		color: #0a5888;
}

/**********************************************************************************************************************************/

  .member_tick{ float:left; width:35px;}
  .number_of_person{float:left; width:100px;}
  .member_age{float:right; width:119px;}

<!-- /* .bitcrame_bg {background: #FFF;padding:0px 12px;}*/-->


 /**********************************************************************************************************************************/
 .err_msg_contact {	float: left;width: 100%;font-size: 12px;color: red;	text-align: right;	top: 24px;right: 10px;}
 .err_name{float: left;width: 100%;font-size: 12px;color: red;	text-align: right;top: 24px;right: 10px;}
.err_gender{ float:left; width:100%; font-size:12px; color:red; text-align:left;}
.err_email{ float:left; width:100%; font-size: 12px;color: red;text-align: right;}
.err_list { float:left; width:100%; font-size:12px; color:red; text-align:left; }


.err_lifestage {
	float:left;
	width:100%;
	color:#F00;
	display:none;
	font-size: 12px;
	text-align: left;
}



	.err{ float:left; width:100%; display:none; text-align: left;font-size: 16px;color: red; }


	.self_cnt_selected , .spouse_cnt_selected , .son_cnt_selected , .daughter_cnt_selected , .father_cnt_selected , .mother_cnt_selected , .flaw_cnt_selected , .mlaw_cnt_selected , .gmom_cnt_selected , .gfat_cnt_selected {
		background: #0a5887;
		color:#FFF;
	}



	.self_age_select{}
	.self_age_unselect{}

	select[disabled] { cursor:default; display:none; }



 /**********************************************************************************************************************************/
	.male_bo {
  cursor: pointer;
  box-sizing: border-box;
  font-size:16px;
  font-family: Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  color: #000000;
  height: 52px;
  line-height: 49px;
  display: inline-block;
  border-radius:3px;
  top: 0;
  transition: all 0.06s ease-out;
  position: relative;
  z-index:10;}



.male_bo:hover {

  position:relative; z-index:8;}

.male_bo:active {
  top: 3px;
  color: white;}

.male_bo:active:before {
  top: 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);}



.male_bo:before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  top: 3px;
  border-radius: 3px;
  height: 52px;
  transition: all 0.078s ease-out;


}




.mf_select{background: #0a5887;}





	.member_family_selected{
		background: #0a5887;
		color:#FFF;
	}

	.health2_tag_selected{
		background: #0a5887;
		color:#FFF;
	}


		  .male_image_unselect {-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}
		  .male_image_select{-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}





	.box3{float:left;}






@media screen and (min-width: 769px) {

select {
 float: left;
 height:40px;
  width:36px;
  font-size: 16px;
  font-family:'Fira Sans Regular';
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('../img/health/down.png') 26px 20px no-repeat #fff;
  border:0px;
  border-left:1px solid #aaaaaa;
  padding-left:3px;
  cursor:pointer;
  -webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
  }


}


/* CAUTION: IE hackery ahead */
select::-ms-expand {
    display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    }
}










::-webkit-scrollbar {display: none;}
@-moz-document url-prefix() { /* Disable scrollbar Firefox */
  html{
      scrollbar-width: none;
            }
          }
          body {
            margin: 0; /* remove default margin */
            scrollbar-width: none; /* Also needed to disable scrollbar Firefox */
            -ms-overflow-style: none;  /* Disable scrollbar IE 10+ */
            overflow-y: scroll;}
          body::-webkit-scrollbar {width: 0px;
            background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */}



/*%%%%%%%%%%%%%%%%%  add remove button effect %%%%%%%%%%%%%%%%%%%%%%%%%%%*/
.btn-wps,
.btn-wps:hover,
.btn-wps:focus,
.btn-wps:active {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-wps {
    position: relative;
    box-shadow: none !important;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    outline: none;
    text-shadow: none !important;
    border-radius:3px;
    margin-right:20px;
}

  .btn-wps.wps-reinit:active {
      transform: translateY(2px);
      -ms-transform:translateY(2px);
      -webkit-transform:translateY(2px);
      box-shadow: none !important;
  }


  .btn-wps.wps-next {
    box-shadow: 0px 3px 0px 0px #70b501 , 0px 5px 4px 0px #1d2f00 !important;
    }
    .btn-wps.wps-next:focus,
    .btn-wps.wps-next:hover {

    }
    .btn-wps.wps-next:active {
        transform: translateY(2px);
        -ms-transform:translateY(2px);
        -webkit-transform:translateY(2px);
        box-shadow: none !important;
     }





@media screen and (min-width: 769px) {	.zInput_gender.gen {
	float: left;
	width: 50%;
	padding: 0px;
	text-align: left;
	padding: 1px 0px 1px 0px;text-align: left;cursor:pointer;font-size: 16px;overflow: hidden; font-family: 'Fira Sans Regular';float:left;	position:relative; z-index:9; -webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;	height: 50px;
line-height:50px;
}
.reset {
	float: right;
	font-size: 16px;
	font-family: 'Fira Sans Regular';
	color: #333333;
}



}

@media screen and (min-device-width: 320px) and (max-device-width: 768px) {
.reset {float: right; margin:8px 0px;	font-size: 16px;font-family: 'Fira Sans Regular';color: #333333;}
.slect_country{ display:none !important;}
	.zInput_gender.gen {
	float: left;
	width: 50%;
	padding: 0px;
	text-align: center;
	padding: 1px 0px 1px 0px;cursor:pointer;font-size: 14px;overflow: hidden; font-family: 'Fira Sans Regular';	float:left;	position:relative; z-index:9; -webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;	height: 50px;
line-height:50px;
}
.question_img {display: none;}



}

@media screen and (min-width: 1280px) {
.compare_health_insurance {
	text-align: center;
	color: #0a5887;
	font-size: 30px;
	margin-top: 0px;
	padding-top:0px;
	font-family: 'Fira Sans SemiBold';
	margin-bottom: 5px;
	margin-left:201px;
	width:940px;}

	.health_inc {text-align: center;}

	.health_inc_bg{  font-size: 16px;
  font-family:'Fira Sans Regular'; color:#000000;}

  .irdai-list li {
	font-size: 15px;font-family: 'Fira Sans Regular';line-height:18px;
	list-style-type: disc;
	padding: 8px 0px 6px 0px;
	margin-left: 30px;}

	.according-to-irdai{
	font-size: 18px;
	margin-bottom: 10px;color: #353535;}

	.all-questions li {
	font-size: 15px;
	font-family: 'Fira Sans Regular';line-height:20px;
	list-style-type: disc;
	padding: 8px 0px 6px 0px;
	margin-left: 60px;color: #353535;}
	
	.medical-emergency-tittle {
	font-size: 25px;
	margin-bottom: 10px;
	color:#0a5888;
	font-family: 'Fira Sans SemiBold';
}

		.medical-emergency-tittle_tp {
	font-size: 18px;
	margin-bottom: 10px;
		color:#0a5888;
	 font-family:'Fira Sans Regular';
}
.col-md-12 p {
    font-size: 15px;
    line-height: 22px;
    font-family: 'Fira Sans Regular';
	margin-bottom:13px;
	color:#353535;
}



	}


@media screen and (max-width: 1279px) {
.compare_health_insurance {
	text-align: center;
	color: #0a5887;
	font-size: 30px;
	margin-top: 15px;
	font-family: 'Fira Sans SemiBold';
	margin-bottom:5px;
	padding-top:0px;
	padding-left:0px;
}
	.health_inc {text-align: center;}
	.health_inc_bg{  font-size: 16px;
  font-family:'Fira Sans Regular'; color:#000000;}

  .irdai-list li {
	font-size: 13px;
	list-style-type: disc;
	padding: 8px 0px 6px 0px;
	margin-left: 15px;}

	.according-to-irdai{
	font-size: 15px;
	margin-bottom: 10px;color: #353535;}

	.all-questions li {
	font-size: 13px;
	list-style-type: disc;
	padding: 8px 0px 6px 0px;
	margin-left: 15px; line-height:20px;}
		.medical-emergency-tittle_tp {
	font-size: 17px;
	line-height:22px; text-align:center;
	margin-bottom: 10px;
		color:#0a5888;
	 font-family:'Fira Sans Regular';
}

	.medical-emergency-tittle {
	font-size: 25px;
	margin-bottom: 10px;
		color:#0a5888;
	font-family: 'Fira Sans SemiBold';
	text-align:center; line-height:22px;
}
/*.col-md-12 p {
    font-size: 13px;
    line-height: 20px;
    font-family: 'Fira Sans Regular';

	.healthy-lifestyle-tittle {
    margin-bottom: 10px;
    font-size: 17px;
	color:#0a5888;
}*/
}

/*%%%%%%%%%%%%%%%  step 2%%%%%%%%%%%%%%%*/





























/*.ab{ background:#D5D5D5; border:solid 1px #ccc; width:454px; height:30px; }*/
.clear{ clear:both;}









/* ===== Horizontal Rule ===== */
.rule {
  margin: 10px 0;
  border: none;
  height: 1.5px;
  background-image: linear-gradient(left, #f0f0f0, #c9bbae, #f0f0f0);
}

/* ===== Select Box ===== */


.sel::before {
  position: absolute;
  
/*  content: '\f063';
  font-family: 'FontAwesome';*/
  font-size: 15px;
 
  color: #FFF;
  right: 20px;
  top: calc(50% - 0.5em);
}

.sel.active::before {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.sel__placeholder {
  display: block;
  font-family:'Fira Sans Regular';
  font-size: 16px;
  color: #454A4D;
  padding: 0.2em 0.5em;
  text-align: left;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  visibility: visible;
   background:url(../img/health/small_select.png) no-repeat 90% 1px;
}

.sel.active .sel__placeholder {
  visibility: hidden;
}

.sel__placeholder::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2em 0.5em;
  content: attr(data-placeholder);
  visibility: hidden;
}

.sel.active .sel__placeholder::before {
  visibility: visible;
}

.sel__box {
  position: absolute;
  top: calc(100% + 8px);
  left: -4px;
  display: none;
  list-style-type: none;
  text-align: left;
  font-size: 16px;
  background-color: #FFF;
  width: calc(100% + 8px);
  box-sizing: border-box;
}

.sel.active .sel__box {
  display: block;
  -webkit-animation: fadeInUp 500ms;
          animation: fadeInUp 500ms;
		  box-shadow: 0px 3px 5px grey;
		  border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
}

.sel__box__options {
  display: list-item;
  font-family:'Fira Sans Regular';
  font-size: 15px;
  color: #000000;
  padding: 0.5em 1em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sel__box__options::after {
/*  content: '\f00c';
  font-family: 'FontAwesome';
  background:url(../img/health/small_select.png) no-repeat 85% 5px;*/
  font-size: 0.5em;
  margin-left: 5px;
  display: none;
}

.sel__box__options.selected::after {
  display: inline;
}

.sel__box__options:hover {
  background-color: #0287ff;
  color:#FFFFFF;
}

/* ----- Select Box Black Panther ----- */
.sel {
 /* border-bottom: 4px solid rgba(0, 0, 0, 0.3);*/
}

.sel--black-panther {
  z-index: 3;
}

/* ----- Select Box Superman ----- */
.sel--superman {
/*   display: none; */
  z-index: 2;
}

/* ===== Keyframes ===== */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

