body {
  font-family: "Lato", sans-serif;
}
html {
  margin: 0;
  padding: 0;
  height: 100% !important;
  width: 100% !important;
  background: url(../images/bgimage1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
}
body {
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 100% !important;
  width: 100% !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* .test{margin-top:30px;} */
.email_class {
  margin-top: -10px;
}
.lastname {
  margin-top: -20px;
}
.horizontalli {
  list-style: none;
  margin-top: -10px;
}
/* .horizontalli .first{float:left;} */
.horizontalli li {
  display: inline;
}
.email_text {
  font-family: "Lato", sans-serif;
  position: relative;
  border-top: none rgb(255, 255, 255);
  border-left: none rgb(255, 255, 255);
  border-right: none rgb(255, 255, 255);
  border-bottom: none rgb(255, 255, 255);
  bottom: 8px;
  margin: 0px;
  outline: none;
  color: rgb(0, 0, 0);
  cursor: inherit;
  font-style: inherit;
  width: 400px;
  font-variant: inherit;
  font-stretch: inherit;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(1) translate(0px, 0px);
  transform-origin: left top 0px;
  user-select: none;
  font-size: 30px;
  line-height: 50px;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  margin-top: 14px;
  text-decoration-color: #000000;
}
.address_text {
  position: relative;
  border-top: none rgb(255, 255, 255);
  border-left: none rgb(255, 255, 255);
  border-right: none rgb(255, 255, 255);
  border-bottom: none rgb(255, 255, 255);
  bottom: 8px;
  margin: 0px;
  outline: none;
  color: rgb(0, 0, 0);
  cursor: inherit;
  font-style: inherit;
  width: 300px;
  font-variant: inherit;
  font-stretch: inherit;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(1) translate(0px, 0px);
  transform-origin: left top 0px;
  user-select: none;
  font-size: 30px;
  line-height: 50px;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  margin-top: 14px;
  text-decoration-color: #000000;
  font-weight: 300;
}
.autoscale_username {
  position: relative;
  border-top: none rgb(255, 255, 255);
  border-left: none rgb(255, 255, 255);
  border-right: none rgb(255, 255, 255);
  border-bottom: none rgb(255, 255, 255);
  bottom: 8px;
  margin: 0px;
  outline: none;
  color: rgb(0, 0, 0);
  cursor: inherit;
  font-style: inherit;
  width: 400px;
  font-variant: inherit;
  font-stretch: inherit;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(1) translate(0px, 0px);
  transform-origin: left top 0px;
  user-select: none;
  font-size: 30px;
  line-height: 50px;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  margin-top: 14px;
  text-decoration-color: #000000;
}
.addline2 {
  text-decoration: underline;
  color: #969696;
  cursor: pointer;
  font-size: 17px;
  margin-left: 216px;
  font-weight: 300;
}
.index_table {
  text-align: center;
}
.index_table tr td {
  padding-bottom: 7px;
}
.index_table .iam {
  font-size: 50px;
  font-family: "Lato", sans-serif;
  font: weight 400;
}
.index_table .btnfuctionality {
  border-radius: 15px;
  cursor: pointer;
  color: white;
  width: 150px;
  height: 150px;
  font-size: 26px;
  white-space: normal;
  word-wrap: break-word;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  border: 0px;
}
.index_table .btnfuctionality1 {
  background-color: #3ab34c;
}
.index_table .btnfuctionality2 {
  background-color: #026836;
}
/* text-shadow: 0px 0px 0 #023A21, 1px 1px 0 #023A21, 2px 2px 0 #023A21, 3px 3px 0 #023A21, 4px 4px 0 #023A21, 5px 5px 0 #023A21, 6px 6px 0 #023A21, 7px 7px 0 #023A21, 8px 8px 0 #023A21, 9px 9px 0 #023A21, 10px 10px 0 #023A21, 11px 11px 0 #023A21, 12px 12px 0 #023A21, 13px 13px 0 #023A21, 14px 14px 0 #023A21, 15px 15px 0 #023A21, 16px 16px 0 #023A21, 17px 17px 0 #023A21, 18px 18px 0 #023A21, 19px 19px 0 #023A21, 20px 20px 0 #023A21, 21px 21px 0 #023A21, 22px 22px 0 #023A21, 23px 23px 0 #023A21, 24px 24px 0 #023A21, 25px 25px 0 #023A21, 26px 26px 0 #023A21, 27px 27px 0 #023A21, 28px 28px 0 #023A21, 29px 29px 0 #023A21, 30px 30px 0 #023A21, 31px 31px 0 #023A21, 32px 32px 0 #023A21, 33px 33px 0 #023A21, 34px 34px 0 #023A21, 35px 35px 0 #023A21, 36px 36px 0 #023A21, 37px 37px 0 #023A21, 38px 38px 0 #023A21, 39px 39px 0 #023A21, 40px 40px 0 #023A21, 41px 41px 0 #023A21, 42px 42px 0 #023A21, 43px 43px 0 #023A21, 44px 44px 0 #023A21, 45px 45px 0 #023A21, 46px 46px 0 #023A21, 47px 47px 0 #023A21, 48px 48px 0 #023A21, 49px 49px 0 #023A21, 50px 50px 0 #023A21, 51px 51px 0 #023A21, 52px 52px 0 #023A21, 53px 53px 0 #023A21, 1px 1px 0 rgba(52, 126, 237, 0.98182), 2px 2px 0 rgba(52, 126, 237, 0.96364), 3px 3px 0 rgba(52, 126, 237, 0.94545), 4px 4px 0 rgba(52, 126, 237, 0.92727), 5px 5px 0 rgba(52, 126, 237, 0.90909), 6px 6px 0 rgba(52, 126, 237, 0.89091), 7px 7px 0 rgba(52, 126, 237, 0.87273), 8px 8px 0 rgba(52, 126, 237, 0.85455), 9px 9px 0 rgba(52, 126, 237, 0.83636), 10px 10px 0 rgba(52, 126, 237, 0.81818), 11px 11px 0 rgba(52, 126, 237, 0.8), 12px 12px 0 rgba(52, 126, 237, 0.78182), 13px 13px 0 rgba(52, 126, 237, 0.76364), 14px 14px 0 rgba(52, 126, 237, 0.74545), 15px 15px 0 rgba(52, 126, 237, 0.72727), 16px 16px 0 rgba(52, 126, 237, 0.70909), 17px 17px 0 rgba(52, 126, 237, 0.69091), 18px 18px 0 rgba(52, 126, 237, 0.67273), 19px 19px 0 rgba(52, 126, 237, 0.65455), 20px 20px 0 rgba(52, 126, 237, 0.63636), 21px 21px 0 rgba(52, 126, 237, 0.61818), 22px 22px 0 rgba(52, 126, 237, 0.6), 23px 23px 0 rgba(52, 126, 237, 0.58182), 24px 24px 0 rgba(52, 126, 237, 0.56364), 25px 25px 0 rgba(52, 126, 237, 0.54545), 26px 26px 0 rgba(52, 126, 237, 0.52727), 27px 27px 0 rgba(52, 126, 237, 0.50909), 28px 28px 0 rgba(52, 126, 237, 0.49091), 29px 29px 0 rgba(52, 126, 237, 0.47273), 30px 30px 0 rgba(52, 126, 237, 0.45455), 31px 31px 0 rgba(52, 126, 237, 0.43636), 32px 32px 0 rgba(52, 126, 237, 0.41818), 33px 33px 0 rgba(52, 126, 237, 0.4), 34px 34px 0 rgba(52, 126, 237, 0.38182), 35px 35px 0 rgba(52, 126, 237, 0.36364), 36px 36px 0 rgba(52, 126, 237, 0.34545), 37px 37px 0 rgba(52, 126, 237, 0.32727), 38px 38px 0 rgba(52, 126, 237, 0.30909), 39px 39px 0 rgba(52, 126, 237, 0.29091), 40px 40px 0 rgba(52, 126, 237, 0.27273), 41px 41px 0 rgba(52, 126, 237, 0.25455), 42px 42px 0 rgba(52, 126, 237, 0.23636), 43px 43px 0 rgba(52, 126, 237, 0.21818), 44px 44px 0 rgba(52, 126, 237, 0.2), 45px 45px 0 rgba(52, 126, 237, 0.18182), 46px 46px 0 rgba(52, 126, 237, 0.16364), 47px 47px 0 rgba(52, 126, 237, 0.14545), 48px 48px 0 rgba(52, 126, 237, 0.12727), 49px 49px 0 rgba(52, 126, 237, 0.10909), 50px 50px 0 rgba(52, 126, 237, 0.09091), 51px 51px 0 rgba(52, 126, 237, 0.07273), 52px 52px 0 rgba(52, 126, 237, 0.05455), 53px 53px 0 rgba(52, 126, 237, 0.03636), 55px 55px 0 rgba(52, 126, 237, 0); */
.index_table .btnfuctionality3 {
  background-color: #2a988f;
  width: 310px !important;
  height: 100px !important;
}
.index_table .btnfuctionality4 {
  background-color: #652e8b;
  width: 310px !important;
  height: 50px !important;
}
.index_table .btnfuctionality5 {
  background-color: #4e4e4e;
}
.index_table .other_btnfun1 {
  background-color: #eb7fb0;
}
.index_table .other_btnfun2 {
  background-color: #9b74c3;
}
.index_table .other_btnfun3 {
  background-color: #cd75cc;
}
.index_table .other_btnfun4 {
  background-color: #b99ad3;
}
.index_table .other_btnfun5 {
  background-color: #4d4d4d;
}
@media only screen and (min-width: 760px) {
  /*.index_table, .index_table tbody, .index_table th, td, tr {display: inline-block; margin-left:5px; text-align: center;}
.index_table .index_tablefirst{display:flex !important; text-align: center;}.iam{padding-top:70px; text-align:center; font-size:75px; padding-left:90px;} .iam_first{padding-left:270px;}*/
  .nextdiccenter {
    display: block !important;
    width: auto;
    margin-right: 100px;
  }
  .nextdiccenter .radiobuttons2 {
    left: 0;
    clear: both;
    margin-right: 150px;
  }
  .nextdiccenter .radiobuttons1 {
    left: 0;
    clear: both;
    margin-right: 253px;
  }
  .nextdiccenter .radiobuttons1 {
    left: 0;
    clear: both;
    margin-right: 253px;
    padding-top: 10px;
  }
  .center_tag {
    display: block;
  }
  
  .btn_done {
    cursor: pointer;
    border: 0;
    height: 40px;
    width: 100%;
    background-color: #026836;
    color: white;
  }
  .add_child {
    cursor: pointer;
    border: 0;
    height: 40px;
    width: 300px;
    background-color: #026836;
    color: white;
    float: right;
    margin-right: -329px;
    margin-top: 110px;
  }
  .h1datepicker {
    width: 100px;
    height: 100px;
    float: left;
    margin-top: 5px;
  }
  .dapi {
    font-size: 23px;
  }
  .fdrContent1 {
    display: none;
  }
  .fdr_Button {
    margin-left: 200px;
    margin-top: -200px;
  }
  .fdr_datepickerProperty {
    margin-left: -300px;
    margin-bottom: -150px;
    width: 75% !important;
  }
  .fdr_Button .btnyes,
  .btnno,
  .btnyesall {
    margin-right: 20px;
    width: 80px !important;
    height: 80px !important;
  }
  .btn_login,
  .btn_signup {
    width: 160px;
    height: 79px;
    font-family: "Lato", sans-serif;
    font-weight: 300;
  }
  .home_para {
    width: 611px;
  }
}
@media only screen and (max-width: 760px) {
  .familyshare_btnshare{
    padding-bottom: 40px;
  }
  .nextdiccenter .radiobuttons2 {
    float: left !important;
  }
  .btn_done {
    border: 0;
    height: 40px;
    width: 350px;
    background-color: #026836;
    color: white;
    margin-top: 50px;
    margin-bottom: 10px;
  }
  .h1datepicker {
    padding-top: 10px;
    text-align: center;
    width: 100px;
    height: 90px;
    margin-top: 13px;
    font-family: "Lato", sans-serif;
  }
  .h1datepicker > h1 {
    font-size: 13px;
    color: white;
    padding-top: 15px;
    font-family: "Lato", sans-serif;
  }
  .dapi {
    font-size: 23px;
  }
  .fdrContent {
    display: none;
  }
  .btn_login,
  .btn_signup {
    width: 160px;
    height: 79px;
    margin-top: 10px;
  }
  .home_btn {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .home_para {
    width: 100%;
  }
  html {
    background-position: right !important;
  }
  .datepickernext {
    margin-top: 0px !important;
  }
  .datepickernext2 {
    width: 100%;
  }
  .nextdiccenter .radiobuttons1 {
    left: 0;
    clear: both;
  }
  .contest_image_div {
    height: auto !important;
  }
  .donebtn {
    position: fixed;
    left: 0;
  }
  /* .familyshare_row {
    width: 370px !important;
  } */
  .fshare_divwidth {
    width: 150px !important;
  }
  .familyshare_row_first {
    overflow-x: hidden !important;
  }

  .next_right {
    right: 20px !important;
    bottom: 10px !important;
  }
  .next_left {
    bottom: 10px !important;
    left: 20px;
  }
  .prev_contest {
    bottom: 40px !important;
    left: 20px !important;
  }
  .next_contest {
    bottom: 40px !important;
    right: 20px !important;
  }
  .next_left_parent {
    bottom: 0 !important;
  }
}
/* @media only screen and (min-width: 480px) and (max-width: 760px) {
  .paddingResponsive {
    padding: 0px 4%;
  }
} */
.postalcode2 {
  width: 200px !important;
}
.datepickernext {
  
  max-width: 400px;
  padding-left: 10px;
  overflow-y: auto;
  height: 232px;
  overflow-x: hidden;
}
.datepickernext2 {
 
  max-width: 450px;
  padding-left: 10px;
  overflow-y: auto;
  height: 232px;
  overflow-x: hidden;
}
.pcafooter {
  display: none;
}
.yes_no {
  border: 10px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Lato, sans-serif;
  cursor: pointer;
  color: rgb(255, 255, 255);
  text-decoration: none;
  margin: 20px 20px 10px;
  padding: 0px;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  height: 49px;
  width: 140px;
  border-radius: 2px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background-color: #9e9e9e;
  text-align: center;
}
.tell_us {
  text-align: center;
  padding-top: 30px;
  font-family: lato;
}
.click_to {
  padding-right: 150px;
  padding-top: -20px;
}
.datepicker {
  position: absolute;
  left: 37%;
  overflow-y: scroll;
  height: 50%;
}
.container1 .center_align {
  padding-right: 20px;
  text-align: center;
  font-size: 2.1rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  padding-top: 30px;
}
.container1 .center_align_click {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  float: right;
  margin-right: 12px;
}
@media (max-width: 389px) {
  .container1 .center_align {
    font-size: 2rem;
    padding-right: 0px;
  }
  .center_align_click {
    font-size: 1rem;
  }
}
#existing text {
  font-size: 2rem !important;
  padding-right: 38px;
}
.radiobuttons2 text {
  font-size: 2rem !important;
  padding-right: 82px;
}
.radiobuttons2 {
  background: #f2f2f2 !important;
}
/* .paddingResponsive {
  margin: 0px 8px 0px 10px;
} */
/* Address page css property  */
.add_uppercase {
  text-transform: uppercase;
  font-size: 20px;
  background: none;
  color: black;
  border-bottom: 0;
  font-family: "Lato", sans-serif;
}
.dapi {
  font-size: 16px;
}
@media (max-width: 762px) {
  .date_datepicker {
    margin-left: -40px;
    width: 100px;
  }
}
.datepi {
  width: auto;
}
.address_state {
  color: black;
  font-weight: bold;
  width: 97px;
  font-size: 50px;
}
.address_statenxt {
  width: 198px;
  font-size: 48px;
  font-weight: 300;
  color: white;
  font-family: "Lato", sans-serif;
}
.address_linesecond {
  margin-top: -15px;
}
/* #existing{width:200px} */
.date_datepicker {
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
/* Family Declaration relation */
.relation_delete {
  /* background-color: rgb(200, 0, 0); */
    height: 79px;
    width: 50px;
    border: 0px;
    color: white;
    margin-top: 0px;
    cursor: pointer;
    padding: 15px 8px 22px;
}
.relation_edit {
  /* background-color: #9e9e9e; */
    height: 79px;
    width: 50px;
    border: 0px;
    color: white;
    margin-top: 0px;
    cursor: pointer;
    padding: 15px 0px 22px;
}
.fdrgirl {
  background-color: #fcb0d4;
  color: white;
  height: 80px;
  width: 80px;
  margin-top: 15px;
}
.fdrboy {
  background-color: #9bf1fe;
  color: white;
  height: 60px;
  width: 55px;
  margin-top: 15px;
  padding-top: 10px;
}
.fdrboydue {
  background-color: #d1f0f3;
  color: white;
  height: 60px;
  width: 55px;
  margin-top: 15px;
  padding-top: 10px;
}
.rowContainer {
  width: 330px;
  margin-top: 23px;
}
.birthdate {
  margin-left: -20px;
}
.secondgirl {
  margin-left: -20;
}
.second_row {
  margin-bottom: -15px;
}
.fdrCon {
  float: left;
  font-family: "Lato", sans-serif;
  margin-left: 9px;
}
.fdrCon1 {
  margin-top: -10px;
}
.btnyes {
  border: 0;
  margin-left: -30px;
  background-color: #006837;
  color: white;
  /* border-radius: 12px; */
  width: 100px;
  height: 100px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 17px;
}
.btnyesall {
  border: 0;
  background-color: #3ab54b;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
}
.btnno {
  border: 0;
  background-color: #c1282d;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
}
/* FDR Detail page define here */
.FDRTextbox {
  font-size: 20px;
  margin-top: 30px;
  width: 270px;
  border: 0px;
}
.btnadd {
  background-color: #3fa9f5;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
  font-size: 18px;
}
.btnaddall {
  background-color: #79c944;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
  font-size: 18px;
}
.btnadd:hover {
  background-color: #3fa9f5;
  color: white;
}
.btnaddall:hover {
  background-color: #79c944;
  color: white;
}
.alldone {
  width: 80px !important;
  height: 80px !important;
}
/* Contest page css property define  here */
/* anshu */
.rowContainerContest {
  max-width: 750px;
}
.rowContainerContest h4 {
  color: #969696;
  font-weight: 400;
  margin-top: 0px;
  padding-top: 16px;
  padding-right: 13px;
  font-size: 20px;
}
.rowContainerContest h4 span {
  color: black;
  font-weight: bold;
}
.contest_para {
  padding-top: 20px;
  color: black;
  font-size: 20px;
}
.btnenter {
  margin-bottom: 20px;
  border: 0;
  padding: 21px 12px !important;
  background-color: #2a3895;
  font-weight: bold;
  color: white;
  font-size: 25px;
  border-radius: 12px;
  width: 170px;
  font-size: 18px;
  font-family: "Lato", sans-serif;
  /* margin-top: 25px; */
  cursor: pointer;
}
.contest_row {
  display: flex;
}
/* anshu */
.contest_row .contest_row1 {
  height: 60px;
  background-color: #ecedec;
  width: 35%;
  font-weight: 200;
}
.contest_row .contest_row2 {
  background-color: #2a3795;
  height: 60px;
  width: 65%;
}
.contest_row .contest_row2 h4 {
  color: white;
  font-size: 17px;
}
.rowContainerContest hr {
  margin-top: -10;
  box-shadow: 0 30px 30px -30px #333;
}
/* anshu */
.contest_image {
  width: 100%;
  height: auto;
}
/* anshu */
/* .contest_image_div {
  height: 360px;
  overflow: hidden;
} */
.enter_skip {
  align-content: center;
}
/* Share page css Property */
.donebtn {
  width: 100%;
  max-width: 850px;
  height: 40px;
  bottom: 0;
  border: 0;
  background-color: #b3b3b3;
  cursor: pointer;
  color: white;
}
.btn_FamilyShare {
  font-size: 20px;
  cursor: pointer;
  border: 0;
  margin: 0px 1px 0px;
  background-color: #c1282d;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
}
.btn_SocialShare {
  font-size: 20px;
  border: 0;
  margin-left: -30px;
  margin: 0px 1px 0px;
  background-color: #415b95;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.socialshare h4 {
  font-size: 20px;
}
.socialshare p {
  margin-top: 0px;
  padding-bottom: 3px;
}
/* .sharebtn_div{margin-top:-10px;} */
.socialshare_btndiv {
  padding-top: 20px;
  padding-bottom: 30px !important;
}
/* Family Share page css Property define  */
.family_share p,
h3 {
  font-weight: 300;
  margin-top: 20px;
}
.family_share p {
  font-size: 30px;
  margin-top: 10px;
  padding-top: 50px;
}
.familyshare_header {
  color: "grey";
  font-size: 25px;
}
.first_name {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-size: 30px;
  border: none;
}
/* .paddingtop {
  padding-top: 30px;
} */
.familyshare_row {
  /* width: 500px; */
  margin-top:15px;
  margin-bottom:15px;
}
.familyshare_row_active {
  width: 500px;
}
.familyshare_row_first {
  height: 300px;
  overflow-y: auto;
}
.fshare_divwidth {
  width: 250px;
}
.familyshare_row .familyShare_gbdiv {
  background-color: #b58dce;
  padding-bottom: 10px;
}
.familyshare_relation .label,
SelectField {
  font-size: 25px;
  text-transform: uppercase;
}

.email_class1 {
  margin-top: -30px;
}
.family_emildiv {
  width: 157px !important;
  height: 90px;
  overflow-y: auto;
}
.familyshare_fullname {
  font-size: 15;
  color: #969696;
  margin: 0px;
  padding-top: 18px;
  float: left;
  padding-left: 5px;
}
.familyshare_email {
  font-size: 15;
  color: black;
  margin: 0px;
  float: left;
  padding-left: 5px;
  padding-top: 5px;
}
.fshare_editmail {
  margin-top: -10px;
}
/* family add relation css property */
.add_relation_margin {
  margin-top: -20px;
}
/*Modification   */
.fac_label {
  color: #969696 !important;
}
.lastname input {
  background: black !important;
}
input::-webkit-input-placeholder {
  background-color: transparent !important;
  background: transparent !important;
}
input::-moz-placeholder {
  background-color: transparent !important;
  background: transparent !important;
}
input::-ms-input-placeholder {
  background-color: transparent !important;
  background: transparent !important;
}
input::-moz-placeholder {
  background-color: transparent !important;
  background: transparent !important;
}

input#province2::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 19px !important;
}
input#province2::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 19px !important;
}
input#province2:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 19px !important;
}
input#province2:-moz-placeholder {
  /* Firefox 18- */
  font-size: 19px !important;
}

.autoscale_username::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400 !important;
  color: #b3b3b3;
}
.autoscale_username::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400 !important;
  color: #b3b3b3;
}
.autoscale_username:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: 400 !important;
  color: #b3b3b3;
}
.autoscale_username:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 400 !important;
  color: #b3b3b3;
}

input#province2::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 19px !important;
}
input#province2::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 19px !important;
}
input#province2:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 19px !important;
}
input#province2:-moz-placeholder {
  /* Firefox 18- */
  font-size: 19px !important;
}

.address_text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b3b3b3 !important;
  font-weight: 400 !important;
}
.address_text::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3 !important;
  font-weight: 400 !important;
}
.address_text:-ms-input-placeholder {
  /* IE 10+ */
  color: #b3b3b3 !important;
  font-weight: 400 !important;
}
.address_text:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3 !important;
  font-weight: 400 !important;
}
input::-moz-placeholder {
  color: #e0deda;
  font-size: 25px;
  width: 400px;
  background-color: white;
}
::-webkit-input-placeholder {
  color: #e0deda;
  font-size: 25px;
  width: 400px;
  background-color: white;
}
.datepickernext1 {
  overflow-y: scroll;
  height: 250px;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  border-left: 0px !important;
  -webkit-box-shadow: 0 -23px 10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 11px 25px rgba(0, 0, 0, 0.2);
  box-shadow: inset 10px rgba(0, 0, 0, 0.2);
  display: grid;
  width: 100%;
  margin-top: 20px;
  padding-left: 15px;
}
.delete,
.edit {
  border: 0;
  font-size: 16px;
  color: white;
}
.delete {
  background-color: red;
}
.edit {
  background-color: darkseagreen;
}
.nextdiccenter {
  justify-content: space-evenly;
  max-width: 480px !important;
}
.rb {
  width: 75px;
}
.next_right {
  bottom: 50%;
  position: fixed;
  right: 20px;
  font-size: 50px;
  cursor: pointer;
}
.next_left {
  bottom: 50%;
  position: fixed;
  left: 20px;
  font-size: 50px;
  cursor: pointer;
}
.next_contest {
  bottom: 50%;
  position: fixed;
  right: 12%;
  font-size: 50px;
  cursor: pointer;
}
.prev_contest {
  bottom: 50%;
  position: fixed;
  left: 11%;
  font-size: 50px;
  cursor: pointer;
}
.next_left_parent {
  bottom: 50%;
  position: fixed;
  left: 20px;
  font-size: 50px;
  cursor: pointer;
}
/* terms & condition css property here */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: decimal;
}
details {
  background: #fff;
  font-size: 16px;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  display: flex;
}
details div.content {
  padding: 0px 24px 24px 24px;
}
details[open] summary:after {
  color: #9e9e9e;
  content: "expand_more";
  font-family: "Material Icons";
}
details[open] {
  border: none;
  border-radius: 2px;
}
details[open]:first-child {
  margin-top: 0;
  margin-bottom: 16px;
  border: none;
}
details[open]:last-child {
  margin-top: 16px;
  margin-bottom: 0px;
  border: none;
}
summary {
  outline: none;
  cursor: pointer;
  padding: 6px 6px;
  color: black;
  position: relative;
  font-size: 15px;
}
summary {
  background: #eeeeee;
}
details[open] summary:hover {
  background: none;
}
summary ul {
  padding-left: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
summary ul li {
  flex: 1 100%;
  flex-flow: row wrap;
}
summary::-webkit-details-marker {
  display: none;
}

summary::after {
  content: "expand_less";
  font-family: "Material Icons";
  color: #9e9e9e;
  font-size: 2.5em;
  padding: 0px;
  text-align: center;
  margin-top: 0;
  position: absolute;
  top: calc(50% - 8px);
  bottom: 0;
  right: 35%;
  width: 10%;
}

.panel {
  bottom: 0;
  position: fixed;
  max-width: 750px;
  width: 100%;
}
.panel_contant_div{
  overflow-y: auto;
}
.panel_contant {
  height: 300px;
}
/* home page css property */
.btn_login,
.btn_signup {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  cursor: pointer;
  font-size: 20px;
  border-radius: 10px;
  border: 0;
}
.btn_signup {
  background-color: #4d4d4d;
  color: white;
}
.btn_login {
  background-color: hsl(196, 94%, 50%);
  color: white;
}
.home_btn {
  padding-top: 40px;
}
.home_para {
  font-size: 24px;
  color: #969696;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  padding-top: 10px;
}
/* Basic contact detail's  */
.contact_detail {
  padding-top: 25px;
}
.first_Name {
  background: none;
  border-bottom: 0;
}
.email_detail {
  background: none;
  border-bottom: 0;
  color: black;
}
::placeholder {
  background: none;
}
.address_first {
  padding-top: 70px;
}
.setRelation_span {
  font-size: 18px;
  padding: 0;
}
body {
  margin: 0;
}
/* family page extra css page */
@media (min-width: 760px) {
  .h1datepicker > h1 {
    text-align: center;
    font-size: 13px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    padding-top: 25px;
    color: white;
  }
}
@media (max-width: 389px) {
  .h1datepicker > h1 {
    font-size: 13px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    padding-top: 15px;
    color: white;
  }
}
.dapi {
  font-weight: 400;
  color: #969696;
}
.nextdiccenter > .rb {
  font-size: 18px;
}
.birthdue_date {
  padding-top: 7px;
  float: left;
  color: #2d2d2d !important;
  margin-bottom: 5px;
}
/* contest page css file property  */
.contest_h6 {
  color: #969696;
  font-size: 13px;
  margin-top: 5px;
  max-width: 515px;
}
.btn_skip {
  font-size: 20px;
  cursor: pointer;
}
.titleValue {
  font-weight: 400;
  font-size: 14px;
  color: #969696;
}
.panel_contant {
  font-size: 13px;
  font-weight: 400;
  text-align:justify;
}
.panel_contant p{
  padding-top: 5px;
  padding-bottom: 5px;
}
.paddingtop70 {
  padding-top: 30px;
}
#delete_edit {
  margin-left: 20px;
}
#delete_edit img {
  visibility: hidden;
}
.delete_img,
.edit_img {
  height: 100px;
  width: auto;
  cursor: pointer;
  padding-top: 5px;
}
.contest_pagebg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #efefef;
  overflow: auto;
  background: white;
}
#delete_edit:hover img {
  visibility: visible;
}
.paddingResponsive:hover #delete_edit > img {
  visibility: visible;
  cursor: pointer;
}
.paddingtop_view_profile {
  padding-top: 70px;
  text-align: center;
  margin: 0px 370px 0px;
}
.familyshare_relation_name {
  /*padding-top: 10px; */
    width: 90px;
    height: 90px;
    float: left;
    margin-top: 10px;
    color: #ffffff;
    display: flex;
}
.familyshare_relation_name h4 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 17px;
  margin:auto;
}

