.clear, .Clear {
  clear: both;
}

.blue, .green {
  color: #3DB7B1 !important;
}

.bold {
  font-weight: bold;
}

/* Buttons */
.btn {
  border-width: 3px;
}

.btn-sm {
  border-width: 2px;
}

.btn-primary {
  background: #227f7a !important;
  color: white !important;
  border-color: #227f7a !important;
  box-shadow: none;
  text-shadow: none;
}
.btn-primary.raised {
  box-shadow: 1px 2px 0px 1.5px #175754;
  padding-top: 2px;
  padding-bottom: 2px;
}
.btn-primary:hover {
  border-color: #175754 !important;
  background: #175754 !important;
}

.dropdown-toggle.btn-primary {
  border-left: solid 2px #1d6b67 !important;
}

a:active, a:focus {
  outline: none;
  text-decoration: none;
}

.btn-orange {
  background-color: #F58025;
  border-color: #F58025;
  color: white;
}
.btn-orange.raised {
  box-shadow: 1px 2px 0px 1.5px #dd660a;
  padding-top: 2px;
  padding-bottom: 2px;
}
.btn-orange:hover {
  background-color: #dd660a;
  border-color: #dd660a;
  color: white;
}

.btn-danger {
  background-color: #F58025;
  border-color: #F58025;
  color: white;
}
.btn-danger:hover {
  background-color: #dd660a;
  border-color: #dd660a;
  color: white;
}

.btn-default {
  border-color: #ddd;
}

.btn {
  box-shadow: none;
}

button.upload-button,
a.upload-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 10px;
  border: none;
  padding: 1em 2em;
  font-size: 20pt;
  display: inline-block;
}
button.upload-button.bold,
a.upload-button.bold {
  font-weight: 400 !important;
}
button.upload-button.small,
a.upload-button.small {
  font-size: 14pt;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: 768px) {
  button.upload-button.mobile-small,
a.upload-button.mobile-small {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
button.upload-button.raised,
a.upload-button.raised {
  box-shadow: 3px 3px 0px 1px #c45b09;
}
button.upload-button.upload-button-top-margin,
a.upload-button.upload-button-top-margin {
  margin-top: 0.75em;
}
button.upload-button:hover,
a.upload-button:hover {
  background-color: #dd660a;
  text-decoration: none !important;
}
button.upload-button.upload-button-green,
a.upload-button.upload-button-green {
  background-color: #2DA7A1;
}
button.upload-button.upload-button-green.raised,
a.upload-button.upload-button-green.raised {
  box-shadow: 3px 3px 0px 1px #1d6b67;
}

.alert-info {
  background: #2DA7A1;
  border-color: #2DA7A1;
  box-shadow: none;
  text-shadow: none;
  color: white;
}
.alert-info a,
.alert-info a:link,
.alert-info a:visited {
  color: white;
}
.alert-info a:active,
.alert-info a:hover {
  color: white;
  text-decoration: underline;
}

.panel-info .panel-heading {
  background: #2DA7A1;
  border-color: #2DA7A1;
  text-align: center;
  color: white;
}
.panel-info .panel-heading h3 {
  margin: 0px;
  font-weight: 500;
}

button.small-orange-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 5px;
  border: none;
  padding: 0.25em 1em;
  display: block;
  width: 100%;
  font-size: 12pt;
}
button.small-orange-button.upload-button-top-margin {
  margin-top: 0.125em;
}
button.small-orange-button:hover {
  background-color: #dd660a;
}

body {
  padding-right: 0px !important;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  line-height: 1.42857143;
  background-color: #ffffff;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small,
.h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small,
h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small,
.h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small,
h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%;
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small,
h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%;
}

/* These styles are used everywhere, but aren't specific elements */
.dz-preview {
  display: none !important;
}

.row-vcenter {
  display: block;
  display: flex;
  align-items: center;
}

.always-right {
  text-align: right !important;
}

body {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  background-color: #fafafa;
  color: #333;
  font-size: 12pt;
}

html {
  overflow-x: hidden;
}

blockquote {
  font-size: 20pt;
}
blockquote.small {
  font-size: 12pt;
}
blockquote footer {
  font-size: 16pt;
}
blockquote.no-bottom-padding {
  padding-bottom: 0;
  margin-bottom: 0;
}

ul.errorlist {
  color: red !important;
  font-weight: bold;
  margin-top: 1em;
}

small.description {
  font-size: 12pt;
  color: #666;
  margin-bottom: 8px;
  display: block;
}

.tiny {
  font-size: 12px;
}

p.title {
  font-size: 20pt;
  font-weight: 400;
}

p.title.big {
  font-size: 28pt;
}

p.title.slightly-big {
  font-size: 24pt;
}

p.title.text-left {
  text-align: left;
}

p.title.text-right {
  text-align: right;
}

p.description {
  font-size: 14pt;
}

p.description.big {
  font-size: 20pt;
}

p.description.slightly-big {
  font-size: 16pt;
}

.pad-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 768px) {
  h1 {
    font-size: 36pt;
  }

  h2 {
    font-size: 28pt;
  }

  h3 {
    font-size: 16pt;
  }
}
.clear, .Clear {
  clear: both;
}

.blue, .green {
  color: #3DB7B1 !important;
}

.bold {
  font-weight: bold;
}

/* Buttons */
.btn {
  border-width: 3px;
}

.btn-sm {
  border-width: 2px;
}

.btn-primary {
  background: #227f7a !important;
  color: white !important;
  border-color: #227f7a !important;
  box-shadow: none;
  text-shadow: none;
}
.btn-primary.raised {
  box-shadow: 1px 2px 0px 1.5px #175754;
  padding-top: 2px;
  padding-bottom: 2px;
}
.btn-primary:hover {
  border-color: #175754 !important;
  background: #175754 !important;
}

