/* CSS Document */
#outerSpace {
  background-image: url(/_images/space_bg.jpg); }

#mainContent .subpage .box {
  padding: 5% 8% 5% 30px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.4); }
  #mainContent .subpage .box h6 {
    margin-bottom: 0.857em;
    color: #a9adb1; }
  #mainContent .subpage .box h2 {
    font-size: 3.429em;
    color: #ff7200;
    margin-bottom: 0; }
    #mainContent .subpage .box h2 a:hover, #mainContent .subpage .box h2 a:active {
      color: white; }
    #mainContent .subpage .box h2 + .button {
      margin-top: 3%; }

#mainContent .subpage .imgLink {
  display: block; }
  #mainContent .subpage .imgLink:hover, #mainContent .subpage .imgLink:active {
    opacity: 0.65; }

#mainContent .subpage .topImg {
  position: relative;
  margin-bottom: 5%; }
  #mainContent .subpage .topImg .half {
    width: 52%;
    position: relative; }
    #mainContent .subpage .topImg .half .graphic {
      width: 112%;
      opacity: 0.55;
      position: absolute;
      right: 5%;
      bottom: -20%;
      z-index: 10;
      will-change: transform; }
    #mainContent .subpage .topImg .half .breakout {
      width: 94.3%;
      position: absolute;
      bottom: -40%;
      left: -29%;
      z-index: 20;
      will-change: transform; }
  #mainContent .subpage .topImg .text {
    width: 100%;
    word-break: break-word;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50; }
    #mainContent .subpage .topImg .text .box {
      max-width: 66%;
      margin: 5% -6% 0 auto; }
      #mainContent .subpage .topImg .text .box h6 {
        padding-left: 22%; }
    #mainContent .subpage .topImg .text .boxBottom {
      max-width: 66%;
      margin: 0 -6% 0 auto;
      padding: 5% 8% 2% 30px;
      box-sizing: border-box; }
      #mainContent .subpage .topImg .text .boxBottom .button {
        margin-left: 22%;
        margin-bottom: 10%; }
      #mainContent .subpage .topImg .text .boxBottom .line {
        padding-left: 22%;
        margin-right: -15%; }
  #mainContent .subpage .topImg + .newsContent {
    padding-left: 40%; }

#mainContent .subpage .newsContent {
  padding: 3% 0 0;
  color: white; }
  #mainContent .subpage .newsContent p {
    font-size: 1.286em; }
  #mainContent .subpage .newsContent img {
    width: auto !important;
    height: auto !important;
    max-width: 100%; }

#mainContent .callout {
  text-align: center;
  background: #a9adb1 url(/_images/honeycomb_hp.png) no-repeat center;
  background-size: cover; }
  #mainContent .callout .subpage {
    padding-bottom: 4%; }
    #mainContent .callout .subpage h4 {
      max-width: 840px;
      margin: 0 auto; }
    #mainContent .callout .subpage .button {
      margin-top: 3%; }

#mainContent #images {
  padding-top: 0;
  padding-bottom: 5%; }
  #mainContent #images img {
    margin-bottom: 30px; }
  #mainContent #images a {
    display: block; }
    #mainContent #images a:hover, #mainContent #images a:active {
      opacity: 0.65; }
  #mainContent #images a:first-child, #mainContent #images img:first-child {
    padding-top: 5%; }