/* kill test question css page property */
.skilltestquestion_div {
  font-size: 25px;
  line-height: 30px;
}
.skilltestquestion_div .label {
  font-weight: 100;
}
.skilltestquestion_div .space_top {
  margin-top: 60px;
  max-width: 600px;
  margin: auto;
  color: #444444;
  font-family: lato;
}
.skilltestquestion_div .label_first {
  font-weight: 300;
}
.skilltestquestion_div .label_second {
  font-weight: 800;
  color: black;
}
.skilltestquestion_div .btn_option {
  margin-top: 6 !important;
  color: white;
  background-color: #08b9f7;
  height: 30px;
  width: 70px;
  border: 0;
}
.skilltestquestion_div .btn_option_first {
  margin-right: 85px;
}
.skilltestquestion_div .btn_option_second {
  margin-left: 20px;
}
.skilltestquestion_div .btn_option_third {
  margin-left: 200px;
}

/* anshu */
.drawer {
  height: 100%;
  float: left;
  overflow: overlay;
  position: absolute;
  overflow-y: hidden;
  top: 0;
}
/* anshu */
.ptop_phone {
  padding-top: 70px;
  padding-left: 4px;
  padding-right: 4px;
}
.ptop_phone label {
  line-height: 22px;
}
.homediv_alertmsz {
  height: 50px;
  width: 400px;
  margin-top: 40px;
  background-color: #f08681;
  color: white;
}
.homediv_alertmsz p {
  float: left;
  font-size: 20px;
  font-family: "Lato", sans-serif;
  padding-top: 12px;
  padding-left: 20px;
}
.familyshare_managep {
  line-height: 75px;
}
.drawer_list {
  cursor: pointer;
}
.place::placeholder {
  color: grey;
}
.phonenumber_para {
  font-size: 17px;
  font-family: "Lato", sans-serif;
}
.phonenumber_para1 {
  font-size: 17px;
  font-family: "Lato", sans-serif;
  display: flex;
}
.phonenumber_codediv {
  width: 100px;
  background: black !important;
  height: 2px;
  margin-top: 10px;
  align-content: center;
  margin-left: auto;
}
.phonenumber_codediv1 {
  width: 100px;
  background: black !important;
  height: 2px;
  margin-top: 10px;
  align-content: center;
  margin-right: auto;
}
.phonenumber_collresend a {
  text-decoration: none;
  font-family: "Lato", sans-serif;
}
.phonenumber_collresend > .anchor_first {
  color: #9fd879;
  margin-top: -20px;
}
.phonenumber_collresend > .anchor_second {
  color: #176a3a;
}

/* ashish */
.familyshare_btndone {
  margin-top:80px;
}
@media only screen and (max-width: 768px) {
  .inner_container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.delete_imgsecond,
.edit_imgsecond {
  height: 70px !important;
  padding-top: 15px !important;
}
#btn_slide>div{display: flex;}

.dapi1 > label {
  padding-right: 30px !important;
}
.active_later img {
  padding-left: 8px;
}
p.setRelation_or {
  padding-top: 5px;
}

.active_later {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -o-border-radius: 12px;
  font-size: 25px;
  line-height: 28px;
  color: #000;
  padding: 18px 32px;
  text-decoration: none;
}
.mainactive_later {
  text-align: center;
}

.rowContainerContestExt {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);


    top: 0;
    border: 9;
    bottom: 0;
    left: 0;
    right: 9;
    right: 0;
    position: absolute;
    margin: auto;
    overflow: auto;

    -ms-overflow-style: none;  
    overflow: -moz-scrollbars-none;
   
}


/*
::-webkit-scrollbar { 
  display: none; 
} */
  

.rowContainerContestExt::-webkit-scrollbar { 
display: none;  
}
/* .add_select select{
    text-transform: uppercase;
    text-align: center;
    height: auto;
    width: 200px;
    margin-top: 22px;
    padding: 12px 12px;
    line-height: 32px;

}
.addrelation_dropdown{
    background-color: white;
    width: 164px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
} */
.ddm hr {
  display: none;
}
.ddm {
  margin: 12px;
}
.viewprofile_button {
  width: 100px;
  height: 25px;
  background-color: #08b7f7;
  border: 0px;
  color: white;
  font-size: 15px;
  margin-top: 5px;
}

.phonenumber_span div {
  text-align: center !important;
  font-size: 0px !important;
  text-shadow: block !important;
  padding: 0px !important;
  position: relative !important;
  width: auto !important;
  top: -20px !important;
  right: 0px !important;
  background-color: transparent !important;
  font-family: lato !important;
}
.phonenumber_span h1 {
  font-family: "Lato", sans-serif !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  color: black !important;
  line-height: 56px;
}

.black {
  background-color: black;
}
a.skip_link {
  cursor: pointer;
}

@media only screen and (max-width: 760px) {
  .btn_done {
    margin-bottom: 0px !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
  }
}

@media only screen and (max-width: 568px) {

  .fshare_divwidth {
    overflow-x: auto !important; 
}
  /* .date_datepicker {
    margin-left: 0px !important;
  } */
  /* .welcome_imgmargin{margin-top:-7px;} */
  /* #btn_slide{padding-left: 30px !important;} */
  .max-w-100 {
    max-width: 65px !important;
  }
  .next-arrow,
  .prev-arrow {
    bottom: 10px !important;
    top: initial !important;
  }

  .mt40.perk_checkoutMain {
    margin-top: 15px !important;
  }
  a.perk_checkout.white-btn.px20.py20 {
    /*padding: 12px 35px !important;*/
  }
  .perks_banner.mt50 {
    margin-top: 12px !important;
  }
  .btnenter {
    padding: 21px 12px !important;
    background-color: #2a3895;
    font-weight: bold;
    font-size: 25px;
  }

  .contest_h6 {
    margin-bottom: 0px !important;
  }

  p.page-txt.mt20,
  span.subtitle {
    /*font-size: 16px !important;
    line-height: 22px;*/
  }
  .welcome_txt2.mt20.text-center {
    margin-top: 5px !important;
  }

  .welcome_txt2.mt20.text-center {
    font-size: 26px !important;
    line-height: 34px !important;
  }
  p.subtitle.mt20,
  p.page-txt.mt20 {
    font-size: 18px;
    line-height: inherit !important;
  }
  p.page-txt.mt20 {
    margin-top: 6px !important;
  }

  .welcome_txt.mt20 {
    margin-top: 0px !important;
  }
  .welcome_txt.mt20 {
    margin-top: 24px !important;
  }
  button.btnenter {
    margin: 15px 0px;
  }
  .mt50.mb50.text-center {
    margin: 12px 0px 5px !important;
  }
  .welcome_txt {
    margin-top: 5px !important;
  }
  .inner_container2.mt40 {
    margin-top: 20px !important;
  }
  a.skip_link {
    cursor: pointer;
    font-size: 16px !important;
  }
  .white_container {
    padding: 20px !important;
  }
  p.page-txt.mt50 {
    margin-top: 0px !important;
  }
  .welcome_img.mt50.text-center {
    margin-top: 20px !important;
  }
  .welcome_img.mt50.text-center img {
    width: 140px !important;
  }
  .welcome_img img {
    width: 100px;
  }
  .contast3_img img {
    width: 62px !important;
  }

  .welcome_txt {
    margin-top: 4px !important;
  }
  .welcome_img.text-center.mt20 {
    margin-top: 0px !important;
  }
  .datepickernext,
  .datepickernext2 {
    height: auto !important;
  }

  .btn_signup,
  .btn_login {
    width: 100% !important;
  }
  .home_btn {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }
  .home_para {
    font-size: 22px !important;
  }
  p.mt70.subtitle {
    margin-top: 50px;
    font-size: 20px;
  }
  .mainactive_later.mt70 {
    margin-top: 25px !important;
  }
  p.page-txt.mt40 {
    margin-top: 12px !important;
  }
  .active_later {
    font-size: 16px !important;
    padding: 30px !important;
    margin-top: 20px !important;
  }
  p.title3.mt50.text-center {
    margin-top: 120px !important;
  }
  p.page-txt.mt40 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .index_table .btnfuctionality {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 282px) {
  .home_logo {
    width: 100% !important;
  }
}
.managed_data {
  flex: 1;
}
.managed_data1 {
  flex: 1;
}
.managed_data div {
  display: block !important;
}
.cal_sec {
  text-align: left !important;
}
a {
  cursor: pointer;
}
.mt50-preaks {
  padding-top: 15px;
}
/* .welcomepage_topspace{margin-top:20px !important;}
.welcomepage_subtitle{padding-top:30px;} */

.practice_tab {
  padding-top: 40px;
}
.practice_tab .panel-body {
  padding: 40px 35px;
}
.practice_tab h3 {
  text-align: center;
}
.practice_tab .panel-body h4 {
  padding-top: 15px;
}
.practice_tab p {
  font-size: 18px;
  color: #5f5e5e;
  line-height: 28px;
}
.practice_tab p a {
  margin-top: 20px;
}
.practice_tab .panel-group h4 a {
  display: block;
  text-decoration: none;
  padding: 10px 15px;
}
.practice_tab .panel-group h4 a {
  background-color: #1d3c48;
  border: 0px;
  color: #fff;
}
.practice_tab .panel-group h4 a:hover {
  background-color: #5f747c;
}
.practice_tab .panel-heading a[aria-expanded="true"],
.practice_tab .panel-heading a[aria-expanded="true"]:hover {
  background-color: #ffcf2c;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #1d3c48;
}
.practice_tab .panel-heading {
  padding: 0px;
}

.paddingResponsive {
  display: flex;
}

@media only screen and (max-width: 768px) {
  .managed_data {
    flex: initial !important;
  }
  .date_datepicker {
    width: 56% !important;
  }
}

@media only screen and (max-width: 580px) {
  .date_datepicker {
    width: 44% !important;
  }
}

.date_datepicker {
  text-align: left;
}
/* .date_datepicker1 {
  width: 22%;
} */
.date_datepicker2 {
  width: 43%;
}
.date_datepicker3 {
  width: 35%;
}
@media only screen and (min-width: 599px) {
  button.btn_signup {
    margin-right: 5px;
  }
  .btn_login {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 599px) {
  .rowContainerContest h4 {
    font-size: 18px !important;
  }
  summary::after {
    right: 22% !important;
  }
}
@media only screen and (max-width: 768px) {
  summary::after {
    right: 32%;
  }
}

.contest_h6 {
  font-weight: normal;
}
.contest_para,
.rowContainerContest h4 {
  padding-left: 10px !important;
  padding-right: 10px !important;
  line-height: 18px;
}
.welcome_img.mt50-preaks.text-center {
  margin: 20px 0px 20px;
}
.mt50.mb50.text-center {
  margin-top: 32px !important;
}

/* div {
  text-transform: capitalize;
} */
.email_exist p{
  text-align: center;
}
.email_exist p {
  font-size: 34px;
  color: #5d5d5d;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 12px;
}
.email_exist input {
  font-size: 34px;
  color: #808080;
  font-family: "Lato", sans-serif;
  margin-bottom: 12px;
  font-weight: 600;
  outline: none;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
}
.clk_here a { 
  color: #3fa9f5;
  text-decoration: none;
  line-height: 50px;
}
.clk_here a:hover {
  color: #925b5bfa;
}
.clk_here { 
  font-size: 56px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 18px;
}
.email_exist_upr {
  padding-top: 46px;
    /* margin: 62px 0px 65px; */
    /* padding: 5px 12px; */
    line-height: 29px
}
.nw_familyOne input[type="button"] {
  font-family: "Lato", sans-serif;
  cursor: pointer;
  border-radius: 10px;
  border: 0;
  background: #4d4d4d;
  color: #ffffff;
  padding: 16px 12px;
  width: 44%;
  font-weight: 500;
  font-size: 31px;
  margin-top: 25px;
}
.nw_familyOne p {
  font-size: 34px;
  color: #5d5d5d;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 22px;
}
/* .nw_familyOne {
  margin-top: 155px;
} */
@media only screen and (max-width: 768px){
  .nw_familyOne input[type="button"] {
    width: 70%;
  }
}
@media only screen and (max-width: 599px){
  .nw_familyOne {
    margin-top: 50px;
  }
  .email_exist input, .email_exist p {
    font-size: 25px;
  }
  .clk_here {
    font-size: 35px;
  }
  .nw_familyOne p {
    font-size: 28px;
  }
  .email_exist_upr {
    margin: 40px 0px 30px;
  }
  .nw_familyOne input[type="button"] {
    padding: 8px 12px;
    width: 70%;
    font-size: 28px;
    margin-top: 15px;
  }
  .num_scetion {
    position: initial !important;
  }
}

.add_info p {
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 12px;
  line-height: 32px;
}
.ver_code {
  background: #f2f2f2;
  display: flex;
  text-align: center;
  justify-content: center;
}
.vercode_txt {
  padding-left: 28px;
}
.vercode_txt {
  text-align: left;
}
.vercode_txt p {
  font-size: 30px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  line-height: 40px;
  padding: 17px 0px;
}
.num_scetion p {
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 12px;
  line-height: 32px;
}
/* .num_scetion input[type="text"] {
  border: 1px solid black;
  padding: 9px 12px;
  width: 365px;
  margin-top: 8px;
} */
.num_scetion {
  position: relative;
}
.num_scetion_nxt img {
  width: 51px;
  cursor: pointer;
}
.num_scetion_nxt {
  position: absolute;
  top: 25%;
  bottom: 25%;
  right: 2%;
}
.mask_scetion label,.mask_scetion input {
  background-color: transparent;
  font-size: 30px;
  text-align: center;
  outline: none;
  /* border-bottom: 1px solid #736060; */
  width: 30%;
}
.add_info_upr, .num_scetion_upr{
  /* background: #ffffff; */
  padding: 20px 12px;
  background-color: #e6e6e6;
}
 .ver_code{
  padding: 20px 12px;
}
/* .add_info {
  width: 38%;
} */
.edit_num a {
  color: #666666;
  font-weight: 600;
  margin-top: 3px;
  display: block;
}

@media only screen and (max-width: 1200px) {
  .num_scetion input {
    width: 35%;
   }
   /* .add_info {
    width: 55%;
 } */

}

@media only screen and (max-width: 599px) {
  .stepTwo_go input {
    width: 45% !important;
  }
  .add_info, .num_scetion input  {
    width: 100% !important;
  }
  .add_info_upr, .num_scetion_upr, .ver_code {
    padding: 26px 12px;
  }
  .vercode_txt p, .add_info p, .num_scetion p {
    font-size: 25px;
    line-height: 31px;
  }
  .num_scetion_nxt {
    text-align: right;
    margin-top: 5%;
    top: inherit;
    bottom: 10px !important;
  }
  .num_scetion_pre {
    margin-top: 5%;
    top: inherit !IMPORTANT;
    bottom: 10px !important;
  }
  .stepTwo_go input {
    width: 50% !important;
  }

}
.stepTwo_go input {
  font-size: 30px;
  text-align: center;
  outline: none;
  border-bottom: none !important;
  width: 20%;
  background: #ff5400;
  color: #ffffff;
  padding: 12px 12px;
  border-radius: 12px;
  cursor: pointer;
  margin-top: 30px;
}
.ph_cancle {
  text-align: center;
  cursor: pointer;
  /* position: fixed; */
  /* bottom: 0; */
  width: 100%;
}
.ph_cancle_phonetwo{
   padding-bottom: 1%;
   text-align: center;
   cursor: pointer;
    /* padding: 50px 0px; */
    /* position: fixed; */
    /* bottom: 0; */
    width: 100%;
  }
.resend_call {
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  padding: 20px 0px;
  font-weight: 300;
  color: #537eaa;
  /* position: fixed; */
  /* bottom: 0; */
  width: 100%;
}
.mask_scetion_final input {
  font-size: 30px;
  text-align: center;
  outline: none;
  border-bottom: none !important;
  width: 20%;
  color: #abababe8;
}
.num_scetion_final {
  background: #f2f2f2 !important;
  padding: 42px 12px 94px;
}
/* input {
  background: transparent !important;
} */
.num_scetion_nxt {
  z-index: 999999;
}
.num_scetion_pre {
  position: absolute;
  top: 22%;
  bottom: 22%;
  left: 2%;
  z-index: 999999;
}
.num_scetion_pre img {
  width: 51px;
  cursor: pointer;
}
/* .next_right, .next_left, .active_later img, .next_right, div#btn_arrow img, .delete_imgsecond, .edit_imgsecond {
  z-index: 999999;
} */
/* Prashant Mishar 12/07/018 modification */
@media only screen and (min-width: 568px) {
  .familyshare_row {
    width: 500px;
  }

  .fshare_divwidth {
    overflow-x: hidden !important;
    overflow-y: hidden !important; 
}
}




/* edit pae property define  */
.edit_page{
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  margin:auto;
  background-color:#efefef;
  overflow: auto;
}
.edit_page_header{
  width:720px;
  height: auto;
  margin: auto;
  overflow: auto;
  background-color:white;
}
.edit_page_header_div{
  padding-left:30px;
  padding-right:10px;
  padding-top:50px;
  margin-bottom: 24px;
}
.edit_page_header_div_first p{
  font-size: 40px;
  line-height: 45px;
  font-weight: bold;
  font-family: lato;
  }
  .btn_editname{
    font-family: lato;
    float:right;
    width:250px; 
    height:60px; 
    font-size:25px; 
    color:white;
    border: 0px;
    border-radius:15px;
    background-color: #4d4d4d; 
  }
  .edit_page_header_div_first > .email, .email a{
    font-weight: 400;
    font-size: 30px;
    color: #969696;
  }
  .edit_page_header_div_first > .email span{
    color:black; 
    font-size:30px;
  }
  .edit_page_header_div_bgcolor{
    background-color: #f2f2f2;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    line-height: 40px;
  }
.edit_page_header_div_first .address{
  font-weight: 300;
}
.edit_page_header_div_first span{
  display: flex;
  font-weight: 400;
  font-size: 30px;
  color: #969696;
}
.edit_page_header_div_first span .email_first{
  padding-left:15px;
}
.street_addresss{
  padding-top:10px;
}
.child_info{
  line-height: 40px;
}
.edit_footer{
  padding-top:30px !important;
}
.edit_footer>.donebtn{
  height:50px !important;
  font-size: 25px !important;
  background-color: #04d9fc !important;
  font-weight: 300;
}
@media only screen and (max-width:600px){
  .edit_page_header{
   width: auto !important;
   height: auto !important;
   overflow: auto !important;
  }
  .btn_editname{
    width:150px;
    font-size:20px;
  }
  .edit_footer {
    padding-top: 60px !important;
   }
}

/* connect page css property define */
.connect > label{
  font-size:30px;
  }
  .home_btn .btn_decline{
  padding-top:40px;
  font-size: 30px;
  cursor: pointer;
  font-weight: 300;
  }
  .btn_connect{
  font-size: 30px;
  background-color: #ca0086 !important;
  font-weight: bold !important;
  height:110px !important;
  width:300px !important;
  border-radius: 20px;
  }
  @media only screen and (max-width:760px){
 .f_share_img_div .pare_social{
   padding-left: 10px !important;
   font-size: 17px !important;
    }
    .f_share_img_div .fs_img {
      max-width: 300px !important;
      padding-right: inherit !important;
     }
  
  }
   /*family share1 page define some css property */
   .f_share_img_div{
     display: flex;
    min-height: 132px;
    background-color: white;
    max-width: 750px;
    margin: auto;
  }
  .fs1_whitebtn{
    max-width: 450px;
    margin: auto;
  }
  .f_share_img_div .fs_img{
    width: auto;
    padding: 25px;
    height: 80px;
  }
  @media screen and (max-width:565px){
    .f_share_img_div .fs_img{
      width: 200px;
    }
  }
  @media screen and (max-width:400px){
    .f_share_img_div .fs_img{
      width: 150px;
    }
  }
  .f_share_img_div .pare_social{
    max-width: 457px;
    margin: auto;
    padding-left: 100px;
    font-size: 17px;
    font-family: lato;
  }
  .f_share_img_div_second{margin-top:20px;}
  .contest4_max-w{max-width:170px;}


  /* existing user css property deffine */
.e_user_div_header{
  font-family: "Lato", sans-serif;
  max-width: 562px;
  position: inherit;
  left: 0;
  right: 0;
  margin: auto;
  }
  .e_user_first_div{
  padding-top: 25px;
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  }
  .e_user_first_div .e_user_img{
  max-width: 250px;
  padding-top: 50px;
  }
  .e_user_first_div .e_user_pare{
  font-size: 50px;
  padding-top: 20px;
  font-weight: 300;
  }
  .e_user_first_div .e_user_img_one{
  padding-top: 20px;
  max-width: 233px;
  }
  .e_user_first_div .e_user_pare_one{ 
  padding-top: 15px;
  font-size: 25px;
  color: #969696;
  font-weight:300;
  line-height:26px !important;
  } 
  .e_user_first_div span{
  font-weight: bold;
  }
  .e_user_second_div .e_user_btn_prev{
  bottom:0px;
  left: 20px;
  }
  .e_user_second_div{
  padding-top: 30px;
  padding-left: 20px;
  }
  /* contest logo img modify */
  @media only screen and (max-width: 568px) {
    .contest_row .contest_row1 {
      height:auto !important;
    }
    .fma_btndone_div>button {
       bottom:0 !important; 
    }
    .phoneno_three_header_div{
      text-align: center;
    }
    .phone_class{
      position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #e6e6e6 !important;
    }
    .family_share{
      text-align: center !important;
    }
   .familyshare_divwidth {
      max-width: 500px;
    }
   .fac_btndone_div{
     padding-bottom: 42px !important;
   }
   .next_right {
      bottom: 10px !important;
   }
  .contest_logo_img{
    max-width:100px !important;
    /* padding-top: 10px; */
  }
}
.contest_logo_img{
  max-width:130px;
}
@media only screen and (max-width:319px){
  .contest_logo_img {
    padding-top: 10px; 
  }
}
/* family add children modification  */

.fac_header_text{
  text-align: center;
  padding-top: 20px;
  font-size: 30px;
  font-weight: 300;
}
.click_to_add_div label{
  font-weight: 300;
  font-size: 18px
}
.fac_button_div .fac_btn_both_div{
  width:82%;
  padding-left:10px;
}
.fac_btn_both_div .radiobuttons1{
  padding-top: 10px;
}
.fac_btndone_div{
  padding-left: 15px;
  padding-top: 0px;
  padding-bottom: 20px;
}
.fac_btndone_div .fac_btn_done{
    width: 100%;
    height: 40px;
    border: 0px;
    color: white;
    background-color: darkgreen;
    font-size: 17px;
    font-family: lato;
}
.fac_btn_form{
  display: flex;
}


 .addchildren_img_div{
  text-align: center;
  position: relative;
}
 .addchildren_img_div img{
  width: 275px;
}
.addchildren_img_text{
  position: absolute;
  top: 54px;
  padding-left: 123px;
  font-size: 29px;
  line-height: 28px;
  font-weight: 350;
}
.fac_bgcolor .addchildren_text{
  text-align: center;
    font-size: 38px;
    font-weight: 400;
    line-height: 50px;
    color: white;
}
.fac_bgcolor .addchildren_text p{
  font-family: lato;
}
#datepicker >.fac_bgcolor{
  max-width: 319px;
  height: 287px;
  background-color: #666666;
}
.fac_button_div{
  padding-left:10px;
}
#datepicker{
  padding-right:15px;
  padding-bottom: 10px;
}
.fac_btndone_div{
  padding-top: 10px;
}
@media (min-width: 992px) {
  .datepickernext2 {
    padding-left: 5px !important;
   }
  .fac_btndone_div {
    padding-left: 10px !important;
  }
  .fac_header{
    overflow:auto;
    height:450px;
    border:1px solid gainsboro;
    background-color:rgba(315, 383, 413, .6);
    margin: auto;
    max-width: 850px !important;
    margin-top: 60px;
  }
  .fac_button_div,#datepicker{
    width: 50%; 
  }
}
@media (max-width: 992px) {
  
  .fac_btn_form{
    display: block;
  }
  .fac_header {
    margin-top: 30px;
 }
 .fac_bgcolor{
  display: none;
 }
 .fac_button_div, #datepicker {
  margin: auto;
 }
 .fac_btn_both_div{
   margin:auto;
 }
 .fac_button_div .fac_btn_both_div {
  max-width:400px;
  padding-left:0px;
 }
 .click_to_add_div{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
 }
 .datepickernext {
  max-width: 370px;
  margin: auto;
}
.fac_btndone_div{
  max-width: 370px;
  margin:auto;
}
.datepickernext2 {
  max-width: 370px ;
  padding-left: 15px;
 }
}
/* end media */
.datepickernext2{margin:auto;}
.fac_btn_arrrow{
  padding-left:10px;
  padding-right:10px;
}
.fma_btndone_div{
  max-width: 400px;
}
.fma_btndone_div>button {
  /* bottom: 134px;  */
  /* position: fixed; */
  border: 0 !important;
  width: 400px;
  height: 35px;
  color: white;
  font-size: 20px;
  font-family: lato;
  background-color: #b3b3b3;
}
fac_divheader{
 text-align: center;
}
.report_label_div{
   font-size: 33px;
   font-family: lato;
   font-weight: 350;
   text-decoration: underline;
}
.report_select_box{
  height: 39px;
  font-size: 13px;
  font-family: lato;
  font-weight: 400;
}
.fac_divheader{
  text-align: center;
}

/* boxes on desktop css */
.test>.padding_top{
  min-height: 250px !important;
  padding-top: 20px !important;
  }
.test>.padding_top_address{
  max-height: 250px !important;
  padding-top: 20px !important;
 }