.dropdown-toggle.btn-primary {
  border-left: solid 2px #1d6b67 !important;
}

a:active, a:focus {
  outline: none;
  text-decoration: none;
}

.btn-orange {
  background-color: #F58025;
  border-color: #F58025;
  color: white;
}
.btn-orange.raised {
  box-shadow: 1px 2px 0px 1.5px #dd660a;
  padding-top: 2px;
  padding-bottom: 2px;
}
.btn-orange:hover {
  background-color: #dd660a;
  border-color: #dd660a;
  color: white;
}

.btn-danger {
  background-color: #F58025;
  border-color: #F58025;
  color: white;
}
.btn-danger:hover {
  background-color: #dd660a;
  border-color: #dd660a;
  color: white;
}

.btn-default {
  border-color: #ddd;
}

.btn {
  box-shadow: none;
}

button.upload-button,
a.upload-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 10px;
  border: none;
  padding: 1em 2em;
  font-size: 20pt;
  display: inline-block;
}
button.upload-button.bold,
a.upload-button.bold {
  font-weight: 400 !important;
}
button.upload-button.small,
a.upload-button.small {
  font-size: 14pt;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: 768px) {
  button.upload-button.mobile-small,
a.upload-button.mobile-small {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
button.upload-button.raised,
a.upload-button.raised {
  box-shadow: 3px 3px 0px 1px #c45b09;
}
button.upload-button.upload-button-top-margin,
a.upload-button.upload-button-top-margin {
  margin-top: 0.75em;
}
button.upload-button:hover,
a.upload-button:hover {
  background-color: #dd660a;
  text-decoration: none !important;
}
button.upload-button.upload-button-green,
a.upload-button.upload-button-green {
  background-color: #2DA7A1;
}
button.upload-button.upload-button-green.raised,
a.upload-button.upload-button-green.raised {
  box-shadow: 3px 3px 0px 1px #1d6b67;
}

.alert-info {
  background: #2DA7A1;
  border-color: #2DA7A1;
  box-shadow: none;
  text-shadow: none;
  color: white;
}
.alert-info a,
.alert-info a:link,
.alert-info a:visited {
  color: white;
}
.alert-info a:active,
.alert-info a:hover {
  color: white;
  text-decoration: underline;
}

.panel-info .panel-heading {
  background: #2DA7A1;
  border-color: #2DA7A1;
  text-align: center;
  color: white;
}
.panel-info .panel-heading h3 {
  margin: 0px;
  font-weight: 500;
}

button.small-orange-button {
  color: #fafafa;
  background-color: #F58025;
  border-radius: 5px;
  border: none;
  padding: 0.25em 1em;
  display: block;
  width: 100%;
  font-size: 12pt;
}
button.small-orange-button.upload-button-top-margin {
  margin-top: 0.125em;
}
button.small-orange-button:hover {
  background-color: #dd660a;
}

body {
  padding-right: 0px !important;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  line-height: 1.42857143;
  background-color: #ffffff;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small,
.h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small,
h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small,
.h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small,
h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%;
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small,
h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%;
}

/* These styles are used everywhere, but aren't specific elements */
.dz-preview {
  display: none !important;
}

.row-vcenter {
  display: block;
  display: flex;
  align-items: center;
}

.always-right {
  text-align: right !important;
}

body {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  background-color: #fafafa;
  color: #333;
  font-size: 12pt;
}

html {
  overflow-x: hidden;
}

blockquote {
  font-size: 20pt;
}
blockquote.small {
  font-size: 12pt;
}
blockquote footer {
  font-size: 16pt;
}
blockquote.no-bottom-padding {
  padding-bottom: 0;
  margin-bottom: 0;
}

ul.errorlist {
  color: red !important;
  font-weight: bold;
  margin-top: 1em;
}

small.description {
  font-size: 12pt;
  color: #666;
  margin-bottom: 8px;
  display: block;
}

.tiny {
  font-size: 12px;
}

p.title {
  font-size: 20pt;
  font-weight: 400;
}

p.title.big {
  font-size: 28pt;
}

p.title.slightly-big {
  font-size: 24pt;
}

p.title.text-left {
  text-align: left;
}

p.title.text-right {
  text-align: right;
}

p.description {
  font-size: 14pt;
}

p.description.big {
  font-size: 20pt;
}

p.description.slightly-big {
  font-size: 16pt;
}

.pad-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (max-width: 768px) {
  h1 {
    font-size: 36pt;
  }

  h2 {
    font-size: 28pt;
  }

  h3 {
    font-size: 16pt;
  }
}
/* Override default styles for menu bar, container padding */
.editrevise-content-container {
  padding: 0px !important;
}

#navbar {
  background: none;
  border-bottom: none;
  box-shadow: none;
}
#navbar li.white-link a,
#navbar li.cta-button a {
  color: #fafafa;
  background-color: transparent;
  outline-color: transparent;
  outline-width: 0px;
}
#navbar li.white-link a:active, #navbar li.white-link a:visited, #navbar li.white-link a:focus,
#navbar li.cta-button a:active,
#navbar li.cta-button a:visited,
#navbar li.cta-button a:focus {
  background-color: transparent;
  outline-color: transparent;
  outline-width: 0px;
}
#navbar li.white-link a:link,
#navbar li.cta-button a:link {
  color: #fafafa;
  text-decoration: none;
}
#navbar li.white-link a:hover,
#navbar li.cta-button a:hover {
  text-decoration: underline;
  color: #3DB7B1;
  background: none;
}
#navbar li.white-link a:active,
#navbar li.cta-button a:active {
  color: #3DB7B1;
  text-decoration: underline;
}
#navbar li.white-link a:visited,
#navbar li.cta-button a:visited {
  color: #fafafa;
  text-decoration: none;
}
#navbar li.white-link a.outline,
#navbar li.cta-button a.outline {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 7px;
  margin-bottom: 7px;
  border: 1px solid white;
  border-radius: 5px;
}
#navbar li.white-link a.outline:hover, #navbar li.white-link a.outline:active,
#navbar li.cta-button a.outline:hover,
#navbar li.cta-button a.outline:active {
  background: rgba(255, 255, 255, 0.2) !important;
}
#navbar li.white-link a,
#navbar li.cta-button a {
  background-color: transparent !important;
  outline-color: transparent;
  outline-width: 0px;
}
#navbar a.navbar-brand {
  display: inline;
}
#navbar a.navbar-brand .logo.white-prompt-logo {
  display: inline !important;
}
#navbar a.navbar-brand .logo.green-prompt-logo {
  display: none !important;
}
#navbar button.navbar-toggle {
  border: 1px solid #fafafa;
}
#navbar button.navbar-toggle .icon-bar {
  background-color: #fafafa;
}
#navbar .navbar-collapse {
  max-height: calc(100% - 55px);
}
@media only screen and (max-width: 768px) {
  #navbar .navbar-collapse {
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 2px -2px #ddd;
  }
  #navbar .navbar-collapse li.white-link a,
