.center2 { width: 96%; max-width: 1000px; margin: 0 auto;position: relative;}
.center2:after { content: ''; display: block; clear: both;}
.post-query-sec1 { width: 100%; height: auto; float: left; display: block;margin-top:0px; padding: 70px 0 70px 0; position: relative;  }
.post-query-sec1:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.post-query-sec1-box1{width: 100%; height: auto; float: left; display: block; }
.post-query-sec1-box1 h2{ width: 100%; max-width:580px;  font-size: 18px; font-weight: 600; color: #000; line-height: 22px;  }
.from-main2{  width: 100%; height: auto; float: left; display: block; margin-top: 30px; } 
.from-main2 ul{margin-left: -15px; margin-right: -15px;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; }
.from-main2 ul li{ height: auto; float: left; display: block; padding: 5px 15px;}
.row1{width: 100%;}
.row2{width: 50%;}
.row3{width: 33.3333%;}
.row4{width:25%;}

.floating-label2 { 
  position:relative; 
  margin-bottom:20px; 
}
.floating-label2 label {
  color:#000; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:12px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all; padding: 0 0px;
}
.floating-label2 label strong { color: #e33861; padding-left: 4px;}
.radio-box aside{ font-size: 18px; font-weight: 400; padding-bottom: 8px;}
.radio-box span {font-size: 16px; font-weight: 400; }
.radio-box aside strong { color: #e33861; padding-left: 4px;}

/****  floating-Lable style start ****/

.floating-input3 , .floating-select {
  font-size:18px !important;
  padding:4px 0px;
  display:block;
  width:100%;
  height:46px!important; color: #000 !important;
  background-color: transparent;
  border:none;
  border-bottom: 1px dashed #ACACC0!important;   background: transparent;
  -webkit-appearance: none;
}

.floating-input3:focus , .floating-select:focus {
     outline:none;
     border-bottom:1px dashed #E10178!important; 
}



.floating-input3:focus ~ label, .floating-input3:not(:placeholder-shown) ~ label {
  top:-20px;
  font-size:16px;
  color:#ccc ; 
	 padding: 0 0px; 
}
.floating-input3:focus ~ .bar:before, .floating-input3:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

.floating-input3:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
.radio-box article{ width: auto; height: auto; display: inline-block;}
.radioBtn{ position:relative; display:inline-block !important; padding-left:26px; margin-right:30px; margin-bottom: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer;} 
.radioBtn span{ display:inline-block !important; z-index: 1;}
.radioBtn span:before{content:''; position:absolute; top:0; left:0; height:21px; width:21px; background:url(../images/radioBtn.png) no-repeat 0 100%;}
.radioBtn input{ position:absolute; opacity:0; cursor: pointer; left:0; top:0; z-index: 2;}
.radioBtn input:checked ~ span:before { background:url(../images/radioBtn.png) no-repeat 0 0;}

.other-show{ display: inline-block; width: auto; height: auto;}



.captcha5{ width: 100%; height: auto; float: left; display: block;}
.captcha5 small{ height: auto; float: left; display: block; font-size: 27px; font-weight: 400; color: #000; margin-top: 5px; margin-right: 10px;}
.captcha5 big{ width: 30px; height: 30px; float: left; display: block; cursor: pointer; margin-top: 6px;}
.submit-box5 {
    width: auto;
    height: auto;
    float: left;
    display: block;
}

.submit-box5 input[type='submit'] {
    width: 100%;
    height: 44px;
    background: #FF005A;
    border: 0px solid #c2c2c2;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-image: linear-gradient(0, #dc1d51, #dc1d51);
    background-size: 0;
    transition: .8s;
    background-repeat: no-repeat; padding: 0 100px;
}

.submit-box5 input[type='submit']:hover {
    background-size: 100%;
    color: #fff;
}














*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/* active state */


/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}



.floating-textarea3 {
    min-height: 80px !important;
    max-height: 260px;
    padding: 8px 15px;
    resize: none;
}

.maxwords{ font-size: 14px; font-weight: 400; line-height: 18px; font-style: italic;}








@media screen and (max-width:800px) {
  .row2 { width: 100%;}
  .post-query-sec1-box1 h2 { font-size: 18px;line-height: 22px;}
  .post-query-sec1 { padding:30px 0 30px 0;}
    .floating-label2 label {
      font-size: 14px;
    }
    .radio-box aside {
      padding-bottom: 16px;
    }
  .radio-box span {
    font-size: 14px;
    font-weight: 400;
  }
  .floating-input3:focus ~ label, .floating-input3:not(:placeholder-shown) ~ label {
    top: -10px;
    font-size: 14px;
}
.captcha5 {
  display: flex
;
}
}
/* Menstrual care End */