/* Brand colors */
/* */
/* Brand color variations */
/* UI colors */
/*$link: #068B3A;*/
/* Grid */
/* Buttons */
/* Fonts */
/* Media queries and break points */
/* SVG icon handling */
/* RESET */
@import url("imports.css");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, legend {
  margin: 0;
  padding: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

* {
  outline: none; }

img {
  -ms-interpolation-mode: bicubic; }

* {
  -webkit-text-size-adjust: none; }

/* Brand colors */
/* */
/* Brand color variations */
/* UI colors */
/*$link: #068B3A;*/
/* Grid */
/* Buttons */
/* Fonts */
/* Media queries and break points */
/* SVG icon handling */
/* Forms */
.twentythree-form {
  margin: 80px 0 32px 0; }
  .twentythree-form ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 0; }
  .twentythree-form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0; }
  .twentythree-form ::-ms-input-placeholder {
    /* Microsoft Edge */
    opacity: 0; }
  .twentythree-form input:-webkit-autofill,
  .twentythree-form input:-webkit-autofill:hover,
  .twentythree-form input:-webkit-autofill:focus,
  .twentythree-form textarea:-webkit-autofill,
  .twentythree-form textarea:-webkit-autofill:hover,
  .twentythree-form textarea:-webkit-autofill:focus,
  .twentythree-form select:-webkit-autofill,
  .twentythree-form select:-webkit-autofill:hover,
  .twentythree-form select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
    transition: background-color 5000s ease-in-out 0s; }
  .twentythree-form input, .twentythree-form textarea, .twentythree-form select {
    box-sizing: border-box; }
  .twentythree-form input[type="tel"],
  .twentythree-form input[type="email"],
  .twentythree-form input[type="text"],
  .twentythree-form input[type="password"] {
    border: none;
    padding: 0 18px 10px 9px;
    width: 100% !important; }
  .twentythree-form .input-select .input {
    border: none; }
  .twentythree-form input[type="tel"],
  .twentythree-form input[type="email"],
  .twentythree-form input[type="text"],
  .twentythree-form input[type="password"],
  .twentythree-form .input-select .input {
    border-bottom: 1px solid #CCCCCC;
    transition: border .2s; }
  .twentythree-form .input-text .input::before,
  .twentythree-form .input-password .input::before,
  .twentythree-form .input-select .input::before {
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    transition: all .2s; }
  .twentythree-form .input-text .input::after,
  .twentythree-form .input-password .input::after,
  .twentythree-form .input-select .input::after {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    transition: all .2s; }
  .twentythree-form .tt-form-field > label {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(22px);
    display: block;
    padding-left: 18px;
    color: #AAAAAA;
    font-size: 12px;
    transition: all .2s; }
  .twentythree-form input:not([type="submit"]),
  .twentythree-form textarea,
  .twentythree-form select {
    font-size: 16px;
    line-height: 16px;
    color: #013622;
    background: rgba(0, 0, 0, 0); }
  .twentythree-form select {
    border: none;
    font-size: 14px;
    background: url("http://rangu.23demo.com/icons/043623/10x10/chevron.svg") right center no-repeat rgba(0, 0, 0, 0);
    padding: 0 9px;
    width: calc(100% - 9px) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
  .twentythree-form .tt-form-field {
    position: relative;
    padding-top: 20px;
    margin-bottom: 36px; }
    .twentythree-form .tt-form-field.input-checkbox {
      margin-bottom: 0;
      padding-top: 0; }
  .twentythree-form .input-text .input-password {
    position: relative; }
  .twentythree-form .input-text .input, .twentythree-form .input-password .input {
    position: relative;
    padding: 0 9px; }
    .twentythree-form .input-text .input::before, .twentythree-form .input-password .input::before {
      bottom: 0;
      left: 0; }
    .twentythree-form .input-text .input::after, .twentythree-form .input-password .input::after {
      bottom: 0;
      right: 0; }
  .twentythree-form .input-text .input::before, .twentythree-form .input-text .input::after,
  .twentythree-form .input-password .input::before,
  .twentythree-form .input-password .input::after,
  .twentythree-form .input-select .input::before,
  .twentythree-form .input-select .input::after {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 9px; }
  .twentythree-form .input-text .input::before,
  .twentythree-form .input-password .input::before,
  .twentythree-form .input-select .input::before {
    border-bottom-left-radius: 9px; }
  .twentythree-form .input-text .input::after,
  .twentythree-form .input-password .input::after,
  .twentythree-form .input-select .input::after {
    border-bottom-right-radius: 9px; }
  .twentythree-form .input-select {
    padding: 0; }
    .twentythree-form .input-select > label {
      position: relative;
      padding: 0 0 16px;
      font-size: 16px;
      color: #333;
      transform: translateY(0); }
    .twentythree-form .input-select .input {
      position: relative;
      margin: 0 9px !important;
      padding-bottom: 8px; }
      .twentythree-form .input-select .input::before {
        left: -9px;
        bottom: -1px; }
      .twentythree-form .input-select .input::after {
        right: -9px;
        bottom: -1px; }
  .twentythree-form .input-checkbox {
    font-size: 12px;
    line-height: 1.5;
    color: #AAAAAA; }
    .twentythree-form .input-checkbox ul {
      margin: 0; }
    .twentythree-form .input-checkbox input {
      margin-right: 8px; }
  .twentythree-form .tt-form-checkbox > label {
    display: flex; }
  .twentythree-form .tt-field-active input,
  .twentythree-form .tt-field-filled input {
    border-bottom-color: #1ec95b; }
  .twentythree-form .tt-field-active .input::before,
  .twentythree-form .tt-field-filled .input::before {
    border-left-color: #1ec95b;
    border-bottom-color: #1ec95b; }
  .twentythree-form .tt-field-active .input::after,
  .twentythree-form .tt-field-filled .input::after {
    border-right-color: #1ec95b;
    border-bottom-color: #1ec95b; }
  .twentythree-form .tt-field-active > label,
  .twentythree-form .tt-field-filled > label {
    transform: translateY(0);
    font-size: 10px; }
  .twentythree-form .tt-field-active > label {
    color: #1ec95b; }
  .twentythree-form .tt-field-filled > label {
    color: #AAAAAA; }
  .twentythree-form .tt-field-filled.input-select > label {
    font-size: 16px;
    color: #333; }
  .twentythree-form .tt-field-filled.input-select .input {
    border-bottom-color: #1ec95b; }
  .twentythree-form .tt-field-invalid > label {
    color: #fa4646; }
  .twentythree-form .tt-field-invalid input {
    border-bottom-color: #fa4646; }
  .twentythree-form .tt-field-invalid .input::before {
    border-left-color: #fa4646;
    border-bottom-color: #fa4646; }
  .twentythree-form .tt-field-invalid .input::after {
    border-right-color: #fa4646;
    border-bottom-color: #fa4646; }
  .twentythree-form .tt-field-invalid.input-text::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px; }
  .twentythree-form .tt-error-msgs {
    position: absolute;
    left: 0;
    top: calc(100% + 6px);
    width: 100%;
    margin: 0;
    padding: 0;
    opacity: 1;
    transition: opacity .2; }
    .twentythree-form .tt-error-msgs label {
      display: block;
      color: #fa4646;
      font-size: 10px;
      margin-bottom: 4px; }
      .twentythree-form .tt-error-msgs label a {
        color: #fa4646;
        text-decoration: underline; }

/* Standard */
body {
  font-family: TT, Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  color: #666; }

a, a:link, a:visited {
  color: #1ec95b; }

a:hover {
  color: #013622; }

h1, h2 {
  color: #013622;
  font-size: 45px;
  line-height: 1.1875;
  margin: 50px 0 12px 0;
  font-weight: normal; }
  h1 span, h2 span {
    color: #1ec95b; }

h2 {
  font-size: 20px; }

h3 {
  color: #013622;
  font-size: 17px;
  line-height: 1.1875;
  font-weight: normal; }

p {
  font-size: 13px;
  line-height: 1.1875;
  margin-bottom: 12px;
  font-weight: normal;
  color: #aaa; }

ul {
  font-size: 12px;
  margin: 0; }

ul.list-inline {
  margin-top: 30px;
  font-size: 11px;
  line-height: 20px; }
  ul.list-inline a,
  ul.list-inline a:visited,
  ul.list-inline a:link,
  ul.list-inline a:hover {
    color: #aaa; }

a.button, a.button-discrete, input.submit {
  font-family: TT, Helvetica, Arial, sans-serif;
  color: white;
  font-weight: 400;
  font-size: 13px;
  background-color: #1ec95b;
  margin-left: 3px;
  cursor: pointer;
  text-decoration: none;
  height: 40px;
  line-height: 20px;
  padding: 10px 20px;
  border-radius: 20px;
  border: none;
  margin: 10px 0;
  -webkit-appearance: none; }

a.button-discrete {
  background-color: #aaa; }

form#signuprequest .form-label {
  font-size: 13px;
  margin-bottom: 5px;
  color: #7c7c7c; }

form#signuprequest .form-item-wrapper {
  margin: 0 0 20px 0; }

form#signuprequest .form-widget-text input, form#signuprequest .form-widget-select select {
  font-family: Helvetica, Arial, sans-serif !important; }

form#signuprequest .form-widget-select select {
  background-color: white;
  font-size: 13px !important; }

#content form#signuprequest .field {
  border-bottom: 1px solid #C5C6C5;
  border-radius: 0; }

.signup-request-terms {
  font-size: 13px;
  margin-top: 30px;
  color: #7c7c7c; }

/* Grid */
#bg {
  display: none; }

#content {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 10px 30px; }
  #content h4 {
    display: none; }
  #content a#logo {
    display: block;
    padding-bottom: 0; }
  #content .input-text, #content .input-password {
    position: relative; }
  #content .input-placeholder {
    position: absolute;
    top: 0;
    left: 0; }
  #content .input-password input {
    font-family: Arial; }
  #content .login-status-message {
    margin-bottom: 50px; }
  #content .autoform {
    margin-top: 25px !important; }
  #content .login-form .field {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    padding: 0 10px;
    font-family: TT, Helvetica, Arial, sans-serif;
    color: #033416;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #C5C6C5;
    border-bottom: none; }
  #content .login-form .input-placeholder {
    width: 100%;
    height: 50px;
    line-height: 24px;
    padding: 15px 10px 10px 10px;
    font-size: 15px;
    font-family: TT, Helvetica, Arial, sans-serif;
    color: #033416; }
  #content .login-form .single-field {
    border-radius: 2px;
    border-bottom: 1px solid #C5C6C5; }
  #content .login-form .top-field {
    border-radius: 2px 2px 0 0; }
  #content .login-form .bottom-field {
    border-radius: 0 0 2px 2px;
    border-bottom: 1px solid #C5C6C5; }
  #content .login-form .input-checkbox {
    margin: 20px 0 0 0;
    font-size: 12px;
    float: left; }
  #content .login-form .input-checkbox input {
    margin-right: 3px; }
  #content .login-form .input-submit {
    text-align: right; }
  #content .login-form .has-login-services input.submit {
    float: right;
    margin-left: 5px; }
  #content .login-form .login-services {
    clear: both; }
  #content .login-form .login-services img {
    width: 34px;
    height: 34px;
    display: inline; }
  #content .login-form #message {
    font-size: 14px;
    margin-bottom: 10px; }
  #content .login-form .error.placeholder {
    color: #fa4646; }
  #content .login-form .error::-webkit-input-placeholder {
    color: #fa4646; }
  #content .login-form .error::-moz-placeholder {
    color: #fa4646; }
  #content .login-form .error:-ms-input-placeholder {
    color: #fa4646; }
  #content .login-form input.error:-moz-placeholder {
    color: #fa4646; }
  #content .login-form p.error {
    color: #fa4646; }

.login-list h3 {
  margin: 70px 0 20px 0; }

.login-list .login-list-wrapper {
  border: 1px solid #c5c6c5;
  border-bottom: 0;
  border-radius: 3px;
  overflow: hidden; }
  .login-list .login-list-wrapper a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #c5c6c5;
    text-decoration: none; }
    .login-list .login-list-wrapper a:hover {
      background-color: #f7f7f7; }
    .login-list .login-list-wrapper a div {
      color: #013622; }
    .login-list .login-list-wrapper a small {
      color: #aaa;
      font-size: 12px; }

@media (min-width: 768px) {
  #bg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #1ec95b center center no-repeat;
    background-size: cover; }
  #content {
    width: 50%;
    padding: 20px 72px 20px 72px; }
    #content a#logo {
      padding-bottom: 0px; }
    #content .autoform {
      margin-top: 100px !important; } }

@media (min-width: 1120px) {
  #bg {
    width: 67%; }
  #content {
    width: 33%; } }