#navbar .navbar-collapse li.cta-button a {
    color: #2DA7A1;
  }
  #navbar .navbar-collapse li.white-link a:link,
#navbar .navbar-collapse li.cta-button a:link {
    color: #2DA7A1;
  }
  #navbar .navbar-collapse li.white-link a:hover,
#navbar .navbar-collapse li.cta-button a:hover {
    color: #3DB7B1;
  }
  #navbar .navbar-collapse li.white-link a:active,
#navbar .navbar-collapse li.cta-button a:active {
    color: #3DB7B1;
  }
  #navbar .navbar-collapse li.white-link a:visited,
#navbar .navbar-collapse li.cta-button a:visited {
    color: #2DA7A1;
  }
  #navbar .navbar-collapse li.white-link a.outline,
#navbar .navbar-collapse li.cta-button a.outline {
    border: 1px solid #3DB7B1;
  }
  #navbar .navbar-collapse li.white-link a.outline:hover, #navbar .navbar-collapse li.white-link a.outline:active,
#navbar .navbar-collapse li.cta-button a.outline:hover,
#navbar .navbar-collapse li.cta-button a.outline:active {
    background: rgba(45, 167, 164, 0.2) !important;
  }
}
#navbar.below-hero {
  background-color: #fafafa;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 4px 2px -2px #ddd;
}
#navbar.below-hero li.white-link a,
#navbar.below-hero li.cta-button a {
  color: #2DA7A1;
}
#navbar.below-hero li.white-link a:link,
#navbar.below-hero li.cta-button a:link {
  color: #2DA7A1;
}
#navbar.below-hero li.white-link a:hover,
#navbar.below-hero li.cta-button a:hover {
  color: #3DB7B1;
}
#navbar.below-hero li.white-link a:active,
#navbar.below-hero li.cta-button a:active {
  color: #3DB7B1;
}
#navbar.below-hero li.white-link a:visited,
#navbar.below-hero li.cta-button a:visited {
  color: #2DA7A1;
}
#navbar.below-hero li.white-link a.outline,
#navbar.below-hero li.cta-button a.outline {
  border: 1px solid #3DB7B1;
}
#navbar.below-hero li.white-link a.outline:hover, #navbar.below-hero li.white-link a.outline:active,
#navbar.below-hero li.cta-button a.outline:hover,
#navbar.below-hero li.cta-button a.outline:active {
  background: rgba(45, 167, 164, 0.2) !important;
}
@media only screen and (min-width: 768px) {
  #navbar.below-hero li.cta-button a {
    background-color: #F58025 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    border-radius: 3px !important;
    color: white !important;
  }
  #navbar.below-hero li.cta-button a:link, #navbar.below-hero li.cta-button a:hover, #navbar.below-hero li.cta-button a:active, #navbar.below-hero li.cta-button a:visited {
    color: white !important;
    text-decoration: none !important;
  }
  #navbar.below-hero li.cta-button a:hover, #navbar.below-hero li.cta-button a:active {
    background-color: #dd660a !important;
  }
}
#navbar.below-hero a.navbar-brand {
  display: inline;
}
#navbar.below-hero a.navbar-brand .logo.white-prompt-logo {
  display: none !important;
}
#navbar.below-hero a.navbar-brand .logo.green-prompt-logo {
  display: inline !important;
}
#navbar.below-hero button.navbar-toggle {
  border: 1px solid #2DA7A1;
}
#navbar.below-hero button.navbar-toggle .icon-bar {
  background-color: #2DA7A1;
}

/**
 * A hero for full-page-home-like pages
 */
