.LightPurpleBack {
  background-color: #5d5d79; }

.LightPurpleText {
  color: #5d5d79; }

.PurpleBack {
  background-color: #454869; }

.PurpleText {
  color: #454869; }

.LightBlueBack {
  background-color: #7b96d1; }

.LightBlueText {
  color: #7b96d1; }

.BlueBack {
  background-color: #00294b; }

.BlueText {
  color: #00294b; }

.GreenBack {
  background-color: #bbe247; }

.GreenText {
  color: #bbe247; }

.GrayBack {
  background-color: #7e7d7d; }

.GrayText {
  color: #7e7d7d; }

.LightGrayBack {
  background-color: #d2d2d2; }

.LightGrayText {
  color: #d2d2d2; }

.YellowBack {
  background-color: #ffd800; }

.YellowText {
  color: #ffd800; }

.BlackBack {
  background-color: #262626; }

.BlackText {
  color: #262626; }

.WhiteBack {
  background-color: #ffffff; }

.WhiteText {
  color: #ffffff; }

.TransparentBack {
  background-color: transparent; }

.TransparentText {
  color: transparent; }

.ExtraLightGrayBack {
  background-color: #ededed; }

.ExtraLightGrayText {
  color: #ededed; }

.ExtraLightPurpleBack {
  background-color: #747495; }

.ExtraLightBlueBack {
  background-color: #a1b4de; }

body {
  margin: 0;
  color: #262626;
  font-family: "Open Sans", sans-serif;
  font-size: 21px;
  line-height: 1.75em; }

h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 1.25em;
  font-size: 225%; }

h2 {
  font-size: 160%; }

h3 {
  font-size: 120%; }

.TextCenter {
  text-align: center; }

.TextShadow {
  text-shadow: 2px 2px #262626; }

.ContainMargin {
  padding: 1px; }

.Contain {
  max-width: 1030px;
  margin: 0 auto;
  padding: 0 35px;
  position: relative;
  z-index: 100; }

h1, h2, h3, h4, h5, p {
  margin: .75em 0 .4em; }

.noscroll {
  overflow: hidden; }

.Overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1000; }
  .Overlay .Close {
    font-size: 50px;
    cursor: pointer;
    margin-top: 10px;
    display: block;
    text-align: right;
    margin-bottom: -16px; }
  .Overlay .Content {
    height: 100%;
    background-color: white;
    overflow-y: scroll; }

.Slanted {
  width: 100%;
  overflow: hidden;
  margin: -72.5px 0; }
  .Slanted .Contain {
    z-index: 50; }
  .Slanted .SlantLightPurple2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantLightPurple2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #454869; }
  .Slanted .SlantLightPurple2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantLightPurple2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantLightPurple2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantLightPurple2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantLightPurple2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantLightPurple2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantLightPurple2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #262626; }
  .Slanted .SlantLightPurple2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantLightPurple2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid transparent; }
  .Slanted .SlantLightPurple2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #5d5d79;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantPurple2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantPurple2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #454869; }
  .Slanted .SlantPurple2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantPurple2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantPurple2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantPurple2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantPurple2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantPurple2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantPurple2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #262626; }
  .Slanted .SlantPurple2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantPurple2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid transparent; }
  .Slanted .SlantPurple2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #454869;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantLightBlue2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantLightBlue2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #454869; }
  .Slanted .SlantLightBlue2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantLightBlue2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantLightBlue2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantLightBlue2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantLightBlue2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantLightBlue2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantLightBlue2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #262626; }
  .Slanted .SlantLightBlue2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantLightBlue2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid transparent; }
  .Slanted .SlantLightBlue2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7b96d1;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantBlue2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantBlue2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #454869; }
  .Slanted .SlantBlue2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantBlue2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantBlue2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantBlue2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantBlue2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantBlue2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantBlue2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #262626; }
  .Slanted .SlantBlue2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantBlue2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid transparent; }
  .Slanted .SlantBlue2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #00294b;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantGreen2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantGreen2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #454869; }
  .Slanted .SlantGreen2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantGreen2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantGreen2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantGreen2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantGreen2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantGreen2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantGreen2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #262626; }
  .Slanted .SlantGreen2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantGreen2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid transparent; }
  .Slanted .SlantGreen2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #bbe247;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantGray2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantGray2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #454869; }
  .Slanted .SlantGray2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantGray2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantGray2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantGray2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantGray2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantGray2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantGray2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #262626; }
  .Slanted .SlantGray2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantGray2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid transparent; }
  .Slanted .SlantGray2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #7e7d7d;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantLightGray2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantLightGray2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #454869; }
  .Slanted .SlantLightGray2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantLightGray2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantLightGray2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantLightGray2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantLightGray2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantLightGray2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantLightGray2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #262626; }
  .Slanted .SlantLightGray2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantLightGray2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid transparent; }
  .Slanted .SlantLightGray2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #d2d2d2;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantYellow2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantYellow2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #454869; }
  .Slanted .SlantYellow2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantYellow2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantYellow2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantYellow2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantYellow2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantYellow2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantYellow2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #262626; }
  .Slanted .SlantYellow2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantYellow2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid transparent; }
  .Slanted .SlantYellow2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffd800;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantBlack2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantBlack2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #454869; }
  .Slanted .SlantBlack2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantBlack2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantBlack2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantBlack2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantBlack2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantBlack2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantBlack2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #262626; }
  .Slanted .SlantBlack2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantBlack2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid transparent; }
  .Slanted .SlantBlack2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #262626;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantWhite2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantWhite2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #454869; }
  .Slanted .SlantWhite2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantWhite2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantWhite2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantWhite2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantWhite2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantWhite2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantWhite2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #262626; }
  .Slanted .SlantWhite2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantWhite2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid transparent; }
  .Slanted .SlantWhite2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ffffff;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantTransparent2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantTransparent2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #454869; }
  .Slanted .SlantTransparent2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantTransparent2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantTransparent2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantTransparent2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantTransparent2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantTransparent2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantTransparent2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #262626; }
  .Slanted .SlantTransparent2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantTransparent2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid transparent; }
  .Slanted .SlantTransparent2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid transparent;
    border-right: 4000px solid #ededed; }
  .Slanted .SlantExtraLightGray2LightPurple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #5d5d79; }
  .Slanted .SlantExtraLightGray2Purple {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #454869; }
  .Slanted .SlantExtraLightGray2LightBlue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #7b96d1; }
  .Slanted .SlantExtraLightGray2Blue {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #00294b; }
  .Slanted .SlantExtraLightGray2Green {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #bbe247; }
  .Slanted .SlantExtraLightGray2Gray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #7e7d7d; }
  .Slanted .SlantExtraLightGray2LightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #d2d2d2; }
  .Slanted .SlantExtraLightGray2Yellow {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #ffd800; }
  .Slanted .SlantExtraLightGray2Black {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #262626; }
  .Slanted .SlantExtraLightGray2White {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #ffffff; }
  .Slanted .SlantExtraLightGray2Transparent {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid transparent; }
  .Slanted .SlantExtraLightGray2ExtraLightGray {
    position: relative;
    left: -1450px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 300px solid #ededed;
    border-right: 4000px solid #ededed; }

.Header {
  background-image: url(../images/MMP-bkgd-wide2.png);
  background-position: top center; }
  .Header .Logo {
    margin: 3em 0 1em; }
  .Header h1 {
    margin-bottom: .5em;
    font-size: 256%; }
  .Header .Video {
    width: 640px;
    max-width: 100%;
    display: inline;
    display: inline-block; }

.OverlapBox {
  position: relative;
  padding: 2em;
  top: -100px;
  font-size: 110%; }
  .OverlapBox .Title {
    position: relative;
    top: -115px;
    padding: .5em;
    margin: 0 1%;
    margin-bottom: -75px;
    background-image: url(../images/mmp-icon.png);
    background-repeat: no-repeat;
    background-position: 2em center;
    background-size: 7em; }
    .OverlapBox .Title h1 {
      margin: .5em 1em .5em 23%; }

.Animate .Item, .Animate .FromLeft, .Animate .FromTop, .Animate .FromRight, .Animate .FromBottom, .Animate .FadeIn, .Animate .FadeInSlow {
  opacity: 0;
  -webkit-transform: translateZ(0);
  transition: opacity 0.8s ease-in, transform 0.8s ease-in; }

.Animate .FromLeft {
  transform: translate(-20px, 0); }

.Animate .FromTop {
  transform: translate(0, -20px); }

.Animate .FromRight {
  transform: translate(20px, 0); }

.Animate .FromBottom {
  transform: translate(0, 20px); }

.Animate .FadeInSlow {
  transition: opacity 2s ease-in; }

.Animate .Load .FromLeft, .Animate .Load .FromTop, .Animate .Load .FromBottom, .Animate .Load .FromRight, .Animate .Load .FadeIn, .Animate .Load .FadeInSlow {
  opacity: 1;
  transform: translate(0, 0); }

.Footer {
  padding: 4em 1em 1em; }

.CallToAction button {
  border-radius: 8px;
  border: none;
  font-size: 21px;
  line-height: 1.75em;
  padding: 12px;
  color: #262626;
  cursor: pointer;
  transition: background-color 300ms ease-out, color 100ms ease-out;
  width: 100%;
  background-color: #ffd800; }
  .CallToAction button:hover {
    background-color: #262626;
    color: #ffffff; }

.FooterMenu {
  float: right;
  width: 50%;
  text-align: right; }
  .FooterMenu .FooterMenuItem {
    padding-left: 5%;
    text-decoration: none;
    cursor: pointer;
    transition: color 1000ms; }
    .FooterMenu .FooterMenuItem:hover {
      color: #ffd800; }

/** Handle fluid video resize*/
.videoWrapper {
  position: relative;
  padding-bottom: 53.25%;
  /* fixed for current video */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media screen and (max-width: 1024px) {
  body {
    font-size: 19px; } }

@media screen and (max-width: 800px) {
  .OverlapBox .Title h1 {
    margin: .4em .4em .4em 23%;
    font-size: 140%; }
  .OverlapBox .Title {
    background-position: 2% center;
    background-size: 20%; } }

@media screen and (max-width: 475px) {
  body {
    font-size: 16px; }
  h1 {
    font-size: 180%; }
  .OverlapBox .Title h1 {
    font-size: 120%; } }

.ProofOuter {
  position: relative; }
  .ProofOuter .ProofBox {
    position: absolute;
    width: 50%;
    margin: 3em 0;
    transition: opacity 1s, transform 1s, left 1s;
    z-index: 100; }
    .ProofOuter .ProofBox .Logo {
      position: relative;
      width: 50%;
      margin-bottom: -22%;
      padding: 5%;
      left: 20%;
      z-index: 1; }
    .ProofOuter .ProofBox .TopHalf {
      padding: 12% 2%;
      padding-top: 25%;
      font-size: 110%;
      padding-bottom: 6%;
      text-align: center; }
    .ProofOuter .ProofBox .BottomHalf {
      padding: 12%;
      padding-top: 6%; }
    .ProofOuter .ProofBox .Button {
      margin-bottom: -20%;
      padding: 5% 7%;
      margin-top: 10%;
      transition: opacity 1s;
      cursor: pointer;
      transition: background-color 0.5s; }
      .ProofOuter .ProofBox .Button:hover {
        background-color: #d3ec89; }
  .ProofOuter .ProofOtherLeft {
    left: -30%; }
  .ProofOuter .ProofOtherRight {
    left: 80%; }
  .ProofOuter .ProofOtherLeft, .ProofOuter .ProofOtherRight {
    opacity: 0.2;
    transform: scale(0.8, 0.8);
    z-index: 99; }
    .ProofOuter .ProofOtherLeft .Button, .ProofOuter .ProofOtherRight .Button {
      opacity: 0 !important; }
  .ProofOuter .ProofMainBox {
    left: 25%; }

/*@media screen and (max-width: 1400px) {
    .ProofOuter {
        .ProofBox {
            width: 43%;
        }

        .ProofMainBox {
            left: 28.5%;
        }
        .ProofOtherLeft {
            left: -27%;
        }
    }
}*/
@media screen and (max-width: 1024px) {
  .ProofOuter .ProofBox {
    width: 50%; }
  .ProofOuter .ProofMainBox {
    left: 25%; }
  .ProofOuter .ProofOtherLeft {
    left: -30%; } }

@media screen and (max-width: 720px) {
  .ProofOuter {
    position: static;
    height: auto !important; }
    .ProofOuter .ProofBox {
      position: static;
      width: 90%; }
    .ProofOuter .ProofMainBox {
      left: 15%; }
    .ProofOuter .ProofOtherLeft {
      left: -50%; }
    .ProofOuter .ProofOtherLeft, .ProofOuter .ProofOtherRight {
      opacity: 1;
      transform: scale(1, 1); }
      .ProofOuter .ProofOtherLeft .Button, .ProofOuter .ProofOtherRight .Button {
        opacity: 1 !important; } }

.HowItWorks {
  height: 800px;
  position: relative; }
  .HowItWorks .Box {
    position: absolute;
    width: 40%; }
    .HowItWorks .Box .Title {
      background-color: #00294b;
      color: #ffffff;
      text-align: center;
      padding: 6%;
      font-size: 180%;
      font-family: "Roboto", sans-serif; }
    .HowItWorks .Box .Content {
      background-color: #ececec;
      height: 150px;
      padding: 10%; }
  .HowItWorks .Box1 {
    left: 4%; }
  .HowItWorks .Box2 {
    right: 4%;
    top: 20%; }
  .HowItWorks .Box3 {
    left: 4%;
    bottom: 0; }
  .HowItWorks .Line1, .HowItWorks .Line2, .HowItWorks .Line3 {
    position: absolute; }
  .HowItWorks .Line1 {
    right: 30%;
    top: 9%; }
  .HowItWorks .Line2 {
    left: 31%;
    top: 45%; }
  .HowItWorks .Line3 {
    left: 44%;
    top: 75%; }
  .HowItWorks .Butterfly {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; }
    .HowItWorks .Butterfly img {
      position: absolute;
      bottom: 5%;
      right: 4%; }
    .HowItWorks .Butterfly span {
      font-size: 180%;
      font-family: "Roboto", sans-serif;
      color: #454869;
      position: absolute;
      right: 14%;
      bottom: 0; }

@media screen and (max-width: 1024px) {
  .HowItWorks .Line1 {
    width: 311px;
    top: 11%; }
  .HowItWorks .Line2 {
    width: 224px;
    top: 51%; }
  .HowItWorks .Line3 {
    width: 288px; }
  .HowItWorks .Butterfly {
    width: 75%;
    height: 75%; }
    .HowItWorks .Butterfly span {
      font-size: 160%; }
  .HowItWorks .Box .Title {
    font-size: 160%; } }

@media screen and (max-width: 667px) {
  .HowItWorks {
    height: auto; }
    .HowItWorks .Line1, .HowItWorks .Line2, .HowItWorks .Line3 {
      display: none; }
    .HowItWorks .Box {
      margin: 1em 0;
      width: auto;
      position: static; }
    .HowItWorks .Butterfly {
      position: static;
      width: auto;
      height: auto; }
      .HowItWorks .Butterfly img, .HowItWorks .Butterfly span {
        position: static; }
      .HowItWorks .Butterfly span {
        display: block; } }

.Form {
  padding: 1em 0 2em; }
  .Form h2 {
    padding-top: 2em;
    clear: both; }
  .Form .Details {
    clear: both;
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: -20px;
    font-size: 80%; }
    .Form .Details div {
      color: #7e7d7d;
      display: none; }
      .Form .Details div.Selected {
        display: block; }
  .Form .RadioList input {
    display: none; }
  .Form .RadioList div {
    float: left; }
    .Form .RadioList div input:checked ~ label {
      z-index: 2;
      background-color: #bbe247;
      border-color: #bbe247;
      border-right-width: 0;
      margin-right: 4px;
      margin-left: 0;
      padding-left: 16px; }
      .Form .RadioList div input:checked ~ label:hover {
        background-color: #bbe247;
        color: #262626; }
    .Form .RadioList div:first-child input:checked ~ label {
      padding-left: 20px; }
    .Form .RadioList div:last-child input:checked ~ label {
      border-right-width: 4px; }
    .Form .RadioList div label {
      background-color: #fafafa;
      padding: 8px 20px;
      transition: background-color 300ms ease-out, border-color 300ms ease-out, color 300ms ease-out;
      cursor: pointer;
      margin-left: -4px;
      border: 4px solid #7e7d7d;
      z-index: 1;
      position: relative;
      font-size: 95%; }
      .Form .RadioList div label:hover {
        background-color: #d2d2d2;
        color: #ffffff; }
    .Form .RadioList div:first-child label {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      margin-left: 0; }
    .Form .RadioList div:last-child label {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px; }
  .Form .TextFields .error {
    display: none;
    color: #8a0c0c; }
  .Form .TextFields input {
    width: 100%;
    border: 4px solid #7e7d7d;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 10px;
    background-color: #fafafa;
    font-size: 21px;
    line-height: 1.75em;
    box-sizing: border-box; }
  .Form button {
    border-radius: 8px;
    border: none;
    background-color: #333333;
    width: 100%;
    font-size: 21px;
    line-height: 1.75em;
    padding: 12px;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 300ms ease-out, color 100ms ease-out; }
    .Form button:hover {
      background-color: #bbe247;
      color: #262626; }
      .Form button:hover span {
        transition: color 200ms ease-out;
        color: #262626; }
    .Form button:disabled {
      background-color: #333333;
      cursor: default;
      color: #ffffff; }
    .Form button.Success {
      background-color: #bbe247;
      color: #262626; }

@media screen and (max-width: 1024px) {
  .Form {
    padding: 1em 0 2em 1em; }
    .Form .RadioList div {
      padding: 0 2px 4px;
      line-height: 2.5em; }
      .Form .RadioList div label {
        border-width: 2px;
        padding: 8px !important;
        margin: 0 !important;
        border-radius: 4px !important; }
    .Form .TextFields input {
      border-width: 2px;
      padding: 4px; } }

#ForEveryone h1 {
  text-align: center;
  font-size: 160%; }

#ForEveryone h2 {
  text-align: center;
  color: #7e7d7d;
  padding-bottom: 1em;
  font-size: 120%; }

#ForEveryone .Section {
  float: left;
  width: 25%;
  padding: 0;
  text-align: center;
  cursor: pointer; }
  #ForEveryone .Section .Line {
    width: 400%;
    position: absolute;
    left: 100%;
    height: 2px;
    background-color: #d2d2d2;
    top: 44%; }
  #ForEveryone .Section .Icon {
    width: 30%;
    margin: 0 35%;
    transition: opacity 500ms;
    opacity: .25; }
  #ForEveryone .Section .Circle {
    display: inline;
    display: inline-block;
    position: relative;
    width: 20%;
    margin: 0 40%; }
    #ForEveryone .Section .Circle .GrayCircle {
      position: relative;
      width: 100%; }
    #ForEveryone .Section .Circle .GreenCircle {
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity 500ms;
      opacity: 0;
      width: 100%; }
  #ForEveryone .Section.SectionSelected .GreenCircle, #ForEveryone .Section.SectionSelected .Icon {
    opacity: 1; }

#ForEveryone .Contents {
  clear: both;
  position: relative;
  margin: 0 0 2em; }

#ForEveryone .Content {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 250ms;
  opacity: 0; }
  #ForEveryone .Content .Title {
    color: #00294b;
    font-size: 150%;
    padding-top: 1em;
    margin-bottom: 1em;
    font-weight: bold; }
  #ForEveryone .Content.ContentSelected {
    position: relative;
    opacity: 1; }
  #ForEveryone .Content blockquote {
    color: #7b96d1; }

@media screen and (max-width: 1024px) {
  #ForEveryone .Section .Line {
    width: 300%;
    top: 42%; }
  #ForEveryone .Section .Icon {
    width: 40%;
    margin: 0 30%; }
  #ForEveryone .Section .Circle {
    width: 30%;
    margin: 0 35%; }
  #ForEveryone .Contents {
    margin: 0 5% 2em; }
  #ForEveryone .Content .Title {
    font-size: 170%; } }

.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }