.plain-ml-wrapper {
  max-width: 580px;
  margin: 0 auto;
}

.mailinglist_Wrapper {
  margin-top: 0;
}

div.plain-ml-wrapper span#secondFormClose:hover {
  opacity: 1;
  transition: 0.5s all;
  color: #dc2527;
}

.plain-ml-wrapper #mlform .message-header {
  font-size: 25px;
  text-transform: uppercase;
}

.plain-ml-wrapper #mlform input {
  height: 45px;
  /* padding: 5px 10px; */
  box-sizing: border-box;
  line-height: 2.6041666666666665vw;
  padding: 0;
}

input,
select {
  -webkit-appearance: none;
  border-radius: 0;
}

.plain-ml-wrapper form#mlistFormOne div.fieldWrap,
.plain-ml-wrapper form#mlistFormTwo div.fieldWrap {
  margin-right: 2%;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.plain-ml-wrapper form#mlistFormOne > div,
.plain-ml-wrapper form#mlistFormTwo div {
  margin-bottom: 4%;
  display: inline-block;
  width: 6.510416666666667vw;
  vertical-align: top;
}

.plain-ml-wrapper form#mlistFormTwo div {
  width: auto;
}

.plain-ml-wrapper form#mlistFormTwo .postal_country {
  /* font-size: 0; */
  width: 100%;
}

.plain-ml-wrapper form#mlistFormTwo .postal_country > div.country {
  margin: 0;
}

.plain-ml-wrapper form#mlistFormTwo .postal_country > div {
  width: 100%;
}

.plain-ml-wrapper input:focus,
*:focus {
  outline: none;
}

.plain-ml-wrapper input#submit {
  border: none;
  cursor: pointer;
  background-color: #571dc1;
  font-size: 1.025vw;
  color: #ffffff;
  padding: 0;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-family: futura-pt, sans-serif;
  letter-spacing: 0;
  line-height: 45px;
}

.plain-ml-wrapper #mlform input#email {
  border: 0;
  padding: 0;
  padding-left: 10px;
  font-size: 1.025vw;
  letter-spacing: 0;
  line-height: 45px;
}

.plain-ml-wrapper #mlform input#email.errored {
  border: 1px solid red;
}

.plain-ml-wrapper #mlform .terms,
#secondform .terms {
  color: #ffffff;
  font-size: 0.7291666666666666vw;
  text-decoration: none;
  text-transform: capitalize;
  font-family: futura-pt, sans-serif;
  text-align: right;
  display: block;
  transition: all 0.5s ease-out;
}
.plain-ml-wrapper #mlform .terms:hover,
#secondform .terms:hover {
  opacity: 0.5;
}

.plain-ml-wrapper #mlform .terms {
  color: #ffffff;
  font-size: 0.732vw;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  display: block;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.plain-ml-wrapper #mlform #terms .terms-message,
.plain-ml-wrapper #secondform #terms .terms-message {
  width: 100%;
  color: #fff;
  margin: 0px auto;
  text-decoration: none;
}

.plain-ml-wrapper #mlform p.terms-message a,
.plain-ml-wrapper #secondform p.terms-message a {
  /* color: #070707; */
  /* text-decoration: none; */
}

.plain-ml-wrapper #mlform p.terms-message a:hover,
.plain-ml-wrapper #secondform p.terms-message a:hover {
  /* color: #1B214E; */
  /* text-decoration: underline; */
}

/* first form style ends */

.plain-ml-wrapper .singleStepForm .name {
  display: block;
}

.plain-ml-wrapper .singleStepForm .name div {
  display: inline-block;
  width: 49%;
}

.plain-ml-wrapper .singleStepForm .name input {
  width: 100%;
  padding: 0px 5px;
  font-size: 12px;
}

.plain-ml-wrapper .singleStepForm input#goptin {
  width: 15px;
  height: 15px;
}

.plain-ml-wrapper .singleStepForm select {
  width: 100%;
  height: 35px;
  padding: 0px 5px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #fff;
  background: #000;
}

option {
  color: #959595;
  background: #fff;
}

.plain-ml-wrapper #secondform {
  width: 100%;
  text-align: center;
}

.plain-ml-wrapper #secondform .name {
  display: block;
}

.plain-ml-wrapper #secondform .birthday div {
  display: inline-block;
  width: 49%;
}

.plain-ml-wrapper #secondform .name input {
  width: 100%;
  padding: 0px 5px;
  font-size: 12px;
}

