/* line 1, app/assets/stylesheets/marketing.scss */
body {
  background-color: #000;
}

/* line 5, app/assets/stylesheets/marketing.scss */
main {
  padding: 5px;
}

/*background image*/
/* line 10, app/assets/stylesheets/marketing.scss */
.page-background {
  background-repeat: no-repeat;
  margin: 0;
  background-size: cover;
  background-position: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 60%;
}

/*top white header*/
/* line 24, app/assets/stylesheets/marketing.scss */
.client {
  background-color: white;
  max-width: 100%;
  position: relative;
  border-radius: 8px;
}

@media (min-width: 1024px) {
  /* line 31, app/assets/stylesheets/marketing.scss */
  .client.full {
    width: 90%;
    max-width: 860px;
    margin: 4em auto;
    float: none;
  }
}

@media (min-width: 750px) and (max-width: 1023px) {
  /* line 24, app/assets/stylesheets/marketing.scss */
  .client {
    max-width: 70%;
    margin: auto;
  }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  /* line 24, app/assets/stylesheets/marketing.scss */
  .client {
    max-width: calc(50vw - 50px);
    margin: 4em 0em 4em 7em;
    float: left;
  }
}

@media (min-width: 1600px) {
  /* line 24, app/assets/stylesheets/marketing.scss */
  .client {
    max-width: calc(35vw - 80px);
    margin: 5em 0em 5em 9em;
    float: left;
  }
}

/*image top*/
/* line 56, app/assets/stylesheets/marketing.scss */
.client-image {
  text-align: center;
  padding: 20px;
}

/* line 60, app/assets/stylesheets/marketing.scss */
.client-image img {
  max-height: 145px;
}

@media (min-width: 1600px) {
  /* line 60, app/assets/stylesheets/marketing.scss */
  .client-image img {
    max-height: 223px;
  }
}

/*middle grey*/
/* line 70, app/assets/stylesheets/marketing.scss */
.client-info {
  background-color: #585757;
  padding: 3em;
  max-width: 100%;
}

/* line 76, app/assets/stylesheets/marketing.scss */
.info-text {
  color: #f2f3f5;
  font-family: "Montserrat", sans-serif;
  font-weight: 100;
  font-size: 40px;
  text-align: center;
}

/*bottom*/
/* line 85, app/assets/stylesheets/marketing.scss */
.info-bottom {
  max-width: 100%;
  background-color: #dbdbdb;
  padding: 0.5em;
  overflow-y: scroll;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 94, app/assets/stylesheets/marketing.scss */
.info-bottom::-webkit-scrollbar {
  display: none;
}

/* line 98, app/assets/stylesheets/marketing.scss */
.text-bottom {
  color: black;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  margin: 0;
  padding: 1em;
}

/*input box top text*/
/* line 107, app/assets/stylesheets/marketing.scss */
.form-title {
  text-align: center;
  font-size: 15px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
}

@media (min-width: 750px) and (max-width: 1023px) {
  /* line 107, app/assets/stylesheets/marketing.scss */
  .form-title {
    text-align: left;
    font-size: calc(1vw + 8px);
  }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  /* line 107, app/assets/stylesheets/marketing.scss */
  .form-title {
    font-size: 14px;
    text-align: left;
  }
}

@media (min-width: 1600px) {
  /* line 107, app/assets/stylesheets/marketing.scss */
  .form-title {
    font-size: 14px;
  }
}

/*input boxes*/
/* line 130, app/assets/stylesheets/marketing.scss */
.contact {
  width: 100%;
  margin: 74px auto;
  position: relative;
}

@media (min-width: 750px) and (max-width: 1023px) {
  /* line 130, app/assets/stylesheets/marketing.scss */
  .contact {
    width: 70%;
  }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  /* line 130, app/assets/stylesheets/marketing.scss */
  .contact {
    float: right;
    position: fixed;
    vertical-align: middle;
    width: calc(40vw - 90px);
    right: 100px;
  }
}

@media (min-width: 1600px) {
  /* line 130, app/assets/stylesheets/marketing.scss */
  .contact {
    float: right;
    position: fixed;
    padding: 0 16em 10em 5em;
    width: 30%;
    right: 100px;
  }
}

/* line 156, app/assets/stylesheets/marketing.scss */
input[type="text"],
select {
  width: 100%;
  padding: 10px;
  margin: 1em 0;
  display: block;
  border: 1px solid white;
  background: #1d1c1c;
  opacity: 90%;
  color: white;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}

/* line 172, app/assets/stylesheets/marketing.scss */
.input-footer {
  color: #fff;
  font-size: 16px;
  margin: 1em 1em 1em 0;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  position: relative;
}

/* line 180, app/assets/stylesheets/marketing.scss */
.input-footer a, .input-footer a:hover {
  color: #fff;
}

/* line 184, app/assets/stylesheets/marketing.scss */
.input-footer.full {
  text-align: center;
}

@media (min-width: 750px) and (max-width: 1023px) {
  /* line 172, app/assets/stylesheets/marketing.scss */
  .input-footer {
    font-size: 18px;
  }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  /* line 172, app/assets/stylesheets/marketing.scss */
  .input-footer {
    font-size: 14px;
    text-align: left;
  }
}

@media (min-width: 1600px) {
  /* line 172, app/assets/stylesheets/marketing.scss */
  .input-footer {
    font-size: 14px;
    text-align: left;
  }
}

/*button*/
/* line 202, app/assets/stylesheets/marketing.scss */
button {
  width: 100%;
  height: 3em;
  color: white;
  background-color: #646464;
  border: none;
  border-radius: 5px;
  margin: 0 auto;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}

@media (min-width: 750px) and (max-width: 1023px) {
  /* line 202, app/assets/stylesheets/marketing.scss */
  button {
    max-height: 4em;
  }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  /* line 202, app/assets/stylesheets/marketing.scss */
  button {
    font-size: 14px;
    margin-left: 0;
    width: 95px;
  }
}

@media (min-width: 1600px) {
  /* line 202, app/assets/stylesheets/marketing.scss */
  button {
    font-size: 14px;
    margin-left: 0;
  }
}

/* line 228, app/assets/stylesheets/marketing.scss */
footer {
  font-size: 18px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  padding-top: 7em;
  padding-bottom: 2em;
  text-align: center;
}

@media (min-width: 1024px) and (max-width: 1599px) {
  /* line 238, app/assets/stylesheets/marketing.scss */
  footer {
    font-size: 14px;
    padding-top: 15em;
    float: right;
  }
}

@media (min-width: 1600px) {
  /* line 246, app/assets/stylesheets/marketing.scss */
  footer {
    font-size: 14px;
    padding-top: 15em;
    float: right;
  }
}

/* line 253, app/assets/stylesheets/marketing.scss */
img {
  max-width: 9em;
  max-height: 9em;
}