@media only screen and (max-width: 992px) {
 
  .addchildren_img_div{
    display: none;
  }
  .index_page_header{
    padding-top:30px;
  }
  .add_relation_tag{
   line-height: 45px;
   padding-top:10%;
  }
  .orientation_first_div{
    top:0;
    bottom:0;
    left:0;
    right:0;
    position: absolute;
    background: white;
  }
  .skilltestquestion_div {
    text-align:center;
  }
.fma_btndone_div {
    padding-left: 10px !important;
    padding-right: 10px !important;
 }
 .fma_btndone_div>button{
   width: 100% !important;
 }
  .bcd_hr{
    width: 400px;
  }
}
@media only screen and (min-width: 992px) {
  /* .fac_btn_next_div img,
  .fac_btn_prev_div img{
    width:85px;
  } */
  .bcd_hr{
    max-width:400px;
  }
  .nw_familyOne{
    padding-top:50px;
  }
  
  .bcd_header_div_margin{
    margin-top: 20px;
    text-align: center;
  }
  .allpages_desktop_boxes_div{
    -webkit-box-shadow:0px 0px 20px 0px rgba(219,219,219,1);
    -moz-box-shadow:0px 0px 20px 0px rgba(219,219,219,1);
    box-shadow: 0px 0px 20px 0px rgba(219,219,219,1);
    background-color: rgba(315, 383, 413, .6);
    overflow:hidden;
    max-width: 800px;
    min-height: 425px;
    padding-top: 50px;
    margin:auto;
  }
  .index_pt{
    padding-top: 10px !important;
    min-height: 470px !important;
  }
  .setrelation_header_div{
    padding-top: 10px !important;
    min-height: 525px !important;
    margin-bottom: 10px;
  }
  .socialshare{
    border: 1px solid gainsboro;
    background-color: rgba(315, 383, 413, .6);
  }
  .familyshare_header_div{
    padding-top: 0px !important;
  }
  .familyshare_row{
    /* border: 1px solid gainsboro; */
    padding-left: 10px;
  }
  .existinguser_header_div{
    padding-top:0px !important;
    height: 529px !important;
  }
  .e_user_first_div {
     padding-top:10px !important; 
  }
  .e_user_first_div .e_user_img {
     padding-top:0px !important; 
  }
}
.family_share .family_share_h{
  color:#969696;
  font-weight:400;
  line-height: 25px;
}
.familyshare_btndone_div{
  padding-right: 10px;
}
/* 18 july css property */
.button_next_continue_div{
  line-height: 30px;
  text-align: center;
}
.button_next_continue_div .next_btn_div > Button,
.button_next_continue_div .continue_btn_div > Button{
    margin-top: 10px;
    width: 85px;
    height: 40px;
    border: 0px;
    border-radius: 10px;
    color: white;
    font-size: 18px;
    font-family: lato;
    background-color: #29aae1;
    font-weight: 400;
}
.button_next_continue_div .continue_btn_div > Button{
  width: 135px !important;
}
/* @media only screen and (max-width: 580px) {
.arrow_hidden{display:none;}
} */
/* phone no page modification */
.phone_number_header{
  padding-top:0px !important;
  background-color: #e6e6e6;
}
.edit_phonenumber p{
  font-weight: bold;
    font-size: 17px;
    color: grey;
}
.phonenumber_btnsend{
  padding-top: 10px;
  margin-bottom:20px;
}
.phonenumber_btnsend>button{
  width: 200px;
  height: 83px;
  border: 0;
  color: white;
  font-size: 25px;
  font-weight: 550;
  background-color: #537eaa;
  border-radius: 15px;
}
.phonenumber_text{
  padding: 0px 10px 10px 10px;
  /* border: 4px solid #00eff1; */
  max-width: 54%;
  margin: auto;
}
.phonenumber_text>p{
  text-align: justify;
  font-size: 0.5em;
  line-height: 1.3em;
  font-weight: normal;
  color: grey;
}
.add_info_upr{
  background-color: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.add_relation_tag p{
font-size: 45px;
font-weight: 300;
font-family: lato;
}
.add_relation_tag .family_logo{
  width: 250px;
  padding-top:10px;
  text-align:center;
}
/* someone else orientation page css property  */
.bcd_header_div_margin{text-align: center !important;}
.someone_header_first{
  padding-top:0px !important;
  /* margin-bottom:20px !important; */
}
.someonepage_footer_div,
.someonepage_header_div{
  background-color: #f7f7f7;
    overflow: hidden;
    max-width: 800px;
    min-height: 282px;
    margin: auto;
    height: 50%;
}
.someonepage_footer_div{
  background-color: white !important;
  overflow:initial !important;
}
.someonepage_header_div  .someone_img{
  width:320px;
}
.someonepage_header_div >.someonepage_header_div_first{
  text-align: center;
  max-width: 400px;
  margin: auto;
  padding-top: 18px;
}
.someonepage_header_div_first .para_one{
  font-size: 20px;
  text-align: -webkit-match-parent;
  }
  .someonepage_footer_div_first,
  .someonepage_header_div_first .para_second{
    padding-top: 10px;
    font-size: 15px;
  }
  .someonepage_footer_div_second{
     padding-top:10px;
  }
  .someonepage_footer_div_third{
    max-width: 400px;
    margin: auto;
    height: 85px;
    margin-bottom: 40px;
    margin-top: 20px;
   
}
.related_orientation_img_second{
  max-width: 320px !important;
}
.related_orientation_img_first{
 padding-bottom: 14px;
 max-width: 200px;
}
.someonepage_footer_div_second{
  margin:auto;
 
}
.someonepage_footer_div_second >.reo_btnsocial_share,
.someonepage_footer_div_second >.reo_btnfamily_share{
  width: 130px !important;  
  height: 130px !important;
  border-radius: 25px !important;
}
.related_entrant_div{
   overflow:initial !important;
  }
.reo_btn_share{
  margin-top: -100px !important;
  overscroll-behavior: initial !important;
  display: inline-table !important;
  max-width: 300px !important; 
}
.reo_text_pare{
  text-align: center;
  max-width: 400px;
  padding-bottom: 17px;
  margin: auto;
  padding-top: 13px;
  padding-left:5px;
  padding-right:5px;
}
.someonepage_footer_div_first .family_friends_para{
  line-height: 41px;   
  font-size: 50px; 
  font-weight: bold;
  font-family: lato;
  }
  .reo_text_pare .para_second{
   font-size: 25px;
   text-align: justify;
   line-height: 30px;
   padding-top: 25px;
   font-weight: 380;
  }
  .reo_span{
    font-size:35px !important;
  }
.reo_anchor_div{
    font-weight: 350;
    font-size: 25px;
    padding-bottom: 20px;
    color: black;
}
.reo_anchor_div a{
  color:black;
}
 @media only screen and (min-width: 992px) {
   .click_to_add_div{
    text-align: center;
    padding-right: 239px;
    padding-top: 15px;
   }
  .someonepage_header_div  .someone_img{
    width:280px;
  }
   .user_birthdate_header{
     width:40% !important;
   }
   .contest_header_div{
     width:40% !important;
   }
   .panel{
     width: 40% !important;
   }
   summary::after{padding-left:30px;}
 }
 .user_birthdate h4{
  font-size: 17px;
  color: black;
 }
 .user_birthdate_btn{
  width: 300px !important;
  height: 80px !important;
 }
 .user_birthdate_footer_div{
  background-color: #e6e6e6;
  padding-top: 15px;
  line-height: 20px;
  position:initial;
  width: 100%;
  /*height: 100%;*/
 }
 .user_birthdate{
   background-color: white;
   /*height: 100%;*/
 }
 .user_birthdate_footer_div a{
  color: grey;
  text-decoration: none;
  }
/* .user_birthdate_pare_div p{
  padding-bottom: 15px;
} */
/* .user_bithdate_first_div{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
} */
.user_birthdate_datepicker_div .ub_date{
  font-size: 25px;
  font-weight: bold;
  font-family: lato;
 }
/*  freebie 1 page some css property */
.freebie1-p{padding-top:20px;}
/* ends */
.e_user_first_div .email_text{
  font-size: 63px;
  margin: auto;
  padding-top: 25px;
  font-weight: bold;
}
.pyment_compleated .d,
.pyment_compleated .p,.pyment_compleated .e, 
.addchildren_img_text .addchildren_img_text_h,
.addchildren_img_text .addchildren_img_text_r,
.past_member_n,
.new_member_start_account_para_three .nm_start_account_p,
.new_member_start_account_para_three .nm_start_account_o,
.new_member_start_account_para_three .nm_start_account_l,
.inner_container .new_member_para_f,
.add_relation_tag .add_relation_tag_f,.add_relation_tag_l, 
.e_user_first_div .email_text .email_text_e,.email_text_i{color:#bf1e2c;font-weight: bold;}
.pyment_compleated .o,.pyment_compleated .sg,
.past_member_e,
.new_member_start_account_para_three .nm_start_account_r,
.new_member_start_account_para_three .nm_start_account_a,
.new_member_start_account_para_three .nm_start_account_e1,
.addchildren_img_text .addchildren_img_text_d,
.addchildren_img_text .addchildren_img_text_c,
.inner_container .new_member_para_r,
.add_relation_tag .add_relation_tag_m,.add_relation_tag_y,
.e_user_first_div .email_text .email_text_m,.email_text_l{color:#537eaa;font-weight: bold;}
.pyment_compleated .r,
.pyment_compleated .s,
.past_member_w,
.addchildren_img_text .addchildren_img_text_l,
.addchildren_img_text .addchildren_img_text_e,
.new_member_start_account_para_three .nm_start_account_e,
.new_member_start_account_para_three .nm_start_account_n,
.new_member_start_account_para_three .nm_start_account_z,
.inner_container .new_member_para_e,
.add_relation_tag .add_relation_tag_a,.add_relation_tag_i,
.e_user_first_div .email_text .email_text_a{color:#faaf41;font-weight: bold;}

.login_link_para_div{
  width: 100%;
  height: 75px;
  background-color: white;
  margin-top: 20px;
}
.login_link_para_div .e_user_pare_one
 { 
  padding-top: 20px;
    font-size: 25px;
    color: #537eaa;
    font-weight: 400;
    line-height: 26px !important;
  } 
  /* new member orientation  */
  .new_member_para{
    font-size: 55px !important;
    padding-top: 15px;
  }
  .inner_container .new_member_para_second{
    padding-top: 10px;
    font-size: 25px;
    font-family: lato;
    font-weight: 400;
  }
  .inner_container .new_member_para_third{
    font-weight: bold !important;
    text-align: justify;
  }
  @media screen and (max-width:567px){
    .someonepage_footer_div_third{
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 60px !important;
  }
    .contest_image_second_img_div img {
      width: 25px !important;
  }
    .new_member_anchor{font-size:20px !important;}
  }
  .new_member_orientation_contest_div{
    width: 100%;
    min-height: auto;
    border-bottom: 1px solid beige;
  }
  .new_mamaber_contest_img{
    width:200px;
    max-width: 100% !important;
    max-height: auto !important ;
  }
.new_member_start_account_anchor{
  padding: 14px 24px !important;
  background-color: black !important;
    color: white !important;
}
.new_member_start_account_anchor_icon{
  padding:30px !important;
}
.new_member_start_account_header_div{
     margin: auto;
    text-align: center;
    line-height: 35px;
    font-family: "Lato", sans-serif;
  }
  .new_member_start_account_header_div .new_member_start_account_para_one{
    font-size: 36px;
    font-weight: 400;
  }
  .new_member_start_account_header_div .new_member_start_account_para_three,
  .new_member_start_account_header_div .new_member_start_account_para_four,
  .new_member_start_account_header_div .new_member_start_account_para_two{
    font-size: 40px;
    padding-top: 30px;
    font-weight: 300;
  }
  .new_member_start_account_header_div .new_member_start_account_para_three,
  .new_member_start_account_header_div .new_member_start_account_para_four{
    padding-top: 10px;
  }
  .new_member_start_account_header_div .new_member_start_account_para_three{
    font-weight: bold;
  }
  .past_member_para{
    font-weight: 300;
    padding-top: 20px;
    font-size: 30px;
    font-family: lato;
    line-height: 30px;
  }
  .contest_image_div{
   position: relative;
  }
  .contest_image_second_img_div{
    cursor: pointer;
    position: absolute;
    top:0;
    margin-top: 20px;
    right:0;
  }
  .contest_image_second_img_div img{
    border-radius: 10px 0px 0px 10px !important;
    width:35px;
  }
.bcd_shownotification_div{
    border-radius: 5px;
    min-height: 67px;
    max-width: 400px;
    background-color: #eeb156;
    color: white;
    margin: auto;
    /* margin-top: 20px;
    margin-bottom: 20px; */
    position: relative;
  }
  /* .bcd_shownotification_div1{
    float: right;
  } */
.bcd_shownotification_div img{
  float: left;
  height: 35px;
  padding: 15px;
}
.bcd_shownotification_div .notify_para{
   padding-top: 20px;
   text-align: -webkit-auto;
   font-size: 17px;
   font-family: lato;
   font-weight: 400;
   float: none;
    max-width: 350px;
 }
 .bcd_shownotification_div1{
  top: 5px !important;
  right: 0;
  /* float: right; */
  width: 40px;
  height: 40px;
  margin: auto;
  /* margin-top: -40px; */
  position: absolute;
  /* left: 0; */
 }
.bcd_shownotification_div .notify_para1{
  text-decoration: none;
  color: white;
   font-size: 20px;
   font-weight: 300;
}
@media screen and (max-width:390px){
  .bcd_shownotification_div .notify_para{
    min-width: 100px !important;
 }
  .bcd_shownotification_div .notify_para1{
    padding-left:10px !important;
    font-size: 15px;
  }
  .bcd_shownotification_div .notify_para{
    font-size: 18px;
    padding: 22px;
 }
 .bcd_shownotification_div{
  margin-left:5px;
  margin-right:5px;
 }
}
@media screen and (max-width:567px){
 
  /* .bcd_shownotification_div .notify_para1{
    padding-left:65px !important;
    font-size: 15px;
  } */
}
/* product orientation pages css property */
.po_white_container_div{
  padding:0 !important;
  border-radius: 20px !important;
}
.po_white_container_div .product_orientation_div{
    width: 100%;
    min-height: 175px;
    border-bottom: 1px solid beige;
    background-color: #537eaa;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
    padding-top: 22px;
    font-size: 42px;
    line-height: 46px;
    color: white;
    font-weight: 300;
    font-family: lato;
  }  
  .product_orientation_div .product_orientation_div_para{
    font-weight: bold;
  }
  .product_orientation_div .product_orientation_div_span{
    font-weight: 300 !important;
  }
  .product_orientation_img_div{
    max-width:450px
  }
  .text-center .product_orientation_img{
    width:100%;
    height: auto;
    margin-top: -110px;
}
.product_orientation_footer_div{
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
}
.product_orientation_footer_div p{
  font-weight: 400 ;
  font-family: lato;
}
.product_orientation_footer_div .product_orientation_footer_para{
   padding-top: 22px;
   font-size: 16px; 
   line-height: 20px;
}
.text-center .product_orientation_img1{
    width: 81%;
    height: auto;
    margin-top: -18px;
  }
  @media screen and (max-width:570px){
    .product_orientation_price_div .product_orientation_price_div_two,
    .product_orientation_price_div .product_orientation_price_div_one {
      font-size: 14px !important;
    }
    .product_orientation_footer_div {
      padding-left: 20px !important;
      padding-right: 20px !important;
   }
    .product_orientation1_container{
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    .text-center .product_orientation_img1{
      margin-top:0px !important;
    }
    .product_orientation1_para{
      font-size: 22px !important; 
    }
  }
  .product_orientation1_para{
  font-size: 35px ;
  font-weight: bold !important;
  font-family: lato;
}
.product_orientation1_para span{
  font-weight:300; 
}
.product_orientation_ul{
  list-style: initial !important;
  padding-top: 10px;
  padding-left: 30px;
  font-size: 16px;
}
.product_orientation_price_div{
  margin-top: 10px;
  display: flex;
  width: 100%;
  height: 50px;
  background-color: green;
  }
  .product_orientation_price_div .product_orientation_price_div_two,
  .product_orientation_price_div .product_orientation_price_div_one{
    color: white;
    font-weight: bold;
    width: 50%;
    background-color: #537eaa;
    font-size: 17px;
    font-weight: blo;
    padding-top: 15px;
    padding-left: 5px;
    text-align: center !important;
}
.product_orientation_price_div .product_orientation_price_div_two{
  background-color: #cccccc;
  color: black;
}
.product_orientation_price_div .product_orientation_price_div_two p{
    text-align: center;
    font-weight: bold;
  }
 .product_orientation_price_div .product_orientation_price_div_one .discount_price_span{
    text-decoration: line-through;
    color: black;
    font-weight: bold;
  }
  .product_orientation_orderbtn_div{
    text-align: center;
    padding-top: 10px;
  }
  .product_orientation_orderbtn_div button{
    width: 235px;
    font-size: 17px;
    height: 70px;
    border: 0;
    border-radius: 14px;
    color: white;
    background-color: black;
    font-family: lato;
  }
 .product_orientation3_price_div2{
   background-color: #be1e2c !important;
 }
 /* orientation pages modification */
  .freebie_footer_div{
    padding-top:20px;
    margin-bottom:10px;
    text-align: center;
  }
  .m_t20{
   margin-top:20px !important;
   text-align: center;
  }
 .welcome_img .freebie2_img{
   max-width: 100% !important;
   max-height: 100px !important;
 }
 .m_t10{margin-top:10px !important; }
.orientation_txt{
    font-size: 35px;
    line-height: 25px;
    font-weight: 300;
}
.o_max-w-200{
  max-width:200px !important;
}
.w-100-m-h-350{
width: 100% !important;
max-height: 350px !important;
}
.contest_welcome_txt2{
font-size: 35px;
line-height: 40px;
font-weight: 300;
}
.welcome_img .freebie3_img{
  max-width: 100% !important;
  max-height: 70px !important;
}
.product_orientation_images{
   max-width: 100% !important;
   max-height: 55px !important;
}
.userBirthdate_ddm hr {
  display: none;
}
.userBirthdate_ddm {
  margin: 12px;
}
@media screen and (max-width:432px){
  .userBirthdate_ddm{
    width:60px !important;
  }
}
.family_share_orientation_div{
  font-size: 34px !important;
  line-height: 40px !important;
  font-weight: 300 !important;
}
@media screen and (max-width:567px){
  .user_bithdate_first_div{
    position: absolute;
    bottom: 0;
    top: 0;
    left:0;
    right:0;
    background-color: #e6e6e6;
    
  }
  .popup {
    width: 95% !important;
  }
  .popup_inner .popup_inner_first_div {
    padding-right: 5px !important;
  }
}
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(0,0,0, 0.5);
  padding-left:5px; 
  padding-right:5px;
  overflow: auto;
  z-index: 999999;
}
.popup_inner {
  border-radius: 20px;
  margin-top: 20px !important;
  max-width: 400px;
  min-height: 400px;
  margin: auto;
  background: white;
}
.popup_inner .popup_inner_first_div{
  float:right;
  padding-right: 20px;
  padding-top: 15px;
}
.popup_inner .popup_inner_first_div a{
  width:40px;
  height:40px;
  text-decoration: none;
  border-radius: 1px solid grey;
}
.popup_inner .popup_inner_first_div .popup_inner_first_div_1{
    width: 20px;
    height: 20px;
    border: 1px solid grey;
    border-radius: 10px;
    cursor: pointer;
  }
  .product_orientation_popup_img{
    width: 365px; 
  }
 .popup_inner_first_div_2 .popup_para_two_img_div1{
   min-height: 215px;
   position: relative;
 }
 .popup_inner_first_div_2 .popup_para_two_button_div1{
   position: relative;
   min-height: 80px;
 }
 .popup_inner_first_div_2 .popup_para_two_img_div2{
  left:-8%;
  right: 4%;
  position: absolute;
}
 .popup_inner_first_div_2{
    border-radius: 6px;
    max-width: 300px;
    background-color: #f2f2f2;
    margin: auto;
    height: 100%;
    padding-top:20px;
    font-family: lato;
  }
  .popup_inner_first_div_2 .popup_para_one{
    font-size: 40px;
    font-size: bol;
    font-weight: bold;
    padding-top: 20px;
    
  }
.popup_inner_first_div_2 .popup_para_two{
  font-size: 35px;
  padding-top: 12px;
  font-weight: 300;
}
.popup_inner_first_div_2 .popup_price_div{
   height: 26px;
   color: white;
   padding-top: 5px;
   width: 100%;
   background-color: #537eaa;
   font-size: 15px;
   font-family: lato;
   margin-bottom: 5px;
   margin-top: 5px;
}
.popup_inner_first_div_2 .popup_price_div1{
  background-color: #cccccc !important;
}
.popup_inner_first_div_2 .pupup_discount_price_span{
text-decoration: line-through;
}
@media screen and (max-width:375px){
  .product_orientation_popup_img {
    width:351px !important;
  }
}
/* remind user page css property */
@media screen and (max-width:992px){
.email_activate_account_img_div img{
  padding-top:10px !important;
}
.e_user_div_header .remind_user_headerdiv{
  padding-top:30px;
 }
}
.e_user_div_header .remind_user_headerdiv{
  text-align: -webkit-center;
  font-weight: 300;
  /* padding-top: 20px; */
  font-size: 21px;
  line-height: 23px;
  color: #5a5757;
}
.e_user_div_header .remind_user_headerdiv .remind_user_para3{
  padding-top:10px;
  line-height: 40px;
}
.remind_user_img_div img{
 max-width: 150px !important;
 padding-top: 0px !important;
}
.remind_user_footerdiv{
  font-size: 20px !important;
  line-height: 22px !important;
}
.email_activate_account_para{
  font-size: 40px !important;
}
.email_activate_account_img_div{
  padding-top: 30px !important;
}
.email_activate_account_img_div img{
  max-width:200px !important;
}
.email_act_account_text_div{
    font-size: 63px;
    margin: auto;
    padding-top: 25px;
}
.email_act_account_text_div .b{
  font-weight: bold;
}
.email_act_account_span{
    color: black !important;
    font-weight: 300 !important;
    font-size: 40px !important;
}
.email_account_checkmail{
  line-height: 40px;
}
.payment_compleated_textdiv{
  max-width: 350px !important;
}
/* meu page css property */
.menu_page_active_later{
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -o-border-radius: 12px;
    font-size: 25px;
    line-height: 28px;
    color: #000;
    padding: 18px 32px;
    text-decoration: none;
}
@media only screen and (max-width: 568px){
 .menu_page_btndiv button{
   width: 80px !important;
   height: 80px !important;
  }
.menu_page_active_later {
    display: block !important;
  }
 .menu_page_img {
  margin-top: -9px !important;
 }
 .active_later_menu1,
 .active_later_menu {
  font-size: 17px !important;
 }
 .menu_page_btndiv {
  max-width: 180px !important;
 }
 .mt35 {
   margin-top: 0px !important;
 }
 .mt60 {
  margin-top:15px !important;
 }
 .mt85 {
  margin-top: 15px !important;
 }
 .menu_page_img{
  width: 30px !important;
}
.menu_page_img1{
  width: 30px !important;
  margin-top:0px !important;
}
}
.manu_page_headerdiv{
  max-width:500px;
  margin:auto;
}
.menu_page_btndiv{
  padding-bottom: 20px;
  padding-top: 30px;
  max-width: 219px;
  margin: auto;
  height: 100px;
  background-color: #d9d9d9;
}
.menu_page_btndiv button{
    width: 100px;
    font-size: 17px;
    height: 100px;
    border: 0;
    background-color: #808080;
    color: white;
    font-weight: bold;
    font-family: lato;
    border-radius: 20px;
}
.menu_page_btndiv .btn_lend{
  background-color: #999999;
}
.menu_page_img{
  margin-top: -15px;
  width: 40px;
}
.menu_page_img1{
  margin-top: -5px;
  width: 40px;
}
.active_later_menu{
    padding: 29px 32px !important;
    font-size: 21px;
    font-weight: 300 !important;
}
.active_later_menu1{
  padding: 29px 28px !important;
  font-size: 22px; 
  font-weight: 300 !important;
}
.mt35{
  margin-top:20px;
}
.mt60{
  margin-top:50px;
}
.mt85{
  margin-top: 60px;
}
.activate_later_perks{
padding: 28px 58px !important;
font-size: 40px !important; 
font-weight: 300 !important;
}
.menupage_activelater_second{
   background-color: #cccccc !important;
   color:#808080 !important;
}
.btn_enteredcontest_second{
  background-color: #cccccc !important;
  color:#808080 !important;  
}
/* checkout payment css property */
.checkout_div{
  margin-top:20px;
}
.checkout{
   font-size: 30px;
   font-weight: bold;
   font-family: lato;
   max-width: 350px;
   margin-top: 20px;
   line-height: 30px;
}
.checkout p{
  margin-bottom:30px !important;
}
.checkout button{ 
    color: white;
    font-size: 16px;
    width: 146px;
    height: 30px;
    border: 0;
    background-color: black;
    margin-top: 40px;
    margin-left: 30px;
}
/* won page css property here */
.won_div{
  padding-top: 20px !important; 
  padding-bottom: 20px !important;
  font-family: lato;
}
.won_div h4{
    font-size: 24px !important;
    line-height: 26px !important;
    max-width: 300px !important;
  }
.won_btnpara{
  font-size: 15px;
  font-weight: bold;
}
.won_div .won_notepara{ 
   padding-top: 25px;
   font-size: 15px;
   padding-bottom: 25px;
   color: #d9d9d9;
}
.won_div .won_anchortag{
  font-size: 20px;
  color: #9d9d9d;
}
 .won_blur_img{
   width: 100% !important;
  height: 300px !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
}
.won_imgtext_div{
  font-weight: bold;
  color: black;
  font-size: 30px;
  line-height: 41px;
  padding-top: 45px;
}
.won_imgtext_div img{ 
  width: 300px;
  height: 100%;
}
.won_transparent_div{
  background-color: #ffffff;
  opacity: .8;
  width:100%;
  height: 100%;
}
@media screen and (max-width:567px){
  .won_imgtext_div img {
    width: 270px;
    height: 100%;
   }
   .user_birthdate_btn {
    width: 275px !important;
    height: 80px !important;
  }
 .won_inputtext_div .won_inputtext_div_third,
 .won_inputtext_div .won_inputtext_div_second{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
} 
.won_div1{
  max-width: 450px;
}
.won_white_container{
   max-width: 400px;
   margin-top: 20px;
   background-color: white;
}
.won_btnsend{
  width: 223px !important;
  height: 90px !important;
  font-size: 25px;
  background-color: #c1272d !important;
}
@media screen and (max-width:992px){
  .won_white_container{
    max-width: 100% !important;
    max-height: 100% !important;
    margin-top: 0 !important;
 }  
}
.won_inputtext_div{
 max-width:400px !important; 
 padding-top: 20px;
 padding-left: 5px;
 padding-right: 5px;
}
.won_inputtext_div .won_inputtext_div_third,
.won_inputtext_div .won_inputtext_div_second{
  padding-left: 10px;
    padding-right: 10px;
}
.won_inputtext_div .won_inputtext_div_second p{
  color:black;
  font-size: 20px; 
  float: left;
}
.won_inputtext_div .won_inputtext_div_second .won_btneditadddress{
    width: 114px;
    height: 35px;
    font-size: 15px;
    background-color: #b3b3b3;
    margin-left: 20px;
    float: right;
}
.won_inputtext_div .won_inputtext_div_third{
    padding-top: 40px;   
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    color: #b3b3b3;
    margin-bottom: 20px;
}
.won_inputtext_div .won_inputtext_div_third .won_address_label{
  float: left;
  color: #b3b3b3;
}
.won_first_div{
  font-family: lato;
}
@media screen and (max-width: 567px){
.won_first_div {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
}
}  
.won2_inputtext_div{
  padding-top: 100px;
  font-size: 27px;
  line-height: 32px;
  padding-bottom: 100px;
  color: #b3b3b3;
}
.won2_menu_div{
  padding-top: 40px;
  padding-bottom: 30px;
  color: #6b6b6b;
}
.card_list button{
  color: white;
  font-size: 16px;
  width: 246px;
  height: 42px;
  border: 0;
  margin-top: 20px;
  display: grid;
  background-color: black;
}
/* new fullmailing address page modification css property */
.fma_btndone_new button{
  border-radius: 10px !important;
  width: 161px !important; 
  height: 53px !important;
  background-color: #5b7ea6 !important;
}
.fma_house_div_logo{
  /* padding-top:20px; */
  height: 80px;
  width: 100%;
}
.fma_house_div_logo img{
  vertical-align: unset;
}
/* menu page css */
.menu_page_img_new{
  padding-left: 35px;
}
.menu_page_img_new1{ 
 padding-left: 25px;
}
/* information icon css property and this pages css property define   */
.info_icon_div{
  max-width:100%;
}
.info_img{
  width:30px;
  float:right;
  cursor:pointer;
  padding-right: 10px;
}
@media screen and (max-width:992px){
  .info_icon_div{
    max-width:500px !important;
    height:40px;
    margin: auto;
    margin-top:10px;
  }
  .m_t20_info {
    margin-bottom: 50px ;
  }
}
/* info pages css property */
.welcome_txt_info{
  text-align: -webkit-auto;
  font-size: 25px;
  line-height: 25px;
  padding-bottom: 5px;
}
.inner_container_info {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 750px;
  margin: 0px auto;
  display: table;
}
.m_t20_info {
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
.subtitle_info{
  color: #4d4d4d;
  font-size: 17px;
  line-height: 25px !important;
  font-weight: 400;
  text-align: -webkit-auto;
  font-family: lato;
}
.page-txt_info{
  padding-top:20px;
  text-align: -webkit-auto !important;
}

.white_container_info {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0, .25);
  -moz-box-shadow: 0 0 10px rgba(0,0,0, .25);
  box-shadow: 0 0 10px rgba(0,0,0, .25);
  padding: 40px 60px 40px 60px;
  position: relative;
}
.active_later_info {
  /*padding: 45px 20px !important;*/
}
/* .active_later_info img{
  padding-left: 270px;
} */
.info_footerdiv{
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
}
.infobtn_div{
margin-left: 30px;
}
.infoicon_birthdatediv{
  height:10px !important;
  padding-top:10px;
}
.info_icon_div {
  height: 40px;
 }
@media screen and (max-width:992px){
  .info_footerdiv {
    display: block;
    margin-bottom: 39px;
    margin-top: 70px;
  }
  .welcome_img .info_logo_img{
    top: 5px !important;
    position: absolute;
    left: 50px;
   }
   .white_container_info{
     padding-top: 100px;
   }
   .infobtn_div {
    margin-left:0px;
   }
   .info_btnicon{
     width:30px !important;
   }
   .active_later_info{
     font-size: 25px !important;
   }
   .infoicon_birthdatediv{
    height:40px !important;
    padding-top:10px;
  }
}
.active_later_info{
  display:block;
}
.active_later_info img {
  float: right;
  width:30px;
 }

@media screen and (min-width:992px){
 .active_later_info {
    display: unset;
 }
 .active_later_info img {
  float: none;
  /*padding-right: 130px;*/
 }
 .active_later_info .btn_infoi{
   padding-right: 150px;
 }
}
/* info icon modification css property */
.infoicon_paddingdiv{
  padding-top:10px !important;
}
.infoicon_div_stquestion{
  height:50px;
}
/* no contest pages css property define */
.nocontest_freebietext_div{
  max-width: 900px;
  font-family: lato;
}
.nocontest_txtdiv {
  text-align: -webkit-auto;
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  padding-bottom: 5px;
}
.nocontest_freebietext_div .nocontext_para2{
  padding-top:10px;
  
}
.nocontest_white_container{
  margin-bottom: 10px;
  
}
.mb70{
  margin-bottom:30px;
}
.bcd_secondname{
  width: 400px;
}
@media screen and (max-width:567px){
  .bcd_secondname{
    width:100% !important; 
  }
}
/* unsuscribe page proprty here */
.title3_contestshare{
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 25px;
}
.title3_contestshare1 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 5px;
}
.MuiSwitch-colorSecondary-8.MuiSwitch-checked-6 + .MuiSwitch-bar-10 {
  background-color: #7AC944 !important;
  border:1px solid #cccccc;
}
.MuiSwitch-colorSecondary-8.MuiSwitch-checked-6 {
  color: white !important;
}
.MuiSwitch-checked-6 + .MuiSwitch-bar-10 {
  opacity: 4.5 !important;
}
.MuiSwitch-bar-10 {
  width: 34px !important;
  height: 14px !important;
}
.MuiSwitch-bar-10 {
  background-color: #e61c24 !important;
  opacity: 2.4 !important;
  border:1px solid #cccccc;
  margin-left: -18px !important;
}
.cs_relativename_div{
  margin-top:30px !important;
  background-color: #efefef;
  font-size: 20px;
  max-width: 400px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
  height: 40px;
}
.cs_div_para{
  float: left;
}
.cs_relativename_div_second{
  display:flex;
  float: right;
}
.cs_relativename_div_second .on_para{
  margin-left:-10px;
}
.unsuscribe_actlater_anchor{
  font-size: 17px !important;
}
.white-btn .unsus_i {
  position: initial !important; 
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  float: left !important;
}
.unsuscribe_whitebtn {
  max-width: 310px;
  margin: auto;
  font-size: 17px !important;
}
.unsuscribe_whitebtn span{
  padding-right:0px !important;
}
.m_t70{
  margin-top:70px !important;
}
/* Product orientation modification */
@media screen and (min-width:992px){
  .po_innercontainer{
    max-width:461px !important;
  }
  .wc_fixheightdiv{
  min-height:635px !important;
  }
  .po_para{
    padding-top: 30px !important;
    font-size:22px !important;
    line-height: 25px !important;
  }
  .po_para1{
    font-size: 17px !important;
    padding-top:20px !important;
  }
  .po2_para{
      padding-top: 40px !important;
      font-size: 17px !important;
      line-height: 20px !important;
  }
  .po2_ul{
    padding-top:24px !important;  
  }
  .m_t40{
    margin-top:40px !important;
  }
}
/* home page modification css property define */
.homepage_para{
  color:black !important;
}
.homepage_para1{
  padding-top:0px !important;
  line-height: 25px;
}
.homepage_para2{
  font-size: 17px !important;
}
/* 10 august css property define for mostly pages */
.newwhite_container{
 max-width: 700px;
 min-height: 400px;
}
.pt80{
  padding-top: 50px;
}
.max-w-150{
  max-width:150px !important;
}
.familyshare_innercontainer{
  max-width: 750px !important;
}
/* shiping billing info page css property */
.white_container{
  font-family: lato;
}
.white_container .sp_para{
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 10px;
  text-align:-webkit-left;
}
.white_container .sb_formdiv{
 padding-top: 10px;
 padding-bottom: 10px;
 display: grid;
 min-height: 250px;
}
.white_container .sb_formdiv label span{
  min-width:80px;
  padding: 0 15px;
  text-align: right;
  color: #525f7f;
}
.white_container .sb_formdiv label{
  position: relative;
  display: flex;
  flex-direction: row;
  height: 10px;
  font-size: 15px;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
}
.shopbilling_infocheckbox{
  padding-top: 10px;
  padding-left: 10px;
}
input:focus, textarea {
  outline: none !important;
  cursor: text;
}
.shopbilling_infocheckbox label{
 display: flex !important;
 position: absolute !important;
}
@media screen and (max-width:480px){
  .shopbilling_infocheckbox label{
    padding-left: 30px !important;
    line-height: 15px !important;
   } 
}
.white_container .sb_formdiv .sb_txt
 {
  height: 25px;
  min-width: 300px;
  font-size: 15px;
}
.white_container .sb_formdiv .sb_txt::-webkit-input-placeholder {
  font-size:15px !important;
}
.white_container .sb_formdiv .sb_txt::-moz-placeholder {
  font-size:15px !important;
}
.white_container .sb_formdiv .sb_txt::-ms-input-placeholder {
  font-size:15px !important;
}
.white_container .sb_formdiv .sb_txt::-moz-placeholder {
  font-size:15px !important;
}
@media screen and (max-width:476px){
  .white_container .sb_formdiv .sb_txt
  {
   min-width: 150px;
 } 
}
@media screen and (max-width:387px){
  .white_container .sb_formdiv .sb_txt
  {
   min-width: 70px;
   font-size: 14px;
  } 
  .white_container .sb_formdiv label span {
   min-width: 80px;
   padding: -1px 15px;
   text-align: right;
  }
}
.white_container .sb_formdiv .sb_btnpay{ 
    display: block;
    background: #666ee8;
    color: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    border: 0;
    font-weight: 700;
    width: 100%;
    height: 40px;
    outline: none;
    cursor: pointer;
    transition: all 0.15s ease;
    margin-top: 20px;
    font-size: 17px;
}
/* in mobile scrolling modification css property */
.remind_user_secondpara{
  padding-top: 20px;
}
@media only screen and (max-width: 568px){
  p.mt70.subtitle {
    margin-top: 20px !important;
   }
  .someonepage_header_div .someone_img {
  width: 242px;
  }
  .someonepage_footer_div_second .btn_FamilyShare_sos{
    width:80px !important;
    height:80px !important;
  }
  .contest1_txtdiv{
    line-height: 30px !important;
    font-size: 25px !important;
  }
  .newwhite_container {
    min-height: 350px;
  }
  .welcome_txt2 {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  .page-txt {
    font-size: 17px !important;
    line-height: 20px !important;
  }
  .subtitle {
    font-size:17px !important;
    line-height:20px !important;
  }
  .contast3_img img {
    width: 35px !important;
  }
  .contest_welcome_txt2 {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  .contest4_img{
    min-width:100px !important;
  }
  .new_mamaber_contest_img {
    width:100px !important;
  }
  .nocontest_txtdiv {
    text-align:center;
    font-size: 20px !important;
    line-height: 20px !important;
  }
  .text-center .product_orientation_img {
    width: 90%;
    height: auto;
    margin-top: -100px;
  }
  .product_orientation_footer_div .product_orientation_footer_para {
    padding-top: 10px;
  }
  .po_white_container_div .product_orientation_div {
    min-height: 130px;
    padding-top: 10px;
    font-size: 25px;
    line-height: 30px;
  }
  .text-center .product_orientation_img1 {
    width:40% !important;
  }
  .e_user_first_div {
    padding-top: 10px !important;
  }
  .f_share_img_div .fs_img {
    width: auto;
    padding: 5px !important;
    height: 70px !important;
 }
 .f_share_img_div {
  min-height: 85px !important;
 }
 .user_birthdate_infoicondiv{
  position: absolute !important;
  top: -20px !important;
  right: 0 !important;
 }
 .remind_user_secondpara{
  padding-top:15px;
 }
 .e_user_div_header .remind_user_headerdiv .remind_user_para3 {
  padding-top:0px !important;
 }
 .active_later_menu1,
 .active_later_menu {
  padding: 15px 25px 15px !important;
 }
}
@media only screen and (max-width: 992px){
 .phone_class {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #e6e6e6 !important;
 }
}
.placeholder_color::-webkit-input-placeholder {
  color:darkslategray !important;
}
.placeholder_color::-moz-placeholder {
  color:darkslategray !important;
}
.placeholder_color::-ms-input-placeholder {
  color:darkslategray !important;
}
.placeholder_capitalize::-webkit-input-placeholder{
  text-transform: capitalize;
  color:darkslategray;
}
.placeholder_capitalize::-ms-input-placeholder{
  text-transform: capitalize;
  color:darkslategray;
}
.placeholder_capitalize::-moz-placeholder{
  text-transform: capitalize;
  color:darkslategray;
}
.addrelation_fnamespan{
  text-transform: capitalize !important;
}
.addrelation_fnamespan_second{
  text-transform:lowercase !important;
}
.ddm div{
  color:darkslategray !important;
}
/* unsuscribe page css property */
 /* for a local */
 .unsuscribe_div .MuiSwitch-colorSecondary-47.MuiSwitch-checked-45 {
  color: white !important;
}
.unsuscribe_div .MuiSwitch-colorSecondary-47.MuiSwitch-checked-45 + .MuiSwitch-bar-49 {
  background-color: #7ac943 !important;
}
.unsuscribe_div .MuiSwitch-checked-45 + .MuiSwitch-bar-49 {
  opacity: 3.5 !important;
}
.unsuscribe_div .MuiSwitch-bar-49 {
  border: 1px solid #cccccc !important;
}
.unsuscribe_div .MuiSwitch-bar-49{
  opacity: 1.38 !important;
  background-color: #e61c24 !important;
}
/* for a server css property */
.unsuscribe_div .jss47.jss45 {
  color: white !important;
}
.unsuscribe_div .jss45 + .jss49 {
  opacity: 2.5 !important;
}
.unsuscribe_div .jss47.jss45 + .jss49 {
  background-color:#7ac943 !important;
}
.unsuscribe_div .jss49 {
  border: 1px solid #cccccc !important;
  opacity: 1.38 !important;
  background-color: #e61c24 !important;
}
/* page modification css property */
.po4_infodiv{
  width: 100%;
  min-height: 20px;
  margin-top: 10px;
  background-color: #e6e6e6;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: lato;
  font-size: 15px;
}
.po4_infoseconddiv{
  background-color: #faaf41 !important;
}
.po4_infodiv p{
  font-weight: bold;
}
.po4_infodiv .po4_infodiv_anchor{
  font-weight: 400;
  text-decoration: underline;
}
/* orientation page modification css property define  */
@media screen and (max-width:568px){
  .allo_pagewhitediv{
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .nmo2_div{
    line-height:35px !important;
  }
}
.varificationcode_btnsubmit{
width: 150px;
height: 60px;
background-color: #527eaa;
color: white;
font-weight: bold;
font-size: 20px;
border: 0;
border-radius: 10px;
margin-top:10px;
}
/* 19 august 2018 modification css property */
.select_countery_ddl{
  font-size: 20px !important;
  min-width: 285px !important;
  font-weight: bold !important;
  margin-left: -5px;
  /* margin-top: -15px;
  margin-left: -30px; */
} 
.select_countery_ddl div{
  font-weight: 300;
  font-size: 20px;
  text-align: -webkit-auto;
}
.sc_textuppercase div{
  text-transform: uppercase;
}
.select_countery_ddl button svg {
  height:35px !important;
  width: 40px !important;
}
.select_countery_wonddl div
{
  font-weight: 400 !important;
  color: rgb(150, 150, 150) !important;
}
.select_countery_wonddl{
  margin-top: -10px !important;
  float: left;
  padding-left: 15px;
}
@media screen and (max-width:567px){
  .select_countery_wonddl{
    padding-left: 5px !important;
  }
}
.won1_header_div input{
  padding-bottom: 10px;
}
.won1_header_div{
  padding-left:5px;
  padding-right:5px;
}
/* style={{
  display:
    this.state.check_country === "CA" && this.state.country === "Canada"? "block" : "none"
}} */
.country_shipbillingaddress{
  font-size:15px !important;
  min-width:280px !important;
}
@media screen and (max-width:500px){
  .country_shipbillingaddress{
    width:auto !important;
    min-width: 150px !important;
  }
}
.country_shipbillingaddress div{
left: -3px !important;
}
p .contest4_spantag{
  text-decoration: underline;
}
/* 21 august modification css property */
.contest_row  .contest_logodiv{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.socialshare_whitebgdiv{
  padding-top: 20px;
  background-color: white;
  padding-bottom: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: relative;
  margin: auto;
}
@media screen and (max-width:768px){
   .e_user_div_header
.remind_user_headerdiv{
  padding-left: 20px;
  padding-right: 20px;
}
  .menu_page_btndiv button{
    font-size:15px;
  }
 .socialshare{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    background-color: white;
 }
}
.menupage_nextarrow
{
 padding-top: 4px;
 padding-left: 10px;
}
@media screen and (max-width:480px){
  .vercode_txt {
    text-align: -webkit-center;
  }
  .phone_mobilelogo{
    padding-right: 5px;
    padding-top: 20px;
    width: 50px;
    float: left;
 }
 .phone_mobilelogofirst{
   display:none;
 }
 .phonenumber_text{
   max-width: 300px !important;
 }
}
@media screen and (min-width:480px){
  .vercode_txt {
    text-align: -webkit-center;
  }
  .phone_mobilelogo{
    display:none;
 }
}body {
  font-family: "Lato", sans-serif;
}
html {
  margin: 0;
  padding: 0;
  height: 100% !important;
  width: 100% !important;
  background: url(../images/bgimage1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
}
body {
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 100% !important;
  width: 100% !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* .test{margin-top:30px;} */
.email_class {
  margin-top: -10px;
}
.lastname {
  margin-top: -20px;
}
.horizontalli {
  list-style: none;
  margin-top: -10px;
}
/* .horizontalli .first{float:left;} */
.horizontalli li {
  display: inline;
}
.email_text {
  font-family: "Lato", sans-serif;
  position: relative;
  border-top: none rgb(255, 255, 255);
  border-left: none rgb(255, 255, 255);
  border-right: none rgb(255, 255, 255);
  border-bottom: none rgb(255, 255, 255);
  bottom: 8px;
  margin: 0px;
  outline: none;
  color: rgb(0, 0, 0);
  cursor: inherit;
  font-style: inherit;
  width: 400px;
  font-variant: inherit;
  font-stretch: inherit;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(1) translate(0px, 0px);
  transform-origin: left top 0px;
  user-select: none;
  font-size: 30px;
  line-height: 50px;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  margin-top: 14px;
  text-decoration-color: #000000;
}
.address_text {
  position: relative;
  border-top: none rgb(255, 255, 255);
  border-left: none rgb(255, 255, 255);
  border-right: none rgb(255, 255, 255);
  border-bottom: none rgb(255, 255, 255);
  bottom: 8px;
  margin: 0px;
  outline: none;
  color: rgb(0, 0, 0);
  cursor: inherit;
  font-style: inherit;
  width: 300px;
  font-variant: inherit;
  font-stretch: inherit;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(1) translate(0px, 0px);
  transform-origin: left top 0px;
  user-select: none;
  font-size: 30px;
  line-height: 50px;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  margin-top: 14px;
  text-decoration-color: #000000;
  font-weight: 300;
}
.autoscale_username {
  position: relative;
  border-top: none rgb(255, 255, 255);
  border-left: none rgb(255, 255, 255);
  border-right: none rgb(255, 255, 255);
  border-bottom: none rgb(255, 255, 255);
  bottom: 8px;
  margin: 0px;
  outline: none;
  color: rgb(0, 0, 0);
  cursor: inherit;
  font-style: inherit;
  width: 400px;
  font-variant: inherit;
  font-stretch: inherit;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  z-index: 1;
  transform: scale(1) translate(0px, 0px);
  transform-origin: left top 0px;
  user-select: none;
  font-size: 30px;
  line-height: 50px;
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  margin-top: 14px;
  text-decoration-color: #000000;
}
.addline2 {
  text-decoration: underline;
  color: #969696;
  cursor: pointer;
  font-size: 17px;
  margin-left: 216px;
  font-weight: 300;
}
.index_table {
  text-align: center;
}
.index_table tr td {
  padding-bottom: 7px;
}
.index_table .iam {
  font-size: 50px;
  font-family: "Lato", sans-serif;
  font: weight 400;
}
.index_table .btnfuctionality {
  border-radius: 15px;
  cursor: pointer;
  color: white;
  width: 150px;
  height: 150px;
  font-size: 26px;
  white-space: normal;
  word-wrap: break-word;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  border: 0px;
}
.index_table .btnfuctionality1 {
  background-color: #3ab34c;
}
.index_table .btnfuctionality2 {
  background-color: #026836;
}
/* text-shadow: 0px 0px 0 #023A21, 1px 1px 0 #023A21, 2px 2px 0 #023A21, 3px 3px 0 #023A21, 4px 4px 0 #023A21, 5px 5px 0 #023A21, 6px 6px 0 #023A21, 7px 7px 0 #023A21, 8px 8px 0 #023A21, 9px 9px 0 #023A21, 10px 10px 0 #023A21, 11px 11px 0 #023A21, 12px 12px 0 #023A21, 13px 13px 0 #023A21, 14px 14px 0 #023A21, 15px 15px 0 #023A21, 16px 16px 0 #023A21, 17px 17px 0 #023A21, 18px 18px 0 #023A21, 19px 19px 0 #023A21, 20px 20px 0 #023A21, 21px 21px 0 #023A21, 22px 22px 0 #023A21, 23px 23px 0 #023A21, 24px 24px 0 #023A21, 25px 25px 0 #023A21, 26px 26px 0 #023A21, 27px 27px 0 #023A21, 28px 28px 0 #023A21, 29px 29px 0 #023A21, 30px 30px 0 #023A21, 31px 31px 0 #023A21, 32px 32px 0 #023A21, 33px 33px 0 #023A21, 34px 34px 0 #023A21, 35px 35px 0 #023A21, 36px 36px 0 #023A21, 37px 37px 0 #023A21, 38px 38px 0 #023A21, 39px 39px 0 #023A21, 40px 40px 0 #023A21, 41px 41px 0 #023A21, 42px 42px 0 #023A21, 43px 43px 0 #023A21, 44px 44px 0 #023A21, 45px 45px 0 #023A21, 46px 46px 0 #023A21, 47px 47px 0 #023A21, 48px 48px 0 #023A21, 49px 49px 0 #023A21, 50px 50px 0 #023A21, 51px 51px 0 #023A21, 52px 52px 0 #023A21, 53px 53px 0 #023A21, 1px 1px 0 rgba(52, 126, 237, 0.98182), 2px 2px 0 rgba(52, 126, 237, 0.96364), 3px 3px 0 rgba(52, 126, 237, 0.94545), 4px 4px 0 rgba(52, 126, 237, 0.92727), 5px 5px 0 rgba(52, 126, 237, 0.90909), 6px 6px 0 rgba(52, 126, 237, 0.89091), 7px 7px 0 rgba(52, 126, 237, 0.87273), 8px 8px 0 rgba(52, 126, 237, 0.85455), 9px 9px 0 rgba(52, 126, 237, 0.83636), 10px 10px 0 rgba(52, 126, 237, 0.81818), 11px 11px 0 rgba(52, 126, 237, 0.8), 12px 12px 0 rgba(52, 126, 237, 0.78182), 13px 13px 0 rgba(52, 126, 237, 0.76364), 14px 14px 0 rgba(52, 126, 237, 0.74545), 15px 15px 0 rgba(52, 126, 237, 0.72727), 16px 16px 0 rgba(52, 126, 237, 0.70909), 17px 17px 0 rgba(52, 126, 237, 0.69091), 18px 18px 0 rgba(52, 126, 237, 0.67273), 19px 19px 0 rgba(52, 126, 237, 0.65455), 20px 20px 0 rgba(52, 126, 237, 0.63636), 21px 21px 0 rgba(52, 126, 237, 0.61818), 22px 22px 0 rgba(52, 126, 237, 0.6), 23px 23px 0 rgba(52, 126, 237, 0.58182), 24px 24px 0 rgba(52, 126, 237, 0.56364), 25px 25px 0 rgba(52, 126, 237, 0.54545), 26px 26px 0 rgba(52, 126, 237, 0.52727), 27px 27px 0 rgba(52, 126, 237, 0.50909), 28px 28px 0 rgba(52, 126, 237, 0.49091), 29px 29px 0 rgba(52, 126, 237, 0.47273), 30px 30px 0 rgba(52, 126, 237, 0.45455), 31px 31px 0 rgba(52, 126, 237, 0.43636), 32px 32px 0 rgba(52, 126, 237, 0.41818), 33px 33px 0 rgba(52, 126, 237, 0.4), 34px 34px 0 rgba(52, 126, 237, 0.38182), 35px 35px 0 rgba(52, 126, 237, 0.36364), 36px 36px 0 rgba(52, 126, 237, 0.34545), 37px 37px 0 rgba(52, 126, 237, 0.32727), 38px 38px 0 rgba(52, 126, 237, 0.30909), 39px 39px 0 rgba(52, 126, 237, 0.29091), 40px 40px 0 rgba(52, 126, 237, 0.27273), 41px 41px 0 rgba(52, 126, 237, 0.25455), 42px 42px 0 rgba(52, 126, 237, 0.23636), 43px 43px 0 rgba(52, 126, 237, 0.21818), 44px 44px 0 rgba(52, 126, 237, 0.2), 45px 45px 0 rgba(52, 126, 237, 0.18182), 46px 46px 0 rgba(52, 126, 237, 0.16364), 47px 47px 0 rgba(52, 126, 237, 0.14545), 48px 48px 0 rgba(52, 126, 237, 0.12727), 49px 49px 0 rgba(52, 126, 237, 0.10909), 50px 50px 0 rgba(52, 126, 237, 0.09091), 51px 51px 0 rgba(52, 126, 237, 0.07273), 52px 52px 0 rgba(52, 126, 237, 0.05455), 53px 53px 0 rgba(52, 126, 237, 0.03636), 55px 55px 0 rgba(52, 126, 237, 0); */
.index_table .btnfuctionality3 {
  background-color: #2a988f;
  width: 310px !important;
  height: 100px !important;
}
.index_table .btnfuctionality4 {
  background-color: #652e8b;
  width: 310px !important;
  height: 50px !important;
}
.index_table .btnfuctionality5 {
  background-color: #4e4e4e;
}
.index_table .other_btnfun1 {
  background-color: #eb7fb0;
}
.index_table .other_btnfun2 {
  background-color: #9b74c3;
}
.index_table .other_btnfun3 {
  background-color: #cd75cc;
}
.index_table .other_btnfun4 {
  background-color: #b99ad3;
}
.index_table .other_btnfun5 {
  background-color: #4d4d4d;
}
@media only screen and (min-width: 760px) {
  /*.index_table, .index_table tbody, .index_table th, td, tr {display: inline-block; margin-left:5px; text-align: center;}
.index_table .index_tablefirst{display:flex !important; text-align: center;}.iam{padding-top:70px; text-align:center; font-size:75px; padding-left:90px;} .iam_first{padding-left:270px;}*/
  .nextdiccenter {
    display: block !important;
    width: auto;
    margin-right: 100px;
  }
  .nextdiccenter .radiobuttons2 {
    left: 0;
    clear: both;
    margin-right: 150px;
  }
  .nextdiccenter .radiobuttons1 {
    left: 0;
    clear: both;
    margin-right: 253px;
  }
  .nextdiccenter .radiobuttons1 {
    left: 0;
    clear: both;
    margin-right: 253px;
    padding-top: 10px;
  }
  .center_tag {
    display: block;
  }
  
  .btn_done {
    cursor: pointer;
    border: 0;
    height: 40px;
    width: 100%;
    background-color: #026836;
    color: white;
  }
  .add_child {
    cursor: pointer;
    border: 0;
    height: 40px;
    width: 300px;
    background-color: #026836;
    color: white;
    float: right;
    margin-right: -329px;
    margin-top: 110px;
  }
  .h1datepicker {
    width: 100px;
    height: 100px;
    float: left;
    margin-top: 5px;
  }
  .dapi {
    font-size: 23px;
  }
  .fdrContent1 {
    display: none;
  }
  .fdr_Button {
    margin-left: 200px;
    margin-top: -200px;
  }
  .fdr_datepickerProperty {
    margin-left: -300px;
    margin-bottom: -150px;
    width: 75% !important;
  }
  .fdr_Button .btnyes,
  .btnno,
  .btnyesall {
    margin-right: 20px;
    width: 80px !important;
    height: 80px !important;
  }
  .btn_login,
  .btn_signup {
    width: 160px;
    height: 79px;
    font-family: "Lato", sans-serif;
    font-weight: 300;
  }
  .home_para {
    width: 611px;
  }
}
@media only screen and (max-width: 760px) {
  .familyshare_btnshare{
    padding-bottom: 40px;
  }
  .nextdiccenter .radiobuttons2 {
    float: left !important;
  }
  .btn_done {
    border: 0;
    height: 40px;
    width: 350px;
    background-color: #026836;
    color: white;
    margin-top: 50px;
    margin-bottom: 10px;
  }
  .h1datepicker {
    padding-top: 10px;
    text-align: center;
    width: 100px;
    height: 90px;
    margin-top: 13px;
    font-family: "Lato", sans-serif;
  }
  .h1datepicker > h1 {
    font-size: 13px;
    color: white;
    padding-top: 15px;
    font-family: "Lato", sans-serif;
  }
  .dapi {
    font-size: 23px;
  }
  .fdrContent {
    display: none;
  }
  .btn_login,
  .btn_signup {
    width: 160px;
    height: 79px;
    margin-top: 10px;
  }
  .home_btn {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .home_para {
    width: 100%;
  }
  html {
    background-position: right !important;
  }
  .datepickernext {
    margin-top: 0px !important;
  }
  .datepickernext2 {
    width: 100%;
  }
  .nextdiccenter .radiobuttons1 {
    left: 0;
    clear: both;
  }
  .contest_image_div {
    height: auto !important;
  }
  .donebtn {
    position: fixed;
    left: 0;
  }
  /* .familyshare_row {
    width: 370px !important;
  } */
  .fshare_divwidth {
    width: 150px !important;
  }
  .familyshare_row_first {
    overflow-x: hidden !important;
  }

  .next_right {
    right: 20px !important;
    bottom: 10px !important;
  }
  .next_left {
    bottom: 10px !important;
    left: 20px;
  }
  .prev_contest {
    bottom: 40px !important;
    left: 20px !important;
  }
  .next_contest {
    bottom: 40px !important;
    right: 20px !important;
  }
  .next_left_parent {
    bottom: 0 !important;
  }
}
/* @media only screen and (min-width: 480px) and (max-width: 760px) {
  .paddingResponsive {
    padding: 0px 4%;
  }
} */
.postalcode2 {
  width: 200px !important;
}
.datepickernext {
  
  max-width: 400px;
  padding-left: 10px;
  overflow-y: auto;
  height: 232px;
  overflow-x: hidden;
}
.datepickernext2 {
 
  max-width: 450px;
  padding-left: 10px;
  overflow-y: auto;
  height: 232px;
  overflow-x: hidden;
}
.pcafooter {
  display: none;
}
.yes_no {
  border: 10px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Lato, sans-serif;
  cursor: pointer;
  color: rgb(255, 255, 255);
  text-decoration: none;
  margin: 20px 20px 10px;
  padding: 0px;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  height: 49px;
  width: 140px;
  border-radius: 2px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background-color: #9e9e9e;
  text-align: center;
}
.tell_us {
  text-align: center;
  padding-top: 30px;
  font-family: lato;
}
.click_to {
  padding-right: 150px;
  padding-top: -20px;
}
.datepicker {
  position: absolute;
  left: 37%;
  overflow-y: scroll;
  height: 50%;
}
.container1 .center_align {
  padding-right: 20px;
  text-align: center;
  font-size: 2.1rem;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  padding-top: 30px;
}
.container1 .center_align_click {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  float: right;
  margin-right: 12px;
}
@media (max-width: 389px) {
  .container1 .center_align {
    font-size: 2rem;
    padding-right: 0px;
  }
  .center_align_click {
    font-size: 1rem;
  }
}
#existing text {
  font-size: 2rem !important;
  padding-right: 38px;
}
.radiobuttons2 text {
  font-size: 2rem !important;
  padding-right: 82px;
}
.radiobuttons2 {
  background: #f2f2f2 !important;
}
/* .paddingResponsive {
  margin: 0px 8px 0px 10px;
} */
/* Address page css property  */
.add_uppercase {
  text-transform: uppercase;
  font-size: 20px;
  background: none;
  color: black;
  border-bottom: 0;
  font-family: "Lato", sans-serif;
}
.dapi {
  font-size: 16px;
}
@media (max-width: 762px) {
  .date_datepicker {
    margin-left: -40px;
    width: 100px;
  }
}
.datepi {
  width: auto;
}
.address_state {
  color: black;
  font-weight: bold;
  width: 97px;
  font-size: 50px;
}
.address_statenxt {
  width: 198px;
  font-size: 48px;
  font-weight: 300;
  color: white;
  font-family: "Lato", sans-serif;
}
.address_linesecond {
  margin-top: -15px;
}
/* #existing{width:200px} */
.date_datepicker {
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
/* Family Declaration relation */
.relation_delete {
  /* background-color: rgb(200, 0, 0); */
    height: 79px;
    width: 50px;
    border: 0px;
    color: white;
    margin-top: 0px;
    cursor: pointer;
    padding: 15px 8px 22px;
}
.relation_edit {
  /* background-color: #9e9e9e; */
    height: 79px;
    width: 50px;
    border: 0px;
    color: white;
    margin-top: 0px;
    cursor: pointer;
    padding: 15px 0px 22px;
}
.fdrgirl {
  background-color: #fcb0d4;
  color: white;
  height: 80px;
  width: 80px;
  margin-top: 15px;
}
.fdrboy {
  background-color: #9bf1fe;
  color: white;
  height: 60px;
  width: 55px;
  margin-top: 15px;
  padding-top: 10px;
}
.fdrboydue {
  background-color: #d1f0f3;
  color: white;
  height: 60px;
  width: 55px;
  margin-top: 15px;
  padding-top: 10px;
}
.rowContainer {
  width: 330px;
  margin-top: 23px;
}
.birthdate {
  margin-left: -20px;
}
.secondgirl {
  margin-left: -20;
}
.second_row {
  margin-bottom: -15px;
}
.fdrCon {
  float: left;
  font-family: "Lato", sans-serif;
  margin-left: 9px;
}
.fdrCon1 {
  margin-top: -10px;
}
.btnyes {
  border: 0;
  margin-left: -30px;
  background-color: #006837;
  color: white;
  /* border-radius: 12px; */
  width: 100px;
  height: 100px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 17px;
}
.btnyesall {
  border: 0;
  background-color: #3ab54b;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
}
.btnno {
  border: 0;
  background-color: #c1282d;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
}
/* FDR Detail page define here */
.FDRTextbox {
  font-size: 20px;
  margin-top: 30px;
  width: 270px;
  border: 0px;
}
.btnadd {
  background-color: #3fa9f5;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
  font-size: 18px;
}
.btnaddall {
  background-color: #79c944;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
  font-size: 18px;
}
.btnadd:hover {
  background-color: #3fa9f5;
  color: white;
}
.btnaddall:hover {
  background-color: #79c944;
  color: white;
}
.alldone {
  width: 80px !important;
  height: 80px !important;
}
/* Contest page css property define  here */
/* anshu */
.rowContainerContest {
  max-width: 750px;
}
.rowContainerContest h4 {
  color: #969696;
  font-weight: 400;
  margin-top: 0px;
  padding-top: 16px;
  padding-right: 13px;
  font-size: 20px;
}
.rowContainerContest h4 span {
  color: black;
  font-weight: bold;
}
.contest_para {
  padding-top: 20px;
  color: black;
  font-size: 20px;
}
.btnenter {
  margin-bottom: 20px;
  border: 0;
  padding: 21px 12px !important;
  background-color: #2a3895;
  font-weight: bold;
  color: white;
  font-size: 25px;
  border-radius: 12px;
  width: 170px;
  font-size: 18px;
  font-family: "Lato", sans-serif;
  /* margin-top: 25px; */
  cursor: pointer;
}
.contest_row {
  display: flex;
}
/* anshu */
.contest_row .contest_row1 {
  height: 60px;
  background-color: #ffffff;
  width: 35%;
  font-weight: 200;
}
.contest_row .contest_row2 {
  background-color: #2a3795;
  height: 60px;
  width: 65%;
}
.contest_row .contest_row2 h4 {
  color: white;
  font-size: 17px;
}
.rowContainerContest hr {
  margin-top: -10;
  box-shadow: 0 30px 30px -30px #333;
}
/* anshu */
.contest_image {
  width: 100%;
  height: auto;
}
/* anshu */
/* .contest_image_div {
  height: 360px;
  overflow: hidden;
} */
.enter_skip {
  align-content: center;
}
/* Share page css Property */
.donebtn {
  width: 100%;
  max-width: 850px;
  height: 40px;
  bottom: 0;
  border: 0;
  background-color: #b3b3b3;
  cursor: pointer;
  color: white;
}
.btn_FamilyShare {
  font-size: 20px;
  cursor: pointer;
  border: 0;
  margin: 0px 1px 0px;
  background-color: #c1282d;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
}
.btn_SocialShare {
  font-size: 20px;
  border: 0;
  margin-left: -30px;
  margin: 0px 1px 0px;
  background-color: #415b95;
  color: white;
  border-radius: 12px;
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.socialshare h4 {
  font-size: 20px;
}
.socialshare p {
  margin-top: 0px;
  padding-bottom: 3px;
}
/* .sharebtn_div{margin-top:-10px;} */
.socialshare_btndiv {
  padding-top: 20px;
  padding-bottom: 30px !important;
}
/* Family Share page css Property define  */
.family_share p,
h3 {
  font-weight: 300;
  margin-top: 20px;
}
.family_share p {
  font-size: 30px;
  margin-top: 10px;
  padding-top: 50px;
}
.familyshare_header {
  color: "grey";
  font-size: 25px;
}
.first_name {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-size: 30px;
  border: none;
}
/* .paddingtop {
  padding-top: 30px;
} */
.familyshare_row {
  /* width: 500px; */
  margin-top:15px;
  margin-bottom:15px;
}
.familyshare_row_active {
  width: 500px;
}
.familyshare_row_first {
  height: 300px;
  overflow-y: auto;
}
.fshare_divwidth {
  width: 250px;
}
.familyshare_row .familyShare_gbdiv {
  background-color: #b58dce;
  padding-bottom: 10px;
}
.familyshare_relation .label,
SelectField {
  font-size: 25px;
  text-transform: uppercase;
}

.email_class1 {
  margin-top: -30px;
}
.family_emildiv {
  width: 157px !important;
  height: 90px;
  overflow-y: auto;
}
.familyshare_fullname {
  font-size: 15;
  color: #969696;
  margin: 0px;
  padding-top: 18px;
  float: left;
  padding-left: 5px;
}
.familyshare_email {
  font-size: 15;
  color: black;
  margin: 0px;
  float: left;
  padding-left: 5px;
  padding-top: 5px;
}
.fshare_editmail {
  margin-top: -10px;
}
/* family add relation css property */
.add_relation_margin {
  margin-top: -20px;
}
/*Modification   */
.fac_label {
  color: #969696 !important;
}
.lastname input {
  background: black !important;
}
input::-webkit-input-placeholder {
  background-color: transparent !important;
  background: transparent !important;
}
input::-moz-placeholder {
  background-color: transparent !important;
  background: transparent !important;
}
input::-ms-input-placeholder {
  background-color: transparent !important;
  background: transparent !important;
}
input::-moz-placeholder {
  background-color: transparent !important;
  background: transparent !important;
}

input#province2::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 19px !important;
}
input#province2::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 19px !important;
}
input#province2:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 19px !important;
}
input#province2:-moz-placeholder {
  /* Firefox 18- */
  font-size: 19px !important;
}

.autoscale_username::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 400 !important;
  color: #b3b3b3;
}
.autoscale_username::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400 !important;
  color: #b3b3b3;
}
.autoscale_username:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: 400 !important;
  color: #b3b3b3;
}
.autoscale_username:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 400 !important;
  color: #b3b3b3;
}

input#province2::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 19px !important;
}
input#province2::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 19px !important;
}
input#province2:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 19px !important;
}
input#province2:-moz-placeholder {
  /* Firefox 18- */
  font-size: 19px !important;
}

.address_text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b3b3b3 !important;
  font-weight: 400 !important;
}
.address_text::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3 !important;
  font-weight: 400 !important;
}
.address_text:-ms-input-placeholder {
  /* IE 10+ */
  color: #b3b3b3 !important;
  font-weight: 400 !important;
}
.address_text:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3 !important;
  font-weight: 400 !important;
}
input::-moz-placeholder {
  color: #e0deda;
  font-size: 25px;
  width: 400px;
  background-color: white;
}
::-webkit-input-placeholder {
  color: #e0deda;
  font-size: 25px;
  width: 400px;
  background-color: white;
}
.datepickernext1 {
  overflow-y: scroll;
  height: 250px;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  border-left: 0px !important;
  -webkit-box-shadow: 0 -23px 10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 11px 25px rgba(0, 0, 0, 0.2);
  box-shadow: inset 10px rgba(0, 0, 0, 0.2);
  display: grid;
  width: 100%;
  margin-top: 20px;
  padding-left: 15px;
}
.delete,
.edit {
  border: 0;
  font-size: 16px;
  color: white;
}
.delete {
  background-color: red;
}
.edit {
  background-color: darkseagreen;
}
.nextdiccenter {
  justify-content: space-evenly;
  max-width: 480px !important;
}
.rb {
  width: 75px;
}
.next_right {
  bottom: 50%;
  position: fixed;
  right: 20px;
  font-size: 50px;
  cursor: pointer;
}
.next_left {
  bottom: 50%;
  position: fixed;
  left: 20px;
  font-size: 50px;
  cursor: pointer;
}
.next_contest {
  bottom: 50%;
  position: fixed;
  right: 12%;
  font-size: 50px;
  cursor: pointer;
}
.prev_contest {
  bottom: 50%;
  position: fixed;
  left: 11%;
  font-size: 50px;
  cursor: pointer;
}
.next_left_parent {
  bottom: 50%;
  position: fixed;
  left: 20px;
  font-size: 50px;
  cursor: pointer;
}
/* terms & condition css property here */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: decimal;
}
details {
  background: #fff;
  font-size: 16px;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  display: flex;
}
details div.content {
  padding: 0px 24px 24px 24px;
}
details[open] summary:after {
  color: #9e9e9e;
  content: "expand_more";
  font-family: "Material Icons";
}
details[open] {
  border: none;
  border-radius: 2px;
}
details[open]:first-child {
  margin-top: 0;
  margin-bottom: 16px;
  border: none;
}
details[open]:last-child {
  margin-top: 16px;
  margin-bottom: 0px;
  border: none;
}
summary {
  outline: none;
  cursor: pointer;
  padding: 6px 6px;
  color: black;
  position: relative;
  font-size: 15px;
}
summary {
  background: #eeeeee;
}
details[open] summary:hover {
  background: none;
}
summary ul {
  padding-left: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
summary ul li {
  flex: 1 100%;
  flex-flow: row wrap;
}
summary::-webkit-details-marker {
  display: none;
}

summary::after {
  content: "expand_less";
  font-family: "Material Icons";
  color: #9e9e9e;
  font-size: 2.5em;
  padding: 0px;
  text-align: center;
  margin-top: 0;
  position: absolute;
  top: calc(50% - 8px);
  bottom: 0;
  right: 35%;
  width: 10%;
}

.panel {
  bottom: 0;
  position: fixed;
  max-width: 750px;
  width: 100%;
}
.panel_contant_div{
  overflow-y: auto;
}
.panel_contant {
  height: 300px;
}
/* home page css property */
.btn_login,
.btn_signup {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  cursor: pointer;
  font-size: 20px;
  border-radius: 10px;
  border: 0;
}
.btn_signup {
  background-color: #4d4d4d;
  color: white;
}
.btn_login {
  background-color: hsl(196, 94%, 50%);
  color: white;
}
.home_btn {
  padding-top: 40px;
}
.home_para {
  font-size: 24px;
  color: #969696;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  padding-top: 10px;
}
/* Basic contact detail's  */
.contact_detail {
  padding-top: 25px;
}
.first_Name {
  background: none;
  border-bottom: 0;
}
.email_detail {
  background: none;
  border-bottom: 0;
  color: black;
}
::placeholder {
  background: none;
}
.address_first {
  padding-top: 70px;
}
.setRelation_span {
  font-size: 18px;
  padding: 0;
}
body {
  margin: 0;
}
/* family page extra css page */
@media (min-width: 760px) {
  .h1datepicker > h1 {
    text-align: center;
    font-size: 13px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    padding-top: 25px;
    color: white;
  }
}
@media (max-width: 389px) {
  .h1datepicker > h1 {
    font-size: 13px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    padding-top: 15px;
    color: white;
  }
}
.dapi {
  font-weight: 400;
  color: #969696;
}
.nextdiccenter > .rb {
  font-size: 18px;
}
.birthdue_date {
  padding-top: 7px;
  float: left;
  color: #2d2d2d !important;
  margin-bottom: 5px;
}
/* contest page css file property  */
.contest_h6 {
  color: #969696;
  font-size: 13px;
  margin-top: 5px;
  max-width: 515px;
}
.btn_skip {
  font-size: 20px;
  cursor: pointer;
}
.titleValue {
  font-weight: 400;
  font-size: 14px;
  color: #969696;
}
.panel_contant {
  font-size: 13px;
  font-weight: 400;
  text-align:justify;
}
.panel_contant p{
  padding-top: 5px;
  padding-bottom: 5px;
}
.paddingtop70 {
  padding-top: 30px;
}
#delete_edit {
  margin-left: 20px;
}
#delete_edit img {
  visibility: hidden;
}
.delete_img,
.edit_img {
  height: 100px;
  width: auto;
  cursor: pointer;
  padding-top: 5px;
}
.contest_pagebg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #efefef;
  overflow: auto;
  background: white;
}
#delete_edit:hover img {
  visibility: visible;
}
.paddingResponsive:hover #delete_edit > img {
  visibility: visible;
  cursor: pointer;
}
.paddingtop_view_profile {
  padding-top: 70px;
  text-align: center;
  margin: 0px 370px 0px;
}
.familyshare_relation_name {
  /*padding-top: 10px; */
    width: 90px;
    height: 90px;
    float: left;
    margin-top: 10px;
    color: #ffffff;
    display: flex;
}
.familyshare_relation_name h4 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 17px;
  margin:auto;
}

