




/*
     FILE ARCHIVED ON 2:31:59 Apr 2, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:50:58 Nov 9, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
.clear {
  zoom: 1;
}
.clear:before,
.clear:after {
  content: "";
  display: table;
}
.clear:after {
  clear: both;
}
.status {
  position: fixed;
  top: 1em;
  width: 40em;
  left: 50%;
  margin-left: -20em;
  background-color: c_prime2;
  color: #fff;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: -webkit-transform 0.2s ease-in, opacity 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-in, opacity 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-in, opacity 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-in, opacity 0.2s ease-out;
  transition: transform 0.2s ease-in, opacity 0.2s ease-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
  z-index: 40;
}
.status.on {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: perspective(1000px) rotateX(0deg);
  -moz-transform: perspective(1000px) rotateX(0deg);
  -o-transform: perspective(1000px) rotateX(0deg);
  -ms-transform: perspective(1000px) rotateX(0deg);
  transform: perspective(1000px) rotateX(0deg);
}
.status.off {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: perspective(1000px) rotateX(-90deg);
  -moz-transform: perspective(1000px) rotateX(-90deg);
  -o-transform: perspective(1000px) rotateX(-90deg);
  -ms-transform: perspective(1000px) rotateX(-90deg);
  transform: perspective(1000px) rotateX(-90deg);
}
.status.success {
  background-color: #009bff;
  border: 2px solid #0072b2;
}
.status.success > .label.error {
  display: none;
}
.status.success > .label.success {
  display: block;
  background-color: #0072b2;
}
.status.success > .label > svg > path {
  fill: #fff;
}
.status.error {
  background-color: #fa1632;
  border: 2px solid #d4122a;
}
.status.error > .label.error {
  display: block;
  background-color: #d4122a;
}
.status.error > .label.success {
  display: none;
}
.status.error > .label > svg {
  position: absolute;
}
.status > .label {
  width: 2.2em;
  height: 2.2em;
  padding: 0.4em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.status > .label.on {
  display: block;
}
.status > .label.off {
  display: none;
}
.status > .label > svg {
  width: 1.8em;
  height: 1.8em;
  fill: #fff;
  margin: 0.2em 0 0 0.2em;
}
.status > .copy {
  width: 35em;
  margin: 0.7em auto;
}
.status > .copy > ul {
  padding: 0;
  margin: 0;
}
.status > .copy > ul > li {
  padding: 0;
  margin: 0;
  margin-left: 2em;
  list-style-type: none;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
  font-size: 16pt;
}
.status > .close {
  float: right;
  width: 1em;
  height: 1em;
  margin: 1em 0.8em 0 0;
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.status > .close > svg {
  width: inherit;
  height: inherit;
}
.status > .close > svg > path {
  fill: #fff;
}
.mobilemenu {
  display: none;
}
.hamburger {
  display: none;
}
.header {
  position: fixed;
  width: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.8);
  font-size: 11.2pt;
}
.header > .inner {
  padding: 0 60px;
  max-width: 1440px;
  margin: auto;
}
.header > .inner > .logo {
  float: left;
  width: 166px;
  height: 60px;
}
.header > .inner > .logo > svg {
  margin: 7.5px;
  width: 145px;
  height: 45px;
/*
        > g > g > g > path
          //fill c_white
        > g > path
          fill c_white
        */
}
.header > .inner > .menu {
  float: right;
}
.header > .inner > .menu > .item {
  cursor: pointer;
  float: left;
  padding: 0 15px;
  height: 60px;
  text-align: center;
  color: #fff;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: relative;
  -webkit-animation: itemin 0.2s 0s ease-in-out both;
  -moz-animation: itemin 0.2s 0s ease-in-out both;
  -o-animation: itemin 0.2s 0s ease-in-out both;
  -ms-animation: itemin 0.2s 0s ease-in-out both;
  animation: itemin 0.2s 0s ease-in-out both;
}
.header > .inner > .menu > .item:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
}
.header > .inner > .menu > .item:nth-child(2) {
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  -o-animation-delay: 0.05s;
  -ms-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.header > .inner > .menu > .item:nth-child(3) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  -ms-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.header > .inner > .menu > .item:nth-child(4) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  -ms-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.header > .inner > .menu > .item:nth-child(5) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.header > .inner > .menu > .item:nth-child(6) {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  -ms-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.header > .inner > .menu > .item:nth-child(7) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  -ms-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.header > .inner > .menu > .item:hover {
  background-color: #009bff;
}
.header > .inner > .menu > .item:hover > .copy.bordered {
  border: 2pt solid #fff;
}
.header > .inner > .menu > .item.active > .copy {
  color: #009bff;
}
.header > .inner > .menu > .item:hover.active > .copy {
  color: #fff;
}
.header > .inner > .menu > .item:hover > .submenu {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0s 0s;
  -moz-transition: opacity 0.2s linear, -moz-transform 0s 0s;
  -o-transition: opacity 0.2s linear, -o-transform 0s 0s;
  -ms-transition: opacity 0.2s linear, -ms-transform 0s 0s;
  transition: opacity 0.2s linear, transform 0s 0s;
}
.header > .inner > .menu > .item:hover > .submenu > .item:nth-child(1) {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.1s linear;
  -moz-transition: -moz-transform 0.1s linear;
  -o-transition: -o-transform 0.1s linear;
  -ms-transition: -ms-transform 0.1s linear;
  transition: transform 0.1s linear;
}
.header > .inner > .menu > .item:hover > .submenu > .item:nth-child(2) {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.15s linear;
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  -ms-transition: -ms-transform 0.15s linear;
  transition: transform 0.15s linear;
}
.header > .inner > .menu > .item:hover > .submenu > .item:nth-child(3) {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}
.header > .inner > .menu > .item:hover > .submenu > .item:nth-child(4) {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.25s linear;
  -moz-transition: -moz-transform 0.25s linear;
  -o-transition: -o-transform 0.25s linear;
  -ms-transition: -ms-transform 0.25s linear;
  transition: transform 0.25s linear;
}
.header > .inner > .menu > .item:hover > .submenu > .item:nth-child(5) {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  -ms-transition: -ms-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.header > .inner > .menu > .item > .copy {
  float: left;
  height: 30px;
  margin: 15px 0;
  padding: 0 10px;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
}
.header > .inner > .menu > .item > .copy.bordered {
  border: 2pt solid #009bff;
}
.header > .inner > .menu > .item > .carrot {
  float: left;
  width: 16px;
  height: 16px;
  margin: 22px 0 0 0;
}
.header > .inner > .menu > .item > .carrot > svg {
  width: inherit;
  height: inherit;
}
.header > .inner > .menu > .item > .carrot > svg > path {
  stroke: #fff;
}
.header > .inner > .menu > .item > .submenu {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  width: 100%;
  top: 60px;
  left: 0px;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0s 0.5s;
  -moz-transition: opacity 0.2s linear, -moz-transform 0s 0.5s;
  -o-transition: opacity 0.2s linear, -o-transform 0s 0.5s;
  -ms-transition: opacity 0.2s linear, -ms-transform 0s 0.5s;
  transition: opacity 0.2s linear, transform 0s 0.5s;
  -webkit-transform: translate(0, -240px);
  -moz-transform: translate(0, -240px);
  -o-transform: translate(0, -240px);
  -ms-transform: translate(0, -240px);
  transform: translate(0, -240px);
}
.header > .inner > .menu > .item > .submenu > .item {
  display: block;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-decoration: none;
}
.header > .inner > .menu > .item > .submenu > .item:hover {
  background-color: #009bff;
}
.header > .inner > .menu > .item > .submenu > .item:nth-child(1) {
  -webkit-transform: translate(0, -62px);
  -moz-transform: translate(0, -62px);
  -o-transform: translate(0, -62px);
  -ms-transform: translate(0, -62px);
  transform: translate(0, -62px);
  -webkit-transition: -webkit-transform 0.1s linear 0.2s;
  -moz-transition: -moz-transform 0.1s linear 0.2s;
  -o-transition: -o-transform 0.1s linear 0.2s;
  -ms-transition: -ms-transform 0.1s linear 0.2s;
  transition: transform 0.1s linear 0.2s;
}
.header > .inner > .menu > .item > .submenu > .item:nth-child(2) {
  -webkit-transform: translate(0, -124px);
  -moz-transform: translate(0, -124px);
  -o-transform: translate(0, -124px);
  -ms-transform: translate(0, -124px);
  transform: translate(0, -124px);
  -webkit-transition: -webkit-transform 0.2s linear 0;
  -moz-transition: -moz-transform 0.2s linear 0;
  -o-transition: -o-transform 0.2s linear 0;
  -ms-transition: -ms-transform 0.2s linear 0;
  transition: transform 0.2s linear 0;
}
.header > .inner > .menu > .item > .submenu > .item:nth-child(3) {
  -webkit-transform: translate(0, -186px);
  -moz-transform: translate(0, -186px);
  -o-transform: translate(0, -186px);
  -ms-transform: translate(0, -186px);
  transform: translate(0, -186px);
  -webkit-transition: -webkit-transform 0.2s linear 0;
  -moz-transition: -moz-transform 0.2s linear 0;
  -o-transition: -o-transform 0.2s linear 0;
  -ms-transition: -ms-transform 0.2s linear 0;
  transition: transform 0.2s linear 0;
}
.header > .inner > .menu > .item > .submenu > .item:nth-child(4) {
  -webkit-transform: translate(0, -248px);
  -moz-transform: translate(0, -248px);
  -o-transform: translate(0, -248px);
  -ms-transform: translate(0, -248px);
  transform: translate(0, -248px);
  -webkit-transition: -webkit-transform 0.2s linear 0;
  -moz-transition: -moz-transform 0.2s linear 0;
  -o-transition: -o-transform 0.2s linear 0;
  -ms-transition: -ms-transform 0.2s linear 0;
  transition: transform 0.2s linear 0;
}
.header > .inner > .menu > .item > .submenu > .item:nth-child(5) {
  -webkit-transform: translate(0, -310px);
  -moz-transform: translate(0, -310px);
  -o-transform: translate(0, -310px);
  -ms-transform: translate(0, -310px);
  transform: translate(0, -310px);
  -webkit-transition: -webkit-transform 0.2s linear 0;
  -moz-transition: -moz-transform 0.2s linear 0;
  -o-transition: -o-transform 0.2s linear 0;
  -ms-transition: -ms-transform 0.2s linear 0;
  transition: transform 0.2s linear 0;
}
.dots {
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -72px;
  width: 45px;
  height: 250px;
  background-color: rgba(0,0,0,0.8);
  z-index: 10;
}
.dots > .inner > .dot {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 17px;
}
.dots > .inner > .dot.active > .inner {
  background-color: #009bff;
}
.dots > .inner > .dot:hover {
  background-color: #000;
}
.dots > .inner > .dot:hover > .inner {
  background-color: #4d4d4d;
}
.dots > .inner > .dot > .inner {
  display: block;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.dots > .inner > .dot > .inner > .label {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px;
  right: 40px;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  text-align: right;
  padding: 15px 17px;
  -webkit-transform: translate(20px, 0);
  -moz-transform: translate(20px, 0);
  -o-transform: translate(20px, 0);
  -ms-transform: translate(20px, 0);
  transform: translate(20px, 0);
  -webkit-transition: -webkit-transform 0.1s linear, opacity 0.1s linear;
  -moz-transition: -moz-transform 0.1s linear, opacity 0.1s linear;
  -o-transition: -o-transform 0.1s linear, opacity 0.1s linear;
  -ms-transition: -ms-transform 0.1s linear, opacity 0.1s linear;
  transition: transform 0.1s linear, opacity 0.1s linear;
  white-space: nowrap;
}
.dots > .inner > .dot > .inner > .label > .copy {
  -webkit-transform: translate(10px, 0);
  -moz-transform: translate(10px, 0);
  -o-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  transform: translate(10px, 0);
  -webkit-transition: -webkit-transform 0.1s linear 0.05s, opacity 0.1s linear 0.05s;
  -moz-transition: -moz-transform 0.1s linear 0.05s, opacity 0.1s linear 0.05s;
  -o-transition: -o-transform 0.1s linear 0.05s, opacity 0.1s linear 0.05s;
  -ms-transition: -ms-transform 0.1s linear 0.05s, opacity 0.1s linear 0.05s;
  transition: transform 0.1s linear 0.05s, opacity 0.1s linear 0.05s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.dots > .inner > .dot:hover > .inner > .label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.dots > .inner > .dot:hover > .inner > .label > .copy {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
@-moz-keyframes itemin {
  from {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes itemin {
  from {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes itemin {
  from {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes itemin {
  from {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes rectin {
  from {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes rectin {
  from {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-o-keyframes rectin {
  from {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes rectin {
  from {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.home-hero-container {
  background: rgba(0,0,0,0.8);
}
.hero,
.herob,
.herowork,
.herocareers {
  position: relative;
  max-width: 1440px;
  height: 795px;
  margin: auto;
}
.hero.herob,
.herob.herob,
.herowork.herob,
.herocareers.herob {
  background: url("/web/20150402023159/http://www.premise.com/img/hero_about.jpg");
  max-width: none;
}
.hero.herocareers,
.herob.herocareers,
.herowork.herocareers,
.herocareers.herocareers {
  margin-bottom: 66px;
  height: 714px;
}
.hero.herofront,
.herob.herofront,
.herowork.herofront,
.herocareers.herofront {
  height: auto;
  border: 1px solid rgba(255,255,255,0.4);
  max-width: 1126px;
}
.hero.herofront > .overlay,
.herob.herofront > .overlay,
.herowork.herofront > .overlay,
.herocareers.herofront > .overlay {
  width: 100%;
  padding-top: 62.5% !important;
  height: 0 !important;
  background: url("/web/20150402023159/http://www.premise.com/img/hero.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  -webkit-transition: opacity 0.5s ease-in-out, opacity 0.35s linear;
  -moz-transition: opacity 0.5s ease-in-out, opacity 0.35s linear;
  -o-transition: opacity 0.5s ease-in-out, opacity 0.35s linear;
  -ms-transition: opacity 0.5s ease-in-out, opacity 0.35s linear;
  transition: opacity 0.5s ease-in-out, opacity 0.35s linear;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.hero.herofront > .overlay.off,
.herob.herofront > .overlay.off,
.herowork.herofront > .overlay.off,
.herocareers.herofront > .overlay.off {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.hero.herofront > .overlay > .inner,
.herob.herofront > .overlay > .inner,
.herowork.herofront > .overlay > .inner,
.herocareers.herofront > .overlay > .inner {
  top: 0;
  left: 0;
  position: absolute;
}
.hero.herofront > .video,
.herob.herofront > .video,
.herowork.herofront > .video,
.herocareers.herofront > .video {
  background-color: #000;
  height: auto;
  object-fit: contain;
  width: 100%;
  margin: 0 auto;
}
.hero.herofront > .video.off,
.herob.herofront > .video.off,
.herowork.herofront > .video.off,
.herocareers.herofront > .video.off {
  display: none;
}
.hero.herofront > .video.on,
.herob.herofront > .video.on,
.herowork.herofront > .video.on,
.herocareers.herofront > .video.on {
  display: block;
}
.hero.herowork,
.herob.herowork,
.herowork.herowork,
.herocareers.herowork {
  max-width: none;
  background: url("/web/20150402023159/http://www.premise.com/img/hero_contributors.jpg");
  background-position: center;
  background-repeat: repeat-x;
  height: 713px;
}
.hero.herowork > .inner,
.herob.herowork > .inner,
.herowork.herowork > .inner,
.herocareers.herowork > .inner {
  background-color: rgba(0,0,0,0.44);
}
.hero.herowork > .inner > .title > .bigger,
.herob.herowork > .inner > .title > .bigger,
.herowork.herowork > .inner > .title > .bigger,
.herocareers.herowork > .inner > .title > .bigger {
  font-size: 48pt;
}
.hero.herocareers,
.herob.herocareers,
.herowork.herocareers,
.herocareers.herocareers {
  background: url("/web/20150402023159/http://www.premise.com/img/hero_careers.jpg");
  background-position: center;
  max-width: none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.hero.herocareers > .inner,
.herob.herocareers > .inner,
.herowork.herocareers > .inner,
.herocareers.herocareers > .inner {
  background-color: rgba(0,0,0,0.44);
}
.hero .inner,
.herob .inner,
.herowork .inner,
.herocareers .inner {
  background-color: rgba(0,0,0,0.44);
  position: relative;
  width: 100%;
  height: 100%;
}
.hero .inner > .title,
.herob .inner > .title,
.herowork .inner > .title,
.herocareers .inner > .title {
  position: absolute;
  font-size: 40pt;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-align: center;
  height: 80px;
  left: 15px;
  right: 15px;
  top: 50%;
  margin-top: -40px;
  letter-spacing: 1pt;
  text-shadow: 0 0 24px #231f20, 2px 2px #231f20;
}
.tech {
  padding: 0 0 100px 0;
  display: block;
}
.tech > .types > .type.on {
  display: block;
}
.tech > .types > .type.off {
  display: none;
}
.tech > .types > .type > .title {
  font-size: 23.2pt;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  color: #fc1d00;
  text-align: center;
  margin: 0 0 10px 0;
}
.tech > .types > .type > .desc {
  font-size: 14.4pt;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
  text-align: center;
  color: #808080;
  padding: 0 60px;
  height: 40px;
}
.tech > .types > .type > .icon {
  width: 350px;
  height: 350px;
  margin: auto;
}
.tech > .typemenu {
  width: 185px;
  margin: 60px auto 0 auto;
}
.tech > .typemenu > .dot {
  width: 15px;
  height: 15px;
  border: 3px solid #333;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
  background-color: #fff;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  cursor: pointer;
}
.tech > .typemenu > .dot.last {
  margin-right: 0px;
}
.tech > .typemenu > .dot.filled {
  background-color: #fc1d00;
}
.tech > .typemenu > .border {
  height: 3px;
  background-color: #333;
  margin: -11px 0 0 0;
}
.cap {
  display: block;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  padding: 30px 60px 90px 60px;
  max-width: 1440px;
  margin: auto;
}
.cap > .capmenu {
  width: 473px;
  margin: 0 auto 90px auto;
}
.cap > .capmenu > .item {
  float: left;
  padding: 0 20px;
  font-size: 14.4pt;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  color: #4d4d4d;
  cursor: pointer;
  -webkit-transition: text-decoration 0.1s linear, color 0.2s linear;
  -moz-transition: text-decoration 0.1s linear, color 0.2s linear;
  -o-transition: text-decoration 0.1s linear, color 0.2s linear;
  -ms-transition: text-decoration 0.1s linear, color 0.2s linear;
  transition: text-decoration 0.1s linear, color 0.2s linear;
}
.cap > .capmenu > .item.active {
  color: #009bff;
}
.cap > .capmenu > .item:hover {
  text-decoration: underline;
}
.cap > .capmenu > .line {
  float: left;
  width: 100px;
  height: 1px;
  background-color: #4d4d4d;
  margin: 12px 0 0 0;
}
.cap > .caps > .capitem.on {
  display: block;
}
.cap > .caps > .capitem.off {
  display: none;
}
.cap > .caps > .capitem > .left {
  width: 50%;
  float: left;
}
.cap > .caps > .capitem > .left > .image {
  margin: 0 30px 0 10px;
}
.cap > .caps > .capitem > .left > .image > img {
  width: 100%;
  border: 1px solid #4d4d4d;
  padding: 5px;
}
.cap > .caps > .capitem > .right {
  float: right;
  width: 50%;
}
.cap > .caps > .capitem > .right > .title {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 24pt;
  padding: 20px 0 0 30px;
}
.cap > .caps > .capitem > .right > .desc {
  font-size: 13.6pt;
  padding: 20px 50px 20px 30px;
  color: #808080;
}
.cap > .caps > .capitem > .right > .caplist {
  font-size: 12.8pt;
  padding: 0px 0 20px 27px;
  color: #808080;
}
.cap > .caps > .capitem > .right > .caplist > .item {
  margin-left: 20px;
  padding: 0 0 10px 0;
}
.cap > .caps > .capitem > .right > .caplist > .item.last {
  color: #009bff;
  text-decoration: none;
}
.cap > .caps > .capitem > .right > .cta {
  float: left;
  margin: 20px 0 0 30px;
}
.grid {
  max-width: 1440px;
  margin: auto;
  padding: 30px 0 0 0;
}
.grid > .cell {
  display: block;
  position: relative;
  float: left;
  width: 16.6vw;
  height: 16.6vw;
  max-height: 240px;
  max-width: 240px;
  cursor: pointer;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
/*
    &:hover > .boxen
      width 200%
      height 200%
      z-index 5
      top 0
      left 0
    &:hover:nth-child(5) > .boxen
    &:hover:nth-child(6) > .boxen
    &:hover:nth-child(7) > .boxen
    &:hover:nth-child(11) > .boxen
    &:hover:nth-child(12) > .boxen
    &:hover:nth-child(13) > .boxen
      left -100%
    &:hover:nth-child(14) > .boxen
    &:hover:nth-child(15) > .boxen
    &:hover:nth-child(16) > .boxen
      top -100%
    &:hover:nth-child(17) > .boxen
    &:hover:nth-child(18) > .boxen
    &:hover:nth-child(19) > .boxen
      top -100%
      left -100%
    */
}
.grid > .cell:hover > .boxen > .cinner > .copy {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.grid > .cell:hover > .special {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.grid > .cell:hover > .boxen {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  background-color: #231f20;
}
.grid > .cell:hover > .boxen > .box > .inner {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  background-color: #231f20;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.1s linear 0.1s;
  -moz-transition: opacity 0.2s linear, -moz-transform 0.1s linear 0.1s;
  -o-transition: opacity 0.2s linear, -o-transform 0.1s linear 0.1s;
  -ms-transition: opacity 0.2s linear, -ms-transform 0.1s linear 0.1s;
  transition: opacity 0.2s linear, transform 0.1s linear 0.1s;
}
.grid > .cell:hover > .boxen > .box > .inner:nth-child(1),
.grid > .cell:hover > .boxen > .box > .inner:nth-child(2),
.grid > .cell:hover > .boxen > .box > .inner:nth-child(3),
.grid > .cell:hover > .boxen > .box > .inner:nth-child(4) {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.grid > .cell > .special {
  position: absolute;
  bottom: 12px;
  right: 10px;
  width: 30px;
  height: 30px;
}
.grid > .cell > .special.casestudy {
  bottom: 0px;
  right: 12px;
  color: #fff;
  width: 103px;
  letter-spacing: 1px;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  text-shadow: 0px 0px 3px #231f20;
  text-align: right;
}
.grid > .cell > .special > svg {
  width: inherit;
  height: inherit;
}
.grid > .cell > .special > svg > polygon {
  fill: #fff;
}
.grid > .cell > .boxen {
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.grid > .cell > .boxen > .cinner {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
}
.grid > .cell > .boxen > .cinner > .copy {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 12.8pt;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  padding: 0 27px;
}
.grid > .cell > .boxen > .box {
  float: left;
  width: 30%;
  height: 30%;
  margin: 10%;
  position: relative;
}
.grid > .cell > .boxen > .box > .inner {
  position: absolute;
  width: 60%;
  height: 60%;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  -moz-transition: opacity 0.2s linear, -moz-transform 0.2s linear;
  -o-transition: opacity 0.2s linear, -o-transform 0.2s linear;
  -ms-transition: opacity 0.2s linear, -ms-transform 0.2s linear;
  transition: opacity 0.2s linear, transform 0.2s linear;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  z-index: 5;
}
.grid > .cell > .boxen > .box:nth-child(1) > .inner {
  border-top: 2pt solid #fff;
  border-left: 2pt solid #fff;
  -webkit-transform: translate(-10px, -10px);
  -moz-transform: translate(-10px, -10px);
  -o-transform: translate(-10px, -10px);
  -ms-transform: translate(-10px, -10px);
  transform: translate(-10px, -10px);
  top: 0;
  left: 0;
}
.grid > .cell > .boxen > .box:nth-child(2) > .inner {
  top: 0;
  right: 0;
  border-top: 2pt solid #fff;
  border-right: 2pt solid #fff;
  -webkit-transform: translate(10px, -10px);
  -moz-transform: translate(10px, -10px);
  -o-transform: translate(10px, -10px);
  -ms-transform: translate(10px, -10px);
  transform: translate(10px, -10px);
}
.grid > .cell > .boxen > .box:nth-child(3) > .inner {
  border-bottom: 2pt solid #fff;
  border-left: 2pt solid #fff;
  -webkit-transform: translate(-10px, 10px);
  -moz-transform: translate(-10px, 10px);
  -o-transform: translate(-10px, 10px);
  -ms-transform: translate(-10px, 10px);
  transform: translate(-10px, 10px);
  bottom: 0;
  left: 0;
}
.grid > .cell > .boxen > .box:nth-child(4) > .inner {
  border-bottom: 2pt solid #fff;
  border-right: 2pt solid #fff;
  -webkit-transform: translate(10px, 10px);
  -moz-transform: translate(10px, 10px);
  -o-transform: translate(10px, 10px);
  -ms-transform: translate(10px, 10px);
  transform: translate(10px, 10px);
  bottom: 0;
  right: 0;
}
.grid > .cell.cell1 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid1.png");
}
.grid > .cell.cell2 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid2.png");
}
.grid > .cell.cell3 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid3.png");
}
.grid > .cell.cell4 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid4.png");
}
.grid > .cell.cell5 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid5.png");
}
.grid > .cell.cell6 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid6.png");
}
.grid > .cell.cell7 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid7.png");
}
.grid > .cell.cell8 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid8.png");
}
.grid > .cell.cell9 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid9.png");
}
.grid > .cell.cell10 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid10.png");
}
.grid > .cell.cell11 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid11.png");
}
.grid > .cell.cell12 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid12.png");
}
.grid > .cell.cell13 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid13.png");
}
.grid > .cell.cell14 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid14.png");
}
.grid > .cell.cell15 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid15.png");
}
.grid > .cell.cell16 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid16.png");
}
.grid > .cell.cell17 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid17.png");
}
.grid > .cell.cell18 {
  background-image: url("/web/20150402023159/http://www.premise.com/img/grid/grid18.png");
}
.why {
  padding: 30px 60px 60px 60px;
  max-width: 1100px;
  margin: auto;
}
.why > .reasons > .reason {
  float: left;
  width: 33%;
}
.why > .reasons > .reason > .icon {
  width: 280px;
  height: 280px;
  margin: auto;
}
.why > .reasons > .reason > .title {
  font-size: 16pt;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  color: #fc1d00;
  text-align: center;
  margin: 10px 0 5px 0;
}
.why > .reasons > .reason > .desc {
  font-size: 16pt;
  text-align: center;
  color: #808080;
}
.contact {
  text-align: center;
  margin: 0 60px 60px 60px;
}
.contact > .cta {
  display: inline-block;
  padding: 0 50px;
}
.people {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  background-color: #fafafa;
  padding: 40px 50px 60px 50px;
}
.people > .title {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 24pt;
  text-align: center;
  padding: 20px 0 60px 0;
}
.people > .title.advisors {
  border-top: 1px solid #d4d4d4;
  padding: 60px 0 60px 0;
  margin: 90px 0 0 0;
}
.people > .group {
  margin: 0 0 40px 0;
  max-width: 1200px;
  margin: 0 auto 40px auto;
}
.people > .group.leaders > .profile {
  width: 50%;
}
.people > .group.managers > .profile {
  width: 33%;
}
.people > .group.advisors > .profile {
  width: 25%;
}
.people > .group.leaders > .profile:first-child > .inner {
  margin: 20px 40px 20px 20px;
}
.people > .group.leaders > .profile.last > .inner {
  margin: 20px 20px 20px 40px;
}
.people > .group.leaders > .profile > .inner > .desc {
  min-height: 225px;
}
.people > .group.managers > .profile > .inner > .desc {
  min-height: 325px;
}
.people > .group > .profile {
  float: left;
}
.people > .group > .profile > .inner {
  margin: 20px;
}
.people > .group > .profile > .inner > .picture > img {
  width: 100%;
  padding: 5px;
  border: 1px solid #4d4d4d;
}
.people > .group > .profile > .inner > .name {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 16pt;
  padding: 40px 0 0 0;
  text-transform: uppercase;
}
.people > .group > .profile > .inner > .title {
  font-size: 16pt;
  color: #808080;
  padding: 5px 0 0 0;
}
.people > .group > .profile > .inner > .desc {
  margin: 15px 0 0 0;
  border-top: 1px solid #d4d4d4;
  color: #808080;
  padding: 20px 0;
  font-size: 14.4pt;
  line-height: 20.8pt;
}
.people > .group > .profile > .inner > .socials > .social {
  float: left;
  padding: 10px 10px 0 0;
}
.people > .group > .profile > .inner > .socials > .social > svg > rect {
  stroke: #808080;
}
.people > .group > .profile > .inner > .socials > .social > svg > g > rect {
  fill: #808080;
}
.people > .group > .profile > .inner > .socials > .social > svg > g > circle {
  fill: #808080;
}
.people > .group > .profile > .inner > .socials > .social > svg > g > path {
  fill: #808080;
}
.investors {
  padding: 0 60px 60px 60px;
}
.investors > .image {
  width: 100%;
  max-width: 768px;
  margin: 60px auto 0 auto;
}
.investors > .image > img {
  width: inherit;
}
.investors > .image > img.desktop {
  display: block;
}
.investors > .image > img.mobile {
  display: none;
}
.ctas {
  margin: 60px 0 0 0;
  border-top: 1px solid #d4d4d4;
  background-color: #fbfbfb;
}
.ctas > .inner {
  max-width: 1440px;
  margin: auto;
}
.ctas > .inner > .acta {
  float: left;
  width: 33%;
  border-right: 1px solid #d4d4d4;
}
.ctas > .inner > .acta.last {
  border-right: none;
}
.ctas > .inner > .acta > .inner {
  margin: 0 10px;
  padding: 30px 30px 60px 30px;
}
.ctas > .inner > .acta > .inner > .title {
  text-align: center;
  font-size: 24pt;
  padding: 60px 0;
}
.ctas > .inner > .acta > .inner > .cta {
  margin: 0 auto 60px auto;
  width: 275px;
}
.ctas > .inner > .acta > .inner > .cta > .copy {
  text-align: center;
}
.locs {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.locs > .title {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 24pt;
  text-align: center;
  padding: 53px 0 56px 0;
}
.locs > .map {
  height: 600px;
  background-color: #000;
}
.locs > .map > img {
  display: none;
}
.testis {
  padding: 0px 120px 60px 120px;
  max-width: 1200px;
  margin: auto;
}
.testis > .title {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 24pt;
  text-align: center;
  padding: 60px 0 60px 0;
}
.testis > .testi {
  margin: 0 0 60px 0;
}
.testis > .testi > .name {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 16pt;
}
.testis > .testi > .loc {
  font-size: 14.4pt;
}
.testis > .testi > .quote {
  font-size: 19.2pt;
}
.testis > .testi > .image {
  padding: 5px;
  border: 1px solid #000;
  width: 250px;
  height: 250px;
}
.testis > .testi > .image > img {
  width: 100%;
}
.testis > .testi.left > .image {
  float: left;
}
.testis > .testi.left > .name {
  padding: 0 0 0 290px;
}
.testis > .testi.left > .loc {
  padding: 0 0 40px 290px;
}
.testis > .testi.left > .quote {
  padding: 0 0 0 290px;
}
.testis > .testi.right {
  text-align: right;
}
.testis > .testi.right > .image {
  float: right;
}
.testis > .testi.right > .name {
  padding: 0 290px 0 0;
}
.testis > .testi.right > .loc {
  padding: 0 290px 40px 0;
}
.testis > .testi.right > .quote {
  padding: 0 290px 0 0;
}
.download > .title {
  font-size: 28.8pt;
  text-align: center;
  padding: 100px 0 40px 0;
}
.download > .cta {
  width: 405px;
  margin: auto;
}
.download > .gplay {
  width: 200px;
  margin: 20px auto;
}
.download > .gplay > img {
  width: 100%;
}
.download > .scopy {
  font-size: 9.6pt;
  text-align: center;
  width: 400px;
  margin: auto;
}
.download > .scopy > a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.get {
  border-top: 1px solid #d4d4d4;
}
.get > .block > .inner {
  height: 610px;
}
.get > .block > .inner > .title,
.get > .block > .inner > .download > .title {
  font-size: 28.8pt;
  text-align: center;
  padding: 139px 0 59px 0;
}
.get > .block > .inner > .cta {
  width: 300px;
  margin: auto;
}
.get > .block > .inner > .cta > .copy {
  text-align: center;
  white-space: nowrap;
  padding: 29px 40px;
}
.get > .block > .inner > .download > .cta > .copy {
  padding: 29px 40px;
}
.get > .left {
  float: left;
  width: 50%;
}
.get > .left > .inner {
  border-right: 1px solid #d4d4d4;
}
.get > .right {
  float: right;
  width: 50%;
}
.start {
  padding: 60px 0 60px 0;
}
.start > .download {
  margin: 0 0 121px 0;
}
.start > .download > .title {
  padding: 0 0 40px 0;
}
.start > .features {
  background-color: #333;
  margin: 60px 0;
}
.start > .features > .feature {
  padding: 60px 60px 0 60px;
  max-width: 1440px;
  margin: auto;
}
.start > .features > .feature > .desc {
  width: 50%;
  margin: 100px 0 0 0;
}
.start > .features > .feature > .desc > .number {
  color: #009bff;
  float: left;
  font-size: 24pt;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
}
.start > .features > .feature > .desc > .line {
  background-color: #009bff;
  width: 90px;
  height: 3px;
  float: left;
  -webkit-transform: rotate(125deg);
  -moz-transform: rotate(125deg);
  -o-transform: rotate(125deg);
  -ms-transform: rotate(125deg);
  transform: rotate(125deg);
  margin: 44px 0 0 -31px;
}
.start > .features > .feature > .desc > .copy {
  color: #fff;
  margin: 0 90px 0 90px;
  font-size: 22.4pt;
  line-height: 30.4pt;
}
.start > .features > .feature > .shot {
  width: 50%;
}
.start > .features > .feature > .shot > .picture {
  width: 394px;
  height: 588px;
  background: url("/web/20150402023159/http://www.premise.com/img/shots/device.svg");
  margin: auto;
}
.start > .features > .feature > .shot > .picture > img {
  width: 321px;
  margin: 76px 0 0 35px;
}
.start > .features > .feature.right > .desc {
  float: left;
}
.start > .features > .feature.right > .shot {
  float: right;
}
.start > .features > .feature.left > .desc {
  float: right;
}
.start > .features > .feature.left > .shot {
  float: left;
}
.start > .features > .bottom {
  height: 20px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #4d4d4d;
}
.faq.global {
  padding: 120px 0 60px 0;
}
.faq.global > .questions > .block {
  border-top: 2px solid #4d4d4d;
  border-bottom: 0;
}
.faq > .title {
  text-align: center;
  font-size: 22.4pt;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
}
.faq > .questions {
  padding: 54px 120px;
  max-width: 700px;
  margin: auto;
}
.faq > .questions > .title {
  font-size: 28.8pt;
  text-align: left;
  color: #4d4d4d;
  padding: 40px 0 20px 0;
  border-top: 2px solid #4d4d4d;
}
.faq > .questions > .title:first-child {
  border-top: 0;
}
.faq > .questions > .block {
  border-bottom: 2px solid #4d4d4d;
  font-size: 16.8pt;
  padding: 17px 0;
}
.faq > .questions > .block:first-child {
  border-top: 2px solid #4d4d4d;
}
.faq > .questions > .block.on {
  display: block;
}
.faq > .questions > .block.off {
  display: none;
}
.faq > .questions > .block > .question {
  font-family: 'proxima-nova';
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
}
.faq > .questions > .block > .question:hover,
.faq > .questions > .block > .question.blue {
  color: #009bff;
}
.faq > .questions > .block > .answer {
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0;
  font-size: 14.4pt;
}
.faq > .questions > .block > .answer.off {
  max-height: 0;
  padding-top: 0;
}
.faq > .questions > .block > .answer.on {
  max-height: 600px;
  padding-top: 20px;
}
.culturehero {
  background: url("/web/20150402023159/http://www.premise.com/img/withus.jpg");
  background-position: center;
  height: 469px;
  max-width: 1440px;
  margin: 0 auto 15px auto;
}
.what {
  border-top: 1px solid #d4d4d4;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}
.benefits {
  padding: 42px 120px 60px 120px;
  max-width: 1440px;
  margin: auto;
}
.benefits > .inner > .benefit {
  width: 33%;
  float: left;
  padding: 0 0 40px 0;
}
.benefits > .inner > .benefit > .icon {
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 0 0 20px;
}
.benefits > .inner > .benefit > .icon > svg {
  width: inherit;
  height: inherit;
}
.benefits > .inner > .benefit > .name {
  float: left;
  padding: 0 0 0 20px;
  font-size: 16pt;
  line-height: 60px;
}
.listing {
  padding: 30px 120px 100px 120px;
  max-width: 1440px;
  margin: auto;
}
.listing > .item {
  font-size: 16pt;
  padding: 10px 0;
}
.currentopenings {
  padding: 60px 120px;
  max-width: 1440px;
  margin: auto;
}
.currentopenings > .title {
  font-size: 28.8pt;
}
.currentopenings > .openings {
  padding: 20px 0 20px 0;
}
.currentopenings > .openings > #whr_embed_hook > ul.whr-items {
  padding: 0;
}
.currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item {
  max-height: 60px;
  overflow: hidden;
  border-top: 2px solid #4d4d4d;
}
.currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item:last-child {
  border-bottom: 2px solid #4d4d4d;
}
.currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item > h3.whr-title a {
  color: #009bff;
  text-decoration: none;
  font-family: 'proxima-nova';
  font-weight: 600;
  font-style: normal;
}
.currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item > ul.whr-info > li.whr-dept {
  float: right;
  margin: -41px 200px 0 0;
  list-style-type: none;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-style: normal;
  color: #808080;
}
.currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item > ul.whr-info > li.whr-location {
  float: right;
  margin: -41px 0 0 0;
  list-style-type: none;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  color: #808080;
}
.cta.apply {
  width: 300px;
  margin: auto auto 175px auto;
  text-align: center;
}
.cta.apply > .copy {
  padding: 29px 40px;
}
.press {
  padding: 100px 0 100px 0;
  max-width: 1440px;
  margin: auto;
}
.press > .inner {
  margin: 0 120px;
}
.press > .inner > .title {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 24pt;
  text-align: center;
  padding: 60px 0 90px 0;
  color: #4d4d4d;
}
.press > .inner > .subtitle {
  font-size: 28.8pt;
  text-align: left;
  color: #4d4d4d;
}
.press > .inner > .articles {
  padding: 20px 0;
}
.press > .inner > .articles > .article {
  display: block;
  border-bottom: 2px solid #4d4d4d;
  padding: 20px 0;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #4d4d4d;
}
.press > .inner > .articles > .article.on {
  display: block;
}
.press > .inner > .articles > .article.off {
  display: none;
}
.press > .inner > .articles > .article:hover > .title {
  color: #009bff;
}
.press > .inner > .articles > .article:first-child {
  border-top: 2px solid #4d4d4d;
}
.press > .inner > .articles > .article > .date,
.press > .inner > .articles > .article > .source,
.press > .inner > .articles > .article > .title {
  display: inline;
  font-size: 16.8pt;
}
.press > .inner > .articles > .article > .date {
  padding: 0 20px 0 0;
  color: #009bff;
}
.press > .inner > .articles > .article > .date,
.press > .inner > .articles > .article > .source {
  font-family: 'proxima-nova';
  font-weight: 600;
  font-style: normal;
}
.press > .inner > .articles > .article > .title {
  font-family: 'proxima-nova';
  font-weight: 400;
  font-style: normal;
  color: #808080;
  padding: 0 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.press > .inquiries {
  padding: 60px 0 0 0;
}
.press > .inquiries > .copy,
.press > .inquiries > .email {
  font-size: 19.2pt;
  text-align: center;
}
.press > .inquiries > .copy {
  letter-spacing: 1px;
}
.press > .inquiries > .email {
  display: block;
  color: #808080;
}
.more {
  color: #009bff;
  font-family: 'proxima-nova';
  font-weight: 600;
  font-style: normal;
  font-style: italic;
  font-size: 17.6pt;
  text-decoration: underline;
  cursor: pointer;
  margin: 10px 0 0 10px;
}
.connect {
  padding: 60px 120px;
  max-width: 1440px;
  margin: auto;
}
.connect > .form {
  float: left;
  width: 50%;
}
.connect > .address {
  float: right;
  width: 50%;
}
.connect > .address > .inner {
  padding: 0 0 0 60px;
}
.connect > .address > .inner > .title {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 24pt;
}
.connect > .address > .inner > .copy {
  font-size: 16.8pt;
}
.connect > .address > .inner > .copy.email {
  padding: 40px 0 0 0;
}
.connect > .form > .inner > .subtitle {
  font-size: 16.8pt;
  padding: 0 0 20px 0;
}
.connect > .form > .inner > .fine {
  font-size: 9.6pt;
  padding: 20px 0 0 0;
}
.connect > .form > .inner > .cta {
  float: left;
  margin: 40px 0 80px 0;
  width: 50%;
}
.connect > .form > .inner > .cta > .copy {
  text-align: center;
}
.connect > .form > .inner > .inputs > .input {
  float: left;
}
.connect > .form > .inner > .inputs > .input.short {
  width: 50%;
}
.connect > .form > .inner > .inputs > .input.long {
  width: 100%;
}
.connect > .form > .inner > .inputs > .input > .inner {
  margin: 5px 10px 5px 0;
}
.connect > .form > .inner > .inputs > .input > .inner > input,
.connect > .form > .inner > .inputs > .input > .inner > textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  border: none;
  padding: 20px;
  font-size: 13.6pt;
  background-color: #f5f5f5;
  color: #4d4d4d;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
.connect > .form > .inner > .inputs > .input > .inner > input::-webkit-input-placeholder,
.connect > .form > .inner > .inputs > .input > .inner > textarea::-webkit-input-placeholder {
  color: #4d4d4d;
}
.connect > .form > .inner > .inputs > .input > .inner > input:-moz-placeholder,
.connect > .form > .inner > .inputs > .input > .inner > textarea:-moz-placeholder {
  color: #4d4d4d;
}
.connect > .form > .inner > .inputs > .input > .inner > input::-moz-placeholder,
.connect > .form > .inner > .inputs > .input > .inner > textarea::-moz-placeholder {
  color: #4d4d4d;
}
.connect > .form > .inner > .inputs > .input > .inner > input:-ms-input-placeholder,
.connect > .form > .inner > .inputs > .input > .inner > textarea:-ms-input-placeholder {
  color: #4d4d4d;
}
.connect > .form > .inner > .radio {
  width: 60%;
  padding: 30px 0 0 0;
}
.connect > .form > .inner > .radio > .title {
  font-size: 13.6pt;
  padding: 0 0 10px 0;
}
.connect > .form > .inner > .radio > .option {
  font-size: 13.6pt;
  padding: 5px;
  cursor: pointer;
}
.connect > .form > .inner > .radio > .option:hover {
  background-color: #f5f5f5;
}
.connect > .form > .inner > .radio > .option:hover > .label.name {
  color: #009bff;
}
.connect > .form > .inner > .radio > .option > label.name {
  padding: 5px 0;
  cursor: pointer;
  margin: 0 0 0 20px;
}
.connect > .form > .inner > .radio > .option > .value {
  float: left;
}
.connect > .form > .inner > .radio.sub > .option > label.name {
  margin: 0 0 0 20px;
}
.connect > .form > .inner > .radio.sub > .option > .value {
  float: left;
}
.cases > .loading {
  height: 730px;
  background-color: rgba(0,0,0,0.8);
  margin: 0 0 730px 0;
}
.cases > .loading.off {
  display: none;
}
.cases > .loading.on {
  display: block;
}
.cases > .loading > .bar {
  height: 120px;
  background-color: #000;
  margin: 480px 0 0 0;
}
.cases > .case.case_electrification > .top {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/electrification_hero.png");
}
.cases > .case.case_electrification > .observation > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/electrification_grid.jpg");
  height: 332px;
}
.cases > .case.case_electrification > .study > .inner > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/electrification_map.png");
  height: 1015px;
}
.cases > .case.case_bloomberg > .top {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/bloomberg_hero.png");
}
.cases > .case.case_bloomberg > .observation > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/bloomberg_grid.png");
  height: 369px;
}
.cases > .case.case_bloomberg > .study > .inner > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/bloomberg_graph.png");
  height: 780px;
}
.cases > .case.case_cpg > .top {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/cpg_hero.png");
}
.cases > .case.case_cpg > .observation > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/cpg_shelves.png");
  height: 404px;
}
.cases > .case.case_cpg > .study > .inner > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/cpg_shelves2.png");
  height: 1138px;
}
.cases > .case.case_standard > .top {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/standard_hero.png");
}
.cases > .case.case_standard > .observation > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/standard_grid.png");
  height: 364px;
}
.cases > .case.case_standard > .study > .inner > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/standard_chart.png");
  height: 766px;
}
.cases > .case.case_ebola > .top {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/ebola_hero.png");
}
.cases > .case.case_ebola > .observation > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/ebola_grid.png");
  height: 366px;
}
.cases > .case.case_ebola > .study > .inner > .image {
  background-image: url("/web/20150402023159/http://www.premise.com/img/case/ebola_map.png");
  height: 1015px;
}
.cases > .case.off {
  display: none;
}
.cases > .case.on {
  display: block;
}
.cases > .case > .top {
  height: 730px;
  background-color: #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
}
.cases > .case > .nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  padding: 20px 0 0 0;
  margin: -200px auto 0 auto;
}
.cases > .case > .nav.navbottom {
  background-color: #333;
  margin: 0 auto 60px auto;
}
.cases > .case > .nav.navbottom > .inner > .middle {
  text-align: center;
}
.cases > .case > .nav > .inner {
  max-width: 1440px;
  margin: auto;
  position: relative;
}
.cases > .case > .nav > .inner > .arrow {
  width: 90px;
  cursor: pointer;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.cases > .case > .nav > .inner > .arrow:hover > .box {
  border-left: 2px solid #009bff;
  border-top: 2px solid #009bff;
}
.cases > .case > .nav > .inner > .arrow > .box {
  width: 70px;
  height: 70px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
}
.cases > .case > .nav > .inner > .arrow.left {
  float: left;
  margin: 0 0 0 130px;
}
.cases > .case > .nav > .inner > .arrow.left > .box {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 40px 0 0 10px;
}
.cases > .case > .nav > .inner > .arrow.right {
  float: right;
  margin: 0 130px 0 0;
}
.cases > .case > .nav > .inner > .arrow.right > .box {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin: 40px 0 0 0;
}
.cases > .case > .nav > .inner > .middle {
  margin: 0 220px;
  height: 180px;
}
.cases > .case > .nav > .inner > .middle > .label {
  font-size: 16pt;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  padding: 20px 0 10px 0px;
  -webkit-animation: inleft 0.2s 0s ease-in-out both;
  -moz-animation: inleft 0.2s 0s ease-in-out both;
  -o-animation: inleft 0.2s 0s ease-in-out both;
  -ms-animation: inleft 0.2s 0s ease-in-out both;
  animation: inleft 0.2s 0s ease-in-out both;
}
.cases > .case > .nav > .inner > .middle > .titleA,
.cases > .case > .nav > .inner > .middle > .titleB,
.cases > .case > .nav > .inner > .middle > .titleC {
  font-size: 22.4pt;
  padding: 0 0 0 0;
}
.cases > .case > .nav > .inner > .middle > .titleC {
  padding: 5px 0 0 0;
}
.cases > .case > .nav > .inner > .middle > .titleA,
.cases > .case > .nav > .inner > .middle > .titleC {
  -webkit-animation: inleft 0.2s 0.1s ease-in-out both;
  -moz-animation: inleft 0.2s 0.1s ease-in-out both;
  -o-animation: inleft 0.2s 0.1s ease-in-out both;
  -ms-animation: inleft 0.2s 0.1s ease-in-out both;
  animation: inleft 0.2s 0.1s ease-in-out both;
}
.cases > .case > .nav > .inner > .middle > .titleB {
  -webkit-animation: inleft 0.2s 0.2s ease-in-out both;
  -moz-animation: inleft 0.2s 0.2s ease-in-out both;
  -o-animation: inleft 0.2s 0.2s ease-in-out both;
  -ms-animation: inleft 0.2s 0.2s ease-in-out both;
  animation: inleft 0.2s 0.2s ease-in-out both;
}
.cases > .case > .who {
  max-width: 1440px;
  margin: auto;
  padding: 55px 0 42px 0;
}
.cases > .case > .who > .type {
  float: left;
  background-color: #009bff;
  padding: 6px 20px;
  color: #fff;
  -webkit-animation: infade 0.2s 0.1s ease-in-out both;
  -moz-animation: infade 0.2s 0.1s ease-in-out both;
  -o-animation: infade 0.2s 0.1s ease-in-out both;
  -ms-animation: infade 0.2s 0.1s ease-in-out both;
  animation: infade 0.2s 0.1s ease-in-out both;
  margin: 0 0 0 220px;
  font-size: 8.8pt;
  font-family: 'proxima-nova';
  font-weight: 400;
  font-style: normal;
}
.cases > .case > .who > .title {
  margin: 3px 220px 0 310px;
  font-size: 14.4pt;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
}
.cases > .case > .problem,
.cases > .case > .solution {
  max-width: 1440px;
  margin: auto;
  padding: 0 0 20px 0;
}
.cases > .case > .problem.solution,
.cases > .case > .solution.solution {
  padding: 41px 0 20px 0;
}
.cases > .case > .problem > .label,
.cases > .case > .solution > .label {
  font-size: 16pt;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  margin: 0 0 0 220px;
}
.cases > .case > .problem > .copy,
.cases > .case > .solution > .copy {
  font-size: 14.4pt;
  line-height: 21.6pt;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
  padding: 11px 0 0 0;
  margin: 0 220px 0 220px;
}
.cases > .case > .problem > .copy {
  -webkit-animation: inleft 0.2s 0.3s ease-in-out both;
  -moz-animation: inleft 0.2s 0.3s ease-in-out both;
  -o-animation: inleft 0.2s 0.3s ease-in-out both;
  -ms-animation: inleft 0.2s 0.3s ease-in-out both;
  animation: inleft 0.2s 0.3s ease-in-out both;
}
.cases > .case > .solution > .copy {
  -webkit-animation: inleft 0.2s 0.4s ease-in-out both;
  -moz-animation: inleft 0.2s 0.4s ease-in-out both;
  -o-animation: inleft 0.2s 0.4s ease-in-out both;
  -ms-animation: inleft 0.2s 0.4s ease-in-out both;
  animation: inleft 0.2s 0.4s ease-in-out both;
}
.cases > .case > .observation {
  padding: 20px 0;
  max-width: 1440px;
  margin: auto;
}
.cases > .case > .observation > .title {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 20.8pt;
  text-align: center;
  padding: 42px 0 50px 0;
  margin: 0 220px;
}
.cases > .case > .observation > .image {
  background-color: #000;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  margin: 0 220px;
}
.cases > .case > .study {
  padding: 20px 0px 60px 0;
  margin: 60px auto 0 auto;
  background-color: #fafafa;
}
.cases > .case > .study > .inner {
  margin: auto;
  max-width: 1440px;
}
.cases > .case > .study > .inner > .title {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 20.8pt;
  padding: 43px 0 0 0;
  margin: 0 0 0 220px;
}
.cases > .case > .study > .inner > .title.centered {
  text-align: center;
  padding: 60px 0 60px 0;
  margin: 0;
}
.cases > .case > .study > .inner > .desc {
  font-size: 14.4pt;
  line-height: 21.6pt;
  padding: 10px 0 60px 0;
  margin: 0 220px 0 220px;
}
.cases > .case > .study > .inner > .image {
  margin: auto;
  min-height: 400px;
  background-color: #000;
  margin: 0 220px;
  background-position: top;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fafafa;
}
.cases > .bottomcontact {
  padding: 60px 0 90px 0;
}
.cases > .bottomcontact > .copy {
  font-size: 24pt;
  text-align: center;
  padding: 0 0 40px 0;
}
.cases > .bottomcontact > .cta {
  width: 250px;
  margin: auto;
}
@-moz-keyframes inleft {
  from {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes inleft {
  from {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes inleft {
  from {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes inleft {
  from {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes infade {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes infade {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes infade {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes infade {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.footer {
  background-color: #333;
  padding: 60px 0;
  color: #fff;
}
.footer > .inner {
  padding: 0 60px;
  max-width: 1440px;
  margin: auto;
}
.footer > .inner > .left {
  float: left;
}
.footer > .inner > .left > .sitemaps > .sitemap {
  padding: 0 15px 0 0;
  float: left;
}
.footer > .inner > .left > .sitemaps > .sitemap > .title,
.footer > .inner > .left > .sitemaps > .sitemap > .item {
  padding: 7px 15px 7px 15px;
  font-size: 12pt;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
.footer > .inner > .left > .sitemaps > .sitemap > .title {
  text-transform: uppercase;
}
.footer > .inner > .left > .sitemaps > .sitemap > .item {
  display: block;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.footer > .inner > .left > .sitemaps > .sitemap > .item:hover {
  background-color: #808080;
}
.footer > .inner > .right {
  float: right;
}
.footer > .inner > .right > .icons > .icon {
  float: left;
  padding: 5px 11px 0 0;
  cursor: pointer;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.footer > .inner > .right > .icons > .icon.last {
  padding: 5px 0 0 0;
}
.footer > .inner > .right > .icons > .icon:hover > svg > rect,
.footer > .inner > .right > .icons > .icon:hover > svg > g > rect {
  stroke: #009bff;
}
.footer > .inner > .right > .icons > .icon:hover > svg > g > rect.rectfill {
  fill: #009bff;
}
.footer > .inner > .right > .icons > .icon:hover > svg > g > path,
.footer > .inner > .right > .icons > .icon:hover > svg > g > circle {
  fill: #009bff;
}
.footer > .inner > .right > .signup {
  padding: 20px 0 10px 0;
}
.footer > .inner > .right > .signup > .title {
  font-size: 11.2pt;
  padding: 0 0 24px 0;
}
.footer > .inner > .right > .signup > form.signupform > input.email {
  float: left;
  background-color: #7a7a7a;
  color: #000;
  padding: 11px 20px;
  border: none;
  font-size: 12pt;
  width: 174px;
  color: #fff;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
.footer > .inner > .right > .signup > form.signupform > input.email::-webkit-input-placeholder {
  color: #333;
  padding: 0;
}
.footer > .inner > .right > .signup > form.signupform > input.email:-moz-placeholder {
  color: #333;
  padding: 0;
}
.footer > .inner > .right > .signup > form.signupform > input.email::-moz-placeholder {
  color: #333;
  padding: 0;
}
.footer > .inner > .right > .signup > form.signupform > input.email:-ms-input-placeholder {
  color: #333;
  padding: 0;
}
.footer > .inner > .right > .signup > form.signupform > input.submit {
  cursor: pointer;
  float: left;
  border: none;
  font-size: 12pt;
  background-color: #fff;
  padding: 11px;
  width: 85px;
  font-family: 'proxima-nova';
  font-weight: 600;
  font-style: normal;
}
.footer > .inner > .right > .copyright {
  padding: 15px 10px 0 0;
  font-size: 9.6pt;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
  font-size: 12pt;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
  letter-spacing: 1px;
  background-color: #000;
  color: #4d4d4d;
}
body::-webkit-input-placeholder {
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
body:-moz-placeholder {
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
body::-moz-placeholder {
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
body:-ms-input-placeholder {
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
body.noscroll {
  overflow: hidden;
}
input-placeholder {
  color: #4d4d4d;
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
.container {
  margin: auto;
  background-color: #fff;
}
.errorpage {
  padding: 210px 0 180px 0;
}
.errorpage > .cta {
  width: 200px;
  margin: auto;
  text-align: center;
}
.copyblock {
  font-size: 24pt;
  padding: 60px 60px 20px 60px;
  text-align: center;
  color: #4d4d4d;
}
.copyblock.closer {
  padding: 60px 90px 20px 90px;
}
.copyblock.lineheight {
  line-height: 32pt;
}
.copyblock.max {
  max-width: 1440px;
  margin: auto;
}
.copyblock.copycareers {
  padding: 60px 130px 6px 130px;
}
.copyblock.contributors {
  padding: 83px 120px 20px 120px;
}
.copyblock > .copy {
  padding: 0 0 35px 0;
}
.copyblock.block1 {
  text-transform: uppercase;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  margin: 0 0 0 0;
  letter-spacing: 1px;
  font-size: 21.6pt;
  padding: 50px 60px 10px 60px;
}
.copyblock.block1 > .copy {
  width: 880px;
  margin: auto;
}
.copyblock > .copybold {
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 22.4pt;
}
.copyblock > .copylight {
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
}
.copyblock > .copysmaller {
  font-family: 'proxima-nova';
  font-weight: 100;
  font-style: normal;
  font-size: 19.2pt;
}
.blue {
  color: #009bff;
}
.cta {
  display: block;
  border: 3px solid #009bff;
  text-decoration: none;
  -webkit-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -ms-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  cursor: pointer;
}
.cta > .copy {
  text-align: center;
}
.cta:hover {
  background-color: #009bff;
}
.cta:hover > .copy {
  color: #fff;
}
.cta > .copy {
  letter-spacing: 2px;
  padding: 24px 40px;
  color: #009bff;
  font-family: 'proxima-nova-condensed';
  font-weight: 600;
  font-style: normal;
  font-size: 13.6pt;
  -webkit-transition: color 0.1s linear 0.1s;
  -moz-transition: color 0.1s linear 0.1s;
  -o-transition: color 0.1s linear 0.1s;
  -ms-transition: color 0.1s linear 0.1s;
  transition: color 0.1s linear 0.1s;
}
@media all and (min-width: 1px) and (max-width: 1126px) {
  .container > .dots {
    display: none;
  }
  .container > .fade {
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
  }
  .container > .fade.on {
    display: block;
  }
  .container > .fade.off {
    display: none;
  }
  .container > .header > .inner {
    padding: 0 0 0 10px;
    position: relative;
  }
  .container > .header > .inner > .hfade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
  }
  .container > .header > .inner > .hfade.off {
    display: none;
  }
  .container > .header > .inner > .hfade.on {
    display: block;
  }
  .container > .header > .inner > .logo {
    width: 130px;
    height: 45px;
  }
  .container > .header > .inner > .logo > svg {
    margin: 2px 10px;
    width: 110px;
    height: 44px;
  }
  .container > .header > .inner > .menu {
    display: none;
  }
  .container > .header > .inner > .hamburger {
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 15px;
    float: right;
    display: block;
    width: 25px;
    height: 30px;
    -webkit-transition: -webkit-transform 0.2s linear, background-color 0.1s linear 0.2s;
    -moz-transition: -moz-transform 0.2s linear, background-color 0.1s linear 0.2s;
    -o-transition: -o-transform 0.2s linear, background-color 0.1s linear 0.2s;
    -ms-transition: -ms-transform 0.2s linear, background-color 0.1s linear 0.2s;
    transition: transform 0.2s linear, background-color 0.1s linear 0.2s;
    z-index: 30;
  }
  .container > .header > .inner > .hamburger.on {
    background-color: #333;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .container > .header > .inner > .hamburger.on > .line:first-child {
    -webkit-transform: rotate(-45deg) translate(-3px, 6px);
    -moz-transform: rotate(-45deg) translate(-3px, 6px);
    -o-transform: rotate(-45deg) translate(-3px, 6px);
    -ms-transform: rotate(-45deg) translate(-3px, 6px);
    transform: rotate(-45deg) translate(-3px, 6px);
  }
  .container > .header > .inner > .hamburger.on > .line:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .container > .header > .inner > .hamburger.on > .line:last-child {
    -webkit-transform: rotate(45deg) translate(-5px, -8px);
    -moz-transform: rotate(45deg) translate(-5px, -8px);
    -o-transform: rotate(45deg) translate(-5px, -8px);
    -ms-transform: rotate(45deg) translate(-5px, -8px);
    transform: rotate(45deg) translate(-5px, -8px);
  }
  .container > .header > .inner > .hamburger.off {
    background-color: none;
    -webkit-transition: -webkit-transform 0.2s linear, background-color 0s linear 0s;
    -moz-transition: -moz-transform 0.2s linear, background-color 0s linear 0s;
    -o-transition: -o-transform 0.2s linear, background-color 0s linear 0s;
    -ms-transition: -ms-transform 0.2s linear, background-color 0s linear 0s;
    transition: transform 0.2s linear, background-color 0s linear 0s;
  }
  .container > .header > .inner > .hamburger > .line {
    height: 3px;
    background-color: #fff;
    margin: 5px 0;
    -webkit-transition: -webkit-transform 0.2s linear 0, opacity 0.1s linear 0;
    -moz-transition: -moz-transform 0.2s linear 0, opacity 0.1s linear 0;
    -o-transition: -o-transform 0.2s linear 0, opacity 0.1s linear 0;
    -ms-transition: -ms-transform 0.2s linear 0, opacity 0.1s linear 0;
    transition: transform 0.2s linear 0, opacity 0.1s linear 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .container > .header > .inner > .mobilemenu {
    z-index: 20;
    overflow: hidden;
    position: absolute;
    top: 0px;
    padding: 44px 0 0 0;
    right: 0;
    width: 220px;
    height: 1200px;
    background-color: #333;
    display: block;
    -webkit-transition: -webkit-transform 0.2s linear 0, opacity 0.2s linear 0;
    -moz-transition: -moz-transform 0.2s linear 0, opacity 0.2s linear 0;
    -o-transition: -o-transform 0.2s linear 0, opacity 0.2s linear 0;
    -ms-transition: -ms-transform 0.2s linear 0, opacity 0.2s linear 0;
    transition: transform 0.2s linear 0, opacity 0.2s linear 0;
    font-size: 12.8pt;
  }
  .container > .header > .inner > .mobilemenu.on {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .container > .header > .inner > .mobilemenu.off {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transform: translate(220px, 0);
    -moz-transform: translate(220px, 0);
    -o-transform: translate(220px, 0);
    -ms-transform: translate(220px, 0);
    transform: translate(220px, 0);
  }
  .container > .header > .inner > .mobilemenu > .inner {
    position: relative;
  }
  .container > .header > .inner > .mobilemenu > .inner > .page {
    position: absolute;
    width: 220px;
    height: 100%;
    top: 0;
    right: 0;
    -webkit-transition: -webkit-transform 0.2s linear 0, opacity 0.2s linear 0;
    -moz-transition: -moz-transform 0.2s linear 0, opacity 0.2s linear 0;
    -o-transition: -o-transform 0.2s linear 0, opacity 0.2s linear 0;
    -ms-transition: -ms-transform 0.2s linear 0, opacity 0.2s linear 0;
    transition: transform 0.2s linear 0, opacity 0.2s linear 0;
  }
  .container > .header > .inner > .mobilemenu > .inner > .page.off {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(220px, 0);
    -moz-transform: translate(220px, 0);
    -o-transform: translate(220px, 0);
    -ms-transform: translate(220px, 0);
    transform: translate(220px, 0);
  }
  .container > .header > .inner > .mobilemenu > .inner > .page.on {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .container > .header > .inner > .mobilemenu > .inner > .page > .item {
    text-decoration: none;
    height: 60px;
    display: block;
    background-color: #333;
    line-height: 60px;
    padding: 0 18px 0 40px;
  }
  .container > .header > .inner > .mobilemenu > .inner > .page > .item:hover {
    background-color: #009bff;
  }
  .container > .header > .inner > .mobilemenu > .inner > .page > .item > .copy {
    color: #fff;
  }
  .container > .header > .inner > .mobilemenu > .inner > .page > .item > .carrot {
    float: right;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 10px;
    margin: 10px 0 0 0;
  }
  .container > .header > .inner > .mobilemenu > .inner > .page > .item > .carrot.left {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    float: left;
  }
  .container > .header > .inner > .mobilemenu > .inner > .page > .item > .carrot > svg {
    width: inherit;
    height: inherit;
  }
  .container > .header > .inner > .mobilemenu > .inner > .page > .item > .carrot > svg > path {
    stroke: #fff;
  }
  .container > .footer {
    padding: 10px 0;
  }
  .container > .footer > .inner {
    padding: 0 10px;
  }
  .container > .herob {
    height: 500px;
  }
  .container > .herob > .inner > .title {
    font-size: 21.8pt;
    margin-top: -23px;
  }
  .container > .hero.herowork,
  .container > .herob.herowork,
  .container > .herowork.herowork,
  .container > .herocareers.herowork,
  .container .herofront.herowork {
    height: 362px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  .container > .hero.herowork > .inner > .title,
  .container > .herob.herowork > .inner > .title,
  .container > .herowork.herowork > .inner > .title,
  .container > .herocareers.herowork > .inner > .title,
  .container .herofront.herowork > .inner > .title {
    font-size: 22.4pt;
    width: 220px;
    margin: -43px auto 0 auto;
  }
  .container > .hero.herowork > .inner > .title > .bigger,
  .container > .herob.herowork > .inner > .title > .bigger,
  .container > .herowork.herowork > .inner > .title > .bigger,
  .container > .herocareers.herowork > .inner > .title > .bigger,
  .container .herofront.herowork > .inner > .title > .bigger {
    font-size: 22.4pt;
  }
  .container > .home-hero-container > .herofront {
    border: none;
  }
  .container > .home-hero-container > .herofront > .overlay {
    height: 285px !important;
    padding-top: 0;
  }
  .container > .home-hero-container > .herofront > .overlay > .inner {
    display: block;
  }
  .container > .home-hero-container > .herofront > .overlay > .inner > .title {
    font-size: 22pt;
    height: 424px;
    height: 60px;
    text-align: center;
  }
  .container > .home-hero-container > .herofront > .overlay > .inner > .title > .bigger {
    font-size: 19.2pt;
  }
  .container > #video {
    display: none;
  }
  .container > #video.on {
    display: none;
  }
  .container > #video.off {
    display: none;
  }
  .container > .herocareers {
    height: 521px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    margin-bottom: 0;
  }
  .container > .herocareers > .inner > .title {
    margin-top: -30px;
    font-size: 24pt;
  }
  .container > .culturehero {
    height: 256px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
  .copyblock {
    font-size: 16pt !important;
    line-height: 16pt !important;
    padding: 40px 20px !important;
  }
  .copyblock.lineheight {
    line-height: 19.2pt !important;
  }
  .copyblock.block1 {
    padding: 5px 20px !important;
  }
  .copyblock > .copy {
    padding: 10px 0 10px 0 !important;
  }
  .copyblock > .copybold {
    font-size: 15pt !important;
  }
  .copyblock > .copylight {
    font-size: 15pt !important;
  }
  .copyblock.copycareers {
    padding: 20px !important;
  }
  .copyblock.block1 {
    margin: 0 0 0 0;
  }
  .copyblock.block1 > .copy {
    width: auto;
    padding: 0 0 0 0;
  }
  .tech {
    padding: 40px 0 40px 0;
  }
  .tech > .copyblock {
    padding: 25px 20px 0 20px !important;
  }
  .tech > .types > .type > .title {
    font-size: 16pt;
    padding: 10px 0 0 0;
  }
  .tech > .types > .type > .icon {
    width: 250px;
    height: 250px;
  }
  .tech > .types > .type > .desc {
    font-size: 11pt;
    height: 72px;
    padding: 0 20px;
  }
  .tech > .typemenu {
    margin: 10px auto 0 auto;
  }
  .cap {
    padding: 8px 10px 20px 10px;
  }
  .cap > .copyblock > .copy {
    padding: 18px 0 10px 0 !important;
  }
  .cap > .capmenu {
    width: 285px;
    margin: -36px auto 20px auto;
  }
  .cap > .capmenu > .item {
    font-size: 11.2pt;
    padding: 0 10px;
  }
  .cap > .capmenu > .line {
    width: 47px;
    height: 1px;
    margin: 8px 0 0 0;
  }
  .cap > .caps > .capitem > .left,
  .cap > .caps > .capitem > .right {
    float: none;
    width: 100%;
    padding: 20px 0 10px 0;
  }
  .cap > .caps > .capitem > .left > .image,
  .cap > .caps > .capitem > .right > .image {
    margin: auto;
    text-align: center;
  }
  .cap > .caps > .capitem > .left > .image > img,
  .cap > .caps > .capitem > .right > .image > img {
    width: 90%;
  }
  .cap > .caps > .capitem > .right > .title {
    font-size: 16pt;
    padding: 20px 0 10px 10px;
  }
  .cap > .caps > .capitem > .right > .desc {
    font-size: 12pt;
    padding: 0 0 10px 10px;
  }
  .cap > .caps > .capitem > .right > .caplist {
    font-size: 12pt;
    padding: 10px 0 10px 10px;
  }
  .cap > .caps > .capitem > .right > .cta {
    margin: 20px auto;
    width: 275px;
    float: none;
    text-align: center;
  }
  .cap > .caps > .capitem > .right > .cta > .copy {
    font-size: 12pt;
  }
  .grid {
    display: none;
  }
  .why {
    padding: 20px 10px 20px 10px;
  }
  .why > .reasons {
    margin: -40px 0 0 0;
  }
  .why > .reasons > .reason {
    float: none;
    width: 100%;
  }
  .why > .reasons > .reason > .icon {
    width: 150px;
    height: 150px;
  }
  .why > .reasons > .reason > .title {
    margin: 10px 0 5px 0;
  }
  .why > .reasons > .reason > .desc {
    margin: 0 0 20px 0;
    font-size: 11pt;
  }
  .contact {
    margin: 0 10px 60px 10px;
  }
  .contact > .cta.contact > .copy {
    padding: 20px 0;
  }
  .people {
    padding: 20px 0 20px 0;
  }
  .people > .title {
    font-size: 17pt;
    padding: 20px 0 36px 0;
  }
  .people > .group {
    margin: 0 40px 10px 40px !important;
  }
  .people > .group > .profile {
    width: 100% !important;
    float: none;
    margin: 0 0 30px 0;
  }
  .people > .group > .profile > .inner {
    margin: 0 !important;
  }
  .people > .group > .profile > .inner > .picture {
    margin: 10px 10px 10px 0;
  }
  .investors {
    padding: 0 10px 10px 10px;
  }
  .investors > .copyblock {
    padding: 40px 20px 0 20px !important;
  }
  .investors > .image {
    margin: 10px auto 0 auto;
  }
  .investors > .image > img {
    width: auto;
    margin: auto;
  }
  .investors > .image > img.desktop {
    display: none;
  }
  .investors > .image > img.mobile {
    display: block;
  }
  .advisors.group > .profile > .inner > .picture {
    display: none;
  }
  .ctas {
    margin: 10px 0 0 0;
    padding: 10px 10px 52px 10px;
  }
  .ctas > .inner > .acta {
    float: none;
    width: auto;
    margin-bottom: 70px;
  }
  .ctas > .inner > .acta > .inner {
    margin: 10px;
    padding: 0;
  }
  .ctas > .inner > .acta > .inner > .title {
    padding: 80px 0 40px 0;
    font-size: 18pt;
  }
  .ctas > .inner > .acta > .inner > .cta {
    margin: 0 auto 20px auto;
    width: 250px;
  }
  .ctas > .inner > .acta > .inner > .cta > .cta {
    padding: 18px 40px;
  }
  .locs > .title {
    font-size: 16pt;
  }
  .locs > .map {
    width: 100%;
    height: auto;
  }
  .locs > .map > img {
    display: block;
    width: inherit;
    height: inherit;
  }
  .testis {
    padding: 0px 10px 20px 10px;
  }
  .testis > .testi.right {
    text-align: center;
  }
  .testis > .testi.left > .image,
  .testis > .testi.right > .image {
    float: none;
    margin: auto;
    width: 150px;
    height: 150px;
  }
  .testis > .testi.left > .name,
  .testis > .testi.right > .name {
    padding: 20px 0 0 0;
    text-align: center;
  }
  .testis > .testi.left > .loc,
  .testis > .testi.right > .loc {
    padding: 0 0 0 0;
    text-align: center;
  }
  .testis > .testi.left > .quote,
  .testis > .testi.right > .quote {
    padding: 10px;
    font-size: 16pt;
    text-align: center;
  }
  .get {
    border-top: none;
  }
  .get > .block.left,
  .get > .block.right {
    float: none;
    width: 100%;
  }
  .get > .block.left > .inner,
  .get > .block.right > .inner {
    border-right: none;
    border-top: 1px solid #d4d4d4;
    height: auto;
    padding: 0 0 108px 0;
  }
  .get > .block.left > .inner > .title,
  .get > .block.right > .inner > .title,
  .get > .block.left > .inner > .download > .title,
  .get > .block.right > .inner > .download > .title {
    font-size: 16pt;
    padding: 105px 0 30px 0;
  }
  .get > .block.left > .inner > .cta,
  .get > .block.right > .inner > .cta,
  .get > .block.left > .inner > .download > .cta,
  .get > .block.right > .inner > .download > .cta {
    width: 250px;
    margin: 10px auto;
  }
  .get > .block.left > .inner > .cta > .copy,
  .get > .block.right > .inner > .cta > .copy,
  .get > .block.left > .inner > .download > .cta > .copy,
  .get > .block.right > .inner > .download > .cta > .copy {
    padding: 20px 10px;
    font-size: 11.2pt;
  }
  .get > .block.right > .inner {
    padding: 0 0 20px 0 !important;
  }
  .border {
    margin: 20px 0;
  }
  .copyblock.ben {
    padding: 40px 20px 20px 20px !important;
  }
  .benefits {
    padding: 10px 50px 40px 50px;
  }
  .benefits > .inner > .benefit {
    width: 100%;
    padding: 10px 0;
  }
  .benefits > .inner > .benefit > .icon {
    margin: 0;
    width: 40px;
    height: 40px;
  }
  .benefits > .inner > .benefit > .name {
    font-size: 15pt;
    line-height: 40px;
  }
  .copyblock.whatt {
    padding: 40px 20px 0 20px !important;
  }
  .listing {
    padding: 10px 40px 60px 40px;
  }
  .listing > .item {
    font-size: 14.4pt;
  }
  .currentopenings {
    padding: 60px 20px 20px 20px;
    border-top: 1px solid #d4d4d4;
  }
  .currentopenings > .title {
    font-size: 20pt;
  }
  .currentopenings > .openings {
    margin: 0 0 0 0;
  }
  .currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item {
    max-height: 72px;
  }
  .currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item > h3.whr-title {
    font-size: 12.8pt;
  }
  .currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item > ul.whr-info > li.whr-dept {
    display: none;
  }
  .currentopenings > .openings > #whr_embed_hook > ul.whr-items > li.whr-item > ul.whr-info > li.whr-location {
    float: none;
    font-style: normal;
    margin: -13px 0 10px -37px;
  }
  .start > .download {
    margin: 0 0 -40px 0;
  }
  .start > .faq {
    padding: 90px 0 40px 0;
  }
  .start > .features {
    margin: 10px 0;
  }
  .start > .features > .feature {
    padding: 20px 0 0px 0;
  }
  .start > .features > .feature > .desc {
    width: auto;
    margin: 10px 0 0 0;
  }
  .start > .features > .feature > .desc > .number {
    float: none;
    text-align: center;
    margin: 0 30px 3px 0;
  }
  .start > .features > .feature > .desc > .line {
    margin: 0px auto 58px auto;
    float: none;
  }
  .start > .features > .feature > .desc > .copy {
    font-size: 13.8pt;
    line-height: 17.8pt;
    margin: 0 20px 40px 20px;
    text-align: center;
  }
  .start > .features > .feature > .shot {
    width: auto;
  }
  .start > .features > .feature.right > .desc,
  .start > .features > .feature.left > .desc {
    float: none;
    padding: 0 10px 20px 10px;
  }
  .start > .features > .feature.right > .shot,
  .start > .features > .feature.left > .shot {
    float: none;
  }
  .start > .features > .feature.right > .shot > .picture,
  .start > .features > .feature.left > .shot > .picture {
    width: 250px;
    height: 382px;
  }
  .start > .features > .feature.right > .shot > .picture > img,
  .start > .features > .feature.left > .shot > .picture > img {
    width: 207px;
    margin: 49px 0 0 22px;
  }
  .start .features > .bottom {
    height: 10px;
  }
  .faq {
    padding: 40px 0;
  }
  .faq > .title {
    font-size: 15pt;
    padding: 25px 0 47px 0;
  }
  .faq > .questions {
    padding: 20px;
  }
  .faq > .questions > .title {
    font-size: 16.8pt;
  }
  .faq > .questions > .block {
    font-size: 14.4pt;
  }
  .faq > .questions > .block > .answer {
    font-size: 12.8pt;
  }
  .connect {
    padding: 60px 20px;
    color: #808080;
    font-family: 'proxima-nova';
    font-weight: 400;
    font-style: normal;
  }
  .connect > .form {
    float: none;
    width: auto;
  }
  .connect > .address {
    float: none;
    width: auto;
  }
  .connect > .address > .inner {
    padding: 0 0 0 10px;
  }
  .connect > .address > .inner > .title {
    font-size: 12pt;
    color: #333;
  }
  .connect > .address > .inner > .copy {
    font-size: 10pt;
  }
  .connect > .address > .inner > .copy.email {
    color: #009bff;
  }
  .connect > .form > .inner > .subtitle {
    font-size: 11pt;
    padding: 40px 10px;
  }
  .connect > .form > .inner > .cta {
    width: auto;
    float: none;
    margin: 82px 0 50px 0;
  }
  .connect > .form > .inner > .inputs > .input.short {
    width: 100%;
  }
  .connect > .form > .inner > .inputs > .input > .inner > input,
  .connect > .form > .inner > .inputs > .input > .inner > textarea {
    font-size: 11pt;
    color: #808080;
    font-family: 'proxima-nova';
    font-weight: 400;
    font-style: normal;
  }
  .connect > .form > .inner > .inputs > .input > .inner > input::-webkit-input-placeholder,
  .connect > .form > .inner > .inputs > .input > .inner > textarea::-webkit-input-placeholder {
    color: #808080;
  }
  .connect > .form > .inner > .inputs > .input > .inner > input:-moz-placeholder,
  .connect > .form > .inner > .inputs > .input > .inner > textarea:-moz-placeholder {
    color: #808080;
  }
  .connect > .form > .inner > .inputs > .input > .inner > input::-moz-placeholder,
  .connect > .form > .inner > .inputs > .input > .inner > textarea::-moz-placeholder {
    color: #808080;
  }
  .connect > .form > .inner > .inputs > .input > .inner > input:-ms-input-placeholder,
  .connect > .form > .inner > .inputs > .input > .inner > textarea:-ms-input-placeholder {
    color: #808080;
  }
  .connect > .form > .inner > .inputs > .input > .inner > textarea {
    height: 224px;
  }
  .connect > .form > .inner > .radio {
    width: auto;
    font-size: 11pt;
  }
  .connect > .form > .inner > .radio > .option {
    font-size: 11pt;
  }
  .connect > .form > .inner > .radio > .title {
    font-size: 11pt;
  }
  .status {
    width: 95%;
    left: 2%;
    margin-left: 0;
  }
  .status > .copy {
    width: auto;
    margin: 0.7em 0 0.7em 1em;
  }
  .more {
    font-size: 15pt;
    padding: 10px 0 0 0;
  }
  .press > .inner {
    margin: 0 20px;
  }
  .press > .inner > .title {
    font-size: 15pt;
    padding: 25px 0 47px 0;
  }
  .press > .inner > .subtitle {
    font-size: 16.8pt;
  }
  .press > .inner > .articles > .article {
    padding: 17px 0;
  }
  .press > .inner > .articles > .article > .date,
  .press > .inner > .articles > .article > .source,
  .press > .inner > .articles > .article > .title {
    font-size: 12.8pt;
  }
  .press > .inner > .articles > .article > .date {
    padding: 0 10px 0 0;
  }
  .press > .inner > .articles > .article > .title {
    display: block;
    padding: 5px 0 0 0;
  }
  .press > .inquiries {
    padding: 50px 0 0 0;
  }
  .press > .inquiries > .copy,
  .press > .inquiries > .email {
    font-family: 'proxima-nova';
    font-weight: 600;
    font-style: normal;
    font-size: 14pt;
  }
  .press > .inquiries > .email {
    text-decoration: none;
    color: #009bff;
  }
  .footer > .inner > .right {
    float: left;
  }
  .footer > .inner > .right > .icons {
    text-align: center;
  }
  .footer > .inner > .right > .icons > .icon {
    float: none;
    display: inline-block;
    padding: 20px 0;
    width: 19.5%;
  }
  .footer > .inner > .right > .icons > .icon > svg {
    width: 55px;
    height: 55px;
  }
  .footer > .inner > .right > .icons > .icon.first {
    margin: 0 0 0 0;
  }
  .footer > .inner > .right > .icons > .icon.last {
    margin: 0 0 0 0;
  }
  .footer > .inner > .right > .signup {
    padding: 0 10px;
  }
  .footer > .inner > .right > .signup > .title {
    text-align: center;
  }
  .footer > .inner > .right > .signup > form.signupform > input {
    width: 100% !important;
    display: block;
    float: none;
    margin: 5px 0;
    padding: 20px 0 !important;
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .footer > .inner > .right > .signup > form.signupform > input.submit {
    font-family: 'proxima-nova-condensed';
    font-weight: 600;
    font-style: normal;
    border: 3px solid #009bff;
    background-color: #333;
    color: #009bff;
    font-size: 12pt;
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .footer > .inner > .right > .copyright {
    text-align: center !important;
    padding: 20px 0;
  }
  .footer > .inner > .right {
    float: none;
  }
  .footer > .inner > .right > .copyright {
    text-align: right;
  }
  .footer > .inner > .left {
    float: none;
  }
  .footer > .inner > .left > .sitemaps {
    padding: 0 0 20px 0;
  }
  .footer > .inner > .left > .sitemaps > .sitemap {
    float: none;
    padding: 20px 0;
  }
  .footer > .inner > .left > .sitemaps > .sitemap > .title {
    padding: 10px 15px 20px 10px;
  }
  .footer > .inner > .left > .sitemaps > .sitemap > .item {
    padding: 10px 15px 10px 10px;
  }
  .footer > .inner > .left > .sitemaps > .sitemap > a.item {
    padding: 10px 15px 10px 10px;
  }
  .footer > .inner > .left > .sitemaps > .sitemap > a.item.stories {
    display: none;
  }
  .cases > .case.case_electrification > .observation > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/electrification_grid_m.jpg");
    height: 500px;
  }
  .cases > .case.case_electrification > .study > .inner > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/electrification_map_m.png");
    width: auto;
    height: 725px;
  }
  .cases > .case.case_bloomberg > .observation > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/eggs-grid_m.jpg");
    height: 400px;
  }
  .cases > .case.case_bloomberg > .study > .inner > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/bloomberg_graph_m.png");
    width: auto;
    height: 0;
    padding-top: 110% !important;
  }
  .cases > .case.case_cpg > .study > .inner > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/cpg_shelves2_m.png");
    width: auto;
    height: 0;
    padding-top: 420.64% !important;
  }
  .cases > .case.case_standard > .observation > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/nigeria-grid_m.jpg");
    height: 400px;
  }
  .cases > .case.case_standard > .study > .inner > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/standard_graph_m.jpg");
    width: auto;
    padding-top: 0;
    height: 350px;
    min-height: 350px !important;
    height: 0;
  }
  .cases > .case.case_ebola > .observation > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/ebola-grid_m.jpg");
    height: 400px;
  }
  .cases > .case.case_ebola > .study > .inner > .image {
    background-image: url("/web/20150402023159/http://www.premise.com/img/case/ebola_map_m.jpg");
    width: auto;
    height: 725px;
  }
  .cases > .case > .top {
    height: 318px;
    margin: 44px 0 0 0;
  }
  .cases > .case > .nav {
    margin-top: 0;
    height: 180px;
    background-color: #000;
    padding: 0;
  }
  .cases > .case > .nav > .inner > .arrow {
    width: 45px;
    height: 90px;
  }
  .cases > .case > .nav > .inner > .arrow > .box {
    width: 20px;
    height: 20px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
  }
  .cases > .case > .nav > .inner > .arrow.left {
    margin: 0;
  }
  .cases > .case > .nav > .inner > .arrow.right {
    margin: 0;
  }
  .cases > .case > .nav > .inner > .arrow.left > .box {
    margin: 80px 0 0 15px;
  }
  .cases > .case > .nav > .inner > .arrow.right > .box {
    margin: 80px 0 0 0;
  }
  .cases > .case > .nav > .inner > .middle {
    margin: 0 50px;
  }
  .cases > .case > .nav > .inner > .middle > .label {
    padding: 41px 0 0 5px;
    font-size: 14.4pt;
  }
  .cases > .case > .nav > .inner > .middle > .label.label_3 {
    padding: 33px 0 0 5px;
  }
  .cases > .case > .nav > .inner > .middle > .titleA,
  .cases > .case > .nav > .inner > .middle > .titleB,
  .cases > .case > .nav > .inner > .middle > .titleC {
    font-size: 11.2pt;
    padding: 5px 0 0 5px;
  }
  .cases > .case > .nav > .inner > .middle > .titleC {
    padding: 15px 0 0 5px;
  }
  .cases > .case > .who {
    padding: 31px 20px 0 20px;
  }
  .cases > .case > .who > .type {
    padding: 12px 26px;
    float: none;
    display: inline-block;
    margin: 0;
    font-size: 11pt;
  }
  .cases > .case > .who > .title {
    float: none;
    margin: 20px 0 15px 0;
    font-size: 16pt;
    clear: bloth;
  }
  .cases > .case > .problem,
  .cases > .case > .solution {
    padding: 20px !important;
  }
  .cases > .case > .problem > .label,
  .cases > .case > .solution > .label {
    margin: 0;
  }
  .cases > .case > .problem > .copy,
  .cases > .case > .solution > .copy {
    margin: 0;
    font-family: 'proxima-nova';
    font-weight: 100;
    font-style: normal;
    padding: 5px 0 0 0;
    font-size: 12pt;
    line-height: 15pt;
  }
  .cases > .case > .observation {
    padding: 0;
  }
  .cases > .case > .observation > .title {
    font-size: 16pt;
    margin: 0;
    padding: 20px 0;
  }
  .cases > .case > .observation > .image {
    margin: 0;
  }
  .cases > .case > .study {
    padding: 40px 0;
    margin: 0;
  }
  .cases > .case > .study > .inner > .title {
    font-size: 16pt;
    margin: 0;
    padding: 0 20px;
  }
  .cases > .case > .study > .inner > .desc {
    font-size: 12pt;
    line-height: 15pt;
    margin: 0;
    padding: 10px 20px 20px 20px;
  }
  .cases > .case > .study > .inner > .image {
    width: 100%;
    height: 0;
    padding-top: 10.64%;
    margin: 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
  }
  .cases > .bottomcontact {
    padding: 50px 20px 108px 20px;
  }
  .cases > .bottomcontact > .copy {
    font-size: 16pt;
    padding: 0 0 30px 0;
  }
  .cases > .bottomcontact > .cta {
    width: auto;
    margin: 0 20px;
  }
  .download {
    padding: 0 0 40px 0;
    margin: 0 0 0 0;
  }
  .download > .title {
    font-size: 16pt;
  }
  .download > .cta {
    width: 250px;
    margin: 10px auto;
  }
  .download > .cta > .copy {
    font-size: 11.2pt;
    padding: 20px 0;
    text-align: center;
  }
  .download > .scopy {
    width: auto;
    margin: 20px;
  }
  .cta.apply {
    width: 250px;
    margin: auto auto 100px auto;
    text-align: center;
  }
  .cta.apply > .copy {
    padding: 20px 40px;
  }
}
