@charset "UTF-8";
#b-dashboard, #p-dashboard {
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

p {
  line-height: 2;
  font-size: 0.9em;
  color: #585858;
}

ul {
  list-style: none;
  line-height: 2;
  font-size: 0.9em;
  color: #585858;
}
ul li::before {
  content: "•";
  color: #286a56;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

h1 {
  font-size: 1.4em;
}
@media (min-width: 567px) {
  h1 {
    font-size: 1.6em;
  }
}
@media (min-width: 768px) {
  h1 {
    font-size: 2.2em;
  }
}
@media (min-width: 810px) {
  h1 {
    font-size: 3em;
  }
}

h2 {
  font-size: 1.4em;
}
@media (min-width: 567px) {
  h2 {
    font-size: 2.2em;
  }
}
h2 + .green-separator {
  margin: 20px 0;
}

h3 + .green-separator {
  height: 5px;
  margin: 15px 0;
}

.main-green {
  color: #286a56;
}

.light-gray {
  color: #d9d9d9;
}

.dark-gray {
  color: #585858;
}

.medium-gray {
  color: #8f8f8f;
}

.error-red {
  color: #b92b2b;
}

.warning-orange {
  color: #f8b600;
}

.success-green {
  color: #2da862;
}

.facebook-blue {
  color: #3c5a99;
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.loading {
  color: #286a56;
}

.green-button {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 25px 50px;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background-color: #286a56;
  color: #d9d9d9;
}
.green-button.icon-before i {
  margin-right: 15px;
}
.green-button.icon-after i {
  margin-left: 15px;
}
.green-button:hover {
  background-color: #205444;
  color: #ffffff;
}
.green-button.hollow {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 25px 50px;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border: 1px solid #eaeeed;
  color: #585858;
  background-color: transparent;
  border: 1px solid #286a56;
  color: #286a56;
  background-color: transparent;
}
.green-button.hollow.icon-before i {
  margin-right: 15px;
}
.green-button.hollow.icon-after i {
  margin-left: 15px;
}
.green-button.hollow:hover {
  background-color: #eaeeed;
}
.green-button.hollow:hover {
  background-color: #5e8c7e;
  color: white;
}
.green-button.full-width {
  width: 100%;
}
.green-button.loading .text {
  opacity: 0;
}
.green-button.loading .loader {
  display: block;
}
.green-button .text {
  position: relative;
  display: block;
}
.green-button .loader {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
.green-button i {
  margin-right: 10px;
}

.small-button {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  font-size: 0.9em;
  background-color: transparent;
}
.small-button.icon-before i {
  margin-right: 15px;
}
.small-button.icon-after i {
  margin-left: 15px;
}
.small-button:hover {
  border-bottom: 1px solid #585858;
}

.back-button {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  font-size: 0.9em;
  background-color: transparent;
}
.back-button.icon-before i {
  margin-right: 15px;
}
.back-button.icon-after i {
  margin-left: 15px;
}
.back-button:hover {
  border-bottom: 1px solid #585858;
}
.back-button i {
  margin-right: 10px;
}

.main-green-button {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 25px 50px;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background-color: #286a56;
  color: #d9d9d9;
}
.main-green-button.icon-before i {
  margin-right: 15px;
}
.main-green-button.icon-after i {
  margin-left: 15px;
}
.main-green-button:hover {
  background-color: #205444;
  color: #ffffff;
}

.main-green-hollow-button {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 25px 50px;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border: 1px solid #eaeeed;
  color: #585858;
  background-color: transparent;
}
.main-green-hollow-button.icon-before i {
  margin-right: 15px;
}
.main-green-hollow-button.icon-after i {
  margin-left: 15px;
}
.main-green-hollow-button:hover {
  background-color: #eaeeed;
}

.white-button {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 25px 50px;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border: 1px solid #eaeeed;
  color: #585858;
  background-color: transparent;
  padding: 19px 29px;
  background-color: #ffffff;
}
.white-button.icon-before i {
  margin-right: 15px;
}
.white-button.icon-after i {
  margin-left: 15px;
}
.white-button:hover {
  background-color: #eaeeed;
}
@media (max-width: 1100px) {
  .white-button > i {
    margin-right: 0;
  }
}

.facebook-button {
  width: 100%;
  box-sizing: border-box;
  padding: 25px 30px;
  background-color: #3c5a99;
  color: #ffffff;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  border: 0;
}
.facebook-button:hover {
  cursor: pointer;
}
.facebook-button i {
  margin-right: 10px;
}

.button-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 -5px;
}
.button-group > button {
  margin: 0 5px;
}
.button-group.col--centered {
  flex-direction: column;
  margin: -5px 0;
}
.button-group.col--centered > button {
  margin: 5px 0px;
}
.button-group.col--left {
  flex-direction: column;
  align-items: flex-start;
  margin: -5px 0;
}
.button-group.col--left > button {
  margin: 5px 0px;
}

form {
  width: 100%;
  margin: 0;
}

#date-picker {
  background: url("/static/dist/img/inputs/calendar.png") no-repeat right;
  -webkit-appearance: none;
  background-size: 15px;
  background-position-x: 100%;
  background-position-y: 50%;
}

#number-of-kids-mobile {
  background: url("/static/dist/img/inputs/baby.png") no-repeat right;
  -webkit-appearance: none;
  background-size: 20px;
  background-position-x: 100%;
  background-position-y: 70%;
}

#start-time,
#end-time {
  background: url("/static/dist/img/inputs/clock.png") no-repeat right;
  -webkit-appearance: none;
  background-size: 15px;
  background-position-x: 100%;
  background-position-y: 70%;
}

input[type=text],
input[type=password] {
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  height: 30px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  outline: none;
  color: #585858;
  border-radius: 0;
  margin-top: 20px;
}
input[type=text].is-empty,
input[type=password].is-empty {
  border-bottom: 1px solid #b92b2b;
}
input[type=text].is-empty + .span,
input[type=password].is-empty + .span {
  color: #b92b2b;
  transform: translateY(-130%) translateX(0);
}
input[type=text].is-empty ~ .validation-message,
input[type=password].is-empty ~ .validation-message {
  margin-top: 5px;
  display: block;
}
input[type=text]:focus,
input[type=password]:focus {
  border-bottom: 1px solid #286a56;
}
input[type=text]:focus + .span,
input[type=password]:focus + .span {
  color: #286a56;
  transform: translateY(-130%) translateX(0);
}
input[type=text]:focus ~ .validation-message,
input[type=password]:focus ~ .validation-message {
  margin-top: 5px;
  display: none;
}

input[type=text]:focus,
input[type=password]:focus {
  font-size: 16px;
  border-bottom: 1px solid #286a56;
}

input[type=text]::placeholder,
input[type=password]::placeholder {
  font-size: 16px;
  color: #8f8f8f;
}

select {
  box-sizing: border-box;
  height: 30px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  background-color: transparent;
  font-size: 16px;
  color: #585858;
  border-radius: 0 !important;
  -webkit-appearance: none;
  outline: none;
}
select:hover {
  cursor: pointer;
}
select:focus {
  font-size: 16px;
}

select::placeholder {
  color: #8f8f8f;
}

textarea {
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  padding: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  height: 150px;
  outline: none;
  font-size: 1em;
  margin-top: 10px;
  color: #585858;
  font-size: 16px;
}
textarea:focus {
  border: 1px solid #286a56;
  font-size: 16px;
}

label {
  position: relative;
  font-size: 0.9em;
  color: #286a56;
}

.span {
  color: #8f8f8f;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.2s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 1;
}

.validation-message {
  display: none;
  font-size: 12px;
  color: #b92b2b;
}

input:focus + .span,
input:not(:placeholder-shown) + .span {
  opacity: 1;
  color: #286a56;
  transform: translateY(-130%) translateX(0);
}

.link-green {
  color: #286a56;
}
.link-green:hover {
  color: #205444;
  text-decoration: underline;
}

.secondary-link {
  font-size: 0.9em;
  color: #585858;
  border-bottom: 3px solid #d9d9d9;
}
.secondary-link.icon-before i {
  margin-right: 15px;
}
.secondary-link.icon-after i {
  margin-left: 15px;
}
.secondary-link:hover {
  color: black;
}

.white-link {
  text-decoration: underline;
  color: #ffffff;
}

.facebook-green-link {
  color: #286a56;
  font-weight: bold;
  font-size: 0.8em;
  border: none;
  outline: none;
  padding: 0;
}
.facebook-green-link:hover {
  cursor: pointer;
  color: #497d6d;
}

.flask-error {
  margin-top: 100px;
  margin-bottom: -100px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px 20px 30px;
  background-color: #b92b2b;
  color: #ffffff;
  border-radius: 3px;
  font-size: 0.9em;
  position: relative;
}

.error {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px 20px 30px;
  background-color: #b92b2b;
  color: #ffffff;
  border-radius: 3px;
  font-size: 0.9em;
  position: relative;
}
.error > .error-x {
  position: absolute;
  top: 7px;
  right: 10px;
}
.error > .error-x:hover {
  cursor: pointer;
}

.message {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px 20px 30px;
  background-color: #2bb982;
  color: #ffffff;
  border-radius: 3px;
  font-size: 0.9em;
  position: relative;
}
.message > .message-x {
  position: absolute;
  top: 7px;
  right: 10px;
}
.message > .message-x:hover {
  cursor: pointer;
}
.message a {
  color: #ffffff;
  text-decoration: underline;
}

.admin-as-user-warning {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 30px;
  background-color: #b92b2b;
  color: #ffffff;
  z-index: 99;
}
@media print {
  .admin-as-user-warning {
    display: none;
  }
}
@media (min-width: 992px) {
  .admin-as-user-warning {
    top: 0;
  }
}
@media (max-width: 992px) {
  .admin-as-user-warning {
    bottom: 0;
  }
}

html {
  height: 100%;
}

body {
  font-family: Manrope, sans-serif !important;
  background-color: #ffffff;
  letter-spacing: 0.3px;
  color: #1f1f1f;
  font-size: 16px !important;
  padding-top: 150px;
}
@media print {
  body {
    padding-top: 0;
  }
}
body.small-header {
  padding-top: 100px;
}
@media print {
  body.small-header {
    padding-top: 0;
  }
}
@media (max-width: 992px) {
  body {
    padding-top: 100px;
  }
}

.container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 50px;
  width: 83%;
}
@media (max-width: 768px) {
  .container {
    padding: 0 40px;
  }
}
@media (max-width: 1400px) {
  .container {
    width: 90%;
  }
}
@media (max-width: 1300px) {
  .container {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .container {
    padding: 0;
  }
}

.big-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 50px;
  max-width: 1920px;
}
@media (max-width: 768px) {
  .big-container {
    padding: 0 40px;
  }
}
@media (max-width: 1250px) {
  .big-container {
    padding: 0 30px;
  }
}
@media (max-width: 567px) {
  .big-container {
    padding: 0 15px !important;
  }
}
@media (max-width: 1920px) {
  .big-container.no-right-padding {
    padding-right: 0;
  }
}
.big-container.cols-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 100px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .big-container.cols-container {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
    padding: 0 30px;
  }
}
.big-container.cols-container .section-headline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
}
.big-container.cols-container .section-headline h2 {
  margin-bottom: 25px;
}
.big-container.cols-container .section-headline .short-separator-left {
  height: 5px;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .big-container.cols-container .section-headline {
    width: 100%;
  }
}
.big-container.cols-container .section-left {
  flex: 1;
  margin-right: auto;
  padding-left: 10%;
}
@media (max-width: 992px) {
  .big-container.cols-container .section-left {
    padding: 0;
  }
}
.big-container.cols-container .section-right {
  width: 50%;
  box-shadow: 30px -30px 0 #d9d9d9;
  max-width: 700px;
}
.big-container.cols-container .section-right > img {
  width: 100%;
}
@media (max-width: 992px) {
  .big-container.cols-container .section-right {
    width: 100%;
    padding: 0;
    box-shadow: none;
  }
  .big-container.cols-container .section-right > img {
    width: 100%;
    margin-bottom: 30px;
  }
}

.green-separator {
  width: 20px;
  height: 7px;
  text-align: left;
  margin-left: 0;
  background-color: #286a56;
  border: none;
}

.short-separator-left {
  width: 20px;
  height: 4px;
  background-color: #286a56;
  border: none;
  text-align: left;
  margin-left: 0;
}

.short-separator-center {
  width: 20px;
  height: 4px;
  background-color: #286a56;
  border: none;
  margin: auto;
  text-align: center;
}

.small-separator {
  width: 80%;
  margin: auto;
  height: 1px;
  background-color: #d9d9d9;
}

.row {
  width: 100%;
}

.row-half {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.row-half > .left {
  width: 45%;
  margin-right: auto;
}
.row-half > .right {
  width: 45%;
  margin-left: auto;
}

.bg-light-green {
  background-color: #eaeeed;
}

.bg-white {
  background-color: #ffffff;
}

#header,
#header-admin {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 70;
}
@media print {
  #header,
#header-admin {
    display: none;
  }
}
@media (max-width: 768px) {
  #header,
#header-admin {
    margin-bottom: 0;
  }
}

#header-admin {
  padding-top: 30px;
}
@media (max-width: 992px) {
  #header-admin {
    padding-top: 0;
  }
}

#mobile-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  left: -100%;
  background-color: #ffffff;
  display: none;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  #mobile-menu {
    display: block;
    padding: 20px;
    left: -100%;
  }
}
@media (max-width: 768px) {
  #mobile-menu {
    left: -120%;
    width: 100%;
  }
}
#mobile-menu .x-button {
  text-align: right;
  margin-bottom: 10px;
}
#mobile-menu .mobile-logo {
  text-align: center;
}
#mobile-menu .menu-links-mobile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 20px 0;
}
#mobile-menu .menu-links-mobile a {
  margin-bottom: 20px;
  font-size: 1.2em;
  letter-spacing: 0.2em;
  color: black;
  font-weight: bold;
}
#mobile-menu .menu-links-mobile a:last-child {
  margin-bottom: 0;
}
#mobile-menu .mobile-language-links {
  font-size: 0.8em;
  letter-spacing: 0.2em;
  margin-bottom: 50px;
}
#mobile-menu .mobile-language-links a {
  color: #585858;
}
#mobile-menu .mobile-menu-cta {
  width: 100%;
  box-sizing: border-box;
}