/* kill test question css page property */
.skilltestquestion_div {
  font-size: 25px;
  line-height: 30px;
}
.skilltestquestion_div .label {
  font-weight: 100;
}
.skilltestquestion_div .space_top {
  margin-top: 60px;
  max-width: 600px;
  margin: auto;
  color: #444444;
  font-family: lato;
}
.skilltestquestion_div .label_first {
  font-weight: 300;
}
.skilltestquestion_div .label_second {
  font-weight: 800;
  color: black;
}
.skilltestquestion_div .btn_option {
  margin-top: 6 !important;
  color: white;
  background-color: #08b9f7;
  height: 30px;
  width: 70px;
  border: 0;
}
.skilltestquestion_div .btn_option_first {
  margin-right: 85px;
}
.skilltestquestion_div .btn_option_second {
  margin-left: 20px;
}
.skilltestquestion_div .btn_option_third {
  margin-left: 200px;
}

/* anshu */
.drawer {
  height: 100%;
  float: left;
  overflow: overlay;
  position: absolute;
  overflow-y: hidden;
  top: 0;
}
/* anshu */
.ptop_phone {
  padding-top: 70px;
  padding-left: 4px;
  padding-right: 4px;
}
.ptop_phone label {
  line-height: 22px;
}
.homediv_alertmsz {
  height: 50px;
  width: 400px;
  margin-top: 40px;
  background-color: #f08681;
  color: white;
}
.homediv_alertmsz p {
  float: left;
  font-size: 20px;
  font-family: "Lato", sans-serif;
  padding-top: 12px;
  padding-left: 20px;
}
.familyshare_managep {
  line-height: 75px;
}
.drawer_list {
  cursor: pointer;
}
.place::placeholder {
  color: grey;
}
.phonenumber_para {
  font-size: 17px;
  font-family: "Lato", sans-serif;
}
.phonenumber_para1 {
  font-size: 17px;
  font-family: "Lato", sans-serif;
  display: flex;
}
.phonenumber_codediv {
  width: 100px;
  background: black !important;
  height: 2px;
  margin-top: 10px;
  align-content: center;
  margin-left: auto;
}
.phonenumber_codediv1 {
  width: 100px;
  background: black !important;
  height: 2px;
  margin-top: 10px;
  align-content: center;
  margin-right: auto;
}
.phonenumber_collresend a {
  text-decoration: none;
  font-family: "Lato", sans-serif;
}
.phonenumber_collresend > .anchor_first {
  color: #9fd879;
  margin-top: -20px;
}
.phonenumber_collresend > .anchor_second {
  color: #176a3a;
}

/* ashish */
.familyshare_btndone {
  margin-top:80px;
}
@media only screen and (max-width: 768px) {
  .inner_container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
.delete_imgsecond,
.edit_imgsecond {
  height: 70px !important;
  padding-top: 15px !important;
}
#btn_slide>div{display: flex;}
@media only screen and (max-width: 568px) {
  .fac_button_div .fac_btn_both_div{
    width:100% !important;
  }
  .fac_button_div{
    padding-left:0px;
  }
  .datepickernext{
    padding-left: 20px !important;
  }
  fac_btn_both_div {
    padding-right: 10px;
    margin: initial;
}
  .h1datepicker {
    padding-top: 0px;
    text-align: center;
    width: 80px;
    height: 80px;
    margin-top: 13px;
    font-family: "Lato", sans-serif;
   }
  .buttonselectclass {
    width: 80px !important;
    height: 80px !important;
    padding: 2px !important;
  }
  .rowContainerContestExt {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .phonenumber_codediv,
  .phonenumber_codediv1 {
    width: 80px !important;
  }
  .phonenumber_para1,
  .phonenumber_span h1 {
    font-size: 15px !important;
  }
  .homediv_alertmsz {
    width: 100%;
  }
  .homediv_alertmsz p {
    padding-top: 5px !important;
  }

  .contest_row .contest_row2 {
    height: auto !important;
  }
  .contest_row .contest_row2 h4 {
    padding: 8px 6px !important;
    margin-bottom: 0px;
  }
  .rowContainerContest h4 {
    margin-bottom: 0px !important;
    padding: 8px 3px !important;
  }
  .contest_h6 {
    padding: 0px 12px !important;
  }

  .container-fluid,
  .containerfluid {
    padding: 0px 10px;
  }
  /* hr {
    padding: 0px 10px;
  } */
  .container-fluid input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 22px !important;
  }
  .container-fluid input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 22px !important;
  }
  .container-fluid input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 22px !important;
  }
  .container-fluid input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 22px !important;
  }

  .nextdiccenter nav {
    padding-top: 5px;
  }

  

  .active_later {
    display: block !important;
  }

 
  .home_para {
    line-height: 28px;
  }
  .welcome_txt {
    font-size: 34px !important;
  }
  .welcome_txt2 {
    font-size: 34px !important;
    line-height: 46px !important;
  }
  
  .relation_delete,
  .relation_edit {
    height: 79px !important;
    width: 40px !important;
    padding: 15px 2px !important;
  }
  .fshare_divwidth {
    width: 172px !important;
  }
  .bcd_hr,
  .email_text,
  .autoscale_username {
    width: 100% !important;
  }
  
  .container1 .center_align {
    margin-top: 5px !important;
    display: block !important;
    line-height: 35px !important;
  }
  button.btn_done {
    width: 100% !important;
    font-size: 13px;
    font-family: "Lato", sans-serif;
  }
}
.dapi1 > label {
  padding-right: 30px !important;
}
.active_later img {
  padding-left: 8px;
}
p.setRelation_or {
  padding-top: 5px;
}

.active_later {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  -o-border-radius: 12px;
  font-size: 25px;
  line-height: 28px;
  color: #000;
  padding: 18px 32px;
  text-decoration: none;
}
.mainactive_later {
  text-align: center;
}

.rowContainerContestExt {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);


    top: 0;
    border: 9;
    bottom: 0;
    left: 0;
    right: 9;
    right: 0;
    position: absolute;
    margin: auto;
    overflow: auto;

    -ms-overflow-style: none;  
    overflow: -moz-scrollbars-none;
   
}


/*
::-webkit-scrollbar { 
  display: none; 
} */
  

.rowContainerContestExt::-webkit-scrollbar { 
display: none;  
}
/* .add_select select{
    text-transform: uppercase;
    text-align: center;
    height: auto;
    width: 200px;
    margin-top: 22px;
    padding: 12px 12px;
    line-height: 32px;

}
.addrelation_dropdown{
    background-color: white;
    width: 164px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
} */
.ddm hr {
  display: none;
}
.ddm {
  margin: 12px;
}
.viewprofile_button {
  width: 100px;
  height: 25px;
  background-color: #08b7f7;
  border: 0px;
  color: white;
  font-size: 15px;
  margin-top: 5px;
}

.phonenumber_span div {
  text-align: center !important;
  font-size: 0px !important;
  text-shadow: block !important;
  padding: 0px !important;
  position: relative !important;
  width: auto !important;
  top: -20px !important;
  right: 0px !important;
  background-color: transparent !important;
  font-family: lato !important;
}
.phonenumber_span h1 {
  font-family: "Lato", sans-serif !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  color: black !important;
  line-height: 56px;
}

.black {
  background-color: black;
}
a.skip_link {
  cursor: pointer;
}

@media only screen and (max-width: 760px) {
  .btn_done {
    margin-bottom: 0px !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
  }
}

