body {
  background-color: rgb(255, 255, 255);
  font: normal 1.125em/2.18 "proxima-nova";
  color: rgb(0,0,0);
}

.clarity-icon {
  display: block;
  position: absolute;
  top: 5px;
  left: -19.0851735016%;
  z-index: 26;
  width: 81px;
  height: auto;
  overflow: hidden;
}

.copy {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 12px;
  font-size: 1.02em;
  color: rgb(0,0,0);
  line-height: 2em
}

.footer {
  width: 100%;
  height: 178px;
  margin: 50px auto 0;
  background-color: rgba(140, 199, 234, 0.67);
}

.footer-container {
  width: 960px;
  height: 178px;
  margin: 0 auto;
}

.footer-container .image {
  width: 111px;
  margin: 41px 0 0 18.267223382%;
}

.footer-copy {
  float: right;
  width: 633px;
  height: 91px;
  margin-top: 48px;
}

.footer-copy .highlighted-copy {
  clear: both;
  width: 100%;
  margin-top: 9px;
  font-size: 1.111em;
  line-height: 1.38;
  color: rgb(0, 51, 83);
}

.hero {
  width: 960px;
  margin: 0 auto;
}

.highlighted-copy {
  float: left;
}

.image {
  display: block;
  float: left;
  height: auto;
  overflow: hidden;
}

.iterative-icon {
  display: block;
  position: absolute;
  top: 194px;
  left: -17.8233438486%;
  z-index: 25;
  width: 66px;
  height: auto;
  overflow: hidden;
}

.main-content {
  position: relative;
  float: right;
  clear: both;
  width: 634px;
  margin-top: 92px;
}

.main-content .highlighted-copy {
  clear: both;
  width: 151.4195583596%;
  height: 171px;
  margin: 39px 0 0 -51.4195583597%;
  font-size: 1.222em;
  color: rgb(0,0,0);
}

.main-copy {
  float: left;
  clear: both;
  width: 959px;
  height: 292px;
}

.main-copy .highlighted-copy {
  width: 100%;
  margin-top: 7px;
  font-size: 1.2em;
  text-align: center;
  color: #333333;
  line-height: 65px;
}

.solid {
  display: block;
  position: absolute;
  top: 418px;
  left: -15.9305993691%;
  z-index: 23;
  width: 61px;
  height: auto;
  overflow: hidden;
}

.technology-icon {
  display: block;
  position: absolute;
  top: 640px;
  left: -17.8233438486%;
  z-index: 24;
  width: 72px;
  height: auto;
  overflow: hidden;
}

._button {
  display: block;
  float: left;
  clear: both;
  width: 52.9718456725%;
  height: 61px;
  margin: 114px 0 0 23.4619395203%;
  border: 4px solid rgb(243, 113, 96);
  border-radius: 10px;
  font: 1em/1.38 "proxima-nova";
  text-align: center;
  text-transform: uppercase;
  color: rgb(243, 113, 96);
  font-weight: bold;
  padding-top: 14px;
}

.footer-copy ._text {
  float: left;
  font: 1.444em "proxima-nova";
  color: rgb(0, 51, 83);
  font-weight: 700;
}

.main-content ._text {
  float: left;
  font: 1.667em "proxima-nova";
  color: rgb(0,0,0);
  font-weight: 700;
}

.copy-1 {
  font-family: "proxima-nova";
  font-weight: 400;
}

.copy-2,
.copy-3 {
  font-family: "proxima-nova";
  font-weight: 400;
}

.image-1 {
  width: 182px;
  margin: 29px 0 0 389px;
}

.image-2 {
  clear: both;
  width: 77px;
  margin-top: 22px;
}

.image-3 {
  width: 70px;
  margin: 22px 0 0 9.7791798107%;
}

.image-4 {
  width: 68px;
  margin: 22px 0 0 10.4100946372%;
}

.image-5 {
  width: 94px;
  margin: 22px 0 0 8.5173501577%;
}

.image-6 {
  width: 109px;
  margin: 13px 0 0 5.3627760252%;
}

.hero ._text-1 {
  width: 960px;
  margin: 240px auto 0;
  font: 3.2em "proxima-nova";
  font-weight: 900;
  text-align: center;
  color: #444444;
  letter-spacing: -1px;
}

.main-content ._text-3 {
  clear: both;
  width: 58.3596214511%;
  margin-top: 30px;
}

.main-content ._text-4 {
  clear: both;
  width: 58.3596214511%;
  margin-top: 30px;
}

.main-content ._text-5 {
  clear: both;
  width: 58.3596214511%;
  margin-top: 30px;
}

a.link {
  color: rgb(0, 51, 83);
  font-weight: bold;
}