.plain-ml-wrapper #secondform input#goptin {
  width: 15px;
  height: 15px;
}

.plain-ml-wrapper #secondform select {
  width: 100%;
  padding: 10px 0px;
  height: 35px;
  padding: 0px 5px;
}

.plain-ml-wrapper #secondform input:not([type="submit"]) {
  width: 100%;
  background: #ffffff;
  padding: 10px 0px;
  height: 45px;
  font-size: 14px;
  line-height: 45px;
  padding: 0px 10px;
  border: none;
}

.plain-ml-wrapper #secondform input[type="checkbox"] {
  width: 15px;
  height: 15px !important;
  vertical-align: middle;
  position: absolute;
  cursor: pointer;
  z-index: 111;
}

.plain-ml-wrapper #secondform .globaloptin {
  width: 100%;
  margin: 0px auto;
  text-align: justify;
}

.plain-ml-wrapper #secondform .welcome {
  text-transform: uppercase;
  font-size: 26px;
  width: 85%;
  margin: 0 auto;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
  margin: 0 auto;
}

.plain-ml-wrapper #thankyou {
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  padding: 1.25vw 0;
  font-size: 25px;
  width: 250px;
  margin: 0px auto;
}

.plain-ml-wrapper input {
  color: #666666;
  background: #ffffff;
  padding: 5px 10px;
  box-sizing: border-box;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.098vw;
  border: 1px solid rgba(230, 230, 230, 0.1);
}

.plain-ml-wrapper #secondform select {
  /* color: #fff; */
  font-size: 1.098vw;
  border: 1px solid #ffffff;
  background: #000;
  height: 2.6041666666666665vw;
  color: #ffffff;
  line-height: 2.6041666666666665vw;
}

.plain-ml-wrapper #secondform input#goptin {
  vertical-align: middle;
}

.plain-ml-wrapper #secondform .globaloptin {
  font-size: 12px;
  margin: 0;
}

.plain-ml-wrapper #terms {
  text-decoration: none;
  width: calc(100% - 100px);
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
  padding-top: 15px;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-align: left;
}

form#mlistFormOne {
  margin-bottom: 0;
}

.plain-ml-wrapper p.terms-message-2,
.plain-ml-wrapper p.terms-message {
  /* bottom: 15px; */
  position: absolute;
  width: 100%;
  top: 25px;
  margin: 0;
  background: #571dc1;
  font-size: 12px;
  color: #fff;
  /* max-width: 30vw; */
  max-width: fit-content;
}

.plain-ml-wrapper .fadeOut {
  display: none;
}

.plain-ml-wrapper .fadeIn {
  display: block;
}

.plain-ml-wrapper #mlform p.terms-message a,
.plain-ml-wrapper .singleform p.terms-message a {
  color: #fff;
  text-decoration: underline;
}

.plain-ml-wrapper #mlform p.terms-message a:hover {
  color: #fff;
}

div.plain-ml-wrapper {
  position: relative;
}

div.plain-ml-wrapper span#secondFormClose {
  position: absolute;
  right: 1vw;
  top: 0.7vw;
  font-size: 2vw;
  cursor: pointer;
  color: #ffffff;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.plain-ml-wrapper span.input-error {
  color: red;
  position: absolute;
  top: -16px;
  left: 0;
  padding: 0;
  bottom: auto;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
  font-size: 0.9vw;
  text-transform: capitalize;
  background: none;
}

p.message-description {
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}

.plain-ml-wrapper div#mlform {
  text-align: center;
}

.email.fieldWrap label {
  display: none;
  font-size: 0;
}

.plain-ml-wrapper #mlform .terms a:hover,
#secondform .terms a:hover {
  text-decoration: none;
  transition: 0.5s;
}

input::placeholder {
  color: #959595;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  color: #959595;
  -webkit-text-fill-color: #959595;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

.plain-ml-wrapper #secondform input,
.plain-ml-wrapper #secondform select {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 45px;
}

input#first {
  font-family: futura-pt, sans-serif;
}

.globaloptin.fieldWrap {
}

.plain-ml-wrapper #secondform div.birthday {
  margin-bottom: 0%;
}

form#mlistFormTwo .submit {
  margin-top: 4%;
}

form#mlistFormTwo .submit input {
  opacity: 1;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  display: block;
  width: 140px;
  height: 45px;
  line-height: 45px;
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
}

