html {
  font-family: arial;
  height: 100%;
  margin: 0; }
  html .onBoarding-body {
    margin: 0;
    background-color: #fafafb;
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto; }
    html .onBoarding-body .body-wrapper {
      margin: auto;
      width: 100%;
      height: 100%; }
      html .onBoarding-body .body-wrapper .onBoarding-wrapper {
        height: 100%;
        width: 100%; }
        html .onBoarding-body .body-wrapper .onBoarding-wrapper tbody .onBoarding-background-image {
          width: 100%;
          height: 100%;
          display: block; }
        html .onBoarding-body .body-wrapper .onBoarding-wrapper tbody .white-layer {
          width: 100%;
          height: 100%; }
        html .onBoarding-body .body-wrapper .onBoarding-wrapper tbody .on-boarding-signup-screen {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          margin-left: -1px;
          left: 0; }

@media only screen and (max-width: 1200px) {
  html .onBoarding-body .body-wrapper .onBoarding-wrapper {
    width: 100%;
    height: 100%; } }

@media only screen and (max-width: 600px) {
  html .onBoarding-body .body-wrapper .onBoarding-wrapper {
    width: 100%;
    height: 100%;
    min-height: auto; } }

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

td {
  position: relative;
  padding: 0;
  margin: 0; }

ul {
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px; }

input {
  height: 38px;
  color: #39414d;
  font-size: 14px;
  width: 100%;
  border-radius: 4px;
  border: solid 1.1px #cfd4db;
  font-family: "Open Sans";
  box-sizing: border-box; }

button {
  width: 100%;
  height: -webkit-fill-available;
  font-family: Open Sans;
  font-size: 15px; }

label {
  float: left;
  font-size: 13px;
  font-family: Montserrat;
  color: #586476;
  font-weight: normal; }

.required-color {
  color: #f44036; }

.cr-slider-wrap {
  width: 100% !important;
  height: 42px;
  padding-bottom: 7px;
  display: flex;
  margin-top: 30px !important; }
  .cr-slider-wrap .cr-slider {
    border: none; }

.croppie-wrapper .croppie-container .cr-boundary {
  width: 100% !important; }

.modal-container {
  overflow-x: hidden;
  overflow-y: auto; }
  .modal-container .modal-open {
    overflow: hidden; }
  .modal-container .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container .modal {
      overflow-y: auto; } }
  .modal-container .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container .modal-header .close {
    margin-top: -2px; }
  .modal-container .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      height: 100%; }
    .modal-container .modal-sm {
      width: 300px; }
    .modal-container .modal-smd {
      width: 320px; }
    .modal-container .modal-md {
      width: 500px; }
    .modal-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 992px) {
    .modal-container .modal-xmd {
      width: 600px; }
    .modal-container .modal-lg {
      width: 900px; }
    .modal-container .mobile-nav {
      width: 100%; }
    .modal-container .modal-login {
      width: 454px; }
    .modal-container .modal-xlg {
      width: 98%; } }
  .modal-container .modal-header:before,
  .modal-container .modal-header:after,
  .modal-container .modal-footer:before,
  .modal-container .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container .modal-header:after,
  .modal-container .modal-footer:after {
    clear: both; }
  .modal-container .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container .close:hover,
  .modal-container .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container .modal-content {
    position: relative;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
  .modal-container .modal-body {
    position: relative;
    padding: 15px; }

.modal-contact-cards-container {
  position: relative;
  width: 100%; }
  .modal-contact-cards-container .modal-open {
    overflow: hidden; }
  .modal-contact-cards-container .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-contact-cards-container .modal {
      overflow-y: auto; } }
  .modal-contact-cards-container .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-contact-cards-container .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-contact-cards-container .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-contact-cards-container .modal-dialog {
    position: relative;
    width: auto; }
  .modal-contact-cards-container .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-contact-cards-container .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-contact-cards-container .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-contact-cards-container .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-contact-cards-container .modal-header .close {
    margin-top: -2px; }
  .modal-contact-cards-container .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-contact-cards-container .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-contact-cards-container .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-contact-cards-container .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-contact-cards-container .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-contact-cards-container .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-contact-cards-container .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-contact-cards-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      height: 100%; }
    .modal-contact-cards-container .modal-sm {
      width: 300px; }
    .modal-contact-cards-container .modal-smd {
      width: 320px; }
    .modal-contact-cards-container .modal-md {
      width: 500px; }
    .modal-contact-cards-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 992px) {
    .modal-contact-cards-container .modal-xmd {
      width: 600px; }
    .modal-contact-cards-container .modal-lg {
      width: 900px; }
    .modal-contact-cards-container .mobile-nav {
      width: 100%; }
    .modal-contact-cards-container .modal-login {
      width: 454px; }
    .modal-contact-cards-container .modal-xlg {
      width: 98%; } }
  .modal-contact-cards-container .modal-header:before,
  .modal-contact-cards-container .modal-header:after,
  .modal-contact-cards-container .modal-footer:before,
  .modal-contact-cards-container .modal-footer:after {
    display: table;
    content: " "; }
  .modal-contact-cards-container .modal-header:after,
  .modal-contact-cards-container .modal-footer:after {
    clear: both; }
  .modal-contact-cards-container .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-contact-cards-container .close:hover,
  .modal-contact-cards-container .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-contact-cards-container .modal-content {
    margin-top: 100px;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    min-height: auto; }
    @media screen and (max-width: 800px) {
      .modal-contact-cards-container .modal-content {
        margin-top: 0px;
        border-radius: 0px; } }
  .modal-contact-cards-container .modal-body-with-padding {
    padding: 30px; }
  .modal-contact-cards-container .modal-body {
    position: relative; }
    .modal-contact-cards-container .modal-body .contact-cards-wrapper {
      width: 100%;
      max-width: 690px;
      margin: 0 auto;
      padding-top: 47px; }
    .modal-contact-cards-container .modal-body .modal-body-content {
      margin-right: 0px;
      padding-left: 25px; }
    .modal-contact-cards-container .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-contact-cards-container .modal-body .modal-header2 .title {
        display: table-cell;
        vertical-align: middle;
        padding-left: 35px;
        padding-top: 16px;
        padding-bottom: 11px;
        font-family: 'Montserrat';
        font-size: 23px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #3f464b; }
      .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom;
        position: relative;
        right: 10px;
        bottom: 7px; }
        .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-contact-cards-container .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.login-container {
  position: relative;
  width: 100%; }
  .login-container .modal-open {
    overflow: hidden; }
  .login-container .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .login-container .modal {
      overflow-y: auto; } }
  .login-container .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .login-container .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .login-container .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .login-container .modal-dialog {
    position: relative;
    width: auto; }
  .login-container .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .login-container .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .login-container .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .login-container .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .login-container .modal-header .close {
    margin-top: -2px; }
  .login-container .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .login-container .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .login-container .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .login-container .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .login-container .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .login-container .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .login-container .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .login-container .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      height: 100%; }
    .login-container .modal-sm {
      width: 300px; }
    .login-container .modal-smd {
      width: 320px; }
    .login-container .modal-md {
      width: 500px; }
    .login-container .modal-xmd {
      width: 600px; } }
  @media (min-width: 992px) {
    .login-container .modal-xmd {
      width: 600px; }
    .login-container .modal-lg {
      width: 900px; }
    .login-container .mobile-nav {
      width: 100%; }
    .login-container .modal-login {
      width: 454px; }
    .login-container .modal-xlg {
      width: 98%; } }
  .login-container .modal-header:before,
  .login-container .modal-header:after,
  .login-container .modal-footer:before,
  .login-container .modal-footer:after {
    display: table;
    content: " "; }
  .login-container .modal-header:after,
  .login-container .modal-footer:after {
    clear: both; }
  .login-container .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .login-container .close:hover,
  .login-container .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .login-container .modal-content {
    margin-top: 100px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto; }
  .login-container .modal-body-with-padding {
    padding: 20px; }
  .login-container .modal-body {
    position: relative; }
    .login-container .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }

.modal-container2 {
  position: relative;
  width: 100%; }
  .modal-container2 .modal-open {
    overflow: hidden; }
  .modal-container2 .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container2 .modal {
      overflow-y: auto; } }
  .modal-container2 .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container2 .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container2 .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container2 .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container2 .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container2 .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container2 .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container2 .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container2 .modal-header .close {
    margin-top: -2px; }
  .modal-container2 .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container2 .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container2 .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container2 .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container2 .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container2 .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container2 .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container2 .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      height: 100%; }
    .modal-container2 .modal-sm {
      width: 300px; }
    .modal-container2 .modal-smd {
      width: 320px; }
    .modal-container2 .modal-md {
      width: 500px; }
    .modal-container2 .modal-xmd {
      width: 600px; } }
  @media (min-width: 992px) {
    .modal-container2 .modal-xmd {
      width: 600px; }
    .modal-container2 .modal-lg {
      width: 900px; }
    .modal-container2 .mobile-nav {
      width: 100%; }
    .modal-container2 .modal-login {
      width: 454px; }
    .modal-container2 .modal-xlg {
      width: 98%; } }
  .modal-container2 .modal-header:before,
  .modal-container2 .modal-header:after,
  .modal-container2 .modal-footer:before,
  .modal-container2 .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container2 .modal-header:after,
  .modal-container2 .modal-footer:after {
    clear: both; }
  .modal-container2 .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container2 .close:hover,
  .modal-container2 .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container2 .modal-content {
    margin-top: 100px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto; }
  .modal-container2 .modal-body-with-padding {
    padding: 20px; }
  .modal-container2 .modal-body {
    position: relative; }
    .modal-container2 .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-container2 .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-container2 .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-container2 .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-container2 .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-container2 .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-container2 .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-container-login {
  position: relative;
  width: 100%; }
  .modal-container-login .modal-open {
    overflow: hidden; }
  .modal-container-login .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container-login .modal {
      overflow-y: auto; } }
  .modal-container-login .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container-login .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container-login .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container-login .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container-login .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container-login .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container-login .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container-login .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container-login .modal-header .close {
    margin-top: -2px; }
  .modal-container-login .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container-login .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container-login .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container-login .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container-login .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container-login .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container-login .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container-login .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      height: 100%; }
    .modal-container-login .modal-sm {
      width: 300px; }
    .modal-container-login .modal-smd {
      width: 320px; }
    .modal-container-login .modal-md {
      width: 500px; }
    .modal-container-login .modal-xmd {
      width: 600px; } }
  @media (min-width: 992px) {
    .modal-container-login .modal-xmd {
      width: 600px; }
    .modal-container-login .modal-lg {
      width: 900px; }
    .modal-container-login .mobile-nav {
      width: 100%; }
    .modal-container-login .modal-login {
      width: 454px; }
    .modal-container-login .modal-xlg {
      width: 98%; } }
  .modal-container-login .modal-header:before,
  .modal-container-login .modal-header:after,
  .modal-container-login .modal-footer:before,
  .modal-container-login .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container-login .modal-header:after,
  .modal-container-login .modal-footer:after {
    clear: both; }
  .modal-container-login .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container-login .close:hover,
  .modal-container-login .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container-login .modal {
    display: flex !important;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .modal-container-login .modal-content {
    margin-top: 0px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto; }
  .modal-container-login .modal-body-with-padding {
    padding: 20px; }
  .modal-container-login .modal-body {
    position: relative; }
    .modal-container-login .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-container-login .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-container-login .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-container-login .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-container-login .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-container-login .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-container-login .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

@media only screen and (max-width: 600px) {
  .modal-container-login .modal.in .modal-dialog {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    margin: 0px auto; }
    .modal-container-login .modal.in .modal-dialog .modal-content {
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      right: auto;
      margin-top: inherit;
      margin-bottom: 0px; } }

@media only screen and (max-width: 812px) and (max-height: 414px) and (orientation: landscape) {
  .modal-container-login .modal {
    display: block !important; }
  .modal-container-login .modal.in .modal-dialog {
    align-items: center;
    height: auto;
    justify-content: center;
    margin: 0px auto;
    padding-top: 20px;
    padding-bottom: 20px; }
    .modal-container-login .modal.in .modal-dialog .modal-content {
      position: relative;
      height: auto;
      margin-bottom: 0px; } }

.modal-container-moble-nav {
  position: relative;
  width: 100%; }
  .modal-container-moble-nav .modal-open {
    overflow: hidden; }
  .modal-container-moble-nav .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container-moble-nav .modal {
      overflow-y: auto; } }
  .modal-container-moble-nav .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container-moble-nav .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container-moble-nav .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container-moble-nav .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container-moble-nav .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container-moble-nav .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container-moble-nav .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container-moble-nav .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container-moble-nav .modal-header .close {
    margin-top: -2px; }
  .modal-container-moble-nav .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container-moble-nav .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container-moble-nav .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container-moble-nav .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container-moble-nav .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container-moble-nav .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container-moble-nav .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container-moble-nav .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      height: 100%; }
    .modal-container-moble-nav .modal-sm {
      width: 300px; }
    .modal-container-moble-nav .modal-smd {
      width: 320px; }
    .modal-container-moble-nav .modal-md {
      width: 500px; }
    .modal-container-moble-nav .modal-xmd {
      width: 600px; } }
  @media (min-width: 992px) {
    .modal-container-moble-nav .modal-xmd {
      width: 600px; }
    .modal-container-moble-nav .modal-lg {
      width: 900px; }
    .modal-container-moble-nav .mobile-nav {
      width: 100%; }
    .modal-container-moble-nav .modal-login {
      width: 454px; }
    .modal-container-moble-nav .modal-xlg {
      width: 98%; } }
  .modal-container-moble-nav .modal-header:before,
  .modal-container-moble-nav .modal-header:after,
  .modal-container-moble-nav .modal-footer:before,
  .modal-container-moble-nav .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container-moble-nav .modal-header:after,
  .modal-container-moble-nav .modal-footer:after {
    clear: both; }
  .modal-container-moble-nav .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container-moble-nav .close:hover,
  .modal-container-moble-nav .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container-moble-nav .modal-dialog {
    margin: auto; }
  .modal-container-moble-nav .modal-content {
    margin-top: 0px;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto; }
  .modal-container-moble-nav .modal-body-with-padding {
    padding: 20px; }
  .modal-container-moble-nav .modal-body {
    position: relative; }
    .modal-container-moble-nav .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-container-moble-nav .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-container-moble-nav .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-container-moble-nav .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-container-moble-nav .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-container-moble-nav .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-container-moble-nav .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }

.modal-mobile-dropdown-container {
  width: 100%;
  height: 100%;
  background-color: transparent; }
  .modal-mobile-dropdown-container .modal {
    overflow-y: auto; }
  .modal-mobile-dropdown-container .modal-content {
    margin-top: 0px;
    position: relative;
    height: 100%;
    background-color: #1d2026;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
  .modal-mobile-dropdown-container .modal-dialog {
    position: relative;
    margin: 0px;
    height: 100%; }
  .modal-mobile-dropdown-container.group-privacy-modal .modal .modal-dialog {
    margin: 0px;
    height: 100%; }
    .modal-mobile-dropdown-container.group-privacy-modal .modal .modal-dialog .modal-content {
      background-color: inherit; }

.modal-container-video {
  position: relative;
  width: 100%; }
  .modal-container-video .modal-open {
    overflow: hidden; }
  .modal-container-video .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0; }
  @media (max-width: 1000px) {
    .modal-container-video .modal {
      overflow-y: auto; } }
  .modal-container-video .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%); }
  .modal-container-video .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  .modal-container-video .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }
  .modal-container-video .modal-dialog {
    position: relative;
    width: auto; }
  .modal-container-video .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000; }
  .modal-container-video .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-container-video .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8; }
  .modal-container-video .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
  .modal-container-video .modal-header .close {
    margin-top: -2px; }
  .modal-container-video .modal-title {
    margin: 0;
    line-height: 1.42857143; }
  .modal-container-video .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5; }
  .modal-container-video .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-container-video .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-container-video .modal-footer .btn-block + .btn-block {
    margin-left: 0; }
  .modal-container-video .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 768px) {
    .modal-container-video .modal-dialog2 {
      width: 100%;
      margin: 30px auto; }
    .modal-container-video .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
      height: 100%; }
    .modal-container-video .modal-sm {
      width: 300px; }
    .modal-container-video .modal-smd {
      width: 320px; }
    .modal-container-video .modal-md {
      width: 500px; }
    .modal-container-video .modal-xmd {
      width: 600px; } }
  @media (min-width: 992px) {
    .modal-container-video .modal-xmd {
      width: 600px; }
    .modal-container-video .modal-lg {
      width: 900px; }
    .modal-container-video .mobile-nav {
      width: 100%; }
    .modal-container-video .modal-login {
      width: 454px; }
    .modal-container-video .modal-xlg {
      width: 98%; } }
  .modal-container-video .modal-header:before,
  .modal-container-video .modal-header:after,
  .modal-container-video .modal-footer:before,
  .modal-container-video .modal-footer:after {
    display: table;
    content: " "; }
  .modal-container-video .modal-header:after,
  .modal-container-video .modal-footer:after {
    clear: both; }
  .modal-container-video .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff; }
  .modal-container-video .close:hover,
  .modal-container-video .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer; }
  .modal-container-video .modal-content {
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 6px;
    outline: 0;
    min-height: auto;
    width: 100%;
    height: auto; }
  .modal-container-video .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    left: auto;
    transform: none;
    margin: 0 auto !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  @media only screen and (max-width: 812px) and (max-height: 414px) and (orientation: landscape) {
    .modal-container-video .modal-dialog {
      top: auto;
      left: auto;
      transform: none;
      margin: auto;
      position: absolute;
      bottom: auto;
      right: auto; } }
  .modal-container-video .modal-body-with-padding {
    padding: 20px; }
  .modal-container-video .modal-body {
    position: relative; }
    .modal-container-video .modal-body .modal-body-content {
      margin-right: 20px;
      padding-left: 20px;
      margin-top: 15px; }
    .modal-container-video .modal-body .modal-header2 {
      display: table;
      vertical-align: middle;
      width: 100%; }
      .modal-container-video .modal-body .modal-header2 .title {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 10px; }
      .modal-container-video .modal-body .modal-header2 .close-button-wrapper {
        display: table-cell;
        width: 47px;
        height: 47px;
        vertical-align: bottom; }
        .modal-container-video .modal-body .modal-header2 .close-button-wrapper:hover .close-button .close-button-image {
          opacity: 1;
          transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -webkit-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out; }
        .modal-container-video .modal-body .modal-header2 .close-button-wrapper .close-button {
          width: 36px;
          height: 36px;
          text-align: center;
          vertical-align: middle;
          display: table-cell;
          cursor: pointer; }
          .modal-container-video .modal-body .modal-header2 .close-button-wrapper .close-button .close-button-image {
            width: 18px;
            height: 18px;
            opacity: 0.3;
            transition: opacity .2s ease-out;
            -moz-transition: opacity .2s ease-out;
            -webkit-transition: opacity .2s ease-out;
            -o-transition: opacity .2s ease-out; }
  .modal-container-video .modal-dialog {
    margin-top: 40px !important; }
  .modal-container-video .video-player {
    position: absolute;
    height: 100vh;
    width: calc(100% - 20px);
    top: 40px;
    margin: 0px; }
  .modal-container-video .video-player .close-viewer {
    position: absolute;
    top: 20px;
    padding: 16px;
    float: right;
    right: 5px; }
  .modal-container-video .close-viewer {
    margin-bottom: 0px;
    margin-top: 2px !important;
    right: 10px;
    position: absolute;
    height: 25px;
    width: 25px;
    padding: 0; }

@media (max-width: 600px) {
  .modal-container2 .modal-content {
    margin-top: 45px;
    position: absolute;
    top: 0px;
    right: 0; }
  .avatar-upload-modal-container {
    overflow: hidden; }
    .avatar-upload-modal-container .modal-dialog {
      margin: 20px; }
  .modal-login .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    right: auto;
    margin-top: auto;
    margin-bottom: 30px; } }

@media (max-width: 320px) {
  .modal-login .modal-content {
    transform: translate(-50%, 30%); } }

@media only screen and (max-width: 568px) and (orientation: landscape) {
  .modal-container2 .modal-content {
    margin-top: -30px;
    position: absolute;
    top: 0px;
    right: 0; } }

@media only screen and (min-width: 568px) and (max-width: 667px) and (orientation: landscape) {
  .modal-container2 .modal-content {
    margin-top: 80px;
    position: absolute;
    top: -30px;
    right: 0; } }

@media only screen and (min-width: 736px) and (max-width: 812px) and (orientation: landscape) {
  .modal-container2 .modal-content {
    margin-top: 60px;
    position: absolute;
    top: -30px;
    right: 0; } }

@media (max-width: 1000px) {
  .confirm-block-modal .modal {
    overflow-y: scroll; } }

@media only screen and (max-width: 812px) and (max-height: 414px) and (orientation: landscape) {
  .modal-login .modal-content {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    right: auto;
    margin-top: auto;
    margin-bottom: 30px; } }

button {
  display: inline-block;
  margin: 0;
  border: none;
  background: none;
  outline: none; }
  button span {
    display: block; }

.lines-button {
  line-height: 45px;
  padding: 1.5625rem;
  transition: .3s;
  cursor: pointer;
  user-select: none; }
  @media only screen and (min-width: 700px) {
    .lines-button {
      line-height: 55px; } }
  .lines-button:hover {
    opacity: 1; }
  .lines-button:active {
    transition: none; }

.lines {
  display: inline-block;
  width: 1.4rem;
  height: 0.14286rem;
  background: #CCC;
  transition: 0.3s;
  position: relative;
  vertical-align: middle; }
  .lines:before, .lines:after {
    display: inline-block;
    width: 1.4rem;
    height: 0.14286rem;
    background: #CCC;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.14286rem center;
    transform-origin: 0.14286rem center; }
  .lines:before {
    top: 0.4rem; }
  .lines:after {
    top: -0.4rem; }

.lines-button:hover .lines {
  background: #FFFFFF; }
  .lines-button:hover .lines:before, .lines-button:hover .lines:after {
    background: #FFFFFF; }

.lines-button.x.close .lines {
  background: transparent;
  left: -0.2rem; }
  .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 2rem; }
  .lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }

.x-close {
  color: gray;
  position: absolute;
  right: 20px;
  text-decoration: none;
  top: 20px;
  z-index: 999; }

@media only screen and (max-width: 480px) {
  .lines-button.x.close .lines {
    width: 100%; }
  .modal-width-sharing .lines-button.x.close .lines {
    width: 1.4rem; } }

/* Theme for the ripple elements.*/
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-badge-small .mat-badge-content {
  font-size: 6px; }

.mat-badge-large .mat-badge-content {
  font-size: 24px; }

.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 16px; }

.mat-h5, .mat-typography h5 {
  font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px; }

.mat-h6, .mat-typography h6 {
  font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px; }

.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }

.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }
  .mat-body p, .mat-body-1 p, .mat-typography p {
    margin: 0 0 12px; }

.mat-small, .mat-caption {
  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; }

.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 56px;
  letter-spacing: -0.05em; }

.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.02em; }

.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px;
  letter-spacing: -0.005em; }

.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 64px; }

.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-card-title {
  font-size: 24px;
  font-weight: 500; }

.mat-card-header .mat-card-title {
  font-size: 20px; }

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px; }

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px; }

.mat-chip {
  font-size: 14px;
  font-weight: 500; }
  .mat-chip .mat-chip-trailing-icon.mat-icon,
  .mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px; }

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-header-cell {
  font-size: 12px;
  font-weight: 500; }

.mat-cell, .mat-footer-cell {
  font-size: 14px; }

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-calendar-body {
  font-size: 13px; }

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500; }

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400; }

.mat-dialog-title {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; }

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400; }

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; }

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-form-field-wrapper {
  padding-bottom: 1.34375em; }

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125; }

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em; }
  .mat-form-field-prefix .mat-icon-button .mat-icon,
  .mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125; }

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent; }

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em; }

.mat-form-field-label {
  top: 1.34375em; }

.mat-form-field-underline {
  bottom: 1.34375em; }

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.66667em;
  top: calc(100% - 1.79167em); }

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em; }

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0; }

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.33335%; }

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em; }

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em; }

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.54167em;
  top: calc(100% - 1.66667em); }

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75); }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75); }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75); } }

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0; }

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em; }

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.33334%; }

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0; }

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em; }

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.33333%; }

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.33334%; }

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px; }
  .mat-grid-tile-header .mat-line,
  .mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-grid-tile-header .mat-line:nth-child(n+2),
    .mat-grid-tile-footer .mat-line:nth-child(n+2) {
      font-size: 12px; }

input.mat-input-element {
  margin-top: -0.0625em; }

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400; }

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px; }

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-select-trigger {
  height: 1.125em; }

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500; }

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-step-label {
  font-size: 14px;
  font-weight: 400; }

.mat-step-sub-label-error {
  font-weight: normal; }

.mat-step-label-error {
  font-size: 14px; }

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500; }

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  margin: 0; }

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px; }

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px; }

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-list-base .mat-list-item {
  font-size: 16px; }
  .mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 14px; }

.mat-list-base .mat-list-option {
  font-size: 16px; }
  .mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
      font-size: 14px; }

.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500; }

.mat-list-base[dense] .mat-list-item {
  font-size: 12px; }
  .mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
      font-size: 12px; }

.mat-list-base[dense] .mat-list-option {
  font-size: 12px; }
  .mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box; }
    .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
      font-size: 12px; }

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500; }

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px; }

.mat-optgroup-label {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; }

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px; }

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500; }

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px; }

.mat-ripple {
  overflow: hidden;
  position: relative; }

.mat-ripple.mat-ripple-unbounded {
  overflow: visible; }

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0); }
  @media (-ms-high-contrast: active) {
    .mat-ripple-element {
      display: none; } }

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.cdk-overlay-container {
  position: fixed;
  z-index: 1000; }
  .cdk-overlay-container:empty {
    display: none; }

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000; }

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%; }

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0; }
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1; }
    @media screen and (-ms-high-contrast: active) {
      .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0.6; } }

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32); }

.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0; }

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px; }

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll; }

@keyframes cdk-text-field-autofill-start {
  /*!*/ }

@keyframes cdk-text-field-autofill-end {
  /*!*/ }

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation-name: cdk-text-field-autofill-start; }

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation-name: cdk-text-field-autofill-end; }

textarea.cdk-textarea-autosize {
  resize: none; }

textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important; }

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1); }

.mat-option {
  color: rgba(0, 0, 0, 0.87); }
  .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04); }
  .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, 0.04); }
  .mat-option.mat-active {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87); }
  .mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, 0.38); }

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5; }

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081; }

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336; }

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54); }

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38); }

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54); }
  .mat-pseudo-checkbox::after {
    color: #fafafa; }

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081; }

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5; }

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336; }

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0; }

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87); }

.mat-theme-loaded-marker {
  display: none; }

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-autocomplete-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: white; }
    .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
      color: rgba(0, 0, 0, 0.87); }

.mat-badge-content {
  color: white;
  background: #3f51b5; }
  @media (-ms-high-contrast: active) {
    .mat-badge-content {
      outline: solid 1px;
      border-radius: 0; } }

.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: white; }

.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336; }

.mat-badge {
  position: relative; }

.mat-badge-hidden .mat-badge-content {
  display: none; }

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38); }

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none; }

.mat-badge-content.mat-badge-active {
  transform: none; }

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px; }

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px; }

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px; }

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px; }

[dir='rtl'] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px; }

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px; }

[dir='rtl'] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px; }

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px; }

[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px; }

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px; }

[dir='rtl'] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px; }

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px; }

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px; }

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px; }

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px; }

[dir='rtl'] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px; }

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px; }

[dir='rtl'] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px; }

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px; }

[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px; }

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px; }

[dir='rtl'] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px; }

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px; }

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px; }

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px; }

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px; }

[dir='rtl'] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px; }

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px; }

[dir='rtl'] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px; }

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px; }

[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px; }

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px; }

[dir='rtl'] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px; }

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87); }

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent; }
  .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
    color: #3f51b5; }
  .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
    color: #ff4081; }
  .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
    color: #f44336; }
  .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26); }
  .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5; }
  .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081; }
  .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336; }
  .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay {
    background-color: transparent; }
  .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
    opacity: 0.1;
    background-color: currentColor; }

.mat-button-focus-overlay {
  background: black; }

.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, 0.12); }

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white; }
  .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    color: white; }
  .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    color: white; }
  .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    color: white; }
  .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
    color: rgba(0, 0, 0, 0.26); }
  .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
    background-color: #3f51b5; }
  .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
    background-color: #ff4081; }
  .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
    background-color: #f44336; }
  .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] {
    background-color: rgba(0, 0, 0, 0.12); }
  .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1); }
  .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1); }
  .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, 0.1); }

.mat-stroked-button:not([class*='mat-elevation-z']), .mat-flat-button:not([class*='mat-elevation-z']) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-raised-button:not([class*='mat-elevation-z']) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-raised-button:not([disabled]):active:not([class*='mat-elevation-z']) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.mat-raised-button[disabled]:not([class*='mat-elevation-z']) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-fab:not([class*='mat-elevation-z']), .mat-mini-fab:not([class*='mat-elevation-z']) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mat-fab:not([disabled]):active:not([class*='mat-elevation-z']), .mat-mini-fab:not([disabled]):active:not([class*='mat-elevation-z']) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.mat-fab[disabled]:not([class*='mat-elevation-z']), .mat-mini-fab[disabled]:not([class*='mat-elevation-z']) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none; }

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38); }
  .mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, 0.12); }

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white; }
  .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: black; }

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12); }

[dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12); }

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12); }

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54); }
  .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: rgba(0, 0, 0, 0.87); }

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee; }
  .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: white; }
  .mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd; }

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12); }

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-card:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
  .mat-card.mat-card-flat:not([class*='mat-elevation-z']) {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54); }

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54); }

.mat-checkbox-checkmark {
  fill: #fafafa; }

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important; }
  @media (-ms-high-contrast: black-on-white) {
    .mat-checkbox-checkmark-path {
      stroke: #000 !important; } }

.mat-checkbox-mixedmark {
  background-color: #fafafa; }

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5; }

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081; }

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336; }

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0; }

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0; }

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54); }

@media (-ms-high-contrast: active) {
  .mat-checkbox-disabled {
    opacity: 0.5; } }

@media (-ms-high-contrast: active) {
  .mat-checkbox-background {
    background: none; } }

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: #3f51b5; }

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: #ff4081; }

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: #f44336; }

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87); }
  .mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, 0.87);
    opacity: 0.4; }
  .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); }
  .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: 0.54; }
  .mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: 0.4; }
  .mat-chip.mat-standard-chip::after {
    background: black; }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: white; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: white;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1); }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: white;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1); }

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: white; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: white;
    opacity: 0.4; }
  .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background: rgba(255, 255, 255, 0.1); }

.mat-table {
  background: white; }

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit; }

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12); }

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54); }

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87); }

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54); }

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54); }

.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38); }

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12); }

.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54); }

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent; }

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38); }

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04); }

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18); }

.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: white; }

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4); }

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white; }

.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: white; }
  .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(255, 64, 129, 0.4); }
  .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px white; }
  .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: white; }
  .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, 0.4); }
  .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px white; }

.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mat-datepicker-toggle-active {
  color: #3f51b5; }
  .mat-datepicker-toggle-active.mat-accent {
    color: #ff4081; }
  .mat-datepicker-toggle-active.mat-warn {
    color: #f44336; }

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87); }

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12); }

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12); }

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-expansion-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12); }

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
  background: rgba(0, 0, 0, 0.04); }

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true']) .mat-expansion-panel-header:hover {
    background: white; } }

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87); }

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54); }

.mat-expansion-panel-header[aria-disabled='true'] {
  color: rgba(0, 0, 0, 0.26); }
  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title,
  .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description {
    color: inherit; }

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6); }

.mat-hint {
  color: rgba(0, 0, 0, 0.6); }

.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5; }
  .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081; }
  .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336; }

.mat-focused .mat-form-field-required-marker {
  color: #ff4081; }

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87); }

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5; }
  .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081; }
  .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336; }

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5; }

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081; }

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336; }

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336; }
  .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
  .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336; }

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336; }

.mat-error {
  color: #f44336; }

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54); }

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54); }

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x; }

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x; }

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04); }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02); }

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42); }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38); }

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent; }

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12); }

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87); }

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5; }

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081; }

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336; }

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336; }

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38); }

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06); }

.mat-icon.mat-primary {
  color: #3f51b5; }

.mat-icon.mat-accent {
  color: #ff4081; }

.mat-icon.mat-warn {
  color: #f44336; }

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54); }

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38); }

.mat-input-element {
  caret-color: #3f51b5; }
  .mat-input-element::placeholder {
    color: rgba(0, 0, 0, 0.42); }
  .mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, 0.42); }
  .mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.42); }
  .mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.42); }

.mat-accent .mat-input-element {
  caret-color: #ff4081; }

.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336; }

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336; }

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87); }

.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87); }

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54); }

.mat-list-item-disabled {
  background-color: #eeeeee; }

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04); }

.mat-menu-panel {
  background: white; }
  .mat-menu-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87); }
  .mat-menu-item[disabled], .mat-menu-item[disabled]::after {
    color: rgba(0, 0, 0, 0.38); }

.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54); }

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04); }

.mat-paginator {
  background: white; }

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54); }

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54); }

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54); }

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-progress-bar-background {
  fill: #c5cae9; }

.mat-progress-bar-buffer {
  background-color: #c5cae9; }

.mat-progress-bar-fill::after {
  background-color: #3f51b5; }

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab; }

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab; }

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081; }

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2; }

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2; }

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336; }

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #3f51b5; }

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081; }

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336; }

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54); }

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5; }

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5; }

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081; }

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081; }

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336; }

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336; }

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38); }

.mat-radio-button .mat-ripple-element {
  background-color: black; }

.mat-select-value {
  color: rgba(0, 0, 0, 0.87); }

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42); }

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38); }

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54); }

.mat-select-panel {
  background: white; }
  .mat-select-panel:not([class*='mat-elevation-z']) {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, 0.12); }

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5; }

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081; }

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336; }

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336; }

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38); }

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87); }

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87); }
  .mat-drawer.mat-drawer-push {
    background-color: white; }
  .mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12); }
  .mat-drawer-side.mat-drawer-end {
    border-left: solid 1px rgba(0, 0, 0, 0.12);
    border-right: none; }

[dir='rtl'] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none; }
  [dir='rtl'] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, 0.12); }

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6); }

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081; }

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54); }

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081; }

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5; }

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54); }

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5; }

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336; }

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54); }

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336; }

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black; }

.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa; }

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5; }

.mat-primary .mat-slider-thumb-label-text {
  color: white; }

.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081; }

.mat-accent .mat-slider-thumb-label-text {
  color: white; }

.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336; }

.mat-warn .mat-slider-thumb-label-text {
  color: white; }

.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2); }

.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38); }

.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12); }

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87); }

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26); }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent; }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26); }

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7); }

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); }

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04); }

@media (hover: none) {
  .mat-step-header:hover {
    background: none; } }

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54); }

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white; }

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: white; }

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336; }

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87); }

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336; }

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white; }

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12); }

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12); }

.mat-sort-header-arrow {
  color: #757575; }

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none; }

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87); }
  .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, 0.38); }

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87); }

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38); }

.mat-tab-group[class*='mat-background-'] .mat-tab-header,
.mat-tab-nav-bar[class*='mat-background-'] {
  border-bottom: none;
  border-top: none; }

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3); }

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5; }

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white; }

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3); }

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081; }

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: white; }

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3); }

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336; }

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: white; }

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3); }

.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5; }

.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white; }
  .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white; }

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12); }

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3); }

.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081; }

.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: white; }
  .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: white; }

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12); }

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3); }

.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336; }

.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: white; }
  .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: white; }

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4); }

.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12); }

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87); }
  .mat-toolbar.mat-primary {
    background: #3f51b5;
    color: white; }
  .mat-toolbar.mat-accent {
    background: #ff4081;
    color: white; }
  .mat-toolbar.mat-warn {
    background: #f44336;
    color: white; }
  .mat-toolbar .mat-form-field-underline,
  .mat-toolbar .mat-form-field-ripple,
  .mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor; }
  .mat-toolbar .mat-form-field-label,
  .mat-toolbar .mat-focused .mat-form-field-label,
  .mat-toolbar .mat-select-value,
  .mat-toolbar .mat-select-arrow,
  .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit; }
  .mat-toolbar .mat-input-element {
    caret-color: currentColor; }

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9); }

.mat-tree {
  background: white; }

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87); }

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.mat-simple-snackbar-action {
  color: #ff4081; }

.wt-standard-dialog-backdrop {
  opacity: 0.9;
  background-color: #1d2026;
  background: rgba(0, 0, 0, 0.32);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); }

.wt-pro-upgrade-prompt-modal .mat-dialog-container {
  padding: 0px; }

.cdk-overlay-container {
  z-index: 4000; }

.modal-container2 .cdk-overlay-container, .modal-contact-cards-container .cdk-overlay-container {
  z-index: 3039; }

.cdk-overlay-container.lower-z-index {
  z-index: 3000; }

.wt-standard-dialog .mat-dialog-container {
  padding: 0; }

.wt-standard-transparent-dialog .mat-dialog-container {
  background: transparent;
  padding: 0;
  border-radius: 0px;
  height: auto;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */ }

.wt-standard-transparent-dialog .mat-dialog-container::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */ }

.cdk-overlay-pane {
  max-width: 100vw !important; }

.wt-filter-standard-dialog .mat-dialog-container {
  padding: 0;
  height: auto;
  border-radius: 4px; }

.cdk-overlay-dark-backdrop {
  background-color: #1d2026;
  opacity: 0.9; }

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.9; }

@media only screen and (max-width: 1090px) {
  .cdk-overlay-pane {
    width: 100vw; } }

@media only screen and (max-width: 900px) {
  .cdk-overlay-pane {
    height: 100%;
    width: 100%;
    max-width: 100% !important; } }

@media only screen and (max-width: 900px) {
  div.wt-filter-standard-dialog {
    max-width: 100% !important; }
  div.wt-standard-dialog {
    max-width: 100% !important; }
  .cdk-global-overlay-wrapper {
    display: block; }
    .cdk-global-overlay-wrapper .cdk-overlay-pane {
      height: 100%;
      width: 100%;
      max-width: 100% !important; } }

div.wt-standard-dialog {
  overflow: auto; }

@media only screen and (max-width: 900px) {
  .wt-pro-upgrade-prompt-modal .mat-dialog-container, .wt-pro-message-upgrade-prompt-modal .mat-dialog-container {
    padding: 0; } }

body {
  font-family: Arial, Helvetica, sans-serif; }

.referred-input {
  padding-left: 15px; }

.already-registered {
  margin: 0 10px 2px 0;
  margin-top: 48px;
  font-family: "Open Sans", arial;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #909bad; }
  .already-registered .login {
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #004493; }

.login-form-message-bar {
  padding: 37px 0px 37px 0px;
  border-radius: 8px;
  margin: auto;
  max-width: 454px;
  box-shadow: 24px 24px 33px 0 rgba(0, 68, 147, 0.11);
  background-color: #ffffff;
  margin-top: 25px;
  z-index: 10;
  display: flex;
  font-family: "Open Sans", arial;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #647287; }
  .login-form-message-bar div.layer {
    margin-left: 80px;
    margin-right: 80px; }
    @media screen and (max-width: 767px) {
      .login-form-message-bar div.layer {
        margin-left: 20px;
        margin-right: 20px; } }
  .login-form-message-bar span {
    font-family: "Open Sans", arial;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #006aff;
    padding-left: 15px; }

.join-section-wrapper {
  height: 100vh;
  width: 100%;
  margin: auto;
  background: linear-gradient(180deg, #0086DB 0%, #70E5FD 100%);
  display: flex; }
  .join-section-wrapper p {
    margin-block-start: 0;
    margin-block-end: 0; }
  .join-section-wrapper .join-display-view-wrapper {
    margin: 0 auto; }
    .join-section-wrapper .join-display-view-wrapper .join-header-wrapper .webtalk-white-logo {
      width: 180.3px;
      height: 34.6px;
      object-fit: contain;
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-white.svg);
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0 auto;
      margin-top: 31px; }
    .join-section-wrapper .join-display-view-wrapper .join-header-wrapper .join-text {
      margin-top: 14px;
      margin-bottom: 31px;
      font-family: Montserrat, arial;
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.59;
      letter-spacing: normal;
      color: #ffffff; }
    .join-section-wrapper .join-display-view-wrapper .signup-wrapper {
      margin: 0 auto;
      width: max-content; }
      .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper {
        position: relative;
        width: 100%; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .separator {
          margin: 22px 0 22px; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .aler-message .terms-links {
          color: #004493; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .login-label {
          padding-top: 18px; }
          .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .login-label .link {
            font-family: Open Sans, arial;
            font-size: 14px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #0aa1d8; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .referred-avatar {
          width: 78px;
          height: 78px;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
          border: solid 4px #ffffff;
          border-radius: 100px;
          position: absolute;
          right: 30px;
          top: -21px;
          background-size: contain;
          background-color: #ffffff; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper {
          padding-left: 30px;
          padding-right: 30px;
          padding-bottom: 34px; }
          .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-screen .signup-header-wrapper {
            padding-top: 21px;
            padding-bottom: 19px; }
            .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-screen .signup-header-wrapper .join-title {
              font-family: Montserrat, arial;
              font-size: 18px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #1d2026;
              width: 210px; }

.dark-overlay {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: calc(100% - 92px);
  height: initial; }
  @media only screen and (min-width: 1261px) {
    .dark-overlay.referral {
      min-height: 740px;
      padding-top: 20px;
      padding-bottom: 20px; } }
  @media only screen and (min-width: 1261px) and (max-height: 1100px) {
    .dark-overlay {
      height: calc(100% - 92px);
      min-height: 480px; } }

@media only screen and (max-width: 910px) {
  .join-section-wrapper {
    height: auto; }
    .join-section-wrapper .join-display-view-wrapper {
      margin-bottom: 40px; }
      .join-section-wrapper .join-display-view-wrapper .join-header-wrapper .webtalk-white-logo {
        width: 154px;
        background-size: contain; }
      .join-section-wrapper .join-display-view-wrapper .join-header-wrapper .join-text {
        width: 289px;
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 31px;
        margin-top: 12px;
        position: relative;
        left: 2px;
        line-height: 1.50;
        margin-bottom: 18px; }
      .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper {
        width: 327px; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .social-media-links .social-media-links-wrapper .facebook-link::before {
          margin-right: 6px; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .social-media-links .social-media-links-wrapper .linkedin-link::before {
          margin-right: 6px; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .referred-avatar {
          width: 66px;
          height: 66px;
          right: 25px;
          top: -12px; }
        .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper {
          padding-left: 24px;
          padding-right: 24px; }
          .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-screen .signup-header-wrapper .join-title {
            font-size: 16px;
            width: 189px; }
          .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-screen .names-container {
            display: grid; }
            .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-screen .names-container .halfsize-element:first-child {
              padding-bottom: 10px; }
            .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-screen .names-container .fullsize-element {
              padding-bottom: 10px !important; }
            .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-screen .names-container .fullsize-element:last-child {
              padding-bottom: 8px !important; }
            .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-screen .names-container .halfsize-element {
              width: 100%;
              padding-bottom: 7px; } }

@media only screen and (max-width: 320px) {
  .join-section-wrapper .join-display-view-wrapper .signup-wrapper .signup-form-wrapper {
    width: 300px; } }

.reset-password-wrapper {
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0086DB 0%, #70E5FD 100%);
  display: flex; }
  .reset-password-wrapper .required-alert {
    font-family: Open Sans, arial;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #f44036;
    margin-top: 4px; }
  .reset-password-wrapper p {
    margin-block-start: 0;
    margin-block-end: 0; }
  .reset-password-wrapper h1, .reset-password-wrapper h2, .reset-password-wrapper h3, .reset-password-wrapper h4, .reset-password-wrapper h5 {
    margin-block-start: 0;
    margin-block-end: 0; }
  .reset-password-wrapper .reset-password-view-wrapper {
    width: max-content;
    margin: 0 auto;
    position: relative;
    padding-top: 36px; }
    .reset-password-wrapper .reset-password-view-wrapper .webtalk-white-logo {
      width: 153px;
      height: 30px;
      object-fit: contain;
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-white.svg);
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0 auto;
      margin-bottom: 35px; }
    .reset-password-wrapper .reset-password-view-wrapper .reset-password-view {
      height: max-content;
      position: relative; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .undo-tooltip {
        top: -24px; }
    .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper {
      width: 454px;
      height: auto;
      border-radius: 4px;
      box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
      background-color: #ffffff;
      padding-bottom: 40px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-description-header {
        width: 265px;
        padding-left: 70px;
        padding-top: 34px;
        margin-bottom: 16px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-description-header .reset-title {
          font-family: Montserrat, arial;
          font-size: 30px;
          color: #1d2026;
          padding-bottom: 5px;
          margin-top: 0px;
          margin-bottom: 0px;
          font-weight: 600; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-description-header .reset-message {
          font-size: 12px;
          font-family: Open Sans, arial;
          color: #1d2026;
          margin-top: 0px;
          margin-bottom: 0px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-input {
        padding-left: 70px;
        padding-right: 70px;
        padding-bottom: 0px;
        text-align: center; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-input .button-fullsize-element {
          padding-bottom: 16px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-input label {
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026;
          margin-bottom: 4px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-input .fullsize-element {
          width: 100%; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-input .fullsize-element .display-password {
            margin-top: 17.5px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-input .reset-password-btn-wrapper {
          width: 100%; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-input .reset-password-btn-wrapper .submit-button {
            background-color: #0aa1d8; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-input .back-to-login-btn {
          font-family: Open Sans, arial;
          font-size: 13px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #0aa1d8;
          padding-bottom: 41px;
          text-decoration: none; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-header-wrapper {
        text-align: left;
        margin-bottom: 22px;
        padding-left: 70px;
        padding-top: 34px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-header-wrapper .reset-password-header {
          font-family: Montserrat, arial;
          font-size: 30px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026;
          margin-bottom: 0px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password {
        padding-left: 70px;
        padding-right: 70px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper {
          display: flex;
          margin-bottom: 24px; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-phone.active {
            border-bottom: 3px solid #0aa1d8; }
            .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-phone.active .phone {
              color: #0aa1d8; }
              .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-phone.active .phone::before {
                background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/phone-icon-blue.svg); }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-phone {
            width: 145px;
            text-align: center;
            border-bottom: 3px solid #d8dbe7;
            margin-left: 11.5px;
            cursor: pointer; }
            .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-phone .phone {
              font-family: Open Sans, arial;
              font-size: 16px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #d8dbe7;
              padding-bottom: 11px;
              display: block; }
              .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-phone .phone::before {
                background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/phone-icon.svg);
                content: "";
                width: 18.4px;
                height: 18.4px;
                background-size: contain;
                background-repeat: no-repeat;
                position: relative;
                margin-right: -1px;
                display: inline-flex;
                top: 3px; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-email.active {
            border-bottom: 3px solid #0aa1d8; }
            .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-email.active .email {
              color: #0aa1d8; }
              .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-email.active .email::before {
                background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-icon-blue.svg); }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-email {
            width: 145px;
            text-align: center;
            border-bottom: 3px solid #d8dbe7;
            margin-right: 11.5px;
            cursor: pointer; }
            .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-email .email {
              font-family: Open Sans, arial;
              font-size: 16px;
              font-weight: 600;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #d8dbe7;
              padding-bottom: 11px;
              display: block; }
              .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-email .email::before {
                background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-icon.svg);
                content: "";
                width: 16px;
                height: 12.4px;
                background-size: contain;
                background-repeat: no-repeat;
                position: relative;
                margin-right: 5px;
                display: inline-flex; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .email-input-wrapper.show {
          display: grid; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .email-input-wrapper {
          display: none;
          width: max-content; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .email-input-wrapper label {
            font-family: Open Sans, arial;
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #1d2026;
            margin-bottom: 4px; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .email-input-wrapper input.blur {
            background-color: #fafafc; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .email-input-wrapper input {
            width: 313px;
            height: 42px;
            border-radius: 4px;
            border: solid 1px #d8dbe7;
            background-color: #ffffff;
            font-family: Open Sans, arial;
            font-size: 16px;
            padding-left: 15px; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .email-input-wrapper input.error-border {
            border: solid 1px #f44336; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper.show {
          display: grid; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper {
          display: none;
          width: max-content; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper label {
            font-family: Open Sans, arial;
            font-size: 16px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #1d2026;
            margin-bottom: 4px; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .phone-input-country-code-wrapper.error-border {
            border: solid 1px #f44336; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .phone-input-country-code-wrapper.blur {
            background-color: #fafafc; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .phone-input-country-code-wrapper {
            width: 313px;
            height: 42px;
            border-radius: 4px;
            border: solid 1px #d8dbe7;
            background-color: #ffffff;
            display: flex; }
            .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .phone-input-country-code-wrapper .phone-country-code {
              height: 42px;
              border-right: solid 1px #d8dbe7;
              display: flex;
              padding-left: 12px;
              padding-right: 12px;
              cursor: pointer; }
              .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .phone-input-country-code-wrapper .phone-country-code .us-flag {
                background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/us-flag.png);
                width: 18px;
                height: 18px;
                object-fit: contain;
                background-size: contain;
                background-repeat: no-repeat;
                margin-top: 12px;
                margin-right: 8px; }
              .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .phone-input-country-code-wrapper .phone-country-code span {
                font-family: Open Sans, arial;
                font-size: 16px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                color: #1d2026;
                margin-top: 12px; }
            .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .phone-input-country-code-wrapper input.blur {
              background-color: #fafafc; }
            .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .phone-input-country-code-wrapper input {
              height: 41px;
              width: 100%;
              background-color: #ffffff;
              border: none;
              padding-left: 15px;
              outline: none;
              font-family: Open Sans, arial;
              font-size: 16px; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .new-reset-password .phone-input-wrapper .us-only-text {
            font-family: Open Sans, arial;
            font-size: 13px;
            font-weight: 600;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #647287;
            width: 313px;
            margin-top: 7px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-btn.bottom-margin {
        margin-top: 14px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-password-btn {
        width: 100%;
        height: 42px;
        border-radius: 100px;
        margin-bottom: 16px;
        margin-top: 16px;
        background-color: #0aa1d8; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-form-wrapper .reset-login-link {
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-family: Open Sans, arial;
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #0aa1d8;
        display: block; }
    .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper {
      width: 454px;
      height: auto;
      border-radius: 4px;
      box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
      background-color: #ffffff; }
      .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .code-verification-form {
        padding-left: 70px;
        padding-right: 70px; }
      .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .code-verification-header {
        font-family: Montserrat, arial;
        font-size: 30px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #39404c;
        padding-top: 35px;
        padding-bottom: 20px; }
      .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .confirmation-wrapper {
        margin-top: 24px; }
        .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .confirmation-wrapper label {
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026;
          margin-bottom: 4px; }
        .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .confirmation-wrapper .confirmation-input.blur {
          background-color: #fafafc; }
        .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .confirmation-wrapper .confirmation-input {
          outline: none;
          width: 100%;
          text-align: center;
          height: 42px;
          border-radius: 4px;
          border: solid 1px #d8dbe7;
          background-color: #fff; }
        .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .confirmation-wrapper .confirmation-input.error-border {
          border: solid 1px #f44336; }
      .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .g-recaptcha {
        width: 304px;
        margin-top: 10px;
        transform: scale(1.04);
        -webkit-transform: scale(1.04);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0; }
      .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .confirm-verification-code {
        line-height: 42px;
        height: 42px;
        display: block;
        margin-bottom: 8px;
        margin-top: 10px;
        border-radius: 100px;
        background-color: #0aa1d8;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #ffffff;
        text-decoration: none;
        cursor: pointer; }
      .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .code-sent-to-text {
        width: 100%;
        text-align: center;
        width: 316px;
        font-family: Montserrat, arial;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #647287;
        margin-bottom: 25px; }
      .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .no-code-link-wrapper {
        color: #0aa1d8;
        padding-bottom: 40px;
        text-align: center; }
        .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .no-code-link-wrapper .resend-code-btn {
          font-family: Open Sans, arial;
          font-size: 13px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #0aa1d8;
          cursor: pointer; }
        .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .no-code-link-wrapper .phone-btn {
          font-family: Open Sans, arial;
          font-size: 13px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #0aa1d8;
          cursor: pointer; }

@media only screen and (max-width: 500px) {
  .reset-password-wrapper .reset-password-view-wrapper {
    display: block; }
    .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .webtalk-white-logo {
      margin-top: 36px; }
    .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper {
      width: 100%;
      max-width: 327px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .reset-description-header {
        padding-left: 24px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .reset-password-input {
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 0px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .reset-password-header-wrapper {
        padding-left: 24px;
        padding-right: 24px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password {
        padding-left: 24px;
        padding-right: 24px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-email {
          width: 129px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password .reset-password-input-from-wrapper .tab-phone {
          width: 129px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password .email-phone-input-chooice-wrapper .phone-input-wrapper .phone-input-country-code-wrapper {
          max-width: 313px;
          width: 100%; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password .email-phone-input-chooice-wrapper .phone-input-wrapper .us-only-text {
          max-width: 279px;
          width: 100%; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password .email-phone-input-chooice-wrapper .email-input-wrapper {
          max-width: 313px;
          width: 100%; }
          .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password .email-phone-input-chooice-wrapper .email-input-wrapper input {
            max-width: 313px;
            width: 100%; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .required-alert {
        width: 272px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .code-verification-form {
        padding-left: 24px;
        padding-right: 24px; }
    .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .code-verification-form-wrapper {
      width: 100%;
      max-width: 327px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .code-verification-form-wrapper .code-sent-to-text {
        width: 279px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .code-verification-form-wrapper .g-recaptcha {
        transform: scale(0.92);
        -webkit-transform: scale(0.92);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .code-verification-form-wrapper .code-verification-form {
        padding-left: 24px;
        padding-right: 24px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .code-verification-form-wrapper .code-verification-form .code-verification-header {
          padding-bottom: 0px; }
        .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .code-verification-form-wrapper .code-verification-form .confirmation-wrapper .confirmation-input .g-recaptcha {
          transform: scale(0.81);
          -webkit-transform: scale(0.81);
          transform-origin: 0 0;
          -webkit-transform-origin: 0 0; } }

@media only screen and (max-width: 320px) {
  .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .code-verification-form-wrapper {
    max-width: 293px; }
  .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper {
    max-width: 293px; }
    .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password .email-phone-input-chooice-wrapper .phone-input-wrapper .phone-input-country-code-wrapper {
      max-width: 244px; }
    .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .new-reset-password .email-phone-input-chooice-wrapper .phone-input-wrapper .us-only-text {
      max-width: 247px; } }

@media only screen and (orientation: landscape) and (max-width: 812px) and (max-height: 414px) {
  .reset-password-wrapper {
    height: auto; }
    .reset-password-wrapper .reset-password-view-wrapper .code-verification-form-wrapper .code-verification-header {
      padding-bottom: 20px; }
    .reset-password-wrapper .reset-password-view-wrapper .reset-password-view {
      margin-bottom: 40px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .webtalk-white-logo {
        margin-top: 35px; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .undo-tooltip {
        top: 10px;
        position: fixed; }
      .reset-password-wrapper .reset-password-view-wrapper .reset-password-view .reset-password-form-wrapper .reset-password-input {
        padding-bottom: 0px; } }

.mobile-app-field, .login-form-app-section {
  padding-top: 30px; }
  .mobile-app-field.responsiveonly, .login-form-app-section.responsiveonly {
    display: none; }
    @media only screen and (max-width: 1024px) {
      .mobile-app-field.responsiveonly, .login-form-app-section.responsiveonly {
        display: block; }
        .mobile-app-field.responsiveonly .appstore, .mobile-app-field.responsiveonly .google, .login-form-app-section.responsiveonly .appstore, .login-form-app-section.responsiveonly .google {
          margin: auto;
          max-width: 158px;
          height: 54px; } }
  .mobile-app-field .get-app, .login-form-app-section .get-app {
    font-family: "Open Sans", arial;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 3.5px;
    text-align: center;
    color: #647287;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: left; }
    .mobile-app-field .get-app.white, .login-form-app-section .get-app.white {
      color: #ffffff; }
  .mobile-app-field .app-btn, .login-form-app-section .app-btn {
    display: flex;
    column-gap: 10px; }
    .mobile-app-field .app-btn .google, .login-form-app-section .app-btn .google {
      margin-right: 0px;
      background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-GooglePlay.svg);
      background-size: contain;
      height: 54px;
      width: 158px;
      background-repeat: no-repeat; }
      .mobile-app-field .app-btn .google:hover, .login-form-app-section .app-btn .google:hover {
        box-shadow: 0 11px 18px 0 rgba(0, 68, 147, 0.27); }
    .mobile-app-field .app-btn .appstore, .login-form-app-section .app-btn .appstore {
      margin-left: 0px;
      height: 54px;
      width: 158px;
      background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-app-store.svg);
      background-size: contain;
      background-repeat: no-repeat; }
      .mobile-app-field .app-btn .appstore:hover, .login-form-app-section .app-btn .appstore:hover {
        box-shadow: 0 11px 18px 0 rgba(0, 68, 147, 0.27); }

.dark-overlay .signup-wrapper .login-form-app-section .get-app {
  color: #ffffff; }

.dark-overlay .signup-wrapper .login-form-app-section {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .dark-overlay .signup-wrapper .login-form-app-section {
      display: block; } }

.login-form-app-section .app-btn {
  text-align: center;
  margin: auto; }
  .login-form-app-section .app-btn .google, .login-form-app-section .app-btn .appstore {
    margin: auto; }
  @media only screen and (min-width: 1025px) {
    .login-form-app-section .app-btn .google {
      margin-right: 0px; }
    .login-form-app-section .app-btn .appstore {
      margin-left: 0px; } }
  @media only screen and (max-width: 1024px) {
    .login-form-app-section .app-btn .google {
      margin: auto; }
    .login-form-app-section .app-btn .appstore {
      margin: auto; } }

.login-form-app-section .get-app {
  text-align: center; }

.dark-overlay .mobile-app-field, .dark-overlay .login-form-app-section {
  padding-top: 30px; }
  .dark-overlay .mobile-app-field.responsiveonly, .dark-overlay .login-form-app-section.responsiveonly {
    display: none; }
    @media only screen and (max-width: 1240px) {
      .dark-overlay .mobile-app-field.responsiveonly, .dark-overlay .login-form-app-section.responsiveonly {
        display: block; }
        .dark-overlay .mobile-app-field.responsiveonly .get-app, .dark-overlay .login-form-app-section.responsiveonly .get-app {
          text-align: center; }
        .dark-overlay .mobile-app-field.responsiveonly .appstore, .dark-overlay .mobile-app-field.responsiveonly .google, .dark-overlay .login-form-app-section.responsiveonly .appstore, .dark-overlay .login-form-app-section.responsiveonly .google {
          margin: auto;
          max-width: 158px;
          height: 54px; } }

.homepage-section-wrapper {
  height: 100vh;
  width: 100%; }
  .homepage-section-wrapper p {
    margin-block-start: 0;
    margin-block-end: 0; }
  .homepage-section-wrapper .homepage-body {
    background-color: #f4f5f6;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: calc(100vh - 200px);
    position: relative;
    min-height: 593px; }
    .homepage-section-wrapper .homepage-body.referrar-signup {
      min-height: 880px; }
      @media screen and (max-width: 1024px) {
        .homepage-section-wrapper .homepage-body.referrar-signup {
          min-height: 1125px; } }
      @media screen and (max-width: 414px) {
        .homepage-section-wrapper .homepage-body.referrar-signup {
          min-height: 1225px; } }
      .homepage-section-wrapper .homepage-body.referrar-signup .homepage-dark-overlay {
        min-height: 100%; }
    @media screen and (max-width: 768px) {
      .homepage-section-wrapper .homepage-body.login-form-active {
        min-height: 1080px; } }
  .homepage-section-wrapper .homepage-dark-overlay {
    position: absolute;
    top: 0;
    height: 100%;
    min-height: 593px;
    width: 100%;
    display: flex; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper {
      display: grid;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto;
      height: 100%;
      grid-template-columns: 100%;
      row-gap: 30px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper.referrer {
        background-color: rgba(0, 0, 0, 0.67);
        display: flex;
        position: absolute;
        width: 100%;
        height: 100%; }
      @media only screen and (min-width: 1300px) and (min-height: 1000px) {
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper {
          height: auto; } }
      @media only screen and (max-height: 1000px) {
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper {
          row-gap: 0px;
          height: 700px; } }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal {
        width: 533px;
        height: 636px;
        border-radius: 10px;
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.4);
        background-color: #ffffff;
        position: relative;
        padding-left: 20px;
        padding-right: 20px; }
        @media only screen and (max-width: 590px) {
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal {
            max-width: calc( 100% - 100px);
            margin: auto; } }
        @media only screen and (max-width: 520px) {
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal {
            margin: auto;
            width: 100%;
            max-width: calc( 100% - 20px);
            height: auto;
            border-radius: 10px;
            box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.4);
            background-color: #ffffff;
            position: relative;
            padding-bottom: 30px;
            padding: 20px;
            padding-left: 0px;
            padding-right: 0px; } }
        @media only screen and (max-width: 420px) {
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal {
            margin-top: 30px; } }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal h1, .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal h2, .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal h3, .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal h4, .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal h5 {
          margin-block-start: 0;
          margin-block-end: 0; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal p {
          margin-block-start: 0;
          margin-block-end: 0; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .webtalk-blue-logo {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-blue-mobile.svg);
          width: 152.5px;
          height: 30.1px;
          background-repeat: no-repeat;
          background-size: cover;
          margin: 0 auto;
          margin-top: 32px;
          position: relative;
          left: 3px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body {
          margin-top: 24px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .congrats-text {
            font-family: Montserrat, arial;
            font-size: 32px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            color: #004493;
            margin-bottom: 4px;
            position: relative;
            left: 2px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .you-have-been-invited-text {
            font-family: Open Sans, arial;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            margin: 0 auto;
            margin-bottom: 20px;
            color: #647287;
            margin: 0 auto;
            margin-bottom: 20px;
            position: relative;
            left: 3px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .referred-wrapper {
            width: calc(100% - 40px);
            height: 199px;
            border-radius: 10px;
            background-color: #f1f4f8;
            margin: 0 auto;
            padding-top: 5px; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .referred-wrapper .referred-name {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              margin: 0 auto;
              font-family: Montserrat, arial;
              font-size: 24px;
              font-weight: bold;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #004493;
              text-align: center;
              margin-top: 36px; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .referred-wrapper .referred-avatar {
              width: 90px;
              height: 90px;
              border: solid 4px #ffffff;
              object-fit: contain;
              border-radius: 100px;
              box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
              margin: 0 auto;
              background-size: contain;
              position: relative;
              top: 26px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .webtalk-message, .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .join-webtalk-message {
            font-family: Open Sans, arial;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #1d2026;
            width: 100%;
            margin: 0 auto;
            margin-top: 15px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .join-webtalk-message {
            margin-top: 22px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .get-started-btn {
            width: 231px;
            height: 65px;
            line-height: 65px;
            border-radius: 100px;
            background-color: #004493;
            font-family: Open Sans, arial;
            font-size: 18px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            text-decoration: none;
            color: #ffffff;
            margin: 0 auto;
            margin-top: 30px;
            text-align: center;
            display: block;
            cursor: pointer; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align {
        align-items: center;
        justify-content: center;
        display: flex;
        position: relative;
        bottom: 12px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation-container {
          min-width: 695px;
          height: 100%;
          max-width: 560px; }
          @media only screen and (max-width: 1240px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation-container {
              min-width: 474px;
              min-width: 530px;
              max-width: 530px; } }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation {
          height: 704px;
          width: 563px;
          margin: auto;
          margin-top: -15px;
          position: relative;
          background-image: url(/assets/onboarding_images/desktop_images/onboarding_login/slider-base-w.png);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation .layout-selection {
            width: 76px;
            display: grid;
            column-gap: 8px;
            right: 60px;
            top: -10px;
            grid-template-columns: 50% 50%;
            position: absolute; }
            @media only screen and (max-width: 767px) {
              .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation .layout-selection {
                right: 36px;
                top: 13px; } }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation .layout-selection div {
              height: 34px;
              width: 34px;
              background-size: 100%;
              cursor: pointer; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation .layout-selection .light {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/light-on.svg); }
              .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation .layout-selection .light:hover {
                background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/light-on.svg); }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation .layout-selection .dark {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/dark-off.svg); }
              .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation .layout-selection .dark:hover {
                background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/dark-on.svg); }
          @media only screen and (max-width: 1240px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation {
              height: 565px;
              width: 460px; } }
          @media only screen and (max-width: 1024px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation {
              height: 456px;
              width: 100%;
              margin-top: 20px; } }
          @media only screen and (max-width: 767px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation {
              margin-top: 0px; } }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider-base.png); }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .light {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/light-off.svg); }
              .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .light:hover {
                background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/light-on.svg); }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .dark {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/dark-on.svg); }
              .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .dark:hover {
                background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/dark-on.svg); }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk.one {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider1-Dark.png);
              animation-delay: 0s; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk.two {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider2-Dark.png);
              animation-delay: 4s; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk.three {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider3-Dark.png);
              animation-delay: 8s; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk.four {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider4-Dark.png);
              animation-delay: 12s; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk.five {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider5-Dark.png);
              animation-delay: 16s; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk.six {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider6-Dark.png);
              animation-delay: 20s; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider {
          height: 654px;
          width: 264px;
          right: 68px;
          top: 18px;
          opacity: 0;
          -webkit-animation-name: cf5FadeInOut;
          -webkit-animation-timing-function: ease-in-out;
          -webkit-animation-iteration-count: infinite;
          -webkit-animation-duration: 24s;
          -moz-animation-name: cf5FadeInOut;
          -moz-animation-timing-function: ease-in-out;
          -moz-animation-iteration-count: infinite;
          -moz-animation-duration: 24s;
          -o-animation-name: cf5FadeInOut;
          -o-animation-timing-function: ease-in-out;
          -o-animation-iteration-count: infinite;
          -o-animation-duration: 24s;
          animation-name: cf5FadeInOut;
          animation-timing-function: ease-in-out;
          animation-iteration-count: infinite;
          position: absolute;
          display: block;
          text-align: left;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
          @media only screen and (max-width: 1240px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider {
              height: 462px;
              width: 261px;
              right: 33px;
              top: 47px; } }
          @media only screen and (max-width: 1024px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider {
              width: 261px;
              height: 377px;
              width: 261px;
              right: 37px;
              top: 36px; } }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider.one {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider1.png);
            animation-delay: 0s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider.two {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider2.png);
            animation-delay: 4s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider.three {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider3.png);
            animation-delay: 8s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider.four {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider4.png);
            animation-delay: 12s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider.five {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider5.png);
            animation-delay: 16s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-slider.six {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider6.png);
            animation-delay: 20s; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider {
          background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider-base.png); }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider .light {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/light-off.svg); }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider .light:hover {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/light-on.svg); }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider .dark {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/dark-on.svg); }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider .dark:hover {
              background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/dark-on.svg); }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider.one {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider1-Dark.png);
            animation-delay: 0s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider.two {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider2-Dark.png);
            animation-delay: 4s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider.three {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider3-Dark.png);
            animation-delay: 8s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider.four {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider4-Dark.png);
            animation-delay: 12s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider.five {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider5-Dark.png);
            animation-delay: 16s; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .pics-animation.blk .pics-slider.six {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/desktop_images/onboarding_login/slider6-Dark.png);
            animation-delay: 20s; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
        display: table;
        font-family: "Open Sans", arial;
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #647287;
        top: calc( 100% - 50px);
        width: 100%;
        text-align: center;
        left: 0px;
        align-self: start; }
        @media screen and (max-width: 1024px) {
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
            position: relative;
            top: 0px; } }
        @media screen and (max-width: 767px) {
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
            padding-top: 0;
            bottom: 35px;
            top: initial; } }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text span {
          font-weight: bold;
          color: #004493; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text span a {
            color: #004493;
            text-decoration: none; }
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text span a:hover {
              text-decoration: underline;
              color: #0161d1; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile {
        display: none; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
        width: 600px;
        margin-right: 146px;
        position: relative;
        text-align: left; }
        @media screen and (max-width: 1260px) {
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
            margin-right: 0; } }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p {
          font-family: Montserrat, arial;
          width: 600px;
          height: 192px;
          flex-grow: 0;
          font-size: 52px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.23;
          letter-spacing: normal;
          text-align: left;
          color: #004493; }
          @media only screen and (max-width: 1024px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p {
              height: auto;
              font-size: 28px;
              width: 100%; } }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .webtalk-logo {
          background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/webtalk-blue-logo.svg);
          background-size: contain;
          height: 41px;
          width: 208px;
          background-repeat: no-repeat; }
          @media screen and (max-width: 1024px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .webtalk-logo {
              background-position: center;
              width: 100%;
              background-size: 208px 41px; } }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .get-app {
          font-family: "Open Sans", arial;
          font-size: 14px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: 3.5px;
          text-align: center;
          color: #647287;
          margin-top: 20px;
          margin-bottom: 20px;
          text-transform: uppercase;
          text-align: left; }
          @media screen and (max-width: 767px) {
            .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .get-app {
              text-align: center; } }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .app-btn {
          display: flex;
          column-gap: 10px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .app-btn .google {
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-GooglePlay.svg);
            background-size: contain;
            height: 54px;
            width: 158px;
            background-repeat: no-repeat; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .app-btn .appstore {
            height: 54px;
            width: 158px;
            background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-app-store.svg);
            background-size: contain;
            background-repeat: no-repeat; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
        position: relative;
        bottom: 8px; }

.login-form-app-section .app-btn {
  display: flex;
  column-gap: 10px; }
  .login-form-app-section .app-btn .google {
    background-color: #004493;
    background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-GooglePlay.svg);
    background-size: contain;
    height: 54px;
    width: 158px;
    background-repeat: no-repeat; }
  .login-form-app-section .app-btn .appstore {
    background-color: #004493;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 54px;
    width: 158px;
    background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-app-store.svg);
    background-size: contain;
    background-repeat: no-repeat; }

@media only screen and (max-width: 1366px) and (max-height: 768px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
    margin-right: 171px; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage {
    width: 396px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .separator {
      margin: 20px 0 20px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 35px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .halfsize-element {
        padding-bottom: 6px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .fullsize-element {
        padding-bottom: 6px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .names-container {
        bottom: 4px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .steps .signup-header-wrapper {
        padding-top: 18px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .steps .signup-header-wrapper .signup-title {
          font-size: 36px; } }

.homepage-dark-overlay.reerralpage {
  background-color: rgba(0, 0, 0, 0.67);
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%; }

@media only screen and (max-width: 1366px) and (max-height: 768px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
    margin-right: 81px; } }

@media only screen and (max-width: 1095px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
    position: relative; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align {
    bottom: 5px; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
    width: 453px;
    margin-right: 68px;
    position: relative;
    top: 10px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p {
      font-size: 38px;
      margin-bottom: 6px;
      text-align: center; } }
    @media only screen and (max-width: 1095px) and (min-width: 1025px) {
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p {
        font-size: 38px;
        margin-bottom: 6px;
        max-width: 440px;
        text-align: left; } }

@media only screen and (max-width: 1095px) {
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p .get-app {
        text-align: center; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p .app-btn {
        justify-content: center; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
    width: max-content;
    margin: 0 auto;
    bottom: auto;
    top: 0px;
    left: 4px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper {
      width: 396px;
      margin: auto; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper .separator {
        margin: 21px 0 17px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 35px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .extra-margin-bottom {
          margin-bottom: 0px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .referred-screen .signup-header-wrapper {
          padding-top: 20px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-header-wrapper {
          padding-top: 20px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper .signup-content-wrapper .signup-header-wrapper .signup-title {
            font-size: 36px; } }

@media only screen and (max-width: 1024px) and (max-height: 768px) {
  .homepage-section-wrapper .homepage-body {
    height: 588px; }
  .homepage-section-wrapper .homepage-dark-overlay {
    height: 588px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
      top: 8px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
      width: 453px;
      margin-right: 65px;
      position: relative;
      top: 1px;
      right: 7px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p {
        font-size: 42px;
        margin-bottom: 5px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.login-form p .get-app {
        text-align: center;
        display: block; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.login-form p .app-btn {
        display: block;
        justify-content: center; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
      width: max-content;
      margin: 0 auto;
      bottom: 17px;
      top: auto;
      left: 4px; } }

@media only screen and (max-width: 1024px) {
  .homepage-section-wrapper .homepage-body {
    height: calc(100vh - 150px); }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
    display: block; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
    display: none; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .app-btn, .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .get-app {
      display: none; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper .get-app {
      text-align: center; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile {
    display: block;
    width: 700px;
    margin-right: 0px;
    text-align: center;
    margin-bottom: 37px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile p {
      width: 100%; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile p span {
        display: inherit; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile .app-btn, .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile .get-app {
      display: none; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
    width: max-content;
    margin: 0 auto; }
  .homepage-section-wrapper.homeLoginPage .homepage-body {
    height: calc(100vh - 0px); }
  .homepage-section-wrapper.homeLoginPage .homepage-dark-overlay .dark-overlay-mobile-wrapper {
    display: grid; }
    .homepage-section-wrapper.homeLoginPage .homepage-dark-overlay .dark-overlay-mobile-wrapper .home-page-text-vertical-align {
      order: 2; }
    .homepage-section-wrapper.homeLoginPage .homepage-dark-overlay .dark-overlay-mobile-wrapper .signup-wrapper {
      order: 1; } }

@media only screen and (max-width: 768px) and (max-height: 1024px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
    top: 13px; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
    display: block; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
    display: none; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.login-form {
      display: block; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.login-form .app-btn, .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.login-form .get-app {
        display: block;
        text-align: center; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile {
    display: block;
    width: 700px;
    margin-right: 0px;
    text-align: center;
    margin-bottom: 15px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile p {
      width: 100%; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
    width: max-content;
    margin: 0 auto; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .halfsize-element {
      padding-bottom: 5px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .fullsize-element {
      padding-bottom: 7px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage {
      width: 396px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-header-wrapper {
        padding-bottom: 22px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-header-wrapper .names-container {
          bottom: 5px; } }

.login-pic-message-bar {
  display: none; }

.login-form-app-section {
  display: none; }
  @media only screen and (max-width: 767px) {
    .login-form-app-section {
      margin-top: 25px;
      display: block; }
      .login-form-app-section .get-app {
        display: block;
        margin: auto;
        text-align: center;
        margin: auto;
        max-width: 158px;
        margin-bottom: 20px; }
      .login-form-app-section .app-btn {
        margin: auto;
        max-width: 158px;
        justify-content: center;
        display: flex;
        column-gap: 10px;
        margin-bottom: 20px; }
        .login-form-app-section .app-btn .google {
          background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-GooglePlay.svg);
          background-size: contain;
          height: 54px;
          background-repeat: no-repeat;
          width: 100%; }
        .login-form-app-section .app-btn .appstore {
          height: 54px;
          width: 100%;
          max-width: 158px;
          background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-app-store.svg);
          background-size: contain;
          background-repeat: no-repeat; }
      .login-form-app-section .appstore, .login-form-app-section .google {
        background-position: center; } }

@media screen and (min-width: 1355px) and (min-height: 1100px) {
  .homepage-section-wrapper.homeReferredPage .homepage-body.referrar-signup {
    min-height: calc(100vh - 156px); } }

.homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  min-height: 100%;
  width: 100%;
  display: flex;
  transform: none; }

@media only screen and (max-width: 702px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p span {
    display: initial; }
  .login-form-message-bar {
    max-width: 327px; }
  .homepage-text-wrapper p span {
    display: initial; }
  .login-form-app-section {
    display: block; }
    .login-form-app-section p .get-app {
      text-align: center;
      display: block; }
    .login-form-app-section p .app-btn {
      display: block;
      justify-content: center; }
  .homepage-section-wrapper.homeLoginPage .homepage-body, .homepage-section-wrapper.homeReferredPage .homepage-body {
    height: calc(100vh - 33px); }
    .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay, .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay {
      height: 597px; }
      .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper, .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper {
        width: 327px;
        height: 325px; }
        .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-close-btn, .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-close-btn {
          top: 10px;
          right: 10px; }
        .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-form-wrapper.homeLoginPage, .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-form-wrapper.homeLoginPage {
          padding-left: 24px;
          padding-right: 20px;
          padding-top: 24px; }
          .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-form-wrapper.homeLoginPage .login-description-header .login-title, .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-form-wrapper.homeLoginPage .login-description-header .login-title {
            text-align: left;
            font-size: 34px !important; }
          .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-form-wrapper.homeLoginPage .login-description-header .login-message, .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-form-wrapper.homeLoginPage .login-description-header .login-message {
            text-align: left; }
  .homepage-section-wrapper .homepage-body {
    height: auto;
    padding-bottom: 20px; }
  .homepage-section-wrapper .homepage-dark-overlay {
    height: auto;
    position: relative; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
      display: block; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
      display: block;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 31px;
      max-width: 425px;
      width: 100%;
      margin-top: 30px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p {
        font-size: 28px;
        width: 100%; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile {
      display: none; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
      width: max-content;
      margin: 20px auto; } }

@media only screen and (orientation: landscape) and (max-width: 812px) and (max-height: 414px) {
  .homepage-section-wrapper .homepage-body {
    height: auto; }
  .homepage-section-wrapper .homepage-dark-overlay {
    height: auto;
    position: relative; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal {
      margin-top: 40px;
      margin-bottom: 40px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
      top: 13px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
      display: block; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
      display: none; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile {
      display: block;
      width: 700px;
      margin-right: 0px;
      text-align: center;
      margin-bottom: 15px;
      margin-top: 30px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile p {
        width: 100%;
        font-size: 36px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
      width: max-content;
      margin: 0 auto;
      margin-bottom: 47px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .names-container {
        bottom: 0px;
        display: block; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage {
        width: 396px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .halfsize-element:first-child {
          padding-bottom: 10px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .halfsize-element {
          width: 100%; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .fullsize-element {
          padding-bottom: 7px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-header-wrapper {
          padding-bottom: 22px; } }

@media only screen and (max-width: 414px) {
  .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal {
    height: auto; }
    .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .congrats-text {
      font-size: 20px; }
    .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .you-have-been-invited-text {
      max-width: 335px;
      width: 100%;
      margin-bottom: 12px; }
    .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .referred-wrapper .referred-name {
      width: 190px;
      font-size: 20px; }
    .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .webtalk-message, .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .join-webtalk-message {
      max-width: 395px;
      width: calc(100% - 40px); }
    .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .join-webtalk-message {
      margin-top: 22px; }
    .homepage-section-wrapper.homeReferredPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .referred-modal .referred-modal-body .get-started-btn {
      margin-bottom: 35px;
      width: calc(100% - 40px); }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
    right: auto;
    margin-top: 23px;
    position: relative;
    left: 3px;
    margin-bottom: 23px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p {
      margin-bottom: 2px; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
    left: auto; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage {
      width: calc( 100% - 40px);
      margin-bottom: 67px; }
      .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper {
        padding-left: 24px;
        padding-right: 24px; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .names-container {
          display: block; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .names-container .halfsize-element:first-child {
            padding-bottom: 10px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .names-container .halfsize-element {
            width: 100%;
            height: auto; }
        .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .steps .signup-header-wrapper {
          padding-top: 24px;
          padding-bottom: 29px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .steps .signup-header-wrapper .signup-title {
            font-size: 42px;
            position: relative;
            right: 2px; }
          .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper .signup-inputs .steps .signup-header-wrapper .signup-message {
            position: relative;
            top: 3px;
            right: 3px; } }

@media only screen and (max-width: 320px) {
  .homepage-section-wrapper.homeLoginPage .homepage-body {
    height: calc(100vh - 69px); }
    .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay {
      height: calc(100vh - 69px); }
      .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper {
        width: 280px;
        height: 325px; }
        .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay .dark-overlay-contents-wrapper .login-wrapper .login-form-wrapper.homeLoginPage .login-description-header .login-title {
          text-align: left;
          font-size: 30px !important; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper {
    width: 100%; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage {
    width: 280px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .social-media-links .social-media-links-wrapper .facebook-link {
      font-size: 14px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .social-media-links .social-media-links-wrapper .linkedin-link {
      font-size: 14px; }
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper.homePage .signup-content-wrapper {
      padding-left: 15px;
      padding-right: 15px; } }

@media only screen and (orientation: landscape) and (max-width: 568px) and (max-height: 320px) {
  .homepage-section-wrapper.homeLoginPage .homepage-body {
    height: 400px; }
    .homepage-section-wrapper.homeLoginPage .homepage-body .homepage-dark-overlay {
      height: 400px; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.mobile {
    width: 100%; } }

.error-message {
  font-size: 12px;
  color: #f44036;
  font-family: Open Sans, arial;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  margin-top: 4px; }

@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-o-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-moz-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flickerAnimation {
  0% {
    opacity: 1; }
  50% {
    opacity: .5; }
  100% {
    opacity: 1; } }

.animate-flicker {
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite; }

.loading-webtalk-news {
  width: 100%;
  height: 100vh;
  overflow: hidden; }
  .loading-webtalk-news .search-header {
    position: relative;
    height: 55px;
    width: 100%;
    background-color: #2c3237; }
    .loading-webtalk-news .search-header .float-right-wrapper {
      display: flex;
      margin-left: calc((100% - 978px)/2);
      width: auto; }
      .loading-webtalk-news .search-header .float-right-wrapper .search-input-logo-wrapper {
        max-width: calc(100% - 290px);
        width: calc(100% - 290px);
        display: flex;
        float: left;
        margin: 0 10px 0 auto; }
    .loading-webtalk-news .search-header .search-header-logo {
      background-image: url(/assets/onboarding_images/grey-webtalk-logo.svg);
      min-width: 97px;
      height: 19px;
      background-size: contain;
      background-repeat: no-repeat;
      margin-top: 17px;
      margin-right: 20px;
      max-width: 97px; }
    .loading-webtalk-news .search-header .search-bar {
      margin-right: 10px;
      margin-top: 10px;
      background-color: #fff;
      display: inline-block;
      height: 35px;
      border-radius: 100px;
      width: calc(100% - 120px); }
    .loading-webtalk-news .search-header .header-notification-wrapper {
      min-width: 275px;
      display: flex; }
      .loading-webtalk-news .search-header .header-notification-wrapper .messages-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/messages.svg);
        height: 42px;
        width: 40px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        margin: 7px; }
      .loading-webtalk-news .search-header .header-notification-wrapper .requests-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/connections.svg);
        height: 42px;
        width: 40px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        margin: 7px; }
      .loading-webtalk-news .search-header .header-notification-wrapper .notifications-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/notifications.svg);
        height: 42px;
        width: 40px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        margin: 7px; }
      .loading-webtalk-news .search-header .header-notification-wrapper .gifts-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/reward.svg);
        height: 42px;
        width: 40px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        margin: 7px; }
      .loading-webtalk-news .search-header .header-notification-wrapper .ham-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/header/hamburger.svg);
        height: 42px;
        width: 40px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        margin: 7px;
        margin-right: 15px; }
  .loading-webtalk-news .news-body-wrapper {
    display: flex;
    width: max-content;
    margin: 0 auto;
    margin-top: 20px; }
    .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox {
      max-width: 647px;
      width: 100%;
      height: 174px;
      border-radius: 4px;
      border: solid 1px #d8dbe7;
      background-color: #ffffff;
      position: relative; }
      .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-top-wrapper {
        height: 15px;
        padding: 20px; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-top-wrapper .talkbox-left-bar {
          width: 114px;
          height: 15px;
          border-radius: 100px;
          background-color: #eeeff1;
          float: left; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-top-wrapper .talkbox-right-bar {
          width: 114px;
          height: 15px;
          border-radius: 100px;
          background-color: #eeeff1;
          float: right; }
      .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-avatar-wrapper {
        margin-top: 7px;
        display: flex;
        position: relative;
        padding-left: 20px; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-avatar-wrapper .talkbox-avatar {
          width: 51px;
          height: 51px;
          border-radius: 100px;
          background-color: #eeeff1; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-avatar-wrapper .name-bar {
          width: 198px;
          height: 8px;
          border-radius: 100px;
          background-color: #eeeff1;
          position: relative;
          top: 23px;
          left: 11px; }
      .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-bottom-wrapper {
        display: flex;
        position: absolute;
        bottom: 20px;
        left: 20px; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-bottom-wrapper .talkbox-bar {
          width: 131px;
          height: 15px;
          border-radius: 100px;
          background-color: #eeeff1;
          margin-left: 27px; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .talkbox .talkbox-bottom-wrapper .talkbox-bar:first-child {
          margin-left: 0px; }
    .loading-webtalk-news .news-body-wrapper .left-news-colum .filter {
      max-width: 647px;
      width: 100%;
      height: 56px;
      border-radius: 4px;
      border: solid 1px #d8dbe7;
      background-color: #ffffff;
      margin-top: 20px;
      display: flex;
      position: relative; }
      .loading-webtalk-news .news-body-wrapper .left-news-colum .filter .filter-bar {
        width: 198px;
        height: 8.3px;
        border-radius: 100px;
        background-color: #eeeff1;
        margin-left: 20px;
        margin-top: 24px; }
      .loading-webtalk-news .news-body-wrapper .left-news-colum .filter .filter-bar-right-wrapper {
        display: flex;
        position: absolute;
        right: 20px; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .filter .filter-bar-right-wrapper .filter-bar {
          width: 47px;
          margin-left: 13px; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .filter .filter-bar-right-wrapper .filter-bar:first-child {
          width: 47px;
          margin-left: 0px; }
    .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post {
      width: 647px;
      height: 449px;
      border-radius: 4px;
      border: solid 1px #d8dbe7;
      background-color: #ffffff;
      margin-top: 20px; }
      .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .post-avatar-wrapper {
        display: flex;
        margin-top: 20px;
        margin-left: 20px; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .post-avatar-wrapper .avatar {
          width: 51px;
          height: 51px;
          border-radius: 100px;
          background-color: #eeeff1; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .post-avatar-wrapper .name-wrapper {
          margin-left: 11px; }
          .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .post-avatar-wrapper .name-wrapper .name-bar-one {
            width: 285px;
            height: 8px;
            border-radius: 100px;
            background-color: #eeeff1; }
          .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .post-avatar-wrapper .name-wrapper .name-bar-two {
            width: 198px;
            height: 8px;
            border-radius: 100px;
            background-color: #eeeff1;
            margin-top: 14px; }
          .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .post-avatar-wrapper .name-wrapper .name-bar-three {
            width: 75px;
            height: 8px;
            border-radius: 100px;
            background-color: #eeeff1;
            margin-top: 14px; }
      .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .post-content {
        width: 606px;
        height: 300px;
        border-radius: 4px;
        background-color: #eeeff1;
        margin-top: 20px;
        margin-left: 20px; }
      .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .like-post-bar-wrapper {
        display: flex;
        margin-top: 20px;
        margin-left: 20px; }
        .loading-webtalk-news .news-body-wrapper .left-news-colum .news-post .like-post-bar-wrapper .like-post-bar {
          width: 114px;
          height: 15px;
          border-radius: 100px;
          background-color: #eeeff1;
          margin-right: 32px; }
    .loading-webtalk-news .news-body-wrapper .right-news-colum {
      margin-left: 22px; }
      .loading-webtalk-news .news-body-wrapper .right-news-colum .right-top-bar {
        width: 101px;
        height: 8px;
        border-radius: 100px;
        background-color: #dbdde1;
        margin-top: 10px; }
      .loading-webtalk-news .news-body-wrapper .right-news-colum .news-ads {
        width: 300px;
        height: 278px;
        border-radius: 4px;
        border: solid 1px #d8dbe7;
        background-color: #ffffff;
        margin-top: 20px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .news-ads .ads-top-screen {
          width: 100%;
          height: 120px;
          background-color: #dbdde1; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .news-ads .ads-text-wrapper .bar-one {
          width: 161px;
          height: 8px;
          border-radius: 100px;
          background-color: #eeeff1;
          margin-top: 25px;
          margin-left: 21px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .news-ads .ads-text-wrapper .bar-two {
          width: 258px;
          height: 8px;
          border-radius: 100px;
          background-color: #eeeff1;
          margin-top: 14px;
          margin-left: 21px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .news-ads .ads-bottom-btn {
          width: 258px;
          height: 39px;
          border-radius: 4px;
          border: solid 2px #dbdde1;
          background-color: #ffffff;
          margin: 0 auto;
          margin-top: 20px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .news-ads .ads-bottom-btn .bar {
            width: 153px;
            height: 8px;
            border-radius: 100px;
            background-color: #eeeff1;
            margin: 0 auto;
            margin-top: 16px; }
      .loading-webtalk-news .news-body-wrapper .right-news-colum .dots-wrapper {
        width: max-content;
        margin: 0 auto;
        display: flex;
        margin-top: 27px;
        margin-bottom: 27px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .dots-wrapper .dots {
          width: 10px;
          height: 10px;
          background-color: #dbdde1;
          margin-left: 8px;
          border-radius: 100px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .dots-wrapper .dot:first-child {
          margin-left: 0px; }
      .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards {
        width: 300px;
        height: 392px;
        border-radius: 4px;
        border: solid 1px #d8dbe7;
        background-color: #ffffff; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-header-wrapper {
          width: 300px;
          height: 71px;
          background-color: #f5f6f7;
          border-bottom: solid 1px #d8dbe7;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-header-wrapper .rewards-avatar-wrapper {
            display: flex;
            position: relative;
            top: 13px;
            margin-left: 14px; }
            .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-header-wrapper .rewards-avatar-wrapper .avatar {
              width: 45px;
              height: 45px;
              border-radius: 100px;
              background-color: #dbdde1; }
            .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-header-wrapper .rewards-avatar-wrapper .avatar-text-wrapper {
              margin-left: 11px;
              margin-top: 5px; }
              .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-header-wrapper .rewards-avatar-wrapper .avatar-text-wrapper .bar-one {
                width: 161px;
                height: 8px;
                border-radius: 100px;
                background-color: #dbdde1; }
              .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-header-wrapper .rewards-avatar-wrapper .avatar-text-wrapper .bar-two {
                width: 112px;
                height: 8px;
                border-radius: 100px;
                background-color: #dbdde1;
                margin-top: 14px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-data-divider {
          height: 1px;
          width: 100%;
          background-color: #d8dbe7;
          margin-top: 14px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-data {
          display: flex;
          margin-top: 14px;
          margin-left: 14px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-data .rewards-data-avatar {
            width: 45px;
            height: 45px;
            border-radius: 100px;
            background-color: #eeeff1; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-data .rewards-bar-wrapper {
            margin-left: 11px;
            margin-top: 7px; }
            .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-data .rewards-bar-wrapper .rewards-bar-one {
              width: 161px;
              height: 8px;
              border-radius: 100px;
              background-color: #eeeff1; }
            .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-data .rewards-bar-wrapper .rewards-bar-two {
              width: 112px;
              height: 8px;
              border-radius: 100px;
              background-color: #eeeff1;
              margin-top: 14px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-bottom-nav {
          width: 100%;
          height: 47px;
          border-top: solid 1px #d8dbe7;
          background-color: #f5f6f7;
          margin-top: 21px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-bottom-nav .nav-bar-left {
            width: 62px;
            height: 8px;
            border-radius: 100px;
            background-color: #dbdde1;
            float: left;
            margin-top: 20px;
            margin-left: 14px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .rewards .rewards-bottom-nav .nav-bar-right {
            width: 62px;
            height: 8px;
            border-radius: 100px;
            background-color: #dbdde1;
            float: right;
            margin-top: 20px;
            margin-right: 14px; }
      .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card {
        width: 300px;
        height: 403px;
        border-radius: 4px;
        border: solid 1px #d8dbe7;
        background-color: #ffffff;
        margin-top: 20px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .top-bar {
          width: 112px;
          height: 8px;
          border-radius: 100px;
          background-color: #eeeff1;
          margin-top: 23px;
          margin-left: 20px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card-wrapper {
          display: flex; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card {
          width: 208px;
          height: 308px;
          border-radius: 4px;
          border: solid 2px #dbdde1;
          background-color: #ffffff;
          margin-top: 20px;
          margin-left: 20px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card .avatar {
            width: 97px;
            height: 97px;
            background-color: #eeeff1;
            border-radius: 100%;
            margin: 0 auto;
            margin-top: 24px;
            margin-bottom: 24px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card .card-name-bar {
            width: 156px;
            height: 15px;
            border-radius: 100px;
            background-color: #eeeff1;
            margin: 0 auto; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card .card-location-bar {
            width: 80px;
            height: 7px;
            border-radius: 100px;
            background-color: #eeeff1;
            margin: 0 auto;
            margin-top: 17px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card .card-connect-btn {
            width: 156px;
            height: 40px;
            border-radius: 4px;
            border: solid 2px #dbdde1;
            background-color: #ffffff;
            margin: 0 auto;
            margin-top: 55px; }
            .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card .card-connect-btn .card-connect-btn-name {
              width: 80px;
              height: 7px;
              border-radius: 100px;
              background-color: #eeeff1;
              margin: 0 auto;
              margin-top: 16px; }
        .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card-two {
          width: 51px;
          height: 308px;
          border-top-left-radius: 4px;
          border-top-right-radius: 4px;
          border-left: solid 2px #dbdde1;
          border-top: solid 2px #dbdde1;
          border-bottom: solid 2px #dbdde1;
          background-color: #ffffff;
          margin-top: 20px;
          margin-left: 20px;
          position: relative; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card-two .card-name-bar {
            width: 25px;
            height: 15px;
            border-top-left-radius: 100px;
            border-bottom-left-radius: 100px;
            background-color: #eeeff1;
            position: absolute;
            top: 145px;
            right: 0px; }
          .loading-webtalk-news .news-body-wrapper .right-news-colum .contact-card .card-two .card-connect-btn {
            width: 25px;
            height: 40px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-left: solid 2px #dbdde1;
            border-top: solid 2px #dbdde1;
            border-bottom: solid 2px #dbdde1;
            background-color: #ffffff;
            position: absolute;
            bottom: 25px;
            right: 0px; }

@media only screen and (max-width: 1000px) {
  .loading-webtalk-news .search-header .float-right-wrapper {
    float: right;
    max-width: 1220px;
    width: 100%;
    display: flex; }
    .loading-webtalk-news .search-header .float-right-wrapper .search-header-logo {
      margin-left: 20px; }
    .loading-webtalk-news .search-header .float-right-wrapper .search-bar {
      max-width: 797px;
      width: 100%;
      height: 35px;
      border-radius: 100px;
      background-color: #ffffff; }
  .loading-webtalk-news .news-body-wrapper .right-news-colum {
    display: none; } }

.steps-dark-overlay {
  background-color: #1d2026;
  width: 100%;
  height: 100vh;
  position: fixed;
  opacity: .8;
  z-index: 100; }

.steps-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200; }

.verify-account-wrapper {
  width: 500px;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  margin: 0 auto; }
  .verify-account-wrapper h1, .verify-account-wrapper h2, .verify-account-wrapper h3, .verify-account-wrapper h4, .verify-account-wrapper h5 {
    margin-block-start: 0;
    margin-block-end: 0; }
  .verify-account-wrapper .webtalk-logo-wrapper {
    width: 100%;
    height: 57px;
    background-color: #f4f5f6;
    border-bottom: 1px solid #dcdfe5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .verify-account-wrapper .webtalk-logo-wrapper .webtalk-logo {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/webtalk-skyblue-logo.svg);
      width: 117px;
      height: 22.9px;
      background-size: auto;
      background-repeat: no-repeat;
      position: relative;
      top: 17px;
      left: 20px;
      margin: 0 auto; }
  .verify-account-wrapper .verify-account-header {
    margin-bottom: 25px; }
    .verify-account-wrapper .verify-account-header .welcome-text {
      font-family: Montserrat, arial;
      font-size: 24px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      text-align: center;
      margin-top: 22px; }
    .verify-account-wrapper .verify-account-header .verify-email-text {
      font-family: Montserrat, arial;
      font-size: 16px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #647287;
      text-align: center;
      margin: 0 auto;
      margin-top: 10px;
      width: 343px; }
  .verify-account-wrapper .six-digit-form-wrapper {
    padding-left: 92px;
    padding-right: 92px;
    padding-bottom: 40px; }
    .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper {
      display: grid; }
      .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-header {
        font-family: Montserrat, arial;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026; }
      .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper {
        margin-top: 15px;
        display: grid; }
        .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-header {
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #647287; }
          .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-header span {
            font-family: Open Sans, arial;
            font-size: 13px; }
        .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-border.blur {
          background-color: #fafafc; }
          .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-border.blur .phone-number-input {
            background-color: #fafafc; }
        .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-border.error {
          border: solid 1px #f44036; }
        .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-border {
          width: 100%;
          height: 42px;
          border-radius: 4px;
          border: solid 1px #d8dbe7;
          background-color: #fff;
          display: flex; }
          .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-border .phone-country-code {
            height: 42px;
            border-right: solid 1px #d8dbe7;
            display: flex;
            padding-left: 12px;
            padding-right: 12px;
            cursor: pointer; }
            .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-border .phone-country-code .us-flag {
              background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/us-flag.png);
              width: 18px;
              height: 18px;
              object-fit: contain;
              background-size: contain;
              background-repeat: no-repeat;
              margin-top: 12px;
              margin-right: 8px; }
            .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-border .phone-country-code span {
              font-family: OpenSans;
              font-size: 16px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: normal;
              letter-spacing: normal;
              color: #1d2026;
              margin-top: 12px; }
          .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper .phone-input-border .phone-number-input {
            height: 41px;
            width: 100%;
            background-color: #ffffff;
            border: none;
            padding-left: 15px;
            outline: none;
            font-family: Open Sans, arial;
            font-size: 16px; }
      .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .confirm-phone-btn {
        width: 100%;
        line-height: 42px;
        border-radius: 100px;
        background-color: #0aa1d8;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #ffffff;
        display: block;
        text-align: center;
        margin-top: 10px;
        cursor: pointer; }
        .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .confirm-phone-btn:hover {
          background-color: #2abef4; }
        .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .confirm-phone-btn:active {
          background-color: #0883af; }
        .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .confirm-phone-btn:focus {
          box-shadow: 0 0 17px 0 rgba(10, 161, 216, 0.8);
          background-color: #0aa1d8; }
      .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .code-info {
        font-family: Montserrat, arial;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #647287;
        max-width: 316px;
        width: 100%;
        text-align: center;
        margin-top: 8px;
        margin: 0 auto;
        margin-top: 10px; }
      .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .dont-change-phone-number {
        font-family: Open Sans, arial;
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #909bad;
        text-align: center;
        cursor: pointer;
        display: block;
        display: flex;
        margin: 0 auto;
        margin-top: 26px;
        width: 153px; }
        .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .dont-change-phone-number::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/verify-account-back-icon.svg);
          content: "";
          display: block;
          width: 8px;
          height: 13px;
          object-fit: contain;
          position: relative;
          top: 3px;
          margin-right: 8px; }
    .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper.no-bottom {
      margin-bottom: 0px; }
    .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper {
      display: flex;
      width: 100%;
      margin-bottom: 24px; }
      .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .email-option-wrapper {
        width: 50%;
        border-bottom: 3px solid #d8dbe7;
        margin-right: 11px;
        cursor: pointer; }
        .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .email-option-wrapper .email-option {
          display: flex;
          margin: 0 auto;
          width: max-content;
          text-align: center;
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #d8dbe7;
          padding-bottom: 11px;
          cursor: pointer; }
          .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .email-option-wrapper .email-option::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-icon.svg);
            content: "";
            width: 18px;
            height: 14.4px;
            background-size: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 2px;
            margin-right: 7px; }
      .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .phone-option-wrapper.active {
        border-bottom: 3px solid #0aa1d8; }
        .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .phone-option-wrapper.active .phone-option {
          color: #0aa1d8; }
          .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .phone-option-wrapper.active .phone-option::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/phone-icon-blue.svg); }
      .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .email-option-wrapper.active {
        border-bottom: 3px solid #0aa1d8; }
        .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .email-option-wrapper.active .email-option {
          color: #0aa1d8; }
          .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .email-option-wrapper.active .email-option::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-icon-blue.svg); }
      .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .phone-option-wrapper {
        width: 50%;
        border-bottom: 3px solid #d8dbe7;
        margin-left: 11px;
        cursor: pointer; }
        .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .phone-option-wrapper .phone-option {
          text-align: center;
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #d8dbe7;
          padding-bottom: 11px;
          display: flex;
          margin: 0 auto;
          width: max-content;
          cursor: pointer; }
          .verify-account-wrapper .six-digit-form-wrapper .email-phone-option-wrapper .phone-option-wrapper .phone-option::before {
            background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/phone-icon.svg);
            content: "";
            width: 18.4px;
            height: 18.4px;
            background-size: contain;
            background-repeat: no-repeat;
            position: relative;
            top: 2px;
            margin-right: 2px; }
    .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper {
      display: grid; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .error {
        border: 1px solid #f44036; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .alert-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/alert-icon.svg);
        width: 16px;
        height: 13px;
        object-fit: contain;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 40px;
        right: 10px; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .email-valid-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/email-valid-icon.svg);
        width: 18px;
        height: 18px;
        object-fit: contain;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 37px;
        right: 10px; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .change-email-header {
        font-family: Montserrat, arial;
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        text-align: left; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper {
        margin-top: 15px;
        display: grid; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .email-confirmation-wrapper {
          position: relative; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .confirm-new-email-wrapper {
          margin-top: 16px; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .new-email-wrapper .new-email-label {
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .new-email-wrapper .new-email-input.blur {
          background-color: #fafafc; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .new-email-wrapper .new-email-input {
          padding: 20px 20px 20px 15px;
          outline: none;
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026;
          background-color: #fff; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .confirm-new-email-wrapper .confirm-email-label {
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .confirm-new-email-wrapper .confirmation-input.blur {
          background-color: #fafafc; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .confirm-new-email-wrapper .confirmation-input {
          padding: 20px 20px 20px 15px;
          outline: none;
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026;
          background-color: #ffffff; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirm-new-email-btn {
        width: 316px;
        line-height: 42px;
        border-radius: 100px;
        background-color: #0aa1d8;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #ffffff;
        text-align: center;
        margin-top: 10px;
        cursor: pointer; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirm-new-email-btn:hover {
          background-color: #2abef4; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirm-new-email-btn:active {
          background-color: #0883af; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirm-new-email-btn:focus {
          box-shadow: 0 0 17px 0 rgba(10, 161, 216, 0.8);
          background-color: #0aa1d8; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .cancel-new-email-btn {
        font-family: Open Sans, arial;
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer;
        text-align: center;
        display: flex;
        width: max-content;
        margin: 0 auto;
        margin-top: 26px; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .cancel-new-email-btn::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/verify-account-back-icon.svg);
          content: "";
          display: block;
          width: 8px;
          height: 13px;
          object-fit: contain;
          position: relative;
          top: 3px;
          margin-right: 8px; }
    .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper {
      margin-top: 24px; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper label {
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        margin-bottom: 4px; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper .six-digit-input.blur {
        background-color: #fafafc; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper .six-digit-input.error {
        border: 1px solid #f44036; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper .six-digit-input {
        width: 100%;
        height: 42px;
        border-radius: 4px;
        border: solid 1px #d8dbe7;
        background-color: #ffffff;
        text-align: center;
        outline: none;
        color: #1D2026; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper .submit-btn {
        width: 100%;
        height: 42px;
        line-height: 42px;
        border-radius: 100px;
        background-color: #0aa1d8;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin-bottom: 8px;
        display: block;
        cursor: pointer;
        text-align: center;
        margin-top: 10px; }
        .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper .submit-btn:hover {
          background-color: #2abef4; }
        .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper .submit-btn:active {
          background-color: #0883af; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper .six-digit-info {
        max-width: 316px;
        width: 100%;
        font-family: Montserrat, arial;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #647287;
        text-align: center; }
    .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .change-resed-wrapper {
      width: max-content;
      margin: 0 auto;
      font-family: Open Sans, arial;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #0aa1d8;
      margin-top: 25px; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .change-resed-wrapper .resend-code-btn {
        cursor: pointer; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .change-resed-wrapper .change-email-btn {
        cursor: pointer; }

.fade-in {
  animation: fadeIn ease .5s;
  -webkit-animation: fadeIn ease .5s;
  -moz-animation: fadeIn ease .5s;
  -o-animation: fadeIn ease .5s;
  -ms-animation: fadeIn ease .5s;
  animation-fill-mode: forwards;
  z-index: 1000; }

.fade-out {
  animation: fadeOut ease .5s;
  -webkit-animation: fadeOut ease .5s;
  -moz-animation: fadeOut ease .5s;
  -o-animation: fadeOut ease .5s;
  -ms-animation: fadeOut ease .5s;
  animation-fill-mode: forwards; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    z-index: -1; }
  100% {
    opacity: 1;
    z-index: 1000; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
    z-index: -1; }
  100% {
    opacity: 1;
    z-index: 1000; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    z-index: -1; }
  100% {
    opacity: 1;
    z-index: 1000; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
    z-index: -1; }
  100% {
    opacity: 1;
    z-index: 1000; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
    z-index: -1; }
  100% {
    opacity: 1;
    z-index: 1000; } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    z-index: 1000; }
  100% {
    opacity: 0;
    z-index: -1; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
    z-index: 1000; }
  100% {
    opacity: 0;
    z-index: -1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    z-index: 1000; }
  100% {
    opacity: 0;
    z-index: -1; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
    z-index: 1000; }
  100% {
    opacity: 0;
    z-index: -1; } }

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
    z-index: 1000; }
  100% {
    opacity: 0;
    z-index: -1; } }

.registration-step-wrapper {
  width: 500px;
  height: 267px;
  border-radius: 4px;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  outline: none; }
  .registration-step-wrapper h1, .registration-step-wrapper h2, .registration-step-wrapper h3, .registration-step-wrapper h4, .registration-step-wrapper h5 {
    margin-block-start: 0;
    margin-block-end: 0; }
  .registration-step-wrapper .tooltip {
    width: 262px;
    height: 50px;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35);
    background-color: #1d2026;
    border-radius: 4px;
    position: relative;
    bottom: 1px;
    right: 2px;
    opacity: 0;
    cursor: default; }
    .registration-step-wrapper .tooltip::before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid black;
      left: 12px;
      top: -6px; }
    .registration-step-wrapper .tooltip .tooltip-message {
      font-family: Open Sans, arial;
      font-size: 12px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: -0.24px;
      color: #ffffff;
      position: relative;
      top: 9px;
      left: 8px;
      width: 248px; }
  .registration-step-wrapper .webtalk-logo-wrapper {
    width: 100%;
    height: 57px;
    background-color: #f4f5f6;
    border-bottom: 1px solid #dcdfe5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .registration-step-wrapper .webtalk-logo-wrapper .webtalk-logo {
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/webtalk-skyblue-logo.svg);
      width: 117px;
      height: 22.9px;
      background-size: auto;
      background-repeat: no-repeat;
      position: relative;
      top: 17px;
      left: 20px;
      margin: 0 auto; }
  .registration-step-wrapper .registration-body {
    padding: 23px 32px 0px 32px; }
    .registration-step-wrapper .registration-body .registration-content .welcome-name {
      font-family: Montserrat, arial;
      font-size: 24px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1d2026;
      text-align: center; }
    .registration-step-wrapper .registration-body .registration-content .welcome-instruction {
      font-family: Montserrat, arial;
      font-size: 16px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #647287;
      margin-top: 10px;
      text-align: center; }
    .registration-step-wrapper .registration-body .registration-content .g-recaptcha {
      margin: 0 auto;
      width: max-content;
      margin-top: 24px; }
    .registration-step-wrapper .registration-body .registration-content .step-content-wrapper {
      width: 100%;
      position: relative;
      margin-bottom: 17px; }
      .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-label {
        font-family: Montserrat, arial;
        font-size: 20px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        position: relative;
        top: 10px; }
        .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-label span {
          color: #f44336; }
      .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-indicator-wrapper {
        position: absolute;
        right: 0px;
        top: 0px; }
        .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-indicator-wrapper .step-indicator {
          font-family: Open Sans, arial;
          font-size: 12px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #1d2026; }
        .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-indicator-wrapper .step-complition-bar {
          width: 99px;
          height: 9px;
          border-radius: 50px;
          background-color: #e2e6e9;
          position: relative;
          top: 2px; }
          .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-indicator-wrapper .step-complition-bar .step-complication-bar-filler {
            height: 9px;
            border-radius: 50px;
            background-color: #0aa1d8; }
          .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-indicator-wrapper .step-complition-bar .step-complication-bar-filler.one {
            width: 33px; }
          .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-indicator-wrapper .step-complition-bar .step-complication-bar-filler.two {
            width: 66px; }
          .registration-step-wrapper .registration-body .registration-content .step-content-wrapper .step-indicator-wrapper .step-complition-bar .step-complication-bar-filler.three {
            width: 99px; }
    .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper {
      display: flex; }
      .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper .registration-dropdown.dropdown-error {
        border: solid 1px #f44036; }
      .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper .registration-dropdown {
        width: 137px;
        height: 42px;
        border-radius: 4px;
        border: solid 1px #d8dbe7;
        background-color: #ffffff;
        margin-right: 10px;
        cursor: pointer;
        display: inline-flex; }
        .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper .registration-dropdown .signup-steps {
          width: 100%; }
      .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper .registration-dropdown:last-child {
        margin-right: 0px; }
    .registration-step-wrapper .registration-body .registration-content .location-wrapper {
      position: relative; }
      .registration-step-wrapper .registration-body .registration-content .location-wrapper .birthday ::placeholder {
        color: #647287; }
      .registration-step-wrapper .registration-body .registration-content .location-wrapper input[type="location"].location-input::-webkit-input-placeholder {
        color: #647287; }
      .registration-step-wrapper .registration-body .registration-content .location-wrapper input[type="location"].location-input::-moz-placeholder {
        color: #647287; }
      .registration-step-wrapper .registration-body .registration-content .location-wrapper input[type="location"].location-input:-ms-input-placeholder {
        color: #647287; }
      .registration-step-wrapper .registration-body .registration-content .location-wrapper input[type="location"].location-input:-moz-placeholder {
        color: #647287; }
      .registration-step-wrapper .registration-body .registration-content .location-wrapper .location-input-icon {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/current-location-icon.svg);
        background-size: contain;
        width: 24px;
        height: 24px;
        object-fit: contain;
        position: absolute;
        top: 10px;
        left: 10px; }
      .registration-step-wrapper .registration-body .registration-content .location-wrapper .location-input.blur {
        background-color: #fafafc; }
      .registration-step-wrapper .registration-body .registration-content .location-wrapper .location-input {
        padding-left: 43px;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        background-color: #fff; }
    .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper {
      width: 100%;
      display: flex; }
      .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option {
        width: 213px;
        height: 42px;
        border-radius: 100px;
        background-color: #ffffff;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 42px;
        letter-spacing: normal;
        text-align: center;
        cursor: pointer; }
      .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.female {
        border: solid 2px #f2c2fa;
        color: #b74ec7;
        margin-right: 5px; }
        .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.female:hover {
          background-color: #f7c7ff; }
        .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.female:active {
          background-color: #f3a9ff; }
        .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.female:focus {
          box-shadow: 0 0 17px 0 rgba(184, 78, 199, 0.3);
          background-color: #ffffff; }
      .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.female.active {
        background-color: #b74ec7;
        border: solid 2px #b74ec7;
        color: #ffffff; }
      .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.male {
        border: solid 2px #b6d4ff;
        color: #006bff;
        margin-left: 5px; }
        .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.male:hover {
          background-color: #b8d9ff; }
        .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.male:active {
          background-color: #8cc2ff; }
        .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.male:focus {
          box-shadow: 0 0 17px 0 rgba(0, 68, 147, 0.3);
          background-color: #ffffff; }
      .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option.male.active {
        border: solid 2px #006bff;
        background-color: #006bff;
        color: #ffffff; }
    .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper {
      position: relative;
      margin-top: 12px; }
      .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .why-link {
        font-family: Open Sans, arial;
        font-size: 11px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #0aa1d8;
        text-decoration: none;
        cursor: pointer; }
      .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper {
        position: absolute;
        right: 0px;
        top: 0px;
        width: auto;
        display: grid; }
        .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper .next-btn {
          width: 145px;
          height: 41.5px;
          border-radius: 100px;
          background-color: #0aa1d8;
          line-height: 41.5px;
          text-align: center;
          font-family: Open Sans, arial;
          font-size: 16px;
          font-weight: bold;
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
          color: #ffffff;
          cursor: pointer; }
          .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper .next-btn:hover {
            background-color: #2abef4; }
          .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper .next-btn:active {
            background-color: #0883af; }
          .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper .next-btn:focus {
            box-shadow: 0 0 17px 0 rgba(10, 161, 216, 0.8);
            background-color: #0aa1d8; }
        .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper h5 {
          font-family: Open Sans, arial;
          font-size: 11px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          color: #909bad;
          margin-top: 3.5px;
          text-align: center; }

@media only screen and (max-width: 600px) {
  .undo-tooltip.email {
    top: 10px; }
  .steps-dark-overlay {
    display: none; }
  .loading-webtalk-news {
    display: none; }
  .steps-wrapper {
    position: absolute;
    top: auto;
    left: auto;
    transform: inherit;
    z-index: 200;
    width: 100%;
    height: 100vh; }
  .registration-step-wrapper {
    width: 100%;
    height: 100vh; }
    .registration-step-wrapper .registration-body {
      padding: 24px 24px 0px 24px; }
      .registration-step-wrapper .registration-body .registration-content .welcome-instruction {
        width: 293px;
        margin: 0 auto;
        margin-top: 10px; }
      .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option {
        height: 39px; }
      .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper {
        width: 100%; }
        .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper .registration-dropdown {
          width: 99%;
          height: 42px;
          margin-bottom: 9px; }
      .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper {
        margin-top: 10px; }
        .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper {
          left: 0;
          top: 34px;
          right: auto;
          width: 100%; }
          .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper .next-btn {
            width: 100%; }
          .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper h5 {
            display: none; }
  .verify-account-wrapper {
    width: 100%;
    height: 100vh; }
    .verify-account-wrapper .verify-account-header .verify-email-text {
      margin: 0 auto;
      margin-top: 10px;
      width: calc(100% - 36px); }
    .verify-account-wrapper .six-digit-form-wrapper {
      padding-left: 24px;
      padding-right: 24px; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper {
        margin-top: 12px; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .confirm-new-email-wrapper {
          margin-top: 13px; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirm-new-email-btn {
        width: 100%; }
      .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper {
        margin-top: 21px; } }

@media screen and (orientation: landscape) and (min-device-width: 568px) and (max-device-width: 812px) {
  .undo-tooltip.email {
    top: 10px; }
  .steps-dark-overlay {
    display: none; }
  .loading-webtalk-news {
    display: none; }
  .steps-wrapper {
    position: absolute;
    top: auto;
    left: auto;
    transform: inherit;
    z-index: 200;
    width: 100%;
    height: 100vh; }
  .registration-step-wrapper {
    width: 100%;
    height: 100vh; }
    .registration-step-wrapper .registration-body {
      padding: 24px 24px 0px 24px; }
      .registration-step-wrapper .registration-body .registration-content .welcome-instruction {
        width: 293px;
        margin: 0 auto;
        margin-top: 10px; }
      .registration-step-wrapper .registration-body .registration-content .gender-option-wrapper .gender-option {
        height: 39px;
        width: 50%; }
      .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper {
        width: 100%; }
        .registration-step-wrapper .registration-body .registration-content .dropdown-wrapper .registration-dropdown {
          width: 99%;
          height: 42px;
          margin-bottom: 9px; }
      .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper {
        margin-top: 10px; }
        .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper {
          left: 0;
          top: 34px;
          right: auto;
          width: 100%; }
          .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper .next-btn {
            width: 100%; }
          .registration-step-wrapper .registration-body .registration-content .next-btn-wrapper .continue-btn-wrapper h5 {
            display: none; }
  .verify-account-wrapper {
    width: 100%;
    height: auto; }
    .verify-account-wrapper .verify-account-header .verify-email-text {
      margin: 0 auto;
      margin-top: 10px;
      width: calc(100% - 36px); }
    .verify-account-wrapper .six-digit-form-wrapper {
      padding-left: 24px;
      padding-right: 24px; }
      .verify-account-wrapper .six-digit-form-wrapper .email-six-digit-input-wrapper .six-digit-input-wrapper .six-digit-info {
        margin: 0 auto; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper {
        margin-top: 12px; }
        .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirmation-wrapper .confirm-new-email-wrapper {
          margin-top: 13px; }
      .verify-account-wrapper .six-digit-form-wrapper .change-email-wrapper .confirm-new-email-btn {
        width: 100%; }
      .verify-account-wrapper .six-digit-form-wrapper .phone-six-digit-input-wrapper .phone-input-wrapper {
        margin-top: 21px; } }

.onboarding-header-wrapper .onboarding-webtalk-logo {
  width: 157px;
  height: 25px;
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 45px;
  cursor: pointer; }

.footer-links a:hover {
  text-decoration: underline;
  color: #0161d1; }

.onboarding-footer .onboarding-footer-links-wrapper .footer-link, .onboarding-footer .webtalk-2020 {
  font-family: Open Sans, arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  line-height: 1.91;
  color: #909bad; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link .bold, .onboarding-footer .webtalk-2020 .bold {
    color: #647287;
    font-weight: bold;
    padding-left: 10px; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link .colored, .onboarding-footer .webtalk-2020 .colored, .onboarding-footer .onboarding-footer-links-wrapper .footer-link a.colored, .onboarding-footer .webtalk-2020 a.colored {
    color: #004493;
    font-weight: bold;
    text-decoration: none; }
    .onboarding-footer .onboarding-footer-links-wrapper .footer-link .colored:hover, .onboarding-footer .webtalk-2020 .colored:hover, .onboarding-footer .onboarding-footer-links-wrapper .footer-link a.colored:hover, .onboarding-footer .webtalk-2020 a.colored:hover {
      text-decoration: underline;
      color: #0161d1; }

.signup-forms {
  overflow-y: hidden; }

.mobile-dot-page-indicator.earn {
  margin-top: 17px; }

.mobile-dot-page-indicator {
  display: flex;
  width: max-content;
  margin: 0 auto;
  margin-top: 24px;
  display: none; }
  .mobile-dot-page-indicator .dot {
    width: 8px;
    height: 8px;
    background-color: #d8dbe7;
    border-radius: 100px;
    margin-left: 16px; }
  .mobile-dot-page-indicator .dot:first-child {
    margin-left: 0px; }
  .mobile-dot-page-indicator .dot.consolidate {
    background-color: #004493; }
  .mobile-dot-page-indicator .dot.discover {
    background-color: #b84ec7; }
  .mobile-dot-page-indicator .dot.syndicate {
    background-color: #ec804a; }
  .mobile-dot-page-indicator .dot.manage {
    background-color: #0a8679; }
  .mobile-dot-page-indicator .dot.organize {
    background-color: #5344f1; }
  .mobile-dot-page-indicator .dot.earn {
    background-color: #006aff; }
  .mobile-dot-page-indicator .dot.give {
    background-color: #d0222c; }
  .mobile-dot-page-indicator .dot.success {
    background-color: #0aa1d8; }

.signup-form-wrapper.consolidate .signup-header-wrapper .signup-title {
  color: #004493; }

.signup-form-wrapper.consolidate .social-media-links .social-media-links-wrapper .facebook-link {
  border: solid 2px #004493;
  color: #004493; }

.signup-form-wrapper.consolidate .social-media-links .social-media-links-wrapper .linkedin-link {
  border: solid 2px #004493;
  color: #004493; }

.signup-form-wrapper.consolidate .aler-message .terms-links {
  color: #004493; }

.signup-form-wrapper.consolidate .submit-button {
  background-color: #004493; }
  .signup-form-wrapper.consolidate .submit-button:hover {
    background-color: #0161D1;
    opacity: 1; }
  .signup-form-wrapper.consolidate .submit-button:active {
    background-color: #002c60; }
  .signup-form-wrapper.consolidate .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.signup-form-wrapper.consolidate .login-label .link {
  color: #004493; }

.signup-form-wrapper.homePage .signup-header-wrapper .signup-title {
  color: #004493; }

.signup-form-wrapper.homePage .aler-message .terms-links {
  color: #004493; }

.signup-form-wrapper.homePage .submit-button {
  background-color: #004493; }
  .signup-form-wrapper.homePage .submit-button:hover {
    background-color: #0161D1;
    opacity: 1; }
  .signup-form-wrapper.homePage .submit-button:active {
    background-color: #002c60; }
  .signup-form-wrapper.homePage .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.signup-form-wrapper.homePage .login-label .link {
  color: #004493; }

.signup-form-wrapper.discoverPage .signup-header-wrapper .signup-title {
  color: #b84ec7; }

.signup-form-wrapper.discoverPage .social-media-links .social-media-links-wrapper .facebook-link {
  border: solid 2px #b84ec7;
  color: #b84ec7; }
  .signup-form-wrapper.discoverPage .social-media-links .social-media-links-wrapper .facebook-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/facebook-brands-discover.svg); }

.signup-form-wrapper.discoverPage .social-media-links .social-media-links-wrapper .linkedin-link {
  border: solid 2px #b84ec7;
  color: #b84ec7; }
  .signup-form-wrapper.discoverPage .social-media-links .social-media-links-wrapper .linkedin-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/linkedin-brands-discover.svg); }

.signup-form-wrapper.discoverPage .aler-message .terms-links {
  color: #b84ec7; }

.signup-form-wrapper.discoverPage .submit-button {
  background-color: #b84ec7; }
  .signup-form-wrapper.discoverPage .submit-button:hover {
    background-color: #e058f3;
    opacity: 1; }
  .signup-form-wrapper.discoverPage .submit-button:active {
    background-color: #8b2d98; }

.signup-form-wrapper.discoverPage .login-label .link {
  color: #b84ec7; }

.signup-form-wrapper.syndicatePage .signup-header-wrapper .signup-title {
  color: #ec804a; }

.signup-form-wrapper.syndicatePage .social-media-links .social-media-links-wrapper .facebook-link {
  border: solid 2px #ec804a;
  color: #ec804a; }
  .signup-form-wrapper.syndicatePage .social-media-links .social-media-links-wrapper .facebook-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/facebook-brands-syndicate.svg); }

.signup-form-wrapper.syndicatePage .social-media-links .social-media-links-wrapper .linkedin-link {
  border: solid 2px #ec804a;
  color: #ec804a; }
  .signup-form-wrapper.syndicatePage .social-media-links .social-media-links-wrapper .linkedin-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/linkedin-brands-syndicate.svg); }

.signup-form-wrapper.syndicatePage .aler-message .terms-links {
  color: #ec804a; }

.signup-form-wrapper.syndicatePage .submit-button {
  background-color: #ec804a; }
  .signup-form-wrapper.syndicatePage .submit-button:hover {
    background-color: #f4f5f6;
    opacity: 1; }
  .signup-form-wrapper.syndicatePage .submit-button:active {
    background-color: #b95827; }

.signup-form-wrapper.syndicatePage .login-label .link {
  color: #ec804a; }

.signup-form-wrapper.managePage .signup-header-wrapper .signup-title {
  color: #0a8679; }

.signup-form-wrapper.managePage .social-media-links .social-media-links-wrapper .facebook-link {
  border: solid 2px #0a8679;
  color: #0a8679; }
  .signup-form-wrapper.managePage .social-media-links .social-media-links-wrapper .facebook-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/facebook-brands-syndicate.svg); }

.signup-form-wrapper.managePage .social-media-links .social-media-links-wrapper .linkedin-link {
  border: solid 2px #0a8679;
  color: #0a8679; }
  .signup-form-wrapper.managePage .social-media-links .social-media-links-wrapper .linkedin-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/linkedin-brands-syndicate.svg); }

.signup-form-wrapper.managePage .aler-message .terms-links {
  color: #0a8679; }

.signup-form-wrapper.managePage .submit-button {
  background-color: #0a8679; }
  .signup-form-wrapper.managePage .submit-button:hover {
    background-color: #f4f5f6;
    opacity: 1; }
  .signup-form-wrapper.managePage .submit-button:active {
    background-color: #0a8679; }

.signup-form-wrapper.managePage .login-label .link {
  color: #0a8679; }

.signup-form-wrapper.organizePage .signup-header-wrapper .signup-title {
  color: #5344f1; }

.signup-form-wrapper.organizePage .social-media-links .social-media-links-wrapper .facebook-link {
  border: solid 2px #5344f1;
  color: #5344f1; }
  .signup-form-wrapper.organizePage .social-media-links .social-media-links-wrapper .facebook-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/facebook-brands-organize.svg); }

.signup-form-wrapper.organizePage .social-media-links .social-media-links-wrapper .linkedin-link {
  border: solid 2px #5344f1;
  color: #5344f1; }
  .signup-form-wrapper.organizePage .social-media-links .social-media-links-wrapper .linkedin-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/linkedin-brands-organize.svg); }

.signup-form-wrapper.organizePage .aler-message .terms-links {
  color: #5344f1; }

.signup-form-wrapper.organizePage .submit-button {
  background-color: #5344f1; }
  .signup-form-wrapper.organizePage .submit-button:hover {
    background-color: #796cfc;
    opacity: 1; }
  .signup-form-wrapper.organizePage .submit-button:active {
    background-color: #372abd; }

.signup-form-wrapper.organizePage .login-label .link {
  color: #5344f1; }

.signup-form-wrapper.earnPage .signup-header-wrapper .signup-title {
  color: #006aff; }

.signup-form-wrapper.earnPage .social-media-links .social-media-links-wrapper .facebook-link {
  border: solid 2px #006aff;
  color: #006aff; }
  .signup-form-wrapper.earnPage .social-media-links .social-media-links-wrapper .facebook-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/facebook-brands-earn.svg); }

.signup-form-wrapper.earnPage .social-media-links .social-media-links-wrapper .linkedin-link {
  border: solid 2px #006aff;
  color: #006aff; }
  .signup-form-wrapper.earnPage .social-media-links .social-media-links-wrapper .linkedin-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/linkedin-brands-earn.svg); }

.signup-form-wrapper.earnPage .aler-message .terms-links {
  color: #006aff; }

.signup-form-wrapper.earnPage .submit-button {
  background-color: #006aff; }
  .signup-form-wrapper.earnPage .submit-button:hover {
    background-color: #006aff;
    opacity: 1; }
  .signup-form-wrapper.earnPage .submit-button:active {
    background-color: #117b70; }

.signup-form-wrapper.earnPage .login-label .link {
  color: #006aff; }

.signup-form-wrapper.givePage .signup-header-wrapper .signup-title {
  color: #d0222c; }

.signup-form-wrapper.givePage .social-media-links .social-media-links-wrapper .facebook-link {
  border: solid 2px #d0222c;
  color: #d0222c; }
  .signup-form-wrapper.givePage .social-media-links .social-media-links-wrapper .facebook-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/facebook-brands-give.svg); }

.signup-form-wrapper.givePage .social-media-links .social-media-links-wrapper .linkedin-link {
  border: solid 2px #d0222c;
  color: #d0222c; }
  .signup-form-wrapper.givePage .social-media-links .social-media-links-wrapper .linkedin-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/linkedin-brands-give.svg); }

.signup-form-wrapper.givePage .aler-message .terms-links {
  color: #d0222c; }

.signup-form-wrapper.givePage .submit-button {
  background-color: #d0222c; }
  .signup-form-wrapper.givePage .submit-button:hover {
    background-color: #fc2b37;
    opacity: 1; }
  .signup-form-wrapper.givePage .submit-button:active {
    background-color: #a1111a; }

.signup-form-wrapper.givePage .login-label .link {
  color: #d0222c; }

.signup-form-wrapper.successPage .signup-header-wrapper .signup-title {
  color: #0aa1d8; }

.signup-form-wrapper.successPage .social-media-links .social-media-links-wrapper .facebook-link {
  border: solid 2px #0aa1d8;
  color: #0aa1d8; }
  .signup-form-wrapper.successPage .social-media-links .social-media-links-wrapper .facebook-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/facebook-brands-success.svg); }

.signup-form-wrapper.successPage .social-media-links .social-media-links-wrapper .linkedin-link {
  border: solid 2px #0aa1d8;
  color: #0aa1d8; }
  .signup-form-wrapper.successPage .social-media-links .social-media-links-wrapper .linkedin-link::before {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/linkedin-brands-success.svg); }

.signup-form-wrapper.successPage .aler-message .terms-links {
  color: #0aa1d8; }

.signup-form-wrapper.successPage .submit-button {
  background-color: #0aa1d8; }
  .signup-form-wrapper.successPage .submit-button:hover {
    background-color: #2abef4;
    opacity: 1; }
  .signup-form-wrapper.successPage .submit-button:active {
    background-color: #0883af; }

.signup-form-wrapper.successPage .login-label .link {
  color: #0aa1d8; }

.signup-form-wrapper {
  width: 454px;
  height: auto;
  border-radius: 10px;
  box-shadow: 24px 24px 33px 0 rgba(0, 68, 147, 0.11);
  background-color: #ffffff; }
  .signup-form-wrapper .signup-content-wrapper {
    padding-left: 69px;
    padding-right: 69px;
    padding-bottom: 40px;
    text-align: left; }
    .signup-form-wrapper .signup-content-wrapper .referred-screen .signup-header-wrapper {
      position: relative;
      left: 2px;
      padding-top: 56px; }
    .signup-form-wrapper .signup-content-wrapper .signup-screen .signup-header-wrapper {
      padding-top: 32px; }
    .signup-form-wrapper .signup-content-wrapper .signup-header-wrapper {
      position: relative;
      left: 2px;
      padding-bottom: 24px; }
      .signup-form-wrapper .signup-content-wrapper .signup-header-wrapper .signup-title {
        font-family: Montserrat, arial;
        font-size: 52px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal; }
      .signup-form-wrapper .signup-content-wrapper .signup-header-wrapper .signup-message {
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        position: relative;
        top: 5px; }
    .signup-form-wrapper .signup-content-wrapper .extra-margin-bottom {
      margin-bottom: 14px; }
    .signup-form-wrapper .signup-content-wrapper .signup-inputs .referred-label {
      font-family: Open Sans, arial;
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #1D2026;
      margin-bottom: 3px; }
    .signup-form-wrapper .signup-content-wrapper .signup-inputs .names-container {
      display: flex;
      position: relative;
      right: 2px;
      bottom: 3px; }
    .signup-form-wrapper .signup-content-wrapper .signup-inputs .fullsize-element {
      width: 100%;
      position: relative;
      padding-bottom: 8px; }
    .signup-form-wrapper .signup-content-wrapper .signup-inputs .halfsize-element {
      width: 50%;
      padding-bottom: 8px; }
    .signup-form-wrapper .signup-content-wrapper .signup-inputs .button-fullsize-element {
      width: 100%; }
    .signup-form-wrapper .signup-content-wrapper .signup-inputs .button-fullsize-element.signup {
      width: 100%;
      padding-top: 5px;
      padding-bottom: 0px; }
    .signup-form-wrapper .signup-content-wrapper .signup-inputs .separator-join {
      margin: 15px 0 21px;
      border-bottom: solid 1px #d8dbe7; }
    .signup-form-wrapper .signup-content-wrapper .signup-inputs .aler-message {
      font-family: Open Sans, arial;
      width: 100%;
      font-size: 13px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: normal;
      color: #647287;
      position: relative;
      left: 4px;
      text-align: center;
      max-width: 320px; }
  .signup-form-wrapper .login-label {
    padding-top: 28px;
    margin: 0 auto;
    width: max-content;
    display: none; }
    .signup-form-wrapper .login-label .header-text {
      font-family: Open Sans, arial;
      font-size: 14px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #647287; }
    .signup-form-wrapper .login-label .link {
      text-decoration: none; }
  @media only screen and (max-width: 800px) {
    .signup-form-wrapper .login-label {
      display: flex; } }
  .signup-form-wrapper .referred-message {
    font-size: 16px;
    font-family: Montserrat, arial;
    color: #39404c;
    font-weight: 500; }
  .signup-form-wrapper .terms-links {
    font-family: Open Sans, arial;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer; }
    .signup-form-wrapper .terms-links:hover {
      opacity: 0.8; }
  .signup-form-wrapper .error-message {
    font-size: 14px;
    color: #f44036;
    font-family: Montserrat, arial; }
  .signup-form-wrapper .error-sub-message {
    font-size: 14px;
    color: #f44036;
    font-family: Montserrat, arial; }
  .signup-form-wrapper .link.referrer-link {
    overflow: hidden;
    font-size: 16px; }
  .signup-form-wrapper .signup-form .halfsize-element {
    width: 50%; }
  .signup-form-wrapper .signup-form .fullsize-element {
    position: relative; }
  .signup-form-wrapper .separator {
    border-bottom: 1px solid #d8dbe7;
    margin: 28px 0 25px; }
    .signup-form-wrapper .separator span {
      font-family: Open Sans, arial;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #909bad; }
  .signup-form-wrapper .social-media-links {
    margin-bottom: 10px; }
    .signup-form-wrapper .social-media-links .social-media-links-wrapper {
      display: grid; }
      .signup-form-wrapper .social-media-links .social-media-links-wrapper .facebook-link {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        margin-bottom: 8px;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #1877ca;
        cursor: pointer; }
        .signup-form-wrapper .social-media-links .social-media-links-wrapper .facebook-link:hover {
          background-color: #fafafc; }
        .signup-form-wrapper .social-media-links .social-media-links-wrapper .facebook-link:active {
          background-color: #fafafc;
          color: #909bad; }
        .signup-form-wrapper .social-media-links .social-media-links-wrapper .facebook-link::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/facebook-brands.svg);
          width: 25px;
          height: 24.2px;
          background-size: cover;
          background-repeat: no-repeat;
          content: "";
          display: inline-flex;
          position: relative;
          top: 6px;
          margin-right: 13px;
          margin-left: 16px; }
      .signup-form-wrapper .social-media-links .social-media-links-wrapper .linkedin-link {
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #2867b2;
        cursor: pointer; }
        .signup-form-wrapper .social-media-links .social-media-links-wrapper .linkedin-link:hover {
          background-color: #fafafc; }
        .signup-form-wrapper .social-media-links .social-media-links-wrapper .linkedin-link:active {
          background-color: #fafafc;
          color: #909bad; }
        .signup-form-wrapper .social-media-links .social-media-links-wrapper .linkedin-link::before {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/linkedin-brands.svg);
          width: 22px;
          height: 24.2px;
          background-size: contain;
          background-repeat: no-repeat;
          content: "";
          display: inline-flex;
          position: relative;
          top: 6px;
          margin-right: 18px;
          margin-left: 18px; }

.join-label {
  float: right;
  padding: 38px;
  display: -webkit-box; }

.signup-nominated {
  width: calc(100% - 40px);
  max-width: 100%;
  flex-grow: 0;
  padding: 16px 20px 16px 20px;
  border-radius: 8px;
  box-shadow: 24px 24px 33px 0 rgba(0, 68, 147, 0.11);
  background-color: #ffffff;
  display: flex;
  font-family: "Open Sans", arial;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #647287;
  margin-bottom: 20px; }
  .signup-nominated.section-joinPage {
    margin-bottom: 30px; }
  .signup-nominated div.flex-row {
    width: max-content;
    display: table;
    margin: 0 auto;
    align-content: center;
    justify-content: center;
    column-gap: 8px;
    margin: 0 auto; }
    .signup-nominated div.flex-row .user-name {
      font-family: "Open Sans", arial;
      font-size: 18px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #004493;
      display: inline-block;
      max-width: 235px;
      width: max-content;
      text-align: left;
      position: relative;
      top: 3px;
      float: left;
      margin-right: 10px; }
    .signup-nominated div.flex-row .avatar-wrapper {
      width: 28px;
      padding-left: 8px;
      padding-right: 8px;
      display: table-cell;
      vertical-align: middle; }
    .signup-nominated div.flex-row .avatar {
      width: 28px;
      height: 28px;
      flex-grow: 0;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
      background-color: #ffffff;
      border-radius: 50%;
      display: table-cell;
      vertical-align: middle; }
      .signup-nominated div.flex-row .avatar .img {
        width: 26px;
        height: 26px;
        position: relative;
        left: 1px;
        border-radius: 50%;
        background-size: cover; }
    .signup-nominated div.flex-row .remove-referral-btn {
      display: table-cell;
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/remove-referral-icons.svg);
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-size: 28px;
      display: table-cell;
      vertical-align: middle;
      background-position: center; }
      @media only screen and (max-width: 600px) {
        .signup-nominated div.flex-row .remove-referral-btn {
          background-size: contain;
          background-repeat: no-repeat;
          display: table-cell;
          vertical-align: middle;
          background-position: center;
          position: absolute;
          top: 4px;
          right: 25px; } }
      @media only screen and (max-width: 400px) {
        .signup-nominated div.flex-row .remove-referral-btn {
          width: 20px;
          height: 20px; } }
  .signup-nominated .text {
    display: table-cell;
    vertical-align: middle;
    width: 104px;
    display: table-cell;
    vertical-align: middle; }
  .signup-nominated .user-name {
    display: table-cell;
    vertical-align: middle;
    padding-right: 8px;
    max-width: 227px; }

@media only screen and (max-width: 600px) {
  .signup-nominated {
    width: calc(100% - 80px);
    margin: 0 auto; }
    .signup-nominated div.flex-row .user-name {
      max-width: 145px; }
    .signup-nominated .text {
      text-align: left; } }

.modal-dialog.modal-login .login-close-btn {
  display: block; }

.login-wrapper.section-syndicatePage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
  background-color: #ec804a; }

.login-wrapper.section-syndicatePage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password.link {
  color: #ec804a; }

.login-wrapper.section-managePage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
  background-color: #0a8679; }

.login-wrapper.section-managePage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password.link {
  color: #0a8679; }

.login-wrapper.section-discoverPage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
  background-color: #b84ec7; }

.login-wrapper.section-discoverPage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password.link {
  color: #b84ec7; }

.login-wrapper.section-organizePage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
  background-color: #5344f1; }

.login-wrapper.section-organizePage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password.link {
  color: #5344f1; }

.login-wrapper.section-earnPage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
  background-color: #006aff; }

.login-wrapper.section-earnPage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password.link {
  color: #006aff; }

.login-wrapper.section-givePage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
  background-color: #d0222c; }

.login-wrapper.section-givePage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password.link {
  color: #d0222c; }

.login-wrapper.section-successPage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
  background-color: #0aa1d8; }

.login-wrapper.section-successPage .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password.link {
  color: #0aa1d8; }

.login-wrapper {
  max-width: 454px;
  width: 100%;
  height: 356px;
  border-radius: 10px;
  box-shadow: 24px 24px 33px 0 rgba(0, 68, 147, 0.11);
  background-color: #ffffff;
  margin: 0 auto;
  position: relative; }
  .login-wrapper.adjust-container {
    height: 380px; }
    .login-wrapper.adjust-container .login-form-wrapper {
      padding-top: 40px; }
      .login-wrapper.adjust-container .login-form-wrapper .login-inputs .login-credentials-alert {
        margin-bottom: 5px; }
  .login-wrapper .login-close-btn {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/grey-close.svg);
    width: 14px;
    height: 14px;
    object-fit: contain;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    display: none; }
  .login-wrapper p {
    margin-block-start: 0;
    margin-block-end: 0; }
  .login-wrapper .login-form-wrapper.homeLoginPage .login-description-header .login-title {
    color: #004493; }
  .login-wrapper .login-form-wrapper.homeLoginPage .login-inputs .button-fullsize-element .submit-button {
    background-color: #004493; }
    .login-wrapper .login-form-wrapper.homeLoginPage .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #0161d1;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.homeLoginPage .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #002c60; }
  .login-wrapper .login-form-wrapper.homeLoginPage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #054592;
    border: 2px solid #054592; }
  .login-wrapper .login-form-wrapper.homeLoginPage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #054592;
    border: 2px solid #054592; }
  .login-wrapper .login-form-wrapper.homeLoginPage .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #054592; }
    .login-wrapper .login-form-wrapper.homeLoginPage .login-inputs .login-remember-and-forgot-wrapper .forgot-password:hover {
      text-decoration: underline; }
  .login-wrapper .login-form-wrapper.consolidate .login-description-header .login-title {
    color: #004493; }
  .login-wrapper .login-form-wrapper.consolidate .login-inputs .button-fullsize-element .submit-button {
    background-color: #004493; }
    .login-wrapper .login-form-wrapper.consolidate .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #0161d1;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.consolidate .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #002c60; }
  .login-wrapper .login-form-wrapper.consolidate .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #054592;
    border: 2px solid #054592; }
  .login-wrapper .login-form-wrapper.consolidate .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #054592;
    border: 2px solid #054592; }
  .login-wrapper .login-form-wrapper.consolidate .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #054592; }
  .login-wrapper .login-form-wrapper.discoverPage .login-description-header .login-title {
    color: #b84ec7; }
  .login-wrapper .login-form-wrapper.discoverPage .login-inputs .button-fullsize-element .submit-button {
    background-color: #b84ec7; }
    .login-wrapper .login-form-wrapper.discoverPage .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #e058f3;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.discoverPage .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #8b2d98; }
  .login-wrapper .login-form-wrapper.discoverPage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #b84ec7;
    border: 2px solid #b84ec7; }
  .login-wrapper .login-form-wrapper.discoverPage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #b84ec7;
    border: 2px solid #b84ec7; }
  .login-wrapper .login-form-wrapper.discoverPage .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #b84ec7; }
  .login-wrapper .login-form-wrapper.syndicatePage .login-description-header .login-title {
    color: #ec804a; }
  .login-wrapper .login-form-wrapper.syndicatePage .login-inputs .button-fullsize-element .submit-button {
    background-color: #ec804a; }
    .login-wrapper .login-form-wrapper.syndicatePage .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #ffa172;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.syndicatePage .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #b95827; }
  .login-wrapper .login-form-wrapper.syndicatePage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #ec804a;
    border: 2px solid #ec804a; }
  .login-wrapper .login-form-wrapper.syndicatePage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #ec804a;
    border: 2px solid #ec804a; }
  .login-wrapper .login-form-wrapper.syndicatePage .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #ec804a; }
  .login-wrapper .login-form-wrapper.managePage .login-description-header .login-title {
    color: #0a8679; }
  .login-wrapper .login-form-wrapper.managePage .login-inputs .button-fullsize-element .submit-button {
    background-color: #0a8679; }
    .login-wrapper .login-form-wrapper.managePage .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #ffa172;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.managePage .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #b95827; }
  .login-wrapper .login-form-wrapper.managePage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #0a8679;
    border: 2px solid #0a8679; }
  .login-wrapper .login-form-wrapper.managePage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #0a8679;
    border: 2px solid #0a8679; }
  .login-wrapper .login-form-wrapper.managePage .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #0a8679; }
  .login-wrapper .login-form-wrapper.organizePage .login-description-header .login-title {
    color: #5344f1; }
  .login-wrapper .login-form-wrapper.organizePage .login-inputs .button-fullsize-element .submit-button {
    background-color: #5344f1; }
    .login-wrapper .login-form-wrapper.organizePage .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #796cfc;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.organizePage .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #372abd; }
  .login-wrapper .login-form-wrapper.organizePage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #5344f1;
    border: 2px solid #5344f1; }
  .login-wrapper .login-form-wrapper.organizePage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #5344f1;
    border: 2px solid #5344f1; }
  .login-wrapper .login-form-wrapper.organizePage .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #5344f1; }
  .login-wrapper .login-form-wrapper.earnPage .login-description-header .login-title {
    color: #006aff; }
  .login-wrapper .login-form-wrapper.earnPage .login-inputs .button-fullsize-element .submit-button {
    background-color: #006aff; }
    .login-wrapper .login-form-wrapper.earnPage .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #4b94f9;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.earnPage .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #117b70; }
  .login-wrapper .login-form-wrapper.earnPage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #006aff;
    border: 2px solid #006aff; }
  .login-wrapper .login-form-wrapper.earnPage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #006aff;
    border: 2px solid #006aff; }
  .login-wrapper .login-form-wrapper.earnPage .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #006aff; }
  .login-wrapper .login-form-wrapper.givePage .login-description-header .login-title {
    color: #d0222c; }
  .login-wrapper .login-form-wrapper.givePage .login-inputs .button-fullsize-element .submit-button {
    background-color: #d0222c; }
    .login-wrapper .login-form-wrapper.givePage .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #fc2b37;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.givePage .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #a1111a; }
  .login-wrapper .login-form-wrapper.givePage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #d0222c;
    border: 2px solid #d0222c; }
  .login-wrapper .login-form-wrapper.givePage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #d0222c;
    border: 2px solid #d0222c; }
  .login-wrapper .login-form-wrapper.givePage .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #d0222c; }
  .login-wrapper .login-form-wrapper.successPage .login-description-header .login-title {
    color: #0aa1d8; }
  .login-wrapper .login-form-wrapper.successPage .login-inputs .button-fullsize-element .submit-button {
    background-color: #0aa1d8; }
    .login-wrapper .login-form-wrapper.successPage .login-inputs .button-fullsize-element .submit-button:hover {
      background-color: #2abef4;
      opacity: 1; }
    .login-wrapper .login-form-wrapper.successPage .login-inputs .button-fullsize-element .submit-button:active {
      background-color: #0883af; }
  .login-wrapper .login-form-wrapper.successPage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
    border-color: #0aa1d8;
    border: 2px solid #0aa1d8; }
  .login-wrapper .login-form-wrapper.successPage .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container input:checked ~ .checkmark {
    background-color: #0aa1d8;
    border: 2px solid #0aa1d8; }
  .login-wrapper .login-form-wrapper.successPage .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
    color: #0aa1d8; }
  .login-wrapper .login-form-wrapper {
    padding-left: 72px;
    padding-right: 69px;
    padding-top: 47px; }
    .login-wrapper .login-form-wrapper .login-description-header {
      margin-bottom: 25px;
      margin-top: 5px; }
      .login-wrapper .login-form-wrapper .login-description-header .login-title {
        font-family: Montserrat, arial;
        font-size: 39px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal; }
      .login-wrapper .login-form-wrapper .login-description-header .login-message {
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1d2026;
        text-align: left; }
    .login-wrapper .login-form-wrapper .login-inputs {
      position: relative;
      right: 3px;
      bottom: 2px; }
      .login-wrapper .login-form-wrapper .login-inputs .fullsize-element {
        width: 100%;
        position: relative; }
        .login-wrapper .login-form-wrapper .login-inputs .fullsize-element input:-internal-autofill-selected {
          background-color: #ffffff !important; }
        .login-wrapper .login-form-wrapper .login-inputs .fullsize-element input {
          /* Remove First */
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background-color: #ffffff;
          border-radius: 4px;
          border: solid 1px #e6e9f3; }
          .login-wrapper .login-form-wrapper .login-inputs .fullsize-element input:active {
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
            border: solid 1px #d0d3dd;
            background-color: #ffffff; }
        .login-wrapper .login-form-wrapper .login-inputs .fullsize-element input.blur {
          border: solid 1px #e6e9f3;
          background-color: #fafafc; }
        .login-wrapper .login-form-wrapper .login-inputs .fullsize-element a {
          position: absolute;
          right: 10.9px;
          top: 14px;
          cursor: pointer; }
      .login-wrapper .login-form-wrapper .login-inputs .button-fullsize-element {
        width: 100%;
        margin-bottom: 7px; }
        .login-wrapper .login-form-wrapper .login-inputs .button-fullsize-element .submit-button {
          width: 100%;
          height: 42px;
          border-radius: 100px; }
      .login-wrapper .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container {
        padding-left: 25px; }
        .login-wrapper .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark {
          border-radius: 4px;
          top: 0px;
          width: 18px;
          height: 18px; }
          .login-wrapper .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .remember-checkbox .checkmark-container .checkmark::after {
            top: 2px;
            left: 6px; }
      .login-wrapper .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password {
        font-family: Open Sans, arial;
        text-decoration: none;
        float: right;
        position: relative;
        top: 1px;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #004493; }
        .login-wrapper .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password:hover {
          text-decoration: underline; }

.login-credentials-alert {
  font-family: Open Sans, arial;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #f44036;
  text-align: left;
  margin-bottom: 4px; }

@media only screen and (max-width: 600px) {
  .login-wrapper {
    width: 341px;
    height: 327px; }
    .login-wrapper .login-close-btn {
      top: 10px;
      right: 10px; }
    .login-wrapper .login-form-wrapper {
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 24px; }
      .login-wrapper .login-form-wrapper .login-description-header .login-title {
        font-size: 37px; } }

@media only screen and (max-width: 812px) and (max-height: 414px) and (orientation: landscape) {
  .login-wrapper {
    width: 341px;
    height: 373px; }
    .login-wrapper .login-close-btn {
      top: 10px;
      right: 10px; }
    .login-wrapper .login-form-wrapper {
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 24px; }
      .login-wrapper .login-form-wrapper .login-description-header .login-title {
        font-size: 37px; } }

@media only screen and (max-width: 320px) {
  .login-wrapper {
    width: 290px;
    height: 327px; } }

.onboarding-footer {
  padding: 36px 23px 35px 10px;
  display: grid;
  grid-template-columns: 100%;
  align-content: center;
  justify-content: center;
  background-color: #fff; }
  .onboarding-footer a:hover {
    text-decoration: underline; }
  @media screen and (max-width: 767px) {
    .onboarding-footer {
      display: grid;
      grid-template-columns: [col] 67% [col] 33%;
      padding: 30px 100px; } }
  @media screen and (max-width: 580px) {
    .onboarding-footer {
      display: grid;
      grid-template-columns: [col] 60% [col] 40%;
      padding: 30px 40px; } }
  .onboarding-footer p {
    margin-block-start: 0;
    margin-block-end: 0; }
  .onboarding-footer .onboarding-footer-links-wrapper {
    text-align: center; }
  .onboarding-footer .top-link {
    font-family: "Open Sans", arial;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #647287;
    margin-bottom: 15px; }
    .onboarding-footer .top-link a {
      margin-right: 40px;
      color: #647287;
      text-decoration: none; }
      .onboarding-footer .top-link a:hover {
        text-decoration: underline;
        color: #0161d1; }
      @media only screen and (max-width: 1024px) {
        .onboarding-footer .top-link a {
          margin-right: 20px; } }
    @media only screen and (max-width: 1024px) {
      .onboarding-footer .top-link {
        display: grid;
        justify-content: left;
        text-align: left;
        row-gap: 30px; } }
  @media only screen and (max-width: 1024px) {
    .onboarding-footer .onboarding-footer-links-wrapper {
      display: grid; } }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link {
    text-decoration: none; }
    @media only screen and (max-width: 1024px) {
      .onboarding-footer .onboarding-footer-links-wrapper .footer-link {
        grid-template-columns: 100%;
        justify-content: left;
        text-align: left;
        row-gap: 30px;
        line-height: 1.5;
        margin-bottom: auto; } }
    .onboarding-footer .onboarding-footer-links-wrapper .footer-link:hover {
      text-decoration: none; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link.about {
    margin-left: 10px; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link.profucts {
    margin-left: 5px; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link.aff {
    margin-left: 3px; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link.charity {
    margin-left: 3px; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link.press {
    margin-left: 4px; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link.legal {
    margin-left: 3px; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link.help {
    margin-left: 4px; }
  .onboarding-footer .onboarding-footer-links-wrapper .footer-link.aff-id {
    margin-left: 4px; }
  @media only screen and (max-width: 1024px) {
    .onboarding-footer .webtalk-2020 {
      grid-template-columns: 100%;
      justify-content: center;
      grid-row: row 2;
      grid-column: col / span2;
      margin-top: 30px; }
      .onboarding-footer .webtalk-2020 span:first-child {
        display: block;
        width: 100%; } }
  .onboarding-footer .recaptcha-text {
    position: absolute;
    right: 23px; }

@media screen and (max-width: 420px) {
  .homepage-section-wrapper .onboarding-footer {
    margin-top: 0px; } }

.content-wrapper {
  background-color: #fff;
  height: 100%;
  width: 100%; }

.onboarding-header-wrapper.consolidate .login-btn {
  border: solid 2px #004493;
  color: #004493; }
  .onboarding-header-wrapper.consolidate .login-btn:hover {
    background-color: #e1efff; }
  .onboarding-header-wrapper.consolidate .login-btn:active {
    background-color: #b8d9ff; }
  .onboarding-header-wrapper.consolidate .login-btn:focus {
    box-shadow: 0 0 17px 0 rgba(0, 68, 147, 0.3);
    background-color: #e1efff; }

.onboarding-header-wrapper.consolidate .onboarding-webtalk-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-blue.svg); }

.onboarding-header-wrapper.discover .login-btn {
  border: solid 2px #b84ec7;
  color: #b84ec7; }
  .onboarding-header-wrapper.discover .login-btn:hover {
    background-color: #fceaff; }
  .onboarding-header-wrapper.discover .login-btn:active {
    background-color: #f7c7ff; }
  .onboarding-header-wrapper.discover .login-btn:focus {
    box-shadow: 0 0 17px 0 rgba(184, 78, 199, 0.3);
    background-color: #fceaff; }

.onboarding-header-wrapper.discover .onboarding-webtalk-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-pink.svg); }

.onboarding-header-wrapper.manage .login-btn {
  border: solid 2px #0a8679;
  color: #0a8679; }
  .onboarding-header-wrapper.manage .login-btn:hover {
    background-color: rgba(44, 118, 106, 0.22); }
  .onboarding-header-wrapper.manage .login-btn:active {
    background-color: rgba(44, 118, 106, 0.22); }
  .onboarding-header-wrapper.manage .login-btn:focus {
    box-shadow: 0 0 17px 0 rgba(236, 128, 74, 0.3);
    background-color: rgba(44, 118, 106, 0.22); }

.onboarding-header-wrapper.manage .onboarding-webtalk-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-manage.svg); }

.onboarding-header-wrapper.syndicate .login-btn {
  border: solid 2px #ec804a;
  color: #ec804a; }
  .onboarding-header-wrapper.syndicate .login-btn:hover {
    background-color: #ffe5d8; }
  .onboarding-header-wrapper.syndicate .login-btn:active {
    background-color: #ffceb5; }
  .onboarding-header-wrapper.syndicate .login-btn:focus {
    box-shadow: 0 0 17px 0 rgba(236, 128, 74, 0.3);
    background-color: #ffe5d8; }

.onboarding-header-wrapper.syndicate .onboarding-webtalk-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-orange.svg); }

.onboarding-header-wrapper.organize .login-btn {
  border: solid 2px #5344f1;
  color: #5344f1; }
  .onboarding-header-wrapper.organize .login-btn:hover {
    background-color: #e8e5ff; }
  .onboarding-header-wrapper.organize .login-btn:active {
    background-color: #ccc6ff; }

.onboarding-header-wrapper.organize .onboarding-webtalk-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-purple.svg); }

.onboarding-header-wrapper.earn .login-btn {
  border: solid 2px #006aff;
  color: #006aff; }
  .onboarding-header-wrapper.earn .login-btn:hover {
    background-color: #d4e6ff; }
  .onboarding-header-wrapper.earn .login-btn:active {
    background-color: #d4e6ff; }

.onboarding-header-wrapper.earn .onboarding-webtalk-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-green.svg); }

.onboarding-header-wrapper.give .login-btn {
  border: solid 2px #d0222c;
  color: #d0222c; }
  .onboarding-header-wrapper.give .login-btn:hover {
    background-color: #f9e5e6; }
  .onboarding-header-wrapper.give .login-btn:active {
    background-color: #fcbbbe; }

.onboarding-header-wrapper.give .onboarding-webtalk-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-red.svg); }

.onboarding-header-wrapper.success .login-btn {
  border: solid 2px #0aa1d8;
  color: #0aa1d8; }
  .onboarding-header-wrapper.success .login-btn:hover {
    background-color: #dbf5ff; }
  .onboarding-header-wrapper.success .login-btn:active {
    background-color: #aae7ff; }

.onboarding-header-wrapper.success .onboarding-webtalk-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-babyblue.svg); }

.onboarding-header-wrapper {
  display: flex;
  padding: 32px 28px 32px 32px;
  position: relative; }
  .onboarding-header-wrapper .login-btn {
    width: 155px;
    line-height: 42px;
    border-radius: 100px;
    background-color: #ffffff;
    font-family: Open Sans, arial;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.34px;
    text-align: center;
    position: absolute;
    right: 29px;
    top: 33px;
    cursor: pointer; }
  .onboarding-header-wrapper .nav-hamburger {
    display: none; }
  .onboarding-header-wrapper .onboarding-nav-wrapper {
    margin: 0 auto; }
    .onboarding-header-wrapper .onboarding-nav-wrapper .topnav {
      overflow: hidden;
      list-style: none;
      position: relative;
      left: 11px;
      padding: 13px;
      margin: 0; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 13px; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .consolidate {
        color: #004493; }
        .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .consolidate::before {
          background-color: #004493; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .discover {
        color: #b84ec7; }
        .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .discover::before {
          background-color: #b84ec7; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .syndicate {
        color: #ec804a; }
        .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .syndicate::before {
          background-color: #ec804a; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .manage {
        color: #0a8679; }
        .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .manage::before {
          background-color: #0a8679; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .organize {
        color: #5344f1; }
        .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .organize::before {
          background-color: #5344f1; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .earn {
        color: #006aff; }
        .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .earn::before {
          background-color: #006aff; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .give {
        color: #d0222c; }
        .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .give::before {
          background-color: #d0222c; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .success {
        color: #0aa1d8; }
        .onboarding-header-wrapper .onboarding-nav-wrapper .topnav li.active-link .success::before {
          background-color: #0aa1d8; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .consolidate:hover,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .consolidate:focus,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .consolidate:active {
        color: #004493;
        text-decoration: none; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .consolidate::before {
        background-color: #004493; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .discover:hover,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .discover:focus,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .discover:active {
        color: #b84ec7;
        text-decoration: none; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .discover::before {
        background-color: #b84ec7; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .syndicate:hover,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .syndicate:focus,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .syndicate:active {
        color: #ec804a;
        text-decoration: none; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .syndicate::before {
        background-color: #ec804a; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .manage:hover,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .manage:focus,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .manage:active {
        color: #0a8679;
        text-decoration: none; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .manage::before {
        background-color: #0a8679; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .organize:hover,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .organize:focus,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .organize:active {
        color: #5344f1;
        text-decoration: none; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .organize::before {
        background-color: #5344f1; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .earn:hover,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .earn:focus,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .earn:active {
        color: #006aff;
        text-decoration: none; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .earn::before {
        background-color: #006aff; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .give:hover,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .give:focus,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .give:active {
        color: #d0222c;
        text-decoration: none; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .give::before {
        background-color: #d0222c; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .success:hover,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .success:focus,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .success:active {
        color: #0aa1d8;
        text-decoration: none; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .success::before {
        background-color: #0aa1d8; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav a {
        text-decoration: none;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.34px;
        position: relative;
        color: #909bad;
        cursor: pointer;
        transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav a::before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        left: 0;
        height: 2px;
        width: 100%;
        background-color: #ffffff;
        opacity: 0.4;
        transform-origin: right top;
        transform: scale(0, 1);
        transition: color 0.1s, transform 0.2s ease-out; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav .active-link a::before {
        transform-origin: left top;
        transform: scale(1, 1);
        background-color: #d8dbe7; }
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav a:hover::before,
      .onboarding-header-wrapper .onboarding-nav-wrapper .topnav a:focus::before {
        transform-origin: left top;
        transform: scale(1, 1); }

.consolidate-section-wrapper h1, .consolidate-section-wrapper h2, .consolidate-section-wrapper h3, .consolidate-section-wrapper h4, .consolidate-section-wrapper h5 {
  margin-block-start: 0;
  margin-block-end: 0; }

.consolidate-section-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0; }

.consolidate-section-wrapper .consolidate-top-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper {
    max-width: 738px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 46px;
    z-index: 1000;
    position: relative; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.87;
      letter-spacing: normal;
      color: #004493; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-description {
      max-width: 738px;
      width: 100%;
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #909bad;
      margin: 0 auto;
      margin-top: 27px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper {
      display: flex;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px; }
      .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .watch-video-btn {
        width: 175px;
        line-height: 51px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer; }
        .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .watch-video-btn:hover {
          background-color: #fafafc; }
        .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .watch-video-btn:active {
          background-color: #f4f4f4; }
        .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .watch-video-btn:focus {
          box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
          background-color: #fafafc; }
        .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .watch-video-btn::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/onboarding-play-icon@3x.png);
          content: "";
          width: 11px;
          height: 11px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-flex;
          margin-left: 10px; }
  .consolidate-section-wrapper .consolidate-top-page .scroll-down-btn {
    width: 56px;
    height: 56px;
    box-shadow: 0 13px 36px 0 rgba(0, 68, 147, 0.5);
    background-color: #004493;
    text-align: center;
    position: absolute;
    bottom: 20px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; }

.consolidate-section-wrapper .consolidate-bottom-page {
  width: 100%;
  position: relative; }
  .consolidate-section-wrapper .consolidate-bottom-page .scroll-up-btn {
    width: 56px;
    height: 56px;
    background-color: #586476;
    text-align: center;
    position: absolute;
    top: 30px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 6;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  .consolidate-section-wrapper .consolidate-bottom-page .dark-overlay {
    background-color: #000000;
    height: calc(100% - 92px);
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.67); }
    .consolidate-section-wrapper .consolidate-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: flex;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto; }
      .consolidate-section-wrapper .consolidate-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }

.syndicate-section-wrapper h1, .syndicate-section-wrapper h2, .syndicate-section-wrapper h3, .syndicate-section-wrapper h4, .syndicate-section-wrapper h5 {
  margin-block-start: 0;
  margin-block-end: 0; }

.syndicate-section-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0; }

.syndicate-section-wrapper .syndicate-top-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff;
  position: relative; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper {
    max-width: 819px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 46px;
    z-index: 1000;
    position: relative; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.87;
      letter-spacing: normal;
      color: #ec804a; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-description {
      max-width: 738px;
      width: 100%;
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #909bad;
      margin: 0 auto;
      margin-top: 27px; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper {
      display: flex;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px; }
      .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn {
        width: 175px;
        line-height: 51px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer; }
        .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn:hover {
          background-color: #fafafc; }
        .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn:active {
          background-color: #f4f4f4; }
        .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn:focus {
          box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
          background-color: #fafafc; }
        .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/onboarding-play-icon@3x.png);
          content: "";
          width: 11px;
          height: 11px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-flex;
          margin-left: 10px; }
  .syndicate-section-wrapper .syndicate-top-page .scroll-down-btn {
    width: 56px;
    height: 56px;
    box-shadow: 0 13px 36px 0 rgba(236, 128, 74, 0.5);
    background-color: #ec804a;
    text-align: center;
    position: absolute;
    bottom: 20px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; }

.syndicate-section-wrapper .syndicate-bottom-page {
  width: 100%;
  position: relative; }
  .syndicate-section-wrapper .syndicate-bottom-page .scroll-up-btn {
    width: 56px;
    height: 56px;
    background-color: #586476;
    text-align: center;
    position: absolute;
    top: 30px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 8;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  .syndicate-section-wrapper .syndicate-bottom-page .dark-overlay {
    background-color: #000000;
    min-height: calc(100% - 92px);
    height: fit-content;
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.67); }
    .syndicate-section-wrapper .syndicate-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: flex;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto; }
      .syndicate-section-wrapper .syndicate-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }

.manage-section-wrapper h1, .manage-section-wrapper h2, .manage-section-wrapper h3, .manage-section-wrapper h4, .manage-section-wrapper h5 {
  margin-block-start: 0;
  margin-block-end: 0; }

.manage-section-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0; }

.manage-section-wrapper .manage-top-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff;
  position: relative; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper {
    max-width: 690px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 46px;
    z-index: 1000;
    position: relative; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.87;
      letter-spacing: normal;
      color: #348679; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-description {
      max-width: 738px;
      width: 100%;
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #909bad;
      margin: 0 auto;
      margin-top: 27px; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper {
      display: flex;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px; }
      .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn {
        width: 175px;
        line-height: 51px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer; }
        .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn:hover {
          background-color: #fafafc; }
        .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn:active {
          background-color: #f4f4f4; }
        .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn:focus {
          box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
          background-color: #fafafc; }
        .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/onboarding-play-icon@3x.png);
          content: "";
          width: 11px;
          height: 11px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-flex;
          margin-left: 10px; }
  .manage-section-wrapper .manage-top-page .scroll-down-btn {
    width: 56px;
    height: 56px;
    box-shadow: 0 13px 36px 0 rgba(236, 128, 74, 0.5);
    background-color: #ec804a;
    text-align: center;
    position: absolute;
    bottom: 20px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; }

.manage-section-wrapper .manage-bottom-page {
  width: 100%;
  position: relative; }
  .manage-section-wrapper .manage-bottom-page .scroll-up-btn {
    width: 56px;
    height: 56px;
    background-color: #586476;
    text-align: center;
    position: absolute;
    top: 30px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 8;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  .manage-section-wrapper .manage-bottom-page .dark-overlay {
    background-color: #000000;
    min-height: calc(100% - 92px);
    height: fit-content;
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.67); }
    .manage-section-wrapper .manage-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: flex;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto; }
      .manage-section-wrapper .manage-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }

.discover-section-wrapper h1, .discover-section-wrapper h2, .discover-section-wrapper h3, .discover-section-wrapper h4, .discover-section-wrapper h5 {
  margin-block-start: 0;
  margin-block-end: 0; }

.discover-section-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0; }

.discover-section-wrapper .discover-top-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper {
    width: 738px;
    text-align: center;
    margin: 0 auto;
    margin-top: 46px;
    z-index: 1000;
    position: relative; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.87;
      letter-spacing: normal;
      color: #b84ec7; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-description {
      width: 738px;
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #909bad;
      margin: 0 auto;
      margin-top: 27px; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper {
      display: flex;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px; }
      .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .watch-video-btn {
        width: 175px;
        line-height: 51px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer; }
        .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .watch-video-btn:hover {
          background-color: #fafafc; }
        .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .watch-video-btn:active {
          background-color: #f4f4f4; }
        .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .watch-video-btn:focus {
          box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
          background-color: #fafafc; }
        .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .watch-video-btn::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/onboarding-play-icon@3x.png);
          content: "";
          width: 11px;
          height: 11px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-flex;
          margin-left: 10px; }
  .discover-section-wrapper .discover-top-page .scroll-down-btn {
    width: 56px;
    height: 56px;
    box-shadow: 0 13px 36px 0 rgba(184, 78, 199, 0.5);
    background-color: #b84ec7;
    text-align: center;
    position: absolute;
    bottom: 20px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; }

.discover-section-wrapper .discover-bottom-page {
  width: 100%;
  position: relative; }
  .discover-section-wrapper .discover-bottom-page .scroll-up-btn {
    width: 56px;
    height: 56px;
    background-color: #586476;
    text-align: center;
    position: absolute;
    top: 30px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 8;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  .discover-section-wrapper .discover-bottom-page .dark-overlay {
    background-color: #000000;
    height: calc(100% - 92px);
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.67); }
    .discover-section-wrapper .discover-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: flex;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto; }
      .discover-section-wrapper .discover-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }

.organize-section-wrapper h1, .organize-section-wrapper h2, .organize-section-wrapper h3, .organize-section-wrapper h4, .organize-section-wrapper h5 {
  margin-block-start: 0;
  margin-block-end: 0; }

.organize-section-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0; }

.organize-section-wrapper .organize-top-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper {
    max-width: 738px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 46px;
    z-index: 1000;
    position: relative; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.87;
      letter-spacing: normal;
      color: #5344f1; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-description {
      max-width: 713px;
      width: 100%;
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #909bad;
      margin: 0 auto;
      margin-top: 27px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper {
      display: flex;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px; }
      .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .watch-video-btn {
        width: 175px;
        line-height: 51px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer; }
        .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .watch-video-btn:hover {
          background-color: #fafafc; }
        .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .watch-video-btn:active {
          background-color: #f4f4f4; }
        .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .watch-video-btn:focus {
          box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
          background-color: #fafafc; }
        .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .watch-video-btn::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/onboarding-play-icon@3x.png);
          content: "";
          width: 11px;
          height: 11px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-flex;
          margin-left: 10px; }
  .organize-section-wrapper .organize-top-page .scroll-down-btn {
    width: 56px;
    height: 56px;
    box-shadow: 0 13px 36px 0 rgba(83, 68, 241, 0.5);
    background-color: #5344f1;
    text-align: center;
    position: absolute;
    bottom: 20px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; }

.organize-section-wrapper .organize-bottom-page {
  width: 100%;
  position: relative; }
  .organize-section-wrapper .organize-bottom-page .scroll-up-btn {
    width: 56px;
    height: 56px;
    background-color: #586476;
    text-align: center;
    position: absolute;
    top: 30px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 10;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  .organize-section-wrapper .organize-bottom-page .dark-overlay {
    background-color: #000000;
    height: calc(100% - 92px);
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.67); }
    .organize-section-wrapper .organize-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: flex;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto; }
      .organize-section-wrapper .organize-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }

.load-more-btn-onboarding {
  width: 175px;
  line-height: 51px;
  border-radius: 100px;
  border: solid 2px #d8dbe7;
  background-color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-family: Open Sans, arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #909bad;
  cursor: pointer; }
  .load-more-btn-onboarding:hover {
    background-color: #fafafc; }
  .load-more-btn-onboarding:active {
    background-color: #f4f4f4; }
  .load-more-btn-onboarding:focus {
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
    background-color: #fafafc; }

.earn-section-wrapper h1, .earn-section-wrapper h2, .earn-section-wrapper h3, .earn-section-wrapper h4, .earn-section-wrapper h5 {
  margin-block-start: 0;
  margin-block-end: 0; }

.earn-section-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0; }

.earn-section-wrapper .earn-top-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper {
    max-width: 793px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 46px;
    z-index: 1000;
    position: relative; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.10;
      letter-spacing: normal;
      color: #006aff; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-description {
      width: 100%;
      max-width: 738px;
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #909bad;
      margin: 0 auto;
      margin-top: 27px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper {
      display: flex;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px; }
      .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .watch-video-btn {
        width: 175px;
        line-height: 51px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer; }
        .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .watch-video-btn:hover {
          background-color: #fafafc; }
        .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .watch-video-btn:active {
          background-color: #f4f4f4; }
        .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .watch-video-btn:focus {
          box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
          background-color: #fafafc; }
        .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .watch-video-btn::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/onboarding-play-icon@3x.png);
          content: "";
          width: 11px;
          height: 11px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-flex;
          margin-left: 10px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .income-calc-btn {
      font-family: Open Sans, arial;
      font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.34px;
      color: #006aff;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 26px;
      cursor: pointer; }
      .earn-section-wrapper .earn-top-page .free-money-wrapper .income-calc-btn::before {
        content: "";
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/calc-earn-icon.svg);
        width: 15.8px;
        height: 18px;
        object-fit: contain;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 12px;
        position: relative;
        top: 2px; }
  .earn-section-wrapper .earn-top-page .income-calc-btn.mobile {
    display: none; }
  .earn-section-wrapper .earn-top-page .scroll-down-btn {
    width: 56px;
    height: 56px;
    box-shadow: 0 13px 36px 0 rgba(26, 175, 159, 0.5);
    background-color: #006aff;
    text-align: center;
    position: absolute;
    bottom: 20px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; }

.earn-section-wrapper .earn-bottom-page {
  width: 100%;
  position: relative; }
  .earn-section-wrapper .earn-bottom-page .scroll-up-btn {
    width: 56px;
    height: 56px;
    background-color: #586476;
    text-align: center;
    position: absolute;
    top: 30px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 10;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  .earn-section-wrapper .earn-bottom-page .dark-overlay {
    background-color: #000000;
    height: calc(100% - 92px);
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.67); }
    .earn-section-wrapper .earn-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: flex;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto; }
      .earn-section-wrapper .earn-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }

.give-section-wrapper h1, .give-section-wrapper h2, .give-section-wrapper h3, .give-section-wrapper h4, .give-section-wrapper h5 {
  margin-block-start: 0;
  margin-block-end: 0; }

.give-section-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0; }

.give-section-wrapper .give-top-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff; }
  .give-section-wrapper .give-top-page .give-wrapper {
    max-width: 819px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 46px;
    z-index: 1000;
    position: relative; }
    .give-section-wrapper .give-top-page .give-wrapper .give-text {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.87;
      letter-spacing: normal;
      color: #d0222c; }
    .give-section-wrapper .give-top-page .give-wrapper .give-description {
      max-width: 738px;
      width: 100%;
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #909bad;
      margin: 0 auto;
      margin-top: 27px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper {
      display: flex;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px; }
      .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .watch-video-btn {
        width: 175px;
        line-height: 51px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer; }
        .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .watch-video-btn:hover {
          background-color: #fafafc; }
        .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .watch-video-btn:active {
          background-color: #f4f4f4; }
        .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .watch-video-btn:focus {
          box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
          background-color: #fafafc; }
        .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .watch-video-btn::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/onboarding-play-icon@3x.png);
          content: "";
          width: 11px;
          height: 11px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-flex;
          margin-left: 10px; }
  .give-section-wrapper .give-top-page .scroll-down-btn {
    width: 56px;
    height: 56px;
    background-color: #d0222c;
    box-shadow: 0 13px 36px 0 rgba(208, 34, 44, 0.5);
    text-align: center;
    position: absolute;
    bottom: 20px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; }

.give-section-wrapper .give-bottom-page {
  width: 100%;
  position: relative; }
  .give-section-wrapper .give-bottom-page .scroll-up-btn {
    width: 56px;
    height: 56px;
    background-color: #586476;
    text-align: center;
    position: absolute;
    top: 30px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 10;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  .give-section-wrapper .give-bottom-page .dark-overlay {
    background-color: #000000;
    height: calc(100% - 92px);
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.67); }
    .give-section-wrapper .give-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: flex;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto; }
      .give-section-wrapper .give-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }

.success-section-wrapper h1, .success-section-wrapper h2, .success-section-wrapper h3, .success-section-wrapper h4, .success-section-wrapper h5 {
  margin-block-start: 0;
  margin-block-end: 0; }

.success-section-wrapper p {
  margin-block-start: 0;
  margin-block-end: 0; }

.success-section-wrapper .success-top-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff; }
  .success-section-wrapper .success-top-page .success-wrapper {
    max-width: 845px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 46px;
    z-index: 1000;
    position: relative; }
    .success-section-wrapper .success-top-page .success-wrapper .success-text {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 0.87;
      letter-spacing: normal;
      color: #0aa1d8; }
    .success-section-wrapper .success-top-page .success-wrapper .success-description {
      max-width: 738px;
      width: 100%;
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #909bad;
      margin: 0 auto;
      margin-top: 27px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper {
      display: flex;
      display: flex;
      width: max-content;
      margin: 0 auto;
      margin-top: 25px; }
      .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .watch-video-btn {
        width: 175px;
        line-height: 51px;
        border-radius: 100px;
        border: solid 2px #d8dbe7;
        background-color: #ffffff;
        text-decoration: none;
        text-align: center;
        font-family: Open Sans, arial;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #909bad;
        cursor: pointer; }
        .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .watch-video-btn:hover {
          background-color: #fafafc; }
        .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .watch-video-btn:active {
          background-color: #f4f4f4; }
        .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .watch-video-btn:focus {
          box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.3);
          background-color: #fafafc; }
        .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .watch-video-btn::after {
          background-image: url(https://wtdemo.webtalk.co/static/public/common/images/onboarding-play-icon@3x.png);
          content: "";
          width: 11px;
          height: 11px;
          object-fit: contain;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-flex;
          margin-left: 10px; }
  .success-section-wrapper .success-top-page .scroll-down-btn {
    width: 56px;
    height: 56px;
    background-color: #0aa1d8;
    box-shadow: 0 13px 36px 0 rgba(10, 161, 216, 0.5);
    text-align: center;
    position: absolute;
    bottom: 20px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center; }

.success-section-wrapper .success-bottom-page {
  width: 100%;
  position: relative; }
  .success-section-wrapper .success-bottom-page .scroll-up-btn {
    width: 56px;
    height: 56px;
    background-color: #586476;
    text-align: center;
    position: absolute;
    top: 30px;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 10;
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/onboarding-scroll-arrow.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg); }
  .success-section-wrapper .success-bottom-page .dark-overlay {
    background-color: #000000;
    height: calc(100% - 92px);
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0.67); }
    .success-section-wrapper .success-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: flex;
      width: max-content;
      z-index: 1;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 0 auto; }
      .success-section-wrapper .success-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: flex; }

@media only screen and (max-width: 1024px) and (max-height: 1366px) {
  .mobile-dot-page-indicator {
    display: flex; }
  .onboarding-header-wrapper.consolidate .nav-hamburger-wrapper .nav-hamburger {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger-consolidate.svg); }
  .onboarding-header-wrapper.discover .nav-hamburger-wrapper .nav-hamburger {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger-discover.svg); }
  .onboarding-header-wrapper.syndicate .nav-hamburger-wrapper .nav-hamburger {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger-syndicate.svg); }
  .onboarding-header-wrapper.manage .nav-hamburger-wrapper .nav-hamburger {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger-manage.svg); }
  .onboarding-header-wrapper.organize .nav-hamburger-wrapper .nav-hamburger {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger-organize.svg); }
  .onboarding-header-wrapper.earn .nav-hamburger-wrapper .nav-hamburger {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger-earn.svg); }
  .onboarding-header-wrapper.give .nav-hamburger-wrapper .nav-hamburger {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger-give.svg); }
  .onboarding-header-wrapper.success .nav-hamburger-wrapper .nav-hamburger {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger-success.svg); }
  .onboarding-header-wrapper .onboarding-webtalk-logo {
    top: 1px;
    position: relative;
    left: 3px; }
  .onboarding-header-wrapper .nav-hamburger-wrapper {
    display: grid;
    position: absolute;
    right: 28px;
    top: 30px;
    cursor: pointer; }
    .onboarding-header-wrapper .nav-hamburger-wrapper .nav-hamburger {
      display: block;
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger.svg);
      background-repeat: no-repeat;
      background-size: inherit;
      width: 32px;
      height: 8px;
      object-fit: contain; }
  .onboarding-header-wrapper .login-btn {
    top: 22px;
    right: 90px; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper {
    margin-top: 58px;
    width: 573px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
      line-height: 1.10;
      margin-top: 57px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-description {
      margin-top: 24px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper {
    margin-top: 58px;
    width: 573px; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
      line-height: 1.10;
      margin-top: 57px; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-description {
      margin-top: 24px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper {
    margin-top: 58px;
    width: 573px; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
      line-height: 1.10;
      margin-top: 57px; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-description {
      margin-top: 24px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper {
    margin-top: 58px;
    width: 573px; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
      line-height: 1.10;
      margin-top: 57px; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-description {
      margin-top: 24px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper {
    margin-top: 58px;
    width: 573px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
      line-height: 1.10;
      margin-top: 57px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-description {
      margin-top: 24px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper {
    margin-top: 58px;
    width: 683px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
      line-height: 1.10;
      margin-top: 57px;
      width: 72%;
      margin: 0 auto; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-description {
      margin-top: 24px; }
  .give-section-wrapper .give-top-page .give-wrapper {
    margin-top: 58px;
    width: 625px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-text {
      line-height: 1.10;
      margin-top: 57px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-description {
      margin-top: 24px; }
  .success-section-wrapper .success-top-page .success-wrapper {
    margin-top: 58px;
    width: 625px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-text {
      line-height: 1.10;
      margin-top: 57px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-description {
      margin-top: 24px; } }

@media only screen and (max-width: 1024px) and (max-height: 1320px) {
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper {
    margin-top: 58px;
    width: 573px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
      line-height: 1.10;
      margin-top: 57px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-description {
      margin-top: 24px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper {
    margin-top: 58px;
    width: 625px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
      line-height: 1.10;
      margin-top: 57px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-description {
      margin-top: 24px; }
  .give-section-wrapper .give-top-page .give-wrapper {
    margin-top: 58px;
    width: 625px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-text {
      line-height: 1.10;
      margin-top: 57px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-description {
      margin-top: 24px; }
  .success-section-wrapper .success-top-page .success-wrapper {
    margin-top: 58px;
    width: 625px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-text {
      line-height: 1.10;
      margin-top: 57px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-description {
      margin-top: 24px; } }

@media only screen and (max-width: 1024px) and (max-height: 1250px) {
  .mobile-dot-page-indicator {
    display: flex; } }

@media only screen and (max-width: 1024px) and (max-height: 1171px) {
  .mobile-dot-page-indicator {
    display: flex; } }

@media only screen and (max-width: 768px) and (max-height: 1024px) {
  .mobile-dot-page-indicator {
    display: flex; }
  .onboarding-header-wrapper .onboarding-webtalk-logo {
    top: 1px;
    position: relative;
    left: 3px; }
  .onboarding-header-wrapper .nav-hamburger-wrapper {
    display: grid;
    position: absolute;
    right: 28px;
    top: 30px; }
    .onboarding-header-wrapper .nav-hamburger-wrapper .nav-hamburger {
      display: block;
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger.svg);
      background-repeat: no-repeat;
      background-size: inherit;
      width: 32px;
      height: 8px;
      object-fit: contain; }
  .onboarding-header-wrapper .login-btn {
    top: 22px;
    right: 90px; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper {
    margin-top: 58px;
    width: 573px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
      line-height: 1.10;
      margin-top: 57px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-description {
      margin-top: 24px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper {
    margin-top: 58px;
    max-width: 573px;
    width: 100%; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
      line-height: 1.10;
      margin-top: 57px; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-description {
      margin-top: 24px;
      width: 100%; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper {
    margin-top: 58px;
    width: 573px;
    width: 100%; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
      line-height: 1.10;
      margin-top: 57px; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-description {
      margin-top: 24px;
      width: 100%; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper {
    margin-top: 58px;
    width: 573px;
    width: 100%; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
      line-height: 1.10;
      margin-top: 57px; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-description {
      margin-top: 24px;
      width: 100%; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper {
    margin-top: 58px;
    width: 625px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
      line-height: 1.10;
      margin-top: 57px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-description {
      margin-top: 24px; }
  .give-section-wrapper .give-top-page .give-wrapper {
    margin-top: 58px;
    width: 625px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-text {
      line-height: 1.10;
      margin-top: 57px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-description {
      margin-top: 24px; }
  .success-section-wrapper .success-top-page .success-wrapper {
    margin-top: 58px;
    width: 625px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-text {
      line-height: 1.10;
      margin-top: 57px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-description {
      margin-top: 24px; } }

.discover-section-wrapper .discover-top-page,
.syndicate-section-wrapper .syndicate-top-page,
.manage-section-wrapper .manage-top-page,
.organize-section-wrapper .organize-top-page,
.earn-section-wrapper .earn-top-page,
.give-section-wrapper .give-top-page,
.success-section-wrapper .success-top-page,
.consolidate-section-wrapper .consolidate-top-page {
  position: relative;
  height: fit-content; }
  @media screen and (orientation: portrait) and (max-device-width: 500px) {
    .discover-section-wrapper .discover-top-page,
    .syndicate-section-wrapper .syndicate-top-page,
    .manage-section-wrapper .manage-top-page,
    .organize-section-wrapper .organize-top-page,
    .earn-section-wrapper .earn-top-page,
    .give-section-wrapper .give-top-page,
    .success-section-wrapper .success-top-page,
    .consolidate-section-wrapper .consolidate-top-page {
      position: absolute; } }

@media only screen and (max-width: 1280px) and (max-height: 800px) {
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper {
    margin-top: 46px; } }

@media only screen and (max-width: 1366px) and (max-height: 768px) {
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper {
    margin-top: 36px;
    width: 100%; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper {
    margin-top: 36px;
    width: 100%; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper {
    margin-top: 36px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper {
    margin-top: 36px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper {
    margin-top: 36px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper {
    margin-top: 36px; }
  .give-section-wrapper .give-top-page .give-wrapper {
    margin-top: 36px; }
  .success-section-wrapper .success-top-page .success-wrapper {
    margin-top: 36px; } }

@media only screen and (max-width: 1024px) and (max-height: 768px) {
  .mobile-dot-page-indicator {
    display: flex; }
  .onboarding-header-wrapper .onboarding-webtalk-logo {
    top: 1px;
    position: relative;
    left: 3px; }
  .onboarding-header-wrapper .nav-hamburger-wrapper {
    display: grid;
    position: absolute;
    right: 28px;
    top: 30px; }
    .onboarding-header-wrapper .nav-hamburger-wrapper .nav-hamburger {
      display: block;
      background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/nav-hamburger.svg);
      background-repeat: no-repeat;
      background-size: inherit;
      width: 32px;
      height: 8px;
      object-fit: contain; }
  .onboarding-header-wrapper .login-btn {
    top: 22px;
    right: 90px; }
  .onboarding-header-wrapper .onboarding-nav-wrapper {
    display: none; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper {
    margin-top: 20px;
    width: 100%; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
      margin-top: 0px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-description {
      margin-top: 16px; }
  .consolidate-section-wrapper .consolidate-bottom-page {
    height: auto; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper {
    margin-top: 20px;
    width: 100%; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
      margin-top: 0px; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-description {
      margin-top: 16px; }
  .discover-section-wrapper .discover-bottom-page {
    height: auto; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper {
    margin-top: 20px;
    width: 100%; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
      margin-top: 0px; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-description {
      margin-top: 16px; }
  .syndicate-section-wrapper .syndicate-bottom-page {
    height: auto; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper {
    margin-top: 20px;
    width: 100%; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
      margin-top: 0px; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-description {
      margin-top: 16px; }
  .manage-section-wrapper .manage-bottom-page {
    height: auto; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper {
    max-width: 738px;
    width: 100%;
    margin-top: 20px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
      margin-top: 0px; }
  .organize-section-wrapper .organize-bottom-page {
    height: auto; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper {
    margin-top: 20px;
    width: 100%; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
      margin-top: 0px;
      width: 100%; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-description {
      margin-top: 16px; }
  .earn-section-wrapper .earn-bottom-page {
    height: auto; }
  .give-section-wrapper .give-top-page .give-wrapper {
    margin-top: 20px;
    width: 100%; }
    .give-section-wrapper .give-top-page .give-wrapper .give-text {
      margin-top: 0px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-description {
      margin-top: 16px; }
  .give-section-wrapper .give-bottom-page {
    height: auto; }
  .success-section-wrapper .success-top-page .success-wrapper {
    margin-top: 20px;
    width: 100%; }
    .success-section-wrapper .success-top-page .success-wrapper .success-text {
      margin-top: 0px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-description {
      margin-top: 16px; }
  .success-section-wrapper .success-bottom-page {
    height: auto; } }

@media only screen and (max-width: 1263px) {
  .onboarding-footer {
    display: block; }
    .onboarding-footer .onboarding-footer-links-wrapper {
      position: relative;
      left: 0px;
      text-align: center;
      margin-bottom: 6px; }
    .onboarding-footer .webtalk-2020 {
      text-align: center;
      margin-bottom: 6px;
      position: relative;
      right: auto; }
    .onboarding-footer .recaptcha-text {
      position: relative;
      right: 0; } }
  @media only screen and (max-width: 1263px) and (max-width: 767px) {
    .onboarding-footer {
      display: grid;
      grid-template-columns: [col] 60% [col] 40%; } }

@media only screen and (max-width: 1263px) {
  .capcha-terms-policy {
    margin: 0 auto;
    text-align: center; } }

@media only screen and (max-width: 840px) {
  .login-wrapper .login-form-wrapper {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px; } }

@media only screen and (max-width: 600px) {
  .mobile-dot-page-indicator {
    display: flex; }
  .signup-form-wrapper {
    width: 100%;
    margin: 0 auto; }
    .signup-form-wrapper .signup-content-wrapper {
      padding-left: 24px;
      padding-right: 24px; }
      .signup-form-wrapper .signup-content-wrapper .referred-screen .signup-header-wrapper {
        padding-top: 24px; }
        .signup-form-wrapper .signup-content-wrapper .referred-screen .signup-header-wrapper .signup-title {
          font-size: 42px; }
  .consolidate-section-wrapper .consolidate-top-page {
    position: relative; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper {
      margin-top: 0px;
      width: 100%; }
      .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
        font-size: 42px;
        line-height: 1.2;
        max-width: 331px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        left: 4px; }
      .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-description {
        font-size: 14px;
        line-height: 1.6;
        max-width: 327px;
        width: 100%;
        margin-top: 10px;
        position: relative;
        left: 2px; }
      .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper {
        width: 100%;
        width: calc(100% - 48px);
        position: relative;
        left: 3px;
        margin-top: 17px; }
        .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .watch-video-btn {
          width: 50%; }
        .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .signup-btn {
          width: 50%;
          margin-left: 9px; }
  .consolidate-section-wrapper .consolidate-bottom-page {
    height: auto; }
    .consolidate-section-wrapper .consolidate-bottom-page .scroll-up-btn {
      top: 18px; }
    .consolidate-section-wrapper .consolidate-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: block;
      width: 100%; }
      .consolidate-section-wrapper .consolidate-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper .signup-wrapper {
        margin: 0 auto;
        margin-bottom: 45px;
        width: calc(100% - 20px); }
  .onboarding-header-wrapper.consolidate .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-blue-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.consolidate .login-btn {
    border: none; }
  .discover-section-wrapper .discover-top-page {
    position: relative; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper {
      margin-top: 0px;
      width: 100%; }
      .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
        font-size: 42px;
        line-height: 1.2;
        max-width: 331px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        left: 4px; }
      .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-description {
        font-size: 14px;
        line-height: 1.6;
        max-width: 327px;
        width: 100%;
        margin-top: 10px;
        position: relative;
        left: 2px; }
      .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper {
        width: 100%;
        width: calc(100% - 48px);
        position: relative;
        left: 3px;
        margin-top: 17px; }
        .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .watch-video-btn {
          width: 50%; }
        .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .signup-btn {
          width: 50%;
          margin-left: 9px; }
  .discover-section-wrapper .discover-bottom-page {
    height: auto; }
    .discover-section-wrapper .discover-bottom-page .scroll-up-btn {
      top: 18px; }
    .discover-section-wrapper .discover-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: block;
      width: 100%; }
      .discover-section-wrapper .discover-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: block; }
        .discover-section-wrapper .discover-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper .signup-wrapper {
          margin: 0 auto;
          margin-bottom: 45px;
          width: calc(100% - 20px); }
  .onboarding-header-wrapper.discover .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-pink-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.discover .login-btn {
    border: none; }
  .syndicate-section-wrapper .syndicate-top-page {
    position: relative; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper {
      margin-top: 0px;
      width: 100%; }
      .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
        font-size: 42px;
        line-height: 1.2;
        max-width: 331px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        left: 4px; }
      .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-description {
        font-size: 14px;
        line-height: 1.6;
        max-width: 327px;
        width: 100%;
        margin-top: 10px;
        position: relative;
        left: 2px; }
      .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper {
        width: 100%;
        width: calc(100% - 48px);
        position: relative;
        left: 3px;
        margin-top: 17px; }
        .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn {
          width: 50%; }
        .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .signup-btn {
          width: 50%;
          margin-left: 9px; }
  .syndicate-section-wrapper .syndicate-bottom-page {
    height: auto; }
    .syndicate-section-wrapper .syndicate-bottom-page .scroll-up-btn {
      top: 18px; }
    .syndicate-section-wrapper .syndicate-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: block;
      width: 100%; }
      .syndicate-section-wrapper .syndicate-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: block; }
        .syndicate-section-wrapper .syndicate-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper .signup-wrapper {
          margin: 0 auto;
          margin-bottom: 45px;
          width: calc(100% - 20px); }
  .onboarding-header-wrapper.syndicate .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-orange-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.syndicate .login-btn {
    border: none; }
  .manage-section-wrapper .manage-top-page {
    position: relative; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper {
      margin-top: 0px;
      width: 100%; }
      .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
        font-size: 42px;
        line-height: 1.2;
        max-width: 331px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        left: 4px; } }
      @media only screen and (max-width: 600px) and (max-width: 600px) {
        .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
          max-width: 278px; } }

@media only screen and (max-width: 600px) {
      .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-description {
        font-size: 14px;
        line-height: 1.6;
        max-width: 327px;
        width: 100%;
        margin-top: 10px;
        position: relative;
        left: 2px; }
      .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper {
        width: 100%;
        width: calc(100% - 48px);
        position: relative;
        left: 3px;
        margin-top: 17px; }
        .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn {
          width: 50%; }
        .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .signup-btn {
          width: 50%;
          margin-left: 9px; }
  .manage-section-wrapper .manage-bottom-page {
    height: auto; }
    .manage-section-wrapper .manage-bottom-page .scroll-up-btn {
      top: 18px; }
    .manage-section-wrapper .manage-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: block;
      width: 100%; }
      .manage-section-wrapper .manage-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: block; }
        .manage-section-wrapper .manage-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper .signup-wrapper {
          margin: 0 auto;
          margin-bottom: 45px;
          width: calc(100% - 20px); }
  .onboarding-header-wrapper.manage .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-manage-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.manage .login-btn {
    border: none; }
  .organize-section-wrapper .organize-top-page {
    position: relative; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper {
      margin-top: 0px;
      width: 100%; }
      .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
        font-size: 42px;
        line-height: 1.2;
        max-width: 331px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        left: 4px; }
      .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-description {
        font-size: 14px;
        line-height: 1.6;
        max-width: 327px;
        width: 100%;
        margin-top: 10px;
        position: relative;
        left: 2px; }
      .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper {
        width: 100%;
        width: calc(100% - 48px);
        position: relative;
        left: 3px;
        margin-top: 17px; }
        .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .watch-video-btn {
          width: 50%; }
        .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .signup-btn {
          width: 50%;
          margin-left: 9px; }
  .organize-section-wrapper .organize-bottom-page {
    height: auto; }
    .organize-section-wrapper .organize-bottom-page .scroll-up-btn {
      top: 18px; }
    .organize-section-wrapper .organize-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: block;
      width: 100%; }
      .organize-section-wrapper .organize-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: block; }
        .organize-section-wrapper .organize-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper .signup-wrapper {
          margin: 0 auto;
          margin-bottom: 45px;
          width: calc(100% - 20px); }
  .onboarding-header-wrapper.organize .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-purple-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.organize .login-btn {
    border: none; }
  .earn-section-wrapper .earn-top-page {
    position: relative; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper {
      margin-top: 0px;
      width: 100%; }
      .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
        font-size: 42px;
        line-height: 1.2;
        max-width: 331px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        left: 4px; }
      .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-description {
        font-size: 14px;
        line-height: 1.6;
        max-width: 327px;
        width: 100%;
        margin-top: 10px;
        position: relative;
        left: 2px; }
      .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper {
        width: 100%;
        width: calc(100% - 48px);
        position: relative;
        left: 3px;
        margin-top: 17px; }
        .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .watch-video-btn {
          width: 50%; }
        .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .signup-btn {
          width: 50%;
          margin-left: 9px; }
  .earn-section-wrapper .earn-bottom-page {
    height: auto; }
    .earn-section-wrapper .earn-bottom-page .scroll-up-btn {
      top: 18px; }
    .earn-section-wrapper .earn-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: block;
      width: 100%; }
      .earn-section-wrapper .earn-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: block; }
        .earn-section-wrapper .earn-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper .signup-wrapper {
          margin: 0 auto;
          margin-bottom: 45px;
          width: calc(100% - 20px); }
  .onboarding-header-wrapper.earn .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-green-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.earn .login-btn {
    border: none; }
  .give-section-wrapper .give-top-page {
    position: relative; }
    .give-section-wrapper .give-top-page .give-wrapper {
      margin-top: 0px;
      width: 100%; }
      .give-section-wrapper .give-top-page .give-wrapper .give-text {
        font-size: 42px;
        line-height: 1.2;
        max-width: 331px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        left: 4px; }
      .give-section-wrapper .give-top-page .give-wrapper .give-description {
        font-size: 14px;
        line-height: 1.6;
        max-width: 327px;
        width: 100%;
        margin-top: 10px;
        position: relative;
        left: 2px; }
      .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper {
        width: 100%;
        width: calc(100% - 48px);
        position: relative;
        left: 3px;
        margin-top: 17px; }
        .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .watch-video-btn {
          width: 50%; }
        .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .signup-btn {
          width: 50%;
          margin-left: 9px; }
  .give-section-wrapper .give-bottom-page {
    height: auto; }
    .give-section-wrapper .give-bottom-page .scroll-up-btn {
      top: 18px; }
    .give-section-wrapper .give-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: block;
      width: 100%; }
      .give-section-wrapper .give-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: block; }
        .give-section-wrapper .give-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper .signup-wrapper {
          margin: 0 auto;
          margin-bottom: 45px;
          width: calc(100% - 20px); }
  .onboarding-header-wrapper.give .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-red-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.give .login-btn {
    border: none; }
  .onboarding-header-wrapper.earn .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-green-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.earn .login-btn {
    border: none; }
  .success-section-wrapper .success-top-page {
    position: relative; }
    .success-section-wrapper .success-top-page .success-wrapper {
      margin-top: 0px;
      width: 100%; }
      .success-section-wrapper .success-top-page .success-wrapper .success-text {
        font-size: 42px;
        line-height: 1.2;
        max-width: 331px;
        width: 100%;
        margin: 0 auto;
        position: relative;
        left: 4px; }
      .success-section-wrapper .success-top-page .success-wrapper .success-description {
        font-size: 14px;
        line-height: 1.6;
        max-width: 327px;
        width: 100%;
        margin-top: 10px;
        position: relative;
        left: 2px; }
      .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper {
        width: 100%;
        width: calc(100% - 48px);
        position: relative;
        left: 3px;
        margin-top: 17px; }
        .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .watch-video-btn {
          width: 50%; }
        .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .signup-btn {
          width: 50%;
          margin-left: 9px; }
  .success-section-wrapper .success-bottom-page {
    height: auto; }
    .success-section-wrapper .success-bottom-page .scroll-up-btn {
      top: 18px; }
    .success-section-wrapper .success-bottom-page .dark-overlay .dark-overlay-contents-wrapper {
      display: block;
      width: 100%; }
      .success-section-wrapper .success-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper {
        display: block; }
        .success-section-wrapper .success-bottom-page .dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper .signup-wrapper {
          margin: 0 auto;
          margin-bottom: 45px;
          width: calc(100% - 20px); }
  .onboarding-header-wrapper.success .onboarding-webtalk-logo {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-babyblue-mobile.svg);
    width: 157px;
    height: 21.9px;
    object-fit: contain; }
  .onboarding-header-wrapper.success .login-btn {
    border: none; }
  .onboarding-header-wrapper {
    padding: 20px 24px 24px 24px; }
    .onboarding-header-wrapper .login-btn {
      width: 38px;
      height: 19px;
      font-size: 14px;
      line-height: initial;
      top: 28px;
      right: 65px; }
    .onboarding-header-wrapper .login-btn.signup {
      width: 55px; }
    .onboarding-header-wrapper .nav-hamburger-wrapper {
      right: 23px;
      top: 25px; }
      .onboarding-header-wrapper .nav-hamburger-wrapper .nav-hamburger {
        width: 20px;
        height: 7px; } }

@media only screen and (max-width: 411px) and (max-height: 823px) {
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper {
    width: calc(100% - 80px); }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper {
    width: calc(100% - 80px); }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper {
    width: calc(100% - 80px); }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper {
    width: calc(100% - 80px); }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper {
    width: calc(100% - 80px); }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper {
    width: calc(100% - 80px); }
  .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper {
    width: calc(100% - 80px); }
  .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper {
    width: calc(100% - 80px); } }

@media only screen and (max-width: 414px) and (max-height: 736px) {
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .mobile-dot-page-indicator.consolidate {
    margin-top: 21px; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
    margin-top: 30px; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper {
    width: calc(100% - 80px); }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .watch-video-btn {
      width: 160px;
      line-height: 52px;
      height: 52px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .signup-btn {
      width: 160px;
      line-height: 54px;
      height: 54px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .mobile-dot-page-indicator.discover {
    margin-top: 21px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
    margin-top: 30px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper {
    width: calc(100% - 80px); }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .watch-video-btn {
      width: 160px;
      line-height: 52px;
      height: 52px; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .signup-btn {
      width: 160px;
      line-height: 54px;
      height: 54px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .mobile-dot-page-indicator.syndicate {
    margin-top: 21px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
    margin-top: 30px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper {
    width: calc(100% - 80px); }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn {
      width: 160px;
      line-height: 52px;
      height: 52px; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .signup-btn {
      width: 160px;
      line-height: 54px;
      height: 54px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .mobile-dot-page-indicator.manage {
    margin-top: 21px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
    margin-top: 30px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper {
    width: calc(100% - 80px); }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn {
      width: 160px;
      line-height: 52px;
      height: 52px; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .signup-btn {
      width: 160px;
      line-height: 54px;
      height: 54px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .mobile-dot-page-indicator.syndicate {
    margin-top: 21px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
    margin-top: 30px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper {
    width: calc(100% - 80px); }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .watch-video-btn {
      width: 160px;
      line-height: 52px;
      height: 52px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .signup-btn {
      width: 160px;
      line-height: 54px;
      height: 54px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .income-calc-btn {
    margin-top: 15px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .mobile-dot-page-indicator.earn {
    margin-top: 21px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
    margin-top: 30px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper {
    width: calc(100% - 80px); }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .watch-video-btn {
      width: 160px;
      line-height: 52px;
      height: 52px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .signup-btn {
      width: 160px;
      line-height: 54px;
      height: 54px; }
  .give-section-wrapper .give-top-page .give-wrapper .mobile-dot-page-indicator.give {
    margin-top: 21px; }
  .give-section-wrapper .give-top-page .give-wrapper .give-text {
    margin-top: 30px; }
  .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper {
    width: calc(100% - 80px); }
    .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .watch-video-btn {
      width: 160px;
      line-height: 52px;
      height: 52px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .signup-btn {
      width: 160px;
      line-height: 54px;
      height: 54px; }
  .success-section-wrapper .success-top-page .success-wrapper .mobile-dot-page-indicator.success {
    margin-top: 21px; }
  .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper {
    width: calc(100% - 80px); }
    .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .watch-video-btn {
      width: 160px;
      line-height: 52px;
      height: 52px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .signup-btn {
      width: 160px;
      line-height: 54px;
      height: 54px; } }

@media only screen and (max-width: 375px) and (max-height: 667px) {
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper {
    width: calc(100% - 48px); }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper {
    width: calc(100% - 48px); }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper {
    width: calc(100% - 48px); }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper {
    width: calc(100% - 48px); }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper {
    width: calc(100% - 48px); }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper {
    width: calc(100% - 48px); }
  .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper {
    width: calc(100% - 48px); }
  .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper {
    width: calc(100% - 48px); } }

@media only screen and (max-width: 411px) and (max-height: 731px) {
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
    margin-top: 1px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
    margin-top: 1px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
    margin-top: 1px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
    margin-top: 1px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
    margin-top: 1px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
    margin-top: 1px; }
  .give-section-wrapper .give-top-page .give-wrapper .give-text {
    margin-top: 1px; } }

@media only screen and (max-width: 320px) {
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
    max-width: 300px;
    line-height: 41px; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-description {
    max-width: 270px;
    font-size: 13px; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .signup-btn {
    font-size: 12px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
    max-width: 300px;
    line-height: 41px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-description {
    max-width: 270px;
    font-size: 13px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .signup-btn {
    font-size: 12px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
    max-width: 300px;
    line-height: 41px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-description {
    max-width: 270px;
    font-size: 13px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .signup-btn {
    font-size: 12px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
    max-width: 300px;
    line-height: 41px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-description {
    max-width: 270px;
    font-size: 13px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .signup-btn {
    font-size: 12px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
    max-width: 300px;
    line-height: 41px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-description {
    max-width: 270px;
    font-size: 13px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .signup-btn {
    font-size: 12px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
    max-width: 300px;
    line-height: 41px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-description {
    max-width: 270px;
    font-size: 13px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .signup-btn {
    font-size: 12px; }
  .give-section-wrapper .give-top-page .give-wrapper .give-text {
    max-width: 300px;
    line-height: 41px; }
  .give-section-wrapper .give-top-page .give-wrapper .give-description {
    max-width: 270px;
    font-size: 13px; }
  .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .signup-btn {
    font-size: 12px; }
  .success-section-wrapper .success-top-page .success-wrapper .success-text {
    max-width: 300px;
    line-height: 41px; }
  .success-section-wrapper .success-top-page .success-wrapper .success-description {
    max-width: 270px;
    font-size: 13px; }
  .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .signup-btn {
    font-size: 12px; } }

@media screen and (orientation: landscape) and (max-device-width: 823px) {
  .onboarding-header-wrapper.consolidate .login-btn {
    border: none; }
  .onboarding-header-wrapper.discover .login-btn {
    border: none; }
  .onboarding-header-wrapper.syndicate .login-btn {
    border: none; }
  .onboarding-header-wrapper.manage .login-btn {
    border: none; }
  .onboarding-header-wrapper.organize .login-btn {
    border: none; }
  .onboarding-header-wrapper.earn .login-btn {
    border: none; }
  .onboarding-header-wrapper.give .login-btn {
    border: none; }
  .onboarding-header-wrapper.success .login-btn {
    border: none; }
  .onboarding-header-wrapper {
    padding: 20px 24px 24px 24px; }
    .onboarding-header-wrapper .login-btn {
      border: none; }
    .onboarding-header-wrapper .login-btn.signup {
      width: 55px; }
    .onboarding-header-wrapper .login-btn {
      width: 38px;
      height: 19px;
      font-size: 14px;
      line-height: initial;
      top: 28px;
      right: 65px; }
    .onboarding-header-wrapper .nav-hamburger-wrapper {
      right: 23px;
      top: 25px; }
      .onboarding-header-wrapper .nav-hamburger-wrapper .nav-hamburger {
        width: 20px;
        height: 7px; }
  .mobile-dot-page-indicator {
    margin-top: 19px; }
  .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper {
    margin-top: 4px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-text {
      max-width: max-content;
      font-size: 42px;
      margin: 0 auto; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-description {
      max-width: 481px;
      font-size: 14px;
      margin-top: 10px; }
    .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper {
      width: max-content;
      margin-top: 16px; }
      .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .watch-video-btn {
        width: 180px;
        height: 54px; }
      .consolidate-section-wrapper .consolidate-top-page .better-toguether-wrapper .better-toguether-btn-wrapper .signup-btn {
        width: 180px;
        height: 54px; }
  .discover-section-wrapper .discover-top-page .find-befound-wrapper {
    margin-top: 4px; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-text {
      max-width: max-content;
      font-size: 42px;
      margin: 0 auto; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-description {
      max-width: 481px;
      font-size: 14px;
      margin-top: 10px; }
    .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper {
      width: max-content;
      margin-top: 16px; }
      .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .watch-video-btn {
        width: 180px;
        height: 54px; }
      .discover-section-wrapper .discover-top-page .find-befound-wrapper .find-befound-btn-wrapper .signup-btn {
        width: 180px;
        height: 54px; }
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper {
    margin-top: 4px; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-text {
      max-width: max-content;
      font-size: 42px;
      margin: 0 auto; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-description {
      max-width: 481px;
      font-size: 14px;
      margin-top: 10px; }
    .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper {
      width: max-content;
      margin-top: 16px; }
      .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn {
        width: 180px;
        height: 54px; }
      .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper .onepost-btn-wrapper .signup-btn {
        width: 180px;
        height: 54px; }
  .manage-section-wrapper .manage-top-page .onepost-wrapper {
    margin-top: 4px; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-text {
      max-width: max-content;
      font-size: 42px;
      margin: 0 auto; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-description {
      max-width: 481px;
      font-size: 14px;
      margin-top: 10px; }
    .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper {
      width: max-content;
      margin-top: 16px; }
      .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .watch-video-btn {
        width: 180px;
        height: 54px; }
      .manage-section-wrapper .manage-top-page .onepost-wrapper .onepost-btn-wrapper .signup-btn {
        width: 180px;
        height: 54px; }
  .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper {
    margin-top: 4px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-text {
      max-width: max-content;
      font-size: 42px;
      margin: 0 auto; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-description {
      max-width: 481px;
      font-size: 14px;
      margin-top: 10px; }
    .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper {
      width: max-content;
      margin-top: 16px; }
      .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .watch-video-btn {
        width: 180px;
        height: 54px; }
      .organize-section-wrapper .organize-top-page .finally-a-crm-wrapper .finally-a-crm-btn-wrapper .signup-btn {
        width: 180px;
        height: 54px; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper {
    margin-top: 4px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-text {
      max-width: max-content;
      font-size: 42px;
      margin: 0 auto; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-description {
      max-width: 481px;
      font-size: 14px;
      margin-top: 10px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper {
      width: max-content;
      margin-top: 16px; }
      .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .watch-video-btn {
        width: 180px;
        height: 54px; }
      .earn-section-wrapper .earn-top-page .free-money-wrapper .free-money-btn-wrapper .signup-btn {
        width: 180px;
        height: 54px; }
    .earn-section-wrapper .earn-top-page .free-money-wrapper .income-calc-btn {
      display: none; }
  .earn-section-wrapper .earn-top-page .income-calc-btn.mobile {
    font-family: Open Sans, arial;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.34px;
    color: #006aff;
    display: flex;
    width: max-content;
    margin: 0 auto;
    cursor: pointer;
    bottom: 38px;
    margin-top: 20px; }
    .earn-section-wrapper .earn-top-page .income-calc-btn.mobile::before {
      content: "";
      background-image: url(/common/images/calc-earn-icon.svg);
      width: 15.8px;
      height: 18px;
      object-fit: contain;
      background-repeat: no-repeat;
      background-size: contain;
      margin-right: 12px;
      position: relative;
      top: 2px; }
  .give-section-wrapper .give-top-page .give-wrapper {
    margin-top: 4px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-text {
      max-width: max-content;
      font-size: 42px;
      margin: 0 auto; }
    .give-section-wrapper .give-top-page .give-wrapper .give-description {
      max-width: 481px;
      font-size: 14px;
      margin-top: 10px; }
    .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper {
      width: max-content;
      margin-top: 16px; }
      .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .watch-video-btn {
        width: 180px;
        height: 54px; }
      .give-section-wrapper .give-top-page .give-wrapper .give-btn-wrapper .signup-btn {
        width: 180px;
        height: 54px; }
  .success-section-wrapper .success-top-page .success-wrapper {
    margin-top: 4px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-text {
      max-width: max-content;
      font-size: 42px;
      margin: 0 auto; }
    .success-section-wrapper .success-top-page .success-wrapper .success-description {
      max-width: 481px;
      font-size: 14px;
      margin-top: 10px; }
    .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper {
      width: max-content;
      margin-top: 16px; }
      .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .watch-video-btn {
        width: 180px;
        height: 54px; }
      .success-section-wrapper .success-top-page .success-wrapper .success-btn-wrapper .signup-btn {
        width: 180px;
        height: 54px; } }

@media screen and (orientation: landscape) and (min-device-width: 320px) and (max-device-width: 600px) {
  .mobile-dot-page-indicator.earn {
    margin-top: 10px; }
  .consolidate-section-wrapper .consolidate-top-page .scroll-down-btn {
    box-shadow: none;
    right: auto;
    left: 20px;
    z-index: 1000; }
  .discover-section-wrapper .discover-top-page .scroll-down-btn {
    box-shadow: none;
    right: auto;
    left: 20px;
    z-index: 1000; }
  .syndicate-section-wrapper .syndicate-top-page .scroll-down-btn {
    box-shadow: none;
    right: auto;
    left: 20px;
    z-index: 1000; }
  .manage-section-wrapper .manage-top-page .scroll-down-btn {
    box-shadow: none;
    right: auto;
    left: 20px;
    z-index: 1000; }
  .organize-section-wrapper .organize-top-page .scroll-down-btn {
    box-shadow: none;
    right: auto;
    left: 20px;
    z-index: 1000; }
  .earn-section-wrapper .earn-top-page .free-money-wrapper .income-calc-btn {
    right: auto;
    top: auto;
    display: flex;
    position: relative;
    margin-top: 8px; }
  .earn-section-wrapper .earn-top-page .scroll-down-btn {
    box-shadow: none;
    right: auto;
    left: 20px;
    z-index: 1000; }
  .earn-section-wrapper .earn-top-page .income-calc-btn.mobile {
    display: none; }
  .give-section-wrapper .give-top-page .scroll-down-btn {
    box-shadow: none;
    right: auto;
    left: 20px;
    z-index: 1000; }
  .success-section-wrapper .success-top-page .scroll-down-btn {
    box-shadow: none;
    right: auto;
    left: 20px;
    z-index: 1000; } }

.save-basic-data-btn {
  width: 100%;
  display: block;
  background-color: #004493;
  line-height: 46px;
  margin: 0 auto;
  margin-top: 10px;
  color: #fff;
  border-radius: 100px;
  cursor: pointer; }

.confirmation-error-message {
  color: #f44036;
  font-size: 13px;
  margin-top: 2px;
  font-family: Montserrat, arial;
  z-index: 0;
  margin: 0;
  text-align: left;
  display: block; }

.confirm-verification-code-label {
  font-family: Montserrat, arial;
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #475163;
  margin-bottom: 10px; }

@media only screen and (max-width: 600px) {
  .reset-form-wrapper .reset-inputs.reset-password-input, .reset-password-form-wrapper .reset-inputs.reset-password-input {
    margin-top: 0px; } }

.reset-form-wrapper .reset-inputs, .reset-password-form-wrapper .reset-inputs {
  text-align: left; }
  .reset-form-wrapper .reset-inputs .reset-password-btn-wrapper, .reset-password-form-wrapper .reset-inputs .reset-password-btn-wrapper {
    display: grid; }
    .reset-form-wrapper .reset-inputs .reset-password-btn-wrapper .back-to-login-btn, .reset-password-form-wrapper .reset-inputs .reset-password-btn-wrapper .back-to-login-btn {
      margin-top: 16px;
      font-family: Open Sans, arial;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #004493;
      cursor: pointer;
      text-align: center;
      text-decoration: none; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes tooltipFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes tooltipFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes tooltipFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes tooltipFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes tooltipFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes tooltipFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes tooltipFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes tooltipFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes tooltipFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes tooltipFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.undo-tooltip.show {
  animation: tooltipFadeIn ease 0.5s;
  -webkit-animation: tooltipFadeIn ease 0.5s;
  -moz-animation: tooltipFadeIn ease 0.5s;
  -o-animation: tooltipFadeIn ease 0.5s;
  -ms-animation: tooltipFadeIn ease 0.5s;
  animation-fill-mode: forwards; }

.undo-tooltip.hide {
  animation: tooltipFadeOut ease 0.5s;
  -webkit-animation: tooltipFadeOut ease 0.5s;
  -moz-animation: tooltipFadeOut ease 0.5s;
  -o-animation: tooltipFadeOut ease 0.5s;
  -ms-animation: tooltipFadeOut ease 0.5s;
  animation-fill-mode: forwards; }

.undo-tooltip.email {
  top: -108px; }

.undo-tooltip.email.error-toaster {
  top: -73px; }

.undo-tooltip.error-toaster {
  border: solid 1px #ff0000;
  background-color: #ffebeb; }
  .undo-tooltip.error-toaster .filename {
    color: #ff0000; }
  .undo-tooltip.error-toaster .close-tooltip {
    background-image: url("/common/images/icons/tooltip-close-red.svg"); }

@media only screen and (max-width: 1024px) {
  .undo-tooltip.reset {
    width: calc(100% - 0px);
    top: 10px; } }

.undo-tooltip {
  opacity: 0;
  max-width: 500px;
  height: auto;
  border-radius: 4px;
  border: solid 1px #0aa1d8;
  background-color: #e7f8ff;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 16px;
  padding-right: 17px;
  top: -73px;
  left: 0px;
  right: 0px;
  margin: auto;
  position: absolute;
  display: flex;
  margin-bottom: 20px;
  z-index: 2000; }
  @media only screen and (max-width: 1024px) {
    .undo-tooltip {
      width: calc(100% - 35px);
      top: 10px; } }
  .undo-tooltip .tooltip-text-wrapper {
    display: flex;
    width: 100%; }
  .undo-tooltip .filename {
    font-family: "Open Sans", arial;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0aa1d8;
    word-break: break-word;
    margin-right: 8px;
    margin-bottom: 0px;
    margin-top: 0px; }
  .undo-tooltip .close-tooltip {
    background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/icons/tooltip-close-blue.svg);
    width: 14px;
    object-fit: contain;
    background-repeat: no-repeat;
    margin-left: 0px;
    position: relative;
    min-width: 14px;
    cursor: pointer;
    height: auto;
    background-size: 14px;
    background-position-y: 50%;
    left: 8px;
    top: auto !important; }

.undo-tooltip.email-verification {
  top: 40px; }

@media only screen and (max-height: 700px) and (min-width: 600px) {
  .undo-tooltip {
    top: -20px; }
  .undo-tooltip.email {
    top: -20px; }
  .undo-tooltip.email.error-toaster {
    top: -20px; } }

@media only screen and (max-width: 600px) {
  .undo-tooltip {
    top: 10px; }
  .undo-tooltip.email {
    top: 10px; }
  .undo-tooltip.email.error-toaster {
    top: 10px; }
  .undo-tooltip.email-verification {
    top: 10px; } }

.phone-error-message {
  color: #f44036;
  font-size: 13px;
  margin-top: 2px;
  font-family: Montserrat, arial;
  z-index: 0;
  margin: 0;
  text-align: left;
  display: block; }

.country-code-input-wrapper {
  display: flex;
  border: solid 1px #cfd4db;
  border-radius: 4px;
  width: 100%;
  max-height: 43px; }
  .country-code-input-wrapper .phone-input.error {
    border: 2px solid #f44036; }
  .country-code-input-wrapper .phone-input {
    background-color: #fafafc; }
  .country-code-input-wrapper .phone-input {
    border: none;
    outline: none;
    max-height: 43px;
    background-color: #ffffff;
    padding-left: 10px; }

.confirm-code-wrapper .confirmation-wrapper .confirmation-error-message {
  color: #f44036;
  font-size: 13px;
  margin-top: 2px;
  font-family: Montserrat, arial;
  z-index: 0;
  margin: 0;
  text-align: left;
  display: block; }

.confirm-code-wrapper .confirmation-wrapper .confirmation-input.error {
  border: 2px solid #f44036; }

.confirm-code-wrapper .confirmation-wrapper .confirm-label {
  font-family: Montserrat, arial;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #475163;
  margin-bottom: 10px; }

.confirm-code-wrapper .confirm-code-footer .received-code-text {
  font-family: Open Sans, arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #475163;
  margin-top: 0px; }
  .confirm-code-wrapper .confirm-code-footer .received-code-text a {
    font-weight: 600;
    color: #0aa1d8;
    cursor: pointer; }

.confirmation-wrapper .phone-label {
  font-family: Montserrat, arial;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #475163; }

.phone-verifucation-footer .six-digit-text {
  font-family: Montserrat, arial;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #39404c; }

.phone-verifucation-footer h5 {
  font-family: Open Sans, arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #475163; }
  .phone-verifucation-footer h5 a {
    font-weight: 600;
    color: #0aa1d8;
    cursor: pointer; }

.formfieldCountryCode.no-code-input.fix-width-to-input-with #countryCodeListWrapper #countryCodeList {
  width: calc(100% - 0px);
  right: auto; }

.formfieldCountryCode.no-code-input {
  height: 43px; }
  .formfieldCountryCode.no-code-input .intl-tel-input {
    width: 47px; }
    .formfieldCountryCode.no-code-input .intl-tel-input input {
      display: none; }
    .formfieldCountryCode.no-code-input .intl-tel-input .countryCodeDropdown {
      position: relative;
      height: 43px; }
  .formfieldCountryCode.no-code-input #countryCodeListWrapper #countryCodeList {
    right: 13px;
    width: calc(100% - 32px);
    text-align: left;
    font-size: 12px;
    overflow-x: hidden; }
    .formfieldCountryCode.no-code-input #countryCodeListWrapper #countryCodeList .country-list {
      width: calc(100% - 10px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100px; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input {
    position: relative;
    z-index: 0;
    outline: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 48px;
    margin-left: 0;
    transition: background-color 100ms ease-out; }
    .intl-tel-input input[type="text"], .intl-tel-input input[type="tel"] {
      position: relative;
      z-index: 0;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding-left: 48px;
      margin-left: 0;
      transition: background-color 100ms ease-out; }
    .intl-tel-input input .iti-invalid-key {
      transition: background-color 100ms ease-out;
      background-color: #ffc7c7; }
    .intl-tel-input input[disabled] + .flag-dropdown:hover,
    .intl-tel-input input[readonly] + .flag-dropdown:hover,
    .intl-tel-input input[disabled] + .flag-container:hover,
    .intl-tel-input input[readonly] + .flag-container:hover {
      cursor: default; }
      .intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag,
      .intl-tel-input input[readonly] + .flag-dropdown:hover .selected-flag,
      .intl-tel-input input[disabled] + .flag-container:hover .selected-flag,
      .intl-tel-input input[readonly] + .flag-container:hover .selected-flag {
        background-color: transparent; }
  .intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px; }
    .intl-tel-input .flag-dropdown:hover {
      cursor: pointer; }
      .intl-tel-input .flag-dropdown:hover .selected-flag {
        background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px; }
    .intl-tel-input .flag-container:hover {
      cursor: pointer; }
      .intl-tel-input .flag-container:hover .selected-flag {
        background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 42px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .arrow {
      position: relative;
      top: 50%;
      margin-top: -2px;
      left: 24px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
    .intl-tel-input .selected-flag .arrow.up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
    .intl-tel-input .country-list .flag {
      display: inline-block;
      width: 20px;
      vertical-align: middle;
      margin-right: 6px; }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #ccc; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
      .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .country-name {
      vertical-align: middle;
      margin-right: 6px; }
    .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
  .intl-tel-input select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 42px;
    height: 100%;
    opacity: 0; }

.iti-flag {
  width: 20px;
  height: 15px;
  background: #dbdbdb url(https://wtdemo.webtalk.co/static/public/app/assets/images/flags.png) 100% 100%; }
  .iti-flag.ac {
    height: 10px;
    background-position: -189px -222.5px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -63px -31.5px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -247px -77px; }
  .iti-flag.af {
    height: 13.5px;
    background-position: -147px -150px; }
  .iti-flag.ag {
    height: 13.5px;
    background-position: -63px -135.5px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -247px -132px; }
  .iti-flag.al {
    height: 14.5px;
    background-position: -42px -32px; }
  .iti-flag.am {
    height: 10px;
    background-position: -210px -234px; }
  .iti-flag.ao {
    height: 13.5px;
    background-position: -84px -43.5px; }
  .iti-flag.aq {
    height: 13.5px;
    background-position: -21px -77.5px; }
  .iti-flag.ar {
    height: 12.5px;
    background-position: -100px -193.5px; }
  .iti-flag.as {
    height: 10px;
    background-position: -84px -234px; }
  .iti-flag.at {
    height: 13.5px;
    background-position: -126px -87px; }
  .iti-flag.au {
    height: 10px;
    background-position: -247px -33px; }
  .iti-flag.aw {
    height: 13.5px;
    background-position: 0px -121px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -37px -193.5px; }
  .iti-flag.az {
    height: 10px;
    background-position: -42px -245px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -268px -33px; }
  .iti-flag.bb {
    height: 13.5px;
    background-position: -147px -135.5px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -210px -118px; }
  .iti-flag.be {
    height: 15px;
    background-position: 0px -193.5px;
    width: 17.5px; }
  .iti-flag.bf {
    height: 13.5px;
    background-position: -168px -101.5px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -210px -66px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -210px -79px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -210px -144px; }
  .iti-flag.bj {
    height: 13.5px;
    background-position: -21px -63px; }
  .iti-flag.bl {
    height: 13.5px;
    background-position: -42px -63px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -210px -222.5px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -21px -234px; }
  .iti-flag.bo {
    height: 13.5px;
    background-position: -63px -63px; }
  .iti-flag.bq {
    height: 13.5px;
    background-position: -84px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -63px -46.5px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -247px -55px; }
  .iti-flag.bt {
    height: 13.5px;
    background-position: -84px -29px; }
  .iti-flag.bv {
    height: 14.5px;
    background-position: 0px -32px; }
  .iti-flag.bw {
    height: 13.5px;
    background-position: -84px -58px; }
  .iti-flag.by {
    height: 10px;
    background-position: -84px -256px; }
  .iti-flag.bz {
    height: 13.5px;
    background-position: 0px -77.5px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -268px -55px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -268px -121px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -42px 0px; }
  .iti-flag.cf, .iti-flag.media, .iti-flag.media__actions, .iti-flag.island, .iti-flag.spinner-box, .iti-flag.islet, .iti-flag.list--icon-select, .iti-flag.header__nav, .iti-flag.nav-main, .iti-flag.separator, .iti-flag.separator--center {
    height: 13.5px;
    background-position: -42px -77.5px; }
  .iti-flag.cg {
    height: 13.5px;
    background-position: -63px -77.5px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -231px 0px;
    width: 15px; }
  .iti-flag.ci {
    height: 13.5px;
    background-position: -105px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -247px -22px; }
  .iti-flag.cl {
    height: 13.5px;
    background-position: -105px -14.5px; }
  .iti-flag.cm {
    height: 13.5px;
    background-position: -105px -29px; }
  .iti-flag.cn {
    height: 13.5px;
    background-position: -105px -43.5px; }
  .iti-flag.co {
    height: 13.5px;
    background-position: -105px -58px; }
  .iti-flag.cp {
    height: 13.5px;
    background-position: -105px -72.5px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -84px -209.5px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -126px -256px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -63px -209.5px; }
  .iti-flag.cw {
    height: 13.5px;
    background-position: -42px -92px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -268px -77px; }
  .iti-flag.cy {
    height: 13.5px;
    background-position: -63px -92px; }
  .iti-flag.cz {
    height: 13.5px;
    background-position: -84px -92px; }
  .iti-flag.de {
    height: 12px;
    background-position: -42px -209.5px; }
  .iti-flag.dg {
    height: 10px;
    background-position: 0px -234px; }
  .iti-flag .iti-flag.dj {
    height: 13.5px;
    background-position: 0px -106.5px; }
  .iti-flag .iti-flag.dk {
    height: 15px;
    background-position: -21px -16px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -189px -234px; }
  .iti-flag.do {
    height: 12.5px;
    background-position: -210px -13.5px; }
  .iti-flag.dz {
    height: 13.5px;
    background-position: -63px -106.5px; }
  .iti-flag.ea {
    height: 13.5px;
    background-position: -84px -106.5px; }
  .iti-flag.ec {
    height: 13.5px;
    background-position: -105px -106.5px; }
  .iti-flag.ee {
    height: 12.5px;
    background-position: -210px 0px; }
  .iti-flag.eg {
    height: 13.5px;
    background-position: -126px -14.5px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -247px -165px; }
  .iti-flag.er {
    height: 10px;
    background-position: -247px -209px; }
  .iti-flag.es {
    height: 13.5px;
    background-position: -126px -29px; }
  .iti-flag.et {
    height: 10px;
    background-position: -189px -245px; }
  .iti-flag.eu {
    height: 13.5px;
    background-position: -126px -43.5px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -210px -183px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -210px -256px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -268px 0px; }
  .iti-flag.fm {
    height: 10.5px;
    background-position: -21px -222.5px; }
  .iti-flag.fo {
    height: 14.5px;
    background-position: -21px -32px; }
  .iti-flag.fr {
    height: 13.5px;
    background-position: -126px -101.5px; }
  .iti-flag.ga {
    height: 15px;
    background-position: 0 0; }
  .iti-flag.gb {
    height: 10px;
    background-position: -268px -132px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -210px -157px; }
  .iti-flag.ge {
    height: 13.5px;
    background-position: -42px -121px; }
  .iti-flag.gf {
    height: 13.5px;
    background-position: -63px -121px; }
  .iti-flag.gg {
    height: 13.5px;
    background-position: -84px -121px; }
  .iti-flag.gh {
    height: 13.5px;
    background-position: -105px -121px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -105px -234px; }
  .iti-flag.gl {
    height: 13.5px;
    background-position: -126px -121px; }
  .iti-flag.gm {
    height: 13.5px;
    background-position: -147px 0px; }
  .iti-flag.gn {
    height: 13.5px;
    background-position: -147px -14.5px; }
  .iti-flag.gp {
    height: 13.5px;
    background-position: -147px -29px; }
  .iti-flag.gq {
    height: 13.5px;
    background-position: -147px -43.5px; }
  .iti-flag.gr {
    height: 13.5px;
    background-position: -147px -58px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -247px -121px; }
  .iti-flag.gt {
    height: 12.5px;
    background-position: -163px -193.5px; }
  .iti-flag.gu {
    height: 10.5px;
    background-position: -42px -222.5px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -247px -198px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -105px -209.5px; }
  .iti-flag.hk {
    height: 13.5px;
    background-position: -147px -116px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -63px -245px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -84px -245px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -168px -245px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -210px -92px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -231px -245px; }
  .iti-flag.ic {
    height: 13.5px;
    background-position: -21px -135.5px; }
  .iti-flag.id {
    height: 13.5px;
    background-position: -42px -135.5px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -189px -256px; }
  .iti-flag.il {
    height: 14.5px;
    background-position: 0px -47.5px; }
  .iti-flag.im {
    height: 10px;
    background-position: -231px -256px; }
  .iti-flag.in {
    height: 13.5px;
    background-position: -84px -135.5px; }
  .iti-flag.io {
    height: 10px;
    background-position: -268px -11px; }
  .iti-flag.iq {
    height: 13.5px;
    background-position: -105px -135.5px; }
  .iti-flag.ir {
    height: 11.5px;
    background-position: -126px -209.5px; }
  .iti-flag.is {
    height: 14.5px;
    background-position: -21px -47.5px; }
  .iti-flag.it {
    height: 13.5px;
    background-position: 0px -150px; }
  .iti-flag.je {
    height: 12px;
    background-position: -210px -53px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -268px -154px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -268px -165px; }
  .iti-flag.jp {
    height: 13.5px;
    background-position: -42px -150px; }
  .iti-flag.ke {
    height: 13.5px;
    background-position: -63px -150px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -210px -40px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -58px -193.5px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -63px -234px; }
  .iti-flag.km {
    height: 12px;
    background-position: -21px -209.5px; }
  .iti-flag.kn {
    height: 13.5px;
    background-position: 0px -63px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -147px -234px; }
  .iti-flag.kr {
    height: 13.5px;
    background-position: -168px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -105px -222.5px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -247px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -247px -11px; }
  .iti-flag.la {
    height: 13.5px;
    background-position: -168px -29px; }
  .iti-flag.lb {
    height: 13.5px;
    background-position: -168px -43.5px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -247px -44px; }
  .iti-flag.li {
    height: 12px;
    background-position: -210px -196px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -247px -66px; }
  .iti-flag.lr {
    height: 10.5px;
    background-position: -63px -222.5px; }
  .iti-flag.ls {
    height: 13.5px;
    background-position: -168px -87px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -210px -131px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -210px -105px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -247px -176px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -247px -187px; }
  .iti-flag.ma {
    height: 13.5px;
    background-position: -168px -130.5px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -63px -15.5px;
    width: 19px; }
  .iti-flag.md {
    height: 10px;
    background-position: -247px -220px; }
  .iti-flag.me {
    height: 10px;
    background-position: -247px -231px; }
  .iti-flag.mf {
    height: 13.5px;
    background-position: 0px -164.5px; }
  .iti-flag.mg {
    height: 13.5px;
    background-position: -21px -164.5px; }
  .iti-flag.mh {
    height: 10.5px;
    background-position: -84px -222.5px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -105px -245px; }
  .iti-flag.ml {
    height: 13.5px;
    background-position: -63px -164.5px; }
  .iti-flag.mm {
    height: 13.5px;
    background-position: -84px -164.5px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -210px -245px; }
  .iti-flag.mo {
    height: 13.5px;
    background-position: -105px -164.5px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -63px -256px; }
  .iti-flag.mq {
    height: 13.5px;
    background-position: -126px -164.5px; }
  .iti-flag.mr {
    height: 13.5px;
    background-position: -147px -164.5px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -147px -256px; }
  .iti-flag.mt {
    height: 13.5px;
    background-position: -168px -164.5px; }
  .iti-flag.mu {
    height: 13.5px;
    background-position: -189px 0px; }
  .iti-flag.mv {
    height: 13.5px;
    background-position: -189px -14.5px; }
  .iti-flag.mw {
    height: 13.5px;
    background-position: -189px -29px; }
  .iti-flag.mx {
    height: 11.5px;
    background-position: -168px -209.5px; }
  .iti-flag.my {
    height: 10px;
    background-position: -268px -22px; }
  .iti-flag.mz {
    height: 13.5px;
    background-position: -189px -58px; }
  .iti-flag.na {
    height: 13.5px;
    background-position: -189px -72.5px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -268px -66px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -18.5px -193.5px;
    width: 17.5px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -268px -99px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -268px -110px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -210px -27px; }
  .iti-flag.nl {
    height: 13.5px;
    background-position: -189px -116px; }
  .iti-flag.no {
    height: 14.5px;
    background-position: -42px -47.5px; }
  .iti-flag.np {
    height: 15px;
    width: 12.5px;
    background: transparent -268px -198px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -268px -176px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -126px -222.5px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -147px -222.5px; }
  .iti-flag.om {
    height: 10px;
    background-position: -168px -222.5px; }
  .iti-flag.pa {
    height: 13.5px;
    background-position: -189px -159.5px; }
  .iti-flag.pe {
    height: 13.5px;
    background-position: 0px -179px; }
  .iti-flag.pf {
    height: 13.5px;
    background-position: -21px -179px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -21px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -42px -234px; }
  .iti-flag.pk {
    height: 13.5px;
    background-position: -63px -179px; }
  .iti-flag.pl {
    height: 12.5px;
    background-position: -142px -193.5px; }
  .iti-flag.pm {
    height: 13.5px;
    background-position: -105px -179px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -126px -234px; }
  .iti-flag.pr {
    height: 13.5px;
    background-position: -126px -179px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -168px -234px; }
  .iti-flag.pt {
    height: 13.5px;
    background-position: -147px -179px; }
  .iti-flag.pw {
    height: 12.5px;
    background-position: -184px -193.5px; }
  .iti-flag.py {
    height: 11px;
    background-position: -189px -209.5px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -268px -214px; }
  .iti-flag.re {
    height: 13.5px;
    background-position: -168px -179px; }
  .iti-flag.ro {
    height: 13.5px;
    background-position: -84px -179px; }
  .iti-flag.rs {
    height: 13.5px;
    background-position: -189px -101.5px; }
  .iti-flag.ru {
    height: 13.5px;
    background-position: -189px -87px; }
  .iti-flag.rw {
    height: 13.5px;
    background-position: -189px -43.5px; }
  .iti-flag.sa {
    height: 13.5px;
    background-position: -42px -164.5px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -247px -88px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -247px -99px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -247px -110px; }
  .iti-flag.se {
    height: 12.5px;
    background-position: -121px -193.5px; }
  .iti-flag.sg {
    height: 13.5px;
    background-position: -168px -116px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -247px -143px; }
  .iti-flag.si {
    height: 10px;
    background-position: -247px -154px; }
  .iti-flag.sj {
    height: 14.5px;
    background-position: -63px 0px; }
  .iti-flag.sk {
    height: 13.5px;
    background-position: -168px -72.5px; }
  .iti-flag.sl {
    height: 13.5px;
    background-position: -168px -58px; }
  .iti-flag.sm {
    height: 15px;
    background-position: 0px -16px; }
  .iti-flag.sn {
    height: 13.5px;
    background-position: -105px -150px; }
  .iti-flag.so {
    height: 13.5px;
    background-position: -84px -150px; }
  .iti-flag.sr {
    height: 13.5px;
    background-position: -21px -150px; }
  .iti-flag.ss {
    height: 10px;
    background-position: 0px -245px; }
  .iti-flag.st {
    height: 10px;
    background-position: -21px -245px; }
  .iti-flag.sv {
    height: 11.5px;
    background-position: -147px -209.5px; }
  .iti-flag.sx {
    height: 13.5px;
    background-position: -126px -135.5px; }
  .iti-flag.sy {
    height: 13.5px;
    background-position: 0px -135.5px; }
  .iti-flag.sz {
    height: 13.5px;
    background-position: -147px -101.5px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -126px -245px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -147px -245px; }
  .iti-flag.td {
    height: 13.5px;
    background-position: -147px -87px; }
  .iti-flag.tf {
    height: 13.5px;
    background-position: -147px -72.5px; }
  .iti-flag.tg {
    height: 12.5px;
    background-position: -79px -193.5px; }
  .iti-flag.th {
    height: 13.5px;
    background-position: -21px -121px; }
  .iti-flag.tj {
    height: 10px;
    background-position: 0px -256px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -21px -256px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -42px -256px; }
  .iti-flag.tm {
    height: 13.5px;
    background-position: -126px -72.5px; }
  .iti-flag.tn {
    height: 13.5px;
    background-position: -126px -58px; }
  .iti-flag.to {
    height: 10px;
    background-position: -105px -256px; }
  .iti-flag.tr {
    height: 13.5px;
    background-position: -126px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: 0px -209.5px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -168px -256px; }
  .iti-flag.tw {
    height: 13.5px;
    background-position: -42px -106.5px; }
  .iti-flag.tz {
    height: 13.5px;
    background-position: -105px -92px; }
  .iti-flag.ua {
    height: 13.5px;
    background-position: -21px -92px; }
  .iti-flag.ug {
    height: 13.5px;
    background-position: 0px -92px; }
  .iti-flag.um {
    height: 10.5px;
    background-position: 0px -222.5px; }
  .iti-flag.us {
    height: 10.5px;
    background-position: -210px -209.5px; }
  .iti-flag.uy {
    height: 13.5px;
    background-position: -84px -77.5px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -268px -44px; }
  .iti-flag.va {
    height: 15px;
    background-position: -231px -16px;
    width: 15px; }
  .iti-flag.vc {
    height: 13.5px;
    background-position: -42px -179px; }
  .iti-flag.ve {
    height: 13.5px;
    background-position: -189px -130.5px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -268px -88px; }
  .iti-flag.vi {
    height: 13.5px;
    background-position: -168px -145px; }
  .iti-flag.vn {
    height: 13.5px;
    background-position: -168px -14.5px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -210px -170px; }
  .iti-flag.wf {
    height: 13.5px;
    background-position: -126px -150px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -268px -143px; }
  .iti-flag.xk {
    height: 14.5px;
    background-position: -42px -16px; }
  .iti-flag.ye {
    height: 13.5px;
    background-position: -21px -106.5px; }
  .iti-flag.yt {
    height: 13.5px;
    background-position: -84px -14.5px; }
  .iti-flag.za {
    height: 13.5px;
    background-position: -189px -179px; }
  .iti-flag.zm {
    height: 13.5px;
    background-position: -189px -145px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -268px -187px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 288px 266px;
      background-image: url(https://wtdemo.webtalk.co/static/public/app/assets/images/flags.png); } }

.phone_ext {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border: none; }

.countryCodeDropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 1px;
  cursor: pointer; }
  .countryCodeDropdown .selected_flag {
    z-index: 1;
    position: relative;
    width: 42px;
    height: 100%;
    padding: 0 0 0 8px; }
    .countryCodeDropdown .selected_flag #flagDisplay {
      margin-top: 16px; }
      .countryCodeDropdown .selected_flag #flagDisplay .arrow {
        position: relative;
        top: 50%;
        margin-top: -2px;
        left: 24px;
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 4px solid #555; }

.countryCodeDropdown:hover {
  background-color: rgba(0, 0, 0, 0.05); }

.countryCodeList {
  list-style: none;
  position: absolute;
  z-index: 2;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll; }
  .countryCodeList .divider {
    border-bottom: 1px solid #ccc; }
  .countryCodeList .country-list {
    padding: 5px 10px; }
  .countryCodeList .listItemSelected {
    background: #f4f4f4; }
  .countryCodeList .country-list:hover {
    background: #f4f4f4; }
  .countryCodeList .iti-flag {
    position: absolute;
    z-index: 100000000; }
  .countryCodeList .country-code {
    color: #999;
    font-size: 11px; }
  .countryCodeList .country-name {
    margin-right: 6px;
    margin-left: 25px;
    color: #000; }

.location-input {
  padding-left: 15px;
  background-color: #ffffff;
  outline: none; }

.icon-container {
  position: absolute;
  right: 10px;
  top: calc(50% - 10px); }

.loader {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  animation: around 5.4s infinite; }

@keyframes around {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.loader::after,
.loader::before {
  content: "";
  background: white;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-color: #9f9f9f #9f9f9f transparent transparent;
  border-style: solid;
  border-radius: 20px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  animation: around 0.7s ease-in-out infinite; }

.loader::after {
  animation: around 0.7s ease-in-out 0.1s infinite;
  background: transparent; }

.location-input.error {
  border: 1px solid #f44036; }

.location-field-required {
  font-size: 14px; }

.grecaptcha-badge {
  visibility: collapse !important; }

.capcha-footer {
  position: absolute;
  bottom: 20px;
  right: 40px; }

.frame-term-privacy {
  width: 100%;
  height: 500px;
  background: #ffffff;
  border: none; }

.webtalk-modal .modal__content {
  border: 1px solid #ffffff; }

.webtalk-modal .modal__title {
  margin: -20px -20px 20px -20px;
  background-color: #fafafb;
  padding: 20px 20px;
  font-size: 14px;
  border-bottom: 1px solid #cfd4db;
  font-weight: 400;
  color: #79879c; }

.webtalk-modal .lines-button.x.close {
  height: 20px;
  width: 20px;
  top: -5px; }
  .webtalk-modal .lines-button.x.close:hover .lines:before,
  .webtalk-modal .lines-button.x.close:hover .lines:after {
    background: #05a4dc !important; }

.webtalk-modal .lines:before, .webtalk-modal .lines:after {
  background: #cfd4db !important;
  width: 1.4rem !important; }

.webtalk-modal .lines:hover:before, .webtalk-modal .lines:hover:after {
  background: #05a4dc !important; }

.responsive-header .login-link {
  text-decoration: none; }

.icon-close:before {
  content: "\e625"; }

.required-alert {
  font-family: Open Sans, arial;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #f44036;
  margin-top: 2px !important;
  z-index: 0;
  margin: 0; }

.login-required-alert {
  font-family: Open Sans, arial;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #f44036;
  margin-top: -5px;
  text-align: left; }

.shift-down {
  padding-top: 15px; }

.shift-20-down {
  margin-bottom: 10px !important; }

.shift--up {
  margin-top: 20px; }

.reset-password-error-shiftdown {
  margin-top: 80px; }

.shift-down-fifty {
  margin-top: 50px; }

.referred-padding {
  padding-top: 8px; }

.name-and-last-alert-wrapper {
  display: flex; }

.header-text {
  font-size: 14px;
  font-family: Open Sans, arial;
  padding-right: 10px;
  font-weight: 600;
  color: #1d2026; }

.dot-map {
  background-image: url("/assets/onboarding_images/map@3x.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 593px;
  object-fit: contain;
  position: relative; }
  .dot-map .inner-text {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 10; }
    .dot-map .inner-text .cont-title {
      font-family: Montserrat, arial;
      font-size: 70px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #ffffff;
      max-width: 925px;
      display: block;
      margin: auto auto 25px auto; }
    .dot-map .inner-text .cont-subtitle {
      font-family: Open Sans, arial;
      font-size: 21px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.71;
      letter-spacing: normal;
      color: #ffffff;
      display: block;
      max-width: 725px;
      margin: auto auto 25px auto; }
    .dot-map .inner-text .watch-button {
      display: block;
      color: #ffffff;
      font-family: Open Sans, arial;
      border: none;
      font-size: 16px;
      cursor: pointer;
      border-radius: 100px;
      max-width: 160px;
      margin: auto;
      padding: 12px; }
      .dot-map .inner-text .watch-button:hover {
        opacity: 0.8; }
      .dot-map .inner-text .watch-button::after {
        display: inline-block;
        content: "";
        width: 10px;
        height: 10px;
        background: url("/assets/onboarding_images/triangle@3x.png") no-repeat;
        background-size: contain;
        margin-left: 17px; }
    .dot-map .inner-text .calc-container {
      display: flex;
      margin: auto;
      max-width: 500px; }
    .dot-map .inner-text .earn-calc-button {
      display: block;
      color: #ffffff;
      font-family: Open Sans, arial;
      font-size: 16px;
      cursor: pointer;
      border-radius: 100px;
      max-width: 260px;
      padding: 12px;
      border: 2px solid; }
      .dot-map .inner-text .earn-calc-button:hover {
        opacity: 0.8; }
      .dot-map .inner-text .earn-calc-button::after {
        display: inline-block;
        content: "";
        width: 15.8px;
        height: 18px;
        background: url("/assets/onboarding_images/earn-calc@3x.png") no-repeat;
        background-size: contain;
        margin-left: 12px;
        vertical-align: middle; }

.bottom-img {
  background-repeat: no-repeat;
  object-fit: contain;
  position: relative;
  background-position: center top; }

@supports (-ms-ime-align: auto) {
  .center-image-bottom {
    z-index: 2; } }

.center-image-bottom {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% - 360px); }
  @media only screen and (max-height: 767px) {
    .center-image-bottom img {
      height: 50vh; } }
  @media only screen and (min-height: 768px) and (max-height: 799px) {
    .center-image-bottom img {
      height: 415px; } }
  @media only screen and (min-height: 800px) and (max-height: 898px) {
    .center-image-bottom img {
      height: 445px; } }
  @media only screen and (min-height: 899px) and (max-height: 1050px) {
    .center-image-bottom img {
      height: 485px; } }
  @media only screen and (max-height: 1080px) and (min-height: 1050px) {
    .center-image-bottom img {
      height: 680px; } }
  @media only screen and (min-height: 1081px) {
    .center-image-bottom img {
      height: 680px; } }

.background-left-side {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.display-password {
  height: 10px;
  width: 14.3px;
  right: 16px;
  position: absolute;
  margin-top: 15.5px; }

.display-password-closed {
  width: 15.9px;
  height: 14px;
  right: 15px;
  position: absolute;
  margin-top: 13px; }

.errorPadding {
  margin-top: 70px; }

.error-message-wrapper {
  margin-top: 10px; }

.link {
  font-size: 14px;
  font-family: Open Sans, arial;
  text-decoration: none; }
  .link:hover {
    opacity: 0.8; }

.grey-webtalk-logo {
  padding-left: 40px;
  padding-top: 36px;
  position: absolute; }

.fullsize-element {
  width: 264px;
  height: auto;
  padding-bottom: 10px;
  display: block; }

.button-fullsize-element {
  width: 264px;
  height: 42px;
  padding-bottom: 10px;
  display: flex;
  margin: auto; }

.halfsize-element {
  width: 145px;
  height: 42px;
  padding-bottom: 10px; }

.names-container {
  display: flex; }

.responsive-webtalk-logo {
  display: none; }

.invite-only-label {
  font-family: Open Sans, arial;
  color: #b4bbc7;
  text-align: center;
  font-size: 14px;
  display: block; }

.chage-email-btn {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 46px; }

.submit-button {
  border-radius: 100px;
  color: #ffffff;
  font-family: Open Sans, arial;
  border: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  background-color: #1e5193; }
  .submit-button:hover {
    opacity: 0.8; }
  .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.close-video-modal {
  cursor: pointer;
  float: right;
  padding: 16px;
  position: relative;
  z-index: 5000;
  top: 10px !important;
  transition: all 0.2s ease-in-out;
  background-image: url("/assets/onboarding_images/icons/close-icon.svg");
  background-repeat: no-repeat; }

.close-video-modal:hover {
  transform: scale(1.1);
  background-image: url("/assets/onboarding_images/icons/close-icon-hover.svg"); }

.close-icon {
  text-decoration: none; }

.submit-button:hover {
  background-color: #0161d1;
  opacity: 1; }

.submit-button:active {
  background-color: #0161d1;
  opacity: 1; }

.submit-button:disabled {
  background-color: rgba(0, 68, 147, 0.33); }
  .submit-button:disabled:hover {
    background-color: rgba(0, 68, 147, 0.33); }

.footer {
  font-family: Open Sans, arial;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.95);
  padding: 40px;
  bottom: 0px;
  position: absolute;
  display: none; }

.affiliate {
  bottom: -20px; }

.footer-links a {
  text-decoration: none;
  color: #909bad;
  position: relative;
  z-index: 1000;
  cursor: pointer; }
  .footer-links a:hover {
    opacity: 0.8;
    text-decoration: underline; }

.footer-links li {
  padding-left: 10px; }

::placeholder {
  color: #909bad; }

::-webkit-input-placeholder {
  color: #909bad; }

::-moz-placeholder {
  color: #909bad; }

:-ms-input-placeholder {
  color: #909bad; }

:-moz-placeholder {
  color: #909bad; }

.birthday ::placeholder {
  color: #909bad; }

input[type="birthday"].birthday::-webkit-input-placeholder {
  color: #909bad; }

input[type="birthday"].birthday::-moz-placeholder {
  color: #909bad; }

input[type="birthday"].birthday:-ms-input-placeholder {
  color: #909bad; }

input[type="birthday"].birthday:-moz-placeholder {
  color: #909bad; }

.referrerId ::placeholder {
  color: #909bad;
  text-align: center;
  background-color: #fafafb;
  font-family: Open Sans, arial; }

input[type="referred"].referrerId::-webkit-input-placeholder {
  color: #909bad;
  text-align: center;
  background-color: #fafafb;
  font-family: Open Sans, arial; }

input[type="referred"].referrerId::-moz-placeholder {
  color: #909bad;
  text-align: center;
  background-color: #fafafb;
  font-family: Open Sans, arial; }

input[type="referred"].referrerId:-ms-input-placeholder {
  color: #909bad;
  text-align: center;
  background-color: #fafafb;
  font-family: Open Sans, arial; }

input[type="referred"].referrerId:-moz-placeholder {
  color: #909bad;
  text-align: center;
  background-color: #fafafb;
  font-family: Open Sans, arial; }

.referrerId {
  height: 43px;
  color: #39414d;
  font-size: 16px;
  width: 100%;
  border-radius: 5px;
  border: solid 1px #d8dbe7;
  background-color: #ffffff;
  box-sizing: border-box;
  font-family: Open Sans, arial;
  text-align: left;
  outline: none; }

.referrerId.blur {
  background-color: #fafafc; }

.webtalk-logo {
  padding: 40px 0 0 40px;
  width: 157px;
  height: 23px;
  object-fit: contain;
  cursor: pointer; }

.onboarding-info {
  width: 100%;
  height: 100%;
  color: #ffffff;
  display: flex; }
  .onboarding-info .onboarding-title {
    font-family: Open Sans, arial;
    font-size: 34px;
    font-weight: 600;
    display: block; }
    @media only screen and (max-width: 1100px) {
      .onboarding-info .onboarding-title {
        font-size: 23px; } }
  .onboarding-info .onboarding-info-wrapper {
    margin: auto;
    display: block;
    max-width: 550px;
    height: auto; }
    @media only screen and (max-width: 1100px) {
      .onboarding-info .onboarding-info-wrapper {
        padding: 0 10px; } }
    .onboarding-info .onboarding-info-wrapper .bullet-wrapper {
      display: inline-flex;
      padding-bottom: 25px; }
      .onboarding-info .onboarding-info-wrapper .bullet-wrapper .information-bullet {
        font-size: 18px;
        font-family: Montserrat, arial;
        text-align: left;
        padding-left: 23.8px;
        margin-bottom: 0px;
        margin-top: 0px; }
      .onboarding-info .onboarding-info-wrapper .bullet-wrapper .montserrat-semibold {
        font-family: Montserrat, arial; }
      .onboarding-info .onboarding-info-wrapper .bullet-wrapper .onboarding-info-icons {
        position: relative;
        margin-top: 4px; }
    .onboarding-info .onboarding-info-wrapper .more-info {
      font-size: 15px;
      font-family: Open Sans, arial;
      float: left; }

.box {
  display: flex;
  align-items: center;
  margin-bottom: 25px; }
  .box img {
    min-width: 62px;
    text-align: center;
    object-fit: contain; }
  .box .title-block {
    display: block;
    padding-left: 25px; }
    .box .title-block .title-text {
      font-family: Open Sans, arial;
      font-size: 18px;
      font-weight: bold;
      text-align: left;
      color: #ffffff;
      display: block; }
    .box .title-block .sub-text {
      font-family: Open Sans, arial;
      font-size: 15px;
      text-align: left;
      color: #ffffff;
      display: block; }

.reset-signup-link {
  display: flex;
  float: right;
  padding: 38px; }

.reset-form-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; }
  .reset-form-wrapper .reset-description-header {
    padding-bottom: 15px;
    width: 265px; }
    .reset-form-wrapper .reset-description-header .reset-title {
      font-family: Montserrat, arial;
      font-size: 30px;
      color: #1d2026;
      padding-bottom: 5px;
      margin-top: 0px;
      margin-bottom: 0px;
      font-weight: 600; }
    .reset-form-wrapper .reset-description-header .reset-message {
      font-size: 12px;
      font-family: Open Sans, arial;
      color: #1d2026;
      margin-top: 0px;
      margin-bottom: 0px; }
  .reset-form-wrapper .reset-inputs .reset-login-link {
    width: 100%;
    text-align: center;
    text-decoration: none;
    display: block;
    font-family: Open Sans, arial;
    font-size: 13px;
    font-weight: 600;
    color: #004493; }

.container {
  width: 100%;
  height: 100%;
  background-color: #fafafb;
  margin: 0 auto;
  display: flex;
  align-items: center; }
  .container .signup-wrapper {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    .container .signup-wrapper .signup-title {
      font-family: Montserrat, arial;
      font-size: 24px;
      margin-bottom: 0px;
      color: #39404c;
      padding-bottom: 5px;
      font-weight: 600; }
    .container .signup-wrapper .signup-message {
      font-size: 16px;
      font-family: Montserrat, arial;
      color: #39404c;
      margin-top: 5px; }
    .container .signup-wrapper .signup-why-wrapper {
      display: flex; }
    .container .signup-wrapper .gender-wrapper {
      border-radius: 4px;
      width: 300px;
      position: absolute; }
      .container .signup-wrapper .gender-wrapper .female-gender {
        padding-bottom: 0px;
        text-align: left;
        line-height: 2.7;
        color: #647287;
        border-top: solid 1.1px #cfd4db;
        border-bottom: solid 1.1px #cfd4db;
        border-right: solid 1.1px #cfd4db;
        border-left: solid 1.1px #cfd4db;
        position: absolute;
        right: 0px;
        width: 50%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background-color: #fff; }
      .container .signup-wrapper .gender-wrapper .female-gender:hover {
        background-color: #f4f5f6; }
      .container .signup-wrapper .gender-wrapper .male-gender:hover {
        background-color: #f4f5f6; }
      .container .signup-wrapper .gender-wrapper .male-gender {
        padding-bottom: 0px;
        text-align: left;
        line-height: 2.7;
        border-right: 1px solid #cfd4db;
        color: #647287;
        border-top: solid 1.1px #cfd4db;
        border-bottom: solid 1.1px #cfd4db;
        border-left: solid 1.1px #cfd4db;
        position: absolute;
        width: 49%;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        left: 0;
        background-color: #fff; }
      .container .signup-wrapper .gender-wrapper .gender-selected {
        border-color: #dcdfe5;
        background-color: #d7dae0;
        color: #39414d; }
      .container .signup-wrapper .gender-wrapper .gender-selected:hover {
        border-color: #dcdfe5;
        background-color: #d7dae0;
        color: #39414d; }
  .container .signup-button {
    margin-top: 0px; }

.container {
  width: 100%;
  height: 100%;
  background-color: #fafafb;
  margin: 0 auto; }
  .container .email-verification-wrapper {
    width: 300px;
    margin: 0 auto;
    text-align: center;
    position: relative; }
    .container .email-verification-wrapper .email-verification-title {
      font-family: Montserrat, arial;
      font-size: 24px;
      color: #39404c;
      padding-bottom: 5px;
      font-weight: 600; }
    .container .email-verification-wrapper .email-verification-message {
      font-size: 16px;
      font-family: Montserrat, arial;
      color: #39404c;
      margin-top: 5px; }
    .container .email-verification-wrapper .email-alet-message {
      font-size: 15px;
      font-family: Montserrat, arial;
      color: #647287; }
    .container .email-verification-wrapper .email-verification-checkmark-icon {
      width: 94px;
      height: 94px;
      margin-top: 20px;
      padding-bottom: 20px; }

.skip-button {
  margin-top: 15px;
  width: auto;
  height: auto;
  background: none;
  border: none;
  color: #909bad;
  font-size: 14px;
  font-family: Montserrat, arial;
  font-weight: 600; }

.skip-button:hover {
  color: rgba(30, 81, 147, 0.8); }

.croppie-controls {
  display: flex;
  width: 100%;
  position: absolute; }
  @media only screen and (max-width: 500px) {
    .croppie-controls {
      margin-left: -50px; } }

.padding-left {
  padding-left: 5px; }

.padding-right {
  padding-right: 5px; }
  @media only screen and (max-width: 500px) {
    .padding-right {
      margin-left: 0 !important; } }

label.myLabel input[type="file"] {
  position: fixed;
  top: -1000px; }

/***** Example custom styling *****/
.add-photo-label {
  width: 100%;
  height: -webkit-fill-available;
  background: #004493;
  display: inline-block;
  border-radius: 100px;
  border: none;
  font-family: Open Sans, arial; }

.add-photo-label:hover {
  background-color: rgba(30, 81, 147, 0.8); }

.add-photo-label:active {
  background-color: #1e5193; }

.new-photo-span {
  line-height: 2.6;
  color: #004493;
  left: 0px;
  position: absolute;
  font-family: "Open Sans", arial;
  font-size: 15px; }
  @media only screen and (max-width: 500px) {
    .new-photo-span {
      left: 50px; } }

.new-photo-label {
  width: 100%;
  height: 40px;
  background: #fff;
  display: inline-block;
  border-radius: 100px;
  border: solid 1.1px #004493;
  font-family: Open Sans, arial;
  background-image: url("/assets/onboarding_images/new-image-blue.svg");
  background-repeat: no-repeat;
  background-position: 20px center; }

.myLabel :valid + span {
  color: #fff;
  font-family: Open Sans, arial; }

.new-photo-label:hover {
  background-color: rgba(30, 81, 147, 0.8);
  height: 42px;
  border: none;
  background-image: url("/assets/onboarding_images/new-image-white.svg");
  background-repeat: no-repeat;
  background-position: 20px center; }
  .new-photo-label:hover .new-photo-span {
    color: #ffffff; }

.new-photo-label:active {
  background-color: #027db7;
  height: 42px;
  border: none;
  color: #fff;
  background-image: url("/assets/onboarding_images/new-image-white.svg");
  background-repeat: no-repeat;
  background-position: 20px center; }
  .new-photo-label:active .new-photo-span {
    color: #ffffff; }

.croppie-container .cr-boundary {
  margin-left: -29px !important; }

.half-size-input-name {
  width: 100%; }

.half-size-input-lastname {
  width: 100%; }

.truncateText {
  font-size: 16px;
  width: 177px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
  position: absolute; }

.loading-icon {
  display: block;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.svg);
  background-position: center;
  height: 270px;
  background-size: 100px 100px;
  width: 68%;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 2000; }

.thumbnail-icon-wrapper {
  display: flex;
  width: 90%;
  position: absolute;
  margin-top: -58px;
  margin-left: -30px; }
  .thumbnail-icon-wrapper .big-thumb {
    position: absolute;
    right: 0px; }
  .thumbnail-icon-wrapper .small-thumb {
    position: absolute;
    margin-top: 7px; }

.cr-boundary .cr-slider-wrap {
  width: 100%; }

.hidden {
  display: none !important; }

.display-why-message {
  display: flex; }

.error {
  /* You can also use .element.text:focus here */
  border: 1px solid #f44036;
  outline: 0; }

.valid {
  /* You can also use .element.text:focus here */
  border: 2px solid #4caf4e;
  outline: 0; }

.valid {
  /* You can also use .element.text:focus here */
  border: 2px solid #4caf4e;
  box-shadow: 0 0 5px #4caf4e;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #4caf4e;
  outline: 0; }

.inprogress-icon {
  position: relative !important;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles-white.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position-y: calc(50% - 0px);
  background-position-x: 7px;
  background-color: #004493; }

.skip-inprogress-icon {
  position: relative !important;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/loading_circles.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position-y: calc(50% - 0px);
  background-position-x: 7px;
  height: 20px;
  width: 30px; }

.button-disabled {
  background-color: rgba(10, 161, 216, 0.33);
  border: none; }

.vector {
  width: 300px;
  height: 47px;
  background: #cfd4db;
  display: flex;
  align-items: center;
  margin-top: 20px;
  border-radius: 2px; }

.why-message {
  width: 290px;
  height: 32px;
  font-family: Montserrat, arial;
  font-size: 13px;
  color: #1d2026;
  margin: 0 auto; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #cfd4db;
  margin-top: 50px;
  margin-right: 10px; }

.checkmark-container {
  display: block;
  position: relative;
  padding-left: 29px;
  margin-bottom: 0;
  padding-top: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Open Sans, arial;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #647287; }

/* Hide the browser's default checkbox */
.checkmark-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  border: solid 1px #e6e9f3;
  background-color: #fafafc;
  border-radius: 2px; }

/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
.checkmark-container input:checked ~ .checkmark {
  background-color: #054592; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkmark-container input:checked ~ .checkmark:after {
  display: block; }

.checkmark-input {
  height: 0;
  margin-top: -20px; }

/* Style the checkmark/indicator */
.checkmark-container .checkmark:after {
  left: 4px;
  top: 0;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

@keyframes slide-up {
  0% {
    opacity: 0;
    line-height: 50px; }
  25% {
    opacity: 1;
    line-height: 25px; }
  50% {
    opacity: 1;
    line-height: 25px; }
  75% {
    opacity: 1;
    line-height: 25px; }
  100% {
    opacity: 0;
    line-height: 0px; } }

.slide-up {
  animation: slide-up 3s;
  animation-iteration-count: infinite; }

.video-play-banner {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: calc(100% - 20px);
  padding-left: 10px;
  padding-right: 10px; }

.list--container {
  display: flex;
  margin-top: 55px;
  align-items: center; }
  @media only screen and (max-width: 600px) {
    .list--container {
      display: block; } }
  .list--container img {
    cursor: pointer; }
    @media only screen and (max-width: 600px) {
      .list--container img {
        vertical-align: middle; } }
  .list--container .tumbnail--video {
    outline: 3px solid #0aa1d8;
    outline-offset: -3px; }
  .list--container .left--marSpace {
    margin-left: 10px; }
  .list--container .next-upLink {
    font-family: Open Sans, arial;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    cursor: pointer; }
    @media only screen and (max-width: 600px) {
      .list--container .next-upLink {
        display: block;
        margin-top: 15px;
        font-size: 12px; } }
    .list--container .next-upLink::before {
      display: inline-block;
      content: "";
      width: 10px;
      height: 10px;
      background: url("/assets/onboarding_images/triangle@3x.png") no-repeat;
      background-size: contain;
      margin-left: 17px;
      margin-right: 10px; }
      @media only screen and (max-width: 600px) {
        .list--container .next-upLink::before {
          margin-left: 0; } }

.beta-logo {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 50px;
  color: #eceef1;
  padding-left: 165px;
  font-size: 12px;
  font-family: Montserrat, arial; }

.beta-logo-responsive {
  position: absolute;
  top: 0;
  padding-top: 20px;
  color: #eceef1;
  padding-left: 140px;
  font-size: 12px;
  font-family: Montserrat, arial; }

.grey-beta-logo {
  position: absolute;
  padding-top: 45px;
  color: #eceef1;
  padding-left: 165px;
  font-size: 12px;
  font-family: Montserrat, arial;
  color: #b4bbc7; }

.flex-mode {
  display: flex;
  position: fixed; }

.sidebar-content {
  right: 0;
  height: 100%;
  background-color: #fff;
  z-index: 1;
  overflow: auto; }
  @media only screen and (max-width: 600px) {
    .sidebar-content {
      min-width: 320px; } }
  @media only screen and (min-width: 601px) {
    .sidebar-content {
      min-width: 360px; } }

.content-block-on {
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  display: block; }

.left-row {
  float: left;
  width: 100%;
  height: 100%;
  position: absolute; }

.right-row {
  right: 2px;
  height: 100%;
  min-width: 360px;
  position: absolute; }

.gender-field-required {
  margin-top: 0px; }

.advertising-video-info {
  font-size: 20px;
  color: #fff;
  text-align: center;
  font-family: Montserrat, arial;
  margin-top: 5px; }

@media only screen and (max-width: 1024px) and (min-width: 780px) {
  .onboarding-info .onboarding-info-wrapper {
    left: 45%; } }

.sub-message {
  font-size: 14px;
  position: absolute;
  padding-top: 80px;
  font-family: Montserrat, arial; }

.searchable-bullet {
  width: 300px; }

@media only screen and (max-width: 812px) and (max-height: 375px) {
  .right-row {
    min-height: 700px !important; }
    .right-row .center-wrapper {
      top: 40%; } }

@media only screen and (min-height: 1300px) {
  .dot-map {
    height: 70%; } }

@media only screen and (max-height: 750px) {
  .onboarding-info .onboarding-title {
    font-size: 23px;
    margin-bottom: -30px; }
  .bottom-img {
    bottom: 0 !important; }
  .responsiveSignup .center-wrapper {
    top: 11%; } }

.login-label-mobile {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .login-label-mobile {
      display: flex;
      margin-top: 26px;
      justify-content: center; } }
  .login-label-mobile .header-text {
    padding-right: 5px;
    display: block;
    font-family: Open Sans, arial;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #909bad; }
  .login-label-mobile .link {
    text-decoration: none;
    font-family: Open Sans, arial;
    font-size: 13px;
    font-weight: 600; }

@media only screen and (max-height: 1024px) {
  .footer-links {
    float: none !important; } }

@media only screen and (max-width: 736px) and (max-height: 414px) {
  .right-row {
    min-height: 700px !important; }
    .right-row .center-wrapper {
      top: 36%; } }

@media only screen and (max-width: 667px) and (max-height: 375px) {
  .right-row {
    min-height: 700px !important; }
    .right-row .center-wrapper {
      top: 36%; } }

@media only screen and (max-width: 780px) {
  .sub-message {
    position: relative;
    top: 10px; }
  .first-bullet {
    padding-top: 60px !important; }
  .footer {
    font-size: 12px;
    padding-left: 10px;
    padding-bottom: 10px; }
  .searchable-bullet {
    width: 234px; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
  .capcha-footer {
    text-align: center;
    width: 100%;
    right: auto;
    bottom: -40px;
    margin-bottom: 20px; }
  .truncateText {
    display: inline-block;
    max-width: 58%;
    width: auto;
    position: relative; }
  html .onBoarding-body {
    background-color: #fafafb;
    display: block; }
    html .onBoarding-body .body-wrapper {
      width: auto;
      margin: 0; }
      html .onBoarding-body .body-wrapper .container {
        height: auto; }
  html .error-sub-message {
    text-align: center; }
  html .error-message {
    text-align: center; }
  html .error-message-wrapper {
    margin-top: 20px; }
  html .join-label {
    float: none;
    padding: 0;
    display: block; }
    html .join-label .header-text {
      display: none; }
  html .grey-webtalk-logo {
    display: none; }
  html .grey-beta-logo {
    display: none; }
  html .container .signup-wrapper {
    top: 22px; }
    html .container .signup-wrapper .signup-title {
      display: none; }
  html .responsive-header {
    background: #f4f5f6;
    width: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
    position: relative;
    z-index: 1000;
    border-bottom: 1px solid #dcdfe5; }
    html .responsive-header .responsive-webtalk-logo {
      display: block;
      width: 100%;
      height: 20px;
      text-align: center; }
    html .responsive-header .login-link {
      float: right;
      color: #fff;
      margin-right: 5px;
      margin-top: -32px;
      background-color: transparent;
      padding: 0.8em 0.5em;
      text-decoration: none;
      padding-left: 5px; }
  html .onBoarding-body .body-wrapper .onBoarding-wrapper {
    background-color: #fafafb; }
    html .onBoarding-body .body-wrapper .onBoarding-wrapper tbody .white-layer {
      height: 0%; }
    html .onBoarding-body .body-wrapper .onBoarding-wrapper tbody .left-row {
      display: none; }
  .reset-signup-link {
    display: block;
    float: none;
    padding: 0px; }
    .reset-signup-link .header-text {
      display: none; }
  .reset-form-wrapper .center-wrapper {
    top: 65px;
    height: auto; }
  .email-verification-wrapper {
    margin-top: 120px !important; }
  .reset-form-wrapper .reset-inputs {
    margin-top: 110px; }
  .names-container {
    display: block; }
  .halfsize-element {
    width: 100%;
    padding-bottom: 10px;
    padding-left: 0 !important; }
  .fullsize-element {
    width: 100%;
    padding-bottom: 10px; }
  .gender-field-required {
    margin-top: 0px; }
  .half-size-input-name {
    width: 100%; }
  .half-size-input-lastname {
    width: 100%; }
  .display-password {
    margin-top: 17px; }
  .display-password-closed {
    margin-top: 16px; }
  .location-field-required {
    margin-top: -8px; }
  .username-field-requiered {
    margin-top: -8px; }
  .password-field-requiered {
    margin-top: -8px; }
  .shift-down {
    padding-top: 0px; }
  .login-link {
    text-decoration: none; }
  .referred-padding {
    margin-top: 40px; } }

@media only screen and (max-height: 600px) {
  .reset-form-wrapper .reset-inputs.new-reset-password {
    margin-top: 0px; } }

@media only screen and (max-width: 770px) {
  .beta-logo-responsive {
    display: none; }
  .footer {
    display: none; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
  .close-viewer {
    top: 120px;
    margin-top: -50px;
    padding: 0px;
    height: 25px;
    width: 25px; }
  .webtalk-copyright {
    position: initial;
    display: block;
    text-align: center;
    font-size: 14px;
    color: rgba(180, 187, 199, 0.95); }
  .left-row {
    float: left;
    width: 100%;
    min-height: auto; }
  .right-row {
    width: 100%;
    min-height: 586px;
    right: -1px; } }

.center-wrapper {
  top: 25%;
  margin-left: 50px;
  left: 0;
  position: absolute;
  max-width: 264px; }

@supports (-ms-ime-align: auto) {
  .center-wrapper {
    z-index: 1; } }

.ie-browser {
  padding: 0px;
  padding-left: 10px; }

.normal-browser {
  padding: 20px 35px 20px 15px; }

.video-link:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.65) !important; }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
  .right-row {
    width: 100%;
    min-height: 200vmin !important; }
  .center-wrapper {
    width: 310px;
    height: 369px;
    display: block;
    top: auto;
    left: auto;
    transform: initial;
    position: relative;
    margin: 0 auto; }
  .join-form-wrapper,
  .login-form-wrapper {
    position: initial; } }

@media only screen and (max-height: 600px) {
  .left-row {
    display: none; }
  .content-block-on {
    display: none; }
  .flex-mode {
    display: block; }
  .right-row {
    width: 100%; }
  .footer {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0px;
    bottom: 20px;
    display: inline-block; }
  .close-viewer {
    top: 140px;
    margin-top: -50px;
    padding: 0px; }
  .truncateText {
    display: inline-block;
    max-width: 58%;
    width: auto; }
  html .onBoarding-body {
    background-color: #fafafb;
    display: block; }
    html .onBoarding-body .body-wrapper {
      width: auto;
      margin: 0; }
      html .onBoarding-body .body-wrapper .container {
        height: auto; }
  html .error-sub-message {
    text-align: center; }
  html .error-message {
    text-align: center; }
  html .error-message-wrapper {
    margin-top: 20px; }
  html .join-label {
    float: none;
    padding: 0;
    display: block; }
    html .join-label .header-text {
      display: none; }
  html .grey-webtalk-logo {
    display: none; }
  html .grey-beta-logo {
    display: none; }
  html .container .signup-wrapper {
    top: 22px; }
    html .container .signup-wrapper .signup-title {
      display: none; }
  html .responsive-header .login-link {
    float: right;
    color: #fff;
    margin-right: 0px;
    margin-top: -32px;
    background-color: transparent;
    padding: 0.8em 0.5em;
    text-decoration: none;
    padding-left: 5px; }
    html .responsive-header .login-link:hover {
      opacity: 0.8; }
  html .onBoarding-body .body-wrapper .onBoarding-wrapper {
    background-color: #fafafb; }
    html .onBoarding-body .body-wrapper .onBoarding-wrapper tbody .white-layer {
      height: 0%; }
    html .onBoarding-body .body-wrapper .onBoarding-wrapper tbody .left-row {
      display: none; }
  .join-form-wrapper .terms-links {
    font-family: Montserrat, arial;
    color: #647287;
    font-size: 12px;
    cursor: pointer; }
    .join-form-wrapper .terms-links:hover {
      opacity: 0.8; }
  .join-form-wrapper .referrer-link {
    color: #39404c; }
  .reset-signup-link {
    display: block;
    float: none;
    padding: 0px; }
    .reset-signup-link .header-text {
      display: none; }
  .email-verification-wrapper {
    margin-top: 0px !important; }
  .reset-form-wrapper .reset-inputs {
    margin-top: 110px; }
  .names-container {
    margin-top: 5px; }
  .halfsize-element {
    padding-bottom: 20px; }
  .fullsize-element {
    padding-bottom: 10px; }
  .gender-field-required {
    margin-top: 0px; }
  .half-size-input-name {
    width: 100%; }
  .half-size-input-lastname {
    width: 100%; }
  .display-password {
    margin-top: 17px; }
  .display-password-closed {
    margin-top: 16px; }
  .location-field-required {
    margin-top: -8px; }
  .username-field-requiered {
    margin-top: -8px; }
  .password-field-requiered {
    margin-top: -8px; }
  .shift-down {
    padding-top: 0px; }
  .login-link {
    text-decoration: none; }
  .referred-padding {
    margin-top: 40px; } }

.webtalk-copyright {
  opacity: 0.95;
  font-family: Open Sans, arial;
  font-size: 14px;
  text-align: left;
  color: rgba(255, 255, 255, 0.95);
  position: absolute;
  left: -110%;
  top: 10%; }

@media only screen and (max-height: 414px) {
  .email-verification-wrapper {
    margin-top: 20px !important; } }

@media (min-height: 1024px) and (max-width: 1366px) {
  .footer {
    display: none; } }

.resend-verification-email {
  font-family: Montserrat, arial;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #004493;
  cursor: pointer; }

.privacy-and-term {
  position: relative; }
  .privacy-and-term .modal-content {
    position: relative; }
    @media only screen and (max-width: 812px) and (min-width: 736px) and (orientation: landscape) {
      .privacy-and-term .modal-content {
        margin-top: 100px;
        top: 0px;
        right: 0; } }
    @media only screen and (max-width: 992px) {
      .privacy-and-term .modal-content .webtalk-modal {
        padding: 20px; } }
  @media only screen and (max-width: 992px) and (max-width: 992px) and (min-width: 599px) {
    .privacy-and-term .modal-content .webtalk-modal {
      margin-top: -45px;
      top: 20px; } }
    .privacy-and-term .modal-content .webtalk-modal .modal-dialog {
      margin-top: -40px; }

.modal-dialog__extend {
  margin: 80px auto 30px; }

.modal-dialog {
  position: relative;
  margin: 30px auto;
  width: auto;
  z-index: 1050; }
  @media only screen and (max-width: 600px) {
    .modal-dialog {
      margin-top: 0px; } }

.calc-term {
  position: relative;
  height: 100%; }
  .calc-term .modal-content {
    height: 100%;
    position: relative; }
    @media only screen and (max-width: 812px) and (min-width: 736px) and (orientation: landscape) {
      .calc-term .modal-content {
        margin-top: 100px;
        top: 0px;
        right: 0; } }
    .calc-term .modal-content .webtalk-modal {
      height: 1245px; }
      @media only screen and (max-width: 992px) {
        .calc-term .modal-content .webtalk-modal {
          height: 800px; } }
  @media only screen and (max-width: 992px) and (max-width: 992px) and (min-width: 599px) {
    .calc-term .modal-content .webtalk-modal {
      margin-top: -45px;
      top: 20px; } }
      .calc-term .modal-content .webtalk-modal .modal-dialog {
        height: 100%;
        margin-top: -40px; }
        .calc-term .modal-content .webtalk-modal .modal-dialog .frame-term-privacy {
          height: 100%;
          background-color: transparent; }

@media only screen and (max-height: 580px) and (orientation: landscape) {
  .content-wrapper .onBoarding-wrapper tbody ul.footer-links {
    bottom: -45px; }
  .content-wrapper .onBoarding-wrapper tbody .footer {
    bottom: -100px;
    padding: 25px; } }

.social-media-links {
  display: block; }
  .social-media-links .link-text {
    font-size: 15px;
    font-family: Open Sans, arial;
    font-weight: 600;
    color: #586476;
    line-height: 2.5; }

.separator-join {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #cfd4db;
  line-height: 0.1em;
  margin: 15px 0 20px; }
  .separator-join span {
    font-family: Open Sans, arial;
    background: #fff;
    padding: 0 10px;
    font-size: 13px;
    color: #909bad; }

.separator {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #cfd4db;
  line-height: 0.1em;
  margin: 30px 0 30px; }
  .separator span {
    font-family: Open Sans, arial;
    background: #fff;
    padding: 0 10px;
    font-size: 15px;
    color: #cfd4db; }

@media only screen and (max-width: 800px) {
  .terms-policy-page {
    padding: 0px; } }

@media only screen and (min-width: 800px) {
  .terms-policy-page {
    padding: 20px; } }

.password-validator-option-wrapper {
  display: flex; }

.password-validation-true {
  color: green;
  -webkit-transition: 300ms linear 0s;
  -moz-transition: 300ms linear 0s;
  -o-transition: 300ms linear 0s;
  transition: 300ms linear 0s;
  outline: 0 none; }

.password-validation-false {
  text-decoration: none;
  color: red;
  text-shadow: none;
  -webkit-transition: 300ms linear 0s;
  -moz-transition: 300ms linear 0s;
  -o-transition: 300ms linear 0s;
  transition: 300ms linear 0s;
  outline: 0 none; }

.password-validation-false-glow {
  text-shadow: 0px 0px 0.1px red, 0px 0px 0px red; }

.image-input {
  cursor: pointer; }

.shift-footer-down-responsive {
  min-height: 300px !important; }

.shift-reset-password-down {
  padding-top: 45px; }

input {
  height: 43px;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  font-family: Open Sans, arial;
  outline: none;
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #e6e9f3; }
  input:active {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #d0d3dd;
    background-color: #ffffff; }

input.blur {
  border: solid 1px #e6e9f3;
  background-color: #fafafc; }

.well-be-right-back {
  width: 305px;
  height: 37px;
  font-family: Montserrat, arial;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #39404c; }

.upgrades-to-webtalk {
  width: 305px;
  height: 42px;
  font-family: Montserrat, arial;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #39404c; }

.please-follow-us {
  width: 305px;
  height: 35px;
  font-family: Montserrat, arial;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #39404c; }

@media only screen and (max-width: 820px) and (max-height: 600px) {
  .construction-join-form-wrapper {
    top: 0px; }
  .right-construction {
    min-height: inherit !important; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
  .left-construction {
    display: none; }
  .please-follow-us {
    text-align: center; }
  .upgrades-to-webtalk {
    text-align: center; }
  .well-be-right-back {
    text-align: center; }
  .construction-footer-links li {
    width: 50%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .why-message {
    margin-top: -15px; }
  .vector {
    margin-top: 0px; }
  .ie-alert {
    margin-top: 0px !important; }
  .ie-element {
    display: block; } }

.container .signup-wrapper .gender-wrapper .female-gender-error {
  border-top: 2px solid #f44036;
  border-bottom: 2px solid #f44036;
  border-left: 2px solid #f44036;
  border-right: 2px solid #f44036; }

.container .signup-wrapper .gender-wrapper .male-gender-error {
  border-top: 2px solid #f44036;
  border-bottom: 2px solid #f44036;
  border-right: 2px solid #f44036; }

.registration-gender-table {
  border-collapse: separate !important;
  border-spacing: 0;
  border: solid 1px #cfd4db;
  border-radius: 4px;
  width: 100%;
  height: 42px;
  background-color: #ffffff; }

.error-registration-gender-table {
  border-collapse: separate !important;
  border-spacing: 0;
  border: solid 2px #f44036;
  border-radius: 4px;
  width: 100%;
  height: 42px;
  background-color: #ffffff; }

.error-gender-table-male {
  font-family: Open Sans, arial;
  font-size: 14px;
  color: #39414d;
  padding-left: 15px;
  text-align: left;
  width: 50%;
  height: 42px;
  font-weight: normal;
  border-left: 2px solid #f44036; }

.error-gender-table-male:hover {
  background-color: #e4e4e5; }

.gender-table-male {
  font-family: Open Sans, arial;
  font-size: 14px;
  color: #39414d;
  padding-left: 15px;
  text-align: left;
  width: 50%;
  height: 42px;
  font-weight: normal;
  border-left: 1px solid #cfd4db; }

.gender-table-female {
  font-family: Open Sans, arial;
  font-size: 14px;
  color: #39414d;
  padding-left: 15px;
  text-align: left;
  width: 50%;
  height: 42px;
  font-weight: normal; }

.gender-table-female:hover {
  background-color: #e4e4e5; }

.gender-table-male:hover {
  background-color: #e4e4e5; }

.gender-selected {
  border-color: #dcdfe5;
  background-color: #d7dae0;
  color: #39414d; }

.gender-selected:hover {
  border-color: #dcdfe5;
  background-color: #d7dae0;
  color: #39414d; }

.green-email {
  color: green; }

.new-email ::placeholder {
  color: #b0b8c4; }

input[type="changeEmail"].new-email::-webkit-input-placeholder {
  color: #b0b8c4; }

input[type="changeEmail"].new-email::-moz-placeholder {
  color: #b0b8c4; }

input[type="changeEmail"].new-email:-ms-input-placeholder {
  color: #b0b8c4; }

input[type="changeEmail"].new-email:-moz-placeholder {
  color: #b0b8c4; }

.flex-parent {
  align-items: center;
  display: flex;
  margin: 5px 0;
  font-family: Montserrat, arial;
  font-size: 16px;
  margin-top: -2px;
  color: #39404c; }

.long-and-truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #004493; }

.short-and-fixed {
  white-space: nowrap; }
  .short-and-fixed > div {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: lightgreen;
    display: inline-block; }

.long-and-truncated-with-child-corrected {
  flex: 1;
  min-width: 0;
  /* or some value */ }
  .long-and-truncated-with-child-corrected h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
  .long-and-truncated {
    text-align: center;
    color: #000; }
  .medium-size {
    display: block; }
  .small-size {
    display: none; } }

.onBoarding-body .btn-rotate-image {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #004493;
  background-size: 14px 14px;
  background-position-y: calc(50% - 0px);
  background-position-x: 11px;
  position: absolute;
  bottom: 80px;
  z-index: 9;
  right: 0px;
  cursor: pointer; }

.btn-rotate-image:hover {
  background-color: #1e5193; }

.btn-rotate-image:active {
  background-color: #027db7; }

.selectize-control.placeholder {
  background-color: #fafafc; }
  .selectize-control.placeholder .selectize-selected-item .selectize-selected-item-text {
    color: #647287; }

.selectize-control {
  height: 42px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 4px; }
  .selectize-control.single .selectize-input {
    border-radius: 4px;
    position: relative; }
    .selectize-control.single .selectize-input:after {
      position: absolute;
      width: 8px;
      height: 5px;
      background-size: contain;
      background-repeat: no-repeat;
      font-family: "webtalk";
      content: "";
      margin-top: 0px;
      top: 19px;
      right: 15px;
      background-image: url(/common/images/icons/dropdown-arrow.png); }
  .selectize-control .selectize-selected-item .selectize-selected-item-text {
    font-size: 16px;
    padding-left: 15px;
    font-family: Open Sans, arial;
    color: #1d2026;
    width: 96px;
    height: 42px;
    text-align: left;
    line-height: 3;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal; }

.registration-selectize-dropdown-item:hover {
  background-color: #f4f5f6;
  cursor: pointer; }

.registration-selectize-dropdown::-webkit-scrollbar {
  width: 5px; }

.registration-selectize-dropdown::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #d2d2d2;
  border-radius: 10px; }

.registration-selectize-dropdown::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #cccccc; }

.registration-selectize-dropdown {
  max-height: 260px;
  overflow: auto;
  border-radius: 4px;
  margin-top: 10px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.35);
  background-color: #ffffff;
  z-index: 1; }
  .registration-selectize-dropdown .registration-selectize-dropdown-item {
    border-radius: 4px 4px 0 0;
    padding: 7px;
    color: #1d2026;
    text-align: left;
    padding-left: 15px;
    font-family: Open Sans, arial;
    font-size: 14px; }

.registration-selectize-dropdown-wrapper {
  position: relative; }
  .registration-selectize-dropdown-wrapper:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    left: 113px;
    margin-top: -6px;
    position: absolute;
    z-index: 1000; }

.lines-button {
  line-height: 0;
  top: 0 !important;
  right: 14px !important;
  padding: 1.5625rem;
  transition: 0.3s;
  cursor: pointer;
  user-select: none; }

.scroller {
  position: relative;
  /* relative or absolute positioning required by Perfect Scrollbar */ }

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 7px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.8; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 4px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  background-color: #999;
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  background-color: #999;
  width: 4px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

label {
  margin-bottom: 3px; }

@media only screen and (max-width: 320px) {
  .footer {
    bottom: 0px; } }

.front-mobile {
  display: none; }

.footer-bottom {
  bottom: 3%;
  position: absolute;
  max-width: 264px;
  margin-left: 35px; }

.footer-links {
  font-family: Open Sans, arial;
  list-style: none;
  font-size: 11px;
  display: flex;
  -webkit-flex-flow: wrap;
  margin: 0 auto;
  float: right; }

.affiliate-bottom {
  opacity: 0.95;
  font-family: Open Sans, arial;
  font-size: 12px;
  text-align: left;
  color: rgba(255, 255, 255, 0.95);
  position: absolute;
  left: -110%;
  top: 72%; }

@media only screen and (min-height: 901px) {
  .section-bottom {
    max-width: 600px;
    margin-top: 70px; }
    .section-bottom .item .content-feature .title-feature {
      font-size: 60px; }
    .section-bottom .item .content-feature .text-feature {
      font-size: 20px; }
    .section-bottom .item .signup-button {
      font-size: 15px;
      max-width: 160px; } }

.mobil-image {
  display: block; }

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .mobil-image {
    height: 430px !important; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) and (max-height: 700px) and (min-width: 510px) {
    .mobil-image {
      height: 235px !important; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) and (min-height: 1100px) {
    .mobil-image {
      height: 700px !important; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
  .login-form-wrapper {
    height: initial; }
  .affiliate-bottom {
    opacity: 0.95;
    font-size: 13px;
    color: rgba(180, 187, 199, 0.95);
    display: block;
    text-align: center;
    margin-bottom: 10px;
    position: initial; }
  .affiliate-bottom {
    display: block; }
  .webtalk-copyright {
    display: block; }
  .footer-bottom {
    width: 300px;
    position: fixed;
    display: none;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    margin: 0 auto; }
  .captcha-content {
    float: none; }
  .footer-links {
    margin: 0 auto 10px;
    float: none; }
  .front-mobile {
    height: 100%;
    display: block; }
    .front-mobile .mobile-map {
      background-image: url("/assets/onboarding_images/mobile-map3x.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%; } }
    @media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 420px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 420px) {
      .front-mobile .mobile-map {
        background-image: url("/assets/onboarding_images/map@3x.png");
        background-position: top center;
        height: 613.7px;
        background-size: cover; } }
  @media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 420px) and (max-height: 600px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 420px) and (max-height: 600px) {
    .front-mobile .mobile-map {
      background-size: contain; } }
  @media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 420px) and (max-height: 900px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 420px) and (max-height: 900px) {
    .front-mobile .mobile-map {
      height: 613.7px; } }
  @media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 420px) and (min-height: 901px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 420px) and (min-height: 901px) {
    .front-mobile .mobile-map {
      height: 60%; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
    .front-mobile img.logo {
      display: block;
      margin: 0 auto;
      padding-top: 16px;
      padding-bottom: 32px;
      -webkit-filter: drop-shadow(0px 0px 15px #ffffff);
      filter: drop-shadow(0px 0px 15px #ffffff); }
    .front-mobile .title {
      font-family: Open Sans, arial;
      font-size: 27px;
      font-weight: bold;
      text-align: center;
      color: #ffffff;
      max-width: 450px;
      margin: 0 auto; }
    .front-mobile .section-bottom {
      max-width: 450px;
      margin: 0 auto;
      margin-top: 45px; } }

@media only screen and (max-width: 1024px) and (max-width: 600px) and (max-height: 320px), only screen and (max-height: 600px) and (max-width: 600px) and (max-height: 320px) {
  .front-mobile .section-bottom {
    margin-top: 10px; } }

@media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 768px) and (max-height: 767px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 768px) and (max-height: 767px) {
  .front-mobile .section-bottom {
    max-width: 600px;
    margin-top: 60px; } }

@media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 768px) and (min-height: 768px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 768px) and (min-height: 768px) {
  .front-mobile .section-bottom {
    max-width: 700px;
    margin-top: 60px; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
      .front-mobile .section-bottom .item .feature-img {
        display: block;
        margin: 0 auto 24px;
        min-height: 77px; }
      .front-mobile .section-bottom .item .content-feature .title-feature {
        font-family: Montserrat, arial;
        font-size: 34px;
        font-weight: 600;
        text-align: center;
        color: #ffffff;
        display: block;
        margin-bottom: 4px;
        max-width: 265px;
        margin: auto auto 4px auto; } }

@media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 768px) and (max-height: 900px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 768px) and (max-height: 900px) {
  .front-mobile .section-bottom .item .content-feature .title-feature {
    font-size: 50px;
    max-width: 100%; } }

@media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 768px) and (min-height: 901px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 768px) and (min-height: 901px) {
  .front-mobile .section-bottom .item .content-feature .title-feature {
    font-size: 50px;
    max-width: 315px; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
      .front-mobile .section-bottom .item .content-feature .text-feature,
      .front-mobile .section-bottom .item .content-feature .cont-subtitle {
        font-family: Open Sans, arial;
        font-size: 12px;
        line-height: 1.6;
        text-align: center;
        color: #ffffff;
        display: block; } }
      @media only screen and (max-width: 1024px) and (min-height: 901px), only screen and (max-height: 600px) and (min-height: 901px) {
        .front-mobile .section-bottom .item .content-feature .text-feature,
        .front-mobile .section-bottom .item .content-feature .cont-subtitle {
          font-size: 20px; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
      .front-mobile .section-bottom .item .content-feature .cont-subtitle {
        display: none; } }

@media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 769px) and (max-height: 767px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 769px) and (max-height: 767px) {
  .front-mobile .section-bottom .item .content-feature .text-feature {
    display: block; }
  .front-mobile .section-bottom .item .content-feature .cont-subtitle {
    display: none; } }

@media only screen and (max-width: 1024px) and (max-width: 1024px) and (min-width: 769px) and (min-height: 768px), only screen and (max-height: 600px) and (max-width: 1024px) and (min-width: 769px) and (min-height: 768px) {
  .front-mobile .section-bottom .item .content-feature .text-feature {
    display: none; }
  .front-mobile .section-bottom .item .content-feature .cont-subtitle {
    display: block;
    font-size: 20px; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
      .front-mobile .section-bottom .getThe-App {
        font-family: Open Sans, arial;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        text-align: center;
        display: block;
        cursor: pointer;
        text-decoration: none;
        margin: 15px auto auto auto; }
      .front-mobile .section-bottom .carousel-buttons {
        display: flex;
        text-align: center;
        max-width: 68px;
        margin: 15px auto auto auto; }
        .front-mobile .section-bottom .carousel-buttons .gradient-button {
          height: 4px;
          width: 4px;
          background-color: #ffffff;
          display: inline-block;
          cursor: pointer;
          border-radius: 100px;
          margin: auto auto auto 4px; }
        .front-mobile .section-bottom .carousel-buttons span:first-of-type {
          margin-left: 0 !important; }
        .front-mobile .section-bottom .carousel-buttons .active {
          background-color: transparent;
          border: 1px solid #ffffff;
          transition: 0.01s all linear; }
      .front-mobile .section-bottom .signup-button {
        border-radius: 100px;
        background-color: #ffffff;
        font-family: Open Sans, arial;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        display: block;
        padding: 10px;
        cursor: pointer;
        min-width: 128px;
        margin: 17px 10px 0 0; } }
      @media only screen and (max-width: 1024px) and (min-height: 901px), only screen and (max-height: 600px) and (min-height: 901px) {
        .front-mobile .section-bottom .signup-button {
          font-size: 15px;
          min-width: 160px; } }
      @media only screen and (max-width: 1024px) and (max-width: 320px), only screen and (max-height: 600px) and (max-width: 320px) {
        .front-mobile .section-bottom .signup-button {
          min-width: 100px; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
      .front-mobile .section-bottom .watch--point {
        color: #ffffff !important; }
        .front-mobile .section-bottom .watch--point:hover {
          opacity: 0.8; }
        .front-mobile .section-bottom .watch--point::after {
          display: inline-block;
          content: "";
          width: 7px;
          height: 7px;
          background: url("/assets/onboarding_images/triangle@3x.png") no-repeat;
          background-size: contain;
          margin-left: 4px; }
      .front-mobile .section-bottom .login-text {
        margin-top: 22px;
        font-family: Open Sans, arial;
        font-size: 12.5px;
        text-align: center;
        color: #ffffff;
        display: block; }
        .front-mobile .section-bottom .login-text .link {
          font-weight: 600;
          text-decoration: none;
          color: #ffffff;
          cursor: pointer; }
      .front-mobile .section-bottom .copy-right {
        font-family: Open Sans, arial;
        font-size: 8px;
        text-align: right;
        color: #2c3237;
        display: block;
        bottom: 5px;
        position: absolute;
        right: 5px;
        font-weight: 600;
        max-width: 50px; } }

@media only screen and (max-width: 340px) {
  .front-mobile {
    height: 100%;
    display: block; }
  .front-mobile .title {
    font-size: 21px; }
  .medium-size {
    display: none; }
  .small-size {
    display: block; } }

.title-content {
  display: block; }

.mobile-top {
  background-image: url("/assets/onboarding_images/top-left-bubble-gradient.png");
  background-position: center;
  background-repeat: no-repeat; }

.mobile-top:after {
  content: "";
  float: left;
  width: 100%;
  height: calc(32vmin);
  background: url(/assets/onboarding_images/bubble-desktop.png);
  background-repeat: no-repeat;
  background-size: contain; }

.right-row {
  background-color: white; }

.menu-hamburger {
  display: none;
  overflow: hidden;
  list-style: none;
  position: absolute;
  right: 400px;
  top: 45px;
  background-image: url("/assets/onboarding_images/hamburger@3x.png");
  background-size: contain;
  width: 23px;
  height: 17px;
  cursor: pointer; }

.overlay {
  height: 100vh;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
  transition: 0.5s; }

.overlay.consolidate .mobile-nav-logo {
  background-image: url(/common/images/icons/webtalk-logo-beta-blue.svg); }

.overlay.consolidate .closebtn {
  background-image: url(/common/images/icons/close-blue.svg); }

.overlay.consolidate .mobile-signup-button {
  background-color: #004493; }

.overlay.consolidate .account-text .link-up {
  color: #004493;
  text-decoration: underline;
  text-underline-position: under; }

.overlay.discover .mobile-nav-logo {
  background-image: url(/common/images/icons/webtalk-logo-beta-pink.svg); }

.overlay.discover .closebtn {
  background-image: url(/common/images/icons/close-pink.svg); }

.overlay.discover .mobile-signup-button {
  background-color: #b84ec7; }

.overlay.discover .account-text .link-up {
  color: #b84ec7;
  text-decoration: underline;
  text-underline-position: under; }

.overlay.syndicate .mobile-nav-logo {
  background-image: url(/common/images/icons/webtalk-logo-beta-orange.svg); }

.overlay.syndicate .closebtn {
  background-image: url(/common/images/icons/close-orange.svg); }

.overlay.syndicate .mobile-signup-button {
  background-color: #ec804a; }

.overlay.syndicate .account-text .link-up {
  color: #ec804a;
  text-decoration: underline;
  text-underline-position: under; }

.overlay.manage .mobile-nav-logo {
  background-image: url(/common/images/icons/webtalk-logo-beta-manage.svg); }

.overlay.manage .closebtn {
  background-image: url(/common/images/icons/close-manage.svg); }

.overlay.manage .mobile-signup-button {
  background-color: #0a8679; }

.overlay.manage .account-text .link-up {
  color: #0a8679;
  text-decoration: underline;
  text-underline-position: under; }

.overlay.organize .mobile-nav-logo {
  background-image: url(/common/images/icons/webtalk-logo-beta-purple.svg); }

.overlay.organize .closebtn {
  background-image: url(/common/images/icons/close-purple.svg); }

.overlay.organize .mobile-signup-button {
  background-color: #5344f1; }

.overlay.organize .account-text .link-up {
  color: #5344f1;
  text-decoration: underline;
  text-underline-position: under; }

.overlay.earn .mobile-nav-logo {
  background-image: url(/common/images/icons/webtalk-logo-beta-green.svg); }

.overlay.earn .closebtn {
  background-image: url(/common/images/icons/close-green.svg); }

.overlay.earn .mobile-signup-button {
  background-color: #006aff; }

.overlay.earn .account-text .link-up {
  color: #006aff;
  text-decoration: underline;
  text-underline-position: under; }

.overlay.give .mobile-nav-logo {
  background-image: url(/common/images/icons/webtalk-logo-beta-red.svg); }

.overlay.give .closebtn {
  background-image: url(/common/images/icons/close-red.svg); }

.overlay.give .mobile-signup-button {
  background-color: #d0222c; }

.overlay.give .account-text .link-up {
  color: #d0222c;
  text-decoration: underline;
  text-underline-position: under; }

.overlay.success .mobile-nav-logo {
  background-image: url(/common/images/icons/webtalk-logo-beta-babyblue.svg); }

.overlay.success .closebtn {
  background-image: url(/common/images/icons/close-babyblue.svg); }

.overlay.success .mobile-signup-button {
  background-color: #0aa1d8; }

.overlay.success .account-text .link-up {
  color: #0aa1d8;
  text-decoration: underline;
  text-underline-position: under; }

.mobile-nav-logo {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-white.svg);
  width: 157px;
  height: 23px;
  object-fit: contain;
  position: relative;
  top: 35px;
  left: 30px;
  display: block; }

.overlay-content {
  width: 100%;
  text-align: center;
  margin-top: 67px; }
  .overlay-content a {
    text-decoration: none;
    display: block;
    transition: 0.3s;
    font-family: Open Sans, arial;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.34px;
    color: #909bad;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 24px; }
  .overlay-content a.consolidate {
    color: #004493;
    padding-bottom: 4px;
    border-bottom: 1px solid #004493; }
  .overlay-content a.discover {
    color: #b84ec7;
    padding-bottom: 4px;
    border-bottom: 1px solid #b84ec7; }
  .overlay-content a.syndicate {
    color: #ec804a;
    padding-bottom: 4px;
    border-bottom: 1px solid #ec804a; }
  .overlay-content a.manage {
    color: #0a8679;
    padding-bottom: 4px;
    border-bottom: 1px solid #0a8679; }
  .overlay-content a.organize {
    color: #5344f1;
    padding-bottom: 4px;
    border-bottom: 1px solid #5344f1; }
  .overlay-content a.earn {
    color: #006aff;
    padding-bottom: 4px;
    border-bottom: 1px solid #006aff; }
  .overlay-content a.give {
    color: #d0222c;
    padding-bottom: 4px;
    border-bottom: 1px solid #d0222c; }
  .overlay-content a.success {
    color: #0aa1d8;
    padding-bottom: 4px;
    border-bottom: 1px solid #0aa1d8; }

.mobile-nav-copy-rights {
  margin: 0 auto;
  font-family: Open Sans, arial;
  font-size: 11px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #909bad;
  margin-top: 22px;
  margin-top: 62px;
  width: max-content; }

@media only screen and (max-width: 600px) {
  .mobile-nav-logo {
    width: 157px;
    height: 21.9px;
    background-repeat: no-repeat; }
  .overlay.consolidate .mobile-nav-logo {
    background-image: url(/common/images/icons/webtalk-logo-beta-blue-mobile.svg); }
  .overlay.discover .mobile-nav-logo {
    background-image: url(/common/images/icons/webtalk-logo-beta-pink-mobile.svg); }
  .overlay.syndicate .mobile-nav-logo {
    background-image: url(/common/images/icons/webtalk-logo-beta-orange-mobile.svg); }
  .overlay.manage .mobile-nav-logo {
    background-image: url(/common/images/icons/webtalk-logo-beta-manage-mobile.svg); }
  .overlay.organize .mobile-nav-logo {
    background-image: url(/common/images/icons/webtalk-logo-beta-purple-mobile.svg); }
  .overlay.earn .mobile-nav-logo {
    background-image: url(/common/images/icons/webtalk-logo-beta-green-mobile.svg); }
  .overlay.give .mobile-nav-logo {
    background-image: url(/common/images/icons/webtalk-logo-beta-red-mobile.svg); }
  .overlay.success .mobile-nav-logo {
    background-image: url(/common/images/icons/webtalk-logo-beta-babyblue-mobile.svg); } }

@media only screen and (min-height: 601px) {
  .mobile-footer-bottom {
    position: absolute;
    width: 100%;
    margin-top: 23px; } }

.mobile-footer-bottom .mobile-footer-links {
  font-family: Open Sans, arial;
  list-style: none;
  display: flex;
  -webkit-flex-flow: wrap;
  margin: 0 auto;
  width: max-content; }
  .mobile-footer-bottom .mobile-footer-links a {
    padding-left: 10px;
    text-decoration: none;
    color: #909bad;
    cursor: pointer;
    font-size: 11px;
    line-height: 1.91; }

.mobile-footer-bottom .mobile-captcha-content {
  font-family: Open Sans, arial;
  font-size: 12px;
  text-align: left;
  max-width: 254px;
  margin: auto;
  display: block; }
  .mobile-footer-bottom .mobile-captcha-content .onboarding {
    font-family: Open Sans !important;
    font-size: 12px !important;
    text-align: left !important;
    color: #a0a0a0 !important;
    max-width: 254px;
    margin: auto;
    display: block;
    font-size: 9px !important; }
    .mobile-footer-bottom .mobile-captcha-content .onboarding a {
      text-decoration: none !important;
      color: #a0a0a0 !important;
      font-weight: bold; }

.mobile-nav-btn-wrapper {
  display: flex;
  width: max-content;
  margin: 0 auto; }

.video-btn {
  width: 172px;
  line-height: 51px;
  border-radius: 100px;
  border: solid 2px #d8dbe7;
  background-color: #ffffff;
  font-family: Open Sans, arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #909bad;
  text-align: center;
  margin-right: 8px;
  cursor: pointer; }
  .video-btn::after {
    background-image: url(/common/images/onboarding-play-icon@3x.png);
    content: "";
    width: 11px;
    height: 11px;
    object-fit: contain;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-flex;
    margin-left: 10px; }

.mobile-signup-button {
  width: 180px;
  line-height: 54px;
  border-radius: 100px;
  font-family: Open Sans, arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.34px;
  color: #ffffff;
  text-align: center;
  margin-left: 8px;
  cursor: pointer; }

.account-text {
  display: block;
  margin: 31px auto auto auto;
  color: #647287;
  font-weight: 600;
  font-size: 14px;
  font-family: Open Sans, arial;
  text-align: center; }
  @media only screen and (max-height: 600px) {
    .account-text {
      margin-bottom: 25px; } }
  .account-text .link-up {
    color: #0aa1d8;
    cursor: pointer;
    text-decoration: none; }

.closebtn {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/close.svg);
  background-size: contain;
  width: 20px;
  height: 20px;
  padding: 2px;
  position: absolute;
  top: 31px;
  right: 35px; }

.mobile-logo-overlay {
  padding: 20px 0 0 30px;
  width: 157px;
  height: 23px;
  object-fit: contain; }

@media only screen and (max-width: 1024px) {
  .overlay .mobile-nav-logo {
    top: 33px;
    left: 35px; } }

@media only screen and (max-width: 812px) {
  .overlay .mobile-nav-logo {
    top: 25px;
    left: 27px; }
  .overlay .closebtn {
    top: 25px; } }

@media only screen and (max-width: 600px) {
  .overlay .mobile-nav-logo {
    top: 25px;
    left: 27px; }
  .overlay .closebtn {
    right: 20px; }
  .overlay .overlay-content {
    margin-top: 58px; }
    .overlay .overlay-content a {
      margin-bottom: 18px; }
  .overlay .mobile-nav-btn-wrapper {
    margin-top: 24px; }
    .overlay .mobile-nav-btn-wrapper .video-btn {
      width: 160px;
      margin-right: 5px; }
    .overlay .mobile-nav-btn-wrapper .mobile-signup-button {
      width: 160px;
      margin-left: 5px; }
  .overlay .account-text {
    margin: 0 auto;
    margin-top: 22px;
    position: relative;
    right: 4px; }
    .overlay .account-text .link-up {
      position: relative;
      left: 7px;
      top: 1px; }
  .overlay .mobile-footer-bottom {
    max-width: 289px;
    position: relative;
    margin: 0 auto;
    margin-top: 26px;
    position: relative;
    right: 3px; }
    .overlay .mobile-footer-bottom .mobile-footer-links {
      max-width: 289px;
      text-align: center;
      display: block; }
      .overlay .mobile-footer-bottom .mobile-footer-links a {
        padding-left: 4px; }
  .overlay .mobile-nav-copy-rights {
    margin-top: 22px; } }

@media only screen and (max-width: 320px) {
  .overlay {
    padding-bottom: 30px; }
    .overlay .mobile-nav-btn-wrapper .video-btn {
      width: 137px; }
    .overlay .mobile-nav-btn-wrapper .mobile-signup-button {
      width: 137px; } }

@media only screen and (max-width: 812px) and (max-height: 414px) and (orientation: landscape) {
  .overlay {
    height: auto;
    padding-bottom: 30px; }
    .overlay .mobile-nav-copy-rights {
      margin-top: 20px; } }

@media only screen and (max-width: 1250px) {
  .topnav a {
    margin: 0 5px !important;
    font-size: 12px !important; } }

@media only screen and (max-width: 1050px) {
  .topnav {
    display: none; }
  .menu-hamburger {
    display: block; } }

@media only screen and (max-width: 1024px), only screen and (max-height: 600px) {
  a.link.login-link {
    display: none !important; }
  .content-block-on {
    display: none; }
  .flex-mode {
    display: block; } }

.trans-botton {
  border-radius: 100px;
  font-family: Open Sans, arial;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.1);
  width: 187px;
  height: 36px;
  position: absolute;
  top: -10%;
  transform: translate(-50%, -50%); }

.webtalk-logo-mobile {
  padding: 20px 0 0 30px;
  width: 157px;
  height: 23px;
  object-fit: contain; }

.menu-hamburger-mobile {
  overflow: hidden;
  list-style: none;
  background-image: url(/assets/onboarding_images/hamburger@3x.png);
  background-size: contain;
  width: 23px;
  height: 17px;
  cursor: pointer;
  margin: auto 17px 0 0; }

.login-label-mob {
  font-family: Open Sans, arial;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  margin: auto 30px 0 auto;
  text-decoration: none; }

.bottom-img-mobile {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  @media only screen and (max-height: 510px) {
    .bottom-img-mobile img {
      display: none; } }
  @media only screen and (max-height: 600px) and (min-height: 511px) {
    .bottom-img-mobile img {
      height: 220px; } }
  @media only screen and (max-height: 845px) and (min-height: 601px) {
    .bottom-img-mobile img {
      height: 320px; } }
  @media only screen and (max-height: 1099px) and (min-height: 850px) {
    .bottom-img-mobile img {
      height: 380px; } }
  @media only screen and (min-height: 1100px) {
    .bottom-img-mobile img {
      height: 700px; } }

.right-arrow {
  position: absolute;
  top: 50%;
  right: -14px;
  width: 50px;
  height: 35px;
  border-radius: 100px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  display: inline-flex;
  cursor: pointer;
  z-index: 100; }
  .right-arrow img {
    margin: auto;
    height: 10px;
    margin: auto auto auto 18px; }

.left-arrow {
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: -14px;
  width: 50px;
  height: 35px;
  border-radius: 100px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  display: inline-flex;
  z-index: 100; }
  .left-arrow img {
    margin: auto;
    height: 10px;
    margin: auto 18px auto auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }

.showDesktop-only {
  display: block; }
  @media only screen and (max-width: 1024px) {
    .showDesktop-only {
      display: none; } }

.mo-footer {
  display: none; }
  @media only screen and (max-width: 1024px) {
    .mo-footer {
      display: block;
      margin-left: -10px;
      margin-top: 25px;
      margin-bottom: 20px; } }

.mar-left {
  margin-left: -30px !important;
  height: 48px; }

.modal-container-video .modal-dialog {
  margin-top: 0 !important;
  margin: 0;
  position: absolute; }
  @media only screen and (max-width: 991px) {
    .modal-container-video .modal-dialog {
      width: 100%; } }
  @media only screen and (max-width: 768px) and (max-height: 1024px) {
    .modal-container-video .modal-dialog {
      width: 100%; } }

@media only screen and (max-height: 767px) {
  .dot-map .inner-text {
    top: 25%; }
    .dot-map .inner-text .cont-title {
      font-size: 42px;
      margin: auto auto 10px auto; }
    .dot-map .inner-text .cont-subtitle {
      font-size: 16px;
      margin: auto auto 20px auto;
      max-width: 520px; }
    .dot-map .inner-text .watch-button, .dot-map .inner-text .earn-calc-button {
      font-size: 15px; } }

@media only screen and (min-height: 768px) and (max-height: 799px) and (min-width: 1025px) {
  .dot-map .inner-text {
    top: 34%; }
    .dot-map .inner-text .cont-title {
      font-size: 60px;
      margin: auto auto 10px auto; }
    .dot-map .inner-text .cont-subtitle {
      font-size: 16px;
      margin: auto auto 20px auto;
      max-width: 520px; }
    .dot-map .inner-text .watch-button, .dot-map .inner-text .earn-calc-button {
      font-size: 15px; } }

@media only screen and (min-height: 768px) and (max-height: 799px) and (max-width: 1100px) {
  .dot-map .inner-text {
    top: 34%; }
    .dot-map .inner-text .cont-title {
      font-size: 42px;
      margin: auto auto 10px auto; }
    .dot-map .inner-text .cont-subtitle {
      font-size: 16px;
      margin: auto auto 20px auto;
      max-width: 520px; }
    .dot-map .inner-text .watch-button, .dot-map .inner-text .earn-calc-button {
      font-size: 15px; } }

@media only screen and (min-height: 800px) and (max-height: 898px) and (min-width: 1101px) {
  .dot-map .inner-text {
    top: 34%; }
    .dot-map .inner-text .cont-title {
      font-size: 60px;
      margin: auto auto 10px auto; }
    .dot-map .inner-text .cont-subtitle {
      font-size: 16px;
      margin: auto auto 20px auto;
      max-width: 520px; }
    .dot-map .inner-text .watch-button, .dot-map .inner-text .earn-calc-button {
      font-size: 15px; } }

@media only screen and (min-height: 800px) and (max-height: 898px) and (max-width: 1100px) {
  .dot-map .inner-text {
    top: 34%; }
    .dot-map .inner-text .cont-title {
      font-size: 42px;
      margin: auto auto 10px auto; }
    .dot-map .inner-text .cont-subtitle {
      font-size: 16px;
      margin: auto auto 20px auto;
      max-width: 520px; }
    .dot-map .inner-text .watch-button, .dot-map .inner-text .earn-calc-button {
      font-size: 15px; } }

@media only screen and (min-height: 899px) and (max-height: 1050px) and (max-width: 1200px) {
  .dot-map .inner-text {
    top: 34%; }
    .dot-map .inner-text .cont-title {
      font-size: 42px;
      margin: auto auto 10px auto; }
    .dot-map .inner-text .cont-subtitle {
      font-size: 16px;
      margin: auto auto 20px auto;
      max-width: 520px; }
    .dot-map .inner-text .watch-button, .dot-map .inner-text .earn-calc-button {
      font-size: 15px; } }

@media only screen and (max-height: 1080px) and (min-height: 1050px) and (max-width: 1200px) {
  .dot-map .inner-text {
    top: 34%; }
    .dot-map .inner-text .cont-title {
      font-size: 42px;
      margin: auto auto 10px auto; }
    .dot-map .inner-text .cont-subtitle {
      font-size: 16px;
      margin: auto auto 20px auto;
      max-width: 520px; }
    .dot-map .inner-text .watch-button, .dot-map .inner-text .earn-calc-button {
      font-size: 15px; } }

.buttons-flex {
  display: flex;
  align-items: center;
  justify-content: center; }

.copyright--text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-family: Open Sans, arial;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }

.googleplace-directive {
  width: 100%; }

.googleplaces-dropdown-wrapper {
  width: 100%;
  z-index: 100;
  max-height: 300px;
  overflow: scroll;
  height: auto;
  background-color: #ffffff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding-bottom: 20px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.35);
  position: absolute; }
  .googleplaces-dropdown-wrapper .place-item:first-child .googleplaces-separator {
    display: none; }
  .googleplaces-dropdown-wrapper .place-item {
    padding: 7px;
    font-family: Open Sans, arial;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    cursor: pointer; }
    .googleplaces-dropdown-wrapper .place-item .place-text-wrapper {
      text-decoration: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
      .googleplaces-dropdown-wrapper .place-item .place-text-wrapper:before {
        background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/google-places-pin.svg);
        background-size: contain;
        height: 15px;
        width: 13px;
        display: inherit;
        content: "";
        background-repeat: no-repeat;
        position: relative;
        top: 3px;
        display: inline-flex; }
      .googleplaces-dropdown-wrapper .place-item .place-text-wrapper .main-text {
        font-weight: 600;
        font-size: 13px;
        color: #1d2026; }
      .googleplaces-dropdown-wrapper .place-item .place-text-wrapper .secondary-text {
        font-size: 11px;
        font-weight: normal;
        color: #626569; }
    .googleplaces-dropdown-wrapper .place-item .googleplaces-separator {
      background-color: #eeeff0;
      height: 1px;
      width: calc(100% - 20px);
      position: absolute;
      top: 0px; }
    .googleplaces-dropdown-wrapper .place-item:hover {
      background-color: #f4f5f6; }
  .googleplaces-dropdown-wrapper .powerd-by-google-img {
    background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/powered_by_google_on_white.png);
    width: 114px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 4px;
    right: 4px; }

@media only screen and (max-width: 812px) {
  #emailError {
    padding-bottom: 4px; }
  .halfsize-element {
    height: auto; } }

.password-validation {
  font-size: 11px;
  font-family: Montserrat, arial;
  margin-bottom: 10px; }
  .password-validation .eigth-character-text {
    display: block;
    padding: 2px; }
  .password-validation .upper-case-text {
    display: block;
    padding: 2px;
    padding-left: 31px; }
  .password-validation .lower-case-text {
    display: block;
    padding: 2px; }
  .password-validation .number-text {
    display: block;
    padding: 2px;
    padding-left: 34px; }
  .password-validation .special-chacter-text {
    display: block;
    padding: 2px; }

@media only screen and (max-width: 600px) {
  .password-validation .upper-case-text {
    padding-left: 22px; }
  .password-validation .number-text {
    padding-left: 25px; } }

@media only screen and (max-width: 320px) {
  .password-validation {
    font-size: 10px; }
    .password-validation .upper-case-text {
      padding-left: 13px; }
    .password-validation .number-text {
      display: block;
      padding: 2px;
      padding-left: 16px; } }

.modal .homepage-text-wrapper.login-form .app-btn, .homepage-text-wrapper.login-form .get-app {
  color: #ffffff; }

@media only screen and (max-width: 767px) {
  .modal .homepage-text-wrapper.login-form .app-btn, .homepage-text-wrapper.login-form .get-app {
    padding-top: 10px;
    color: #ffffff; } }

@media only screen and (max-width: 1024px) {
  .onboarding-footer .onboarding-footer-links-wrapper {
    display: grid;
    justify-content: left;
    text-align: left;
    row-gap: 20px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #647287; }
  .pics-animation-container {
    display: none; }
  .login-pic-message-bar {
    display: block;
    margin: 20px auto; }
  .login-pic-message-bar .home-page-text-vertical-align .pics-animation-container {
    display: block; } }

.dark-overlay .dark-overlay-contents-wrapper {
  width: 600px;
  margin-right: 146px;
  position: relative;
  text-align: left; }
  .dark-overlay .dark-overlay-contents-wrapper .get-app {
    font-family: "Open Sans", arial;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 3.5px;
    text-align: center;
    color: #647287;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: left; }
    .dark-overlay .dark-overlay-contents-wrapper .get-app.white {
      color: #ffffff; }
    @media screen and (max-width: 767px) {
      .dark-overlay .dark-overlay-contents-wrapper .get-app {
        text-align: center; } }
  .dark-overlay .dark-overlay-contents-wrapper .app-btn {
    display: flex;
    column-gap: 10px; }
    .dark-overlay .dark-overlay-contents-wrapper .app-btn .google {
      background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-GooglePlay.svg);
      background-size: contain;
      height: 54px;
      width: 158px;
      background-repeat: no-repeat; }
    .dark-overlay .dark-overlay-contents-wrapper .app-btn .appstore {
      height: 54px;
      width: 158px;
      background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/download-app-store.svg);
      background-size: contain;
      background-repeat: no-repeat; }

@media screen and (max-width: 1262px) {
  .dark-overlay .mobile-app-field.responsiveonly .get-app, .dark-overlay .mobile-app-field.responsiveonly .app-btn, .dark-overlay .login-form-app-section.responsiveonly .get-app, .dark-overlay .login-form-app-section.responsiveonly .app-btn {
    display: block; }
    .dark-overlay .mobile-app-field.responsiveonly .get-app .google, .dark-overlay .mobile-app-field.responsiveonly .get-app .appstore, .dark-overlay .mobile-app-field.responsiveonly .app-btn .google, .dark-overlay .mobile-app-field.responsiveonly .app-btn .appstore, .dark-overlay .login-form-app-section.responsiveonly .get-app .google, .dark-overlay .login-form-app-section.responsiveonly .get-app .appstore, .dark-overlay .login-form-app-section.responsiveonly .app-btn .google, .dark-overlay .login-form-app-section.responsiveonly .app-btn .appstore {
      display: block; }
  .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .get-app, .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .app-btn {
    display: block; }
    .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .get-app .google, .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .get-app .appstore, .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .app-btn .google, .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .app-btn .appstore {
      display: block; }
  .dark-overlay .dark-overlay-contents-wrapper .webtalk-white-logo {
    background-position: center;
    width: 100%;
    background-size: 208px 41px; }
  .dark-overlay .dark-overlay-contents-wrapper .get-app, .dark-overlay .dark-overlay-contents-wrapper .app-btn {
    display: none; }
  .dark-overlay .dark-overlay-contents-wrapper .login-form-app-section .get-app, .dark-overlay .dark-overlay-contents-wrapper .login-form-app-section .app-btn {
    display: block; } }

@media only screen and (max-width: 1024px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper .signup-form-wrapper {
    margin: auto; }
  .onboarding-footer {
    display: grid;
    grid-template-columns: [col] 60% [col] 40%;
    padding: 30px 40px; }
  .homepage-section-wrapper .homepage-dark-overlay {
    padding-bottom: 20px; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p span {
    display: block; }
  .homepage-text-wrapper .webtalk-logo {
    padding-left: 0px; }
  .homepage-section-wrapper.homeLoginPage .homepage-body {
    min-height: 1330px; }
  .homepage-section-wrapper.homeLoginPage .login-form-message-bar .homepage-text-wrapper {
    margin-right: 0px; }
  .login-pic-message-bar .pics-animation-container {
    max-width: 100%;
    min-width: 100%;
    display: block; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .login-pic-message-bar .home-page-text-vertical-align .pics-animation-container {
    display: block;
    max-width: 100%;
    min-width: 100%; } }

@media only screen and (max-width: 767px) {
  .login-form-app-section {
    margin-bottom: 20px;
    margin: auto; }
    .login-form-app-section .get-app {
      text-align: center; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .login-pic-message-bar .home-page-text-vertical-align .pics-slider {
    display: block;
    height: 357px;
    background-position: center;
    background-size: contain;
    margin: auto;
    top: 45px;
    right: -6px; }
  .login-pic-message-bar {
    display: block; }
  .homepage-section-wrapper.homeLoginPage .homepage-body {
    min-height: 1073px; }
  .homepage-text-wrapper.login-form {
    display: block; }
    .homepage-text-wrapper.login-form .app-btn, .homepage-text-wrapper.login-form .get-app {
      display: block;
      text-align: center; }
    .homepage-text-wrapper.login-form .app-btn {
      display: flex;
      justify-content: center;
      margin-top: 10px; }
      .homepage-text-wrapper.login-form .app-btn.mobile .google, .homepage-text-wrapper.login-form .app-btn.mobile .appstore {
        width: 158px;
        background-position: center; }
    .homepage-text-wrapper.login-form p .get-app {
      text-align: center;
      display: block; }
  .login-form-app-section {
    display: block;
    display: block;
    margin-right: 0px;
    width: auto; }
    .login-form-app-section .app-btn, .login-form-app-section .get-app {
      display: block;
      text-align: center; }
    .login-form-app-section .app-btn.mobile .google, .login-form-app-section .app-btn.mobile .appstore {
      width: 100%;
      max-width: 158px;
      background-position: center;
      margin-bottom: 20px;
      display: block; }
    .login-form-app-section p .get-app {
      text-align: center;
      display: block; }
    .login-form-app-section p .app-btn {
      display: block;
      justify-content: center; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .login-pic-message-bar .home-page-text-vertical-align .pics-animation-container {
    display: block; }
  .homepage-section-wrapper.homeLoginPage .homepage-text-wrapper.login-form, .homepage-section-wrapper.homeLoginPage .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper.login-form {
    margin: auto; }
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-text-wrapper p span {
    display: initial; } }

@media only screen and (max-width: 701px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .login-pic-message-bar .home-page-text-vertical-align .pics-slider {
    height: 332px;
    top: 58px;
    right: -14px; } }

@media only screen and (min-width: 703px) {
  .login-form-app-section {
    display: block;
    max-width: 453px;
    margin: auto; } }

@media only screen and (max-width: 767px) {
  .homepage-section-wrapper.homeLoginPage .homepage-body {
    min-height: 1180px; } }

@media only screen and (max-width: 700px) {
  .homepage-section-wrapper.homeLoginPage .homepage-body {
    min-height: 1150px; } }

@keyframes cf5FadeInOut {
  0% {
    opacity: 0; }
  15% {
    opacity: 1; }
  20% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@media only screen and (min-width: 1240px) {
  .homepage-section-wrapper.homeLoginPage .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text,
  .homeLoginPage .webtalk-shares-text {
    margin-top: -40px;
    align-self: center;
    min-height: 70px; } }

@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .homepage-section-wrapper.homePage .homepage-body, .homePage .homepage-body {
    min-height: 662px;
    height: calc(100vh - 158px); } }

@media only screen and (min-width: 1025px) and (max-height: 1500px) {
  .homepage-section-wrapper.homePage .homepage-body, .homePage .homepage-body {
    height: calc(100vh - 158px); } }

@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .homepage-section-wrapper.homePage .homepage-body.referrar-signup, .homePage .homepage-body.referrar-signup {
    min-height: 892px;
    height: calc(100vh - 158px); } }

@media only screen and (min-width: 1025px) and (max-height: 1500px) {
  .homepage-section-wrapper.homePage .homepage-body.referrar-signup, .homePage .homepage-body.referrar-signup {
    min-height: 892px;
    height: calc(100vh - 158px); } }

@media only screen and (min-width: 1025px) {
  .homepage-section-wrapper .homepage-body {
    min-height: calc(100vh - 269px);
    height: fit-content;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center; } }
  @media only screen and (min-width: 1025px) and (max-height: 900px) {
    .homepage-section-wrapper .homepage-body {
      min-height: calc(100vh - 190px);
      height: 600px; } }

@media only screen and (min-width: 1025px) {
    .homepage-section-wrapper .homepage-body .homepage-dark-overlay {
      position: absolute;
      top: 0;
      /* height: calc(100vh - 300px); */
      /* min-height: 593px; */
      width: 100%;
      display: flex;
      vertical-align: middle;
      margin: auto;
      align-items: center;
      top: 50%;
      transform: perspective(1px) translateY(-50%); }
  .referrar-signup .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align {
    align-items: start; }
    .referrar-signup .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align .homepage-text-wrapper {
      padding-top: 76px; }
  .homepage-body.referrar-signup .dark-overlay-contents-wrapper .home-page-text-vertical-align {
    align-items: start; }
    .homepage-body.referrar-signup .dark-overlay-contents-wrapper .home-page-text-vertical-align .homepage-text-wrapper {
      padding-top: 76px; }
  .homepage-dark-overlay {
    min-height: 593px;
    width: 100%;
    height: 100%; }
  .homepage-section-wrapper.homeLoginPage .homepage-body {
    height: calc(100vh - 158px);
    min-height: 829px; } }
  @media only screen and (min-width: 1025px) and (max-height: 900px) {
    .homepage-section-wrapper.homeLoginPage .homepage-body {
      min-height: 829px;
      height: inherit; } }

@media only screen and (max-width: 1024px) {
  .homepage-section-wrapper .homepage-body {
    height: auto;
    position: relative;
    min-height: 593px; }
    .homepage-section-wrapper .homepage-body .homepage-dark-overlay {
      height: inherit; }
    .homepage-section-wrapper .homepage-body .homepage-dark-overlay {
      position: relative; } }

@media only screen and (max-width: 600px) {
  .onboarding-footer {
    display: grid;
    grid-template-columns: [col] 75% [col] 25%;
    padding: 30px 40px; } }

@media only screen and (orientation: landscape) and (max-width: 830px) {
  .consolidate-section-wrapper .better-toguether-wrapper,
  .syndicate-section-wrapper .syndicate-top-page .onepost-wrapper,
  .syndicate-top-page .onepost-wrapper {
    min-height: 187px; } }

.login-wrapper .login-form-wrapper .login-inputs .button-fullsize-element .submit-button.invalid {
  background-color: rgba(0, 68, 147, 0.33);
  opacity: 0.33; }
  .login-wrapper .login-form-wrapper .login-inputs .button-fullsize-element .submit-button.invalid:hover {
    background-color: rgba(0, 68, 147, 0.33);
    opacity: 0.33; }

.referred-screen .submit-button.invalid {
  background-color: rgba(0, 68, 147, 0.33); }
  .referred-screen .submit-button.invalid:hover {
    background-color: rgba(0, 68, 147, 0.33);
    opacity: 0.33; }
  .referred-screen .submit-button.invalid:active {
    background-color: rgba(0, 68, 147, 0.33); }

.google, .appstore {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #004493; }

.success-section-wrapper .app-btn .google, .success-section-wrapper .app-btn .appstore, .successPage .app-btn .google, .successPage .app-btn .appstore, .section-successPage .app-btn .google, .section-successPage .app-btn .appstore, .section-successPage .app-btn .google, .section-successPage .app-btn .appstore, .login-form-app-section .successPage .app-btn .google, .login-form-app-section .successPage .app-btn .appstore, .login-form-app-section .successPage .app-btn .google, .login-form-app-section .successPage .app-btn .appstore {
  background-color: #0aa1d8; }
  .success-section-wrapper .app-btn .google:hover, .success-section-wrapper .app-btn .appstore:hover, .successPage .app-btn .google:hover, .successPage .app-btn .appstore:hover, .section-successPage .app-btn .google:hover, .section-successPage .app-btn .appstore:hover, .section-successPage .app-btn .google:hover, .section-successPage .app-btn .appstore:hover, .login-form-app-section .successPage .app-btn .google:hover, .login-form-app-section .successPage .app-btn .appstore:hover, .login-form-app-section .successPage .app-btn .google:hover, .login-form-app-section .successPage .app-btn .appstore:hover {
    background-color: #11bfff; }

.consolidate-section-wrapper .google, .consolidate-section-wrapper .appstore, .consolidatePage .app-btn .google, .consolidatePage .app-btn .appstore, section-consolidatePage .google, section-consolidatePage .appstore {
  background-color: #004493; }
  .consolidate-section-wrapper .google:hover, .consolidate-section-wrapper .appstore:hover, .consolidatePage .app-btn .google:hover, .consolidatePage .app-btn .appstore:hover, section-consolidatePage .google:hover, section-consolidatePage .appstore:hover {
    background-color: #0161d1; }

.discover-section-wrapper .google, .discover-section-wrapper .appstore, .discoverPage .app-btn .google, .discoverPage .app-btn .appstore, .section-discoverPage .google, .section-discoverPage .appstore {
  background-color: #b84ec7; }
  .discover-section-wrapper .google:hover, .discover-section-wrapper .appstore:hover, .discoverPage .app-btn .google:hover, .discoverPage .app-btn .appstore:hover, .section-discoverPage .google:hover, .section-discoverPage .appstore:hover {
    background-color: #e058f3; }

.syndicate-section-wrapper .google, .syndicate-section-wrapper .appstore, .syndicatePage .app-btn .google, .syndicatePage .app-btn .appstore, .section-syndicatePage .google, .section-syndicatePage .appstore {
  background-color: #ec804a; }
  .syndicate-section-wrapper .google:hover, .syndicate-section-wrapper .appstore:hover, .syndicatePage .app-btn .google:hover, .syndicatePage .app-btn .appstore:hover, .section-syndicatePage .google:hover, .section-syndicatePage .appstore:hover {
    background-color: #ff732d; }

.manage-section-wrapper .google, .manage-section-wrapper .appstore, .managePage .app-btn .google, .managePage .app-btn .appstore, .section-managePage .google, .section-managePage .appstore {
  background-color: #0a8679; }
  .manage-section-wrapper .google:hover, .manage-section-wrapper .appstore:hover, .managePage .app-btn .google:hover, .managePage .app-btn .appstore:hover, .section-managePage .google:hover, .section-managePage .appstore:hover {
    background-color: #0a8679; }

.organizePage .app-btn .google, .organizePage .app-btn .appstore, .section-organizePage .google, .section-organizePage .appstore, .organize-bottom-page .google, .organize-bottom-page .appstore, .organize-top-page .google, .organize-top-page .appstore {
  background-color: #5344f1; }
  .organizePage .app-btn .google:hover, .organizePage .app-btn .appstore:hover, .section-organizePage .google:hover, .section-organizePage .appstore:hover, .organize-bottom-page .google:hover, .organize-bottom-page .appstore:hover, .organize-top-page .google:hover, .organize-top-page .appstore:hover {
    background-color: #796cfc; }

.earnPage .app-btn .google, .earnPage .app-btn .appstore, .section-earnPage .google, .section-earnPage .appstore {
  background-color: #006aff; }
  .earnPage .app-btn .google:hover, .earnPage .app-btn .appstore:hover, .section-earnPage .google:hover, .section-earnPage .appstore:hover {
    background-color: #0057d1; }

.homeLoginPage .google, .homeLoginPage .appstore {
  background-color: #004493; }
  .homeLoginPage .google:hover, .homeLoginPage .appstore:hover {
    background-color: #0161d1; }

.givePage .app-btn .google, .givePage .app-btn .appstore, .section-givePage .google, .section-givePage .appstore {
  background-color: #d0222c; }
  .givePage .app-btn .google:hover, .givePage .app-btn .appstore:hover, .section-givePage .google:hover, .section-givePage .appstore:hover {
    background-color: #fc2b37; }

.homepage-dark-overlay input[type=text]:focus, .homepage-dark-overlay input[type=text]:active,
.homepage-dark-overlay input[type=password]:focus, .homepage-dark-overlay input[type=password]:active,
.homepage-dark-overlay input[type=referred]:focus,
.homepage-dark-overlay input[type=referred]:active {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }

.login-wrapper .consolidate .submit-btn, .login-wrapper .consolidate .submit-button, .login-wrapper .consolidate form .submit-button, .login-wrapper.section-consolidatePage .submit-btn, .login-wrapper.section-consolidatePage .submit-button, .login-wrapper.section-consolidatePage form .submit-button, .signup-form-wrapper .consolidate .submit-btn, .signup-form-wrapper .consolidate .submit-button, .signup-form-wrapper .consolidate form .submit-button, .signup-form-wrapper.section-consolidatePage .submit-btn, .signup-form-wrapper.section-consolidatePage .submit-button, .signup-form-wrapper.section-consolidatePage form .submit-button {
  background-color: #004493; }
  .login-wrapper .consolidate .submit-btn.invalid, .login-wrapper .consolidate .submit-button.invalid, .login-wrapper .consolidate form .submit-button.invalid, .login-wrapper.section-consolidatePage .submit-btn.invalid, .login-wrapper.section-consolidatePage .submit-button.invalid, .login-wrapper.section-consolidatePage form .submit-button.invalid, .signup-form-wrapper .consolidate .submit-btn.invalid, .signup-form-wrapper .consolidate .submit-button.invalid, .signup-form-wrapper .consolidate form .submit-button.invalid, .signup-form-wrapper.section-consolidatePage .submit-btn.invalid, .signup-form-wrapper.section-consolidatePage .submit-button.invalid, .signup-form-wrapper.section-consolidatePage form .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.login-wrapper .discoverPage .submit-btn, .login-wrapper .discoverPage .submit-button, .login-wrapper .discoverPage form .submit-button, .login-wrapper.section-discoverPage .submit-btn, .login-wrapper.section-discoverPage .submit-button, .login-wrapper.section-discoverPage form .submit-button, .signup-form-wrapper .discoverPage .submit-btn, .signup-form-wrapper .discoverPage .submit-button, .signup-form-wrapper .discoverPage form .submit-button, .signup-form-wrapper.section-discoverPage .submit-btn, .signup-form-wrapper.section-discoverPage .submit-button, .signup-form-wrapper.section-discoverPage form .submit-button {
  background-color: #b84ec7; }
  .login-wrapper .discoverPage .submit-btn.invalid, .login-wrapper .discoverPage .submit-button.invalid, .login-wrapper .discoverPage form .submit-button.invalid, .login-wrapper.section-discoverPage .submit-btn.invalid, .login-wrapper.section-discoverPage .submit-button.invalid, .login-wrapper.section-discoverPage form .submit-button.invalid, .signup-form-wrapper .discoverPage .submit-btn.invalid, .signup-form-wrapper .discoverPage .submit-button.invalid, .signup-form-wrapper .discoverPage form .submit-button.invalid, .signup-form-wrapper.section-discoverPage .submit-btn.invalid, .signup-form-wrapper.section-discoverPage .submit-button.invalid, .signup-form-wrapper.section-discoverPage form .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.login-wrapper .syndicatePage .submit-btn, .login-wrapper .syndicatePage .submit-button, .login-wrapper .syndicatePage form .submit-button, .login-wrapper.section-syndicatePage .submit-btn, .login-wrapper.section-syndicatePage .submit-button, .login-wrapper.section-syndicatePage form .submit-button, .signup-form-wrapper .syndicatePage .submit-btn, .signup-form-wrapper .syndicatePage .submit-button, .signup-form-wrapper .syndicatePage form .submit-button, .signup-form-wrapper.section-syndicatePage .submit-btn, .signup-form-wrapper.section-syndicatePage .submit-button, .signup-form-wrapper.section-syndicatePage form .submit-button {
  background-color: #ec804a; }

.login-wrapper .managePage .submit-btn, .login-wrapper .managePage .submit-button, .login-wrapper .managePage form .submit-button, .login-wrapper.section-managePage .submit-btn, .login-wrapper.section-managePage .submit-button, .login-wrapper.section-managePage form .submit-button, .signup-form-wrapper .managePage .submit-btn, .signup-form-wrapper .managePage .submit-button, .signup-form-wrapper .managePage form .submit-button, .signup-form-wrapper.section-managePage .submit-btn, .signup-form-wrapper.section-managePage .submit-button, .signup-form-wrapper.section-managePage form .submit-button {
  background-color: #0a8679; }

.login-wrapper .organizePage .submit-btn, .login-wrapper .organizePage .submit-button, .login-wrapper .organizePage form .submit-button, .login-wrapper.section-organizePage .submit-btn, .login-wrapper.section-organizePage .submit-button, .login-wrapper.section-organizePage form .submit-button, .signup-form-wrapper .organizePage .submit-btn, .signup-form-wrapper .organizePage .submit-button, .signup-form-wrapper .organizePage form .submit-button, .signup-form-wrapper.section-organizePage .submit-btn, .signup-form-wrapper.section-organizePage .submit-button, .signup-form-wrapper.section-organizePage form .submit-button {
  background-color: #5344f1; }
  .login-wrapper .organizePage .submit-btn.invalid, .login-wrapper .organizePage .submit-button.invalid, .login-wrapper .organizePage form .submit-button.invalid, .login-wrapper.section-organizePage .submit-btn.invalid, .login-wrapper.section-organizePage .submit-button.invalid, .login-wrapper.section-organizePage form .submit-button.invalid, .signup-form-wrapper .organizePage .submit-btn.invalid, .signup-form-wrapper .organizePage .submit-button.invalid, .signup-form-wrapper .organizePage form .submit-button.invalid, .signup-form-wrapper.section-organizePage .submit-btn.invalid, .signup-form-wrapper.section-organizePage .submit-button.invalid, .signup-form-wrapper.section-organizePage form .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.login-wrapper .earnPage .submit-btn, .login-wrapper .earnPage .submit-button, .login-wrapper .earnPage form .submit-button, .login-wrapper.section-earnPage .submit-btn, .login-wrapper.section-earnPage .submit-button, .login-wrapper.section-earnPage form .submit-button, .signup-form-wrapper .earnPage .submit-btn, .signup-form-wrapper .earnPage .submit-button, .signup-form-wrapper .earnPage form .submit-button, .signup-form-wrapper.section-earnPage .submit-btn, .signup-form-wrapper.section-earnPage .submit-button, .signup-form-wrapper.section-earnPage form .submit-button {
  background-color: #006aff; }
  .login-wrapper .earnPage .submit-btn.invalid, .login-wrapper .earnPage .submit-button.invalid, .login-wrapper .earnPage form .submit-button.invalid, .login-wrapper.section-earnPage .submit-btn.invalid, .login-wrapper.section-earnPage .submit-button.invalid, .login-wrapper.section-earnPage form .submit-button.invalid, .signup-form-wrapper .earnPage .submit-btn.invalid, .signup-form-wrapper .earnPage .submit-button.invalid, .signup-form-wrapper .earnPage form .submit-button.invalid, .signup-form-wrapper.section-earnPage .submit-btn.invalid, .signup-form-wrapper.section-earnPage .submit-button.invalid, .signup-form-wrapper.section-earnPage form .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.login-wrapper .earnPage .submit-button.invalid, .login-wrapper.section-earnPage .submit-button.invalid, .signup-form-wrapper .earnPage .submit-button.invalid, .signup-form-wrapper.section-earnPage .submit-button.invalid {
  background-color: rgba(0, 68, 147, 0.11); }

.login-wrapper .homeLoginPage .submit-btn, .login-wrapper .homeLoginPage .submit-button, .login-wrapper .homeLoginPage form .submit-button, .signup-form-wrapper .homeLoginPage .submit-btn, .signup-form-wrapper .homeLoginPage .submit-button, .signup-form-wrapper .homeLoginPage form .submit-button {
  background-color: #004493; }
  .login-wrapper .homeLoginPage .submit-btn.invalid, .login-wrapper .homeLoginPage .submit-button.invalid, .login-wrapper .homeLoginPage form .submit-button.invalid, .signup-form-wrapper .homeLoginPage .submit-btn.invalid, .signup-form-wrapper .homeLoginPage .submit-button.invalid, .signup-form-wrapper .homeLoginPage form .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.login-wrapper .givePage .submit-btn, .login-wrapper .givePage .submit-button, .login-wrapper .givePage form .submit-button, .login-wrapper.section-givePage .submit-btn, .login-wrapper.section-givePage .submit-button, .login-wrapper.section-givePage form .submit-button, .signup-form-wrapper .givePage .submit-btn, .signup-form-wrapper .givePage .submit-button, .signup-form-wrapper .givePage form .submit-button, .signup-form-wrapper.section-givePage .submit-btn, .signup-form-wrapper.section-givePage .submit-button, .signup-form-wrapper.section-givePage form .submit-button {
  background-color: #d0222c; }
  .login-wrapper .givePage .submit-btn.invalid, .login-wrapper .givePage .submit-button.invalid, .login-wrapper .givePage form .submit-button.invalid, .login-wrapper.section-givePage .submit-btn.invalid, .login-wrapper.section-givePage .submit-button.invalid, .login-wrapper.section-givePage form .submit-button.invalid, .signup-form-wrapper .givePage .submit-btn.invalid, .signup-form-wrapper .givePage .submit-button.invalid, .signup-form-wrapper .givePage form .submit-button.invalid, .signup-form-wrapper.section-givePage .submit-btn.invalid, .signup-form-wrapper.section-givePage .submit-button.invalid, .signup-form-wrapper.section-givePage form .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.login-wrapper .successPage .submit-btn, .login-wrapper .successPage .submit-button, .login-wrapper .successPage form .submit-button, .login-wrapper.section-successPage .submit-btn, .login-wrapper.section-successPage .submit-button, .login-wrapper.section-successPage form .submit-button, .signup-form-wrapper .successPage .submit-btn, .signup-form-wrapper .successPage .submit-button, .signup-form-wrapper .successPage form .submit-button, .signup-form-wrapper.section-successPage .submit-btn, .signup-form-wrapper.section-successPage .submit-button, .signup-form-wrapper.section-successPage form .submit-button {
  background-color: #0aa1d8; }
  .login-wrapper .successPage .submit-btn.invalid, .login-wrapper .successPage .submit-button.invalid, .login-wrapper .successPage form .submit-button.invalid, .login-wrapper.section-successPage .submit-btn.invalid, .login-wrapper.section-successPage .submit-button.invalid, .login-wrapper.section-successPage form .submit-button.invalid, .signup-form-wrapper .successPage .submit-btn.invalid, .signup-form-wrapper .successPage .submit-button.invalid, .signup-form-wrapper .successPage form .submit-button.invalid, .signup-form-wrapper.section-successPage .submit-btn.invalid, .signup-form-wrapper.section-successPage .submit-button.invalid, .signup-form-wrapper.section-successPage form .submit-button.invalid {
    background-color: rgba(0, 68, 147, 0.11); }

.login-form-wrapper .login-form-log {
  width: 208px;
  height: 41.1px;
  margin: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-blue.svg); }

.login-form-wrapper .consolidate .login-form-log, .login-form-wrapper .section-consolidatePage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-blue.svg); }

.login-form-wrapper .discoverPage .login-form-log, .login-form-wrapper .section-discoverPage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-pink.svg); }

.login-form-wrapper .syndicatePage .login-form-log, .login-form-wrapper .section-syndicatePage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-orange.svg); }

.login-form-wrapper .managePage .login-form-log, .login-form-wrapper .section-managePage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-manage.svg); }

.login-form-wrapper .organizePage .login-form-log, .login-form-wrapper .section-organizePage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-purple.svg); }

.login-form-wrapper .earnPage .login-form-log, .login-form-wrapper .section-earnPage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-green.svg); }

.login-form-wrapper .homeLoginPage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-blue.svg); }

.login-form-wrapper .givePage .login-form-log, .login-form-wrapper .section-givePage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-red.svg); }

.login-form-wrapper .successPage .login-form-log, .login-form-wrapper .section-successPage .login-form-log {
  background-image: url(https://wtdemo.webtalk.co/static/public/common/images/icons/webtalk-logo-beta-babyblue.svg); }

@media screen and (max-width: 1262px) {
  .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .get-app, .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .app-btn, .mobile-app-field.responsiveonly .get-app, .mobile-app-field.responsiveonly .app-btn, .login-form-app-section.responsiveonly .get-app, .login-form-app-section.responsiveonly .app-btn {
    display: block; }
    .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .get-app .google, .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .get-app .appstore, .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .app-btn .google, .dark-overlay .signup-wrapper .login-form-app-section.responsiveonly .app-btn .appstore, .mobile-app-field.responsiveonly .get-app .google, .mobile-app-field.responsiveonly .get-app .appstore, .mobile-app-field.responsiveonly .app-btn .google, .mobile-app-field.responsiveonly .app-btn .appstore, .login-form-app-section.responsiveonly .get-app .google, .login-form-app-section.responsiveonly .get-app .appstore, .login-form-app-section.responsiveonly .app-btn .google, .login-form-app-section.responsiveonly .app-btn .appstore {
      display: block; } }

@media screen and (min-width: 1263px) {
  .sub-dark-overlay {
    min-height: 510px; }
    .sub-dark-overlay.referral {
      min-height: 760px; } }

.login-wrapper .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password:hover {
  text-decoration: underline; }

.login-wrapper .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password:active, .login-wrapper .login-form-wrapper .login-inputs .login-remember-and-forgot-wrapper .forgot-password:visited {
  color: #054592; }

.onBoarding-body a, .onBoarding-body .link, .onBoarding-body .forgot-password, .login-wrapper .login-form-wrapper a, .login-wrapper .login-form-wrapper .link, .login-wrapper .login-form-wrapper .forgot-password {
  cursor: pointer; }
  .onBoarding-body a.green, .onBoarding-body .link.green, .onBoarding-body .forgot-password.green, .login-wrapper .login-form-wrapper a.green, .login-wrapper .login-form-wrapper .link.green, .login-wrapper .login-form-wrapper .forgot-password.green {
    color: #1aaf9f; }
  .onBoarding-body a:hover, .onBoarding-body .link:hover, .onBoarding-body .forgot-password:hover, .login-wrapper .login-form-wrapper a:hover, .login-wrapper .login-form-wrapper .link:hover, .login-wrapper .login-form-wrapper .forgot-password:hover {
    text-decoration: underline; }

.top-link a:hover {
  text-decoration: none; }

.homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper.formtop {
  margin-top: 52px; }
  @media only screen and (max-width: 1024px) {
    .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper.formtop {
      margin-top: 40px; } }

@media only screen and (max-width: 1024px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper {
    row-gap: 30px; } }

.webtalk-logo, .webtalk-white-logo {
  display: block; }

.syndicate-bottom-page .already-registered, .manage-bottom-page .already-registered, .discover-bottom-page .already-registered, .earn-bottom-page .already-registered, .give-bottom-page .already-registered, .success-bottom-page .already-registered, .consolidePage .already-registered, .organize-bottom-page .already-registered {
  display: none; }

@media only screen and (max-width: 1024px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
    max-width: 535px;
    margin: auto;
    padding-top: 20px; } }

@media only screen and (min-width: 1024px) {
  .onboarding-header-wrapper .onboarding-webtalk-logo {
    width: 173px;
    height: 45px;
    top: 38px; } }

@media only screen and (max-width: 767px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
    font-size: 14px;
    width: 70%; }
  .homepage-section-wrapper.homeLoginPage .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
    padding-top: 0;
    width: 70%;
    font-size: 14px;
    bottom: 72px;
    top: initial;
    padding-top: 10px; } }

.signup-text-width {
  max-width: 310px; }

.app-btn .google:hover, .app-btn .appstore:hover {
  box-shadow: 0 11px 18px 0 rgba(0, 68, 147, 0.27); }

.onboarding-footer .onboarding-footer-links-wrapper a.footer-link:hover, .forgot-password:hover {
  color: #0161d1;
  text-decoration: underline; }

.load-more-btn-onboarding:hover, .signup-btn.link:hover, .watch-video-btn:hover {
  box-shadow: 0 11px 18px 0 rgba(0, 68, 147, 0.27);
  transition: 0.25s; }

.onboarding-header-wrapper .login-btn:hover {
  transition: 0.25s; }

.border-top .onboarding-footer {
  border-top: 2px solid #eee; }

@media only screen and (min-width: 1400px) and (min-height: 1050px) {
  .homepage-section-wrapper .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper.formtop {
    align-self: end;
    margin-top: 0px; }
  .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .homepage-dark-overlay .dark-overlay-contents-wrapper {
    grid-template-rows: calc(50vh + 240px - 100px) auto;
    align-self: flex-end;
    height: 100%; }
    .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
      margin-top: -40px; }
    .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .homepage-dark-overlay .dark-overlay-contents-wrapper .home-page-text-vertical-align {
      justify-content: center;
      display: flex;
      align-items: start;
      bottom: auto;
      padding-top: 10px; }
    .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper {
      align-items: flex-end;
      justify-content: center;
      display: flex;
      height: 100%; }
      .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .homepage-dark-overlay .dark-overlay-contents-wrapper .signup-wrapper wt-sign-up {
        height: auto; }
    .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
      margin-top: -35px; }
    .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .homepage-dark-overlay .dark-overlay-contents-wrapper .homepage-section-wrapper.homePage div.homepage-body:not(.referrar-signup) .dark-overlay-mobile-wrapper.homePage.formtop {
      margin-top: 0px;
      height: 100%;
      display: grid;
      grid-template-columns: 65% 35%;
      align-content: end;
      align-items: end;
      align-self: end; } }

.homepage-section-wrapper.homePage .referrar-signup .homepage-dark-overlay .dark-overlay-contents-wrapper .webtalk-shares-text {
  display: none; }

@media only screen and (min-width: 1400px) and (min-height: 1050px) {
  .homepage-section-wrapper.homePage .referrar-signup .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper.formtop {
    align-self: center;
    margin-top: 0px; } }

.homepage-section-wrapper.homePage .referrar-signup .homepage-dark-overlay .dark-overlay-contents-wrapper .dark-overlay-mobile-wrapper.formtop {
  margin-top: 0px; }

.signup-btn.link {
  width: 180px;
  line-height: 55px;
  border-radius: 100px;
  background-color: #004493;
  text-decoration: none;
  text-align: center;
  font-family: Open Sans, arial;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.34px;
  color: #ffffff;
  margin-left: 16px;
  cursor: pointer; }
  .signup-btn.link:hover {
    background-color: #0161d1;
    opacity: 1;
    transition: 0.25s; }
  .signup-btn.link:active {
    background-color: #002c60; }
  .signup-btn.link:focus {
    background-color: #004493; }
  .signup-btn.link:focus {
    box-shadow: 0 0 17px 0 rgba(0, 68, 147, 0.8); }

.success-section-wrapper .signup-btn.link {
  background-color: #0aa1d8; }
  .success-section-wrapper .signup-btn.link:hover {
    background-color: #11bfff; }
  .success-section-wrapper .signup-btn.link:active {
    background-color: #0883af; }
  .success-section-wrapper .signup-btn.link:focus {
    background-color: #0aa1d8; }

.give-section-wrapper .signup-btn.link {
  background-color: #d0222c; }
  .give-section-wrapper .signup-btn.link:hover {
    background-color: #fc2b37; }
  .give-section-wrapper .signup-btn.link:active {
    background-color: #a1111a; }
  .give-section-wrapper .signup-btn.link:focus {
    background-color: #d0222c; }

.earn-section-wrapper .signup-btn.link {
  background-color: #006aff; }
  .earn-section-wrapper .signup-btn.link:hover {
    background-color: #0057d1;
    text-decoration: none; }
  .earn-section-wrapper .signup-btn.link:active {
    background-color: #0044a3; }
  .earn-section-wrapper .signup-btn.link:focus {
    background-color: #006aff; }

.organize-section-wrapper .signup-btn.link {
  background-color: #5344f1; }
  .organize-section-wrapper .signup-btn.link:hover {
    background-color: #796cfc; }
  .organize-section-wrapper .signup-btn.link:active {
    background-color: #372abd; }
  .organize-section-wrapper .signup-btn.link:focus {
    background-color: #5344f1; }

.syndicate-section-wrapper .signup-btn.link {
  background-color: #ec804a; }
  .syndicate-section-wrapper .signup-btn.link:hover {
    background-color: #ff732d; }
  .syndicate-section-wrapper .signup-btn.link:active {
    background-color: #b95827; }
  .syndicate-section-wrapper .signup-btn.link:focus {
    background-color: #ec804a; }

.manage-section-wrapper .signup-btn.link {
  background-color: #0a8679; }
  .manage-section-wrapper .signup-btn.link:hover {
    background-color: #0a8679; }
  .manage-section-wrapper .signup-btn.link:active {
    background-color: #2c766a; }
  .manage-section-wrapper .signup-btn.link:focus {
    background-color: #2c766a; }

.discover-section-wrapper .signup-btn.link {
  background-color: #b84ec7; }
  .discover-section-wrapper .signup-btn.link:hover {
    background-color: #e058f3; }
  .discover-section-wrapper .signup-btn.link:active {
    background-color: #8b2d98; }
  .discover-section-wrapper .signup-btn.link:focus {
    background-color: #b84ec7; }

.consolidate-section-wrapper .signup-btn.link {
  background-color: #004493; }
  .consolidate-section-wrapper .signup-btn.link:hover {
    background-color: #0161d1; }
  .consolidate-section-wrapper .signup-btn.link:active {
    background-color: #002c60; }
  .consolidate-section-wrapper .signup-btn.link:focus {
    background-color: #004493; }

.modal-container2.lightbox .webtalk-modal .modal__title {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1d2026; }

.modal-container2.lightbox .webtalk-modal .lines-button.x.close {
  padding-top: 4px; }

.modal-container2.lightbox .webtalk-modal .modal__content {
  background-color: #fff; }

.modal-container2.lightbox .webtalk-modal .modal__title {
  margin: 0px 0px;
  background-color: #fff;
  border-bottom: none;
  padding: 10px 45px 15px 45px;
  margin-left: -30px;
  margin-right: -30px;
  border-bottom: 1px solid #e6e9f3;
  font-size: 14px;
  font-family: "Open Sans", arial;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1d2026;
  text-transform: uppercase;
  margin-bottom: 15px; }

.privacy-and-term .modal-content .webtalk-modal .modal-dialog {
  margin-top: -40px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 24px 24px 33px 0 rgba(0, 0, 0, 0.33);
  background-color: #fff;
  padding: 20px 30px;
  padding-bottom: 48px; }

@media only screen and (max-width: 1024px) {
  .homepage-section-wrapper .homepage-body {
    min-height: 870px; }
  .homepage-section-wrapper.homeReferredPage .homepage-body.referrar-signup,
  .homepage-section-wrapper.homeReferredPage .homepage-body {
    height: 100vh;
    min-height: 700px; }
  .homepage-section-wrapper.homeReferredPage .homepage-body.referrar-signup {
    min-height: 1215px; }
  .homepage-section-wrapper.homeReferredPage .homepage-body.referrar-signup .homepage-dark-overlay {
    padding-bottom: 0px; } }

@media screen and (max-width: 600px) {
  .homepage-section-wrapper.homeReferredPage .homepage-body.referrar-signup,
  .homepage-section-wrapper.homeReferredPage .homepage-body {
    height: 100vh;
    min-height: 800px; }
  .homepage-section-wrapper.homeReferredPage .homepage-body.referrar-signup {
    min-height: 1259px; } }

@media only screen and (max-width: 1366px) and (max-height: 766px) {
  .onepost-wrapper, .better-toguether-wrapper {
    min-height: 257px; }
  .manage-top-page .onepost-wrapper {
    min-height: 200px; } }

@media only screen and (max-width: 1366px) and (max-height: 678px) {
  .onepost-wrapper, .better-toguether-wrapper {
    min-height: 257px; } }

.load-more-btn-onboarding.no-underline,
.link.no-underline {
  text-decoration: none; }
  .load-more-btn-onboarding.no-underline:hover,
  .link.no-underline:hover {
    text-decoration: none; }

.onboarding-header-wrapper .login-btn, .onboarding-header-wrapper a {
  text-decoration: none; }
  .onboarding-header-wrapper .login-btn:hover, .onboarding-header-wrapper a:hover {
    text-decoration: none; }

@media only screen and (orientation: landscape) and (max-width: 850px) {
  .page-heading-section {
    padding-bottom: 10px; } }

@media only screen and (orientation: landscape) and (max-width: 500px) {
  .page-heading-section {
    padding-bottom: 30px; } }

.overlay .mobile-nav-logo {
  background-repeat: no-repeat; }

@media screen and (orientation: landscape) and (max-device-width: 823px) {
  .mobile-dot-page-indicator {
    display: none; } }

@media only screen and (max-width: 1024px) and (max-height: 768px) {
  .mobile-dot-page-indicator {
    display: none; } }

@media only screen and (max-width: 1024px) and (max-height: 1171px) {
  .mobile-dot-page-indicator {
    display: none; } }

@media only screen and (max-width: 1024px) and (max-height: 1250px) {
  .mobile-dot-page-indicator {
    display: none; } }

@media only screen and (max-width: 1024px) and (max-height: 1366px) {
  .mobile-dot-page-indicator {
    display: none; } }

.mobile-dot-page-indicator {
  display: none; }

.landing-img-presentation {
  width: 100%;
  height: auto;
  max-width: 1220px;
  margin: auto;
  display: flex; }
  .landing-img-presentation img {
    width: 100%;
    height: auto;
    margin: auto; }
    @media screen and (max-width: 500px) {
      .landing-img-presentation img {
        margin: 0px; } }
  @media screen and (orientation: portrait) and (max-width: 500px) {
    .landing-img-presentation {
      height: auto;
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-top: 20px; } }

@media screen and (orientation: portrait) and (max-width: 500px) {
  .discover-section-wrapper .discover-top-page, .manage-section-wrapper .manage-top-page, .syndicate-section-wrapper .syndicate-top-page, .organize-section-wrapper .organize-top-page, .earn-section-wrapper .earn-top-page, .give-section-wrapper .give-top-page, .success-section-wrapper .success-top-page, .consolidate-section-wrapper .consolidate-top-page {
    height: auto; }
  .manage-section-wrapper.onepost-wrapper {
    min-height: 180px; } }

@media screen and (orientation: portrait) and (max-width: 500px) {
  .discover-section-wrapper .discover-top-page, .manage-section-wrapper .manage-top-page, .syndicate-section-wrapper .syndicate-top-page, .organize-section-wrapper .organize-top-page, .earn-section-wrapper .earn-top-page, .give-section-wrapper .give-top-page, .success-section-wrapper .success-top-page, .consolidate-section-wrapper .consolidate-top-page {
    height: auto; } }

/******************** landing images ********************/
/** privacy page **/
.terms-policy-page {
  font-family: "Open Sans", arial;
  font-size: 14px;
  overflow: hidden; }
  .terms-policy-page.blank-page {
    background-color: #333;
    padding: 15px; }
  .terms-policy-page .wrapper {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px; }
  .terms-policy-page h1 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px; }
  .terms-policy-page .terms-policy-page h1 {
    padding-top: 15px;
    padding-bottom: 5px; }
  .terms-policy-page .terms-policy-page ul {
    padding-left: 18px; }
  .terms-policy-page .terms-policy-page hr {
    background-color: #e6e9f3;
    border: 0 none;
    color: #eee;
    height: 1px; }
  .terms-policy-page hr {
    background-color: #e6e9f3;
    border: 0 none;
    color: #eee;
    height: 1px; }

.header-term-pages {
  display: grid;
  grid-template-columns: auto 40px;
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e9f3; }
  .header-term-pages h1 {
    font-size: 14px;
    font-family: "Open Sans", arial;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1d2026;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 0px; }
  .header-term-pages .lines-button {
    padding-top: 8px; }
  .header-term-pages .lines-button.x.close .lines:before, .header-term-pages .lines-button.x.close .lines:after {
    width: 18px; }
  .header-term-pages .lines-button:hover {
    color: #000; }

.swiper-container {
  width: 100%;
  height: 100%; }
  .swiper-container img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.slider-panel {
  display: flex;
  width: fit-content;
  overflow: auto;
  width: 100%;
  margin-left: -1px;
  transition-duration: 0ms;
  scroll-snap-align: center; }
  .slider-panel div {
    width: 100vw;
    display: grid;
    grid-template-columns: calc(100vw + 4px);
    height: 280px;
    background-position: top;
    background-size: cover; }

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.swipe-page-bar {
  display: none;
  height: 0px; }
  @media only screen and (max-width: 767px) {
    .swipe-page-bar {
      display: grid;
      grid-template-columns: 24px auto 24px;
      column-gap: 10px;
      justify-items: center;
      align-items: center;
      height: 24px;
      width: calc(100% - 80px);
      margin: auto;
      margin-top: 20px; } }
  .swipe-page-bar .icon {
    width: 24px;
    height: 24px;
    background-size: cover; }
    .swipe-page-bar .icon.left {
      background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/icons/IconsArrow-left.svg); }
    .swipe-page-bar .icon.right {
      background-image: url(https://wtdemo.webtalk.co/static/public/assets/onboarding_images/icons/IconsArrow-right.svg); }
  .swipe-page-bar .text {
    font-family: "Open Sans", arial;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #909bad;
    text-transform: uppercase; }

.signup-form-wrapper.joinPage .submit-button.invalid {
  background-color: rgba(0, 68, 147, 0.11); }