/****************************************************************************************************/
/** Base font-size for rem units
/**
/** README! Only use rem-units (no pixels anymore)!
/** Other relative units like % or vw are still ok.
/** 1 rem = "base-font-size" px
/** 2 rem = 40px, .5 rem = 10px etc.
/****************************************************************************************************/
html {
  font-size: 20px;
}

/****************************************************************************************************/
/** General
/****************************************************************************************************/
@font-face {
  font-family: "VAGRundschriftD-Lig";
  src: url("fonts/VAGRundschriftD-Lig/36B550_0_0.eot");
  src: url("fonts/VAGRundschriftD-Lig/36B550_0_0.eot?#iefix") format("embedded-opentype"),
    url("fonts/VAGRundschriftD-Lig/36B550_0_0.woff2") format("woff2"),
    url("fonts/VAGRundschriftD-Lig/36B550_0_0.woff") format("woff"),
    url("fonts/VAGRundschriftD-Lig/36B550_0_0.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Black";
  src: url("fonts/Lato/Lato-Black.ttf");
  src: url("fonts/Lato/Lato-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Bold";
  src: url("fonts/Lato/Lato-Bold.ttf");
  src: url("fonts/Lato/Lato-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Hairline";
  src: url("fonts/Lato/Lato-Hairline.ttf");
  src: url("fonts/Lato/Lato-Hairline.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Heavy";
  src: url("fonts/Lato/Lato-Heavy.ttf");
  src: url("fonts/Lato/Lato-Heavy.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Italic";
  src: url("fonts/Lato/Lato-Italic.ttf");
  src: url("fonts/Lato/Lato-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-LightItalic";
  src: url("fonts/Lato/Lato-LightItalic.ttf");
  src: url("fonts/Lato/Lato-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-MediumItalic";
  src: url("fonts/Lato/Lato-MediumItalic.ttf");
  src: url("fonts/Lato/Lato-MediumItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Semibold";
  src: url("fonts/Lato/Lato-Semibold.ttf");
  src: url("fonts/Lato/Lato-Semibold.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Thin";
  src: url("fonts/Lato/Lato-Thin.ttf");
  src: url("fonts/Lato/Lato-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-BlackItalic";
  src: url("fonts/Lato/Lato-BlackItalic.ttf");
  src: url("fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-BoldItalic";
  src: url("fonts/Lato/Lato-BoldItalic.ttf");
  src: url("fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-HairlineItalic";
  src: url("fonts/Lato/Lato-HairlineItalic.ttf");
  src: url("fonts/Lato/Lato-HairlineItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-HeavyItalic";
  src: url("fonts/Lato/Lato-HeavyItalic.ttf");
  src: url("fonts/Lato/Lato-HeavyItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Light";
  src: url("fonts/Lato/Lato-Light.ttf");
  src: url("fonts/Lato/Lato-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Medium";
  src: url("fonts/Lato/Lato-Medium.ttf");
  src: url("fonts/Lato/Lato-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-Regular";
  src: url("fonts/Lato/Lato-Regular.ttf");
  src: url("fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Lato";
  src: url("fonts/Lato/Lato-Regular.ttf");
  src: url("fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-SemiboldItalic";
  src: url("fonts/Lato/Lato-SemiboldItalic.ttf");
  src: url("fonts/Lato/Lato-SemiboldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Lato-ThinItalic";
  src: url("fonts/Lato/Lato-ThinItalic.ttf");
  src: url("fonts/Lato/Lato-ThinItalic.ttf") format("truetype");
}

/****************************************************************************************************/
/** General miscellaneous styles
/****************************************************************************************************/
/** Modal vertical centering */
.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
  background-color: transparent;
  box-shadow: 0 0 1.85rem rgba(0, 0, 0, .75);
  border: 0 solid rgba(0, 0, 0, .2);
}

/** Helper-class to make modal take full viewport width on small screens*/
@media only screen and (max-width: 768px) {
  body.wd.fs-open #wd-sidemenu {
    display: none !important;
  }

  .modal.mobile-full-screen {
    padding-left: 0 !important;
  }

  .modal.mobile-full-screen .modal-content.mobile-full-screen,
  .modal.mobile-full-screen .modal-content.mobile-full-screen .modal-body {
    width: 100vw !important;
    min-height: 100vh !important;
    border-radius: 0 !important;
  }

  .modal-content.mobile-full-screen .modal-header button.close {
    display: none;
  }
}

/****************************************************************************************************/
/** General free-sample-flow related styles
/****************************************************************************************************/
.modal-content .modal-header button.close {
  background-image: url("//d25ykh1g2lqhbg.cloudfront.net/img/dashboard/closeButton.png");
  background-size: 2.05rem 2.15rem;
  width: 2.05rem;
  height: 2.15rem;
  top: .75rem;
  right: .75rem;
}

body.wd .fs-flow-popup .fs-flow-content-inner .fs-back-arrow {
  background: no-repeat url("//d25ykh1g2lqhbg.cloudfront.net/img/free-sample/Back.png");
  background-size: .65rem 1.1rem;
  height: 1.1rem;
  width: .65rem;
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
}

body.wd .fs-flow-popup .fs-flow-content-inner .fs-back-arrow:hover,
body.wd .fs-flow-popup .fs-flow-content-inner .fs-back-arrow:active,
body.wd .fs-flow-popup .fs-flow-content-inner .fs-back-arrow:focus {
  cursor: pointer;
  opacity: .8;
}

body.wd .fs-flow-popup .modal-header {
  height: 0;
  padding: 0;
}

body.wd .fs-flow-popup .modal-header button.close {
  z-index: 1;
}

body.wd .fs-flow-popup .fs-flow-content.modal-body {
  border-radius: .4rem;
  background: -moz-linear-gradient(top, #0b827c 0%, #0e958e 100%) !important;
  background: -webkit-linear-gradient(top, #0b827c 0%, #0e958e 100%) !important;
  background: linear-gradient(to bottom, #0b827c 0%, #0e958e 100%) !important;
}

body.wd .fs-flow-popup .fs-flow-content {
  padding: 2.5rem;
}

body.wd .fs-flow-popup .fs-flow-content .fs-content-inner-wrapper {
  height: 37.5rem;
  position: relative !important;
}

body.wd .fs-flow-popup .fs-flow-content .fs-content-inner-wrapper.has-actions-bar {
  margin-bottom: 3.5rem;
  height: 36.2rem !important;
}

/* Vertically center dialog main content */
@media only screen and (min-height: 840px) {
  body.wd .fs-flow-popup .fs-flow-content .fs-dialog-main:not(.no-center) {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}

body.wd .fs-flow-popup .fs-flow-content-inner {
  text-align: center;
}

body.wd .fs-flow-popup .fs-flow-content .fs-actions-bar {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
}

body.wd .fs-flow-popup .fs-flow-content .fs-content-inner-wrapper.has-actions-bar .fs-banner-bar {
  display: none !important;
}

body.wd .fs-flow-popup .fs-flow-content .fs-banner-bar {
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  width: 85%;
  color: #ffffff;
  border-top: .05rem dotted #2ca49e;
  padding-top: 1rem;
}

body.wd .fs-flow-popup .fs-flow-content .fs-banner-bar .fs-banner-title {
  text-shadow: 0 .1rem rgba(0, 0, 0, .5);
  font-size: 1.7rem;
  font-family: "VAGRundschriftD-Lig", sans-serif;
}

body.wd .fs-flow-popup .fs-flow-content .fs-banner-bar .fs-banner-paragraph {
  color: #ffffff;
}

body.wd .fs-flow-popup .fs-flow-content .fs-banner-bar .fs-banner-link {
  color: #ffffff;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5);
}

body.wd .fs-flow-popup .fs-flow-content .fs-dialog-title,
body.wd .fs-flow-popup .fs-flow-content .fs-dialog-sub-title,
body.wd .fs-flow-popup .fs-flow-content .fs-learning-path-name {
  font-size: 2.1rem !important;
  font-family: "Lato-SemiBold", sans-serif !important;
  text-shadow: 0 .15rem rgba(0, 0, 0, .5) !important;
  margin: 2rem 0;
}

body.wd .fs-flow-popup .fs-flow-content .fs-learning-path-description {
  font-size: 1.1rem !important;
  font-family: "Lato-Regular", sans-serif !important;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
}

body.wd .fs-flow-popup .fs-flow-content .fs-levels-flag-img {
  width: 40%;
  max-width: 5.3rem;
}

body.wd .fs-flow-popup .fs-flow-content .fs-learning-path-icon {
  width: 54%;
  max-width: 15rem;
}

body.wd .fs-flow-popup#fs-flow-popup .modal-content {
  width: 32.5rem;
  max-width: 32.5rem;
  min-width: 32.5rem;
}

@media only screen and (max-width: 768px) {
  body.wd .fs-flow-popup#fs-flow-popup .modal-content {
    max-width: 100vw;
  }
}

/****************************************************************************************************/
/** General #fs-flow-popup-top related styles
/****************************************************************************************************/
body.wd .fs-flow-popup#fs-flow-popup-top .modal-content {
  width: 17.5rem;
  max-width: 17.5rem;
  min-width: 17.5rem;
}

body.wd .fs-flow-popup#fs-flow-popup-top .fs-flow-content,
body.wd .fs-flow-popup#fs-flow-popup-top .fs-flow-content .fs-content-inner-wrapper {
  height: auto !important;
  min-height: auto !important;
  max-height: auto !important;
}

/****************************************************************************************************/
/** Select-language free-sample-flow related styles
/****************************************************************************************************/
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list {
  list-style-type: none;
  margin: auto;
  padding: 0;
  width: 20rem;
  max-width: 100%;
}

body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item,
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item-purchase {
  margin-bottom: .25rem;
  background-color: rgba(256, 256, 256, .1);
  color: #ffffff !important;
  width: 100%;
  display: inline-block;
  text-align: center;
  min-height: 2.1rem;
  position: relative;
  padding: .4rem .7rem;
  border-radius: .2rem;
}

body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item:hover,
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item:focus,
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item:active,
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item.active,
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item-purchase:hover,
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item-purchase:focus,
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item-purchase:active,
body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-item-purchase.active {
  background-color: rgba(256, 256, 256, .3);
}

body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-link {
  color: #ffffff !important;
  text-decoration: none;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
  font-size: .9rem;
  font-family: "Lato-Regular", sans-serif;
  width: 100%;
  display: inline-block;
  min-height: 1.15rem;
  position: relative;
}

body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1.25rem;
  width: auto;
}

body.wd .fs-flow-popup #fs-flow-select-language .fs-language-list .fs-language-list-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/****************************************************************************************************/
/** Select-level free-sample-flow related styles
/****************************************************************************************************/
body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-list {
  list-style-type: none;
  margin: auto;
  padding: 0;
  width: 20rem;
  max-width: 100%;
}

body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-list .fs-levels-list-item {
  margin-bottom: .25rem;
  background-color: rgba(256, 256, 256, .1);
  color: #ffffff !important;
  width: 100%;
  display: inline-block;
  text-align: center;
  min-height: 3.9rem;
  position: relative;
  padding: .4rem .7rem;
  border-radius: .2rem;
}

body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-list .fs-levels-list-item:hover,
body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-list .fs-levels-list-item:focus,
body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-list .fs-levels-list-item:active,
body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-list .fs-levels-list-item.active {
  background-color: rgba(256, 256, 256, .3);
}

body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-list .fs-levels-list-link {
  color: #ffffff !important;
  text-decoration: none;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
  font-size: .9rem;
  font-family: "Lato-Regular", sans-serif;
  width: 100%;
  display: inline-block;
  min-height: 2.9rem;
  position: relative;
}

body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-list .fs-levels-list-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.wd .fs-flow-popup #fs-flow-select-level .fs-levels-flag-img {
  margin: 2rem 0;
}

/****************************************************************************************************/
/** Select-goal free-sample-flow related styles
/****************************************************************************************************/
body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list {
  list-style-type: none;
  margin: auto;
  padding: 0;
  width: 20rem;
  max-width: 100%;
}

body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list .fs-goals-list-item {
  margin-bottom: .25rem;
  background-color: rgba(256, 256, 256, .1);
  color: #ffffff !important;
  width: 100%;
  display: inline-block;
  text-align: center;
  min-height: 3.9rem;
  position: relative;
  padding: .4rem .7rem;
  border-radius: .2rem;
}

body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list .fs-goals-list-item:hover,
body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list .fs-goals-list-item:focus,
body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list .fs-goals-list-item:active,
body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list .fs-goals-list-item.active  {
  background-color: rgba(256, 256, 256, .3);
}

body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list .fs-goals-list-link {
  color: #ffffff !important;
  text-decoration: none;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
  font-size: .9rem;
  font-family: "Lato-Regular", sans-serif;
  width: 100%;
  display: inline-block;
  min-height: 2.9rem;
  position: relative;
}

body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list .fs-goals-list-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 3.9rem;
  width: auto;
}

body.wd .fs-flow-popup #fs-flow-select-goal .fs-goals-list .fs-goals-list-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/****************************************************************************************************/
/** Allow emails free-sample-flow related styles
/****************************************************************************************************/
body.wd .fs-flow-popup #fs-flow-allow-emails .fs-gift-man-wrapper {
  margin-bottom: .75rem;
  position: relative;
  height: 11.5rem;
}

body.wd .fs-flow-popup #fs-flow-allow-emails .fs-gift-man-wrapper .fs-gift-man-language-img {
  position: absolute;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  height: 3.75rem;
  width: auto;
}
body.wd .fs-flow-popup #fs-flow-allow-emails .fs-gift-man-wrapper .fs-gift-man-overlay-img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 11.5rem;
  width: auto;
}

body.wd .fs-flow-popup #fs-flow-allow-emails .fs-allow-emails-list {
  text-align: left;
  list-style: none;
  padding: 0;
}

body.wd .fs-flow-popup #fs-flow-allow-emails .fs-allow-emails-list-item {
  font-size: 1.1rem;
  font-family: "Lato-SemiBold", sans-serif;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
}

body.wd .fs-flow-popup #fs-flow-allow-emails .fs-allow-emails-list-item::before {
  content: "•";
  color: #00d4c9;
  margin-right: .5rem;
}

body.wd .fs-flow-popup #fs-flow-allow-emails .fs-allow-emails-notice {
  font-size: .9rem;
  font-family: "Lato-Light", sans-serif;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
  text-align: left;
}

body.wd .fs-flow-popup #fs-flow-allow-emails .fs-actions-bar .fs-allow-emails-no-thanks {
  display: block;
  font-size: 1rem;
  font-family: "Lato-SemiBold", sans-serif;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
  color: #ffffff !important;
  margin: .75rem 0;
}

body.wd .fs-flow-popup #fs-flow-allow-emails .fs-flow-content .fs-content-inner-wrapper.has-actions-bar {
  margin-bottom: 6rem !important;
}

/****************************************************************************************************/
/** Select translations free-sample-flow related styles
/****************************************************************************************************/
body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list {
  height: 3rem;
  max-width: 100%;
  width: 100%;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .dropdown-toggle {
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: .3rem;
  background: #ffffff;
  border-radius: .2rem;
  box-shadow: none;
  border: 0;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .dropdown-menu {
  width: 100%;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .dropdown-toggle a.fs-translations-list-item,
body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .dropdown-menu li a.fs-translations-list-item {
  width: 100%;
  display: inline-block;
  color: #383838 !important;
  text-decoration: none !important;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .dropdown-toggle a.fs-translations-list-item {
  padding: .15rem 1rem;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .dropdown-menu li a.fs-translations-list-item {
  padding: .5rem 1rem;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .fs-translations-list-item {
  text-align: center;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .fs-translations-list-item .fs-translations-list-item-img {
  float: left;
  height: auto;
  width: 2.2rem;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list #fs-translations-list-item-0 .fs-translations-list-item-img {
  visibility: hidden !important;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .fs-translations-list-item .fs-translations-list-item-title {
  font-size: .9rem;
  margin-left: -1.5rem;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .fs-translations-list-item .fs-translations-list-item-caret {
  float: right;
  margin-top: .5rem;
  margin-right: .25rem;
  border-top-width: .4rem;
  border-right-width: .4rem;
  border-left-width: .4rem;
}

body.wd .fs-flow-popup #fs-flow-select-translations #fs-translations-list .dropdown-menu .fs-translations-list-item .fs-translations-list-item-caret {
  opacity: 0;
}

@media only screen and (max-width: 992px) {
  body.wd .fs-flow-popup .fs-flow-content #fs-flow-select-translations .fs-content-inner-wrapper {
    height: 27.5rem;
  }
}

body.wd .fs-flow-popup #fs-flow-select-translations p.fs-translations-hint {
  color: #ffffff !important;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
  font-size: .9rem;
  font-family: "Lato-Regular", sans-serif;
  margin: 0 0 1rem;
}

/****************************************************************************************************/
/** Signup/login free-sample-flow related styles
/****************************************************************************************************/
body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form .fs-signup-input,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form .fs-login-input {
  background-color: #ffffff;
  border: 0;
  border-radius: .15rem;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  min-height: 2.2rem;
  font-size: .8rem;
  font-family: "Lato-Regular", sans-serif;
  margin-bottom: .3rem;
  color: #383838;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form .fs-signup-input::placeholder,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form .fs-login-input::placeholder {
  color: #8e8e8e;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form .fs-signup-input:focus,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form .fs-login-input:focus,
body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form .fs-signup-input:active,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form .fs-login-input:active {
  border: .05rem solid #4d4d4d;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form .w-checkbox.fs-signup-check {
  margin: .75rem 0 .4rem 0;
  font-size: .8rem !important;
  font-family: "Lato-Regular", sans-serif;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form .w-button.fs-signup-btn,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form .w-button.fs-login-btn {
  font-family: "Lato-SemiBold", sans-serif;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
  font-size: .8rem;
  margin-top: 1.5rem;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form .w-button.fs-signup-btn.disabled,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form .w-button.fs-login-btn.disabled {
  background-color: #07b6ac;
  opacity: .3;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: 0 0 rgba(0, 0, 0, .5) !important;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form p,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form p {
  font-size: .8rem;
  font-family: "Lato-Regular", sans-serif;
  text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
  margin: 1em 0;
}

body.wd .fs-flow-popup #fs-flow-signup a.fs-signup-link,
body.wd .fs-flow-popup #fs-flow-login a.fs-login-link {
  color: #ffffff !important;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form .fs-signup-btn.w-button-facebook,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form .fs-login-btn.w-button-facebook {
  margin-top: 0;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form p.fs-signup-p-or,
body.wd .fs-flow-popup #fs-flow-login form.fs-login-form p.fs-login-p-or {
  margin: 1rem 0;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form p.fs-signup-p-already-account {
  margin: 2rem 0;
}

body.wd .fs-flow-popup #fs-flow-signup form.fs-signup-form p.fs-signup-p-terms-and-privacy {
  margin: 2rem 0;
}

body.wd #fs-flow-popup #fs-flow-signup form.fs-signup-form p#fs-signup-err-general,
body.wd #fs-flow-popup-top #fs-flow-login form.fs-login-form p#fs-login-err-general {
  color: #ffffff !important;
}

/****************************************************************************************************/
/** Bootstrap xs, sm, md, (lg) media queries
/****************************************************************************************************/
/* xs, sm */
@media only screen and (max-width: 992px) {
  body.wd .fs-flow-popup .fs-flow-content .fs-dialog-title,
  body.wd .fs-flow-popup .fs-flow-content .fs-dialog-sub-title {
    font-size: 1.5rem !important;
    font-family: "Lato-SemiBold", sans-serif !important;
    text-shadow: 0 .05rem rgba(0, 0, 0, .5) !important;
    margin: 1.5rem 0;
  }

  body.wd .fs-flow-popup .fs-flow-content {
    min-height: 33.35rem;
  }
}