#mobile-menu-behind {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  left: -100vw;
  height: 100vh;
  width: 100vw;
  background-color: black;
  opacity: 0;
  z-index: 98;
  display: none;
}

#mobile-user-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  right: -150%;
  background-color: #eaeeed;
  display: none;
}
@media (max-width: 992px) {
  #mobile-user-menu {
    display: block;
    right: -150%;
  }
}
@media (max-width: 768px) {
  #mobile-user-menu {
    right: -150%;
    width: 100%;
  }
}

.mobile-user-menu-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  background-color: #5e8c7e;
  height: 100px;
  color: #ffffff;
}
.mobile-user-menu-header .mobile-user-x-button {
  width: 100%;
  box-sizing: border-box;
  text-align: right;
  padding-right: 20px;
  padding-top: 10px;
}
.mobile-user-menu-header .mobile-user-x-button #mobile-user-x-button {
  text-align: right;
}
.mobile-user-menu-header .mobile-user-greeting {
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
}

.mobile-user-menu-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
.mobile-user-menu-content .dashboard-link {
  margin-bottom: 40px;
}

#mobile-user-menu-behind {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  right: -100vw;
  height: 100vh;
  width: 100vw;
  background-color: black;
  opacity: 0;
  z-index: 98;
  display: none;
}

.header-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
@media (max-width: 992px) {
  .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 992px) {
  .header-wrapper .logo {
    width: 33%;
    text-align: center;
  }
}
.header-wrapper .logo img {
  width: 75px;
}
@media (max-width: 992px) {
  .header-wrapper .logo img {
    width: 50px;
  }
}
.header-wrapper .container {
  text-align: left;
  width: 100%;
  padding-left: 8%;
  padding-right: 0;
}
@media (max-width: 1200px) {
  .header-wrapper .container {
    padding-left: 6%;
  }
}
@media (max-width: 1100px) {
  .header-wrapper .container {
    padding-left: 4%;
  }
}
@media (max-width: 992px) {
  .header-wrapper .container {
    display: none;
  }
}

.menu-links-desktop {
  display: inline-block;
}
.menu-links-desktop a {
  margin: 0 10px;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  color: #585858;
}
@media (min-width: 1550px) {
  .menu-links-desktop a {
    font-size: 0.8em;
  }
}
@media (max-width: 992px) {
  .menu-links-desktop {
    width: 100%;
    display: none;
  }
}

.header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.header-right > div {
  margin-left: 20px;
}
@media (max-width: 1116px) {
  .header-right .login a {
    margin-left: 10px;
    height: 60px;
  }
  .header-right .login a i {
    margin: 0;
  }
  .header-right #dashboard-button {
    display: none;
  }
}
@media (max-width: 992px) {
  .header-right {
    display: none;
  }
}

.header-get-started > .main-green-button {
  padding: 20px 30px !important;
}

.language-links {
  font-size: 0.8em;
  letter-spacing: 0.2em;
}
@media (max-width: 992px) {
  .language-links {
    display: none;
  }
}

.mobile-menu-icon {
  display: none;
  padding-left: 10px;
}
.mobile-menu-icon > i {
  color: #585858;
  font-size: 1.3em;
}
.mobile-menu-icon > i:hover {
  cursor: pointer;
}
@media (max-width: 992px) {
  .mobile-menu-icon {
    width: 33%;
    display: block;
  }
}

#mobile-user-menu-icon,
#mobile-user-menu-icon-not-logged-in {
  padding: 0;
}
#mobile-user-menu-icon > i,
#mobile-user-menu-icon-not-logged-in > i {
  color: #585858;
  font-size: 1.3em;
}
#mobile-user-menu-icon > i:hover,
#mobile-user-menu-icon-not-logged-in > i:hover {
  cursor: pointer;
}

.mobile-user-icon-33-width {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 33%;
  padding-right: 10px;
  display: none;
}
@media (max-width: 992px) {
  .mobile-user-icon-33-width {
    display: flex;
  }
}

.mobile-user-icon {
  display: none;
}
@media (max-width: 992px) {
  .mobile-user-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 30px;
    text-align: center;
  }
  .mobile-user-icon > .white-button {
    font-size: 1em;
    margin-left: 20px;
  }
}

#footer {
  height: 300px;
}
@media print {
  #footer {
    display: none;
  }
}
#footer .bg-light-green {
  height: 100%;
}
#footer .footer-bg-white-container {
  height: 100%;
}

.footer-bg-white-container {
  background-color: #ffffff;
  width: 90%;
  margin: auto;
  padding: 30px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .footer-bg-white-container {
    width: 100%;
    padding-bottom: 100px;
  }
}

.footer-bg-gray-container {
  background-color: #f3f3f3;
  width: 90%;
  margin: auto;
  padding: 30px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .footer-bg-gray-container {
    width: 100%;
    padding-bottom: 100px;
  }
}

.footer-top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 2px solid #eaeeed;
  padding-bottom: 30px;
}

.footer-top-row-left {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
}
@media (max-width: 992px) {
  .footer-top-row-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.footer-top-row-left-1,
.footer-top-row-left-2,
.footer-top-row-left-3 {
  width: 33%;
}

.footer-top-row-left-1 img {
  width: 60px;
}
@media (max-width: 992px) {
  .footer-top-row-left-1 {
    margin-bottom: 40px;
    width: 100%;
  }
}

.footer-top-row-left-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 992px) {
  .footer-top-row-left-2 {
    margin-bottom: 40px;
  }
}

.footer-top-row-menu-header {
  margin-bottom: 30px;
}

.footer-top-row-menu-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer-top-row-menu-links a {
  margin-bottom: 10px;
}
.footer-top-row-menu-links a:last-child {
  margin-bottom: 0;
}

.footer-link {
  color: #585858;
  font-size: 0.9em;
}
.footer-link:hover {
  text-decoration: underline;
}

.footer-top-row-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  height: 150px;
}
@media (max-width: 992px) {
  .footer-top-row-right {
    height: 400px;
  }
}

.footer-top-row-social {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

.footer-top-row-social-cta {
  font-size: 0.8em;
  color: #d9d9d9;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .footer-top-row-social-cta {
    margin-right: 0;
  }
}

.footer-top-row-social-separator {
  width: 75px;
  height: 2px;
  font-size: 0.8em;
  background-color: #d9d9d9;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .footer-top-row-social-separator {
    display: none;
  }
}

.footer-top-row-social-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-top-row-social-links i {
  color: #286a56;
  margin-left: 20px;
}

.footer-top-row-languages-top {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .footer-top-row-languages-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }
}

.footer-top-row-languages {
  font-size: 0.8em;
}
@media (max-width: 992px) {
  .footer-top-row-languages {
    display: none;
  }
}

.footer-top-row-top {
  padding: 15px 20px;
  background-color: #eaeeed;
  color: #286a56;
}
.footer-top-row-top:hover {
  cursor: pointer;
  background-color: #d9d9d9;
}

.footer-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 0.8em;
  color: #eaeeed;
}

.footer-bottom-row-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
}
.footer-bottom-row-left a {
  color: #585858;
  margin-right: 10px;
}

.footer-bottom-row-right {
  width: 50%;
  text-align: right;
  color: #585858;
}

.floating-error {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  color: white;
  border-radius: 10px;
  padding: 30px;
  min-width: 600px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background-color: #b92b2b;
}
@media (max-width: 992px) {
  .floating-error {
    width: 80%;
    min-width: unset;
  }
}

.floating-message {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  color: white;
  border-radius: 10px;
  padding: 30px;
  min-width: 600px;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background-color: #2da862;
}
@media (max-width: 992px) {
  .floating-message {
    width: 80%;
    min-width: unset;
  }
}

.address-container {
  width: 100%;
  box-sizing: border-box;
}
.address-container .row {
  width: 100%;
  margin-bottom: 20px;
}
.address-container.family {
  width: 45%;
}
@media (max-width: 992px) {
  .address-container.family {
    width: 100%;
  }
}

.-babysitter-card {
  width: 100%;
  max-width: 300px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
}
@media (max-width: 992px) {
  .-babysitter-card {
    max-width: 500px;
  }
}

.-babysitter-card__picture > img {
  width: 100%;
}

.-babysitter-card__content {
  padding: 20px;
}

.-babysitter-card__name {
  margin-bottom: 10px;
}

.back-button .row {
  margin-bottom: 20px;
}

.banner {
  width: 100%;
  margin-bottom: 20px;
}
.banner > img {
  display: block;
  width: 100%;
}

.banner-clouds-background {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 0;
  box-sizing: border-box;
  background: url("/static/dist/img/homepage/clouds-mission.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 75px;
}
@media (max-width: 992px) {
  .banner-clouds-background {
    margin-bottom: 30px;
  }
}
.banner-clouds-background .headline {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.banner-clouds-background .headline > h2 {
  margin-bottom: 25px;
}
.banner-clouds-background .headline > .short-separator-center {
  height: 5pxs;
  margin-bottom: 15px;
}

.booking-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
  padding: 20px 0;
}
.booking-card:last-child {
  margin-bottom: 0;
  border: none;
}
@media (max-width: 992px) {
  .booking-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.booking-card__babysitter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: stretch;
  width: 25%;
  margin-right: 20px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
}
.booking-card__babysitter img {
  width: 100%;
}
@media (max-width: 992px) {
  .booking-card__babysitter {
    width: 70%;
    margin: auto;
  }
}

.booking-card__babysitter-picture {
  width: 100%;
  box-sizing: border-box;
}

.booking-card__babysitter-name {
  margin: 10px 0;
}

.booking-card__details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  box-sizing: border-box;
  padding: 10px;
}
@media (max-width: 992px) {
  .booking-card__details {
    width: 100%;
    padding: 20px 10px;
  }
}

.button-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 -5px;
}
.button-group > button {
  margin: 0 5px;
}
.button-group.col--centered {
  flex-direction: column;
  margin: -5px 0;
}
.button-group.col--centered > button {
  margin: 5px 0px;
}
.button-group.col--left {
  flex-direction: column;
  align-items: flex-start;
  margin: -5px 0;
}
.button-group.col--left > button {
  margin: 5px 0px;
}

.favourite,
.used-before {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border: 1px solid #d9d9d9;
  color: #d9d9d9;
}
.favourite.checked,
.used-before.checked {
  border: 1px solid #286a56;
  color: white;
  background-color: #286a56;
}

.review-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.review-form__star-select {
  min-width: 30px;
}

.review-form__content {
  margin-bottom: 20px;
}

.review-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f3f3f3;
}
.review-card:last-child {
  margin-bottom: 0;
}
.review-card .row {
  margin-bottom: 10px;
}
.review-card .row:last-child {
  margin-bottom: 0;
}

.credit-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 450px;
  box-sizing: border-box;
  padding: 20px;
  padding-bottom: 10px;
  background-color: #286a56;
  border-radius: 10px;
  color: #5e8c7e;
  font-weight: bold;
}
@media (max-width: 992px) {
  .credit-card {
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.credit-card .row {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .credit-card .row {
    margin-bottom: 20px;
  }
}

.credit-card__name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.5em;
}
.credit-card__name .logo > img {
  width: 70px;
  opacity: 0.3;
}

.credit-card__number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Courier, sans-serif !important;
  font-size: 1.8em;
  width: 95%;
  margin: auto;
}
.credit-card__number i {
  font-size: 0.4em;
  margin-right: 7px;
}
@media (max-width: 992px) {
  .credit-card__number {
    font-size: 1.3em;
  }
}

.credit-card__exp-date {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: -10px;
}
.credit-card__exp-date .date {
  font-family: Courier, sans-serif !important;
  font-size: 1.3em;
  font-weight: bold;
}
@media (max-width: 992px) {
  .credit-card__exp-date .date {
    font-size: 1.1em;
  }
}
.credit-card__exp-date .logo > img {
  width: 100px;
}

.credit-card__buttons.desktop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 0;
  right: -50px;
  color: #d9d9d9;
}
@media (max-width: 992px) {
  .credit-card__buttons.desktop {
    display: none;
  }
}
.credit-card__buttons.mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #585858;
  display: none;
}
@media (max-width: 992px) {
  .credit-card__buttons.mobile {
    display: block;
  }
}
.credit-card__buttons .remove,
.credit-card__buttons .update {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border: 1px solid #f3f3f3;
  font-size: 14px;
}
.credit-card__buttons .remove.checked,
.credit-card__buttons .update.checked {
  border: 1px solid #286a56;
  color: white;
  background-color: #286a56;
}
.credit-card__buttons .remove:hover,
.credit-card__buttons .update:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
.credit-card__buttons .remove i,
.credit-card__buttons .update i {
  width: 14px;
}
.credit-card__buttons .favourite {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border: 1px solid #f3f3f3;
  font-size: 14px;
}
.credit-card__buttons .favourite.checked {
  border: 1px solid #286a56;
  color: white;
  background-color: #286a56;
}
.credit-card__buttons .favourite.checked:hover {
  cursor: pointer;
  background-color: #286a56;
}
.credit-card__buttons .favourite:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
.credit-card__buttons .favourite.disabled {
  cursor: not-allowed !important;
}
.credit-card__buttons .favourite i {
  width: 14px;
}
.credit-card__buttons > div {
  margin-bottom: 10px;
}

.subscription-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border: 1px solid #eaeeed;
  padding: 20px;
  box-sizing: border-box;
  min-height: 200px;
}
.subscription-card tbody {
  width: 100%;
}
.subscription-card tr {
  min-height: 50px;
}
.subscription-card:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.subscription-card.checked {
  background-color: #f3f3f3 !important;
}
.subscription-card.ignore-click:hover {
  background-color: unset;
  cursor: default;
}

.subscription-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
}
.subscription-card__header .name {
  font-weight: bold;
}
.subscription-card__header .check {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  padding: 7px;
  font-size: 10px;
  color: transparent;
}
.subscription-card__header .check.checked {
  background-color: #286a56;
  color: white;
}

.subscription-card__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  font-size: 14px;
}
.subscription-card__row i {
  margin-right: 10px;
  color: #286a56;
}
.subscription-card__row .left {
  width: 45%;
  margin-right: 20px;
}
.subscription-card__row .right {
  width: 45%;
  margin-left: 20px;
}