.page {
  box-sizing: border-box;
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
  background-color: #fafafa;
}
@media screen and (min-width: 768px) {
  .page {
    height: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .page.extra-margin {
    margin-top: 75px;
    margin-bottom: 75px;
  }
}
.page .title-container {
  text-align: center;
}
.page .title-container h1 {
  margin-top: 0;
  font-size: 50px;
  font-weight: 200;
}
.page .title-container h2 {
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 20px;
}
.page .title-container h3 {
  font-size: 30px;
  font-weight: 200;
  margin-bottom: 20px;
}
.page .content-container {
  display: table;
  height: 100%;
  width: 100%;
}
.page .content-container .logo-container {
  padding: 0px 30%;
  padding-top: 20px;
  padding-bottom: 35px;
  clear: both;
}
.page .content-container .logo-container img {
  width: 44%;
}
.page .content-container .logo-container img:first-of-type {
  float: left;
}
.page .content-container .logo-container img:last-of-type {
  float: right;
}
.page .content-container .content-inner {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  height: 100%;
}
.page .call-to-action {
  text-align: center;
}
.page .call-to-action h2 {
  font-size: 35px;
  font-weight: 100;
  margin-top: 20px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .page .title-container h1 {
    font-size: 40px;
  }
  .page .title-container h2 {
    font-weight: 300;
    font-size: 25px;
  }
  .page .title-container h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .page .title-container h1 {
    font-size: 35px;
  }
  .page .title-container h2 {
    font-weight: 400;
    font-size: 20px;
  }
  .page .title-container h3 {
    font-size: 18px;
  }
}

#hero {
  text-align: center;
  color: white;
  background: none;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding-top: 100px;
}
@media only screen and (min-width: 768px) {
  #hero {
    height: 100vh;
    min-height: 600px;
  }
}
@media screen and (max-width: 768px) {
  #hero {
    padding-top: 130px;
  }
}
#hero.with-extra-tagline {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  #hero.with-extra-tagline {
    padding-top: 110px;
  }
}
#hero.with-extra-tagline .extra-tagline {
  margin-top: 25px;
  padding: 15px;
  background: rgba(61, 183, 177, 0.6);
}
@media screen and (min-height: 750px) {
  #hero.with-extra-tagline .extra-tagline {
    margin-top: 75px;
  }
}
#hero.with-extra-tagline .extra-tagline h2 {
  margin: 0px;
}
#hero.with-extra-tagline .extra-tagline h3 {
  margin: 0px;
}
#hero.with-extra-tagline .extra-tagline h3 a,
#hero.with-extra-tagline .extra-tagline h3 a:link,
#hero.with-extra-tagline .extra-tagline h3 a:visited {
  color: white;
}
#hero.with-extra-tagline .extra-tagline h3 a:active,
#hero.with-extra-tagline .extra-tagline h3 a:hover {
  color: white;
  text-decoration: underline;
}
#hero.with-extra-tagline .extra-tagline h2 ~ h3 {
  margin-top: 8px;
}
#hero.with-extra-tagline .extra-tagline div.explanation {
  font-size: 25px;
  font-weight: normal;
}
@media only screen and (max-width: 768px) {
  #hero.with-extra-tagline .extra-tagline div.explanation {
    margin-top: 0 !important;
  }
  #hero.with-extra-tagline .extra-tagline div.explanation:first-child {
    margin-top: 15px !important;
  }
}
#hero video,
#hero img.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: -1000;
  background-color: black;
}
#hero .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: -999;
  background-color: rgba(0, 0, 0, 0.32);
}
#hero .header, #hero .logo-container {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.5);
}
#hero .header h1, #hero .logo-container h1 {
  font-size: 70px;
  font-weight: bold;
  margin: 0;
  padding: 10px 20px;
}
#hero .header h2, #hero .logo-container h2 {
  font-size: 50px;
  margin: 0;
  padding: 10px 20px;
  font-weight: 400 !important;
}
#hero .header .callout, #hero .logo-container .callout {
  background-color: rgba(61, 183, 177, 0.6);
  color: white;
  padding: 10px;
  font-size: 25px;
  margin-top: 20px;
  font-weight: bold;
}
#hero .call-to-action {
  padding-top: 10px;
  margin-bottom: 10px;
}
@media screen and (min-height: 750px) {
  #hero .call-to-action {
    padding-top: 65px;
  }
}
#hero .call-to-action h2, #hero .call-to-action h3 {
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 45px;
  margin: 0 auto;
  padding: 10px 20px;
  font-weight: 400 !important;
  display: inline-block;
}
#hero .call-to-action h2.block, #hero .call-to-action h3.block {
  display: block;
}
#hero .call-to-action h2.no-bg, #hero .call-to-action h3.no-bg {
  background-color: transparent;
}
#hero .call-to-action h3 {
  font-size: 30px;
}
#hero .call-to-action h3 .form-control {
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  margin-top: 8px;
  height: 39px;
}
#hero .call-to-action div.explanation {
  font-size: 20px;
  font-weight: 300;
  margin-top: 8px;
}
#hero .call-to-action div.explanation a,
#hero .call-to-action div.explanation a:link,
#hero .call-to-action div.explanation a:visited,
#hero .call-to-action div.explanation a:active,
#hero .call-to-action div.explanation a:hover {
  color: white !important;
  text-shadow: 0px 1px 2px black !important;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #hero .header h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #hero .header h1 {
    font-size: 45px;
  }
  #hero .header h2 {
    font-size: 35px;
  }
  #hero .header .callout {
    font-size: 20px;
  }
  #hero .call-to-action h2 {
    font-size: 45px;
  }
  #hero .call-to-action h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  #hero .header h1 {
    font-size: 40px;
  }
  #hero .header h2 {
    font-size: 25px;
  }
  #hero .header .callout {
    font-size: 18px;
  }
  #hero .header .callout .callout-prop {
    display: block;
  }
  #hero .header .callout .callout-bullet {
    display: none;
  }
  #hero .call-to-action h2,
#hero .extra-tagline h2 {
    font-size: 25px;
  }
  #hero .call-to-action h3 {
    font-size: 20px;
  }
}

html, body {
  min-height: 100%;
  font-weight: 200;
  line-height: 1.42857143;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
}

.row.pad-row {
  margin-top: 25px;
  margin-bottom: 25px;
}

#scholarship-banner {
  z-index: 1000;
}

