html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */

/* fonts */
@font-face{
  font-family: gotham; src: url("../print/fonts/GothamLight.ttf");
}
@font-face{
  font-family: myriadPro-Regular; src: url("../print/fonts/MyriadProRegular.ttf");
}
@font-face{
  font-family: myriadPro-Semibold; src: url("../print/fonts/MyriadProSemibold.ttf");
}
body{
  font-family: myriadPro-Regular;
  color: black;
}
/*.mybg{background-color: #009037;}*/
p{
  /*font-weight: 600;*/
  line-height: 1.4;
  height: 16px;
}
span{
  font-weight: 600;
  line-height: 1.4;
  height: 16px;
  text-transform: uppercase;
}
.pad-15{
  padding-bottom: 15px;
  padding-top: 15px;
}
.pad-t-15{
  padding-top: 15px;
}
.header-bg{
  border-bottom-right-radius: 28px;
  background-color: #1f9c4b;
  width: 90%;
}
/*.header-bg:after {
  content: "";
  width: 0px;
  position: absolute;
  height: 0px;
  bottom: 19px;
  right: 0px;
  border-top: 0px solid transparent;
  border-bottom: 212px solid transparent;
  border-left: 89px solid #1f9c4b;
}*/
.reg-form{
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 100;
  font-family: 'Open Sans', sans-serif;
}
.bold{font-weight: bold;}
.mytble{
  border-radius: 14px;
  border: 2px solid #fff;
  padding: 30px;
  background-color: #d7e9d6;
  color: #4a5256;
}
.terms-ul li{line-height: 1.2; font-size: 15px;}
.pt-100{padding-top: 100px;}
.mt-120{margin-top: 120px;}
.mb-200{margin-bottom: 200px;}
.img-logo img{width: 130px;}
.decl-bg{background-color: #e1efe1;}
.bg-transparent{background-color: transparent !important;}
.line-height li{
  font-size: 16px;
  line-height: 1.5;
}
.allotee{
  font-style: italic;
  font-size: 15px;
  line-height: 1.2;
}
.delcartion span {
  font-size: 15px;
  border-bottom: 1px solid #000;
  font-style: italic;
}
.member-form {
  margin-top: 78px;
  color: #527f52;
  background-color: #90C796;
  padding: 20px 40px 14px 20px;
  font-weight: 500;
  border-top-left-radius: 12px;
  border-top-right-radius: 10px;
  position: relative;
  font-size: 28px;
  font-family: myriadPro-Regular;
}
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.member-form:after {
content: "";
    width: 0px;
    position: absolute;
    height: 0px;
    bottom: 0px;
    right: -39px;
    border-top: 57px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 40px solid #90C796;
}
.wrapper{
  padding: 30px 20px 20px 20px;
  background-color: #dae4d8;
  border-top-right-radius: 5px;
}
.w-bg{
  background-color: #fff;
}
.white-bg{
  border-radius: 5px;
  background-color: #fff;
  padding: 9px 10px;
}
.white-bg-last {
    border-radius: 5px;
    background-color: #fff;
    padding: 9px 10px 0px 10px;
}
.top-heading{
    color: #d6702c;
    font-weight: 500;
    padding-left: 14px;
    padding-bottom: 8px;
    position: relative;
    font-size: 15px;
    font-family: myriadPro-Semibold;
}
.plot-inputs{width: 74%;}
.photo{
  height: 160px;
  /*width: 24%;*/
  padding: 0;
  text-align: center;
}
.photo i{
  font-size: 100px;
  color: #dae4d8;
}
.myflex{display: flex;}
.underline{
  display: inline-block;
  width: 100%;
  margin: 0px 7px -2px;
 /* text-align: center;*/
  border-bottom: 1px solid #000;
}
.mt-12{margin-top: 12px;}
.photo p{
   line-height: 52px;
    text-align: center;
    color: #dae4d8;
    font-weight: 600;
    font-size: 30px;
}
.pad-right-10{padding-right: 10px;}
.pad-right-17{padding-right: 17px;}
.mtm-44{margin-top: -73px;}
.box{
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: rgba(218, 228, 216, 0);
  padding: 0px 3px;
  border-radius: 3px;
  font-size: 16px;
  border-right: none;
}
.mt-22{margin-top: 22px;}
.width-72{width: 72%;}
.mlr-0{margin-left: 0px; margin-right: 0px;}
.line:before{
  content: '';
  width: 19%;
  height: 6px;
  position: absolute;
  top: 16px;
  left: 0px;
  background-color: #fff;
  border-top-left-radius: 100px;
  border-top-right-radius: 104px;
}
.new-line:before{width: 17% !important;}
.new-line:after {
  content: 'Preffered Choices: Select one plot per application';
  width: 33%;
  position: absolute;
  top: 5px;
  left: 25%;
  color: #615e5e;
  font-weight: normal;
  font-size: 10px;
}
.mT-54{
    margin-top: -54px !important;
  }
.black{color: #000 !important;}
.position-relative{position: relative;}

.client-id{
  width: 435px;
  left: 30px;
  border: 3px solid #dae4d8;
  bottom: 23px;
  border-radius: 12px;
  position: absolute;
}
.below-line {
  width: 442px;
  margin-top: 16px;
  margin-left: 7px;
  height: 20px;
  background-color: #fff;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media print{
  .header-bg{
    border-bottom-right-radius: 32px;
    background-color: #1f9c4b;
    width: 84%;
  }

  .page-wrapper {
    background: #ECF5EB;
    padding-bottom: 0px !important;
}

  .footer-bg{background-color: #009037;}
  .mybg{
    margin-top: -60px;
  }
  body {
    font-size: 14px;
  }
  .width-72 {
    width: 60%;
  }
  .ml-10{
    margin-left: 10px;
  }
  .ml-12-p{
    margin-left: 12%;
  }
    .ml-15-p{
    margin-left: 15%;
  }

  .ml-16-p{
    margin-left: 16%;
  }
  .ml-20-p{
    margin-left: 20%;
  }
  .ml-25-p{
    margin-left: 25%;
  }
  .ml-28-p{
    margin-left: 28%;
  }
  .ml-40-p{
    margin-left: 40%;
  }
  .pad-right-17 {
    padding-right: 12px;
  }
  .page-wrapper-1 {
    background: #0c863a;
    margin-top: -60px;
  }
  .mT-54{
    margin-top: -50px !important;
  }
  .mtm-44{
    margin-top: -50px !important;
  }
  .line:before {
    width: 30% !important;
  }
  .new-line:before{
   width: 25% !important; 
  }
/*print receipt css */
  .header-receipt .logo-size{
    height: 77px;
  }
 .header-receipt h2{
    text-transform: uppercase;
    font-weight: 600;
  }
  .header-receipt-1{
    margin-top: 100px;
  }
  .header-receipt-1 h2{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    margin-left: 42px;
  }
 .header-receipt .hm-logo{
  width: 136px;
 }
 .header-receipt p{
  font-size: 8px;
 }
 .receipt-body .underline-receipt{
  border-bottom: 1px solid black;
  overflow: hidden;
  width: 100%;
  text-transform: uppercase;
  font-weight: 100;
  color: #7272dc;
 }
  .receipt-body ul li{
    display: flex;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
 }
 .pad-left{
    padding-left: 48px;
 }
 .qr{
    margin-left: 41px;
 }
.box-1{
  display: flex;
}
.mt-30{
  margin-top: 30px;
}
.mt-50{
  margin-top: 50px;
}
.mt-65{
  margin-top: 50px;
}
.mt-44{
  margin-top: 44px;  
}
.mt-64{
  margin-top: 64px;
}
.mt-m-28{
  margin-top: -28px;
}
.mt-16{
  margin-top: 16px;
}
.mt-19{
  margin-top: 16px;
}
.ml-35-p{
  margin-left: 35%;
}
.ml-65-p{
  margin-left: 65%;
}
.ml-30-p span{
  margin-left: 30%;
}
/* End print receipt css */

}