form#mlistFormTwo div#terms {
  text-align: center;
  right: 0;
  bottom: -33px;
  width: 100%;
  bottom: 10px;
  margin-bottom: 0;
  padding-left: 0;
}

.plain-ml-wrapper form#mlistFormTwo div.submit {
  margin-bottom: 2%;
  margin: 0 auto;
  display: block;
  margin-top: 5%;
  width: 140px;
}

.plain-ml-wrapper p.terms-message-2 a {
  color: #fff;
  text-decoration: underline;
}

.plain-ml-wrapper form#mlistFormOne .email.fieldWrap {
  width: 74%;
  margin-bottom: 0;
}

.plain-ml-wrapper input#submit:hover,
form#mlistFormTwo .submit input:hover {
  background: #6e36d6;
  transition: 0.5s all;
  opacity: 1;
  color: #ffffff;
}

.plain-ml-wrapper form#mlistFormTwo div.fieldWrap {
  width: 100%;
}

.plain-ml-wrapper #secondform div.birthday {
  width: 100%;
  display: inline-block;
  font-size: 0;
}

.plain-ml-wrapper #secondform div.dobMonth.fieldWrap,
.plain-ml-wrapper #secondform div.dobDay.fieldWrap {
  display: inline-block;
  width: 49%;
}

.plain-ml-wrapper #secondform div.dobDay.fieldWrap {
  margin-right: 0;
}

div.plain-ml-wrapper span#secondFormClose:hover {
  color: #f6f6f6;
  opacity: 0.6;
  transition: 0.5s;
}

.plain-ml-wrapper form#mlistFormOne > div {
  margin-bottom: 0.6%;
}

.plain-ml-wrapper form#mlistFormOne div.submit {
  margin: 0px;
  width: 24%;
}

.plain-ml-wrapper form#mlistFormOne .primary-list-values {
  display: none;
}

.plain-ml-wrapper #mlform #terms .terms-message {
  padding: 2.5% 1%;
}

.plain-ml-wrapper p.terms-message-2 {
  padding: 10px;
  border: 1px solid;
  margin-bottom: 0px;
  top: 45px;
  background: #571dc1;
  font-size: 10px;
}

.plain-ml-wrapper #secondform select {
  background: url("../images/ddArrow.svg") no-repeat 97%;
  background-color: #ffffff;
  color: #959595;
  height: 45px;
}

.plain-ml-wrapper #secondform select#country {
  background-position-x: 99%;
}

#secondform .terms {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  opacity: 0.6;
}

.plain-ml-wrapper p.terms-message-2 a:hover,
#secondform .terms:hover,
.plain-ml-wrapper #mlform .terms:hover {
  opacity: 0.6;
}

.plain-ml-wrapper #mlform .terms {
  opacity: 0.6;
  display: inline-block;
  float: right;
}
.plain-ml-wrapper #mlform .terms:hover {
  opacity: 0.4;
}

.thankswelcome-msg {
  font-size: 14px;
  margin-bottom: 10px;
}

/** custom checkbox **/

.globaloptin input[type="checkbox"] {
  opacity: 0;
}

.globaloptin label {
  position: relative;
  display: inline-block;
  /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
  padding-left: 22px;
  /* vertical-align: middle; */
  color: #ffffff;
}

.globaloptin label::before,
.globaloptin label::after {
  position: absolute;
  content: "";
  /*Needed for the line-height to take effect*/
  display: inline-block;
}

/*Outer box of the fake checkbox*/

.globaloptin label::before {
  height: 16px;
  width: 16px;
  border: 1px solid;
  left: 0px;
  /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
  top: -3px;
  cursor: pointer;
}

/*Checkmark of the fake checkbox*/

.globaloptin label::after {
  height: 5px;
  width: 9px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 4px;
  top: 1px;
  cursor: pointer;
}

/*Hide the checkmark by default*/

.globaloptin input[type="checkbox"] + label::after {
  content: none;
}

/*Unhide on the checked state*/

.globaloptin input[type="checkbox"]:checked + label::after {
  content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/

.globaloptin input[type="checkbox"]:focus + label::before {
  outline: none;
}

#secondform .terms {
  text-align: center;
  padding-top: 10px;
}

/** custom checkbox ends **/

