/* @extend display-flex; */

display-flex, .display-flex, .display-flex-center, .signup-content, .signin-content, .social-login, .socials {

  display: flex;

  display: -webkit-flex; }



/* @extend list-type-ulli; */

list-type-ulli, .socials {

  list-style-type: none;

  margin: 0;

  padding: 0; }



/* poppins-300 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 300;

  src: url("../fonts/poppins/poppins-v5-latin-300.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Light"), local("Poppins-Light"), url("../fonts/poppins/poppins-v5-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-300.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-300.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-300.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-300.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-300italic - latin */

@font-face {

  font-family: 'Poppins';

  font-style: italic;

  font-weight: 300;

  src: url("../fonts/poppins/poppins-v5-latin-300italic.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url("../fonts/poppins/poppins-v5-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-300italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-300italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-300italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-300italic.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-regular - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 400;

  src: url("../fonts/poppins/poppins-v5-latin-regular.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Regular"), local("Poppins-Regular"), url("../fonts/poppins/poppins-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-regular.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-regular.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-regular.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-italic - latin */

@font-face {

  font-family: 'Poppins';

  font-style: italic;

  font-weight: 400;

  src: url("../fonts/poppins/poppins-v5-latin-italic.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Italic"), local("Poppins-Italic"), url("../fonts/poppins/poppins-v5-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-italic.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-500 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 500;

  src: url("../fonts/poppins/poppins-v5-latin-500.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Medium"), local("Poppins-Medium"), url("../fonts/poppins/poppins-v5-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-500.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-500.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-500.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-500.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-500italic - latin */

@font-face {

  font-family: 'Poppins';

  font-style: italic;

  font-weight: 500;

  src: url("../fonts/poppins/poppins-v5-latin-500italic.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url("../fonts/poppins/poppins-v5-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-500italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-500italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-500italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-500italic.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-600 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 600;

  src: url("../fonts/poppins/poppins-v5-latin-600.eot");

  /* IE9 Compat Modes */

  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("../fonts/poppins/poppins-v5-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-600.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-600.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-600.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-700 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 700;

  src: url("../fonts/poppins/poppins-v5-latin-700.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins/poppins-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-700italic - latin */

@font-face {

  font-family: 'Poppins';

  font-style: italic;

  font-weight: 700;

  src: url("../fonts/poppins/poppins-v5-latin-700italic.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url("../fonts/poppins/poppins-v5-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700italic.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-800 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 800;

  src: url("../fonts/poppins/poppins-v5-latin-800.eot");

  /* IE9 Compat Modes */

  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("../fonts/poppins/poppins-v5-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-800.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-800.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-800.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-800.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-800italic - latin */

@font-face {

  font-family: 'Poppins';

  font-style: italic;

  font-weight: 800;

  src: url("../fonts/poppins/poppins-v5-latin-800italic.eot");

  /* IE9 Compat Modes */

  src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url("../fonts/poppins/poppins-v5-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-800italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-800italic.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-800italic.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-800italic.svg#Poppins") format("svg");

  /* Legacy iOS */ }

/* poppins-900 - latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 900;

  src: url("../fonts/poppins/poppins-v5-latin-900.eot");

  /* IE9 Compat Modes */

  src: local("Poppins Black"), local("Poppins-Black"), url("../fonts/poppins/poppins-v5-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-900.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-900.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-900.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-900.svg#Poppins") format("svg");

  /* Legacy iOS */ }

a:focus, a:active {

  text-decoration: none;

  outline: none;

  transition: all 300ms ease 0s;

  -moz-transition: all 300ms ease 0s;

  -webkit-transition: all 300ms ease 0s;

  -o-transition: all 300ms ease 0s;

  -ms-transition: all 300ms ease 0s; }



input, select, textarea {

  outline: none;

  appearance: unset !important;

  -moz-appearance: unset !important;

  -webkit-appearance: unset !important;

  -o-appearance: unset !important;

  -ms-appearance: unset !important; }



input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {

  appearance: none !important;

  -moz-appearance: none !important;

  -webkit-appearance: none !important;

  -o-appearance: none !important;

  -ms-appearance: none !important;

  margin: 0; }



input:focus, select:focus, textarea:focus {

  outline: none;

  box-shadow: none !important;

  -moz-box-shadow: none !important;

  -webkit-box-shadow: none !important;

  -o-box-shadow: none !important;

  -ms-box-shadow: none !important; }



input[type=checkbox] {

  appearance: checkbox !important;

  -moz-appearance: checkbox !important;

  -webkit-appearance: checkbox !important;

  -o-appearance: checkbox !important;

  -ms-appearance: checkbox !important; }



input[type=radio] {

  appearance: radio !important;

  -moz-appearance: radio !important;

  -webkit-appearance: radio !important;

  -o-appearance: radio !important;

  -ms-appearance: radio !important; }



img {

  max-width: 100%;

  height: auto; }



figure {

  margin: 0; }



p {

  margin-bottom: 0px;

  font-size: 15px;

  color: #777; }



h2 {

  line-height: 1.66;

  margin: 0;

  padding: 0;

  font-weight: bold;

  color: #222;



  font-size: 36px; }



.main {

  background: #f8f8f8;

  padding: 150px 0; }



.clear {

  clear: both; }



.display-flex {

  justify-content: space-between;

  -moz-justify-content: space-between;

  -webkit-justify-content: space-between;

  -o-justify-content: space-between;

  -ms-justify-content: space-between;

  align-items: center;

  -moz-align-items: center;

  -webkit-align-items: center;

  -o-align-items: center;

  -ms-align-items: center; }



.display-flex-center {

  justify-content: center;

  -moz-justify-content: center;

  -webkit-justify-content: center;

  -o-justify-content: center;

  -ms-justify-content: center;

  align-items: center;

  -moz-align-items: center;

  -webkit-align-items: center;

  -o-align-items: center;

  -ms-align-items: center; }



.position-center {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%); }



.signup {

  margin-bottom: 150px; }



.signup-content {

  padding: 75px 0; }



.signup-form, .signup-image, .signin-form {

  width: 50%;

  overflow: hidden; }



.signin-image{width: 50%; margin: auto;

  overflow: hidden;}

.signup-image {

  margin: 0 55px; }



.form-title {

  margin-bottom: 33px; }



.signup-image {

  margin-top: 45px; }



figure {

  margin-bottom: 50px;

  text-align: center; }



.form-submit {

  display: inline-block;

  background: #398439;

  color: #fff;

  border-bottom: none;

  width: auto;

  padding: 11px 25px;

  text-transform: uppercase;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  margin-top: 25px;

  cursor: pointer; }

  .form-submit:hover {

    background: #419641; }

.form-group.form-button {

  text-align: center;

}

#signin {

  margin-top: 16px; }



.signup-image-link {

  font-size: 14px;

  color: #222;

  display: block;

  text-align: center; }



.term-service {

  font-size: 13px;

  color: #222; }



.signup-form {

  margin-left: 75px;

  margin-right: 75px;

  padding-left: 34px; }



.register-form {

  width: 100%; }



.form-group {

  position: relative;

  margin-bottom: 25px;

  overflow: hidden; }

  .form-group:last-child {

    margin-bottom: 0px; }



input {

  width: 100%;

  display: block;

  border: none;

  border-bottom: 1px solid #999;

  padding: 6px 2px;


  box-sizing: border-box; }

  input::-webkit-input-placeholder {

    color: #999; }

  input::-moz-placeholder {

    color: #999; }

  input:-ms-input-placeholder {

    color: #999; }

  input:-moz-placeholder {

    color: #999; }

  input:focus {

    border-bottom: 1px solid #222; }

    input:focus::-webkit-input-placeholder {

      color: #222; }

    input:focus::-moz-placeholder {

      color: #222; }

    input:focus:-ms-input-placeholder {

      color: #222; }

    input:focus:-moz-placeholder {

      color: #222; }







input[type=checkbox]:not(old) + label {

  display: inline-block;

  line-height: 1.5em;

  margin-top: 6px; }







.agree-term {

  display: inline-block;

  width: auto; }



label {

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

	color: #999;

	font-size: 16px;

	pointer-events: none;

	font-weight: normal;

  }



.label-has-error {

  top: 22%; }



label.error {font: 14px;

  text-align: right;

  right: 0;

  color: red;

}



#error-msg { margin-top: 10px;
    float: left;

  color: red;

}



#valid-msg {

  color: green;    margin-top: 10px;
    float: left;

}


.cardlogin .input-group .input-group-prepend {
    display: none;
}



label.valid {

  display: block;

  position: absolute;

  right: 0;

  left: auto;

  margin-top: -6px;

  width: 20px;

  height: 20px;

  background: transparent; }

  label.valid:after {

    font-family: 'Material-Design-Iconic-Font';

    content: '\f269';

    width: 100%;

    height: 100%;

    position: absolute;

    /* right: 0; */

    font-size: 16px;

    color: green; }



.label-agree-term {

  position: relative;

  top: 0%;

  transform: translateY(0);

  -moz-transform: translateY(0);

  -webkit-transform: translateY(0);

  -o-transform: translateY(0);

  -ms-transform: translateY(0); }



.material-icons-name {

  font-size: 18px; }





.social-login {

  align-items: center;

  -moz-align-items: center;

  -webkit-align-items: center;

  -o-align-items: center;

  -ms-align-items: center;

  margin-top: 80px; }



.social-label {

  display: inline-block;

  margin-right: 15px; }



.socials li {

  padding: 5px; }

  .socials li:last-child {

    margin-right: 0px; }

  .socials li a {

    text-decoration: none; }

    .socials li a i {

      width: 30px;

      height: 30px;

      color: #fff;

      font-size: 14px;

      border-radius: 5px;

      -moz-border-radius: 5px;

      -webkit-border-radius: 5px;

      -o-border-radius: 5px;

      -ms-border-radius: 5px;

      transform: translateZ(0);

      -moz-transform: translateZ(0);

      -webkit-transform: translateZ(0);

      -o-transform: translateZ(0);

      -ms-transform: translateZ(0);

      -webkit-transition-duration: 0.3s;

      transition-duration: 0.3s;

      -webkit-transition-property: transform;

      transition-property: transform;

      -webkit-transition-timing-function: ease-out;

      transition-timing-function: ease-out; }

  .socials li:hover a i {

    -webkit-transform: scale(1.3) translateZ(0);

    transform: scale(1.3) translateZ(0); }



.zmdi-facebook {

  background: #3b5998; }



.zmdi-twitter {

  background: #1da0f2; }



.zmdi-google {

  background: #e72734; }



.signin-form {

     margin: 0 40px; padding: 20px 25px 10px; border: 1px solid #eee; border-radius: 12px; background: #fff9ef;}

.signin-content{margin-bottom: 50px; align-items: center;}
.signin-content .signin-form form#fupForm .form-group { width: 100% !important;margin-bottom: 15px;}
.signin-content .signin-form form#fupForm .form-group.well {background: white; display: flex; justify-content: space-around; border: 1px solid #ebebeb; box-shadow: unset; padding: 12px 0;}
.signin-content .signin-form form#fupForm .form-group input#signup { background: #f4a51c; border-radius: 30px;margin-top: 10px;}
.signin-content .signin-form form#fupForm .form-group input#signup:hover{background: #d38807;}
section.sign-in .heading-site h3:after { content: ''; background: #f4a51c; width: 140px; display: block; height: 2px; margin: 5px auto 0; }
.signin-image img {border-radius: 12px;}
.signin-image figure {margin-bottom: 30px;}
.footer p {color: #fff; margin: 0 0 10px;}
section.sign-in .register_page .signin-content { display: flex; justify-content: center; }
section.sign-in .register_page .signin-content .signin-form { max-width: 40%; }
section.sign-in .register_page .heading-site { margin: 20px 0; }
section.sign-in .register_page .signin-content .form-group.well {padding: 10px !important;}
section.sign-in .register_page .heading-site h2 {text-transform: capitalize;line-height: 1.4;}
.signin-content .signin-form form#fupForm .form-group.well label { position: unset; transform: unset; color: #181818; font-size: 14px; text-align: center; margin-top: 8px;pointer-events: unset;}
.signin-content .signin-form form#fupForm .form-group.well.certifyed label { margin-top: 0; }

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

  .signup-content, .signin-content {

    flex-direction: column;

    -moz-flex-direction: column;

    -webkit-flex-direction: column;

    -o-flex-direction: column;

    -ms-flex-direction: column;

    justify-content: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    -o-justify-content: center;

    -ms-justify-content: center; }

section.sign-in .register_page .signin-content .signin-form { max-width: 100%;padding: 15px;}
section.sign-in .register_page .heading-site h2{font-size: 22px;}

  .signup-form {

    margin-left: 0px;

    margin-right: 0px;

    padding-left: 0px;

    /* box-sizing: border-box; */

    padding: 0 30px; }



  .signin-image {

    margin-left: 0px;

    margin-right: 0px;

    margin-top: 50px;

    order: 2;

    -moz-order: 2;

    -webkit-order: 2;

    -o-order: 2;

    -ms-order: 2; }



  .signup-form, .signup-image, .signin-form, .signin-image {

    width: auto; }



  .social-login {

    justify-content: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    -o-justify-content: center;

    -ms-justify-content: center; }



  .form-button {

    text-align: center; }



  .signin-form {

    order: 1;

    -moz-order: 1;

    -webkit-order: 1;

    -o-order: 1;

    -ms-order: 1;

    margin-right: 0px;

    margin-left: 0px;

    padding: 0 30px; }



  .form-title {

    text-align: center; } }

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

  .social-login {

    flex-direction: column;

    -moz-flex-direction: column;

    -webkit-flex-direction: column;

    -o-flex-direction: column;

    -ms-flex-direction: column; }



  .social-label {

    margin-right: 0px;

    margin-bottom: 10px; } 


    .signin-content .signin-form form#fupForm .form-group.well .checkbox-inline input[type=radio] { text-align: center;}

  }

.loginCont h1{ font-size: 28px; text-transform: capitalize; color: #181818;}

/*# sourceMappingURL=style.css.map */