hr {
  display: block;
  margin: 2.5rem 0;
  border: 0;
  background: #e7e7e7;
  width: 100%;
  height: .1rem; }

.login-box-msg, .register-box-msg {
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 700; }

.layout {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(100% - 2rem);
  max-width: 134rem; }
  .layout[class*="--split_screen"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .layout[class*="--split_screen"] .layout__left,
    .layout[class*="--split_screen"] .layout__right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      max-width: 100%;
      min-height: 50vh; }
      .layout[class*="--split_screen"] .layout__left-content,
      .layout[class*="--split_screen"] .layout__right-content {
        margin: 5vw auto;
        width: 100%; }
    .layout[class*="--split_screen"] .layout__left-logo {
      display: none; }
      .layout[class*="--split_screen"] .layout__left-logo svg {
        color: #ffffff; }
    .layout[class*="--split_screen"] .layout__right-logo {
      display: block; }
    .layout[class*="--split_screen"] .layout__left-wrap,
    .layout[class*="--split_screen"] .layout__right-wrap {
      width: 100%; }
    .layout[class*="--split_screen"] .layout__left-content {
      width: 90%;
      max-width: 660px; }
      .layout[class*="--split_screen"] .layout__left-content img {
        width: 200px; }
    .layout[class*="--split_screen"] .layout__right-content {
      width: 90%;
      max-width: 324px; }
    .layout[class*="--split_screen"] .layout__left {
      justify-content: flex-end;
      order: 2; }
      .layout[class*="--split_screen"] .layout__left[class*="--pink"] {
        background: #e0368c;
        color: #851252; }

@media only screen and (min-width: 1024px) {
  .layout[class*="--split_screen"] {
    max-width: 100%; }
    .layout[class*="--split_screen"] .layout__left,
    .layout[class*="--split_screen"] .layout__right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      max-width: 50%;
      min-height: 100vh; }
    .layout[class*="--split_screen"] .layout__left {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0; }
    .layout[class*="--split_screen"] .layout__right {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .layout[class*="--split_screen"] .layout__left-wrap,
    .layout[class*="--split_screen"] .layout__right-wrap {
      max-width: 57.5rem; }
    .layout[class*="--split_screen"] .layout__left-wrap {
      padding-right: 6rem; }
    .layout[class*="--split_screen"] .layout__right-wrap {
      margin-left: 3rem; }
    .layout[class*="--split_screen"] .layout__left-logo {
      display: block; }
    .layout[class*="--split_screen"] .layout__right-logo {
      display: none; }
    .layout[class*="--split_screen"] .layout__left-content {
      margin: 0;
      width: 100%;
      max-width: 100%; } }
.login-box-body,
.register-box-body {
  background: transparent !important;
  padding: 0 !important; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="phone"],
input[type="url"],
input[type="search"],
.braintree-field,
textarea {
  -webkit-appearance: none;
  transition: box-shadow .1s;
  outline: none;
  border: 0;
  border-radius: .4rem;
  box-shadow: inset 0 0 0 1px #f2f2f2;
  background: #ffffff;
  padding: 2rem;
  width: 100%;
  color: #999999;
  font-size: 1.4rem; }
  input[type="text"]:-webkit-autofill, input[type="text"]:-webkit-autofill:hover, input[type="text"]:-webkit-autofill:focus, input[type="text"]:-webkit-autofill:active,
  input[type="email"]:-webkit-autofill,
  input[type="email"]:-webkit-autofill:hover,
  input[type="email"]:-webkit-autofill:focus,
  input[type="email"]:-webkit-autofill:active,
  input[type="password"]:-webkit-autofill,
  input[type="password"]:-webkit-autofill:hover,
  input[type="password"]:-webkit-autofill:focus,
  input[type="password"]:-webkit-autofill:active,
  input[type="phone"]:-webkit-autofill,
  input[type="phone"]:-webkit-autofill:hover,
  input[type="phone"]:-webkit-autofill:focus,
  input[type="phone"]:-webkit-autofill:active,
  input[type="url"]:-webkit-autofill,
  input[type="url"]:-webkit-autofill:hover,
  input[type="url"]:-webkit-autofill:focus,
  input[type="url"]:-webkit-autofill:active,
  input[type="search"]:-webkit-autofill,
  input[type="search"]:-webkit-autofill:hover,
  input[type="search"]:-webkit-autofill:focus,
  input[type="search"]:-webkit-autofill:active,
  .braintree-field:-webkit-autofill,
  .braintree-field:-webkit-autofill:hover,
  .braintree-field:-webkit-autofill:focus,
  .braintree-field:-webkit-autofill:active,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="phone"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  .braintree-field:focus,
  textarea:focus {
    box-shadow: inset 0 0 0 2px #50c6db;
    background: #ffffff;
    color: #999999; }
  input[type="text"][readonly],
  input[type="email"][readonly],
  input[type="password"][readonly],
  input[type="phone"][readonly],
  input[type="url"][readonly],
  input[type="search"][readonly],
  .braintree-field[readonly],
  textarea[readonly] {
    background: #cccccc; }
    input[type="text"][readonly]:focus,
    input[type="email"][readonly]:focus,
    input[type="password"][readonly]:focus,
    input[type="phone"][readonly]:focus,
    input[type="url"][readonly]:focus,
    input[type="search"][readonly]:focus,
    .braintree-field[readonly]:focus,
    textarea[readonly]:focus {
      box-shadow: inset 0 0 0 1px #f2f2f2;
      background: #f2f2f2;
      color: #999999; }

.form-control {
  height: auto !important; }
  .form-control-feedback {
    width: 46px !important;
    height: 60px !important;
    line-height: 54px !important; }

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  margin: 0 0 3rem;
  width: 100%; }
  .form-row .form-field {
    text-align: center; }

.button {
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-transition: padding .1s ease 0s,background-color .1s ease 0s,color .1s ease 0s,-webkit-transform .1s ease 0s;
  transition: padding .1s ease 0s,background-color .1s ease 0s,color .1s ease 0s,-webkit-transform .1s ease 0s;
  transition: transform .1s ease 0s,padding .1s ease 0s,background-color .1s ease 0s,color .1s ease 0s;
  transition: transform .1s ease 0s,padding .1s ease 0s,background-color .1s ease 0s,color .1s ease 0s,-webkit-transform .1s ease 0s;
  border: 0;
  border-radius: 1.857142857em;
  background-color: #51bb7b;
  padding: 0 3rem;
  height: 3.714em;
  vertical-align: middle;
  text-transform: uppercase;
  line-height: 3.714em;
  letter-spacing: .02rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700; }
  .button:focus, .button:hover {
    background-color: #419564;
    color: #fff; }
  .button[class*="--secondary"] {
    border-radius: 2.6em;
    background: #50c6db;
    padding: 1rem 2rem .875rem;
    height: auto;
    line-height: 1.4rem;
    color: #fff; }
    .button[class*="--secondary"]:hover, .button[class*="--secondary"]:focus {
      background-color: #338199; }
  .button[class*="--link"] {
    border: 0;
    border-radius: 1.071428571em;
    background: transparent;
    padding: 0;
    height: auto;
    line-height: inherit;
    color: #50c6db; }
    .button[class*="--link"]:focus, .button[class*="--link"]:hover {
      color: #338199; }

.icheckbox_square-blue, .iradio_square-blue {
  border: 2px solid #51bb7b !important;
  width: 26px !important;
  height: 26px !important; }

.checkbox, .radio {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

  .box-file {
      position: relative;
      overflow: hidden;
  }

  .box-file input[type=file] {
      opacity: 0;
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      outline: none;
      cursor: inherit;
      font-size: 100px;
  }

  .box-file .myicon-right {
      margin-right: 4px;
  }

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