@media only screen and (min-width: 768px) {
  form#mlistFormTwo {
    max-width: 40vw;
    margin: 0 auto;
  }
  .plain-ml-wrapper #secondform .welcome {
    margin-top: 10%;
  }
  .plain-ml-wrapper div#mlform {
    text-align: center;
    width: 100%;
    margin: 0px auto;
    box-sizing: content-box;
    padding: 0;
  }
  .plain-ml-wrapper div#secondform {
    /* max-width: 100%; */
    /* height: 100vh; */
    /* width: 100%; */
    /* padding-top: 0; */
    /* overflow-y: scroll; */
  }
  .plain-ml-wrapper #secondform .name {
    width: 100%;
    text-align: center;
    font-size: 0px;
    margin-bottom: 0;
  }
  .plain-ml-wrapper .first {
    font-size: 0px;
  }
  .plain-ml-wrapper #secondform .name div {
    font-size: 0px;
  }
  .plain-ml-wrapper #secondform input,
  .plain-ml-wrapper #secondform select {
    /* margin: 0; */
  }
  .plain-ml-wrapper input#goptin {
    margin: 0;
  }
  .plain-ml-wrapper #secondform .globaloptin {
    margin-top: 0;
  }
  .plain-ml-wrapper #secondform div.dobMonth.fieldWrap {
    margin-right: 2%;
  }
  .plain-ml-wrapper #secondform div.birthday {
    font-size: 0;
  }
  .plain-ml-wrapper #secondform .globaloptin span {
    padding-left: 10px;
  }
  .plain-ml-wrapper #mlform #terms .terms-message,
  .plain-ml-wrapper #secondform #terms .terms-message {
    font-size: 0.732vw;
    background: #571dc1;
    color: #fff;
    border: 1px solid #fff;
    left: -50px;
    width: 580px;
    max-width: 558px;
    margin-top: 10px;
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
    padding: 10px;
  }
  .plain-ml-wrapper div#thankyou {
    width: 100%;
    font-size: 26px;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #ffffff;
    text-transform: capitalize;
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
  }
  br.mob {
    display: none;
  }
}

br.mob-line {
  display: none;
}

@media only screen and (max-width: 1024px) {
  br.mob-line {
    display: block;
  }
  .plain-ml-wrapper #mlform input#email {
    font-size: 16px !important;
    padding-left: 12px;
  }
  .plain-ml-wrapper #secondform .welcome {
    margin-top: 0%;
  }
  .plain-ml-wrapper #secondform input,
  .plain-ml-wrapper #secondform select {
    font-size: 16px;
  }
  .plain-ml-wrapper #secondform input#submit {
    font-size: 14px;
    display: block;
    max-width: 250px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    /* padding: 10px 40px; */
  }
  .plain-ml-wrapper span.input-error {
    top: -20px;
    font-size: 1.8vw;
  }
  .plain-ml-wrapper {
    max-width: 100%;
    width: 58%;
    margin: 0 auto;
  }
  p.message-description {
    font-size: 44px;
    text-transform: uppercase;
    margin-top: 0;
  }
  .plain-ml-wrapper #secondform div.dobMonth.fieldWrap {
    margin-right: 2%;
  }
  .plain-ml-wrapper #mlform input {
    width: 100%;
  }
  .plain-ml-wrapper #mlform input {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
  .plain-ml-wrapper input#submit {
    font-size: 14px;
    /* margin-top: 30px; */
    width: 100%;
    padding: 0;
  }
  .plain-ml-wrapper #terms {
    text-align: left;
    top: 0;
    transform: none;
    max-width: 98%;
    /* margin: 0 auto; */
  }
  form#mlistFormTwo div#terms {
    right: 0;
    bottom: 0px;
    top: auto;
    margin-top: 0px;
    padding: 0px;
  }
  .plain-ml-wrapper #secondform .name {
    margin: 0;
  }
  .plain-ml-wrapper form#mlistFormOne .email.fieldWrap {
    width: 64%;
    margin-right: 3%;
  }
  .plain-ml-wrapper form#mlistFormOne > div.submit {
    width: 33%;
    display: inline-block;
  }
  .plain-ml-wrapper form#mlistFormOne > div {
    width: 100%;
  }
  .plain-ml-wrapper #thankyou {
    padding: 0;
    padding-bottom: 10px;
    font-size: 18px;
  }
  input::placeholder {
  }
  .plain-ml-wrapper #mlform .terms,
  #secondform .terms {
    font-size: 10px;
  }
  .plain-ml-wrapper p.terms-message-2,
  .plain-ml-wrapper p.terms-message {
    /* font-size: 12px;
    bottom: 20px; */
  }
  div#firstMlistForm #mlform .terms {
    padding-left: 0px;
    text-align: center;
    float: none;
  }
  div.plain-ml-wrapper span#secondFormClose {
    font-size: 20px;
    top: -30px;
    right: 15px;
  }
  .plain-ml-wrapper #secondform .welcome {
    font-size: 14px;
  }
  .plain-ml-wrapper #mlform #terms .terms-message,
  .plain-ml-wrapper #secondform #terms .terms-message,
  .plain-ml-wrapper p.terms-message-2,
  .plain-ml-wrapper p.terms-message {
    font-size: 10px;
    padding: 10px;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid;
    max-width: 100%;
    box-sizing: border-box;
    text-transform: uppercase;
  }
  .plain-ml-wrapper div#thankyou {
    padding-bottom: 0;
    font-size: 24px;
  }
  .plain-ml-wrapper #secondform .name input {
    font-size: 16px;
  }
  .plain-ml-wrapper #secondform input:not([type="submit"]),
  .plain-ml-wrapper #secondform select {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
  }
  .plain-ml-wrapper div#secondform {
    max-width: 100%;
    /* height: 100vh; */
    width: 100%;
    padding-top: 0;
    /* overflow-y: scroll; */
  }
  form#mlistFormTwo {
    max-width: 90%;
    margin: 0 auto;
  }
  .plain-ml-wrapper form#mlistFormTwo div.submit {
    width: 140px;
    height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .mailinglist_Wrapper {
    margin-top: 0;
    max-width: 96%;
    margin: 0 auto;
  }
  .plain-ml-wrapper #secondform .welcome {
    font-size: 20px;
    margin-top: 0;
  }
  .plain-ml-wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .plain-ml-wrapper form#mlistFormOne .email.fieldWrap {
    width: 64%;
    margin-right: 3%;
  }
  .plain-ml-wrapper form#mlistFormOne > div.submit {
    width: 33%;
    display: inline-block;
  }
}