#mainContent #newsSection #news {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  position: relative;
  padding: 13% 5% 7%;
  overflow: hidden; }
  #mainContent #newsSection #news > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    position: relative;
    margin: 60px 0;
    z-index: 10; }
    #mainContent #newsSection #news > div:before {
      content: "";
      display: block;
      width: 50%;
      height: -webkit-calc(100% + 60px);
      height: calc(100% + 60px);
      position: absolute;
      top: -30px;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: -1; }
    #mainContent #newsSection #news > div h6 {
      color: #646b73; }
    #mainContent #newsSection #news > div h3 {
      font-size: 3.143em;
      line-height: 1em;
      color: white;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #mainContent #newsSection #news > div .img {
      display: block; }
      #mainContent #newsSection #news > div .img + p {
        margin-top: 22px; }
    #mainContent #newsSection #news > div p {
      color: white; }
    #mainContent #newsSection #news > div .endline {
      height: 1px;
      position: absolute;
      bottom: -60px;
      background-color: #4d5359; }
      #mainContent #newsSection #news > div .endline:before, #mainContent #newsSection #news > div .endline:after {
        content: "";
        display: block;
        border-left: solid 6px #4d5359;
        border-top: solid 6px transparent;
        border-bottom: solid 6px transparent;
        position: absolute;
        left: 0;
        top: -6px; }
      #mainContent #newsSection #news > div .endline:after {
        border-left: none;
        border-right: solid 6px #4d5359;
        left: auto;
        right: 0; }
    #mainContent #newsSection #news > div:first-child {
      margin-top: 0 !important; }
    #mainContent #newsSection #news > div:nth-child(2n+1) {
      padding-right: 9%; }
      #mainContent #newsSection #news > div:nth-child(2n+1):before {
        left: -11%; }
      #mainContent #newsSection #news > div:nth-child(2n+1) .endline {
        left: -11%;
        right: 12%; }
    #mainContent #newsSection #news > div:nth-child(2n+2) {
      padding-left: 9%; }
      #mainContent #newsSection #news > div:nth-child(2n+2):before {
        right: -11%; }
      #mainContent #newsSection #news > div:nth-child(2n+2) .endline {
        right: -11%;
        left: 12%; }
    #mainContent #newsSection #news > div:nth-child(4n+3):before {
      left: auto !important;
      right: 12%; }
    #mainContent #newsSection #news > div:nth-child(4n+4):before {
      right: auto !important;
      left: 12%; }
    #mainContent #newsSection #news > div:last-child {
      margin-bottom: 0 !important; }
      #mainContent #newsSection #news > div:last-child .endline {
        display: none; }
    #mainContent #newsSection #news > div.Option-1 {
      text-align: right; }
      #mainContent #newsSection #news > div.Option-1 h6 {
        margin-bottom: 26px; }
      #mainContent #newsSection #news > div.Option-1 p {
        padding-right: 20%; }
    #mainContent #newsSection #news > div.Option-2 h6 {
      margin-bottom: 26px; }
    #mainContent #newsSection #news > div.Option-2 h3 {
      text-align: right; }
    #mainContent #newsSection #news > div.Option-3 h6 {
      margin-bottom: 16px; }
      #mainContent #newsSection #news > div.Option-3 h6 span {
        margin-bottom: 20px; }

@media (min-width: 1280px) {
  #mainContent .subpage .topImg .text .box {
    margin-right: -64px;
    padding-right: 92px; }
  #mainContent .subpage .topImg .text .boxBottom {
    margin-right: -64px;
    padding-right: 92px; }
    #mainContent .subpage .topImg .text .boxBottom .line {
      margin-right: -92px; }
  #mainContent .content#news {
    padding: 90px 64px; }
    #mainContent .content#news div:nth-child(2n+1):before {
      left: -64px; }
    #mainContent .content#news div:nth-child(2n+1) .endline {
      left: -64px; }
    #mainContent .content#news div:nth-child(2n+2):before {
      right: -64px; }
    #mainContent .content#news div:nth-child(2n+2) .endline {
      right: -64px; } }

@media (max-width: 1024px) {
  #mainContent .content#news div .endline {
    bottom: -50px !important; } }

@media (max-width: 768px) {
  #mainContent .subpage .topImg + .newsContent {
    padding-left: 0; }
  #mainContent .subpage .topImg .half {
    width: 95%; }
  #mainContent .subpage .topImg .text {
    margin-top: 22%;
    position: static; }
    #mainContent .subpage .topImg .text .box {
      max-width: 100%; }
    #mainContent .subpage .topImg .text .boxBottom .button {
      margin-left: 0; }
  #mainContent .content#news div {
    display: block;
    width: auto !important;
    margin: 50px 0 !important;
    padding: 0 !important; }
    #mainContent .content#news div .endline {
      left: -5% !important;
      right: -5% !important; } }