@media only screen and (max-width: 568px) {
  
   .product_orientation_footer_div {
	    padding-left: 12px !important;
	    padding-right: 12px !important;
	}
	.product_orientation_footer_div p {
	    font-size: 12px !important;
	    padding-top: 7px !important;
	    line-height: 17px !important;
	}
	.product_orientation_price_div .product_orientation_price_div_two, .product_orientation_price_div .product_orientation_price_div_one {
	    padding-top: 0px !important;
	    padding-left: 0px !important;
	    text-align: center !important;
	}
	.product_orientation_price_div {
	    min-height: 31px !important;
	    height: auto !important;
	    background-color: transparent !important;
	}
	.product_orientation_price_div {
	    margin-top: 2px;
	}
	.product_orientation_orderbtn_div {
	    padding-top: 10px !important;
	}
	.product_orientation_orderbtn_div button {
	    min-height: 31px;
	    height: auto !important;
	    font-size: 14px !important;
	}
	.product_orientation_ul {
	    font-size: 11px !important;
	    line-height: 16px !important;
	}
  
    .next_contest {
	    bottom: 6px !important;
	    z-index: 1;
	    width: 22px;
	}
	img.prev_contest {
	    bottom: 6px !important;
	    z-index: 1 !important;
	    width: 22px !important;
	}
	summary::after {
       font-size: 1.5em;
   }
  .fshare_divwidth {
    overflow-x: auto !important; 
  }
  .max-w-100 {
    max-width: 65px !important;
  }
  .next-arrow, .prev-arrow {
    bottom: 10px !important;
    top: initial !important;
  }

  .mt40.perk_checkoutMain {
    margin-top: 15px !important;
  }
  a.perk_checkout.white-btn.px20.py20 {
    padding: 10px 35px !important;
  }
  .perks_banner.mt50 {
    margin-top: 12px !important;
  }
  .btnenter {
    padding: 8px 12px !important;
    background-color: #2a3895;
    font-weight: bold;
    font-size: 16px;
  }
  .contest_h6 {
    margin-bottom: 0px !important;
  }

  p.page-txt.mt20,
  span.subtitle {
    /*font-size: 16px !important;
    line-height: 22px;*/
  }
  .welcome_txt2.mt20.text-center {
    margin-top: 5px !important;
  }

  .welcome_txt2.mt20.text-center {
    font-size: 26px !important;
    line-height: 34px !important;
  }
  p.subtitle.mt20,
  p.page-txt.mt20 {
    font-size: 18px;
    line-height: inherit !important;
  }
  p.page-txt.mt20 {
    margin-top: 6px !important;
  }

  .welcome_txt.mt20 {
    margin-top: 0px !important;
  }
  .welcome_txt.mt20 {
    margin-top: 24px !important;
  }
  button.btnenter {
    margin: 2px 0px;
  }
  .mt50.mb50.text-center {
    margin: 12px 0px 5px !important;
  }
  .welcome_txt {
    margin-top: 5px !important;
  }
  .inner_container2.mt40 {
    margin-top: 20px !important;
  }
  a.skip_link {
    cursor: pointer;
    font-size: 16px !important;
  }
  .white_container {
    padding: 20px !important;
  }
  p.page-txt.mt50 {
    margin-top: 0px !important;
  }
  .welcome_img.mt50.text-center {
    margin-top: 20px !important;
  }
  .welcome_img.mt50.text-center img {
    width: 140px !important;
  }
  .welcome_img img {
    width: 100px;
  }
  .contast3_img img {
    width: 62px !important;
  }

  .welcome_txt {
    margin-top: 4px !important;
  }
  .welcome_img.text-center.mt20 {
    margin-top: 0px !important;
  }
  .datepickernext,
  .datepickernext2 {
    height: auto !important;
  }

  .btn_signup,
  .btn_login {
    width: 100% !important;
  }
  .home_btn {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }
  .home_para {
    font-size: 22px !important;
  }
  p.mt70.subtitle {
    margin-top: 50px;
    font-size: 20px;
  }
  .mainactive_later.mt70 {
    margin-top: 18px !important;
    margin-bottom: 0px;
  }
  p.page-txt.mt40 {
    margin-top: 12px !important;
  }
  .active_later {
    font-size: 16px !important;
    padding: 30px !important;
    margin-top: 20px !important;
  }
  p.title3.mt50.text-center {
    margin-top: 120px !important;
  }
  p.page-txt.mt40 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .index_table .btnfuctionality {
    font-size: 20px !important;
  }
}
@media only screen and (max-width: 282px) {
  .home_logo {
    width: 100% !important;
  }
}
.managed_data {
  flex: 1;
}
.managed_data1 {
  flex: 1;
}
.managed_data div {
  display: block !important;
}
.cal_sec {
  text-align: left !important;
}
a {
  cursor: pointer;
}
.mt50-preaks {
  padding-top: 15px;
}
/* .welcomepage_topspace{margin-top:20px !important;}
.welcomepage_subtitle{padding-top:30px;} */

.practice_tab {
  padding-top: 40px;
}
.practice_tab .panel-body {
  padding: 40px 35px;
}
.practice_tab h3 {
  text-align: center;
}
.practice_tab .panel-body h4 {
  padding-top: 15px;
}
.practice_tab p {
  font-size: 18px;
  color: #5f5e5e;
  line-height: 28px;
}
.practice_tab p a {
  margin-top: 20px;
}
.practice_tab .panel-group h4 a {
  display: block;
  text-decoration: none;
  padding: 10px 15px;
}
.practice_tab .panel-group h4 a {
  background-color: #1d3c48;
  border: 0px;
  color: #fff;
}
.practice_tab .panel-group h4 a:hover {
  background-color: #5f747c;
}
.practice_tab .panel-heading a[aria-expanded="true"],
.practice_tab .panel-heading a[aria-expanded="true"]:hover {
  background-color: #ffcf2c;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #1d3c48;
}
.practice_tab .panel-heading {
  padding: 0px;
}

.paddingResponsive {
  display: flex;
}

@media only screen and (max-width: 768px) {
  .managed_data {
    flex: initial !important;
  }
  .date_datepicker {
    width: 56% !important;
  }
}

@media only screen and (max-width: 580px) {
  .date_datepicker {
    width: 44% !important;
  }
}

.date_datepicker {
  text-align: left;
}
/* .date_datepicker1 {
  width: 22%;
} */
.date_datepicker2 {
  width: 43%;
}
.date_datepicker3 {
  width: 35%;
}
@media only screen and (min-width: 599px) {
  button.btn_signup {
    margin-right: 5px;
  }
  .btn_login {
    margin-left: 5px;
  }
}
@media only screen and (max-width: 599px) {
  .rowContainerContest h4 {
    font-size: 15px !important;
  }
  summary::after {
    right: 22% !important;
  }
}
@media only screen and (max-width: 768px) {
  summary::after {
    right: 32%;
  }
}

.contest_h6 {
  font-weight: normal;
}
.contest_para, .rowContainerContest h4 {
  padding-left: 10px !important;
  padding-right: 10px !important;
  line-height: 18px;
  padding-bottom: 18px;
  margin-bottom: 0px;
}
.welcome_img.mt50-preaks.text-center {
  margin: 20px 0px 20px;
}
.mt50.mb50.text-center {
  margin-top: 32px !important;
}

/* div {
  text-transform: capitalize;
} */
.email_exist p{
  text-align: center;
}
.email_exist p {
  font-size: 34px;
  color: #5d5d5d;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 12px;
}
.email_exist input {
  font-size: 34px;
  color: #808080;
  font-family: "Lato", sans-serif;
  margin-bottom: 12px;
  font-weight: 600;
  outline: none;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
}
.clk_here a { 
  color: #3fa9f5;
  text-decoration: none;
  line-height: 50px;
}
.clk_here a:hover {
  color: #925b5bfa;
}
.clk_here { 
  font-size: 56px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 18px;
}
.email_exist_upr {
  padding-top: 46px;
    /* margin: 62px 0px 65px; */
    /* padding: 5px 12px; */
    line-height: 29px
}
.nw_familyOne input[type="button"] {
  font-family: "Lato", sans-serif;
  cursor: pointer;
  border-radius: 10px;
  border: 0;
  background: #4d4d4d;
  color: #ffffff;
  padding: 16px 12px;
  width: 44%;
  font-weight: 500;
  font-size: 31px;
  margin-top: 25px;
}
.nw_familyOne p {
  font-size: 34px;
  color: #5d5d5d;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 22px;
}
/* .nw_familyOne {
  margin-top: 155px;
} */
@media only screen and (max-width: 768px){
  .nw_familyOne input[type="button"] {
    width: 70%;
  }
}
@media only screen and (max-width: 599px){
  .nw_familyOne {
    margin-top: 50px;
  }
  .email_exist input, .email_exist p {
    font-size: 25px;
  }
  .clk_here {
    font-size: 35px;
  }
  .nw_familyOne p {
    font-size: 28px;
  }
  .email_exist_upr {
    margin: 40px 0px 30px;
  }
  .nw_familyOne input[type="button"] {
    padding: 8px 12px;
    width: 70%;
    font-size: 28px;
    margin-top: 15px;
  }
  .num_scetion {
    position: initial !important;
  }
}

.add_info p {
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 12px;
  line-height: 32px;
}
.ver_code {
  background: #f2f2f2;
  display: flex;
  text-align: center;
  justify-content: center;
}
.vercode_txt {
  padding-left: 28px;
}
.vercode_txt {
  text-align: left;
}
.vercode_txt p {
  font-size: 30px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  line-height: 40px;
  padding: 17px 0px;
}
.num_scetion p {
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  margin-bottom: 12px;
  line-height: 32px;
}
/* .num_scetion input[type="text"] {
  border: 1px solid black;
  padding: 9px 12px;
  width: 365px;
  margin-top: 8px;
} */
.num_scetion {
  position: relative;
}
.num_scetion_nxt img {
  width: 51px;
  cursor: pointer;
}
.num_scetion_nxt {
  position: absolute;
  top: 25%;
  bottom: 25%;
  right: 2%;
}
.mask_scetion label,.mask_scetion input {
  background-color: transparent;
  font-size: 30px;
  text-align: center;
  outline: none;
  /* border-bottom: 1px solid #736060; */
  width: 30%;
}
.add_info_upr, .num_scetion_upr{
  /* background: #ffffff; */
  padding: 20px 12px;
  background-color: #e6e6e6;
}
 .ver_code{
  padding: 20px 12px;
}
/* .add_info {
  width: 38%;
} */
.edit_num a {
  color: #666666;
  font-weight: 600;
  margin-top: 3px;
  display: block;
}

@media only screen and (max-width: 1200px) {
  .num_scetion input {
    width: 35%;
   }
   /* .add_info {
    width: 55%;
 } */

}

@media only screen and (max-width: 599px) {
  .stepTwo_go input {
    width: 45% !important;
  }
  .add_info, .num_scetion input  {
    width: 100% !important;
  }
  .add_info_upr, .num_scetion_upr, .ver_code {
    padding: 26px 12px;
  }
  .vercode_txt p, .add_info p, .num_scetion p {
    font-size: 25px;
    line-height: 31px;
  }
  .num_scetion_nxt {
    text-align: right;
    margin-top: 5%;
    top: inherit;
    bottom: 10px !important;
  }
  .num_scetion_pre {
    margin-top: 5%;
    top: inherit !IMPORTANT;
    bottom: 10px !important;
  }
  .stepTwo_go input {
    width: 50% !important;
  }

}
.stepTwo_go input {
  font-size: 30px;
  text-align: center;
  outline: none;
  border-bottom: none !important;
  width: 20%;
  background: #ff5400;
  color: #ffffff;
  padding: 12px 12px;
  border-radius: 12px;
  cursor: pointer;
  margin-top: 30px;
}
.ph_cancle {
  text-align: center;
  cursor: pointer;
  /* position: fixed; */
  /* bottom: 0; */
  width: 100%;
}
.ph_cancle_phonetwo{
   padding-bottom: 1%;
   text-align: center;
   cursor: pointer;
    /* padding: 50px 0px; */
    /* position: fixed; */
    /* bottom: 0; */
    width: 100%;
  }
.resend_call {
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  padding: 20px 0px;
  font-weight: 300;
  color: #537eaa;
  /* position: fixed; */
  /* bottom: 0; */
  width: 100%;
}
.mask_scetion_final input {
  font-size: 30px;
  text-align: center;
  outline: none;
  border-bottom: none !important;
  width: 20%;
  color: #abababe8;
}
.num_scetion_final {
  background: #f2f2f2 !important;
  padding: 42px 12px 94px;
}
/* input {
  background: transparent !important;
} */
.num_scetion_nxt {
  z-index: 999999;
}
.num_scetion_pre {
  position: absolute;
  top: 22%;
  bottom: 22%;
  left: 2%;
  z-index: 999999;
}
.num_scetion_pre img {
  width: 51px;
  cursor: pointer;
}
/* .next_right, .next_left, .active_later img, .next_right, div#btn_arrow img, .delete_imgsecond, .edit_imgsecond {
  z-index: 999999;
} */
/* Prashant Mishar 12/07/018 modification */
@media only screen and (min-width: 568px) {
  .familyshare_row {
    width: 500px;
  }

  .fshare_divwidth {
    overflow-x: hidden !important;
    overflow-y: hidden !important; 
  }
}

/* edit pae property define  */
.edit_page{
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  margin:auto;
  background-color:#efefef;
  overflow: auto;
}
.edit_page_header{
  width:720px;
  height: auto;
  margin: auto;
  overflow: auto;
  background-color:white;
}
.edit_page_header_div{
  padding-left:30px;
  padding-right:10px;
  padding-top:50px;
  margin-bottom: 24px;
}
.edit_page_header_div_first p{
  font-size: 40px;
  line-height: 45px;
  font-weight: bold;
  font-family: lato;
  }
  .btn_editname{
    font-family: lato;
    float:right;
    width:250px; 
    height:60px; 
    font-size:25px; 
    color:white;
    border: 0px;
    border-radius:15px;
    background-color: #4d4d4d; 
  }
  .edit_page_header_div_first > .email, .email a{
    font-weight: 400;
    font-size: 30px;
    color: #969696;
  }
  .edit_page_header_div_first > .email span{
    color:black; 
    font-size:30px;
  }
  .edit_page_header_div_bgcolor{
    background-color: #f2f2f2;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    line-height: 40px;
  }
.edit_page_header_div_first .address{
  font-weight: 300;
}
.edit_page_header_div_first span{
  display: flex;
  font-weight: 400;
  font-size: 30px;
  color: #969696;
}
.edit_page_header_div_first span .email_first{
  padding-left:15px;
}
.street_addresss{
  padding-top:10px;
}
.child_info{
  line-height: 40px;
}
.edit_footer{
  padding-top:30px !important;
}
.edit_footer>.donebtn{
  height:50px !important;
  font-size: 25px !important;
  background-color: #04d9fc !important;
  font-weight: 300;
}
@media only screen and (max-width:600px){
  .edit_page_header{
   width: auto !important;
   height: auto !important;
   overflow: auto !important;
  }
  .btn_editname{
    width:150px;
    font-size:20px;
  }
  .edit_footer {
    padding-top: 60px !important;
   }
}

/* connect page css property define */
.connect > label{
  font-size:30px;
  }
  .home_btn .btn_decline{
  padding-top:40px;
  font-size: 30px;
  cursor: pointer;
  font-weight: 300;
  }
  .btn_connect{
  font-size: 30px;
  background-color: #ca0086 !important;
  font-weight: bold !important;
  height:110px !important;
  width:300px !important;
  border-radius: 20px;
  }
  @media only screen and (max-width:760px){
 .f_share_img_div .pare_social{
   padding-left: 10px !important;
   font-size: 17px !important;
    }
    .f_share_img_div .fs_img {
      max-width: 300px !important;
      padding-right: inherit !important;
     }
  
  }
   /*family share1 page define some css property */
   .f_share_img_div{
     display: flex;
    min-height: 132px;
    background-color: white;
    max-width: 750px;
    margin: auto;
  }
  .fs1_whitebtn{
    max-width: 450px;
    margin: auto;
  }
  .f_share_img_div .fs_img{
    width: auto;
    padding: 25px;
    height: 80px;
  }
  @media screen and (max-width:565px){
    .f_share_img_div .fs_img{
      width: 200px;
    }
  }
  @media screen and (max-width:400px){
    .f_share_img_div .fs_img{
      width: 150px;
    }
  }
  .f_share_img_div .pare_social{
    max-width: 457px;
    margin: auto;
    padding-left: 100px;
    font-size: 17px;
    font-family: lato;
  }
  .f_share_img_div_second{margin-top:20px;}
  .contest4_max-w{max-width:170px;}


  /* existing user css property deffine */
.e_user_div_header{
  font-family: "Lato", sans-serif;
  max-width: 562px;
  position: inherit;
  left: 0;
  right: 0;
  margin: auto;
  }
  .e_user_first_div{
  padding-top: 25px;
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  }
  .e_user_first_div .e_user_img{
  max-width: 250px;
  padding-top: 50px;
  }
  .e_user_first_div .e_user_pare{
  font-size: 50px;
  padding-top: 20px;
  font-weight: 300;
  }
  .e_user_first_div .e_user_img_one{
  padding-top: 20px;
  max-width: 233px;
  }
  .e_user_first_div .e_user_pare_one{ 
  padding-top: 15px;
  font-size: 25px;
  color: #969696;
  font-weight:300;
  line-height:26px !important;
  } 
  .e_user_first_div span{
  font-weight: bold;
  }
  .e_user_second_div .e_user_btn_prev{
  bottom:0px;
  left: 20px;
  }
  .e_user_second_div{
  padding-top: 30px;
  padding-left: 20px;
  }
  /* contest logo img modify */
  @media only screen and (max-width: 568px) {
    .contest_row .contest_row1 {
      height:auto !important;
    }
    .fma_btndone_div>button {
       bottom:0 !important; 
    }
    .phoneno_three_header_div{
      text-align: center;
    }
    .phone_class{
      position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #e6e6e6 !important;
    }
    .family_share{
      text-align: center !important;
    }
   .familyshare_divwidth {
      max-width: 500px;
    }
   .fac_btndone_div{
     padding-bottom: 42px !important;
   }
   .next_right {
      bottom: 10px !important;
   }
  .contest_logo_img{
    max-width:100px !important;
    /* padding-top: 10px; */
  }
}
.contest_logo_img{
  max-width:130px;
}
@media only screen and (max-width:319px){
  .contest_logo_img {
    padding-top: 10px; 
  }
}
/* family add children modification  */

.fac_header_text{
  text-align: center;
  padding-top: 20px;
  font-size: 30px;
  font-weight: 300;
}
.click_to_add_div label{
  font-weight: 300;
  font-size: 18px
}
.fac_button_div .fac_btn_both_div{
  width:82%;
  padding-left:10px;
}
.fac_btn_both_div .radiobuttons1{
  padding-top: 10px;
}
.fac_btndone_div{
  padding-left: 15px;
  padding-top: 0px;
  padding-bottom: 20px;
}
.fac_btndone_div .fac_btn_done{
    width: 100%;
    height: 40px;
    border: 0px;
    color: white;
    background-color: darkgreen;
    font-size: 17px;
    font-family: lato;
}
.fac_btn_form{
  display: flex;
}


 .addchildren_img_div{
  text-align: center;
  position: relative;
}
 .addchildren_img_div img{
  width: 275px;
}
.addchildren_img_text{
  position: absolute;
  top: 54px;
  padding-left: 123px;
  font-size: 29px;
  line-height: 28px;
  font-weight: 350;
}
.fac_bgcolor .addchildren_text{
  text-align: center;
    font-size: 38px;
    font-weight: 400;
    line-height: 50px;
    color: white;
}
.fac_bgcolor .addchildren_text p{
  font-family: lato;
}
#datepicker >.fac_bgcolor{
  max-width: 319px;
  height: 287px;
  background-color: #666666;
}
.fac_button_div{
  padding-left:10px;
}
#datepicker{
  padding-right:15px;
  padding-bottom: 10px;
}
.fac_btndone_div{
  padding-top: 10px;
}
@media (min-width: 992px) {
  .datepickernext2 {
    padding-left: 5px !important;
   }
  .fac_btndone_div {
    padding-left: 10px !important;
  }
  .fac_header{
    overflow:auto;
    height:450px;
    border:1px solid gainsboro;
    background-color:rgba(315, 383, 413, .6);
    margin: auto;
    max-width: 850px !important;
    margin-top: 60px;
  }
  .fac_button_div,#datepicker{
    width: 50%; 
  }
}
@media (max-width: 992px) {
  
  .fac_btn_form{
    display: block;
  }
  .fac_header {
    margin-top: 30px;
 }
 .fac_bgcolor{
  display: none;
 }
 .fac_button_div, #datepicker {
  margin: auto;
 }
 .fac_btn_both_div{
   margin:auto;
 }
 .fac_button_div .fac_btn_both_div {
  max-width:400px;
  padding-left:0px;
 }
 .click_to_add_div{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
 }
 .datepickernext {
  max-width: 370px;
  margin: auto;
}
.fac_btndone_div{
  max-width: 370px;
  margin:auto;
}
.datepickernext2 {
  max-width: 370px ;
  padding-left: 15px;
 }
}
/* end media */
.datepickernext2{margin:auto;}
.fac_btn_arrrow{
  padding-left:10px;
  padding-right:10px;
}
.fma_btndone_div{
  max-width: 400px;
}
.fma_btndone_div>button {
  /* bottom: 134px;  */
  /* position: fixed; */
  border: 0 !important;
  width: 400px;
  height: 35px;
  color: white;
  font-size: 20px;
  font-family: lato;
  background-color: #b3b3b3;
}
fac_divheader{
 text-align: center;
}
.report_label_div{
   font-size: 33px;
   font-family: lato;
   font-weight: 350;
   text-decoration: underline;
}
.report_select_box{
  height: 39px;
  font-size: 13px;
  font-family: lato;
  font-weight: 400;
}
.fac_divheader{
  text-align: center;
}

/* boxes on desktop css */
.test>.padding_top{
  min-height: 250px !important;
  padding-top: 20px !important;
  }
.test>.padding_top_address{
  max-height: 250px !important;
  padding-top: 20px !important;
 }
