/* @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-family: Poppins;

  font-size: 36px; }



.main {

  background: #f8f8f8;

  padding: 50px 0; }



.clear {

  clear: both; }



body {

  font-size: 13px;

  line-height: 1.8;

  color: #222;

  background: #f8f8f8;

  font-weight: 400;

  font-family: Poppins; }



.container {

  width: 900px;

  background: #fff;

  margin: 0 auto;

  box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);

  -webkit-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);

  -o-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);

  -ms-box-shadow: 0px 15px 16.83px 0.17px rgba(0, 0, 0, 0.05);

  border-radius: 20px;

  -moz-border-radius: 20px;

  -webkit-border-radius: 20px;

  -o-border-radius: 20px;

  -ms-border-radius: 20px; }



.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: 50px; }



.signup-content {

  padding: 75px 0; }



.signup-form, .signup-image, .signin-form, .signin-image {
/*width: 50%;*/
  width: 100%;

  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: #6dabe4;

  color: #fff;

  border-bottom: none;

  width: auto;

  padding: 9px 39px;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  -o-border-radius: 5px;

  -ms-border-radius: 5px;

  margin-top: 0px;

  cursor: pointer; }

  .form-submit:hover {

    background: #4292dc; }



#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 30px;

  font-family: Poppins;

  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) {

  width: 2em;

  margin: 0;

  padding: 0;

  font-size: 1em;

  display: none; }



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

  display: inline-block;

  line-height: 1.5em;

  margin-top: 6px; }



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

  display: inline-block;

  width: 13px;

  height: 13px;

  margin-right: 15px;

  margin-bottom: 3px;

  border: 1px solid #999;

  border-radius: 2px;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  -o-border-radius: 2px;

  -ms-border-radius: 2px;

  background: white;

  background-image: -moz-linear-gradient(white, white);

  background-image: -ms-linear-gradient(white, white);

  background-image: -o-linear-gradient(white, white);

  background-image: -webkit-linear-gradient(white, white);

  background-image: linear-gradient(white, white);

  vertical-align: bottom; }



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

  background-image: -moz-linear-gradient(white, white);

  background-image: -ms-linear-gradient(white, white);

  background-image: -o-linear-gradient(white, white);

  background-image: -webkit-linear-gradient(white, white);

  background-image: linear-gradient(white, white); }



input[type=checkbox]:not(old):checked + label > span:before {

  content: '\f26b';

  display: block;

  color: #222;

  font-size: 11px;

  line-height: 1.2;

  text-align: center;

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

  font-weight: bold; }



.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: #222; }



.label-has-error {

  top: 22%; }



label.error {

  position: relative;

  background: url("../images/unchecked.gif") no-repeat;

  background-position-y: 3px;

  padding-left: 20px;

  display: block;

  margin-top: 20px; }



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; }



.signin-content {

  padding-top: 67px;

  padding-bottom: 87px; }



.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-right: 90px;

  margin-left: 80px; }



.signin-image {

  margin-left: 110px;

  margin-right: 20px;

  margin-top: 10px; }



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

  .container {

    width: calc( 100% - 30px);

    max-width: 100%; } }

@media screen and (min-width: 1024px) {

  .container {

    max-width: 1200px; } }

@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; }



  .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; } }



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