/************* login popup form ***********/

.login-form p.login-error-message {
  font-style: oblique;
  border-left: 4px solid #00a0d2;
  padding: 12px;
  margin-left: 0;
  background-color: #fff;
  /*-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);*/
  /*box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);*/
}

.login-link {
  position: relative;
  display: inline-block;
}

.login-form {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 15;
  text-align: center;
  padding: 2em;
  left: -5em;
}

/* .hover2{
  display: block;
} */

.login-link {
  color: green;
}
div.wpcf7-validation-errors{
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
  background: none;
border: none;
margin: 0;
padding: 0;
color: red;
font-weight: 700;
}

.login-link .login-username label {
  font-size: 0.8em !important;
  display: block !important;
  color: #000000 !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  clear: both !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  float: left !important;
  left: 0em !important;
  position: relative !important;
  transition: all 0.5s ease;
  opacity: 0.5;
}

.login-link .login-password label {
  font-size: 0.8em !important;
  display: block !important;
  color: #000000 !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  clear: both !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  float: left !important;
  left: 0em !important;
  position: relative !important;
  transition: all 0.5s ease;
  opacity: 0.5;
}

.aiowps-captcha {
  margin-bottom: 0;
  text-align: left;
}

.aiowps-captcha label {
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.9em;
  color: #575988;
  opacity: 0.7;
  font-weight: 400;
  text-transform: initial !important;
}

.login-form .input {
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
}

.page-login-form .input:focus {
  border-bottom: 1px solid #575988 !important;
  transition: all 0.5s ease;
}

.aiowps-captcha-equation strong {
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.9em;
  color: black;
}

.aiowps-captcha-equation {
  text-align: left;
}

#aiowps-captcha-answer {
  border: none !important;
  border-bottom: 1px solid #999999 !important;
  background: none !important;
}

.login-remember label {
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  text-transform: capitalize !important;
  font-size: 0.8em !important;
  font-weight: 500 !important;
}

.login-member {
  float: left;
  margin-top: -1em;
  margin-bottom: 0.5em;
}

.login-submit .button {
  width: 100% !important;
  border: none !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  color: white !important;
  font-weight: 700 !important;
  display: block !important;
  font-size: 0.8rem !important;
  background: #575988 !important;
  box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.5s ease;
}

.login-submit .button:hover {
  background: #05324e !important;
  transition: all 0.5s ease;
}

.forgot-password {
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
  color: #575988;
  font-size: 0.8em;
  display: block;
  padding: 0 !important;
  text-align: center;
}

.forgot-password:before {
  display: none !important;
}

.login-popup-register {
  display: none !important;
}

.login-remember {
  float: left;
  margin-bottom: 0.5em;
  margin-top: -1em;
}


/************* ends here login popup form ***********/


/************* Manage profile page styles **************/

.manage-profile-section {
  margin-bottom: 17px;
  border: 1px solid #d8d8d8;
  border-top: 2px solid #00395a;
  padding: 15px;
  transition: all .2s ease;
}

.manage-profile-section:hover {
  border-right-color: #bdbdbd;
  border-bottom-color: #bdbdbd;
  border-left-color: #bdbdbd;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  opacity: 1;
}


/************* ends here Manage profile page styles **************/


/******** user registration form *****/

.wrapper.normal-register-page .content {
    display: block;
}

.normal-register-page {
  background-image: url(/cards-international/wp-content/uploads/sites/2/2017/05/loginbg2.jpg);
  padding: 5em;
  background-size: cover;
  background-repeat: no-repeat;
      padding-top: 2em;
}

.normal-register-page .wpcf7-form {
  background: white;
  width: 400px;
  margin: 0 auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 1.5em;
  animation: 2s ease-out 0s 1 slideInFromLeft;
}

.normal-register-page .form-main input[type="text"] {
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
}

.normal-register-page .form-secondary input[type="text"] {
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
}

.normal-register-page .form-secondary input[type="tel"] {
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
}

.normal-register-page .form-main input[type="email"], .normal-register-page .form-main input[type="tel"] {
  margin-bottom: 0 !important;
  border: none;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
  margin-top: 1em;
}