.user-info-container {
  width: 100%;
  box-sizing: border-box;
}
.user-info-container .row {
  width: 100%;
  margin-bottom: 20px;
}
.user-info-container.family {
  width: 45%;
}
@media (max-width: 992px) {
  .user-info-container.family {
    width: 100%;
    margin-bottom: 40px;
  }
}

.outputText .content {
  width: 100%;
  box-sizing: border-box;
  background-color: transparent;
  height: 30px;
  font-size: 1em;
  border: none;
  outline: none;
  color: #585858;
  border-radius: 0;
}
.outputText .content + .label {
  color: #b92b2b;
  transform: translateY(-100%) translateX(0);
  margin-top: 20px;
}

.weekly-schedule {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.weekly-schedule .card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  background-color: #f3f3f3;
  font-weight: bold;
}
.weekly-schedule .card.not-available {
  background-color: transparent;
  color: #d9d9d9;
  font-weight: normal;
}
.weekly-schedule .card:last-child {
  margin-bottom: 0;
}
.weekly-schedule .card .date,
.weekly-schedule .card .time,
.weekly-schedule .card .status {
  width: 33%;
}
.weekly-schedule .card .date {
  font-weight: normal;
}
.weekly-schedule .card .time {
  text-align: center;
}
.weekly-schedule .card .status {
  text-align: right;
  color: #286a56;
}
.weekly-schedule .card .status.not-available {
  color: #d9d9d9;
}

@font-face {
  font-family: Manrope;
  src: url("./fonts/manrope/regular.otf");
}
@font-face {
  font-family: Manrope;
  src: url("./fonts/manrope/semibold.otf");
  font-weight: bold;
}
@font-face {
  font-family: Courier;
  src: url("./fonts/courier/regular.ttf");
}
#admin-root {
  margin-top: -150px;
}

.dashboard-section {
  width: 100%;
  margin-bottom: 75px;
}
.dashboard-section > .header {
  margin-bottom: 30px;
}

.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  color: #286a56;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.dashboard-green-button,
.dashboard-green-button-grayed {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 25px 50px;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background-color: #286a56;
  color: #d9d9d9;
  padding: 20px 30px;
}
.dashboard-green-button.icon-before i,
.dashboard-green-button-grayed.icon-before i {
  margin-right: 15px;
}
.dashboard-green-button.icon-after i,
.dashboard-green-button-grayed.icon-after i {
  margin-left: 15px;
}
.dashboard-green-button:hover,
.dashboard-green-button-grayed:hover {
  background-color: #205444;
  color: #ffffff;
}

.dashboard-green-button-grayed {
  border: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 25px 50px;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background-color: #286a56;
  color: #d9d9d9;
  background-color: #d9d9d9;
  color: #ffffff;
}
.dashboard-green-button-grayed.icon-before i {
  margin-right: 15px;
}
.dashboard-green-button-grayed.icon-after i {
  margin-left: 15px;
}
.dashboard-green-button-grayed:hover {
  background-color: #205444;
  color: #ffffff;
}
.dashboard-green-button-grayed:hover {
  cursor: default;
  background-color: #d9d9d9;
}

.badge-green,
.badge-green-grayed {
  background-color: #286a56;
  color: #d9d9d9;
  padding: 5px;
  position: relative;
  text-align: center;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.badge-green-grayed {
  background-color: #d9d9d9;
  color: #286a56;
}

#dashboard-root {
  min-height: 70%;
  min-height: -webkit-calc(100% - 300px);
  min-height: -moz-calc(100% - 300px);
  min-height: calc(100vh - 300px);
}

.dashboard-loading-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  font-size: 2em;
  color: #286a56;
}

.dashboard-logged-out-message {
  padding-top: 150px;
}

.dashboard-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 900px;
  margin-top: 25px;
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .dashboard-container {
    padding-top: 0px;
  }
}

.dashboard-row {
  margin-bottom: 20px;
}

.dashboard-sidebar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: fixed;
  width: 20%;
  padding: 30px 40px;
  background-color: #eaeeed;
  min-height: 45vh;
}
@media print {
  .dashboard-sidebar {
    display: none;
  }
}
@media (max-height: 900px) {
  .dashboard-sidebar {
    position: static;
  }
}
.dashboard-sidebar a {
  margin-bottom: 20px;
}
.dashboard-sidebar i {
  margin-right: 10px;
}
.dashboard-sidebar .short-separator-left {
  margin: 20px 0;
}
@media (max-width: 992px) {
  .dashboard-sidebar {
    display: none;
  }
}

.dashboard-link {
  color: #585858;
}
.dashboard-link i {
  color: #286a56;
  margin-right: 10px;
}
.dashboard-link:hover {
  color: #497d6d;
}

.dashboard-link-active {
  color: #286a56;
  font-weight: bold;
}

.dashboard-content {
  width: 65%;
  margin-left: 30%;
  padding: 30px 40px;
  box-sizing: border-box;
}
@media print {
  .dashboard-content {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
}
@media (max-height: 900px) {
  .dashboard-content {
    position: static;
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  .dashboard-content {
    width: 100%;
    padding: 10px;
    margin-left: 0;
  }
}

.dashboard-green-link {
  color: #286a56;
  font-weight: bold;
}
.dashboard-green-link:hover {
  color: #497d6d;
}

.dashboard-secondary-link {
  color: #585858;
  border-bottom: 3px solid #d9d9d9;
  background-color: transparent;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  border: none;
  outline: none;
  text-decoration: none;
}
.dashboard-secondary-link:hover {
  cursor: pointer;
  color: black;
  border-bottom: 3px solid #585858;
}
.dashboard-secondary-link > i {
  margin-right: 10px;
}

#auth {
  height: calc(100vh - 100px);
}
@media (max-width: 992px) {
  #auth {
    height: auto;
  }
}
@media (max-width: 992px) {
  #auth {
    margin-top: 40px;
  }
}
#auth .link-green {
  text-decoration: none;
  font-size: 0.8em;
  opacity: 0.7;
}
#auth .big-container {
  margin-right: 0px;
  padding-right: 0px;
}
@media (min-width: 1500px) {
  #auth .big-container {
    padding-right: 50px;
    margin-right: auto;
  }
}
@media (max-width: 992px) {
  #auth .big-container {
    padding: 0 30px;
  }
}
#auth .container {
  width: 100%;
  margin-right: 0px;
  padding-right: 0px;
  max-width: 1920px;
}
@media (min-width: 1500px) {
  #auth .container {
    padding-right: 50px;
    margin-right: auto;
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  #auth .container {
    margin: 0;
    padding: 0;
  }
}
#auth .message {
  margin: 20px 0;
}