.row .va-middle {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

@media screen and (max-width: 768px) {
  .row.xs-fold {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .row.xs-fold .xs-margin-bottom {
    margin-bottom: 1em;
  }
  .row.xs-fold .xs-full-width {
    width: 100%;
  }
}

.not-student-link {
  color: white;
  margin-top: 8px;
  display: block;
}
.not-student-link:hover {
  color: white;
}

.spacer {
  height: 50px;
}

#feedback-options {
  background-image: url(../../img/er-feedback-background.jpg);
  min-height: 512px;
  padding-top: 0;
  padding-bottom: 0;
}
#feedback-options .feedback-options-title {
  background: white;
  padding-top: 1.5em;
  padding-bottom: 5.2em;
}
#feedback-options .feedback-options-title h2 {
  font-size: 50px;
  margin: 0;
  font-weight: 200;
}
#feedback-options .feedback-options-title h3 {
  font-weight: 200;
}
#feedback-options .college-admissions-card-container {
  width: 880px;
  margin: auto;
}
@media (max-width: 900px) {
  #feedback-options .college-admissions-card-container {
    width: auto;
  }
}
#feedback-options .card {
  top: -65px;
  background-image: -linear-gradient(top, white 0%, whitesmoke 100%);
  background-image: -webkit-linear-gradient(top, white 0%, whitesmoke 100%);
  background-image: -moz-linear-gradient(top, white 0%, whitesmoke 100%);
  background-image: -ms-linear-gradient(top, white 0%, whitesmoke 100%);
  padding: 1.2em;
  padding-top: 1em;
  border-radius: 3px;
  width: 410px;
  float: left;
  height: 360px;
  margin: 15px;
  text-align: center;
  box-shadow: -1px 1px 27px -7px #000;
  position: relative;
  font-size: 1.1em;
  transition: box-shadow 1s, background 1s;
  font-family: "proxima-nova", "serif";
}
#feedback-options .card:hover {
  box-shadow: -1px 1px 22px -2px #000;
}
#feedback-options .card h2 {
  font-size: 1.6em;
  margin-top: 0px;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
  border-bottom: solid 1px #3DB7B1;
  font-weight: 400;
  font-family: "proxima-nova", "sans-serif";
}
#feedback-options .card p.subtitle {
  margin-bottom: 0.5em;
  margin-top: 0;
}
#feedback-options .card p.subtitle.price {
  font-size: 2em;
}
#feedback-options .card ul {
  padding: 0px;
}
#feedback-options .card ul li {
  list-style: none;
  border-bottom: solid 1px #ddd;
  padding: 10px 0px;
}
#feedback-options .card .card-upload-btn {
  position: absolute;
  bottom: 50px;
  width: 160px;
  left: calc(50% - 80px);
  font-size: inherit !important;
}
#feedback-options .card .card-upload-btn.lg {
  width: 260px;
  left: calc(50% - 130px);
}
#feedback-options .card .example-link {
  font-size: 1em;
  position: absolute;
  bottom: 10px;
  left: calc(50% - 50px);
}
#feedback-options .card .btn-orange {
  background: #F58025 !important;
  border-color: #F58025 !important;
}
#feedback-options .card .btn-orange:hover {
  background: #dd660a !important;
  border-color: #dd660a !important;
}
#feedback-options .card.green-background {
  background-image: -linear-gradient(top, white 0%, #bde9e7 100%);
  background-image: -webkit-linear-gradient(top, white 0%, #bde9e7 100%);
  background-image: -moz-linear-gradient(top, white 0%, #bde9e7 100%);
  background-image: -ms-linear-gradient(top, white 0%, #bde9e7 100%);
}
#feedback-options .card.single-card {
  float: none !important;
  margin-left: calc(50% - 205px);
}
@media (min-width: 1200px) {
  #feedback-options .feedback-option-free .card {
    right: -35px;
  }
  #feedback-options .feedback-option-comprehensive .card {
    left: -35px;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  #feedback-options .card {
    font-size: 1em;
    width: 95%;
  }
}
@media (max-width: 990px) {
  #feedback-options .card {
    margin: 10px 0px;
    width: 100%;
  }
}
@media (min-width: 990px) {
  #feedback-options.col-md-offset-0-5 {
    margin-left: 4.166666%;
  }
  #feedback-options.col-md-offset-1-5 {
    margin-left: 12.5%;
  }
}

.value-card {
  color: #333;
  background: #fafafa;
  padding: 0 1.2em;
  border-radius: 3px;
  font-size: 18px;
}
.value-card.big-body {
  font-size: 20px;
  padding: 0 1.05em;
}
.value-card.big-body .body {
  margin-bottom: 0.9em;
}
@media (max-width: 992px) {
  .value-card {
    margin-bottom: 1em;
  }
}
.value-card h4 {
  margin: 0;
  margin-bottom: 0.5em;
  font-size: 30px;
  font-weight: 400;
  color: #2DA7A1;
}
.value-card .body {
  margin: 0;
  margin-bottom: 1em;
}
.value-card .button-container {
  text-align: right;
}
.value-card .button-container .btn {
  margin-top: 0 !important;
}
.value-card .bullet-container {
  text-align: left;
}
.value-card .bullet-container ul li {
  margin-bottom: 0.25em;
}
.value-card .bullet-container ul li .fa-li {
  line-height: 21px;
}

