.roi-ribbon {
  width: 100%;
  height: 770px;
  /* background-color: rgb(33,150,243); */
  background: url(/assets/site/corporate-top-bg.jpg);
  background-repeat:no-repeat;
  background-position: center;
  background-color: #2d96d2;;
  flex-shrink: 0;
}
.roi-ribbon-bg {

}
.roi-main {
  margin-top: -750px;
  flex-shrink: 0;
}

.roi-header .mdl-layout__header-row {
  padding-left: 40px;
}

.roi-container {
  max-width: 1600px;
  width: calc(100% - 16px);
  margin: 0 auto;
}

.roi-content {
  border-radius: 2px;
  padding: 80px 56px;
  margin-bottom: 80px;
}

.roi-layout.is-small-screen .roi-content {
  padding: 40px 28px;
}

.roi-content h3 {
  margin-top: 0px;
}

.roi-footer {
  padding-left: 40px;
}

.roi-footer .mdl-mini-footer--link-list a {
  font-size: 13px;
}

.mdl-slider-container {
  padding: 20px 0;
  position: relative;
}

.mdl-slider__label {
  top: 0;
}

.mdl-checkbox__label {
  color: rgba(0,0,0,.26);
}

.slider-value {
  width: 40px;
  display: inline-block;
  text-align: right;
  position: relative;
  bottom: 20px;
}

.slider-value-marker {
  width: 40px;
  display: inline-block;
  position: relative;
  bottom: 20px;
  margin-left: 2px;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  top: 0;
  font-size: 16px;
}

.mdl-textfield--floating-label .mdl-textfield__label, .mdl-slider__label {
  color: rgb(33,150,243);
  font-size: 16px;
  top: 0;
  visibility: visible;
}

.mdl-slider-container .mdl-slider__label {
  top: -10px;
}

.mdl-textfield {
  margin-bottom: 20px;
}

.mdl-textfield.mdl-sliderfield {
  margin-bottom: -14px;
}

.mdl-textfield.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  font-size: 16px;
  top: 0;
}

div.thankyou p {
  font-size: 18px;
}

div.thankyou a {
  color: #2d96d2;
}