@media only screen and (max-width: 992px) {
 
  .addchildren_img_div{
    display: none;
  }
  .index_page_header{
    padding-top:30px;
  }
  .add_relation_tag{
   line-height: 45px;
   padding-top:10%;
  }
  .orientation_first_div{
    top:0;
    bottom:0;
    left:0;
    right:0;
    position: absolute;
    background: white;
  }
  .skilltestquestion_div {
    text-align:center;
  }
.fma_btndone_div {
    padding-left: 10px !important;
    padding-right: 10px !important;
 }
 .fma_btndone_div>button{
   width: 100% !important;
 }
  .bcd_hr{
    width: 400px;
  }
}
@media only screen and (min-width: 992px) {
  /* .fac_btn_next_div img,
  .fac_btn_prev_div img{
    width:85px;
  } */
  .bcd_hr{
    max-width:400px;
  }
  .nw_familyOne{
    padding-top:50px;
  }
  
  .bcd_header_div_margin{
    margin-top: 20px;
    text-align: center;
  }
  .allpages_desktop_boxes_div{
    -webkit-box-shadow:0px 0px 20px 0px rgba(219,219,219,1);
    -moz-box-shadow:0px 0px 20px 0px rgba(219,219,219,1);
    box-shadow: 0px 0px 20px 0px rgba(219,219,219,1);
    background-color: rgba(315, 383, 413, .6);
    overflow:hidden;
    max-width: 800px;
    min-height: 425px;
    padding-top: 50px;
    margin:auto;
  }
  .index_pt{
    padding-top: 10px !important;
    min-height: 470px !important;
  }
  .setrelation_header_div{
    padding-top: 10px !important;
    min-height: 525px !important;
    margin-bottom: 10px;
  }
  .socialshare{
    border: 1px solid gainsboro;
    background-color: rgba(315, 383, 413, .6);
  }
  .familyshare_header_div{
    padding-top: 0px !important;
  }
  .familyshare_row{
    /* border: 1px solid gainsboro; */
    padding-left: 10px;
  }
  .existinguser_header_div{
    padding-top:0px !important;
    height: 529px !important;
  }
  .e_user_first_div {
     padding-top:10px !important; 
  }
  .e_user_first_div .e_user_img {
     padding-top:0px !important; 
  }
}
.family_share .family_share_h{
  color:#969696;
  font-weight:400;
  line-height: 25px;
}
.familyshare_btndone_div{
  padding-right: 10px;
}
/* 18 july css property */
.button_next_continue_div{
  line-height: 30px;
  text-align: center;
}
.button_next_continue_div .next_btn_div > Button,
.button_next_continue_div .continue_btn_div > Button{
    margin-top: 10px;
    width: 85px;
    height: 40px;
    border: 0px;
    border-radius: 10px;
    color: white;
    font-size: 18px;
    font-family: lato;
    background-color: #29aae1;
    font-weight: 400;
}
.button_next_continue_div .continue_btn_div > Button{
  width: 135px !important;
}
/* @media only screen and (max-width: 580px) {
.arrow_hidden{display:none;}
} */
/* phone no page modification */
.phone_number_header{
  padding-top:0px !important;
  background-color: #e6e6e6;
}
.edit_phonenumber p{
  font-weight: bold;
    font-size: 17px;
    color: grey;
}
.phonenumber_btnsend{
  padding-top: 10px;
  margin-bottom:20px;
}
.phonenumber_btnsend>button{
  width: 200px;
  height: 83px;
  border: 0;
  color: white;
  font-size: 25px;
  font-weight: 550;
  background-color: #537eaa;
  border-radius: 15px;
}
.phonenumber_text{
  padding: 0px 10px 10px 10px;
  /* border: 4px solid #00eff1; */
  max-width: 54%;
  margin: auto;
}
.phonenumber_text>p{
  text-align: justify;
  font-size: 0.5em;
  line-height: 1.3em;
  font-weight: normal;
  color: grey;
}
.add_info_upr{
  background-color: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.add_relation_tag p{
font-size: 45px;
font-weight: 300;
font-family: lato;
}
.add_relation_tag .family_logo{
  width: 250px;
  padding-top:10px;
  text-align:center;
}
/* someone else orientation page css property  */
.bcd_header_div_margin{text-align: center !important;}
.someone_header_first{
  padding-top:0px !important;
  /* margin-bottom:20px !important; */
}
.someonepage_footer_div,
.someonepage_header_div{
  background-color: #f7f7f7;
    overflow: hidden;
    max-width: 800px;
    min-height: 282px;
    margin: auto;
    height: 50%;
}
.someonepage_footer_div{
  background-color: white !important;
  overflow:initial !important;
}
.someonepage_header_div  .someone_img{
  width:320px;
}
.someonepage_header_div >.someonepage_header_div_first{
  text-align: center;
  max-width: 400px;
  margin: auto;
  padding-top: 18px;
}
.someonepage_header_div_first .para_one{
  font-size: 20px;
  text-align: -webkit-match-parent;
  }
  .someonepage_footer_div_first,
  .someonepage_header_div_first .para_second{
    padding-top: 10px;
    font-size: 15px;
  }
  .someonepage_footer_div_second{
     padding-top:10px;
  }
  .someonepage_footer_div_third{
    max-width: 400px;
    margin: auto;
    height: 85px;
    margin-bottom: 40px;
    margin-top: 20px;
   
}
.related_orientation_img_second{
  max-width: 320px !important;
}
.related_orientation_img_first{
 padding-bottom: 14px;
 max-width: 200px;
}
.someonepage_footer_div_second{
  margin:auto;
 
}
.someonepage_footer_div_second >.reo_btnsocial_share,
.someonepage_footer_div_second >.reo_btnfamily_share{
  width: 130px !important;  
  height: 130px !important;
  border-radius: 25px !important;
}
.related_entrant_div{
   overflow:initial !important;
  }
.reo_btn_share{
  margin-top: -100px !important;
  overscroll-behavior: initial !important;
  display: inline-table !important;
  max-width: 300px !important; 
}
.reo_text_pare{
  text-align: center;
  max-width: 400px;
  padding-bottom: 17px;
  margin: auto;
  padding-top: 13px;
  padding-left:5px;
  padding-right:5px;
}
.someonepage_footer_div_first .family_friends_para{
  line-height: 41px;   
  font-size: 50px; 
  font-weight: bold;
  font-family: lato;
  }
  .reo_text_pare .para_second{
   font-size: 25px;
   text-align: justify;
   line-height: 30px;
   padding-top: 25px;
   font-weight: 380;
  }
  .reo_span{
    font-size:35px !important;
  }
.reo_anchor_div{
    font-weight: 350;
    font-size: 25px;
    padding-bottom: 20px;
    color: black;
}
.reo_anchor_div a{
  color:black;
}
 @media only screen and (min-width: 992px) {
   .click_to_add_div{
    text-align: center;
    padding-right: 239px;
    padding-top: 15px;
   }
  .someonepage_header_div  .someone_img{
    width:280px;
  }
   .user_birthdate_header{
     width:40% !important;
   }
   .contest_header_div{
     width:40% !important;
   }
   .panel{
     width: 40% !important;
   }
   summary::after{padding-left:30px;}
 }
 .user_birthdate h4{
  font-size: 17px;
  color: black;
 }
 .user_birthdate_btn{
  width: 300px !important;
  height: 80px !important;
 }
 .user_birthdate_footer_div{
  background-color: #e6e6e6;
  padding: 15px 0px;
  line-height: 20px;
  position:initial;
  width: 100%;
 }
 .user_birthdate{
   background-color: white;
   /*height: 100%;*/
 }
 .user_birthdate_footer_div a{
  color: grey;
  text-decoration: none;
  }
/* .user_birthdate_pare_div p{
  padding-bottom: 15px;
} */
/* .user_bithdate_first_div{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
} */
.user_birthdate_datepicker_div .ub_date{
  font-size: 25px;
  font-weight: bold;
  font-family: lato;
 }
/*  freebie 1 page some css property */
.freebie1-p{padding-top:20px;}
/* ends */
.e_user_first_div .email_text{
  font-size: 63px;
  margin: auto;
  padding-top: 25px;
  font-weight: bold;
}
.pyment_compleated .d,
.pyment_compleated .p,.pyment_compleated .e, 
.addchildren_img_text .addchildren_img_text_h,
.addchildren_img_text .addchildren_img_text_r,
.past_member_n,
.new_member_start_account_para_three .nm_start_account_p,
.new_member_start_account_para_three .nm_start_account_o,
.new_member_start_account_para_three .nm_start_account_l,
.inner_container .new_member_para_f,
.add_relation_tag .add_relation_tag_f,.add_relation_tag_l, 
.e_user_first_div .email_text .email_text_e,.email_text_i{color:#bf1e2c;font-weight: bold;}
.pyment_compleated .o,.pyment_compleated .sg,
.past_member_e,
.new_member_start_account_para_three .nm_start_account_r,
.new_member_start_account_para_three .nm_start_account_a,
.new_member_start_account_para_three .nm_start_account_e1,
.addchildren_img_text .addchildren_img_text_d,
.addchildren_img_text .addchildren_img_text_c,
.inner_container .new_member_para_r,
.add_relation_tag .add_relation_tag_m,.add_relation_tag_y,
.e_user_first_div .email_text .email_text_m,.email_text_l{color:#537eaa;font-weight: bold;}
.pyment_compleated .r,
.pyment_compleated .s,
.past_member_w,
.addchildren_img_text .addchildren_img_text_l,
.addchildren_img_text .addchildren_img_text_e,
.new_member_start_account_para_three .nm_start_account_e,
.new_member_start_account_para_three .nm_start_account_n,
.new_member_start_account_para_three .nm_start_account_z,
.inner_container .new_member_para_e,
.add_relation_tag .add_relation_tag_a,.add_relation_tag_i,
.e_user_first_div .email_text .email_text_a{color:#faaf41;font-weight: bold;}

.login_link_para_div{
  width: 100%;
  height: 75px;
  background-color: white;
  margin-top: 20px;
}
.login_link_para_div .e_user_pare_one
 { 
  padding-top: 20px;
    font-size: 25px;
    color: #537eaa;
    font-weight: 400;
    line-height: 26px !important;
  } 
  /* new member orientation  */
  .new_member_para{
    font-size: 55px !important;
    padding-top: 15px;
  }
  .inner_container .new_member_para_second{
    padding-top: 10px;
    font-size: 25px;
    font-family: lato;
    font-weight: 400;
  }
  .inner_container .new_member_para_third{
    font-weight: bold !important;
    text-align: justify;
  }
  @media screen and (max-width:567px){
    .someonepage_footer_div_third{
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 60px !important;
  }
    .contest_image_second_img_div img {
      width: 25px !important;
  }
    .new_member_anchor{font-size:20px !important;}
  }
  .new_member_orientation_contest_div{
    width: 100%;
    min-height: auto;
    border-bottom: 1px solid beige;
  }
  .new_mamaber_contest_img{
    width:200px;
    max-width: 100% !important;
    max-height: auto !important ;
  }
.new_member_start_account_anchor{
  padding: 14px 24px !important;
  background-color: black !important;
    color: white !important;
}
.new_member_start_account_anchor_icon{
  padding:30px !important;
}
.new_member_start_account_header_div{
     margin: auto;
    text-align: center;
    line-height: 35px;
    font-family: "Lato", sans-serif;
  }
  .new_member_start_account_header_div .new_member_start_account_para_one{
    font-size: 36px;
    font-weight: 400;
  }
  .new_member_start_account_header_div .new_member_start_account_para_three,
  .new_member_start_account_header_div .new_member_start_account_para_four,
  .new_member_start_account_header_div .new_member_start_account_para_two{
    font-size: 40px;
    padding-top: 30px;
    font-weight: 300;
  }
  .new_member_start_account_header_div .new_member_start_account_para_three,
  .new_member_start_account_header_div .new_member_start_account_para_four{
    padding-top: 10px;
  }
  .new_member_start_account_header_div .new_member_start_account_para_three{
    font-weight: bold;
  }
  .past_member_para{
    font-weight: 300;
    padding-top: 20px;
    font-size: 30px;
    font-family: lato;
    line-height: 30px;
  }
  .contest_image_div{
   position: relative;
  }
  .contest_image_second_img_div{
    cursor: pointer;
    position: absolute;
    top:0;
    margin-top: 20px;
    right:0;
  }
  .contest_image_second_img_div img{
    border-radius: 10px 0px 0px 10px !important;
    width:35px;
  }
.bcd_shownotification_div{
    border-radius: 5px;
    min-height: 67px;
    max-width: 400px;
    background-color: #eeb156;
    color: white;
    margin: auto;
    /* margin-top: 20px;
    margin-bottom: 20px; */
    position: relative;
  }
  /* .bcd_shownotification_div1{
    float: right;
  } */
.bcd_shownotification_div img{
  float: left;
  height: 35px;
  padding: 15px;
}
.bcd_shownotification_div .notify_para{
   padding-top: 24px;
   text-align: -webkit-auto;
   font-size: 17px;
   font-family: lato;
   font-weight: 400;
   float: none;
    max-width: 350px;
 }
 .bcd_shownotification_div1{
  top: 5px !important;
  right: 0;
  /* float: right; */
  width: 40px;
  height: 40px;
  margin: auto;
  /* margin-top: -40px; */
  position: absolute;
  /* left: 0; */
 }
.bcd_shownotification_div .notify_para1{
  text-decoration: none;
  color: white;
   font-size: 20px;
   font-weight: 300;
}
@media screen and (max-width:390px){
  .bcd_shownotification_div .notify_para{
    min-width: 100px !important;
 }
  .bcd_shownotification_div .notify_para1{
    padding-left:10px !important;
    font-size: 15px;
  }
  .bcd_shownotification_div .notify_para{
    font-size: 18px;
    padding: 15px;
 }
 p.notify_para {
    padding: 22px !important;
}
 
 .bcd_shownotification_div{
	  margin-left:5px;
	  margin-right:5px;
 }
}
@media screen and (max-width:567px){
 
  /* .bcd_shownotification_div .notify_para1{
    padding-left:65px !important;
    font-size: 15px;
  } */
}
/* product orientation pages css property */
.po_white_container_div{
  padding:0 !important;
  border-radius: 20px !important;
}
.po_white_container_div .product_orientation_div{
    width: 100%;
    min-height: 175px;
    border-bottom: 1px solid beige;
    background-color: #537eaa;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
    padding-top: 22px;
    font-size: 42px;
    line-height: 46px;
    color: white;
    font-weight: 300;
    font-family: lato;
  }  
  .product_orientation_div .product_orientation_div_para{
    font-weight: bold;
  }
  .product_orientation_div .product_orientation_div_span{
    font-weight: 300 !important;
  }
  .product_orientation_img_div{
    max-width:450px
  }
  .text-center .product_orientation_img{
    width:100%;
    height: auto;
    margin-top: -110px;
}
.product_orientation_footer_div{
    max-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
}
.product_orientation_footer_div p{
  font-weight: 400 ;
  font-family: lato;
}
.product_orientation_footer_div .product_orientation_footer_para{
   padding-top: 22px;
   font-size: 16px; 
   line-height: 20px;
}
.text-center .product_orientation_img1{
    width: 81%;
    height: auto;
    margin-top: -18px;
  }
  @media screen and (max-width:570px){
    .product_orientation_price_div .product_orientation_price_div_two,
    .product_orientation_price_div .product_orientation_price_div_one {
      font-size: 14px !important;
    }
    .product_orientation_footer_div {
      padding-left: 20px !important;
      padding-right: 20px !important;
   }
    .product_orientation1_container{
      padding-left: 5px !important;
      padding-right: 5px !important;
    }
    .text-center .product_orientation_img1{
      margin-top:0px !important;
    }
    .product_orientation1_para{
      font-size: 22px !important; 
    }
  }
  .product_orientation1_para{
  font-size: 35px ;
  font-weight: bold !important;
  font-family: lato;
}
.product_orientation1_para span{
  font-weight:300; 
}
.product_orientation_ul{
  list-style: initial !important;
  padding-top: 10px;
  padding-left: 30px;
  font-size: 16px;
}
.product_orientation_price_div{
  margin-top: 10px;
  display: flex;
  width: 100%;
  height: 50px;
  background-color: green;
  }
  .product_orientation_price_div .product_orientation_price_div_two,
  .product_orientation_price_div .product_orientation_price_div_one{
    color: white;
    font-weight: bold;
    width: 50%;
    background-color: #537eaa;
    font-size: 17px;
    font-weight: blo;
    padding-top: 15px;
    padding-left: 5px;
    text-align: center !important;
}
.product_orientation_price_div .product_orientation_price_div_two{
  background-color: #cccccc;
  color: black;
}
.product_orientation_price_div .product_orientation_price_div_two p{
    text-align: center;
    font-weight: bold;
  }
 .product_orientation_price_div .product_orientation_price_div_one .discount_price_span{
    text-decoration: line-through;
    color: black;
    font-weight: bold;
  }
  .product_orientation_orderbtn_div{
    text-align: center;
    padding-top: 10px;
  }
  .product_orientation_orderbtn_div button{
    width: 235px;
    font-size: 17px;
    height: 70px;
    border: 0;
    border-radius: 14px;
    color: white;
    background-color: black;
    font-family: lato;
  }
 .product_orientation3_price_div2{
   background-color: #be1e2c !important;
 }
 /* orientation pages modification */
  .freebie_footer_div{
    padding-top:20px;
    margin-bottom:10px;
    text-align: center;
  }
  .m_t20{
   margin-top:20px !important;
   text-align: center;
  }
 .welcome_img .freebie2_img{
   max-width: 100% !important;
   max-height: 100px !important;
 }
 .m_t10{margin-top:10px !important; }
.orientation_txt{
    font-size: 35px;
    line-height: 25px;
    font-weight: 300;
}
.o_max-w-200{
  max-width:200px !important;
}
.w-100-m-h-350{
width: 100% !important;
max-height: 350px !important;
}
.contest_welcome_txt2{
font-size: 35px;
line-height: 40px;
font-weight: 300;
}
.welcome_img .freebie3_img{
  max-width: 100% !important;
  max-height: 70px !important;
}
.product_orientation_images{
   max-width: 100% !important;
   max-height: 55px !important;
}
.userBirthdate_ddm hr {
  display: none;
}
.userBirthdate_ddm {
  margin: 12px;
}
@media screen and (max-width:432px){
  .userBirthdate_ddm{
    width:60px !important;
  }
}
.family_share_orientation_div{
  font-size: 34px !important;
  line-height: 40px !important;
  font-weight: 300 !important;
}
@media screen and (max-width:567px){
  .user_bithdate_first_div{
    position: absolute;
    bottom: 0;
    top: 0;
    left:0;
    right:0;
    background-color: #e6e6e6;
    
  }
  .popup {
    width: 95% !important;
  }
  .popup_inner .popup_inner_first_div {
    padding-right: 5px !important;
  }
}
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(0,0,0, 0.5);
  padding-left:5px; 
  padding-right:5px;
  overflow: auto;
  z-index: 999999;
}
.popup_inner {
  border-radius: 20px;
  margin-top: 20px !important;
  max-width: 400px;
  min-height: 400px;
  margin: auto;
  background: white;
}
.popup_inner .popup_inner_first_div{
  float:right;
  padding-right: 20px;
  padding-top: 15px;
}
.popup_inner .popup_inner_first_div a{
  width:40px;
  height:40px;
  text-decoration: none;
  border-radius: 1px solid grey;
}
.popup_inner .popup_inner_first_div .popup_inner_first_div_1{
    width: 20px;
    height: 20px;
    border: 1px solid grey;
    border-radius: 10px;
    cursor: pointer;
  }
  .product_orientation_popup_img{
    width: 365px; 
  }
 .popup_inner_first_div_2 .popup_para_two_img_div1{
   min-height: 215px;
   position: relative;
 }
 .popup_inner_first_div_2 .popup_para_two_button_div1{
   position: relative;
   min-height: 80px;
 }
 .popup_inner_first_div_2 .popup_para_two_img_div2{
  left:-8%;
  right: 4%;
  position: absolute;
}
 .popup_inner_first_div_2{
    border-radius: 6px;
    max-width: 300px;
    background-color: #f2f2f2;
    margin: auto;
    height: 100%;
    padding-top:20px;
    font-family: lato;
  }
  .popup_inner_first_div_2 .popup_para_one{
    font-size: 40px;
    font-size: bol;
    font-weight: bold;
    padding-top: 20px;
    
  }
.popup_inner_first_div_2 .popup_para_two{
  font-size: 35px;
  padding-top: 12px;
  font-weight: 300;
}
.popup_inner_first_div_2 .popup_price_div{
   height: 26px;
   color: white;
   padding-top: 5px;
   width: 100%;
   background-color: #537eaa;
   font-size: 15px;
   font-family: lato;
   margin-bottom: 5px;
   margin-top: 5px;
}
.popup_inner_first_div_2 .popup_price_div1{
  background-color: #cccccc !important;
}
.popup_inner_first_div_2 .pupup_discount_price_span{
text-decoration: line-through;
}
@media screen and (max-width:375px){
  .product_orientation_popup_img {
    width:351px !important;
  }
}
/* remind user page css property */
@media screen and (max-width:992px){
.email_activate_account_img_div img{
  padding-top:10px !important;
}
.e_user_div_header .remind_user_headerdiv{
  padding-top:30px;
 }
}
.e_user_div_header .remind_user_headerdiv{
  text-align: -webkit-center;
  font-weight: 300;
  /* padding-top: 20px; */
  font-size: 21px;
  line-height: 23px;
  color: #5a5757;
}
.e_user_div_header .remind_user_headerdiv .remind_user_para3{
  padding-top:10px;
  line-height: 40px;
}
.remind_user_img_div img{
 max-width: 150px !important;
 padding-top: 0px !important;
}
.remind_user_footerdiv{
  font-size: 20px !important;
  line-height: 22px !important;
}
.email_activate_account_para{
  font-size: 40px !important;
}
.email_activate_account_img_div{
  padding-top: 30px !important;
}
.email_activate_account_img_div img{
  max-width:200px !important;
}
.email_act_account_text_div{
    font-size: 63px;
    margin: auto;
    padding-top: 25px;
}
.email_act_account_text_div .b{
  font-weight: bold;
}
.email_act_account_span{
    color: black !important;
    font-weight: 300 !important;
    font-size: 40px !important;
}
.email_account_checkmail{
  line-height: 40px;
}
.payment_compleated_textdiv{
  max-width: 350px !important;
}
/* meu page css property */
.menu_page_active_later{
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -o-border-radius: 12px;
    font-size: 25px;
    line-height: 28px;
    color: #000;
    padding: 18px 32px;
    text-decoration: none;
}
@media only screen and (max-width: 568px){
.white-btn span {
    font-size: 20px !important;
}
.orientation_txt {
    font-size: 26px !important;
    margin-top: 16px !important;
}	
 .menu_page_btndiv button{
   width: 80px !important;
   height: 80px !important;
  }
.menu_page_active_later {
    display: block !important;
  }
 .menu_page_img {
  margin-top: -9px !important;
 }
 .active_later_menu1,.active_later_menu {
  font-size: 16px !important;
 }
 .menu_page_btndiv {
  max-width: 180px !important;
 }
 .mt35 {
   margin-top: 0px !important;
 }
 .mt60 {
  margin-top:15px !important;
 }
 .mt85 {
  margin-top: 15px !important;
 }
 .menu_page_img{
  width: 30px !important;
}
.menu_page_img1{
  width: 30px !important;
  margin-top:0px !important;
 }
.next_left, .next_right {
  width: 28px !important;
 }
}
.manu_page_headerdiv{
  max-width:500px;
  margin:auto;
}
.menu_page_btndiv{
  padding-bottom: 20px;
  padding-top: 30px;
  max-width: 219px;
  margin: auto;
  height: 100px;
  background-color: #d9d9d9;
}
.menu_page_btndiv button{
    width: 100px;
    font-size: 17px;
    height: 100px;
    border: 0;
    background-color: #808080;
    color: white;
    font-weight: bold;
    font-family: lato;
    border-radius: 20px;
}
.menu_page_btndiv .btn_lend{
  background-color: #999999;
}
.menu_page_img{
  margin-top: -15px;
  width: 40px;
}
.menu_page_img1{
  margin-top: -5px;
  width: 40px;
}
.active_later_menu{
    padding: 29px 32px !important;
    font-size: 21px;
    font-weight: 300 !important;
}
.active_later_menu1{
  padding: 29px 28px !important;
  font-size: 22px; 
  font-weight: 300 !important;
}
.mt35{
  margin-top:20px;
}
.mt60{
  margin-top:50px;
}
.mt85{
  margin-top: 60px;
}
.activate_later_perks{
padding: 28px 58px !important;
font-size: 40px !important; 
font-weight: 300 !important;
}
.menupage_activelater_second{
   background-color: #cccccc !important;
   color:#808080 !important;
}
.btn_enteredcontest_second{
  background-color: #cccccc !important;
  color:#808080 !important;  
}
/* checkout payment css property */
.checkout_div{
  margin-top:20px;
}
.checkout{
   font-size: 30px;
   font-weight: bold;
   font-family: lato;
   max-width: 350px;
   margin-top: 20px;
   line-height: 30px;
}
.checkout p{
  margin-bottom:30px !important;
}
.checkout button{ 
    color: white;
    font-size: 16px;
    width: 146px;
    height: 30px;
    border: 0;
    background-color: black;
    margin-top: 40px;
    margin-left: 30px;
}
/* won page css property here */
.won_div{
  padding-top: 20px !important; 
  padding-bottom: 20px !important;
  font-family: lato;
}
.won_div h4{
    font-size: 24px !important;
    line-height: 26px !important;
    max-width: 300px !important;
  }
.won_btnpara{
  font-size: 15px;
  font-weight: bold;
}
.won_div .won_notepara{ 
   padding-top: 25px;
   font-size: 15px;
   padding-bottom: 25px;
   color: #d9d9d9;
}
.won_div .won_anchortag{
  font-size: 20px;
  color: #9d9d9d;
}
 .won_blur_img{
   width: 100% !important;
  height: 300px !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
}
.won_imgtext_div{
  font-weight: bold;
  color: black;
  font-size: 30px;
  line-height: 41px;
  padding-top: 45px;
}
.won_imgtext_div img{ 
  width: 300px;
  height: 100%;
}
.won_transparent_div{
  background-color: #ffffff;
  opacity: .8;
  width:100%;
  height: 100%;
}
@media screen and (max-width:567px){
  .won_imgtext_div img {
    width: 270px;
    height: 100%;
   }
   .user_birthdate_btn {
    width: 275px !important;
    height: 52px !important;
    margin: 4px 0px;
  }
 .won_inputtext_div .won_inputtext_div_third, .won_inputtext_div .won_inputtext_div_second{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
} 
.won_div1{
  max-width: 450px;
}
.won_white_container{
   max-width: 400px;
   margin-top: 20px;
   background-color: white;
}
.won_btnsend{
  width: 223px !important;
  height: 90px !important;
  font-size: 25px;
  background-color: #c1272d !important;
}
@media screen and (max-width:992px){
  .won_white_container{
    max-width: 100% !important;
    max-height: 100% !important;
    margin-top: 0 !important;
 }  
}
.won_inputtext_div{
 max-width:400px !important; 
 padding-top: 20px;
 padding-left: 5px;
 padding-right: 5px;
}
.won_inputtext_div .won_inputtext_div_third,
.won_inputtext_div .won_inputtext_div_second{
  padding-left: 10px;
    padding-right: 10px;
}
.won_inputtext_div .won_inputtext_div_second p{
  color:black;
  font-size: 20px; 
  float: left;
}
.won_inputtext_div .won_inputtext_div_second .won_btneditadddress{
    width: 114px;
    height: 35px;
    font-size: 15px;
    background-color: #b3b3b3;
    margin-left: 20px;
    float: right;
}
.won_inputtext_div .won_inputtext_div_third{
    padding-top: 40px;   
    width: 100%;
    font-size: 20px;
    line-height: 26px;
    color: #b3b3b3;
    margin-bottom: 20px;
}
.won_inputtext_div .won_inputtext_div_third .won_address_label{
  float: left;
  color: #b3b3b3;
}
.won_first_div{
  font-family: lato;
}
@media screen and (max-width: 567px){
.won_first_div {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
}
}  
.won2_inputtext_div{
  padding-top: 100px;
  font-size: 27px;
  line-height: 32px;
  padding-bottom: 100px;
  color: #b3b3b3;
}
.won2_menu_div{
  padding-top: 40px;
  padding-bottom: 30px;
  color: #6b6b6b;
}
.card_list button{
  color: white;
  font-size: 16px;
  width: 246px;
  height: 42px;
  border: 0;
  margin-top: 20px;
  display: grid;
  background-color: black;
}
/* new fullmailing address page modification css property */
.fma_btndone_new button{
  border-radius: 10px !important;
  width: 161px !important; 
  height: 53px !important;
  background-color: #5b7ea6 !important;
}
.fma_house_div_logo{
  /* padding-top:20px; */
  height: 80px;
  width: 100%;
}
.fma_house_div_logo img{
  vertical-align: unset;
}
/* menu page css */
.menu_page_img_new{
  padding-left: 35px;
}
.menu_page_img_new1{ 
 padding-left: 25px;
}
/* information icon css property and this pages css property define   */
.info_icon_div{
  max-width:100%;
}
.info_img{
  width:30px;
  float:right;
  cursor:pointer;
  padding-right: 10px;
}
@media screen and (max-width:992px){
  .info_icon_div{
    max-width:500px !important;
    height:40px;
    margin: auto;
    margin-top:10px;
  }
  .m_t20_info {
    margin-bottom: 50px ;
  }
}
/* info pages css property */
.welcome_txt_info{
  text-align: -webkit-auto;
  font-size: 25px;
  line-height: 25px;
  padding-bottom: 5px;
}
.inner_container_info {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 750px;
  margin: 0px auto;
  display: table;
}
.m_t20_info {
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
.subtitle_info{
  color: #4d4d4d;
  font-size: 17px;
  line-height: 25px !important;
  font-weight: 400;
  text-align: -webkit-auto;
  font-family: lato;
}
.page-txt_info{
  padding-top:20px;
  text-align: -webkit-auto !important;
}

.white_container_info {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0, .25);
  -moz-box-shadow: 0 0 10px rgba(0,0,0, .25);
  box-shadow: 0 0 10px rgba(0,0,0, .25);
  padding: 40px 60px 40px 60px;
  position: relative;
}
.active_later_info {
  /*padding: 45px 20px !important;*/
}
/* .active_later_info img{
  padding-left: 270px;
} */
.info_footerdiv{
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
}
.infobtn_div{
margin-left: 30px;
}
.infoicon_birthdatediv{
  height:10px !important;
  padding-top:10px;
}
.info_icon_div {
  height: 40px;
 }
@media screen and (max-width:992px){
  .info_footerdiv {
    display: block;
    margin-bottom: 39px;
    margin-top: 70px;
  }
  .welcome_img .info_logo_img{
    top: 5px !important;
    position: absolute;
    left: 50px;
   }
   .white_container_info{
     padding-top: 100px;
   }
   .infobtn_div {
    margin-left:0px;
   }
   .info_btnicon{
     width:30px !important;
   }
   .active_later_info{
     font-size: 25px !important;
   }
   .infoicon_birthdatediv{
    height:40px !important;
    padding-top:10px;
  }
}
.active_later_info{
  display:block;
}
.active_later_info img {
  float: right;
  width:30px;
 }
@media screen and (max-width:567px){
  .inner_container_info {
    padding-left: 10px;
    padding-right: 10px;
  }
  .welcome_img .info_logo_img {
    left: 10px;
  }
  .white_container_info {
    padding:75px 20px 10px 20px;
  }
  .m_t20_info {
    margin-bottom: 10px;
    margin-top: 10px;
 }
  .active_later_info img {
    float: right;
    width:30px !important;
   }
   .info_footerdiv {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .active_later_info{
    margin-top:20px !important;
  }
}
@media screen and (min-width:992px){
 .active_later_info {
    display: unset;
 }
 .active_later_info img {
  float: none;
  /*padding-right: 130px;*/
 }
 .active_later_info .btn_infoi{
   padding-right: 150px;
 }
}
/* info icon modification css property */
.infoicon_paddingdiv{
  padding-top:10px !important;
}
.infoicon_div_stquestion{
  height:50px;
}
/* no contest pages css property define */
.nocontest_freebietext_div{
  max-width: 900px;
  font-family: lato;
}
.nocontest_txtdiv {
  text-align: -webkit-auto;
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  padding-bottom: 5px;
}
.nocontest_freebietext_div .nocontext_para2{
  padding-top:10px;
  
}
.nocontest_white_container{
  margin-bottom: 10px;
  
}
.mb70{
  margin-bottom:30px;
}
.bcd_secondname{
  width: 400px;
}
@media screen and (max-width:567px){
  .bcd_secondname{
    width:100% !important; 
  }
}
/* unsuscribe page proprty here */
.title3_contestshare{
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 25px;
}
.title3_contestshare1 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 5px;
}
.MuiSwitch-colorSecondary-8.MuiSwitch-checked-6 + .MuiSwitch-bar-10 {
  background-color: #7AC944 !important;
  border:1px solid #cccccc;
}
.MuiSwitch-colorSecondary-8.MuiSwitch-checked-6 {
  color: white !important;
}
.MuiSwitch-checked-6 + .MuiSwitch-bar-10 {
  opacity: 4.5 !important;
}
.MuiSwitch-bar-10 {
  width: 34px !important;
  height: 14px !important;
}
.MuiSwitch-bar-10 {
  background-color: #e61c24 !important;
  opacity: 2.4 !important;
  border:1px solid #cccccc;
  margin-left: -18px !important;
}
.cs_relativename_div{
  margin-top:30px !important;
  background-color: #efefef;
  font-size: 20px;
  max-width: 400px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  margin: auto;
  height: 40px;
}
.cs_div_para{
  float: left;
}
.cs_relativename_div_second{
  display:flex;
  float: right;
}
.cs_relativename_div_second .on_para{
  margin-left:-10px;
}
.unsuscribe_actlater_anchor{
  font-size: 17px !important;
}
.white-btn .unsus_i {
  position: initial !important; 
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  float: left !important;
}
.unsuscribe_whitebtn {
  max-width: 310px;
  margin: auto;
  font-size: 17px !important;
}
.unsuscribe_whitebtn span{
  padding-right:0px !important;
}
.m_t70{
  margin-top:70px !important;
}
/* Product orientation modification */
@media screen and (min-width:992px){
  .po_innercontainer{
    max-width:461px !important;
  }
  .wc_fixheightdiv{
  min-height:635px !important;
  }
  .po_para{
    padding-top: 30px !important;
    font-size:22px !important;
    line-height: 25px !important;
  }
  .po_para1{
    font-size: 17px !important;
    padding-top:20px !important;
  }
  .po2_para{
      padding-top: 40px !important;
      font-size: 17px !important;
      line-height: 20px !important;
  }
  .po2_ul{
    padding-top:24px !important;  
  }
  .m_t40{
    margin-top:40px !important;
  }
}
/* home page modification css property define */
.homepage_para{
  color:black !important;
}
.homepage_para1{
  padding-top:0px !important;
  line-height: 25px;
}
.homepage_para2{
  font-size: 17px !important;
}
/* 10 august css property define for mostly pages */
.newwhite_container{
 max-width: 700px;
 min-height: 400px;
}
.pt80{
  padding-top: 50px;
}
.max-w-150{
  max-width:150px !important;
}
.familyshare_innercontainer{
  max-width: 750px !important;
}
/* shiping billing info page css property */
.white_container{
  font-family: lato;
}
.white_container .sp_para{
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 10px;
  text-align:-webkit-left;
}
.white_container .sb_formdiv{
 padding-top: 10px;
 padding-bottom: 10px;
 display: grid;
 min-height: 250px;
}
.white_container .sb_formdiv label span{
  min-width:80px;
  padding: 0 15px;
  text-align: right;
  color: #525f7f;
}
.white_container .sb_formdiv label{
  position: relative;
  display: flex;
  flex-direction: row;
  height: 10px;
  font-size: 15px;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
}
.shopbilling_infocheckbox{
  padding-top: 10px;
  padding-left: 10px;
}
input:focus, textarea {
  outline: none !important;
  cursor: text;
}
.shopbilling_infocheckbox label{
 display: flex !important;
 position: absolute !important;
}
@media screen and (max-width:480px){
  .shopbilling_infocheckbox label{
    padding-left: 30px !important;
    line-height: 15px !important;
   } 
}
.white_container .sb_formdiv .sb_txt
 {
  height: 25px;
  min-width: 300px;
  font-size: 15px;
}
.white_container .sb_formdiv .sb_txt::-webkit-input-placeholder {
  font-size:15px !important;
}
.white_container .sb_formdiv .sb_txt::-moz-placeholder {
  font-size:15px !important;
}
.white_container .sb_formdiv .sb_txt::-ms-input-placeholder {
  font-size:15px !important;
}
.white_container .sb_formdiv .sb_txt::-moz-placeholder {
  font-size:15px !important;
}
@media screen and (max-width:476px){
  .white_container .sb_formdiv .sb_txt
  {
   min-width: 150px;
 } 
}
@media screen and (max-width:387px){
  .white_container .sb_formdiv .sb_txt
  {
   min-width: 70px;
   font-size: 14px;
  } 
  .white_container .sb_formdiv label span {
   min-width: 80px;
   padding: -1px 15px;
   text-align: right;
  }
}
.white_container .sb_formdiv .sb_btnpay{ 
    display: block;
    background: #666ee8;
    color: #fff;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    border: 0;
    font-weight: 700;
    width: 100%;
    height: 40px;
    outline: none;
    cursor: pointer;
    transition: all 0.15s ease;
    margin-top: 20px;
    font-size: 17px;
}
/* in mobile scrolling modification css property */
.remind_user_secondpara{
  padding-top: 20px;
}
@media only screen and (max-width: 568px){
	.email_text {
	    font-size: 49px !important;
	    margin-top: 10px !important;
	}
	 .remind_user_headerdiv p {
	    font-size: 17px !important;
	    padding-top: 0 !important;
	    line-height: 24px !important;
	}
	.e_user_first_div .e_user_img {
	    width: 100px !important;
	}
	.e_user_first_div .e_user_pare {
	    font-size: 30px;
	    padding-top: 10px;
	}
	
  p.mt70.subtitle {
    margin-top: 20px !important;
   }
  .someonepage_header_div .someone_img {
  width: 242px;
  }
  .someonepage_footer_div_second .btn_FamilyShare_sos{
    width:80px !important;
    height:80px !important;
  }
  .contest1_txtdiv{
    line-height: 30px !important;
    font-size: 25px !important;
  }
  .newwhite_container {
    min-height: 350px;
  }
  .welcome_txt2 {
    /*font-size: 25px !important;
    line-height: 30px !important;*/
  }
  .page-txt {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .subtitle {
    font-size: 14px !important;
    line-height: 17px !important;
    margin-bottom: 18px;
  }
  .contast3_img img {
    width: 35px !important;
  }
  .contest_welcome_txt2 {
    font-size: 18px !important;
    line-height: 25px !important;
  }
  .contest4_img{
    min-width:100px !important;
  }
  .new_mamaber_contest_img {
    width:90px !important;
  }
  .nocontest_txtdiv {
    text-align:center;
    font-size: 20px !important;
    line-height: 20px !important;
  }
  .text-center .product_orientation_img {
    width: 90%;
    height: auto;
    margin-top: -100px;
  }
  .product_orientation_footer_div .product_orientation_footer_para {
    padding-top: 10px;
  }
  .po_white_container_div .product_orientation_div {
    min-height: 130px;
    padding-top: 10px;
    font-size: 25px;
    line-height: 30px;
  }
  .text-center .product_orientation_img1 {
    width:42% !important;
  }
  .e_user_first_div {
    padding-top: 10px !important;
  }
  .f_share_img_div .fs_img {
    width: auto;
    padding: 5px !important;
    height: 70px !important;
 }
 .f_share_img_div {
  min-height: 85px !important;
 }
 .user_birthdate_infoicondiv{
  position: absolute !important;
  top: -20px !important;
  right: 0 !important;
 }
 .remind_user_secondpara{
  padding-top:15px;
 }
 .e_user_div_header .remind_user_headerdiv .remind_user_para3 {
  padding-top:0px !important;
 }
 .active_later_menu1,
 .active_later_menu {
   padding: 10px 25px 10px !important;
 }
}
@media only screen and (max-width: 992px){
 .phone_class {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #e6e6e6 !important;
 }
}
.placeholder_color::-webkit-input-placeholder {
  color:darkslategray !important;
}
.placeholder_color::-moz-placeholder {
  color:darkslategray !important;
}
.placeholder_color::-ms-input-placeholder {
  color:darkslategray !important;
}
.placeholder_capitalize::-webkit-input-placeholder{
  text-transform: capitalize;
  color:darkslategray;
}
.placeholder_capitalize::-ms-input-placeholder{
  text-transform: capitalize;
  color:darkslategray;
}
.placeholder_capitalize::-moz-placeholder{
  text-transform: capitalize;
  color:darkslategray;
}
.addrelation_fnamespan{
  text-transform: capitalize !important;
}
.addrelation_fnamespan_second{
  text-transform:lowercase !important;
}
.ddm div{
  color:darkslategray !important;
}
/* unsuscribe page css property */
 /* for a local */
 .unsuscribe_div .MuiSwitch-colorSecondary-47.MuiSwitch-checked-45 {
  color: white !important;
}
.unsuscribe_div .MuiSwitch-colorSecondary-47.MuiSwitch-checked-45 + .MuiSwitch-bar-49 {
  background-color: #7ac943 !important;
}
.unsuscribe_div .MuiSwitch-checked-45 + .MuiSwitch-bar-49 {
  opacity: 3.5 !important;
}
.unsuscribe_div .MuiSwitch-bar-49 {
  border: 1px solid #cccccc !important;
}
.unsuscribe_div .MuiSwitch-bar-49{
  opacity: 1.38 !important;
  background-color: #e61c24 !important;
}
/* for a server css property */
.unsuscribe_div .jss47.jss45 {
  color: white !important;
}
.unsuscribe_div .jss45 + .jss49 {
  opacity: 2.5 !important;
}
.unsuscribe_div .jss47.jss45 + .jss49 {
  background-color:#7ac943 !important;
}
.unsuscribe_div .jss49 {
  border: 1px solid #cccccc !important;
  opacity: 1.38 !important;
  background-color: #e61c24 !important;
}
/* page modification css property */
.po4_infodiv{
  width: 100%;
  min-height: 20px;
  margin-top: 10px;
  background-color: #e6e6e6;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: lato;
  font-size: 15px;
}
.po4_infoseconddiv{
  background-color: #faaf41 !important;
}
.po4_infodiv p{
  font-weight: bold;
}
.po4_infodiv .po4_infodiv_anchor{
  font-weight: 400;
  text-decoration: underline;
}
/* orientation page modification css property define  */
@media screen and (max-width:568px){
  .allo_pagewhitediv{
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .nmo2_div{
    line-height:35px !important;
  }
}
.varificationcode_btnsubmit{
width: 150px;
height: 60px;
background-color: #527eaa;
color: white;
font-weight: bold;
font-size: 20px;
border: 0;
border-radius: 10px;
margin-top:10px;
}
/* 19 august 2018 modification css property */
.select_countery_ddl{
  font-size: 20px !important;
  min-width: 285px !important;
  font-weight: bold !important;
  margin-left: -5px;
  /* margin-top: -15px;
  margin-left: -30px; */
} 
.select_countery_ddl div{
  font-weight: 300;
  font-size: 20px;
  text-align: -webkit-auto;
}
.sc_textuppercase div{
  text-transform: uppercase;
}
.select_countery_ddl button svg {
  height:35px !important;
  width: 40px !important;
}
.select_countery_wonddl div
{
  font-weight: 400 !important;
  color: rgb(150, 150, 150) !important;
}
.select_countery_wonddl{
  margin-top: -10px !important;
  float: left;
  padding-left: 15px;
}
@media screen and (max-width:567px){
  .select_countery_wonddl{
    padding-left: 5px !important;
  }
}
.won1_header_div input{
  padding-bottom: 10px;
}
.won1_header_div{
  padding-left:5px;
  padding-right:5px;
}
/* style={{
  display:
    this.state.check_country === "CA" && this.state.country === "Canada"? "block" : "none"
}} */
.country_shipbillingaddress{
  font-size:15px !important;
  min-width:280px !important;
}
@media screen and (max-width:500px){
  .country_shipbillingaddress{
    width:auto !important;
    min-width: 150px !important;
  }
}
.country_shipbillingaddress div{
left: -3px !important;
}
p .contest4_spantag{
  text-decoration: underline;
}
/* 21 august modification css property */
.contest_row  .contest_logodiv{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.socialshare_whitebgdiv{
  padding-top: 20px;
  background-color: white;
  padding-bottom: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: relative;
  margin: auto;
}

@media screen and (max-width: 768px) {
	.e_user_div_header
	.remind_user_headerdiv {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* .menu_page_btndiv button {
		font-size: 15px;
	} */
	.socialshare {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		margin: auto;
		overflow: auto;
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
		background-color: white;
	}
}
.menupage_nextarrow {
	padding-top: 4px;
	padding-left: 10px;
}
@media screen and (max-width: 480px) {
	.vercode_txt {
		text-align: -webkit-center;
	}
	.phone_mobilelogo {
		padding-right: 5px;
		padding-top: 20px;
		width: 50px;
		float: left;
	}
	.phone_mobilelogofirst {
		display: none;
	}
	.phonenumber_text {
		max-width: 300px !important;
	}
}
@media screen and (min-width: 480px) {
	.vercode_txt {
		text-align: -webkit-center;
	}
	.phone_mobilelogo {
		display: none;
	}
}

.button_next_continue_div .next_btn_div > Button, .button_next_continue_div .continue_btn_div > Button {
	outline: none;
}
.bcd_shownotification_div {
	margin-top: 12px;
}

@media screen and (max-width:567px){
  .inner_container_info {
    padding-left: 10px;
    padding-right: 10px;
  }
  .welcome_img .info_logo_img {
    left: 10px;
  }
  .white_container_info {
    padding:75px 20px 10px 20px;
  }
  .m_t20_info {
    margin-bottom: 10px;
    margin-top: 10px;
 }
  .active_later_info img {
    float: right;
    width:32px !important;
   }
   .info_footerdiv {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .active_later_info{
    margin-top:20px !important;
  }
}

@media only screen and (max-width: 568px) {
	.active_later {
	    padding: 10px 16px !important;
	}
	.active_later_info {
       font-size: 20px !important;
    }
	.fac_button_div .fac_btn_both_div {
		width: 100% !important;
	}
	.fac_button_div {
		padding-left: 0px;
	}
	.datepickernext {
		padding-left: 20px !important;
	}
	fac_btn_both_div {
		padding-right: 10px;
		margin: initial;
	}
	.h1datepicker {
		padding-top: 0px;
		text-align: center;
		width: 80px;
		height: 80px;
		margin-top: 13px;
		font-family: "Lato", sans-serif;
	}
	.buttonselectclass {
		width: 80px !important;
		height: 80px !important;
		padding: 2px !important;
	}
	.rowContainerContestExt {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	.phonenumber_codediv, .phonenumber_codediv1 {
		width: 80px !important;
	}
	.phonenumber_para1, .phonenumber_span h1 {
		font-size: 15px !important;
	}
	.homediv_alertmsz {
		width: 100%;
	}
	.homediv_alertmsz p {
		padding-top: 5px !important;
	}

	.contest_row .contest_row2 {
		height: auto !important;
	}
	.contest_row .contest_row2 h4 {
		padding: 8px 6px !important;
		margin-bottom: 0px;
	}
	.rowContainerContest h4 {
		margin-bottom: 0px !important;
		padding: 8px 4px !important;
	}
	.contest_h6 {
		padding: 0px 12px !important;
	}

	.container-fluid, .containerfluid {
		padding: 0px 10px;
	}
	/* hr {
	 padding: 0px 10px;
	 } */
	.container-fluid input::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		font-size: 22px !important;
	}
	.container-fluid input::-moz-placeholder {
		/* Firefox 19+ */
		font-size: 22px !important;
	}
	.container-fluid input:-ms-input-placeholder {
		/* IE 10+ */
		font-size: 22px !important;
	}
	.container-fluid input:-moz-placeholder {
		/* Firefox 18- */
		font-size: 22px !important;
	}

	.nextdiccenter nav {
		padding-top: 5px;
	}

	.active_later {
		display: block !important;
	}

	.home_para {
		line-height: 28px;
	}
	.welcome_txt {
		font-size: 18px !important;
        line-height: 25px !important;
	}
	.welcome_txt2 {
	   font-size: 18px !important;
       line-height: 25px !important;
	}

	.relation_delete, .relation_edit {
		height: 79px !important;
		width: 40px !important;
		padding: 15px 2px !important;
	}
	.fshare_divwidth {
		width: 172px !important;
	}
	.bcd_hr, .email_text, .autoscale_username {
		width: 100% !important;
	}

	.container1 .center_align {
		margin-top: 5px !important;
		display: block !important;
		line-height: 35px !important;
	}
	button.btn_done {
		width: 100% !important;
		font-size: 13px;
		font-family: "Lato", sans-serif;
	}
	.drawer button svg {
        margin-top: -18px !IMPORTANT;
    }
}

/*css for 4 and 5 iphone*/

@media screen and (max-width: 320px) {
	.homepage_para2 {
		font-size: 15px !important;
	}
	.btn_login, .btn_signup {
		width: 121px !important;
		height: 47px !important;
	}
	.home_btn {
		padding-top: 10px !important;
	}
	button.btn_signup {
		margin-right: 5px !important;
	}
	.active_later {
		margin-top: 12px !important;
		padding: 10px !important;
	}

	p.page-txt.mt40 {
		font-size: 14px !important;
		line-height: 24px !important;
	}
	p.page-txt.mt40 {
		margin-top: 5px !important;
	}
	.mainactive_later.mt70 {
		margin-top: 10px !important;
	}
	p.mt70.subtitle {
		margin-top: 11px !important;
		font-size: 16px !important;
	}
	.index_table .iam {
		margin-top: 12px;
		margin-bottom: 10px;
		font-size: 32px;
	}
	.allo_pagewhitediv {
		padding: 12px !important;
	}
	.newwhite_container {
		min-height: 190px !important;
	}
	.white_container.newwhite_container.allo_pagewhitediv .pt80 {
		padding-top: 22px;
	}
	.page-txt {
		font-size: 14px !important;
	}
	.welcome_txt {
		line-height: 50px !important;
	}
	.btnenter {
		padding: 6px 12px !important;
		font-size: 14px !important;
	}
	.rowContainerContest h4 {
		font-size: 12px !important;
		line-height: 17px !important;
		padding-bottom: 1px !important;
		padding-top: 4px !important;
	}
	.contest_h6 {
		margin-top: 0px !important;
	}

	.contest_h6 {
		font-size: 10px;
		line-height: 15px;
	}
	.socialshare_whitebgdiv p {
		font-size: 15px;
		padding-left: 8px;
		padding-right: 8px;
	}
	p.page-txt.mt20, span.subtitle {
		font-size: 13px !important;
		line-height: 22px;
	}

	.freebie_footer_div {
		padding-top: 12px;
		margin-bottom: 10px;
	}
	.welcome_txt, .welcome_txt2, .contest_welcome_txt2, .welcome_txt2.text-center.mt20 {
		font-size: 16px !important;
		line-height: 20px !important;
		margin-top: 8px !important;
	}
	p.subtitle {
		font-size: 13px !important;
		margin-bottom: 12px;
	}
	.welcome_img img {
		width: 66px;
	}
	.inner_container2.m_t20 {
		margin-top: 5px !important;
	}
	.product_orientation_footer_div p {
		font-size: 11px !important;
		padding-top: 7px !important;
		line-height: 17px !important;
	}

	.product_orientation_ul {
		font-size: 9px !important;
		line-height: 16px !important;
	}
	.product_orientation_orderbtn_div button {
		min-height: 31px;
		height: auto !important;
		font-size: 14px !important;
	}
	.product_orientation_orderbtn_div {
		padding-top: 5px !important;
	}
	.product_orientation_price_div {
		margin-top: 2px;
	}
	.product_orientation_ul {
		padding-top: 0px;
	}
	.product_orientation_footer_div {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.remind_user_headerdiv p {
		font-size: 14px !important;
		padding-top: 0 !important;
		line-height: 19px !important;
	}
	.remind_user_img_div img {
		width: 62px;
	}
	.e_user_first_div .e_user_pare {
		font-size: 30px;
		padding-top: 10px;
	}
	.email_text {
		font-size: 49px !important;
		margin-top: 10px !important;
	}
	.menu_page_btndiv {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.active_later_menu1, .active_later_menu {
		padding: 8px 25px 8px !important;
	}
	.menu_page_img {
		width: 22px !important;
		vertical-align: middle;
	}
	.next_contest {
		bottom: 5px !important;
		right: 20px !important;
		z-index: 1;
		width: 24px;
	}
	.prev_contest {
		bottom: 5px !important;
		right: 20px !important;
		z-index: 1;
		width: 24px;
	}
	.row.panel summary::after {
		font-size: 1.5em !important;
	}
	.text-center .product_orientation_img1 {
		width: 25% !important;
	}
	.product_orientation_price_div .product_orientation_price_div_two, .product_orientation_price_div .product_orientation_price_div_one {
		padding-top: 0px !important;
		padding-left: 0px !important;
		text-align: center !important;
	}
	.product_orientation_price_div {
		min-height: 31px !important;
		height: auto !important;
		background-color: transparent !important;
	}
	.next_left, .next_right {
		width: 28px !important;
	}
	.orientation_txt {
		font-size: 22px !important;
	}
	a.perk_checkout.white-btn.px20.py20 {
		padding: 7px 35px !important;
	}
	.white-btn span {
		font-size: 20px !important;
	}
	.m_t20.perk_checkoutMain img {
		width: 24px !important;
		vertical-align: sub !important;
	}
	a.white-btn.px20.py40 {
		padding: 12px 23px !important;
		font-size: 16px !important;
	}
	.title2-wt {
		font-size: 25px !important;
		line-height: 40px !important;
	}

	.white-btn span {
		padding-right: 40px !important;
	}
	.clk_here a {
		line-height: 8px !important;
		font-size: 25px !important;
	}
	.nw_familyOne {
		margin-top: 28px !important;
	}
	.nw_familyOne p {
		font-size: 22px !important;
		margin-bottom: 4px !important;
	}
	.nw_familyOne input[type="button"] {
		padding: 6px 12px !important;
		font-size: 21px !important;
	}
	.email_exist_upr {
		margin: 15px 0px 30px !important;
	}
	.e_user_first_div .e_user_img {
		width: 100px !important;
	}
	.login_link_para_div .e_user_pare_one {
		font-size: 19px !important;
	}
	.new_mamaber_contest_img {
		width: 58px !important;
	}
	.page-txt {
		font-size: 12px !important;
		padding-top: 6px !important;
		line-height: 18px !important;
		margin-top: 0px !important;
	}
	.nocontest_txtdiv {
		font-size: 15px !important;
	}
	.active_later_info {
		font-size: 21px !important;
	}
	.nocontest_txtdiv.mt20 {
		margin-top: 10px !important;
	}
	.family_share .family_share_h {
		font-size: 18px;
	}
	.user_birthdate_btn {
		height: 40px !important;
		font-size: 16px !important;
	}
	.row.sharebtn_div.user_birthdate_pare_div p {
		font-size: 15px !important;
		padding: 2px 12px !important;
		line-height: 15px !important;
	}
	.prev_contest {
		bottom: 5px !important;
		left: 20px !important;
		z-index: 1;
		width: 24px !important;
	}
	.next_contest {
		bottom: 5px !important;
		right: 20px !important;
		z-index: 1;
		width: 24px !important;
	}
	.space_top label {
		font-size: 15px;
		line-height: 8px !important;
		padding: 0px 5px;
	}
	.familyshare_row_first {
		height: 235px !important;
	}
	.f_share_img_div .fs_img {
		height: 28px !important;
	}
	.f_share_img_div {
		min-height: 50px !important;
	}
	.f_share_img_div .pare_social {
		font-size: 12px !important;
		line-height: 17px !IMPORTANT;
		padding: 0px 5px !IMPORTANT;
	}
	a.white-btn.px20.py20.fs1_whitebtn span {
		font-size: 13px !important;
	}
	.inner_container.familyshare_innercontainer p.page-txt.m_t10 {
		margin-top: 0px !important;
		padding-top: 2px !important;
	}
	a.white-btn.px20.py20.fs1_whitebtn {
		padding: 10px 20px !important;
	}
	.user_birthdate_footer_div {
		height: initial !important;
	}
	.row.socialshare_btndiv {
		padding-top: 5px;
	}
	.socialshare_whitebgdiv p {
		font-size: 13px;
	}
	.socialshare_whitebgdiv {
		padding-top: 15px !important;
	}
	.row.sharebtn_div {
       margin-top: 8px;
    }
    div#btn_arrow img {
	   width: 28px !important;
	   height: auto !important;
	}
	.btn_editname {
      height: 28px !important;
      font-size: 15px !important;
     }
     .edit_page_header_div_first p {
	   font-size: 18px !important;
	   line-height: 32px !important;
    }
    .edit_page_header_div_first > .email, .email a {
	    font-size: 18px !important;
	    line-height: 24px !important;
	}
	.edit_page_header_div {
	    margin: 0px !important;
	    padding: 6px 20px !important;
	 }
	 .edit_page_header_div_first span, .edit_page_header_div_first input {
        font-size: 19px;
        line-height: 22px;
     }
     .white_container_info {
        padding: 48px 20px 10px 20px !important;
     }
     .white_container_info p {
        font-size: 17px;
      }
      .subtitle_info {
	    color: #4d4d4d;
	    font-size: 12px;
	    line-height: 20px !important;
	  }
	  .e_user_first_div .e_user_pare_one {
	    padding-left: 5px !important;
	    padding-right: 5px !important;
	    line-height: 24px !important;
	 }
	 a.skip_link {
	    font-size: 14px !important;
	}
	 
}
details summary::-webkit-details-marker {
  display:none !important;
}
details > summary:first-of-type {
  list-style-type: none !important;
}

.button_next_continue_div {
  margin-bottom: 12px;
}
.paddingtop input {
    margin-bottom: 8px;
}
.userBirthdate_ddm svg{
  fill: rgb(200,200,200) !important;
 }
  .artBoard_hrtag{
    border:1 !important;
    height: 10px !important;
    border-color: transparent !important;
    box-shadow: inset 0 9px 9px -3px #e5e5e5 !important;
    margin-bottom: 18px !important;
}
@media only screen and (max-width: 568px){
  .btnredeem_artBoard{
    margin-bottom: 18px !important;
  }
}
.artBoard_para{
  font-weight: bold;
  line-height: 22px !important;
}
.artBoard_allparadiv{
 padding: 18px 20px 18px 20px;
 text-align: -webkit-auto;
 color: #808080;
 line-height: 22px;
 min-height: 170px;
}
.artBoard_allparadiv p{
  padding-bottom: 18px;
}
.artBoardbtn_div button{
  height: 60px;
  width: 130px;
  border: 0;
  font-size: 20px;
  color: white;
  background-color: #7eb25c;
  border-radius: 35px;
}
.artBoard_allparadiv p span{
  color:#0093ce !important;
}
.artBoard_btnbackdiv{
  padding: 18px 20px 18px 20px;
  width: 100%;
  height: auto;
  margin-bottom:20px;
}
.artBoard_btnbackdiv .flatbtn{
  float: left !important;
}
.artBoard_btnbackdiv .flatbtn:hover{
  background-color: transparent !important;
}
.artBoard_btnbackdiv .flatbtn .btnback_arrow{
  width: 30px;
  padding-right: 10px;
}
.artBoard_btnbackdiv .flatbtn span{
  font-size: 20px;
}
.nextnum_div{
  width:100%;
  max-width:450px !important; 
  margin:auto;
}
.nextnum_div svg{
  width:40px !important;
  height:40px !important;
  /* color: #0093ce !important;
  fill: #0093ce !important; */
  user-select: none !important;
}

.steplabel_fst svg{
  color: #0093d3 !important;
  fill: #0093d3 !important;
  } 
  .steplabel_second svg{
  color: #003d84 !important;
  fill: #003d84 !important;
  }
  .steplabel_third svg{
  color: #c22c74 !important;
  fill: #c22c74 !important;
  }     
  /* 
  .nextnum_div  div div span{
    border-top-style: dotted;
  }
  */ 

.contest_row2 .similac_h4{
  font-size:16px !important; 
 }
@media screen and (max-width:365px){
.contest_row2 .similac_h4{
  font-size:12px !important; 
 }
}
@media screen and (min-width:992px) and (max-width:1070px){
  .similac_paradiv1{
    font-size:17px!important;
  }
}
@media screen and (max-width:427px){
  .similac_paradiv1{
    font-size:17px!important;
  }
}
@media screen and (max-width:362px){
  .similac_paradiv1{
    font-size:14px!important;
  }
  .similac_h6div h6{
    font-size: 9px !important;
  }  
}
.contest_row2 .similac_h4{
  margin: auto;
}
@media screen and (max-width:425px){
.similac_h6div h6{
  font-size: 10px !important;
  line-height: 15px !important;
  }
}

.ds div div div div {
  overflow-y: auto !important;
}
@media screen and (max-width:992px){
  .nxt_preWeb img {  
  	display: none;  
  }
  .nxt_preMob {
    position: relative;
  }
  .nxt_preMob .prev_contestMob {
    display: inline;
    width: 40px;
    top: 4px;
    left: 16px;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
  }
  .nxt_preMob .next_contestMob {
    display: inline;
    width: 40px;
    top: 4px;
    right: 16px;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
  }
}
.nxt_preMob img { display: none; }

/*css for internet explorer*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     /*.background-images {
        background-color: black !important;
     }*/
    .add_uppercase{
    	padding-bottom: 20px !important;
    }
    .active_later_info{
    	display: inline !important;
    }
	.panel .content{
	    display: none !important;
	}
	.panel details, .panel details summary, summary ul, summary ul li{
		display: block !important;
		width: 100% !important;
	}
	.drawer{
		overflow : hidden !important;
		overflow-x : hidden !important;
	}
}
@media only screen and (max-width: 992px){
  .next_contest, .prev_contest {
     display: none !important;
  }
}
@media only screen and (max-width: 567px){
	.nxt_preMob .prev_contestMob, .nxt_preMob .next_contestMob {
      width: 28px !important;
  }
}