.auth-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 900px;
}
@media (max-width: 992px) {
  .auth-flex {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.auth-login,
.auth-register,
.auth-forgot-password,
.auth-reset-password {
  width: 40%;
  margin-left: 5%;
  margin-right: 15%;
  margin-top: -50px;
}
.auth-login .submit-button,
.auth-register .submit-button,
.auth-forgot-password .submit-button,
.auth-reset-password .submit-button {
  margin-bottom: 30px !important;
}
.auth-login form,
.auth-register form,
.auth-forgot-password form,
.auth-reset-password form {
  margin-bottom: 30px;
}
.auth-login .error,
.auth-register .error,
.auth-forgot-password .error,
.auth-reset-password .error {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .auth-login,
.auth-register,
.auth-forgot-password,
.auth-reset-password {
    width: 100%;
    margin: auto;
  }
}

.auth-picture {
  width: 40%;
  height: 100%;
  box-shadow: 30px -30px 0 #d9d9d9;
  overflow: hidden;
  position: relative;
  top: 50px;
}
.auth-picture > img {
  width: 750px;
}
@media (max-width: 992px) {
  .auth-picture {
    display: none;
  }
}

.login-headline,
.register-headline,
.forgot-password-headline,
.reset-password-headline {
  margin-bottom: 1em;
}
.login-headline h1,
.register-headline h1,
.forgot-password-headline h1,
.reset-password-headline h1 {
  line-height: 1.2;
}
.login-headline > hr,
.register-headline > hr,
.forgot-password-headline > hr,
.reset-password-headline > hr {
  height: 7px;
  margin: 40px 0;
}
@media (max-width: 992px) {
  .login-headline > hr,
.register-headline > hr,
.forgot-password-headline > hr,
.reset-password-headline > hr {
    height: 5px;
    margin: 20px 0;
  }
}

.login-inputs > div,
.register-inputs > div,
.forgot-password-inputs > div,
.reset-password-inputs > div {
  width: 100%;
  margin-bottom: 30px;
}
.login-inputs label,
.register-inputs label,
.forgot-password-inputs label,
.reset-password-inputs label {
  font-size: 0.9em;
  color: #286a56;
}
.login-inputs input[type=text], .login-inputs input[type=password], .login-inputs input[type=submit],
.register-inputs input[type=text],
.register-inputs input[type=password],
.register-inputs input[type=submit],
.forgot-password-inputs input[type=text],
.forgot-password-inputs input[type=password],
.forgot-password-inputs input[type=submit],
.reset-password-inputs input[type=text],
.reset-password-inputs input[type=password],
.reset-password-inputs input[type=submit] {
  width: 100%;
}
.login-inputs input[type=submit],
.register-inputs input[type=submit],
.forgot-password-inputs input[type=submit],
.reset-password-inputs input[type=submit] {
  height: 70px;
  width: 100%;
}
.login-inputs .submit-button,
.register-inputs .submit-button,
.forgot-password-inputs .submit-button,
.reset-password-inputs .submit-button {
  margin-top: 40px;
  margin-bottom: -10px;
}

.dashboard-emergency-contacts-container > div {
  margin-bottom: 10px;
}
.dashboard-emergency-contacts-container div:last-child {
  margin-bottom: 0;
}

#p-dashboard {
  padding-top: 100px;
  flex-direction: row;
  align-items: flex-start;
}

.p-dashboard-sidebar {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 400px;
}
.p-dashboard-sidebar > div {
  margin-bottom: 10px;
}

.p-dashboard-content {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.p-profile {
  width: 100%;
}

.p-profile-header {
  display: flex;
  justify-content: center;
  align-items: space-between;
}

.p-profile-userinfo {
  width: 100%;
}

.p-profile-kids {
  display: flex;
  justify-content: center;
}

.p-bookings {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.p-booking {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.p-billing {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.p-billing-cardlist {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.dashboard-overview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 992px) {
  .dashboard-overview {
    margin-top: 40px;
  }
}

.overview-welcome {
  width: 100%;
  padding: 30px;
  margin-top: -30px;
  box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eaeeed;
}

.overview-header-welcome {
  margin-bottom: 20px;
}

.overview-book-by-date {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 992px) {
  .overview-book-by-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
.overview-book-by-date .date-picker-container {
  width: 100%;
}
.overview-book-by-date .date-picker-container select {
  width: 80% !important;
  margin: auto;
}
@media (max-width: 992px) {
  .overview-book-by-date .date-picker-container select {
    margin-bottom: 40px;
    width: 100% !important;
  }
}
.overview-book-by-date > div {
  width: 50%;
}
@media (max-width: 992px) {
  .overview-book-by-date > div {
    width: 80%;
    margin: auto;
  }
  .overview-book-by-date > div .dashboard-green-button {
    width: 100%;
    margin: 0;
  }
}

.welcome-videos-container {
  width: 100%;
}
.welcome-videos-container .headline {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .welcome-videos-container .headline {
    margin-bottom: 0;
  }
}

.videos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 992px) {
  .videos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: -70px;
    margin-bottom: 30px;
  }
}

.videos__video {
  margin: 0 10px;
  width: 30%;
}
.videos__video iframe {
  width: 100%;
}
@media (max-width: 992px) {
  .videos__video {
    margin: 0;
    width: 100%;
    height: 300px;
  }
  .videos__video iframe {
    height: 400px;
  }
}
.videos__video img {
  width: 100%;
}

.credits {
  font-weight: bold;
  color: #286a56;
}

.dashboard-family {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.dashboard-family .dashboard-secondary-link {
  margin-left: 5px;
}

.dashboard-family-profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .dashboard-family-profile .green-button {
    margin: auto;
  }
}

.dashboard-family-profile__text {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .dashboard-family-profile__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.dashboard-family-user-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.dashboard-family-user-info .booking-row {
  margin-bottom: 15px;
}
.dashboard-family-user-info .booking-row .error {
  margin-bottom: -15px;
}
@media (max-width: 992px) {
  .dashboard-family-user-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.dashboard-family-user-info-add-address {
  background-color: #eaeeed;
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
}
.dashboard-family-user-info-add-address .booking-row {
  margin-bottom: 15px;
}

.dashboard-main-info-container,
.dashboard-main-info-container-edit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
  width: 40%;
  margin-right: 5%;
  padding: 30px;
  border: 1px solid #eaeeed;
}
.dashboard-main-info-container > div,
.dashboard-main-info-container-edit > div {
  width: 100%;
  margin-bottom: 15px;
}
.dashboard-main-info-container .error,
.dashboard-main-info-container .user-info-error,
.dashboard-main-info-container-edit .error,
.dashboard-main-info-container-edit .user-info-error {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .dashboard-main-info-container,
.dashboard-main-info-container-edit {
    width: 100%;
    margin-bottom: 10px;
  }
}

.dashboard-main-info-container-edit {
  background-color: #eaeeed;
}

.dashboard-family-addresses {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 55%;
}
.dashboard-family-addresses > div {
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .dashboard-family-addresses {
    width: 100%;
  }
}

.dashboard-family-kids-section-edit {
  width: 100%;
  box-sizing: border-box;
  padding: 30px;
  background-color: #eaeeed;
}

.dashboard-family-kids {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.kidCard {
  width: 300px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #d9d9d9;
  text-align: center;
  margin: 0 10px;
}
.kidCard > div {
  margin-bottom: 25px;
}

.kid-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .kid-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.kid-card .picture > img {
  width: 50px;
}
@media (max-width: 992px) {
  .kid-card .picture {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .kid-card .name-age {
    margin-bottom: 20px;
  }
}
.kid-card .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kid-card .buttons > button {
  margin: 0 20px;
}
@media (max-width: 992px) {
  .kid-card .buttons {
    margin-bottom: 10px;
  }
}

@media (max-width: 992px) {
  .dashboard-family__add-kid-button button {
    margin: auto;
  }
}

.emergency-contacts {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}

.emergency-contact > .row {
  margin-bottom: 20px;
}
.emergency-contact input[type=text]:last-child {
  margin-bottom: 0;
}

.kid-page {
  width: 100%;
}
.kid-page .row {
  width: 100%;
  margin-bottom: 20px;
}
.kid-page .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kid-page .header .picture > img {
  width: 100px;
}
@media (max-width: 992px) {
  .kid-page .header .picture > img {
    width: 75px;
  }
}

.kid-page-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.kid-page-form .row,
.kid-page-form .row-half {
  margin-bottom: 20px;
}

.bookings-container {
  width: 100%;
}
.bookings-container > .headline {
  width: 100%;
  margin-bottom: 20px;
}
.bookings-container.overview {
  width: 100%;
  margin-top: 50px;
}
.bookings-container.bookings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.bookings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.dashboard-bookings-row {
  margin-bottom: 20px;
}

.dashboard-bookings-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.dashboard-bookings-container > div {
  margin-bottom: 10px;
}
.dashboard-bookings-container > div i {
  margin-right: 10px;
  color: #286a56;
}
.dashboard-bookings-container div:last-child {
  margin-bottom: 0;
}

.dashboard-booking-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-right: 10px;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #eaeeed;
  text-align: center;
}
@media (max-width: 992px) {
  .dashboard-booking-card {
    padding: 20px;
  }
}

.dashboard-booking-date {
  text-align: left;
}

@media (max-width: 992px) {
  .dashboard-booking-card-person {
    display: none;
  }
}

.dashboard-booking-details {
  width: 100%;
}
.dashboard-booking-details .dashboard-secondary-link {
  margin-left: 5px;
}

.booking-details-row {
  margin-bottom: 20px;
}
.booking-details-row i {
  margin-right: 10px;
  color: #286a56;
}

.dashboard-membership .dashboard-secondary-link {
  margin-left: 5px;
}

.dashboard-subscription-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #eaeeed;
}

.dashboard-subscription-info i {
  margin-right: 5px;
  color: #286a56;
}
.dashboard-subscription-info > div {
  margin-bottom: 10px;
}

.dashboard-subscription-row {
  margin-bottom: 20px;
}
.dashboard-subscription-row .booking-row {
  margin-bottom: 30px;
  width: 70%;
}
@media (max-width: 992px) {
  .dashboard-subscription-row .booking-row {
    width: 100%;
  }
}
.dashboard-subscription-row .add-new-card-button {
  width: 100%;
}

.dashboard-subscription-status-active {
  color: #286a56;
}

.dashboard-subscription-status-cancelled {
  color: #b92b2b;
}

.dashboard-no-subscription-container > div {
  margin-bottom: 20px;
  margin-right: 0;
}
.dashboard-no-subscription-container .plan-options {
  width: 100%;
  margin-right: 0;
}
.dashboard-no-subscription-container .plan-option {
  margin-bottom: 20px;
}
.dashboard-no-subscription-container .plan-option:hover {
  background-color: #ffffff;
  cursor: default;
}
.dashboard-no-subscription-container div:last-child {
  margin-bottom: 0;
}

.dashboard-settings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.dashboard-settings-row {
  width: 100%;
}

.dashboard-change-password-container,
.dashboard-change-password-container-edit {
  width: 50%;
}
.dashboard-change-password-container .dashboard-secondary-link,
.dashboard-change-password-container-edit .dashboard-secondary-link {
  margin-left: 5px;
}
@media (max-width: 992px) {
  .dashboard-change-password-container,
.dashboard-change-password-container-edit {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .dashboard-change-password-container input[type=text],
.dashboard-change-password-container-edit input[type=text] {
    width: 50%;
    margin-right: auto;
  }
}
.dashboard-change-password-container div:last-child,
.dashboard-change-password-container-edit div:last-child {
  margin-bottom: 0;
}

.dashboard-change-password-container-edit {
  background-color: #eaeeed;
  padding: 30px;
  box-sizing: border-box;
}

.dashboard-payment-methods-container {
  margin-bottom: 10px;
}
.dashboard-payment-methods-container .dashboard-secondary-link {
  margin-left: 5px;
}

.source-card-flex,
.source-card-flex-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #eaeeed;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .source-card-flex,
.source-card-flex-edit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.source-card-flex-edit {
  background-color: #eaeeed;
}

.source-card-update-expiry {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  width: 50%;
  margin-right: auto;
}
.source-card-update-expiry > input[type=text] {
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .source-card-update-expiry {
    width: 100%;
  }
}

.source-card-logo-last4 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.source-card-logo-last4 i {
  margin-right: 10px;
}
@media (max-width: 992px) {
  .source-card-logo-last4 {
    margin-bottom: 20px;
  }
}

.source-card-logo i {
  color: #286a56;
}

.dashboard-babysitter-profile {
  width: 100%;
}
.dashboard-babysitter-profile .dashboard-secondary-link {
  margin-left: 5px;
}

.source-card-action-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.source-card-action-button .dashboard-secondary-link {
  margin-right: 5px;
}

#payment .existing-card-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-availability-buttons-container {
  width: 5%;
  text-align: right;
}
@media (max-width: 768px) {
  .dashboard-availability-buttons-container {
    width: 50%;
    display: inline-block;
  }
}

.dashboard-availability-flex-edit .dashboard-availability-logistics {
  width: 70%;
  display: inline-block;
}
.dashboard-availability-flex-edit .dashboard-availability-buttons-container {
  width: 30%;
  display: inline-block;
}

.dashboard-availability-date {
  width: 50%;
  display: inline-block;
}
@media (max-width: 768px) {
  .dashboard-availability-date {
    width: 100%;
  }
}

.dashboard-availability-date-edit {
  margin-bottom: 10px;
}

.dashboard-availability-from {
  width: 20%;
  display: inline-block;
  text-align: right;
}
@media (max-width: 768px) {
  .dashboard-availability-from {
    width: 100%;
    text-align: left;
  }
}
.dashboard-availability-from select {
  width: 50%;
}

.dashboard-availability-from-edit,
.dashboard-availability-to-edit {
  margin-bottom: 10px;
}
.dashboard-availability-from-edit select,
.dashboard-availability-to-edit select {
  width: 30%;
}
@media (max-width: 992px) {
  .dashboard-availability-from-edit select,
.dashboard-availability-to-edit select {
    width: 80%;
  }
}

.dashboard-availability-to {
  width: 20%;
  display: inline-block;
}
@media (max-width: 768px) {
  .dashboard-availability-to {
    width: 100%;
  }
}
.dashboard-availability-to select {
  width: 50%;
}

.dashboard-availability-buttons {
  width: 100%;
  display: inline-block;
  text-align: right;
}
.dashboard-availability-buttons .dashboard-secondary-link {
  margin-left: 10px;
}
.dashboard-availability-buttons i {
  color: #ffffff !important;
}

.dashboard-schedule .dashboard-booking-card {
  margin-bottom: 10px;
}
.dashboard-schedule .dashboard-booking-card i {
  margin-right: 10px;
  color: #286a56;
}

.dashboard-availability-flex,
.dashboard-availability-flex-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 30px;
  box-sizing: border-box;
  border: 1px solid #eaeeed;
  margin-bottom: 10px;
}
.dashboard-availability-flex i,
.dashboard-availability-flex-edit i {
  color: #286a56;
  margin-right: 10px;
}

.dashboard-availability-logistics {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 95%;
}
@media (max-width: 768px) {
  .dashboard-availability-logistics {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    display: inline-block;
  }
}

.dashboard-babysitter-booking-details {
  width: 100%;
}

.dashboard-schedule-parent-profile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 992px) {
  .dashboard-schedule-parent-profile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.parent-profile-info-container {
  width: 45%;
  margin-right: auto;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #eaeeed;
}
.parent-profile-info-container > div {
  margin-bottom: 20px;
}
.parent-profile-info-container div:last-child {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .parent-profile-info-container {
    width: 100%;
    margin-bottom: 20px;
  }
}

.parent-profile-address-container {
  width: 45%;
  margin-left: auto;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #eaeeed;
}
.parent-profile-address-container > div {
  margin-bottom: 20px;
}
.parent-profile-address-container div:last-child {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .parent-profile-address-container {
    width: 100%;
  }
}

.kid-card-babysitter-view-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.babysitter-profile-manual-booking {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background-color: #eaeeed;
  margin-bottom: 20px;
}

.admin-babysitter-profile-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.admin-babysitter-profile-buttons .dashboard-green-button {
  margin-left: 10px;
}

.manual-booking-row {
  width: 100%;
  margin-bottom: 20px;
}
.manual-booking-row #start-time,
.manual-booking-row #end-time {
  width: 30%;
}

.manual-booking-left {
  width: 45%;
  margin-right: auto;
}

.manual-booking-right {
  width: 45%;
  margin-left: auto;
}

#b-dashboard {
  flex-direction: row;
  align-items: flex-start;
}

.b-dashboard-sidebar {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 400px;
}
.b-dashboard-sidebar > div {
  margin-bottom: 10px;
}

.b-dashboard-content {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.b-profile img {
  width: 200px;
}

.b-availabilities {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.b-availability {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b-schedule {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.b-booking {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.babysitter-profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.babysitter-profile .row {
  margin-bottom: 20px;
}

.babysitter-profile__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 50px;
}
.babysitter-profile__top .row {
  margin-bottom: 40px;
}
.babysitter-profile__top .row:first-child {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .babysitter-profile__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

.babysitter-profile__picture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  margin-right: 10px;
}
.babysitter-profile__picture img {
  width: 100%;
}
@media (max-width: 992px) {
  .babysitter-profile__picture {
    width: 80%;
    margin: auto;
  }
}

.babysitter-profile__toggle-review-btn {
  margin-top: -10px;
}

.babysitter-profile__info {
  width: 55%;
  margin-left: 10px;
}
@media (max-width: 992px) {
  .babysitter-profile__info {
    width: 100%;
  }
}

.babysitter-profile__name-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.babysitter-profile__name-buttons .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.babysitter-profile__name-buttons .buttons > div {
  margin: 0 5px;
}

.babysitter-profile__profile-headers:before {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #286a56;
  margin-right: 10px;
}

.babysitter-profile__bottom {
  width: 100%;
}

.babysitter-profile__reviews {
  width: 100%;
  margin-bottom: 20px;
}

.my-sitters__browse {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
}
.my-sitters__browse .input {
  width: 250px;
  margin-right: 50px;
}
@media (max-width: 992px) {
  .my-sitters__browse {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .my-sitters__browse .input {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0;
  }
}

.my-sitters__babysitter-cards {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .my-sitters__babysitter-cards {
    justify-content: center;
  }
}

.dashboard-account__subscription-cards {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.dashboard-account__subscription-cards .subscription-card {
  width: 48%;
}
@media (max-width: 992px) {
  .dashboard-account__subscription-cards {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .dashboard-account__subscription-cards .subscription-card {
    width: 100%;
  }
  .dashboard-account__subscription-cards .subscription-card:first-child {
    margin-bottom: 20px;
  }
}

.dashboard-account__payment-methods {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 450px;
  margin-bottom: 20px;
}
.dashboard-account__payment-methods .credit-cards {
  width: 100%;
}
.dashboard-account__payment-methods .payment-method {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .dashboard-account__payment-methods {
    width: 100%;
    max-width: 100%;
  }
}

.dashboard-account__card-form {
  max-width: 450px;
}

@media (max-width: 992px) {
  .dashboard-account__update-card-button button {
    width: 100%;
  }
}

.dashboard-account__password-form {
  max-width: 450px;
}
.dashboard-account__password-form .row {
  margin-bottom: 20px;
}
.dashboard-account__password-form .row:last-child {
  margin-bottom: 0;
}

.booking-page {
  width: 100%;
}
.booking-page .row {
  margin-bottom: 20px;
}

.booking-page__babysitter-picture > img {
  width: 100%;
}

.invoice-page {
  width: 100%;
}
.invoice-page .row {
  margin-bottom: 20px;
}

@media print {
  #invoice-page__back-button {
    display: none;
  }
}

.invoice-page__logo {
  display: none;
  text-align: center;
}
@media print {
  .invoice-page__logo {
    display: block;
  }
}
.invoice-page__logo img {
  width: 100px;
  margin-bottom: 30px;
}

.invoice-page__content {
  width: 100%;
}

.invoice-page__header {
  text-align: center;
  margin-bottom: 20px;
}

.invoice-page__summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 500px;
  margin: auto;
  border: 1px solid #eaeeed;
  padding: 30px;
  margin-bottom: 20px;
}

.invoice-page__print-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media print {
  .invoice-page__print-button {
    display: none;
  }
}

.search-page .row {
  margin-bottom: 20px;
}

.search-page__babysitters {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .search-page__babysitters {
    justify-content: center;
  }
}
.search-page__babysitters .-babysitter-card {
  margin: 10px;
}

#booking {
  margin-top: -100px;
}
@media (max-width: 992px) {
  #booking {
    margin-top: -100px;
  }
}
#booking .bg-light-green {
  min-height: calc(100vh - 200px);
}
@media (max-width: 992px) {
  #booking .bg-light-green {
    min-height: calc(100vh - 150px);
    background-color: white;
  }
}
@media (max-width: 768px) {
  #booking .bg-light-green {
    min-height: calc(100vh - 125px);
  }
}

.booking-row {
  width: 100%;
  margin-bottom: 50%;
}
.booking-row .back-button {
  margin: auto;
}

.submit-button {
  width: 70%;
  margin: auto;
}
@media (max-width: 992px) {
  .submit-button {
    width: 100%;
  }
}

.booking-banner-confirmation {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  background-color: #5e8c7e;
  position: relative;
  z-index: -1;
}
@media (max-width: 992px) {
  .booking-banner-confirmation {
    height: 225px;
  }
}

.booking-progress-bar {
  counter-reset: step;
  width: 90%;
}
@media (max-width: 992px) {
  .booking-progress-bar {
    width: 87%;
  }
}
@media (max-width: 768px) {
  .booking-progress-bar {
    width: 85%;
  }
}
@media (max-width: 567px) {
  .booking-progress-bar {
    width: 80%;
  }
}

.booking-progress-bar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 0.9em;
  position: relative;
  text-align: center;
  color: #81b6a6;
}
@media (max-width: 992px) {
  .booking-progress-bar li > span {
    display: none;
  }
}

.booking-progress-bar li:before {
  width: 50px;
  height: 50px;
  content: counter(step);
  counter-increment: step;
  line-height: 50px;
  border: 2px solid #81b6a6;
  color: #81b6a6;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #5e8c7e;
}

.booking-progress-bar li:after {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #81b6a6;
  top: 25px;
  left: -50%;
  z-index: -1;
}

.booking-progress-bar li:first-child:after {
  content: none;
}

.booking-progress-bar li.active {
  color: #5e8c7e;
}
.booking-progress-bar li.active > span {
  color: white;
}

.booking-progress-bar li.active:before {
  border-color: #81b6a6;
  background-color: #ffffff;
}

.booking-progress-bar li.active + li:after {
  background-color: #81b6a6;
}

.booking-progress-bar li.active-after {
  color: #286a56;
}
.booking-progress-bar li.active-after > span {
  color: #286a56;
}

.booking-progress-bar li.active-past:before {
  border-color: #81b6a6;
  background-color: #81b6a6;
  color: #5e8c7e;
}

.booking-progress-bar li.active-past + li:after {
  background-color: #81b6a6;
}

.booking-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  background-color: #5e8c7e;
  position: relative;
  z-index: -1;
}
@media (max-width: 992px) {
  .booking-banner {
    height: 150px;
  }
}
@media (max-width: 768px) {
  .booking-banner {
    height: 125px;
  }
}

.booking-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  width: 50%;
  margin: auto;
}
@media (max-width: 992px) {
  .booking-flex {
    padding-top: 30px;
    width: 80%;
  }
}
@media (max-width: 768px) {
  .booking-flex {
    padding-top: 30px;
    width: 90%;
  }
}
.booking-flex form {
  width: 100%;
}

.booking-form-container {
  width: 100%;
}

.booking-flex-half-wide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  width: 70%;
  margin: auto;
  background-color: #ffffff;
}
@media (max-width: 992px) {
  .booking-flex-half-wide {
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
  .booking-flex-half-wide {
    padding-top: 30px;
    width: 90%;
  }
}
.booking-flex-half-wide form {
  width: 100%;
}

.booking-flex-wide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  width: 90%;
  margin: auto;
}
@media (max-width: 992px) {
  .booking-flex-wide {
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
  .booking-flex-wide {
    padding-top: 30px;
    width: 100%;
  }
}
.booking-flex-wide form {
  width: 100%;
}

.booking-row {
  width: 100%;
  margin-bottom: 50px;
}
.booking-row .main-green-button {
  width: 100%;
}
@media (max-width: 992px) {
  .booking-row {
    margin-bottom: 40px;
  }
}
.booking-row .booking-headline {
  text-align: center;
}
.booking-row .input-row {
  width: 100%;
}
.booking-row .input-row select {
  width: 100%;
}
.booking-row #logistics-first-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.booking-row #logistics-first-row .date-picker-container {
  width: 100%;
}
.booking-row #logistics-first-row .date-picker-container input[type=text]:hover {
  cursor: pointer;
}
@media (max-width: 992px) {
  .booking-row #logistics-first-row .date-picker-container {
    width: 45%;
    margin: 0 auto 0 0;
  }
}
.booking-row #logistics-first-row #number-of-kids-mobile {
  width: 100%;
}
@media (max-width: 992px) {
  .booking-row #logistics-first-row #number-of-kids-mobile {
    width: 45%;
    margin: 0 0 0 auto;
  }
}
.booking-row #logistics-first-row #number-of-kids-mobile {
  display: none;
}
@media (max-width: 992px) {
  .booking-row #logistics-first-row #number-of-kids-mobile {
    display: block;
  }
  .booking-row #logistics-first-row > div {
    width: 45%;
    margin: auto;
  }
}
.booking-row #more-than-4-kids-desktop {
  text-align: center;
}
.booking-row #number-of-kids-desktop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.booking-row #number-of-kids-desktop label {
  text-align: center;
}
.booking-row #number-of-kids-desktop label:hover {
  cursor: pointer;
}
.booking-row #number-of-kids-desktop input[type=radio] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  outline: none;
}
.booking-row #number-of-kids-desktop input[type=radio]:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.booking-row #number-of-kids-desktop input[type=radio]:checked:before {
  background: #286a56;
  border: none;
}
@media (max-width: 992px) {
  .booking-row #number-of-kids-desktop {
    display: none;
  }
}
.booking-row #number-of-kids-desktop .kid-illustration {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #eaeeed;
}
.booking-row #number-of-kids-desktop .kid-illustration:hover {
  background-color: #d9d9d9;
}
.booking-row #number-of-kids-desktop .kid-illustration > img {
  width: 75px;
}
.booking-row #logistics-time-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.booking-row #logistics-time-row .start-time-input {
  width: 45%;
  margin: 0 auto 0 0;
}
.booking-row #logistics-time-row .time-separator {
  width: 20%;
  text-align: center;
  color: #d9d9d9;
  font-weight: bold;
  font-size: 1.2em;
}
@media (max-width: 992px) {
  .booking-row #logistics-time-row .time-separator {
    display: none;
  }
}
.booking-row #logistics-time-row .end-time-input {
  width: 45%;
  margin: 0 0 0 auto;
}

@media (max-width: 992px) {
  #number-of-kids-desktop-text {
    display: none;
  }
}

.address-card-flex,
.address-card-flex-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  border: 1px solid #f1f1f1;
}
.address-card-flex:hover,
.address-card-flex-selected:hover {
  cursor: pointer;
  background-color: #f1f1f1;
}
.address-card-flex .address-checked,
.address-card-flex .address-checked-false,
.address-card-flex-selected .address-checked,
.address-card-flex-selected .address-checked-false {
  padding: 5px;
  margin-right: 20px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  font-size: 0.5em;
  color: #ffffff;
}
.address-card-flex .address-checked,
.address-card-flex-selected .address-checked {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #286a56;
}
.address-card-flex .address-address,
.address-card-flex-selected .address-address {
  width: 70%;
}
.address-card-flex .address-buttons,
.address-card-flex-selected .address-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
}
.address-card-flex .address-buttons > div,
.address-card-flex-selected .address-buttons > div {
  width: 50%;
  color: #286a56;
  text-align: right;
}
.address-card-flex .address-buttons > div:hover,
.address-card-flex-selected .address-buttons > div:hover {
  cursor: pointer;
}
.address-card-flex .booking-inputs,
.address-card-flex-selected .booking-inputs {
  width: 100%;
}

.address-card-flex-selected-edit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border: 1px solid #f1f1f1;
  background-color: #f1f1f1;
}
.address-card-flex-selected-edit > div {
  width: 100%;
}
.address-card-flex-selected-edit .address-address {
  width: 70%;
}
.address-card-flex-selected-edit .address-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
}
.address-card-flex-selected-edit .address-buttons > div {
  width: 50%;
  color: #286a56;
  text-align: right;
}
.address-card-flex-selected-edit .address-buttons > div:hover {
  cursor: pointer;
}
.address-card-flex-selected-edit .booking-inputs {
  width: 100%;
}
.address-card-flex-selected-edit .booking-row {
  margin-bottom: 25px !important;
}
.address-card-flex-selected-edit input[type=submit] {
  width: 125px;
  padding: 15px 25px;
  text-align: center;
}

.address-card-flex {
  background-color: #ffffff;
}

.address-card-flex-selected {
  background-color: #f1f1f1;
}

.add-new-address-button {
  text-align: center;
  border: 1px solid #5e8c7e;
  padding: 30px 30px;
  font-size: 0.7em;
  letter-spacing: 0.3em;
  color: #5e8c7e;
}
.add-new-address-button > i {
  margin-right: 15px;
}
.add-new-address-button:hover {
  background-color: #5e8c7e;
  color: #ffffff;
  cursor: pointer;
}

.use-existing-address-button {
  text-align: center;
}

#province-postal-code {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#province-postal-code > div {
  width: 40%;
}
@media (max-width: 992px) {
  #province-postal-code > div {
    width: 45%;
  }
}
#province-postal-code div:nth-child(1) {
  margin-left: 0;
  margin-right: auto;
}
#province-postal-code div:nth-child(2) {
  margin-left: auto;
  margin-right: 0;
}

#hotel-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  #hotel-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
#hotel-flex .hotel-radio {
  display: flex;
  justify-content: center;
  align-items: center;
}
#hotel-flex .hotel-radio label {
  padding: 10px 30px;
  background-color: #eaeeed;
  color: #286a56;
}
#hotel-flex .hotel-radio label:hover {
  cursor: pointer;
}
#hotel-flex .hotel-radio input[type=radio] {
  display: none;
}
#hotel-flex .hotel-radio input[type=radio]:checked + label {
  background-color: #286a56;
  color: #ffffff;
}
@media (max-width: 992px) {
  #hotel-flex .hotel-question {
    margin-bottom: 20px;
  }
}

.available-babysitters-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.babysitter-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: flex-start;
  width: 30%;
  margin: 0 10px;
  margin-bottom: 20px;
  border: 1px solid #eaeeed;
}
.babysitter-card > a {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 1100px) {
  .babysitter-card {
    width: 40%;
  }
}
@media (max-width: 992px) {
  .babysitter-card {
    width: 100%;
    max-width: 400px;
  }
}

.babysitter-card-picture > img {
  width: 100%;
  max-width: 400px;
}

.babysitter-card-details {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
}

.babysitter-card-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
}

.babysitter-card-headline-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.babysitter-card-headline-buttons .babysitter-card-headline-buttons-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.babysitter-card-headline-buttons .favourite-button,
.babysitter-card-headline-buttons .favourite-button-checked {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 1em;
}
.babysitter-card-headline-buttons .babysitter-used-before {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px !important;
  font-size: 1em;
  margin-left: 10px;
}

.babysitter-card-education-headline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.babysitter-card-education-headline .short-separator-left {
  width: 10%;
  margin-right: 10px;
}
.babysitter-card-education-headline b {
  width: 90%;
}

.babysitter-card-view-profile {
  width: 100%;
}
.babysitter-card-view-profile .secondary-link {
  width: 100%;
  opacity: 0.6;
  font-size: 0.8em;
  text-align: center;
}
.babysitter-card-view-profile .secondary-link > i {
  margin-right: 0;
  margin-left: 5px;
}

.favourite-button,
.favourite-button-checked {
  padding: 10px;
  border: 1px solid #d9d9d9;
  color: #d9d9d9;
  font-size: 0.8em;
}
.favourite-button:hover,
.favourite-button-checked:hover {
  cursor: pointer;
  background-color: #d9d9d9;
  color: #ffffff;
}

.favourite-button-checked {
  background-color: #286a56;
  color: #ffffff;
  border: none;
  padding: 11px;
}
.favourite-button-checked:hover {
  background-color: #497d6d;
}

.babysitter-used-before,
.babysitter-used-before-checked {
  padding: 10px;
  border: 1px solid #d9d9d9;
  color: #d9d9d9;
  font-size: 1em;
}

.babysitter-used-before-checked {
  background-color: #286a56;
  color: #ffffff;
  border: none;
  padding: 11px;
}

.babysitter-profile-flex,
.babysitter-profile-flex-edit {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .babysitter-profile-flex,
.babysitter-profile-flex-edit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    margin: auto;
  }
}

.babysitter-profile-flex-edit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  background-color: #eaeeed;
}

.babysitter-profile-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.babysitter-profile-row label {
  width: 100%;
}
.babysitter-profile-row > div {
  width: 100%;
}
.babysitter-profile-row .half-left {
  width: 45% !important;
  margin-right: auto;
}
.babysitter-profile-row .half-right {
  width: 45% !important;
  margin-left: auto;
}
.babysitter-profile-row .qtr-l1,
.babysitter-profile-row .qtr-l2,
.babysitter-profile-row .qtr-l3,
.babysitter-profile-row .qtr-l4 {
  width: 25%;
}

.babysitter-profile-left {
  width: 35% !important;
  margin-right: auto;
}
@media (max-width: 992px) {
  .babysitter-profile-left {
    width: 100% !important;
    margin: 0;
  }
}

.babysitter-profile-picture > img {
  max-width: 100%;
}

.babysitter-profile-action button {
  width: 100%;
}

.babysitter-profile-right {
  width: 60%;
  margin-left: auto;
}
@media (max-width: 992px) {
  .babysitter-profile-right {
    width: 100%;
    margin: 0;
  }
}

#babysitter-profile-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}

.babysitter-profile-name {
  text-align: left;
}
@media (max-width: 992px) {
  .babysitter-profile-name {
    font-size: 1.2em;
  }
}

#babysitter-profile-buttons > div:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#babysitter-profile-buttons > div:nth-child(2) > div:nth-child(2) {
  margin-left: 10px;
}

.babysitter-profile-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.babysitter-profile-buttons .favourite-button,
.babysitter-profile-buttons .favourite-button-checked {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px !important;
  font-size: 1em;
}
.babysitter-profile-buttons .babysitter-used-before {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px !important;
  font-size: 1em;
  margin-left: 15px;
}
.babysitter-profile-buttons > div {
  margin-left: 5px;
}

.babysitter-profile-section-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.babysitter-profile-section-row div:first-child {
  margin-right: 40px;
}
@media (max-width: 992px) {
  .babysitter-profile-section-row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .babysitter-profile-section-row div:first-child {
    margin: 0;
    margin-bottom: 20px;
  }
}

.babysitter-profile-section-headline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.babysitter-profile-section-headline .short-separator-left {
  width: 20px;
  margin-right: 10px;
}
.babysitter-profile-section-headline b {
  width: 90%;
}

#review-status {
  width: 150px;
}

#review-rating {
  width: 50px;
}

.review-card-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  margin-bottom: 20px;
  background-color: #eaeeed;
}

.review-card-left {
  width: 80%;
  padding-right: 10%;
}

.review-card-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 20%;
  text-align: right;
}