.generic-section {
  margin-top: 1em;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .generic-section {
    height: 100%;
    margin-top: 75px;
    margin-bottom: 75px;
  }
}
.generic-section .title h1 {
  font-size: 50px;
  font-weight: 200;
}
.generic-section .title h2 {
  font-size: 40px;
  margin: 0;
  font-weight: 300;
}
.generic-section .title h2.light {
  font-weight: 200;
}
.generic-section .title h3 {
  font-size: 30px;
  font-weight: 200;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .generic-section .title h1 {
    font-size: 40px;
  }
  .generic-section .title h2 {
    font-weight: 300;
    font-size: 25px;
  }
  .generic-section .title h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .generic-section .title h1 {
    font-size: 35px;
  }
  .generic-section .title h2 {
    font-weight: 400;
    font-size: 20px;
  }
  .generic-section .title h3 {
    font-size: 18px;
  }
}
.generic-section.bg-green {
  background: #2DA7A1;
  color: #fafafa !important;
}
.generic-section.bg-green .green-section-label {
  margin-top: 20px;
  margin-bottom: 20px;
}
.generic-section p.body {
  font-size: 20px;
}
.generic-section .badge.badge-orange {
  background: #F58025;
}
.generic-section.padded-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .generic-section .border-row > .col-sm-6, .generic-section .border-row > .col-sm-4 {
    border-right: 1px solid #eee;
    border-left: 1px solid #d8e6f3;
  }
  .generic-section .border-row > .col-sm-6:first-child, .generic-section .border-row > .col-sm-4:first-child {
    border-left: none;
  }
  .generic-section .border-row > .col-sm-6:last-child, .generic-section .border-row > .col-sm-4:last-child {
    border-right: none;
  }
}
@media (min-width: 992px) {
  .generic-section .border-row > .col-md-6, .generic-section .border-row > .col-md-4 {
    border-right: 1px solid #eee;
    border-left: 1px solid #d8e6f3;
  }
  .generic-section .border-row > .col-md-6:first-child, .generic-section .border-row > .col-md-4:first-child {
    border-left: none;
  }
  .generic-section .border-row > .col-md-6:last-child, .generic-section .border-row > .col-md-4:last-child {
    border-right: none;
  }
}
.generic-section .btn-orange-outline {
  background: #fafafa !important;
  color: #F58025 !important;
  border-color: #F58025 !important;
  border-width: 1px;
  font-size: 18px;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.generic-section .btn-orange-outline:hover {
  background: #dd660a !important;
  border-color: #dd660a !important;
  color: #fafafa !important;
}
.generic-section .price-container {
  font-size: 18px;
  text-align: center;
  padding: 0;
  width: 100%;
  box-shadow: -1px 1px 27px -7px #000;
  border-radius: 3px;
  background: white;
}
@media only screen and (max-width: 768px) {
  .generic-section .price-container {
    margin-top: 10px;
  }
}
.generic-section .price-container .header {
  padding: 10px;
  background-color: #2da7a4;
  text-align: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: white;
}
.generic-section .price-container .cta .btn-primary:not(.btn-orange-outline) {
  background: #2da7a4 !important;
  border-color: #2da7a4 !important;
}
.generic-section .price-container .cta .btn-primary:not(.btn-orange-outline):hover {
  background: #227f7d !important;
  border-color: #227f7d !important;
}
.generic-section .price-container .body {
  padding: 20px;
}
.generic-section .price-container .body .price {
  font-size: 40px;
}
.generic-section .price-container .body .price span {
  display: block;
  color: #777;
  font-size: 18px;
}
.generic-section .price-container .body .features {
  padding-top: 0.5em;
}
.generic-section .price-container .body .features div {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #d8e6f3;
}
.generic-section .price-container .body .features div:first-child {
  border-top: none !important;
}
.generic-section .price-container .body .features div:last-child {
  border-bottom: none !important;
}
.generic-section .price-container .body .features div.no-border-bottom {
  border-bottom: none !important;
}
.generic-section .price-container .body .features div.dummy {
  margin-top: 1px;
  margin-bottom: 1px;
  border-top: none;
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .generic-section .price-container .body .features div.dummy {
    display: none;
  }
}
.generic-section .price-container.masked {
  margin-top: 1em;
}
.generic-section .price-container.masked .header {
  background-color: #ddd !important;
  color: black;
}

#testimonials blockquote, #feedback-specialists blockquote {
  font-size: 16px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#testimonials blockquote footer, #feedback-specialists blockquote footer {
  font-size: 16px;
}
#testimonials img, #feedback-specialists img {
  width: 200px;
  max-width: 100%;
}

#feedback-specialists h3 {
  margin-bottom: 2em;
}

.quote-author-container {
  border-left: 5px solid #eee;
}
.quote-author-container p.quote-author {
  color: #666;
  font-size: 14pt;
  text-align: left !important;
}
.quote-author-container p.description {
  text-align: left !important;
}
.quote-author-container.reverse {
  border-left: none;
  border-right: 5px solid #eee;
}
.quote-author-container.reverse p.quote-author {
  text-align: right !important;
}
.quote-author-container.reverse p.description {
  text-align: right !important;
}

.scholarship-feedback-hero {
  min-height: 960px;
}
.scholarship-feedback-hero .content-container {
  height: 62%;
}
.scholarship-feedback-hero .ebook-form-container {
  margin-top: 70px;
  width: 100%;
  padding: 5px 20px;
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 978px) {
  .scholarship-feedback-hero .ebook-form-container .left-copy-container {
    text-align: right;
  }
  .scholarship-feedback-hero .ebook-form-container .right-copy-container {
    text-align: left;
  }
}
.scholarship-feedback-hero .scholarship-signup-form label {
  text-align: left;
}
.scholarship-feedback-hero .scholarship-signup-form .row {
  margin: 5px 0px;
}
@media (min-width: 978px) {
  .scholarship-feedback-hero .scholarship-signup-form .row {
    text-align: left;
  }
}
.scholarship-feedback-hero .scholarship-signup-form input {
  background: transparent;
  color: white;
  border-width: 2px;
}
.scholarship-feedback-hero .ebook-download-container {
  border-left: solid 1px white;
}
.scholarship-feedback-hero .ebook-download-container img {
  width: 80%;
  margin-top: 15px;
}
@media (max-width: 978px) {
  .scholarship-feedback-hero .ebook-download-container img {
    height: 220px;
    width: auto;
  }
}
.scholarship-feedback-hero .ebook-download-container a {
  color: white;
}