.normal-register-page h1 {
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
  text-align: center;
  color: #05324e;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.wpcf7 .wpcf7-not-valid-tip{
  font-weight: 500;
  color: #f00;
  font-size: 12px !important;
  font-family: roboto;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

.normal-register-page label {
    font-size: 0.90rem !important;
  display: block !important;
  color: #000000 !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  clear: both !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  left: 0em !important;
  position: relative !important;
  transition: all 0.5s ease;
  opacity: 0.5;
}

.normal-register-page select {
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
  margin-top: 1em;
}

.normal-register-page textarea {
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
  margin-top: 1em;
}

.normal-register-page .form-next {
  width: 100% !important;
  border: none !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  color: white !important;
  font-weight: 700 !important;
  display: block !important;
  font-size: 0.8rem !important;
  background: #575988 !important;
  box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.5s ease;
}

.normal-register-page .form-previous {
  width: 100% !important;
  border: none !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  color: white !important;
  font-weight: 700 !important;
  display: block !important;
  font-size: 0.8rem !important;
  background: #8487ce !important;
  box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.5s ease;
}

.normal-register-page .form-previous:hover {
  background: #05324e !important;
  transition: all 0.5s ease;
}

.normal-register-page input[type=submit] {
  width: 100% !important;
  border: none !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  color: white !important;
  font-weight: 700 !important;
  display: block !important;
  font-size: 0.8rem !important;
  background: #575988 !important;
  box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.5s ease;
  margin-top: 2em;
}

.normal-register-page input[type=submit]:hover {
  background: #05324e !important;
  transition: all 0.5s ease;
}


/* Login page */

.page-login-form {
  background-image: url(/cards-international/wp-content/uploads/sites/2/2017/05/loginbg2.jpg);
  padding: 5em;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 2em;
}

.login-title{
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
    text-align: center;
    color: #05324e;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
}
.page-login-form form {
  background: white;
  width: 400px;
  margin: 0 auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 1.5em;
  animation: 2s ease-out 0s 1 slideInFromLeft;
}

.page-login-form .login-username label {
  font-size: 0.95em !important;
  display: block !important;
  color: #000000 !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  clear: both !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  float: left !important;
  left: 0em !important;
  position: relative !important;
  transition: all 0.5s ease;
  opacity: 0.5;
}

.page-login-form .login-password label {
font-size: 0.95em !important;
  display: block !important;
  color: #000000 !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  clear: both !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  float: left !important;
  left: 0em !important;
  position: relative !important;
  transition: all 0.5s ease;
  opacity: 0.5;
}

.page-login-form .input {
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
}

.page-login-form .input:focus {
  border-bottom: 1px solid #575988 !important;
  transition: all 0.5s ease;
}

.page-login-form .login-page-password {
  background: rgba(36, 52, 66, 0.89);
  color: white;
  padding: 1em;
  margin: 0 auto;
  width: 400px;
  text-align: center;
  display: block;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
  transition: all 0.5s ease;
}

.page-login-form .login-page-register {
  background: rgba(45, 66, 84, 0.89);
  color: white;
  padding: 1em;
  margin: 0 auto;
  width: 400px;
  text-align: center;
  display: block;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
  transition: all 0.5s ease;
}

.page-login-form .login-page-password:hover {
  background: rgba(72, 100, 125, 1);
  transition: all 0.5s ease;
}

.page-login-form .login-page-register:hover {
  background: rgba(72, 100, 125, 1);
  transition: all 0.5s ease;
}

@keyframes slideInFromLeft {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.page-login-form .login-page-password, .page-login-form .login-page-register, #subfooter p {
  font-size: 1.6em;
  font-weight: 300;
}

@media only screen and (max-width: 600px) {
  .page-login-form {
    padding: 1em;
  }
  .page-login-form .login-page-password {
    width: auto;
  }
  .login-page-notification {
    width: auto !important;
  }
  .page-login-form .login-page-register {
    width: auto;
  }
  .page-login-form form {
    width: auto;
  }
  .normal-register-page {
    padding: 0;
  }
  .normal-register-page .wpcf7-form {
    width: auto;
  }
  .normal-register-page .wpcf7 {
    padding: 1em;
  }
}


.page-template-template-paid-subscriber-registration .email-check-form{
  background-image: url(/wp-content/uploads/sites/2/2017/05/loginbg2.jpg);
  padding: 5em;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 2em;
    height: 80vh;
}

.page-template-template-paid-subscriber-registration .email-check-form form {
  background: white;
  width: 400px;
  margin: 0 auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 1.5em;
  animation: 2s ease-out 0s 1 slideInFromLeft;
}

.page-template-template-paid-subscriber-registration .email-check-form label{
  font-size: 0.95em !important;
  display: block !important;
  color: #000000 !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  clear: both !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  float: left !important;
  left: 0em !important;
  position: relative !important;
  transition: all 0.5s ease;
  opacity: 0.5;
}


.page-template-template-paid-subscriber-registration .email-check-form .valid-email{
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
}

.page-template-template-paid-subscriber-registration .email-check-form .check-email{
  width: 100% !important;
  border: none !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  color: white !important;
  font-weight: 700 !important;
  display: block !important;
  font-size: 0.8rem !important;
  background: #575988 !important;
  box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.5s ease;
  margin-top: 2em;
}


.page-template-template-paid-subscriber-registration .email-check-form .check-email:hover{
  background: #05324e !important;
  transition: all 0.5s ease;
}


.page-template-template-paid-subscriber-registration .email-check-form h1 {
    font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
    text-align: center;
    color: #05324e;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
      margin-top: 1em;
}


.paid-subscriber{
  background-image: url(/cards-international/wp-content/uploads/sites/2/2017/05/loginbg2.jpg);
  padding: 5em;
  background-size: cover;
  background-repeat: no-repeat;
      padding-top: 2em;
}

.paid-subscriber form {
  background: white;
  width: 400px;
  margin: 0 auto;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  padding: 1.5em;
  animation: 2s ease-out 0s 1 slideInFromLeft;
}

.paid-subscriber h1 {
    font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
    text-align: center;
    color: #05324e;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.5rem;
      margin-top: 1em;
}
.paid-subscriber form input{
  border: none !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #999999 !important;
  background: none;
  width: 100%;
  transition: all 0.5s ease;
}


.paid-subscriber label{
  font-size: 0.95em !important;
  display: block !important;
  color: #000000 !important;
  margin: 0 0 8px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  clear: both !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  position: relative !important;
  transition: all 0.5s ease;
  opacity: 0.5;
}

.paid-subscriber .wpcf7-submit{
  width: 100% !important;
  border: none !important;
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
  color: white !important;
  font-weight: 700 !important;
  display: block !important;
  font-size: 0.8rem !important;
  background: #575988 !important;
  box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.5s ease;
  margin-top: 2em;
}
.paid-subscriber textarea{
  width: 100%;
}

.paid-subscriber select.select-sites{
  height: 10em;
}

.privacy-box{
  margin-top: 2em;
}

.privacy-box span{
  display: inline-block;
width: auto;
clear: both;
}

.privacy-box aside{
  width: auto;
clear: both;
padding-left: 3em;
margin-top: -1.4em;
display: block;
font-size: 0.9rem;
font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
font-weight: 400;
}

.privacy-box a{
  color: #575988;
  font-weight: 700;
}

.receive-info .last{
      margin: 0;
}

.receive-info  .wpcf7-list-item-label{
  width: auto;
      clear: both;
      padding-left: 3em;
      margin-top: -1.7em;
      display: block;
      font-size: 0.9rem;
      font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif !important;
      font-weight: 400;
      -webkit-font-smoothing: auto;
      text-rendering: optimizeSpeed;
}


.header-twitter{
  font-size: 1.4rem;
  color: #03A9F4;
  position: absolute;
  top: -0.5em;
  right: 3em;
  display: none;
}

.header-twitter:hover{
color: #556e92;
}

.header-linkedin{
  font-size: 1.4rem;
  color: #0077b5;
  position: absolute;
  top: -0.5em;
  right: 1.5em;
  display: none;
}

.header-linkedin:hover{
color: #556e92;
}

@media (max-width: 768px) {
  .header-register-icon{
    display: none;
  }

  .header-login-icon{
    display: block;
  }
}

.login-page-notification {
  background: rgba(200, 0, 0, 0.9);
  color: white;
  padding: 1.5em;
  margin: 0 auto;
  width: 400px;
  font-size: 1.6em;
  font-weight: 300;
  text-align: center;
  display: block;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  font-family: "roboto", "Helvetica Neue", helvetica, arial, sans-serif;
  transition: all 0.5s ease;
}

.login-page-notification div {
  padding-top: 1em;
}

.login-page-notification strong {
  padding-bottom: 1em;
  font-size: 1.2em;
}

.login-page-notification a {
  color: #fff;
  text-decoration: underline;
}