.review-card-row {
  width: 100%;
  margin-bottom: 20px;
}

#babysitter-profile-back-button {
  justify-content: center;
}

.alternate-time-blocks-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.alternate-time-block-flex,
.alternate-time-block-flex-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px;
  border: 1px solid #eaeeed;
}
.alternate-time-block-flex:hover,
.alternate-time-block-flex-selected:hover {
  background-color: #eaeeed;
  cursor: pointer;
}

.alternate-time-block-flex-selected {
  background-color: #f1f1f1;
}

.alternate-time-block-time {
  color: #1f1f1f;
}

.alternate-time-block-time-next-day {
  color: #2bb982;
}

.alternate-time-block-checked,
.alternate-time-block-checked-false {
  padding: 5px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  font-size: 0.5em;
  color: #ffffff;
}

.alternate-time-block-checked {
  background-color: #286a56;
}

#alternate-time-block-button .main-green-button {
  padding: 25px 45px;
}

#notify-two-hours-form .main-green-button {
  padding: 25px 45px;
}

.notify-two-hours {
  width: 100%;
}

#date-picker {
  width: 100%;
}

.react-datepicker-wrapper {
  display: block;
  width: 100%;
}

.react-datepicker__input-container {
  display: block;
  width: 100%;
}
.react-datepicker__input-container input[type=text]:hover {
  cursor: pointer !important;
}

.react-datepicker__day--selected {
  background-color: #286a56 !important;
}

.react-datepicker__day {
  margin: 10px;
}
@media (max-width: 768px) {
  .react-datepicker__day {
    margin: 5px;
  }
}

.react-datepicker__day-name {
  margin: 10px;
}
@media (max-width: 768px) {
  .react-datepicker__day-name {
    margin: 5px;
  }
}

.react-datepicker__month-container {
  width: 100%;
}

.plan-options {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  margin-right: auto;
}
.plan-options > div {
  margin-bottom: 20px;
}
.plan-options .short-separator-left {
  margin: 15px 0;
}
@media (max-width: 992px) {
  .plan-options {
    width: 100%;
  }
}

.plan-option,
.plan-option-selected {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  border: 1px solid #eaeeed;
}
.plan-option:hover,
.plan-option-selected:hover {
  cursor: pointer;
}

.plan-option-selected {
  background-color: #eaeeed;
}
@media (max-width: 992px) {
  .plan-option-selected {
    background-color: #ffffff;
    border-bottom: 5px solid #286a56;
  }
}

.plan-option-checked,
.plan-option-checked-false {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  padding: 7px;
  border: 1px solid #eaeeed;
  border-radius: 50px;
  background-color: #ffffff;
  font-size: 0.5em;
}

.plan-option-checked {
  background-color: #286a56;
}

.plan-options-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.plan-options-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.plan-options-content-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 0.9em;
  margin-bottom: 15px;
}
.plan-options-content-row i {
  margin-right: 10px;
  color: #286a56;
}
.plan-options-content-row div:nth-child(1) {
  width: 45%;
  margin-right: 5%;
}
@media (max-width: 992px) {
  .plan-options-content-row div:nth-child(1) {
    width: 100%;
  }
}
.plan-options-content-row div:nth-child(2) {
  width: 45%;
  margin-left: 5%;
}
@media (max-width: 992px) {
  .plan-options-content-row div:nth-child(2) {
    width: 100%;
  }
}

.booking-flex-payment {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  margin: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 992px) {
  .booking-flex-payment {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.booking-flex-payment-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 55%;
  margin-right: auto;
}
.booking-flex-payment-left .booking-row {
  margin-bottom: 20px !important;
}
.booking-flex-payment-left .booking-headline {
  text-align: left !important;
}
@media (max-width: 992px) {
  .booking-flex-payment-left .booking-headline {
    text-align: center !important;
  }
}
.booking-flex-payment-left .booking-headline p {
  margin: 0;
}
@media (max-width: 992px) {
  .booking-flex-payment-left {
    width: 100%;
  }
}

.existing-card-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 992px) {
  .existing-card-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.existing-card-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: 20px;
  background-color: #286a56;
  border-radius: 10px;
  margin-right: 10px;
  color: #5e8c7e;
  font-weight: bold;
}
@media (max-width: 992px) {
  .existing-card-card {
    margin-bottom: 10px;
    margin-right: 0;
  }
}

.existing-card-row {
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .existing-card-row {
    margin-bottom: 20px;
  }
}

.existing-card-logo > img {
  width: 70px;
  opacity: 0.3;
}

.existing-card-name-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.5em;
}

.existing-card-number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Courier, sans-serif !important;
  font-size: 1.8em;
  width: 95%;
  margin: auto;
}
.existing-card-number i {
  font-size: 0.4em;
  margin-right: 7px;
}
@media (max-width: 992px) {
  .existing-card-number {
    font-size: 1.3em;
  }
}

.existing-card-exp-date-picture {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: -10px;
}

.existing-card-exp-date {
  font-family: Courier, sans-serif !important;
  font-size: 1.3em;
  font-weight: bold;
}
@media (max-width: 992px) {
  .existing-card-exp-date {
    font-size: 1.1em;
  }
}

.existing-card-kiid-logo > img {
  width: 100px;
}

.existing-card-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  font-size: 1em;
}
.existing-card-button a {
  padding: 10px;
  color: #d9d9d9;
}
.existing-card-button:hover {
  cursor: pointer;
}
.existing-card-button:hover a {
  cursor: pointer;
  background-color: #d9d9d9;
  color: #ffffff;
}
.existing-card-button .processing {
  color: #ffffff;
  background-color: #d9d9d9;
  font-size: 0.8em;
}
.existing-card-button .processing:hover {
  cursor: default;
}

.add-new-card-button {
  text-align: center;
  border: 1px solid #5e8c7e;
  padding: 30px 30px;
  box-sizing: border-box;
  font-size: 0.7em;
  letter-spacing: 0.3em;
  color: #5e8c7e;
  width: 90%;
  margin-right: 10px;
}
.add-new-card-button > i {
  margin-right: 15px;
}
.add-new-card-button:hover {
  background-color: #5e8c7e;
  color: #ffffff;
  cursor: pointer;
}
@media (max-width: 992px) {
  .add-new-card-button {
    width: 100%;
    margin-right: 0;
  }
}

.stripe-card-elements {
  width: 100%;
}

.stripe-card-row {
  margin-bottom: 20px;
}

.stripe-row-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.StripeElement {
  padding: 5px 0;
  font-size: 1.3em !important;
  outline: none;
  color: #585858;
  border-bottom: 1px solid #d9d9d9;
}

.StripeElement--focus {
  border-bottom: 1px solid #286a56;
}

.StripeElement--invalid {
  color: #b92b2b;
  border-bottom: 1px solid #b92b2b;
}

.stripe-card {
  width: 100%;
}

.stripe-expiry {
  width: 40%;
  margin: 0 auto 0 0;
}

.stripe-cvc {
  width: 40%;
  margin: 0 0 0 auto;
}

.booking-flex-payment-right {
  width: 35%;
  margin-left: auto;
}
@media (max-width: 992px) {
  .booking-flex-payment-right {
    width: 100%;
  }
}

.booking-flex-payment-center {
  width: 35%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 992px) {
  .booking-flex-payment-center {
    width: 100%;
  }
}

.booking-confirmation-headline-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .booking-confirmation-headline-flex {
    padding: 0 20px;
  }
}

.booking-confirmation-headline {
  width: 70%;
  margin-right: auto;
  padding: 30px 0;
}
.booking-confirmation-headline > h2 {
  color: #ffffff;
}
.booking-confirmation-headline > hr {
  background-color: #ffffff;
  height: 7px;
  margin: 20px 0;
}
.booking-confirmation-headline > p {
  color: #ffffff;
}
@media (max-width: 992px) {
  .booking-confirmation-headline > hr {
    height: 4px;
  }
}

.booking-confirmation-headline-icon {
  width: 30%;
  margin-left: auto;
  text-align: right;
}
.booking-confirmation-headline-icon > img {
  width: 150px;
}
@media (max-width: 992px) {
  .booking-confirmation-headline-icon > img {
    width: 90px;
  }
}

.booking-flex-confirmation {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  margin: auto;
  padding-top: 30px;
  background-image: url("/static/dist/img/homepage/clouds.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 992px) {
  .booking-flex-confirmation {
    background-image: none;
  }
}

.booking-flex-confirmation-left {
  width: 45%;
  margin-right: auto;
}
@media (max-width: 992px) {
  .booking-flex-confirmation-left {
    width: 100%;
  }
}

.booking-flex-confirmation-right {
  width: 45%;
  margin-left: auto;
}
@media (max-width: 992px) {
  .booking-flex-confirmation-right {
    display: none;
  }
}

.booking-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.booking-details-cancel-confirmation {
  margin-bottom: 20px;
}

.order-summary-flex {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #eaeeed;
}
.order-summary-flex p {
  line-height: 1.5em;
}
@media (max-width: 992px) {
  .order-summary-flex {
    margin-bottom: 250px;
  }
}

.order-summary-fixed {
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 150px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.3);
  display: none;
}
@media (max-width: 992px) {
  .order-summary-fixed {
    display: block;
  }
}
.order-summary-fixed .order-summary-row {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.order-summary-fixed .order-summary-row .main-green-button {
  padding: 30px 20px;
}
.order-summary-fixed #order-summary-fixed-button-row {
  width: 100%;
}
.order-summary-fixed #order-summary-fixed-expand-toggle {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 5%;
  color: #286a56;
  margin-bottom: 3px;
}
.order-summary-fixed #order-summary-fixed-expand-toggle:hover {
  cursor: pointer;
}

.order-summary-row {
  width: 100%;
  margin-bottom: 20px;
}
.order-summary-row .back-button {
  margin: auto;
}
.order-summary-row .main-green-button {
  width: 100%;
}
.order-summary-row .link-green {
  text-decoration: none;
  font-size: 0.8em;
}
.order-summary-row #promo-code {
  margin-bottom: 10px;
}

.order-summary-headline > p {
  margin-top: 0;
}

.order-summary-info-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-summary-info-block p {
  margin: 0;
}

.order-summary-info-left {
  width: 40%;
  font-size: 0.9em;
}
.order-summary-info-left p {
  color: #d9d9d9;
}

.order-summary-info-right {
  width: 60%;
}

.order-summary-price-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-summary-price-item {
  width: auto;
  white-space: nowrap;
  font-size: 1em;
}
.order-summary-price-item p {
  margin: 0;
  color: #d9d9d9;
}

.order-summary-price-separator {
  width: 98%;
  margin-left: 2%;
  margin-right: 2%;
  height: 2px;
  background-color: #eaeeed;
}

.order-summary-price-price {
  width: auto;
  white-space: nowrap;
}
.order-summary-price-price p {
  margin: 0;
  font-size: 1em;
}

#order-summary-subscription-print {
  margin-top: 10px;
}

@media (max-width: 992px) {
  #mission-section-picture-1 {
    display: none;
  }
}

.mission-kiid-separator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 100px;
  padding-left: 10%;
}

@media (max-width: 992px) {
  #mission-kiid-separator {
    display: none;
  }
}

.mission-kiid-separator-logo {
  width: 20%;
}
.mission-kiid-separator-logo > img {
  width: 150px;
}

.mission-kiid-separator-separator {
  width: 80%;
  height: 1px;
  background-color: #eaeeed;
}

.mission-section-cta {
  width: 70%;
  margin-top: 25px;
}
.mission-section-cta .main-green-button {
  display: block;
  text-align: center;
}
@media (max-width: 992px) {
  .mission-section-cta {
    width: 100%;
  }
}

#mission-bottom-bg {
  width: 100%;
  height: 75px;
}

#homepage {
  margin-top: 0px;
}
#homepage .main-headline-mobile-container {
  display: none;
}
@media (max-width: 768px) {
  #homepage .main-headline-mobile-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }
}
#homepage .main-headline-mobile-image {
  margin-bottom: 50px;
}
#homepage .main-headline-mobile-image > img {
  width: 100%;
}