#simple-feedback {
  text-align: center;
  margin-top: 0;
  padding-top: 2em;
}
#simple-feedback .sf-container {
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0;
  box-sizing: border-box;
  position: relative;
}
#simple-feedback .sf-container .sf-descriptor {
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #2da7a4;
  border-radius: 4px;
  font-size: 20px;
  color: white;
  background-color: #2da7a4;
  position: absolute;
  left: 0;
  width: 80%;
  z-index: 10;
}
#simple-feedback .sf-container .sf-descriptor .sf-pointer {
  background-image: url(/static/erEditRevise/img/sf-pointer-small.png);
  height: 8px;
  max-height: 8px;
  background-position: left center;
  transform: scaleX(-1) translateY(-50%);
  -ms-transform: scaleX(-1) translateY(-50%);
  -o-transform: scaleX(-1) translateY(-50%);
  -webkit-transform: scaleX(-1) translateY(-50%);
  -moz-transform: scaleX(-1) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 100%;
  width: 150px;
  z-index: 1;
}
#simple-feedback .sf-container .sf-left {
  width: 30%;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  padding-top: 0px;
}
#simple-feedback .sf-container .sf-left .sf-descriptor {
  text-align: right;
}
#simple-feedback .sf-container .sf-center-right {
  width: 70%;
  margin: 0;
  padding: 0;
  font-size: 0;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
#simple-feedback .sf-container .sf-center-right .sf-center, #simple-feedback .sf-container .sf-center-right .sf-right {
  display: inline-block;
  font-size: 16px;
  box-sizing: border-box;
  vertical-align: top;
}
#simple-feedback .sf-container .sf-center-right .sf-center {
  width: 57%;
  text-align: center;
  background-image: linear-gradient(top, white 0%, whitesmoke 100%);
  border-radius: 3px;
  padding: 0;
  box-shadow: -1px 1px 27px -7px #000;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-header {
  padding: 10px;
  background-color: #2da7a4;
  text-align: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-weight: 300;
  color: white;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body {
  padding: 20px;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body img {
  max-height: 48px;
  max-width: 100%;
  float: left;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .sf-sage {
  padding-left: 63px;
  font-weight: bold;
  text-align: left;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .title {
  color: #2da7a4;
  font-weight: bold;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .grade {
  font-weight: 200;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .sf-grade {
  margin-top: 5px;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .sf-grade .title {
  font-size: 21px;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .sf-grade .grade {
  font-size: 60px;
  line-height: 60px;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .sf-scores {
  margin-top: 0.7em;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .sf-scores .title {
  font-size: 16px;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .sf-scores .grade {
  font-size: 21px;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body .sf-points {
  text-align: left;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body ul {
  padding-left: 20px;
  margin-top: 0.7em;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body ul li {
  margin-top: 8px;
}
#simple-feedback .sf-container .sf-center-right .sf-center .sf-body ul li:first-child {
  margin-top: 0;
}
#simple-feedback .sf-container .sf-center-right .sf-right {
  width: 43%;
  position: relative;
  padding: 10px;
  padding-top: 0px;
}
#simple-feedback .sf-container .sf-center-right .sf-right .sf-descriptor {
  text-align: left;
  left: auto;
  right: 0;
}
#simple-feedback .sf-container .sf-center-right .sf-right .sf-descriptor .sf-pointer {
  right: 100%;
  left: -100px;
  transform: scaleX(1) translateY(-50%);
  -ms-transform: scaleX(1) translateY(-50%);
  -o-transform: scaleX(1) translateY(-50%);
  -webkit-transform: scaleX(1) translateY(-50%);
  -moz-transform: scaleX(1) translateY(-50%);
}
@media only screen and (min-width: 1200px) {
  #simple-feedback .sf-container #score-descriptor {
    top: 185px;
  }
  #simple-feedback .sf-container #point-descriptor {
    top: 300px;
  }
  #simple-feedback .sf-container #point-descriptor .sf-pointer {
    width: 100px;
  }
  #simple-feedback .sf-container #grade-descriptor {
    top: 90px;
  }
  #simple-feedback .sf-container #grade-descriptor .sf-pointer {
    width: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #simple-feedback .sf-container #score-descriptor {
    top: 195px;
  }
  #simple-feedback .sf-container #score-descriptor .sf-pointer {
    width: auto;
  }
  #simple-feedback .sf-container #point-descriptor {
    top: 340px;
  }
  #simple-feedback .sf-container #point-descriptor .sf-pointer {
    width: 80px;
  }
  #simple-feedback .sf-container #grade-descriptor {
    top: 90px;
  }
  #simple-feedback .sf-container #grade-descriptor .sf-pointer {
    width: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #simple-feedback .sf-container #score-descriptor {
    top: 230px;
  }
  #simple-feedback .sf-container #score-descriptor .sf-pointer {
    width: auto;
    left: -80px;
  }
  #simple-feedback .sf-container #point-descriptor {
    top: 400px;
  }
  #simple-feedback .sf-container #point-descriptor .sf-pointer {
    width: 75px;
  }
  #simple-feedback .sf-container #grade-descriptor {
    top: 120px;
  }
}
@media only screen and (max-width: 768px) {
  #simple-feedback .sf-container .sf-left,
#simple-feedback .sf-container .sf-center-right {
    display: block;
    width: 100%;
    padding: 0;
  }
  #simple-feedback .sf-container .sf-center-right {
    display: block;
  }
  #simple-feedback .sf-container .sf-center-right .sf-center,
#simple-feedback .sf-container .sf-center-right .sf-right {
    display: block;
    width: 100%;
    padding: 0;
  }
  #simple-feedback .sf-container .sf-center {
    margin-top: 5px;
  }
  #simple-feedback .sf-container .sf-descriptor {
    position: static;
    width: 100%;
    text-align: center !important;
    margin-top: 5px;
  }
  #simple-feedback .sf-container .sf-descriptor .sf-pointer {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .page .cf-center {
    width: 40% !important;
  }
  .page .cf-left,