.plain-ml-wrapper #mlform input#email {
  font-style: normal;
  text-transform: capitalize;
}

.mailinglist_Wrapper {
  padding: 132px 0px 132px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1024px) {
  .mailinglist_Wrapper {
    padding: 80px 0px 0px;
    max-width: 100%;
  }
  p.message-description {
    font-size: 24px;
  }
  .plain-ml-wrapper div#mlform {
    padding: 0px;
    max-width: 335px;
  }
  .plain-ml-wrapper form#mlistFormOne .email.fieldWrap {
    width: 100%;
    margin-right: 0%;
  }
  .plain-ml-wrapper #mlform input#email {
    text-align-last: center;
    padding: 0px;
  }
  .plain-ml-wrapper form#mlistFormOne > div.submit {
    width: 100%;
    display: block;
    margin-top: 20px;
  }
  .plain-ml-wrapper #mlform input#email {
    font-size: 16px !important;
    line-height: 45px;
    height: 45px;
    text-align: -moz-center;
    text-align: -webkit-center;
  }
  .plain-ml-wrapper input#submit {
    font-size: 14px;
    line-height: 45px;
    height: 45px;
  }
  .plain-ml-wrapper #terms {
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
  .globaloptin label {
    text-transform: capitalize;
    line-height: 18px;
    padding-left: 27px;
  }
  .plain-ml-wrapper #secondform select {
    padding-left: 10px;
  }
}

.plain-ml-wrapper #secondform input#goptin_checkbox2 {
  padding: 0px;
  margin: 0px;
}

.plain-ml-wrapper #mlform .terms,
#secondform .terms {
  text-transform: uppercase;
}

@media (max-width: 1024px) and (min-width: 768px) {
  .plain-ml-wrapper div#mlform {
    max-width: 450px;
  }
  br.mob {
    display: inline-block;
  }
}

.plain-ml-wrapper #mlform #terms .terms-message,
.plain-ml-wrapper #secondform #terms .terms-message,
.plain-ml-wrapper p.terms-message-2,
.plain-ml-wrapper p.terms-message {
  text-transform: uppercase;
}

@media screen and (max-width: 776px) and (orientation: portrait) {
  .globaloptin label::before {
    top: 5px;
  }
  .globaloptin label::after {
    top: 8px;
  }
}