#homepage .homepage-big-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 50px;
  max-width: 1920px;
}
@media (max-width: 768px) {
  #homepage .homepage-big-container {
    padding: 0 40px;
  }
}
@media (max-width: 1920px) {
  #homepage .homepage-big-container {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  #homepage .homepage-big-container {
    padding-left: 0;
  }
}
#homepage .homepage-border-container {
  overflow: hidden;
}
#homepage .homepage-normal-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 50px;
  width: 83%;
}
@media (max-width: 768px) {
  #homepage .homepage-normal-container {
    padding: 0 40px;
  }
}
@media (max-width: 1200px) {
  #homepage .homepage-normal-container {
    width: 90%;
  }
}
@media (max-width: 992px) {
  #homepage .homepage-normal-container {
    width: 100%;
  }
}
#homepage .main-headline-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 768px) {
  #homepage .main-headline-flex {
    display: none;
  }
}
#homepage #main-headline-container {
  width: 100%;
  background-image: url("/static/dist/img/homepage/clouds.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 700px;
  background-position-y: -30px;
  overflow: visible;
}
@media (min-width: 1600px) {
  #homepage #main-headline-container {
    background-position-x: 900px;
  }
}
@media (max-width: 1130px) {
  #homepage #main-headline-container {
    background-position-x: 600px;
  }
}
#homepage .main-headline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#homepage .main-headline-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
}
#homepage #main-headline-sub-headline {
  width: 60%;
}
@media (max-width: 992px) {
  #homepage #main-headline-sub-headline {
    width: 100%;
  }
}
#homepage .main-headline-text {
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  #homepage .main-headline-text {
    margin-bottom: 60px;
  }
}
#homepage .main-headline-heading hr {
  margin: 20px 0;
}
#homepage .main-headline-button {
  width: 100%;
  margin-top: 70px;
  position: relative;
}
#homepage #main-headline-button {
  padding: 30px 70px;
  width: fit-content;
  position: absolute;
  top: -40px;
}
#homepage .main-headline-image {
  height: 600px;
  overflow: hidden;
  margin-bottom: 150px;
}
#homepage .main-headline-image > img {
  width: 100%;
  position: relative;
  top: -40%;
  z-index: -1;
}
@media (max-width: 1600px) {
  #homepage .main-headline-image > img {
    top: -20%;
  }
}
@media (max-width: 1300px) {
  #homepage .main-headline-image > img {
    top: 0%;
  }
}
@media (min-width: 1919px) {
  #homepage .main-headline-image {
    margin-bottom: 200px;
  }
}
@media (max-width: 992px) {
  #homepage .main-headline-image {
    height: 100%;
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  #homepage .main-headline-image {
    height: 100%;
    margin-bottom: 50px;
  }
}
#homepage .main-headline-right {
  width: 30%;
}
#homepage .cta-mobile-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  width: 100%;
  margin: 40px 0;
  background-color: #286a56;
}
#homepage .cta-mobile-container > a {
  font-size: 0.8em;
  letter-spacing: 0.2em;
  color: #ffffff;
}
#homepage #cta-mobile-fixed {
  display: none;
}
@media (max-width: 992px) {
  #homepage #cta-mobile-fixed {
    display: flex;
    position: fixed;
    bottom: 0;
    margin: 0;
    z-index: 98;
  }
}
#homepage .feature-flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  #homepage .feature-flex {
    display: none;
  }
}
#homepage .feature-flex-mobile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#homepage .feature-text-icons {
  width: 30%;
  margin-right: 10%;
}
@media (max-width: 1500px) {
  #homepage .feature-text-icons {
    width: 30%;
    margin-right: 20%;
  }
}
@media (max-width: 992px) {
  #homepage .feature-text-icons {
    width: 50%;
    margin-right: 10%;
  }
}
@media (max-width: 768px) {
  #homepage .feature-text-icons {
    width: 100%;
  }
}
#homepage .feature-text-container {
  margin-bottom: 40px;
}
#homepage .feature-text-container > h2 {
  margin-bottom: 20px;
}
#homepage .feature-text-container > hr {
  height: 5px;
  margin-bottom: 30px;
}
#homepage .feature-image-mobile {
  display: none;
}
@media (max-width: 768px) {
  #homepage .feature-image-mobile {
    display: block;
  }
  #homepage .feature-image-mobile > img {
    height: 500px;
    z-index: 100;
  }
}
#homepage .feature-image-desktop {
  width: 60%;
}
#homepage .feature-image-desktop > img {
  height: 900px;
  box-shadow: 150px -50px 0 #d9d9d9;
}
@media (max-width: 1500px) {
  #homepage .feature-image-desktop {
    width: 40%;
  }
}
@media (max-width: 768px) {
  #homepage .feature-image-desktop {
    display: none;
  }
}
#homepage .feature-icons-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  #homepage .feature-icons-container {
    margin-left: 10%;
  }
}
#homepage .mobile-feature-icons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  top: -50px;
  width: 100%;
  height: 100%;
}
#homepage .mobile-feature-border {
  border-left: 1px solid #d9d9d9;
  height: 420px;
  padding-left: 40px;
  margin-left: 40px;
  z-index: -5;
}
#homepage .mobile-feature-border2 {
  border-left: 1px solid #d9d9d9;
  height: 655px;
  padding-left: 40px;
  margin-left: 40px;
  z-index: -5;
}
#homepage .feature-icons-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  #homepage .feature-icons-row > div {
    margin-right: -20px;
  }
}
#homepage .feature-icons-row .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  background-color: #f3f3f3;
  margin-right: 40px;
  margin-bottom: 10px;
  width: 100%;
}
#homepage .feature-icons-row .icon > img {
  height: 50px;
}
@media (max-width: 768px) {
  #homepage .feature-icons-row .icon {
    width: 170px;
  }
}
@media (max-width: 690px) {
  #homepage .feature-icons-row .icon {
    width: 140px;
  }
}
@media (max-width: 567px) {
  #homepage .feature-icons-row .icon {
    width: 90px;
  }
}
@media (max-width: 475px) {
  #homepage .feature-icons-row .icon {
    width: 60px;
  }
}
@media (max-width: 400px) {
  #homepage .feature-icons-row .icon {
    width: 40px;
  }
}
#homepage .feature-icons-row .text {
  font-size: 0.8em;
  margin-right: 40px;
  width: 130px;
}
#homepage .light-green-separator-mobile {
  background-color: #eaeeed;
  height: 10px;
  width: 100%;
  display: none;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  #homepage .light-green-separator-mobile {
    display: block;
  }
}
#homepage .main-green-separator-mobile {
  background-color: #286a56;
  height: 10px;
  width: 100%;
  display: none;
}
@media (max-width: 992px) {
  #homepage .main-green-separator-mobile {
    display: block;
  }
}
#homepage .bg-light-green {
  background-color: #eaeeed;
  margin-top: -100px;
  padding-top: 100px;
}
@media (max-width: 768px) {
  #homepage .bg-light-green {
    display: none;
  }
}
#homepage .light-green {
  background-color: #eaeeed !important;
}
#homepage .feature-icons-row-white {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
#homepage .feature-icons-row-white .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  background-color: #ffffff;
  margin-right: 30px;
  width: 5%;
}
#homepage .feature-icons-row-white .icon > img {
  height: 50px;
}
#homepage .feature-icons-row-white .text {
  font-size: 0.8em;
  padding: 0 32px 0 0;
  margin-right: 20px;
  max-width: 100px;
}
#homepage .text-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 150px;
  margin-bottom: 20px;
}
#homepage .text-icon > .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  background-color: #ffffff;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 30%;
}
#homepage .text-icon > .icon > .text {
  width: 100%;
}
#homepage .text-icon > .icon > img {
  height: 45px;
}
#homepage #before-second-headline-image {
  margin-bottom: 0;
  padding-bottom: 100px;
}
#homepage .second-headline-image {
  height: 600px;
  margin-bottom: 150px;
  background-image: url("/static/dist/img/homepage/headline-image-3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  #homepage .second-headline-image {
    display: none;
  }
}
#homepage .bg-main-green {
  background-color: #5e8c7e;
  margin-top: -50px;
  padding-top: 150px;
}
@media (max-width: 768px) {
  #homepage .bg-main-green {
    margin-top: 0;
    padding-top: 50px;
  }
}
#homepage .bg-main-green .feature-text-container {
  margin-bottom: 40px;
}
#homepage .bg-main-green .feature-text-container > h2 {
  margin-bottom: 20px;
  color: white;
}
#homepage .bg-main-green .feature-text-container > hr {
  height: 5px;
  margin-bottom: 30px;
  background-color: white;
}
#homepage .bg-main-green .feature-text-container > p {
  width: 40%;
  color: white;
  opacity: 0.8;
}
@media (max-width: 992px) {
  #homepage .bg-main-green .feature-text-container > p {
    width: 100%;
  }
}
#homepage .siema {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: visible !important;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  #homepage .siema {
    margin-bottom: 25px;
  }
}
#homepage .kiid-green-separator {
  background-color: #5e8c7e;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  #homepage .kiid-green-separator {
    display: none;
  }
}
#homepage .kiid-green-separator > .homepage-normal-container {
  overflow: visible;
}
#homepage .kiid-green-separator .kiid-green-separator-flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: visible;
  width: 2000px;
}
#homepage .kiid-green-separator .green-separator-logo {
  width: 12%;
}
#homepage .kiid-green-separator .green-separator-logo > img {
  width: 60%;
}
#homepage .kiid-green-separator .green-separator-line {
  width: 100%;
  height: 2px;
  background-color: #286a56;
}
#homepage .cta-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}
#homepage .cta-bottom > .cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  color: #286a56;
  width: 300px;
  padding: 30px 40px;
  font-size: 0.8em;
  letter-spacing: 0.2em;
}
#homepage .cta-bottom > i {
  color: #286a56;
}

.featured-on-container {
  padding: 100px 0;
}

.featured-on-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0 -10px;
}
.featured-on-group .featured-on-slide {
  flex: 1;
  padding: 0 10px;
  box-sizing: border-box;
}
.featured-on-group .featured-on-slide .logo {
  background-color: #eaeeed;
}
.featured-on-group .featured-on-slide .logo img {
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
}
.featured-on-group .featured-on-slide .name {
  background-color: #eaeeed;
  text-align: center;
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  font-weight: bold;
  font-size: 0.9em;
  min-height: 54px;
  line-height: 1.2;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .featured-on-group .featured-on-slide .name {
    display: none;
  }
}
@media (max-width: 992px) {
  .featured-on-group .featured-on-slide {
    flex-basis: 50%;
    padding-bottom: 30px;
  }
}

#pricing {
  margin-top: 50px;
}
@media (max-width: 992px) {
  #pricing {
    margin-top: 10px;
  }
}
#pricing .pricing-headline {
  margin-bottom: 50px;
}
@media (max-width: 567px) {
  #pricing .pricing-headline {
    padding: 0 30px;
  }
}
#pricing .pricing-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pricing .short-separator-left {
  height: 7px;
  margin: 20px 0;
}
#pricing .bg-light-green {
  background-color: #eaeeed;
  padding: 40px 0;
}
@media (max-width: 768px) {
  #pricing .bg-light-green {
    padding: 10px 0;
  }
}
#pricing #price-boxes-small-mobile-bg {
  background-color: #eaeeed;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
@media (min-width: 992px) {
  #pricing #price-boxes-small-mobile-bg {
    background-color: #ffffff;
    padding: 0 !important;
  }
}
#pricing .price-boxes-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#pricing .price-boxes-small {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: auto;
  margin-bottom: 100px;
}
@media (max-width: 992px) {
  #pricing .price-boxes-small {
    margin-bottom: 0;
  }
}
#pricing .price-boxes-small .short-separator-left {
  height: 4px;
  margin: 10px 0;
}
#pricing .price-boxes-small-left {
  width: 48%;
  margin-right: auto;
  border: 1px solid #eaeeed;
  padding-bottom: 0px;
  box-sizing: border-box;
  background-color: #ffffff;
}
#pricing .price-boxes-small-left p {
  margin-top: 0;
  margin-bottom: 0;
}
#pricing .price-boxes-small-left .short-separator-left {
  margin-bottom: 20px;
}
#pricing .price-boxes-small-content {
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
#pricing .price-boxes-small-btn {
  width: 100%;
}
#pricing .price-boxes-small-features {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-features {
    margin-bottom: 0;
  }
}
#pricing .price-boxes-small-features-price {
  width: 45%;
}
#pricing .price-boxes-small-features-price i {
  margin-right: 10px;
  color: #286a56;
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-features-price {
    width: 100%;
  }
}
#pricing .price-boxes-small-features-text {
  width: 55%;
}
#pricing .price-boxes-small-features-text i {
  margin-right: 10px;
  color: #286a56;
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-features-text {
    width: 100%;
  }
}
#pricing .price-boxes-small-features-row {
  margin-bottom: 10px;
}
#pricing .price-boxes-small-features-row:nth-child(1) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-features-row:nth-child(1) {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: flex-start;
  }
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-features-row:nth-child(1) > p {
    width: 100%;
  }
}
#pricing .price-boxes-small-features-row:nth-child(1) > p > i {
  color: #286a56;
  margin-right: 10px;
}
#pricing .price-boxes-small-features-row:nth-child(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-features-row:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-features-row:nth-child(2) > p {
    width: 100%;
  }
}
#pricing .price-boxes-small-features-row:nth-child(2) > p > i {
  color: #286a56;
  margin-right: 10px;
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-paragraph {
    display: none;
  }
}
#pricing .price-boxes-small-cta {
  width: 100%;
}
@media (max-width: 992px) {
  #pricing .price-boxes-small-cta {
    display: none;
  }
}
#pricing .price-boxes-small-cta > a {
  display: block;
  text-align: center;
  box-sizing: content-box;
  margin-left: -30px;
  width: 100%;
}
#pricing .price-boxes-small-middle {
  height: 100%;
  background-color: #d9d9d9;
}
#pricing .price-boxes-small-right {
  width: 48%;
  margin-left: auto;
  border: 1px solid #eaeeed;
  padding-bottom: 0px;
  box-sizing: border-box;
  background-color: #ffffff;
}
#pricing .price-boxes-small-right p {
  margin-top: 0;
  margin-bottom: 0;
}
#pricing .price-boxes-small-right .short-separator-left {
  margin-bottom: 20px;
}
#pricing .price-boxes-big-desktop {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  margin-bottom: 100px;
}
@media (max-width: 992px) {
  #pricing .price-boxes-big-desktop {
    display: none;
  }
}
#pricing .price-boxes-big-desktop > div {
  border-bottom: 1px solid #d9d9d9;
}
#pricing .price-boxes-big-desktop div:last-child {
  border-bottom: none;
}
#pricing .price-boxes-big-desktop .price-boxes-big-header {
  padding: 50px 30px;
}
#pricing .price-boxes-big-desktop .price-box-big-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
}
#pricing .price-boxes-big-desktop .price-box-big-row .price-box-addon {
  width: 50%;
  box-sizing: border-box;
  padding: 30px;
  border-right: 1px solid #d9d9d9;
  font-size: 0.8em;
  line-height: 2em;
}
#pricing .price-boxes-big-desktop .price-box-big-row .price-box-addon > small {
  color: #d9d9d9;
  font-size: 0.9em;
}
#pricing .price-boxes-big-desktop .price-box-big-row .price-box-addon-price {
  width: 50%;
  text-align: center;
}
#pricing .price-boxes-big-mobile {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-top: none;
}
@media (min-width: 992px) {
  #pricing .price-boxes-big-mobile {
    display: none;
  }
}
#pricing .price-boxes-big-mobile > div {
  padding: 20px 40px;
  border-bottom: 1px solid #d9d9d9;
}
#pricing .price-boxes-big-mobile .price-box-big-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pricing .price-boxes-big-mobile .price-box-big-row .price-box-addon {
  width: 80%;
  font-size: 0.8em;
  line-height: 2em;
}
#pricing .price-boxes-big-mobile .price-box-big-row .price-box-addon > small {
  color: #d9d9d9;
  font-size: 0.9em;
}
#pricing .price-boxes-big-mobile .price-box-big-row .price-box-addon-price {
  width: 20%;
  text-align: center;
}
#pricing .stack-up {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
}
#pricing .stack-up .how-we-stackup {
  margin-bottom: 30px;
}
@media (max-width: 567px) {
  #pricing .stack-up .how-we-stackup {
    padding: 0 30px;
  }
}
#pricing .stack-up .comparison-table {
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 567px) {
  #pricing .stack-up .comparison-table #header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #pricing .stack-up .comparison-table #header-row .table-item-description {
    display: none;
  }
  #pricing .stack-up .comparison-table #header-row .table-item-kiid {
    width: 50%;
  }
  #pricing .stack-up .comparison-table #header-row .table-item-other {
    display: block;
    width: 50%;
  }
}
#pricing .stack-up .table-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  border-bottom: 1px solid #d9d9d9;
}
#pricing .stack-up .table-item-description {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
  width: 50%;
}
#pricing .stack-up .table-item-description > img {
  width: 25px;
  height: 25px;
  padding: 10px;
  background-color: #eaeeed;
  margin-right: 20px;
}
@media (max-width: 992px) {
  #pricing .stack-up .table-item-description > img {
    display: none;
  }
}
#pricing .stack-up #table-kiid-toggle,
#pricing .stack-up #table-other-toggle {
  display: none;
}
@media (max-width: 768px) {
  #pricing .stack-up #table-kiid-toggle,
#pricing .stack-up #table-other-toggle {
    display: block;
  }
}
#pricing .stack-up #table-kiid-non-toggle,
#pricing .stack-up #table-other-non-toggle {
  display: block;
}
@media (max-width: 768px) {
  #pricing .stack-up #table-kiid-non-toggle,
#pricing .stack-up #table-other-non-toggle {
    display: none !important;
  }
}
#pricing .stack-up #table-kiid-non-toggle > img {
  width: 65px;
}
#pricing .stack-up #table-kiid-toggle {
  background-color: #286a56;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 45% !important;
  margin-right: auto;
}
#pricing .stack-up #table-kiid-toggle > img {
  width: 50px;
}
#pricing .stack-up #table-kiid-toggle:hover {
  background-color: #205444;
  cursor: pointer;
}
#pricing .stack-up #table-other-toggle {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 45% !important;
  margin-left: auto;
  border: 1px solid #286a56;
  color: #286a56;
  font-size: 0.8em;
}
#pricing .stack-up #table-other-toggle:hover {
  background-color: #205444;
  color: #ffffff;
  cursor: pointer;
}
#pricing .stack-up .table-item-kiid {
  width: 25%;
  text-align: center;
}
#pricing .stack-up .table-item-kiid > p {
  color: #286a56;
}
#pricing .stack-up .table-item-kiid .green-check {
  width: 20px;
  height: 20px;
  margin: auto;
  padding: 10px;
  text-align: center;
  background-color: #286a56;
  color: white;
  border-radius: 50%;
  font-weight: 100;
}
#pricing .stack-up .table-item-other {
  width: 25%;
  text-align: center;
}
#pricing .stack-up .table-item-other > .other {
  width: 20px;
  height: 20px;
  margin: auto;
  padding: 10px;
  text-align: center;
}
@media (max-width: 567px) {
  #pricing .stack-up .table-item-other {
    display: none;
  }
}
#pricing .pricing-cta {
  width: 40%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 992px) {
  #pricing .pricing-cta {
    width: 80%;
    margin-top: 80px;
    margin-bottom: 30px;
  }
}
#pricing .pricing-cta > .main-green-button {
  padding: 30px 80px;
}