.page .cf-right {
    width: 30% !important;
  }
}
.page .cf-descriptor {
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #2da7a4;
  border-radius: 4px;
  font-size: 16pt;
  color: white;
  background-color: #2da7a4;
  width: 80%;
  text-align: center;
  margin-top: 10px;
  position: absolute;
}
.page .cf-descriptor .cf-pointer {
  background-image: url(/static/erEditRevise/img/sf-pointer-small.png);
  height: 8px;
  max-height: 8px;
  background-position: left center;
  transform: scaleX(-1) translateY(-50%);
  -ms-transform: scaleX(-1) translateY(-50%);
  -o-transform: scaleX(-1) translateY(-50%);
  -webkit-transform: scaleX(-1) translateY(-50%);
  -moz-transform: scaleX(-1) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 100%;
  width: 200px;
  z-index: 1;
}
.page .cf-descriptor.top {
  top: 130px;
}
.page .cf-descriptor.bottom {
  top: 400px;
}
.page .cf-descriptor.left {
  left: 0;
}
.page .cf-descriptor.right {
  right: 0;
}
.page .cf-descriptor.right .cf-pointer {
  right: 100%;
  left: -200px;
  width: auto;
  transform: scaleX(1) translateY(-50%);
  -ms-transform: scaleX(1) translateY(-50%);
  -o-transform: scaleX(1) translateY(-50%);
  -webkit-transform: scaleX(1) translateY(-50%);
  -moz-transform: scaleX(1) translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .page .cf-descriptor.top {
    top: 100px;
  }
  .page .cf-descriptor.bottom {
    top: 300px;
  }
  .page .cf-descriptor.left .cf-pointer {
    width: 175px;
  }
  .page .cf-descriptor.right .cf-pointer {
    left: -175px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .page .cf-descriptor.top {
    top: 20px;
  }
  .page .cf-descriptor.bottom {
    top: 200px;
  }
  .page .cf-descriptor.left .cf-pointer {
    width: 125px;
  }
  .page .cf-descriptor.right .cf-pointer {
    left: -125px;
  }
}
@media only screen and (max-width: 768px) {
  .page .cf-descriptor {
    position: static;
    text-align: center !important;
    width: 100%;
  }
  .page .cf-descriptor .cf-pointer {
    display: none;
  }
}
.page .cf-container {
  text-align: center;
  padding: 0;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page .cf-container {
    margin-top: 10px;
  }
}
.page .cf-container.pretty {
  box-shadow: -1px 1px 27px -7px #000;
  border-radius: 3px;
  background-image: linear-gradient(top, white 0%, whitesmoke 100%);
}
.page .cf-container .cf-header {
  padding: 10px;
  background-color: #2da7a4;
  text-align: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-weight: 300;
  color: white;
}
.page .cf-container .cf-body {
  padding: 20px;
}
.page a.feedback-preview-container img.feedback-preview {
  max-width: 100%;
  border: 1px solid #bbb;
  max-height: 300px;
}
.page a.feedback-preview-container:hover:before {
  content: "+";
  color: white;
  font-size: 125px;
  font-weight: 300;
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page a.feedback-preview-container:hover img.feedback-preview {
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
  -moz-filter: brightness(0.7);
  -o-filter: brightness(0.7);
  -ms-filter: brightness(0.7);
  transition: filter 500ms linear;
  -webkit-transition: -webkit-filter 500ms linear;
  -moz-transition: -moz-filter 500ms linear;
  -o-transition: -o-filter 500ms linear;
  -ms-transition: -ms-filter 500ms linear;
}

#customers blockquote, #feedback-sages blockquote, #not-convinced blockquote {
  font-size: 20px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#customers blockquote footer, #feedback-sages blockquote footer, #not-convinced blockquote footer {
  font-size: 20px;
}
#customers img, #feedback-sages img, #not-convinced img {
  width: 200px;
  max-width: 100%;
}
#customers .quote-author-container, #feedback-sages .quote-author-container, #not-convinced .quote-author-container {
  border-left: 5px solid #eee;
}
#customers .quote-author-container p.quote-author, #feedback-sages .quote-author-container p.quote-author, #not-convinced .quote-author-container p.quote-author {
  color: #666;
  font-size: 20px;
  text-align: left !important;
}
#customers .quote-author-container p.description, #feedback-sages .quote-author-container p.description, #not-convinced .quote-author-container p.description {
  text-align: left !important;
}
#customers .quote-author-container.reverse, #feedback-sages .quote-author-container.reverse, #not-convinced .quote-author-container.reverse {
  border-left: none;
  border-right: 5px solid #eee;
}
#customers .quote-author-container.reverse p.quote-author, #feedback-sages .quote-author-container.reverse p.quote-author, #not-convinced .quote-author-container.reverse p.quote-author {
  text-align: right !important;
}
#customers .quote-author-container.reverse p.description, #feedback-sages .quote-author-container.reverse p.description, #not-convinced .quote-author-container.reverse p.description {
  text-align: right !important;
}
@media only screen and (max-width: 768px) {
  #customers .quote-author-container.reverse p.quote-author, #feedback-sages .quote-author-container.reverse p.quote-author, #not-convinced .quote-author-container.reverse p.quote-author {
    text-align: left !important;
  }
  #customers .quote-author-container.reverse p.description, #feedback-sages .quote-author-container.reverse p.description, #not-convinced .quote-author-container.reverse p.description {
    text-align: left !important;
  }
}
@media only screen and (max-width: 768px) {
  #customers .xs-center, #feedback-sages .xs-center, #not-convinced .xs-center {
    text-align: center;
  }
  #customers .xs-text-left, #feedback-sages .xs-text-left, #not-convinced .xs-text-left {
    text-align: left !important;
  }
}

#feedback-specialists .big {
  text-align: center;
}
#feedback-specialists h3 {
  margin-bottom: 2em;
}

#ready-for-feedback {
  margin-top: 2em;
  margin-bottom: 2em;
}
#ready-for-feedback .get-started {
  color: #2DA7A1;
  font-size: 40px;
}