#user-cv {
  visibility: hidden;
}

.uploaded-cv {
  font-size: 0.8em;
  font-style: italic;
}
.uploaded-cv > i {
  color: #286a56;
  margin-right: 10px;
}

.add-emergency-contact-container {
  width: 100%;
  background-color: #eaeeed;
  padding: 30px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .add-emergency-contact-container {
    padding: 15px;
  }
}

.emergency-contact-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  border: 1px solid #eaeeed;
}

.emergency-contact-card-left {
  width: 50%;
}
.emergency-contact-card-left > div {
  margin-bottom: 15px;
}

.emergency-contact-card-right {
  width: 50%;
  text-align: right;
}
.emergency-contact-card-right .dashboard-secondary-link {
  margin-left: 10px !important;
}

.emergency-contact-card-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.emergency-contact-card-buttons i {
  color: #286a56;
}
.emergency-contact-card-buttons i:hover {
  cursor: pointer;
}
.emergency-contact-card-buttons div:last-child {
  margin-left: 30px;
}

#contact {
  margin-top: 50px;
}
@media (max-width: 992px) {
  #contact {
    margin-top: 10px;
  }
}
#contact .big-container {
  padding-right: 0;
}
@media (max-width: 992px) {
  #contact .big-container {
    padding: 0;
  }
}
@media (max-width: 567px) {
  #contact .big-container {
    padding: 0;
  }
}
#contact .container {
  width: 83%;
  padding-right: 0;
}
@media (max-width: 1400px) {
  #contact .container {
    width: 90%;
  }
}
@media (max-width: 1300px) {
  #contact .container {
    width: 100%;
  }
}
@media (max-width: 992px) {
  #contact .container {
    padding: 0;
    margin: 0;
  }
}
#contact .short-separator-left {
  height: 7px;
  margin: 20px 0;
}
#contact .contact-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 900px;
  margin-bottom: 200px;
}
@media (max-width: 992px) {
  #contact .contact-flex {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#contact .contact-headline {
  margin-bottom: 50px;
}
@media (max-width: 567px) {
  #contact .contact-headline {
    padding: 0 30px;
  }
}
#contact .contact-form {
  width: 40%;
  margin-right: 10%;
}
@media (max-width: 992px) {
  #contact .contact-form {
    width: 80%;
    margin: auto;
  }
}
#contact .contact-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#contact .contact-buttons > a {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 30px 50px;
  text-align: center;
}
#contact .contact-buttons > a > i {
  margin-right: 10px;
}
#contact .contact-picture {
  width: 50%;
  height: 100%;
  box-shadow: 30px -30px 0 #d9d9d9;
  overflow: hidden;
  position: relative;
  top: 50px;
}
#contact .contact-picture > img {
  width: 1100px;
}
@media (max-width: 992px) {
  #contact .contact-picture {
    display: none;
  }
}

#faq {
  margin-top: 50px;
}
@media (max-width: 992px) {
  #faq {
    margin-top: 10px;
  }
}
@media (max-width: 1250px) {
  #faq .big-container {
    padding: 0 30px;
  }
}
@media (max-width: 567px) {
  #faq .big-container {
    padding: 0;
  }
}
#faq .container {
  width: 83%;
}
@media (max-width: 1400px) {
  #faq .container {
    width: 90%;
  }
}
@media (max-width: 1300px) {
  #faq .container {
    width: 100%;
  }
}
@media (max-width: 992px) {
  #faq .container {
    padding: 0;
  }
}
#faq .faq-headline {
  margin-bottom: 20px;
}
#faq .faq-headline > hr {
  height: 5px;
  margin: 30px 0;
}
@media (max-width: 992px) {
  #faq .faq-headline {
    padding: 0 10%;
  }
}
#faq .accordion-container {
  background-color: #eaeeed;
  padding: 50px 0;
}
#faq .accordion .title {
  position: relative;
  color: #1f1f1f;
  background-color: white;
  padding: 40px 100px 40px 20px;
  font-weight: bold;
  border: 1px solid transparent;
  border-bottom-color: #eaeeed;
}
#faq .accordion .title i {
  display: none;
}
#faq .accordion .title::after {
  position: absolute;
  right: 2em;
  content: "+";
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #eaeeed;
}
#faq .accordion .title.active {
  background-color: #286a56;
  color: white;
  border-bottom-color: #286a56;
}
#faq .accordion .title.active:hover {
  background-color: #286a56;
  border-color: #286a56;
}
#faq .accordion .title.active::after {
  content: "-";
  background-color: #286a56;
  color: white;
}
#faq .accordion .title.active::after:hover {
  border-color: transparent;
}
#faq .accordion .title:last-child {
  border-bottom: 0;
}
#faq .accordion .title:hover {
  background-color: #eaeeed;
  border: 1px solid white;
}
#faq .accordion .title:hover:not(:first-child) {
  border-top-color: #eaeeed;
}
#faq .accordion .title:hover::after {
  border-color: white;
}
#faq .accordion .content {
  padding: 0;
}
#faq .accordion .content.active {
  border: 1px solid #286a56;
}
#faq #pricing-questions .title.active {
  background-color: #eaeeed;
  color: #1f1f1f;
  border-top: 1px solid #286a56;
}
#faq #pricing-questions .title.active:hover {
  border-top-color: #286a56;
}
#faq #pricing-questions .title:hover {
  border-top-color: #eaeeed;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
#faq #pricing-questions > .accordion {
  margin: 0;
  padding: 0;
}
#faq #pricing-questions .content {
  padding: 40px 60px;
  border: none;
  border-bottom: 1px solid #286a56;
}
#faq #pricing-questions .content.active {
  background-color: #eaeeed;
}
@media (max-width: 567px) {
  #faq #pricing-questions .content {
    border-left: 8px solid #286a56;
  }
}

#corporate {
  margin-top: 20px;
}

.corporate-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}
.corporate-row.fs {
  align-items: flex-start;
}
.corporate-row ul {
  padding-left: 12px;
}
@media (max-width: 992px) {
  .corporate-row ul {
    padding-left: 0;
  }
}
.corporate-row ul li {
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .corporate-row {
    flex-direction: column;
    margin-bottom: 30px;
    text-align: center;
  }
  .corporate-row .green-separator {
    display: none;
  }
}
@media (max-width: 992px) {
  .corporate-row.reverse {
    flex-direction: column-reverse;
  }
}
.corporate-row .header {
  margin-bottom: 20px;
}
.corporate-row > .left {
  width: 45%;
  margin-right: 5%;
}
.corporate-row > .left img {
  float: right;
  height: 500px;
  box-shadow: -100px -40px 0 #d9d9d9;
}
@media (max-width: 992px) {
  .corporate-row > .left img {
    height: auto;
    width: 100%;
    box-shadow: none;
  }
}
@media (max-width: 992px) {
  .corporate-row > .left {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
}
.corporate-row > .right {
  width: 45%;
  margin-left: 5%;
}
.corporate-row > .right img {
  height: 500px;
  box-shadow: 100px -40px 0 #d9d9d9;
}
@media (max-width: 992px) {
  .corporate-row > .right img {
    height: auto;
    width: 100%;
    box-shadow: none;
  }
}
@media (max-width: 992px) {
  .corporate-row > .right {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
}
.corporate-row > .right input[type=text],
.corporate-row > .right select {
  width: 100%;
  margin-bottom: 20px;
}
.corporate-row > .right button {
  margin-bottom: 20px;
}
.corporate-row > .right select {
  background: url("/static/dist/img/inputs/caret-down.svg") no-repeat right;
  -webkit-appearance: none;
  background-size: 10px;
  background-position-x: 100%;
  background-position-y: 70%;
}
.corporate-row > .companies {
  width: 80%;
  margin: auto;
}
@media (max-width: 992px) {
  .corporate-row > .companies {
    width: 90%;
  }
}
.corporate-row > .companies .header {
  text-align: center;
  margin-bottom: 40px;
}

.corporate-form {
  width: 80%;
  margin: auto;
  text-align: left;
}
.corporate-form .is--empty {
  border-bottom: 1px solid #b92b2b;
}
@media (max-width: 992px) {
  .corporate-form {
    width: 90%;
  }
}

.thank-you {
  margin: 100px 0;
  min-height: 60vh;
}

.slider {
  padding-bottom: 100px;
  font-size: 14px !important;
}
.slider .slider-container {
  margin-bottom: 0 !important;
}

.slick-track {
  display: flex !important;
}
.slick-track .slick-slide {
  display: flex !important;
  height: auto !important;
  align-items: center;
  justify-content: center;
}
.slick-track .slick-slide:first-child {
  margin-left: -20px;
}
.slick-track .slick-slide > div {
  width: 100%;
  height: 100%;
}

.slides {
  height: 100%;
}
.slides .slides-container {
  margin: 20px;
  padding: 25px;
  background-color: white;
  box-shadow: 10px -10px 0 rgba(255, 255, 255, 0.1);
  height: calc(100% - 65px);
}
@media (max-width: 768px) {
  .slides .slides-container {
    margin: 10px;
  }
}

.sub-slider {
  padding-top: 20px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.sub-slider .slider-nav {
  display: flex;
}
.sub-slider .slick-prev, .sub-slider .slick-next, .sub-slider .slick-dots {
  position: relative;
  left: 0;
  right: 0;
  width: auto;
  top: 0;
  bottom: 0;
}
.sub-slider .slick-prev, .sub-slider .slick-next {
  padding: 30px 35px;
  color: #ffffff;
  background-color: #286a56;
  transform: none;
}
.sub-slider .slick-prev:hover, .sub-slider .slick-prev:active, .sub-slider .slick-prev:focus, .sub-slider .slick-next:hover, .sub-slider .slick-next:active, .sub-slider .slick-next:focus {
  background-color: #205444;
}
.sub-slider .slick-prev:hover.slick-disabled, .sub-slider .slick-prev:active.slick-disabled, .sub-slider .slick-prev:focus.slick-disabled, .sub-slider .slick-next:hover.slick-disabled, .sub-slider .slick-next:active.slick-disabled, .sub-slider .slick-next:focus.slick-disabled {
  background-color: #286a56;
  cursor: initial;
}
@media (max-width: 1200px) {
  .sub-slider .slick-prev, .sub-slider .slick-next {
    padding: 15px 18px;
  }
}
.sub-slider .slick-prev {
  margin-right: 10px;
}
.sub-slider .slick-dots {
  display: none !important;
}
.sub-slider .slick-dots li:before {
  content: none;
}
.sub-slider .slick-dots button:before {
  font-size: 30px;
  color: #ffffff !important;
}

.slider.babysitters .slides-container {
  padding-top: 0;
}

.babysitter-picture {
  width: 100%;
  height: 300px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.babysitter-name {
  font-size: 1.1em;
}

.babysitter-education-text p:first-of-type {
  margin-top: 0;
}

.review-name {
  font-weight: bold;
  font-size: 1.2em;
}
.review-name > img {
  width: 80%;
  margin: auto;
}

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