/* -------------------------------------------------------------------------------------- */
/* -- RESPONSIVE BREAKPOINTS -- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -- GRID SYSTEM -- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -- CALC -- */
/* -------------------------------------------------------------------------------------- */
/* -- ICONS MIXIN -- */
/* -------------------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,700italic,900,700,500italic,400italic,500,300italic,300,100italic,100);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
::before, ::after {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* -------------------------------------------------------------------------------------- */
/* -- STYLE GUIDE -- */
/* -------------------------------------------------------------------------------------- */
html {
  font-size: 62.5%; }

body {
  font: 300 1.4rem/3rem "Roboto", sans-serif;
  letter-spacing: 0.02rem;
  color: #666666; }

h1, h3, h5, legend {
  text-transform: uppercase; }

h1 {
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 0.02rem; }

h2 {
  font-size: 2rem;
  font-weight: 300;
  letter-spacing: 0.2rem; }

h3 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.2rem; }

h4 {
  font-size: 1.8rem;
  font-weight: 700; }

h5 {
  font-size: 1.5rem;
  font-weight: 700; }

blockquote {
  font-weight: bold;
  color: #7E0A25; }

a {
  color: inherit;
  cursor: pointer; }

p + p {
  margin-top: 2rem; }

strong, em {
  font-weight: bold; }

img {
  display: block;
  width: 100%; }

.button {
  display: inline-block;
  padding: 10px 20px;
  background: #7E0A25;
  border: solid 2px #FFFFFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #FFFFFF;
  text-transform: uppercase; }

.ul-marquee {
	height: 180px;
	min-width: 100%;
	white-space: nowrap;
	transform: translate3d(0, 0, 0);
}

.ul-marquee li {
	display: inline-block;
	line-height: 150px;
}

.ul-marquee .ul-marquee-wrapper {
	white-space: nowrap;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	min-height: 100%;
	transform: translate3d(0, 0, 0);
}

.marquee-right-left {
	animation: marquee-right-left 20s linear infinite;	
}

.marquee-left-right {
	animation: marquee-left-right 20s linear infinite;
}

@keyframes marquee-right-left {
	0% {transform: translateX(0);}
	100% {transform: translateX(-33.3333%);}
}

@keyframes marquee-left-right {
	0% {transform: translateX(-33.3333%);}
	100%{transform: translateX(0);}
}

/* -------------------------------------------------------------------------------------- */
/* -- PAGE STRUCTURE -- */
/* -------------------------------------------------------------------------------------- */
html, body {
  height: 100%;
  min-height: 100%;
  background: #800080; }

#container {
  position: absolute;
  left: 0px;
  z-index: 0;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  #container.open {
    position: fixed;
    left: 310px;
    z-index: 0;
    overflow-y: hidden; }
  @media (min-width: 1200px) {
    #container {
      overflow: initial; } }

/* -------------------------------------------------------------------------------------- */
/* -- Margaritasville LOGO -- */
/* -------------------------------------------------------------------------------------- */
ul li.logo a,
ul li.logo:hover a {
  position: relative;
  top: 0px;
  width: 200px;
  height: 150px;
  background: url("images/logos/margaritasville.jpg") no-repeat center center;
  background-size: 100%;
  text-indent: -9999px; }
  ul li.logo a:before,
  ul li.logo:hover a:before {
    display: none;
    margin: 0px;
    padding: 0px; }

/* -------------------------------------------------------------------------------------- */
/* -- NAVIGATION -- */
/* -------------------------------------------------------------------------------------- */
nav {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  background: #FF00FF; }
  nav span {
    position: absolute;
    top: 10px;
    left: 270px;
    z-index: 10;
    padding: 15px;
    background: url("images/icons/white/delete.png") no-repeat center center;
    background-size: 100%;
    cursor: pointer; }
  nav ul {
    padding: 20px;
    text-align: left; }
    nav ul ul {
      position: relative;
      padding: 0px; }
    nav ul li.logo {
      display: none; }
    nav ul a {
      position: relative;
      display: block;
      width: 100%;
      padding: 10px 10px 10px 35px;
      margin: 10px auto 0px auto;
      text-transform: uppercase;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.5); }
      nav ul a:before {
        content: "";
        display: block;
        position: absolute;
        top: 13px;
        left: 0px;
        width: 20px;
        height: 20px; }
    nav ul li:nth-of-type(1) a::before {
      background: url("images/icons/white/home.png");
      background-repeat: no-repeat;
      background-size: 2rem; }
    nav ul li:nth-of-type(2) a::before {
      background: url("images/icons/white/settings.png");
      background-repeat: no-repeat;
      background-size: 2rem; }
    nav ul li:nth-of-type(3) a::before {
      background: url("images/icons/white/page.png");
      background-repeat: no-repeat;
      background-size: 2rem; }
    nav ul li:nth-of-type(5) a::before {
      background: url("images/icons/white/info.png");
      background-repeat: no-repeat;
      background-size: 2rem; }
    nav ul li:nth-of-type(6) a::before {
      background: url("images/icons/white/briefcase.png");
      background-repeat: no-repeat;
      background-size: 2rem; }
    nav ul li:nth-of-type(7) a::before {
      background: url("images/icons/white/seaport.png");
      background-repeat: no-repeat;
      background-size: 2rem; }
    nav ul li:nth-of-type(8) a::before {
      background: url("images/icons/white/telephone.png");
      background-repeat: no-repeat;
      background-size: 2rem; }
    nav ul ul a {
      margin: 0px auto;
      padding: 3px 10px 3px 35px;
      text-transform: none;
      font-weight: 300; }
      nav ul ul a:before {
        display: none; }
    nav ul li.current a, nav ul a:hover {
      color: #FFFFFF; }

@media (min-width: 1200px) {
  nav {
    position: fixed;
    width: 100%;
    background: none;
    z-index: 1;
    overflow: visible; }

  nav span {
    display: none; }

  nav ul {
    padding: 0px;
    text-align: center; }
    nav ul li.logo {
      display: inline-block; }
    nav ul li {
      position: relative;
      display: inline-block; }
      nav ul li a {
        display: block;
        margin: 0px auto;
        padding: 60px 15px 5px 15px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 500;
        color: #02448D; }
        nav ul li a:before {
          display: none; }
      nav ul li.current > a, nav ul li:hover > a {
        background: #02448D;
        color: #FFFFFF; }
        nav ul li.current > a:before, nav ul li:hover > a:before {
          content: "";
          display: block;
          position: absolute;
          left: -moz-calc(50% - 10px);
          left: -o-calc(50% - 10px);
          left: -webkit-calc(50% - 10px);
          left: calc(50% - 10px);
          width: 20px;
          height: 20px;
          margin: 10px auto; }
      nav ul li:nth-of-type(1).current a::before, nav ul li:nth-of-type(1):hover a::before {
        background: url("images/icons/white/home.png");
        background-repeat: no-repeat;
        background-size: 2rem; }
      nav ul li:nth-of-type(2).current a::before, nav ul li:nth-of-type(2):hover a::before {
        background: url("images/icons/white/settings.png");
        background-repeat: no-repeat;
        background-size: 2rem; }
      nav ul li:nth-of-type(3).current a::before, nav ul li:nth-of-type(3):hover a::before {
        background: url("images/icons/white/page.png");
        background-repeat: no-repeat;
        background-size: 2rem; }
      nav ul li:nth-of-type(5).current a::before, nav ul li:nth-of-type(5):hover a::before {
        background: url("images/icons/white/info.png");
        background-repeat: no-repeat;
        background-size: 2rem; }
      nav ul li:nth-of-type(6).current a::before, nav ul li:nth-of-type(6):hover a::before {
        background: url("images/icons/white/briefcase.png");
        background-repeat: no-repeat;
        background-size: 2rem; }
      nav ul li:nth-of-type(7).current a::before, nav ul li:nth-of-type(7):hover a::before {
        background: url("images/icons/white/seaport.png");
        background-repeat: no-repeat;
        background-size: 2rem; }
      nav ul li:nth-of-type(8).current a::before, nav ul li:nth-of-type(8):hover a::before {
        background: url("images/icons/white/telephone.png");
        background-repeat: no-repeat;
        background-size: 2rem; }
      nav ul li ul {
        display: none;
        position: absolute;
        left: 0px;
        top: 100%;
        margin: 0px;
        padding: 0px;
        min-width: 100%; }
        nav ul li ul li {
          display: block;
          padding: 0px;
          white-space: nowrap;
          background: #02448D;
          border-bottom: solid 1px #024b9c; }
          nav ul li ul li a, nav ul li ul li:hover a {
            padding: 5px 15px 15px 15px;
            text-align: left;
            font-weight: 300;
            text-transform: none;
            color: #a3a6aa; }
            nav ul li ul li a:before, nav ul li ul li:hover a:before {
              display: none; }
          nav ul li ul li:hover a {
            color: #FFFFFF; }
      nav ul li:hover ul {
        display: block; } }
/* -------------------------------------------------------------------------------------- */
/* -- HEADER -- */
/* -------------------------------------------------------------------------------------- */
header {
  position: relative;
  width: 100%;
  height: 150px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjQ1cHgiIGN5PSI0NXB4IiByPSIxMDAwJSI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-radial-gradient(45px 45px, #ffffff 10px, #bfbfbf 1000px);
  background-image: -webkit-radial-gradient(45px 45px, #ffffff 10px, #bfbfbf 1000px);
  background-image: radial-gradient(45px 45px, #ffffff 10px, #bfbfbf 1000px);
  border-bottom: solid 8px #FF00FF;
  text-align: center; }
  header > ul li {
    display: inline-block; }
    @media (min-width: 1200px) {
      header > ul li {
        display: none; } }
    header > ul li a {
      display: block;
      padding: 60px 0px 0px 0px;
      text-transform: uppercase;
      font-weight: 700;
      color: #FF00FF; }
    header > ul li:first-of-type a {
      display: inline-block;
      width: 20px;
      margin-right: 5px;
      position: relative;
      top: 2.5rem;
      text-indent: -9999px;
      background: url("images/icons/blue/menu.png") no-repeat center center;
      background-size: 2rem; }
      @media (min-width: 600px) {
        header > ul li:first-of-type a {
          width: auto;
          top: 1rem;
          text-indent: 0; } }
    header > ul li:nth-of-type(3) a {
      display: inline-block;
      width: 20px;
      margin-left: 5px;
      position: relative;
      top: 2.5rem;
      text-indent: -9999px;
      background: url("images/icons/blue/telephone.png") no-repeat center center;
      background-size: 2rem; }
      @media (min-width: 600px) {
        header > ul li:nth-of-type(3) a {
          width: auto;
          top: 1rem;
          text-indent: 0; } }
  @media (min-width: 1200px) {
    header {
      position: fixed;
      top: 0px;
      z-index: 10; } }

#title {
  position: absolute;
  top: 0px;
  z-index: 2;
  width: 100%;
  margin-top: 150px;
  padding: 15px 0 15px 0;
  background: #656669 url("images/patterns/headline.png") repeat;
  border-bottom: solid 10px #FFFFFF;
  overflow: hidden; }
  #title > div {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
    #title > div:after {
      content: "";
      display: block;
      clear: both; }
    @media (min-width: 1200px) {
      #title > div {
        width: 85%;
        margin: 0 auto; } }
    @media (min-width: 1600px) {
      #title > div {
        width: 65%; } }
  @media (min-width: 1200px) {
    #title {
      position: fixed;
      margin-top: 150px;
      padding: 50px 0 25px 0; }
      #title > div {
        padding: 0px; }
      #title.shrink {
        padding: 15px 0 15px 0; } }
  #title h1 {
    float: left;
    color: #FFFFFF; }
    #title h1:after {
      content: "";
      position: absolute;
      bottom: -40px;
      left: 10px;
      width: 22px;
      height: 22px;
      background: #FFFFFF;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  #title.shrink h1:after {
    bottom: -30px; }
  #title ul {
    clear: left;
    position: relative;
    left: -10px;
    margin: 0px; }
    @media (min-width: 600px) {
      #title ul {
        clear: none;
        left: 0px;
        float: right; } }
    #title ul li {
      float: left;
      border-left: solid 1px #515356; }
      #title ul li:first-of-type {
        border-left: none; }
      #title ul li a {
        margin: 0px 10px;
        text-transform: uppercase;
        color: #ccdae8; }
      #title ul li.current {
        display: none; }
      @media (min-width: 600px) {
        #title ul li a {
          margin: 0px 10px;
          color: #c3dffe; }
        #title ul li.current {
          display: inline-block; }
          #title ul li.current a {
            color: #FFFFFF; } }

/* -------------------------------------------------------------------------------------- */
/* -- HIEARCHY -- */
/* -------------------------------------------------------------------------------------- */
#container > h2 {
  position: relative;
  padding: 25px;
  background-color: #3E4043;
  text-align: center;
  color: #FFFFFF; }
  #container > h2:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: -moz-calc(50% - 12px);
    left: -o-calc(50% - 12px);
    left: -webkit-calc(50% - 12px);
    left: calc(50% - 12px);
    z-index: 1;
    width: 22px;
    height: 22px;
    background: #3E4043;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

body#gaming > h2 {
  background-color: #7E0A25; }

/* -------------------------------------------------------------------------------------- */
/* -- CONTENT -- */
/* -------------------------------------------------------------------------------------- */
section {
  position: relative;
  background: #FFFFFF;
  /* Add Space for Footer */ }

section > div {
  position: relative; }
  section > div.columns {
    padding: 50px 0;
    -moz-columns: 2em 2;
    -webkit-columns: 2em 2;
    columns: 2em 2; }
  section > div.columns_three {
    padding: 50px 0;
    -moz-columns: 2em 2;
    -webkit-columns: 2em 2;
    columns: 2em 2; }
  section > div article {
    padding: 80px 0px 0px 0px; }
  section > div .full {
    width: 100%;
    float: none;
    clear: both; }
  section > div .half, section > div .third, section > div .two_thirds, section > div .quarter {
    float: left; }
  section > div .half {
    width: 49%;
    margin-right: 2%; }
  section > div .half + .half {
    margin-right: 0; }
  section > div .third {
    width: 32%;
    margin-right: 2%; }
  section > div .two_thirds {
    width: 66%;
    margin-right: 2%; }
  section > div .third + .third + .third, section > div .third + .two_thirds {
    margin-right: 0; }
  section > div .quarter {
    width: 23%; }
  @media (min-width: 900px) {
    section > div > section, section > div > div, section > div > form,
    section > div aside, section > div .half, section > div .third, section > div .two_thirds, section > div .quarter {
      width: 100%;
      float: none;
      margin-bottom: 30px; } }

/* -------------------------------------------------------------------------------------- */
/* -- FOOTER -- */
/* -------------------------------------------------------------------------------------- */
footer {
  position: relative;
  text-align: center;
  bottom: 0;
  z-index: 100;
  width: 100%;
  padding: 20px 0 40px 0;
  background: #02448D;
  color: #FFFFFF; }
  footer fieldset {
    padding: 0; }
  footer > div {
    width: 100%;
	display: inline-block;
    padding-left: 20px;
    padding-right: 20px; }
    footer > div:after {
      content: "";
      display: block;
      clear: both; }
    @media (min-width: 1200px) {
      footer > div {
        width: 85%;
        margin: 0 auto; } }
    @media (min-width: 1600px) {
      footer > div {
        width: 65%; } }
  footer form {
    position: relative;
    text-align: center; }
    footer form fieldset {
      display: inline-block;
      margin: 0; }
    footer form legend {
      float: left;
      padding: 10px 15px 0 0; }
    footer form p {
      float: left;
      position: relative; }
    footer form label {
      display: none; }
    footer form label.error {
      top: -15px;
      right: 65px;
      color: #FFFFFF; }
    footer form input[type=text], footer form input[type=submit] {
      display: inline-block;
      width: auto;
      height: 100%;
      margin: 10px 0;
      padding: 0;
      border: none;
      outline: none;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0; }
    footer form input[type=text] {
      background: #FFFFFF;
      color: #3E4043;
      padding-left: 10px; }
    footer form input[type=submit] {
      padding: 0 10px;
      background-color: #3E4043;
      color: #FFFFFF;
      text-transform: uppercase; }
    @media (min-width: 1200px) {
      footer form {
        float: right;
        margin: 0;
        padding: 0 25px; } }
  footer > div > p {
    width: 100%;
    text-align: center;
    margin-top: 10px; }
    @media (min-width: 1200px) {
      footer > div > p {
        width: auto;
        float: left;
        text-align: left;
        padding: 0 25px; } }
  footer > div > ul {
    clear: both;
    text-align: center; }
    @media (min-width: 1200px) {
      footer > div > ul {
        text-align: left;
        padding: 0 25px; 
		float: left; } }
    footer > div > ul li {
      display: inline-block; 
	  vertical-align: top; }
      footer > div > ul li a {
        display: block;
        width: 50px;
        height: 42px;
        text-indent: -9999px;
        background: center top no-repeat; }
    footer > div > ul li:nth-of-type(3) a {
      width: 163px; }
    footer > div > ul li:nth-of-type(4) a {
      width: 126px;
      height: 60px; }
    footer > div > ul li:nth-of-type(1) a {
      background-image: url("images/icons/facebook.png"); }
      footer > div > ul li:nth-of-type(1) a:hover {
        background-position: center -44px; }
    footer > div > ul li:nth-of-type(2) a {
      background-image: url("images/icons/linkedin.png"); }
      footer > div > ul li:nth-of-type(2) a:hover {
        background-position: center -44px; }
    footer > div > ul li:nth-of-type(3) a {
      background-image: url("images/logos/TurboSquid.png"); }	
    footer > div > ul li:nth-of-type(4) a {
      background-image: url("images/logos/KeyTerrain_Logo_BW_Sized.png"); }
	#cmmi {
	  width: 100%;
	  height: 42px;
	  margin: 5px 0;
	  background-image: url("images/logos/CMMIDev3Resized.png");
	  background-repeat: no-repeat;
	  background-position: center;}
	  @media (min-width: 1200px) {
	    #cmmi{
		  width: 300px;
		  float: right;
		  margin: 0;
		  padding: 0; } }
		  
	#iso_quality {
	  width: 100%;
	  height: 103px;
	  margin: 0 0;
	  background-image: url("images/logos/ISO_9001_Quality_RED_RGB_NO_SAI_Resize.jpg");
	  background-repeat: no-repeat;
	  background-position: center;}
	  @media (min-width: 1200px) {
	    #iso_quality{
		  width: 51px;
		  display: inline-block;
		  margin: 0;
		  padding: 0; } }

/* -------------------------------------------------------------------------------------- */
/* -- CLEAR FIX -- */
/* -------------------------------------------------------------------------------------- */
header:after,
nav:after,
section:after,
#teasers div:after,
footer:after,
ul:after {
  content: "";
  display: block;
  clear: both; }

/* -------------------------------------------------------------------------------------- */
/* -- FORM STRUCTURE -- */
/* -------------------------------------------------------------------------------------- */
/* -- FIELDSET -- */
/* -------------------------------------------------------------------------------------- */
fieldset {
  padding: 35px 0; }
  fieldset:last-of-type {
    margin-bottom: 0px; }
  fieldset legend {
    margin-bottom: 10px; }
  fieldset p {
    position: relative; }
  fieldset label {
    display: none; }

/* -------------------------------------------------------------------------------------- */
/* -- UNIQUE ADJUSTMENTS -- */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* -- FORM ELEMENTS -- */
/* -------------------------------------------------------------------------------------- */
/* -- INPUTS -- */
/* -------------------------------------------------------------------------------------- */
input[type=text], input[type=email], input[type=number], input[type=password], textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0 auto 10px auto;
  padding: 8px;
  color: #e6e6e6;
  background: #656669;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, textarea:focus {
    outline: none; }
  input[type=text]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=password]:disabled, textarea:disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2; }

/* -- SEARCH BAR -- */
/* -------------------------------------------------------------------------------------- */
input[name=q] + input[type=submit] {
  display: block;
  position: absolute;
  top: 13px;
  right: 10px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  cursor: pointer;
  background: url("images/zoom.png") no-repeat center -30px; }
  input[name=q] + input[type=submit]:hover {
    background-position: center 0px; }

/* -- CHECKBOX -- */
/* -------------------------------------------------------------------------------------- */
input[type="checkbox"] {
  display: none; }
  input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    cursor: pointer; }
    input[type="checkbox"] + label:before {
      content: "";
      display: block;
      position: absolute;
      top: -2px;
      left: 5px;
      width: 18px;
      height: 18px;
      vertical-align: middle;
      cursor: pointer;
      text-indent: 25px;
      line-height: 1em;
      border: solid 2px rgba(0, 0, 0, 0.1);
      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZmFmYWZhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNWY1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
      background-size: 100%;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(30%, #fafafa), color-stop(100%, #f5f5f5));
      background-image: -moz-linear-gradient(#f5f5f5, #fafafa 30%, #f5f5f5);
      background-image: -webkit-linear-gradient(#f5f5f5, #fafafa 30%, #f5f5f5);
      background-image: linear-gradient(#f5f5f5, #fafafa 30%, #f5f5f5);
      -moz-border-radius: 3px / 3px;
      -webkit-border-radius: 3px 3px;
      border-radius: 3px / 3px; }
    input[type="checkbox"] + label:after {
      content: "";
      position: absolute;
      top: 3px;
      left: 8px;
      opacity: 0;
      background: transparent;
      width: 12px;
      height: 6px;
      border: 4px solid #333;
      border-top: none;
      border-right: none;
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    input[type="checkbox"] + label:hover:after {
      opacity: .2; }
  input[type="checkbox"]:checked + label:after {
    opacity: .85; }

/* SELECT MENU -- */
/* -------------------------------------------------------------------------------------- */
select {
  display: block;
  position: relative;
  left: 8px;
  padding: 4px 3px 3px 5px;
  margin: 0;
  color: #999999;
  line-height: 1.2; }
  select:disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2; }

/* BUTTONS -- */
/* -------------------------------------------------------------------------------------- */
input[type='submit'] {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  outline: none;
  font-size: .8em;
  color: #FAFAFA;
  text-transform: uppercase;
  cursor: pointer;
  background: #11181c;
  border: none;
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  input[type='submit'].add {
    padding: 7px 10px 7px 35px; }
  input[type='submit'].add:before {
    content: "+";
    position: absolute;
    left: 10px;
    font-size: 2.5em;
    font-weight: 800; }

/* -- ALERTS -- */
/* -------------------------------------------------------------------------------------- */
label.error {
  display: block;
  position: absolute;
  top: 5px;
  right: 10px;
  height: 30px;
  padding: 0 0 3px 0;
  vertical-align: middle;
  color: #7E0A25; }
  label.error + input, label.error + textarea {
    outline: none;
    border: solid 2px #7E0A25; }

/* -------------------------------------------------------------------------------------- */
#error {
  position: relative;
  padding: 125px 0 50px 0;
  background: #3E4043;
  border-bottom: solid 10px #FFFFFF;
  text-align: center; }
  #error > div {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
    @media (min-width: 1200px) {
      #error > div {
        width: 85%;
        margin: 0 auto; } }
    @media (min-width: 1600px) {
      #error > div {
        width: 65%; } }
  #error h2 {
    color: #c0d0e3; }
  @media (min-width: 1200px) {
    #error {
      margin-top: 150px; } }
  #error p {
    margin-top: 10px;
    color: #FFFFFF; }

/* -------------------------------------------------------------------------------------- */
/* -- TEASERS  -- */
/* -------------------------------------------------------------------------------------- */
#teasers {
  margin-top: 0px;
  padding: 0px;
  background: #7E0A25;
  overflow: hidden; }
  @media (min-width: 1200px) {
    #teasers {
      margin-top: 150px; } }
  #teasers:after {
    content: "";
    display: block;
    clear: both; }
  #teasers div {
    position: relative;
    right: 0%;
    top: 0px;
    width: 100%;
    padding: 100px 0; }
    #teasers div + div.next {
      position: absolute;
      top: 0px;
      right: -100%; }
    #teasers div + div.prev {
      position: absolute;
      top: 0px;
      right: auto;
      left: -100%; }
    #teasers div p:first-child {
      position: absolute;
      bottom: 0px;
      z-index: 0;
      height: 100%;
      width: 100%; }
      #teasers div p:first-child img {
        height: 100%;
        width: 100%; }
  #teasers ul {
    position: relative;
    z-index: 1;
    width: 80%;
    margin: 0 auto 5px auto;
    padding: 0 0 10px 0;
    border-bottom: dashed 1px rgba(255, 255, 255, 0.75); }
    #teasers ul li {
      float: right;
      margin: 0 0 0 10px; }
      #teasers ul li a {
        display: block;
        padding: 2px 8px;
        cursor: pointer;
        background: #02448D;
        color: #FFFFFF; }
        #teasers ul li a:hover {
          background: #7E0A25; }
      #teasers ul li.current a {
        background: #7E0A25; }
  #teasers article {
    display: none;
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    clear: both;
    text-align: right;
    background: rgba(255, 255, 255, 0.75);
    border-bottom: solid 8px #02448D; }
    #teasers article h4 {
      font-weight: 700;
      text-transform: inherit;
      color: #02448D; }
    #teasers article p:first-of-type {
      margin-top: 0; }
    #teasers article a {
      text-transform: uppercase;
      font-weight: bold;
      font-style: italic;
      color: #7E0A25; }
  #teasers article:nth-of-type(1) {
    display: block; }
  @media (min-width: 900px) {
    #teasers ul, #teasers article {
      max-width: 50rem;
      float: right;
      margin-right: 10%; } }
  @media (min-width: 1600px) {
    #teasers ul, #teasers article {
      margin-right: 20%; } }

/* -------------------------------------------------------------------------------------- */
/* -- NEWS HEADLINES -- */
/* -------------------------------------------------------------------------------------- */
#preview {
  padding: 0px inherit;
  background: #4173aa; }
  #preview article {
    width: 100%;
    padding: 25px 20px;
    text-align: center;
    vertical-align: middle; }
  #preview article:nth-of-type(1) {
    background: #FFFFFF url("images/patterns/herringbone.png");
    padding: 50px 20px; }
    @media (min-width: 1200px) {
      #preview article:nth-of-type(1) {
        padding-left: 10rem;
        padding-right: 10rem; } }
    @media (min-width: 1600px) {
      #preview article:nth-of-type(1) {
        padding-left: 10%;
        padding-right: 10%; } }
    #preview article:nth-of-type(1) p:last-child a {
      display: block;
      width: 10px;
      height: 10px;
      margin: 0 auto;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #7E0A25;
      text-indent: -9999px; }
  #preview article:nth-of-type(3) {
    width: 100%;
    background: #91A799; }
    @media (min-width: 1200px) {
      #preview article:nth-of-type(3) {
        padding-left: 5rem;
        padding-right: 5rem; } }
    @media (min-width: 1600px) {
      #preview article:nth-of-type(3) {
        padding-left: 5%;
        padding-right: 5%; } }
    #preview article:nth-of-type(3) img {
      width: auto;
      max-width: 75%;
      height: auto;
      margin: 0 auto; }
    #preview article:nth-of-type(3) p:nth-of-type(3) {
      margin-top: 0; }
    #preview article:nth-of-type(3) p:last-child {
      font-weight: 700;
      text-transform: uppercase; }
    #preview article:nth-of-type(3) a {
      color: #7E0A25; }
  #preview article:nth-of-type(2) {
    width: 100%; }
    #preview article:nth-of-type(2) > p:first-child {
      position: relative;
      z-index: 1;
      width: 200px;
      height: 300px;
      margin: 0 auto;
      padding: 0px; }
      #preview article:nth-of-type(2) > p:first-child img {
        display: block;
        display: block;
        z-index: 999;
        -moz-border-radius-bottomleft: 150px;
        -webkit-border-bottom-left-radius: 150px;
        border-bottom-left-radius: 150px;
        -moz-border-radius-bottomright: 150px;
        -webkit-border-bottom-right-radius: 150px;
        border-bottom-right-radius: 150px;
        background: none; }
      #preview article:nth-of-type(2) > p:first-child:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 33px;
        left: 0px;
        z-index: -1;
        width: 200px;
        height: 200px;
        background: #FFFFFF;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      #preview article:nth-of-type(2) > p:first-child:before {
        content: "";
        display: block;
        position: absolute;
        left: -5px;
        bottom: 28px;
        z-index: -1;
        width: 210px;
        height: 210px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: dashed 1px #0250a6; }
    #preview article:nth-of-type(2) h5 {
      font-weight: 500;
      color: #FFFFFF;
      padding-top: 30px;
      margin: 0;
      background: url("images/icons/white/tv.png") no-repeat top center;
      background-size: 30px; }
      #preview article:nth-of-type(2) h5 a {
        padding: 5px; }
      #preview article:nth-of-type(2) h5 a:hover {
        background: rgba(250, 250, 250, 0.2); }
    #preview article:nth-of-type(2) h5 + p {
      padding: 0;
      margin: 0;
      line-height: 10px; }
    #preview article:nth-of-type(2) strong {
      font-weight: 400;
      color: #3E4043; }
  @media (min-width: 900px) {
    #preview {
      display: table; }
      #preview article {
        display: table-cell; }
      #preview article:nth-of-type(1) {
        width: 40%; }
      #preview article:nth-of-type(2) {
        width: 30%; }
      #preview article:nth-of-type(3) {
        width: 30%; } }
  @media (min-width: 1200px) {
    #preview article:nth-of-type(1) {
      width: 50%; }
    #preview article:nth-of-type(2) {
      width: 25%; }
    #preview article:nth-of-type(3) {
      width: 25%; } }
  @media (min-width: 1600px) {
    #preview article:nth-of-type(1) {
      width: 50%; }
    #preview article:nth-of-type(2) {
      width: 20%; }
    #preview article:nth-of-type(3) {
      width: 30%; } }

/* -------------------------------------------------------------------------------------- */
/* -- PROMISES -- */
/* -------------------------------------------------------------------------------------- */
#promises {
  display: none;
  background: url("images/promises.jpg") 50% 0% no-repeat;
  background-size: cover;
  padding: 0;
  overflow: hidden;
  text-align: center;
  color: #FFFFFF; }
  @media (min-width: 600px) {
    #promises {
      display: block; } }
  #promises > div {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMzMxNWEiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAzMzE1YSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #03315a), color-stop(90%, rgba(3, 49, 90, 0)));
    background: -moz-linear-gradient(top, #03315a 30%, rgba(3, 49, 90, 0) 90%);
    background: -webkit-linear-gradient(top, #03315a 30%, rgba(3, 49, 90, 0) 90%);
    background: linear-gradient(to bottom, #03315a 30%, rgba(3, 49, 90, 0) 90%);
    padding: 75px 50px; }
    #promises > div div {
      position: relative; }
  #promises p {
    max-width: 900px;
    margin: 0 auto;
    line-height: 2em; }
  #promises p:last-of-type {
    padding: 0 50px; }
  #promises h3 {
    margin: 20px;
    font-weight: 500;
    color: #FFFFFF; }
  #promises ul {
    width: 100%;
    margin: 50px auto; }
    #promises ul li {
      display: table;
      width: 230px;
      height: 230px;
      margin: 20px auto;
      padding: 5px;
      border: dashed 1px #0250a6;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      #promises ul li span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 30px;
        line-height: 1.4em;
        background: #0250a6;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
  #promises .button {
    position: relative;
    margin-bottom: 40px; }
    #promises .button::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -30px;
      left: -moz-calc(50% - 14px);
      left: -o-calc(50% - 14px);
      left: -webkit-calc(50% - 14px);
      left: calc(50% - 14px);
      width: 0px;
      height: 0px;
      margin: 0 auto;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-top: 14px solid #FFFFFF;
      text-indent: -9999px; }
  @media (min-width: 900px) {
    #promises ul {
      max-width: 540px; }
    #promises ul li {
      margin: 20px;
      float: left; }
    #promises ul li:last-child {
      float: none;
      margin: 20px auto; } }
  @media (min-width: 1200px) {
    #promises ul {
      max-width: 810px; }
    #promises ul li:last-child {
      margin: 20px;
      float: left; } }

/* -------------------------------------------------------------------------------------- */
/* -- CONTACT -- */
/* -------------------------------------------------------------------------------------- */
#contact_us {
  background: #ebf0f6;
  padding: 0 20px;
  margin: 0px; }
  #contact_us #contact {
    display: block;
    position: absolute;
    top: -150px; }
  #contact_us p {
    font-weight: 500;
    font-style: italic;
    color: #02448D; }
  #contact_us ul {
    margin: 10px 0 30px 0;
    font-weight: 500;
    color: #3E4043;
    font-style: italic; }
    #contact_us ul:after {
      content: "";
      display: block;
      clear: both; }
    #contact_us ul li {
      position: relative;
      padding-left: 25px; }
      #contact_us ul li::before {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 5px;
        left: 0; }
      #contact_us ul li:nth-of-type(1) {
        position: relative; }
        @media (min-width: 600px) {
          #contact_us ul li:nth-of-type(1) {
            float: left; } }
        #contact_us ul li:nth-of-type(1)::before {
          background: url("images/icons/blue/phone.png") no-repeat;
          background-size: 1.75rem; }
      #contact_us ul li:nth-of-type(2) {
        position: relative; }
        @media (min-width: 600px) {
          #contact_us ul li:nth-of-type(2) {
            float: left;
            margin-left: 2rem; } }
        #contact_us ul li:nth-of-type(2)::before {
          background: url("images/icons/blue/mail.png") no-repeat;
          background-size: 1.75rem; }
      #contact_us ul li:nth-of-type(3) {
        position: relative; }
        @media (min-width: 600px) {
          #contact_us ul li:nth-of-type(3) {
            clear: left;
            float: left; } }
        #contact_us ul li:nth-of-type(3)::before {
          background: url("images/icons/blue/buildings.png") no-repeat;
          background-size: 1.75rem; }
  #contact_us form {
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    @media (min-width: 900px) {
      #contact_us form {
        background: url("images/contact.png") no-repeat right center;
        background-size: auto 100%; } }
    #contact_us form fieldset {
      width: 100%;
      clear: both; }
      @media (min-width: 1200px) {
        #contact_us form fieldset {
          position: relative;
          left: -10%; } }
      #contact_us form fieldset h4 {
        padding: 20px;
        background-color: #7E0A25;
        color: #FFFFFF;
        border: solid 2px white; }
      #contact_us form fieldset p:nth-of-type(2) {
        padding-bottom: 10px;
        width: -moz-calc(50% - 15px);
        width: -o-calc(50% - 15px);
        width: -webkit-calc(50% - 15px);
        width: calc(50% - 15px);
        float: left; }
      #contact_us form fieldset p:nth-of-type(3) {
        padding-bottom: 10px;
        width: 50%;
        margin-top: 0px;
        float: right; }
      #contact_us form fieldset p:nth-of-type(4) {
        clear: both; }
      #contact_us form fieldset input[type='submit'] {
        display: inline-block;
        width: auto;
        float: right;
        padding: 0 3rem 0 0;
        background: url("images/icons/red/arrow_right.png") no-repeat center right;
        font-size: 1.5rem;
        background-size: 2.5rem;
        font-weight: 900;
        color: #7E0A25; }
    @media (min-width: 900px) {
      #contact_us form {
        width: 100%; }
        #contact_us form fieldset {
          width: 66.666%; } }
    @media (min-width: 1200px) {
      #contact_us form {
        width: 65%; } }

#map-canvas {
  height: 480px;
  background: #f2f2f2; }
  #map-canvas div {
    max-width: none; }

#capabilities {
  /* -------------------------------------------------------------------------------------- */
  /* -- SERVICES -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- MODELING -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- MTWS -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- INTEGRATION -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- LVC IA -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- ONESAF 12S -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- GAMING -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- TRAINING -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */ }
  #capabilities #services_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF; }
    #capabilities #services_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #services_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #services_cta > div {
          width: 65%; } }
    #capabilities #services_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #services_cta {
        margin-top: 200px; } }
  #key-terrain #keyterrain_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF; }
    #key-terrain #keyterrain_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #key-terrain #keyterrain_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #key-terrain #keyterrain_cta > div {
          width: 65%; } }
    #key-terrain #keyterrain_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #key-terrain #keyterrain_cta {
        margin-top: 200px; } }
  #capabilities #services {
    background: #ced7d1;
    text-align: center; }
    #capabilities #services > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #capabilities #services > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #services > div {
          width: 65%; } }
    #capabilities #services h2 {
      margin-bottom: 20px; }
    #capabilities #services ul {
      border-top: dashed 1px rgba(3, 49, 90, 0.25); }
      #capabilities #services ul li {
        padding: 5px 10px;
        border-bottom: dashed 1px rgba(3, 49, 90, 0.25);
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.1rem; }
      #capabilities #services ul a {
        display: block;
        color: #7E0A25; }
        @media (min-width: 1200px) {
          #capabilities #services ul a {
            background: url("images/icons/red/arrow_right.png") no-repeat center right;
            background-size: 2rem; } }
        #capabilities #services ul a:hover {
          color: #a55466; }
      #capabilities #services ul .current a {
        color: #03315A; }
    @media (min-width: 900px) {
      #capabilities #services div {
        display: table;
        text-align: left; }
        #capabilities #services div:after {
          content: "";
          display: block;
          clear: both; }
      #capabilities #services h2 {
        display: table-cell;
        position: relative;
        height: 100%;
        width: 60%;
        padding-right: 20%;
        vertical-align: middle;
        /*
        Box-Arrow Between Title & Service Links
        &::after {
        	content: "";
        	position: absolute; top: 0px; right: 24%;
        	height: 100%; width: 50px;
        	border-right: solid 1px rgba($blue_dark, 0.25);
        	border-top: solid 1px rgba($blue_dark, 0.25);
        	border-bottom: solid 1px rgba($blue_dark, 0.25);
        }
        &::before {
        	content: "";
        	position: absolute; @include calc(top, "50% - 20px"); @include calc(right, "24% - 40px");
        	display: block;
        	width: 10px; height: 10px; margin: 0 auto;
        	border-top: 20px solid transparent;
        	border-bottom: 20px solid transparent;
        	border-left: 20px solid rgba($blue_dark, 0.25);
        	text-indent: -9999px;
        }
        */ }
      #capabilities #services ul {
        display: table-cell;
        height: 100%;
        width: 40%; } }
  #capabilities #services_details {
    background: #ccdae8; }
    #capabilities #services_details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #capabilities #services_details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #services_details > div {
          width: 65%; } }
    #capabilities #services_details ul {
      list-style-position: outside; }
      #capabilities #services_details ul li {
        text-align: center;
        list-style-type: none;
        line-height: 1.75rem;
        margin-bottom: 1.5rem;
	margin-left: 1em;
        padding-left: 1.5rem;
        /* text-indent: -1.5rem; */ }
    @media (min-width: 900px) {
      #capabilities #services_details ul {
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3; }
      #capabilities #services_details ul li {
        text-align: left;
        list-style-type: disc; } }
  #capabilities #modeling_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF; }
    #capabilities #modeling_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #modeling_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #modeling_cta > div {
          width: 65%; } }
    #capabilities #modeling_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #modeling_cta {
        margin-top: 200px; } }
  #capabilities #modeling {
    padding: 0;
    background: #e4e9e6 url("images/model.jpg") no-repeat center center;
    background-size: cover; }
    @media (min-width: 900px) {
      #capabilities #modeling {
        padding-bottom: 50px; } }
    #capabilities #modeling article:first-of-type {
      background: rgba(62, 64, 67, 0.85);
      margin: 0;
      padding: 50px 20px 50px 20px;
      color: #FFFFFF; }
      @media (min-width: 900px) {
        #capabilities #modeling article:first-of-type {
          padding: 50px 50% 50px 100px; 
	  width: 100%} }
    #capabilities #modeling article:nth-of-type(2) {
      position: relative;
      top: -20px;
      margin: 0 20px;
      padding: 20px;
      border-top: solid 20px #7E0A25;
      background: #9ab4d1; }
      @media (min-width: 900px) {
        #capabilities #modeling article:first-of-type > div {
	  width: 100%; }
        #capabilities #modeling article:nth-of-type(2) {
          width: 50%;
          float: right;
          margin-right: 100px; } }
  #capabilities #modeling ul {
      list-style-position: inside;
      height: 200px; }
      #capabilities #modeling ul li {
	display: list-item;
        text-align: center;
        list-style-type: disc;
        line-height: 1.75rem;
        margin-bottom: 1.5rem;
        padding-left: 1.5rem;
        text-indent: -1.5rem; }
    @media (min-width: 900px) {
      #capabilities #modeling ul {
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3; }
      #capabilities #modeling ul li {
	list-style-type: disc;
        text-align: left;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	display: table;} }
    @media (min-width: 1200px) {
      #capabilities #modeling ul {
        -moz-columns: 6;
        -webkit-columns: 6;
        columns: 6; }
      #capabilities #modeling ul li {
	list-style-type: disc;
        text-align: left;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	display: table;} }
  #capabilities #mtws_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A url("images/globe.jpg") no-repeat center center;
    background-size: cover;
    border-bottom: solid 10px #FFFFFF; }
    #capabilities #mtws_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #mtws_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #mtws_cta > div {
          width: 65%; } }
    #capabilities #mtws_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #mtws_cta {
        margin-top: 200px; } }
  #capabilities #mtws {
    background: url("images/soldier.jpg") no-repeat center top;
    background-size: cover;
    padding: 50px 20px 50px 20px;
    text-align: center;
    color: #02448D;
    font-weight: 400; }
    #capabilities #mtws > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #mtws > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #mtws > div {
          width: 65%; } }
    @media (min-width: 900px) {
      #capabilities #mtws > div {
        padding: 50px 100px; } }
    @media (min-width: 1200px) {
      #capabilities #mtws > div {
        padding: 50px 200px; } }
  #capabilities #mtws_details {
    background: #ccdae8; }
    #capabilities #mtws_details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #capabilities #mtws_details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #mtws_details > div {
          width: 65%; } }
#capabilities #afmstt_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A url("images/globe.jpg") no-repeat center center;
    background-size: cover;
    border-bottom: solid 10px #FFFFFF; }
    #capabilities #afmstt_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #afmstt_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #afmstt_cta > div {
          width: 65%; } }
    #capabilities #afmstt_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #afmstt_cta {
        margin-top: 200px; } }
  #capabilities #afmstt {
    background: url("images/wingmen.jpg") no-repeat center top;
    background-size: cover;
    padding: 50px 20px 50px 20px;
    text-align: center;
    color: #02448D;
    font-weight: 400; }
    #capabilities #afmstt > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #afmstt > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #afmstt > div {
          width: 65%; } }
    @media (min-width: 900px) {
      #capabilities #afmstt > div {
        padding: 50px 100px; } }
    @media (min-width: 1200px) {
      #capabilities #afmstt > div {
        padding: 50px 200px; } }
  #capabilities #afmstt_details {
    background: #ccdae8; }
    #capabilities #afmstt_details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #capabilities #afmstt_details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #afmstt_details > div {
          width: 65%; } }
    #capabilities #afmstt_details h2 {
	background: #ccdae8;
	text-align: center;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: 0.2rem;
    }
    #capabilities #afmstt_details ul {
	list-style-position: inside;
    }
    #capabilities #afmstt_details li {
	overflow: hidden;
	page-break-inside: avoid;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	list-style-type: disc;
	line-height: 1.75rem;
	margin-bottom: 1.5rem;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
    }
#capabilities #mcts_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A url("images/globe.jpg") no-repeat center center;
    background-size: cover;
    border-bottom: solid 10px #FFFFFF; }
    #capabilities #mcts_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #mcts_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #mcts_cta > div {
          width: 65%; } }
    #capabilities #mcts_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #mcts_cta {
        margin-top: 200px; } }
  #capabilities #mcts {
    background: url("images/soldier.jpg") no-repeat center top;
    background-size: cover;
    padding: 50px 20px 50px 20px;
    text-align: center;
    color: #02448D;
    font-weight: 400; }
    #capabilities #mcts > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #mcts > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #mcts > div {
          width: 65%; } }
    @media (min-width: 900px) {
      #capabilities #mcts > div {
        padding: 50px 100px; } }
    @media (min-width: 1200px) {
      #capabilities #mcts > div {
        padding: 50px 200px; } }
  #capabilities #mcts_details {
    background: #ccdae8; }
    #capabilities #mcts_details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #capabilities #mcts_details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #mcts_details > div {
          width: 65%; } }
    #capabilities #mcts_details h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: 0.2rem;
    }
    #capabilities #mcts_details ul {
	list-style-position: inside;
    }
    #capabilities #mcts_details li {
	overflow: hidden;
	page-break-inside: avoid;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	list-style-type: disc;
	line-height: 1.75rem;
	margin-bottom: 1.5rem;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
    }
  #capabilities #integration_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF;
    /*
    // Big Arrow Down
    @include breakpoint(large) { 
    &:before {
    	content: "";
    	position: absolute; bottom: -100px; @include calc(left, "50% - 200px"); z-index: 1;
    	width: 400px; height: 400px; 
    	background: $blue_dark; @include border-radius(50px); @include rotate(45deg);
    }
    }
    */ }
    #capabilities #integration_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #integration_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #integration_cta > div {
          width: 65%; } }
    #capabilities #integration_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #integration_cta {
        margin-top: 200px; }
        #capabilities #integration_cta h2 {
          width: 85%;
          margin: 0 auto; } }
    #capabilities #integration_cta h2 {
      position: relative;
      z-index: 1;
      color: #c0d0e3; }
  #capabilities #integration {
    background: #ccdae8;
    text-align: center;
    padding: 50px 20px 50px 20px; }
    #capabilities #integration > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #integration > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #integration > div {
          width: 65%; } }
    @media (min-width: 900px) {
      #capabilities #integration div {
        padding: 50px 100px; } }
    @media (min-width: 1200px) {
      #capabilities #integration div {
        padding: 50px 200px; } }
  #capabilities #lvcia_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF; }
    #capabilities #lvcia_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #lvcia_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #lvcia_cta > div {
          width: 65%; } }
    #capabilities #lvcia_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #lvcia_cta {
        margin-top: 200px; } }
  #capabilities #lvcia_support {
    background: #06335c url("images/headers/lvc_ia.jpg") no-repeat center center;
    background-size: cover;
    border-bottom: solid 10px #FFFFFF;
    padding: 50px; }
    @media (min-width: 1200px) {
      #capabilities #lvcia_support {
        background-size: 100% auto; } }
    #capabilities #lvcia_support h2 {
      position: relative;
      padding: 30px;
      background: #FFFFFF;
      border-top: solid 20px #7E0A25; }
      @media (min-width: 900px) {
        #capabilities #lvcia_support h2 {
          width: 50%; } }
      #capabilities #lvcia_support h2:before {
        content: "";
        position: absolute;
        top: -37px;
        left: 20%;
        width: 27px;
        height: 27px;
        background: #06335c;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  #capabilities #lvcia {
    background: #e6ecf4;
    padding-top: 50px;
    padding-bottom: 175px; }
    #capabilities #lvcia > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #lvcia > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #lvcia > div {
          width: 65%; } }
      @media (min-width: 900px) {
        #capabilities #lvcia > div {
          -moz-columns: 2;
          -webkit-columns: 2;
          columns: 2;
          -moz-column-gap: 5rem;
          -webkit-column-gap: 5rem;
          column-gap: 5rem; } }
  #capabilities #lvcia_details {
    background: #02448D url("images/collages/lvc_ia.jpg") no-repeat center center;
    background-size: auto 200%; }
    @media (min-width: 1200px) {
      #capabilities #lvcia_details {
        background-size: 100% auto; } }
    #capabilities #lvcia_details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #lvcia_details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #lvcia_details > div {
          width: 65%; } }
    #capabilities #lvcia_details > div > ul, #capabilities #lvcia_details article {
      position: relative;
      top: -140px;
      margin: 0 auto; }
    #capabilities #lvcia_details > div > ul {
      position: relative;
      background: #03315A;
      margin-bottom: 20px;
      padding: 30px; }
      #capabilities #lvcia_details > div > ul:before {
        content: "";
        position: absolute;
        top: -15px;
        left: 30px;
        width: 27px;
        height: 27px;
        background: #e6ecf4;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      #capabilities #lvcia_details > div > ul li {
        display: inline-block;
        border-right: solid 1px #1c466b; }
      #capabilities #lvcia_details > div > ul li:last-of-type {
        border-right: none; }
      #capabilities #lvcia_details > div > ul a {
        margin: 0px 10px;
        font-weight: 700;
        text-transform: uppercase;
        color: #ccdae8; }
    #capabilities #lvcia_details article {
      display: none;
      padding: 30px;
      background: #03315A;
      color: #FFFFFF; }
      #capabilities #lvcia_details article h5 {
        color: #ccdae8; }
      #capabilities #lvcia_details article p {
        font-weight: 500; }
      #capabilities #lvcia_details article ul {
        padding: 0 4rem 4rem 4rem;
        list-style-type: disc; }
    #capabilities #lvcia_details article:nth-of-type(1) {
      display: block; }
    #capabilities #lvcia_details::after {
      display: none; }
  #capabilities #onesaf_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF; }
    #capabilities #onesaf_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #onesaf_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #onesaf_cta > div {
          width: 65%; } }
    #capabilities #onesaf_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #onesaf_cta {
        margin-top: 200px; } }
  
  #capabilities #onesaf_support {
    background: #3E4043 url("images/headers/oneSaf.jpg") no-repeat center right;
    background-size: auto 200%;
    border-top: solid 10px #FFFFFF;
    border-bottom: solid 10px #FFFFFF;
    padding: 50px 50px 100px 50px; }
    @media (min-width: 1200px) {
      #capabilities #onesaf_support {
        background-size: 100% auto; } }
    #capabilities #onesaf_support h2 {
      position: relative;
      padding: 30px;
      background: #FFFFFF;
      border-top: solid 20px #7E0A25; }
      @media (min-width: 1200px) {
        #capabilities #onesaf_support h2 {
          width: 50%; } }
      #capabilities #onesaf_support h2:before {
        content: "";
        position: absolute;
        top: -37px;
        left: 20%;
        width: 27px;
        height: 27px;
        background: #3E4043;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  #capabilities #onesaf {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #e6ecf4; }
    #capabilities #onesaf > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #onesaf > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #onesaf > div {
          width: 65%; } }
      @media (min-width: 900px) {
        #capabilities #onesaf > div {
          -moz-columns: 2;
          -webkit-columns: 2;
          columns: 2;
          -moz-column-gap: 5rem;
          -webkit-column-gap: 5rem;
          column-gap: 5rem; } }
  #capabilities #onesaf ul {
      list-style-position: inside;
      height: 200px; 
      list-style-type: disc;}
      #capabilities #onesaf ul li {
        text-align: left;
        line-height: 1.75rem;
        margin-bottom: 1.5rem;
        padding-left: 1.5rem;
        text-indent: -1.5rem; }
  #capabilities #onesaf_details {
    background: #e9edeb url("images/collages/oneSaf.jpg") no-repeat center center;
    background-size: auto 200%;
    padding-bottom: 100px; }
    @media (min-width: 1200px) {
      #capabilities #onesaf_details {
        background-size: 100% auto; } }
    #capabilities #onesaf_details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #onesaf_details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #onesaf_details > div {
          width: 65%; } }
    #capabilities #onesaf_details ul, #capabilities #onesaf_details article {
      position: relative;
      top: -50px;
      margin: 0 auto; }
    #capabilities #onesaf_details ul {
      position: relative;
      background: #FFFFFF;
      margin-bottom: 20px;
      padding: 30px; }
      #capabilities #onesaf_details ul:before {
        content: "";
        position: absolute;
        top: -15px;
        left: 30px;
        width: 27px;
        height: 27px;
        background: #3E4043;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      #capabilities #onesaf_details ul li {
        display: inline-block;
        border-right: solid 1px #e6e6e6; }
      #capabilities #onesaf_details ul li:last-of-type {
        border-right: none; }
      #capabilities #onesaf_details ul a {
        margin: 0px 10px;
        font-weight: 700;
        text-transform: uppercase;
        color: #03315A; }
    #capabilities #onesaf_details article {
      display: none;
      padding: 30px;
      background: #FFFFFF;
      color: #3E4043; }
      #capabilities #onesaf_details article h5 {
        color: #03315A; }
    #capabilities #onesaf_details article:nth-of-type(1) {
      display: block; }
    #capabilities #onesaf_details::after {
      display: none; }
  #capabilities #gaming_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #7E0A25;
    border-bottom: solid 10px #FFFFFF;
    text-align: center; }
    #capabilities #gaming_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #gaming_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #gaming_cta > div {
          width: 65%; } }
    #capabilities #gaming_cta h2 {
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #capabilities #gaming_cta {
        margin-top: 200px; } }
    #capabilities #gaming_cta p {
      margin-top: 10px;
      color: #FFFFFF; }
  #capabilities #gaming_edge {
    background: #000000 url("images/edge.jpg") no-repeat center center;
    padding: 375px 0 50px 0; }
    #capabilities #gaming_edge > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #gaming_edge > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #gaming_edge > div {
          width: 65%; } }
    #capabilities #gaming_edge ul {
      float: right;
      padding-bottom: 300px; }
      #capabilities #gaming_edge ul li {
        float: left;
        border-left: solid 1px #515356; }
        #capabilities #gaming_edge ul li:first-of-type {
          border-left: none; }
        #capabilities #gaming_edge ul li a {
          margin: 0px 10px;
          text-transform: uppercase;
          color: #FFFFFF; }
        #capabilities #gaming_edge ul li.current {
          display: none; }
    #capabilities #gaming_edge p {
      clear: both;
      padding: 20px;
      background: rgba(0, 0, 0, 0.6);
      color: #FFFFFF; }
      @media (min-width: 900px) {
        #capabilities #gaming_edge p {
          width: 50%;
          float: right; } }
    #capabilities #gaming_edge #gallery {
      display: none; }
  #capabilities #gaming_features {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMDBweCIgc3RvcC1jb2xvcj0iI2RlZTVlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(300px, #dee5e0), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(#dee5e0 300px, #ffffff);
    background-image: -webkit-linear-gradient(#dee5e0 300px, #ffffff);
    background-image: linear-gradient(#dee5e0 300px, #ffffff); }
  #capabilities #artists {
    background-color: #ccdae8; }
  #capabilities #gaming_features,
  #capabilities #artists {
    padding: 0; }
    #capabilities #gaming_features > div,
    #capabilities #artists > div {
      position: relative;
      right: 0%;
      top: 0px;
      width: 100%;
      padding: 75px 50px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      #capabilities #gaming_features > div:after,
      #capabilities #artists > div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 1200px) {
        #capabilities #gaming_features > div,
        #capabilities #artists > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #gaming_features > div,
        #capabilities #artists > div {
          width: 65%; } }
    #capabilities #gaming_features div.next,
    #capabilities #artists div.next {
      position: absolute;
      top: 0px;
      right: -100%; }
    #capabilities #gaming_features div.prev,
    #capabilities #artists div.prev {
      position: absolute;
      top: 0px;
      right: auto;
      left: -100%; }
    #capabilities #gaming_features > div > ul,
    #capabilities #artists > div > ul {
      border-top: dashed 1px rgba(3, 49, 90, 0.25); }
      #capabilities #gaming_features > div > ul li,
      #capabilities #artists > div > ul li {
        padding: 5px 10px;
        border-bottom: dashed 1px rgba(3, 49, 90, 0.25);
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.1rem; }
      #capabilities #gaming_features > div > ul a,
      #capabilities #artists > div > ul a {
        color: #3E4043; }
      #capabilities #gaming_features > div > ul .current a,
      #capabilities #artists > div > ul .current a {
        color: #03315A; }
      #capabilities #gaming_features > div > ul li:first-of-type,
      #capabilities #gaming_features > div > ul li:last-of-type,
      #capabilities #artists > div > ul li:first-of-type,
      #capabilities #artists > div > ul li:last-of-type {
        display: none;
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 40px;
        height: 40px;
        border: none; }
        @media (min-width: 1200px) {
          #capabilities #gaming_features > div > ul li:first-of-type,
          #capabilities #gaming_features > div > ul li:last-of-type,
          #capabilities #artists > div > ul li:first-of-type,
          #capabilities #artists > div > ul li:last-of-type {
            display: block; } }
        #capabilities #gaming_features > div > ul li:first-of-type a,
        #capabilities #gaming_features > div > ul li:last-of-type a,
        #capabilities #artists > div > ul li:first-of-type a,
        #capabilities #artists > div > ul li:last-of-type a {
          display: block;
          width: 40px;
          height: 40px;
          margin: 0px;
          text-indent: -9999px; }
      #capabilities #gaming_features > div > ul li:first-of-type,
      #capabilities #artists > div > ul li:first-of-type {
        left: 15px;
        background: url("images/icons/blue/arrow_left.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #capabilities #gaming_features > div > ul li:first-of-type,
          #capabilities #artists > div > ul li:first-of-type {
            left: -80px; } }
      #capabilities #gaming_features > div > ul li:last-of-type,
      #capabilities #artists > div > ul li:last-of-type {
        right: 15px;
        background: url("images/icons/blue/arrow_right.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #capabilities #gaming_features > div > ul li:last-of-type,
          #capabilities #artists > div > ul li:last-of-type {
            right: -80px; } }
    #capabilities #gaming_features #gallery_link,
    #capabilities #artists #gallery_link {
      margin-top: 15px;
      background: #ccdae8;
      border-bottom: none; }
      #capabilities #gaming_features #gallery_link a,
      #capabilities #artists #gallery_link a {
        color: #03315A; }
    #capabilities #gaming_features article,
    #capabilities #artists article {
      color: #3E4043; }
      #capabilities #gaming_features article .pagination,
      #capabilities #artists article .pagination {
        padding: 0; }
        #capabilities #gaming_features article .pagination li,
        #capabilities #artists article .pagination li {
          list-style-type: none;
          margin-right: 20px;
          float: left;
          border-bottom: solid 1px transparent;
          cursor: pointer; }
          #capabilities #gaming_features article .pagination li.current, #capabilities #gaming_features article .pagination li:hover,
          #capabilities #artists article .pagination li.current,
          #capabilities #artists article .pagination li:hover {
            border-bottom: solid 1px #02448D; }
      #capabilities #gaming_features article article,
      #capabilities #artists article article {
        display: none;
        padding-top: 40px; }
      #capabilities #gaming_features article article:first-of-type,
      #capabilities #artists article article:first-of-type {
        display: block; }
      #capabilities #gaming_features article strong,
      #capabilities #artists article strong {
        color: #03315A; }
      #capabilities #gaming_features article p:last-of-type,
      #capabilities #artists article p:last-of-type {
        margin-top: 0; }
      #capabilities #gaming_features article a,
      #capabilities #artists article a {
        display: block;
        padding: 10px;
        background: rgba(250, 250, 250, 0.2);
        font-weight: 900;
        text-transform: uppercase;
        color: #7E0A25; }
      #capabilities #gaming_features article ul,
      #capabilities #artists article ul {
        padding: 10px 10px 10px 50px;
        list-style-type: disc; }
    @media (min-width: 900px) {
      #capabilities #gaming_features > div > ul,
      #capabilities #artists > div > ul {
        width: 30%;
        float: left;
        margin-right: 5%; }
      #capabilities #gaming_features > div > article,
      #capabilities #artists > div > article {
        width: 65%;
        float: right;
        padding-top: 0; } }
  #capabilities h2.gaming_header {
    background: #7E0A25; }
    #capabilities h2.gaming_header::after {
      background-color: #7E0A25; }
    @media (min-width: 1200px) {
      #capabilities h2.gaming_header {
        padding: 25px 15%; } }
    @media (min-width: 1600px) {
      #capabilities h2.gaming_header {
        padding: 25px 25%; } }
  #capabilities #edge {
    background: #e6ecf4;
    padding-top: 50px;
    padding-bottom: 50px; }
    #capabilities #edge > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #edge > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #edge > div {
          width: 65%; } }
    #capabilities #edge > p:first-child {
      display: block;
      width: -moz-calc(100% + 100px);
      width: -o-calc(100% + 100px);
      width: -webkit-calc(100% + 100px);
      width: calc(100% + 100px);
      margin-bottom: 50px;
      overflow: hidden;
      height: 250px;
      background: url("images/gaming.jpg") center 50% no-repeat;
      background-size: 100% auto; }
      @media screen and (min-width: 600px) {
        #capabilities #edge > p:first-child {
          height: 300px; } }
      @media screen and (min-width: 800px) {
        #capabilities #edge > p:first-child {
          height: 400px; } }
      #capabilities #edge > p:first-child img {
        display: none; }
    @media (min-width: 900px) {
      #capabilities #edge > div {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        -moz-column-gap: 5rem;
        -webkit-column-gap: 5rem;
        column-gap: 5rem; } }
  #capabilities #edge_details {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMDBweCIgc3RvcC1jb2xvcj0iI2RlZTVlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(300px, #dee5e0), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(#dee5e0 300px, #ffffff);
    background-image: -webkit-linear-gradient(#dee5e0 300px, #ffffff);
    background-image: linear-gradient(#dee5e0 300px, #ffffff);
    padding-top: 50px;
    padding-bottom: 50px; }
    #capabilities #edge_details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #edge_details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #edge_details > div {
          width: 65%; } }
    #capabilities #edge_details ul {
      list-style-position: inside; }
      #capabilities #edge_details ul li {
        text-align: center;
        list-style-type: none;
        line-height: 1.75rem;
        margin-bottom: 1.5rem;
        padding-left: 1.5rem;
        text-indent: -1.5rem; }
    @media (min-width: 900px) {
      #capabilities #edge_details ul {
        -moz-columns: 3;
        -webkit-columns: 3;
        columns: 3; }
      #capabilities #edge_details ul li {
        text-align: left;
        list-style-type: disc; } }
  #capabilities #gaming_gallery {
    display: none; }
  #capabilities #training_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF;
    background-color: #03315A;
    overflow: visible; }
    #capabilities #training_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #training_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #training_cta > div {
          width: 65%; } }
    #capabilities #training_cta h2 {
      position: relative;
      z-index: 1;
      text-align: center;
      color: #c0d0e3; }
      @media (min-width: 900px) {
        #capabilities #training_cta h2 {
          width: 50%;
          margin: 0 auto; } }
    @media (min-width: 1200px) {
      #capabilities #training_cta {
        margin-top: 200px;
        background: #03315A url("images/headers/technical.jpg") no-repeat center center;
        background-size: 100% auto; } }
  #capabilities #training_support {
    background: #e6ecf4;
    text-align: center;
    padding: 50px; }
    #capabilities #training_support > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #training_support > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #training_support > div {
          width: 65%; } }
    @media (min-width: 900px) {
      #capabilities #training_support h2 {
        width: 80%;
        margin: 0 auto; } }
  #capabilities #training_support + h2 {
    padding-bottom: 100px; }
    #capabilities #training_support + h2::after {
      bottom: 65px; }
  #capabilities #training_details {
    background: #c8d3cc; }
    #capabilities #training_details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #capabilities #training_details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #capabilities #training_details > div {
          width: 65%; } }
    #capabilities #training_details div {
      position: relative;
      top: -75px;
      margin: 0 auto;
      padding: 0;
      background: #ccdae8; }
      #capabilities #training_details div ul {
        padding: 50px;
        list-style-position: inside; }
        #capabilities #training_details div ul li {
          list-style-type: disc;
          line-height: 1.75rem;
          margin-bottom: 1.5rem;
          padding-left: 1.5rem;
          text-indent: -1.5rem; }
    @media (min-width: 900px) {
      #capabilities #training_details ul {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        -moz-column-gap: 5rem;
        -webkit-column-gap: 5rem;
        column-gap: 5rem; }
      #capabilities #training_details li {
        overflow: hidden;
        page-break-inside: avoid;
        break-inside: avoid-column;
        -webkit-column-break-inside: avoid; } }
    #capabilities #training_details h2 {
      position: relative;
      padding: 25px;
      background-color: #3E4043;
      text-align: center;
      color: #FFFFFF; }
      #capabilities #training_details h2:after {
        content: "";
        position: absolute;
        bottom: -9px;
        left: -moz-calc(50% - 12px);
        left: -o-calc(50% - 12px);
        left: -webkit-calc(50% - 12px);
        left: calc(50% - 12px);
        z-index: 1;
        width: 22px;
        height: 22px;
        background: #3E4043;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }

#seaport {
  /* -------------------------------------------------------------------------------------- */
  /* -- SERVICES -- */
  /* -------------------------------------------------------------------------------------- */
  /* -- TASK ORDERS -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */ }
  #seaport #services_cta {
    position: relative;
    padding: 175px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF; }
    #seaport #services_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #seaport #services_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #seaport #services_cta > div {
          width: 65%; } }
    #seaport #services_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 600px) {
      #seaport #services_cta {
        padding-top: 125px; } }
    @media (min-width: 1200px) {
      #seaport #services_cta {
        margin-top: 200px; } }
  #seaport #services {
    background: #ced7d1;
    text-align: center; }
    #seaport #services > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #seaport #services > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #seaport #services > div {
          width: 65%; } }
    #seaport #services h2 {
      margin-bottom: 20px; }
    #seaport #services ul {
      border-top: dashed 1px rgba(3, 49, 90, 0.25); }
      #seaport #services ul li {
        padding: 5px 10px;
        border-bottom: dashed 1px rgba(3, 49, 90, 0.25);
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.1rem; }
      #seaport #services ul a {
        display: block;
        color: #7E0A25; }
        @media (min-width: 1200px) {
          #seaport #services ul a {
            background: url("images/icons/red/arrow_right.png") no-repeat center right;
            background-size: 2rem; } }
        #seaport #services ul a:hover {
          color: #a55466; }
      #seaport #services ul .current a {
        color: #03315A; }
    @media (min-width: 900px) {
      #seaport #services div {
        display: table;
        text-align: left; }
        #seaport #services div:after {
          content: "";
          display: block;
          clear: both; }
      #seaport #services h2 {
        display: table-cell;
        position: relative;
        height: 100%;
        width: 60%;
        padding-right: 20%;
        vertical-align: middle; }
      #seaport #services ul {
        display: table-cell;
        height: 100%;
        width: 40%; } }
  @media (min-width: 1200px) {
    #seaport #experience {
      padding-top: 28rem; } }
  #seaport #services_details, #seaport #experience {
    background: #ccdae8; }
    #seaport #services_details > div, #seaport #experience > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #seaport #services_details > div, #seaport #experience > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #seaport #services_details > div, #seaport #experience > div {
          width: 65%; } }
    #seaport #services_details ul, #seaport #experience ul {
      list-style-position: inside; }
      #seaport #services_details ul li, #seaport #experience ul li {
        text-align: center;
        list-style-type: none;
        line-height: 1.75rem;
        margin-bottom: 1.5rem;
        padding-left: 1.5rem;
        text-indent: -1.5rem; }
    @media (min-width: 900px) {
      #seaport #services_details div, #seaport #experience div {
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        column-gap: 5rem; }
      #seaport #services_details p + p, #seaport #experience p + p {
        margin-top: 0; }
      #seaport #services_details p, #seaport #experience p {
        padding-bottom: 2rem; }
      #seaport #services_details ul li, #seaport #experience ul li {
        text-align: left;
        list-style-type: disc;
        -webkit-column-break-inside: avoid;
        /* Chrome, Safari */
        page-break-inside: avoid;
        /* Theoretically FF 20+ */
        break-inside: avoid-column;
        /* IE 11 */ } }
  #seaport #quality_cta {
    position: relative;
    padding: 20rem 0 10rem 0;
    background: url("images/QualityAssurance.jpg") no-repeat center;
    border-bottom: solid 10px #FFFFFF;
    background-size: cover; }
    #seaport #quality_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #seaport #quality_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #seaport #quality_cta > div {
          width: 65%; } }
    #seaport #quality_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #seaport #quality_cta {
        margin-top: 200px; } }
  #seaport #experience {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMDBweCIgc3RvcC1jb2xvcj0iI2RlZTVlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(100px, #dee5e0), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(#dee5e0 100px, #ffffff);
    background-image: -webkit-linear-gradient(#dee5e0 100px, #ffffff);
    background-image: linear-gradient(#dee5e0 100px, #ffffff);
    padding: 18rem 0 5rem 0; }
    @media (min-width: 900px) {
      #seaport #experience {
        padding-top: 12rem; } }
    @media (min-width: 1200px) {
      #seaport #experience {
        padding-top: 30rem; } }
    #seaport #experience table {
      max-width: 1000px;
      margin: 0px auto;
      background: #FFFFFF; }
      #seaport #experience table tr *:not(:nth-of-type(2)) {
        display: none; }
      @media (min-width: 600px) {
        #seaport #experience table tr *:nth-of-type(1), #seaport #experience table tr *:nth-of-type(5) {
          display: table-cell; } }
      @media (min-width: 900px) {
        #seaport #experience table tr *:not(:nth-of-type(2)) {
          display: table-cell; } }
      #seaport #experience table th, #seaport #experience table td {
        padding: 10px; }
      #seaport #experience table th {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #22392B;
        color: #FFFFFF;
        border: solid 1px #666666; }
      #seaport #experience table td {
        border: solid 1px #e6e6e6;
        line-height: 1.4; }
      #seaport #experience table td:nth-of-type(2) {
        min-width: 20rem; }
      #seaport #experience table td:nth-of-type(4) {
        width: 20rem; }
      #seaport #experience table caption {
        display: block;
        width: 100%;
        position: absolute;
        bottom: -40px;
        font-weight: 700;
        font-style: italic;
        text-align: center;
        color: #7E0A25; }
  @media (min-width: 1200px) {
    #seaport #experience + h2 {
      padding: 25px 15%; } }
  @media (min-width: 1600px) {
    #seaport #experience + h2 {
      padding: 25px 25%; } }
  #seaport #orders {
    background: #ccdae8;
    padding-top: 12rem; }
    #seaport #orders > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #seaport #orders > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #seaport #orders > div {
          width: 65%; } }
    #seaport #orders h4 {
      width: 100%; }
    #seaport #orders a {
      color: #7E0A25;
      font-weight: 600;
      text-decoration: underline; }
    @media (min-width: 900px) {
      #seaport #orders {
        padding-top: 7rem; }
        #seaport #orders li {
          width: 50%;
          float: left; } }
    @media (min-width: 1200px) {
      #seaport #orders {
        padding-top: 28rem; }
        #seaport #orders li {
          width: 25%; } }

#contracts {
  /* -------------------------------------------------------------------------------------- */
  /* -- CONTRACTS VEHICLES -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- SEAPORT-E -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */ }
  #contracts #vehicles_cta {
    position: relative;
    padding: 300px 0 50px 0;
    background: #02448D url("images/headers/contracts.jpg") no-repeat bottom left;
    background-size: cover;
    border-bottom: solid 10px #FFFFFF; }
    #contracts #vehicles_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #contracts #vehicles_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #contracts #vehicles_cta > div {
          width: 65%; } }
    #contracts #vehicles_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #contracts #vehicles_cta {
        margin-top: 200px; } }
  #contracts #vehicles_cta + h2 {
    padding-bottom: 75px; }
    #contracts #vehicles_cta + h2::after {
      bottom: 65px; }
  #contracts h2:first-of-type::after {
    display: none; }
  #contracts #NAICS {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxMDBweCIgc3RvcC1jb2xvcj0iI2RlZTVlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(100px, #dee5e0), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(#dee5e0 100px, #ffffff);
    background-image: -webkit-linear-gradient(#dee5e0 100px, #ffffff);
    background-image: linear-gradient(#dee5e0 100px, #ffffff);
    padding-bottom: 50px; }
    #contracts #NAICS table {
      position: relative;
      top: -50px;
      max-width: 1000px;
      margin: 0px auto;
      background: #FFFFFF;
      /*
      &:before {
      	content: "";
      	position: absolute; top: -15px; @include calc(left, "50% - 14px");
      	width: 27px; height: 27px; 
      	background: $dark; @include border-radius(4px); @include rotate(45deg);
      }	
      */ }
      #contracts #NAICS table th, #contracts #NAICS table td {
        padding: 10px; }
      #contracts #NAICS table th:first-child, #contracts #NAICS table td:first-child {
        width: 30%;
        padding-left: 30px;
        text-align: left; }
      #contracts #NAICS table th:last-child, #contracts #NAICS table td:last-child {
        width: 70%;
        padding-right: 30px;
        text-align: left; }
      #contracts #NAICS table th {
        padding-top: 20px;
        padding-bottom: 20px;
        background: #22392B;
        color: #FFFFFF; }
      #contracts #NAICS table th:nth-of-type(2) {
        background: #91A799; }
      #contracts #NAICS table td {
        border: solid 1px #e6e6e6; }
      #contracts #NAICS table caption {
        display: block;
        width: 100%;
        position: absolute;
        bottom: -40px;
        font-weight: 700;
        font-style: italic;
        text-align: center;
        color: #7E0A25; }
  @media (min-width: 1200px) {
    #contracts #NAICS + h2 {
      padding: 25px 15%; } }
  @media (min-width: 1600px) {
    #contracts #NAICS + h2 {
      padding: 25px 25%; } }
  #contracts #vehicles {
    background: #dee5e0;
    padding: 0; }
    #contracts #vehicles div {
      position: relative;
      right: 0%;
      top: 0px;
      width: 100%;
      padding: 75px 50px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      #contracts #vehicles div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 1200px) {
        #contracts #vehicles div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #contracts #vehicles div {
          width: 65%; } }
    #contracts #vehicles div.next {
      position: absolute;
      top: 0px;
      right: -100%; }
    #contracts #vehicles div.prev {
      position: absolute;
      top: 0px;
      right: auto;
      left: -100%; }
    #contracts #vehicles > div > ul {
      clear: both;
      padding: 20px 100px;
      text-align: center; }
      #contracts #vehicles > div > ul li {
        display: inline-block; }
        #contracts #vehicles > div > ul li:nth-of-type(2) a {
          margin-left: 0px; }
        #contracts #vehicles > div > ul li a {
          display: block;
          width: 15px;
          height: 15px;
          margin: 0px 5px;
          background: #03315A;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          cursor: pointer;
          text-indent: -9999px; }
      #contracts #vehicles > div > ul li.current a {
        background: #7E0A25; }
      #contracts #vehicles > div > ul li:first-of-type {
        display: none;
        background: url("images/icons/blue/arrow_left.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #contracts #vehicles > div > ul li:first-of-type {
            display: block;
            left: -80px; } }
      #contracts #vehicles > div > ul li:last-of-type {
        display: none;
        background: url("images/icons/blue/arrow_right.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #contracts #vehicles > div > ul li:last-of-type {
            display: block;
            right: -80px; } }
      #contracts #vehicles > div > ul li:first-of-type, #contracts #vehicles > div > ul li:last-of-type {
        position: relative;
        top: -10px;
        width: 40px;
        height: 40px;
        border: none; }
        @media (min-width: 1200px) {
          #contracts #vehicles > div > ul li:first-of-type, #contracts #vehicles > div > ul li:last-of-type {
            position: absolute;
            z-index: 1;
            top: 50%; } }
        #contracts #vehicles > div > ul li:first-of-type a, #contracts #vehicles > div > ul li:last-of-type a {
          display: block;
          width: 40px;
          height: 40px;
          margin: 0px;
          background: none;
          text-indent: -9999px; }
    #contracts #vehicles article {
      position: relative;
      display: block;
      width: 100%;
      margin: 20px 0px;
      padding: 20px;
      background: #c0d0e3;
      border-top: solid 15px #7E0A25; }
      #contracts #vehicles article:nth-of-type(3n) {
        clear: both; }
      #contracts #vehicles article:before {
        content: "";
        position: absolute;
        top: -35px;
        left: 20px;
        width: 27px;
        height: 27px;
        background: #dee5e0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      #contracts #vehicles article h4 {
        font-weight: 700; }
      #contracts #vehicles article p {
        margin: 0 0 1rem 0; }
      #contracts #vehicles article ul {
        line-height: 1.5em;
        padding-left: 20px; }
        #contracts #vehicles article ul li {
          margin-bottom: 1rem;
          list-style-type: disc;
          color: #03315A; }
      @media (min-width: 900px) {
        #contracts #vehicles article {
          width: -moz-calc(50% - 40px);
          width: -o-calc(50% - 40px);
          width: -webkit-calc(50% - 40px);
          width: calc(50% - 40px);
          float: left;
          margin: 20px; } }
  #contracts #seaport_cta {
    position: relative;
    padding-top: 125px;
    background: #02448D url("images/headers/seaport.jpg") no-repeat bottom left;
    background-size: cover;
    border-bottom: solid 10px #FFFFFF;
    text-align: center; }
    @media (min-width: 1200px) {
      #contracts #seaport_cta {
        margin-top: 200px; } }
    #contracts #seaport_cta h2 {
      color: #c0d0e3; }
      @media (min-width: 900px) {
        #contracts #seaport_cta h2 {
          width: 80%;
          float: right;
          text-align: right; } }
  #contracts #seaport {
    padding: 75px 50px;
    background: #e9edeb;
    color: #02448D; }
    @media (min-width: 900px) {
      #contracts #seaport div {
        width: 80%;
        margin: 0 auto;
        -moz-columns: 2;
        -webkit-columns: 2;
        columns: 2;
        -moz-column-gap: 4rem;
        -webkit-column-gap: 4rem;
        column-gap: 4rem; } }
  #contracts #seaport_features {
    background: #9ab4d1;
    padding: 0; }
    #contracts #seaport_features div {
      position: relative;
      right: 0%;
      top: 0px;
      width: 100%;
      padding: 75px 50px; }
      #contracts #seaport_features div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 900px) {
        #contracts #seaport_features div {
          padding: 75px 150px; } }
    #contracts #seaport_features div.next {
      position: absolute;
      top: 0px;
      right: -100%; }
    #contracts #seaport_features div.prev {
      position: absolute;
      top: 0px;
      right: auto;
      left: -100%; }
    #contracts #seaport_features > div > ul {
      border-top: dashed 1px rgba(3, 49, 90, 0.25); }
      #contracts #seaport_features > div > ul li {
        padding: 5px 10px;
        border-bottom: dashed 1px rgba(3, 49, 90, 0.25);
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.1rem; }
      #contracts #seaport_features > div > ul a {
        color: #FFFFFF; }
      #contracts #seaport_features > div > ul .current a {
        color: #03315A; }
      #contracts #seaport_features > div > ul li:first-of-type {
        left: 15px;
        background: url("images/icons/white/arrow_left.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 900px) {
          #contracts #seaport_features > div > ul li:first-of-type {
            left: 50px; } }
      #contracts #seaport_features > div > ul li:last-of-type {
        right: 15px;
        background: url("images/icons/white/arrow_right.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 900px) {
          #contracts #seaport_features > div > ul li:last-of-type {
            right: 50px; } }
    #contracts #seaport_features li:first-of-type, #contracts #seaport_features li:last-of-type {
      position: absolute;
      top: 50%;
      z-index: 1;
      width: 40px;
      height: 40px;
      border: none; }
      #contracts #seaport_features li:first-of-type a, #contracts #seaport_features li:last-of-type a {
        display: block;
        width: 40px;
        height: 40px;
        margin: 0px;
        text-indent: -9999px; }
    #contracts #seaport_features article {
      color: #FFFFFF; }
      #contracts #seaport_features article strong {
        color: #03315A; }
      #contracts #seaport_features article p:last-of-type {
        margin-top: 0; }
      #contracts #seaport_features article a {
        display: block;
        padding: 10px;
        background: rgba(250, 250, 250, 0.2);
        font-weight: 900;
        text-transform: uppercase;
        color: #7E0A25; }
    @media (min-width: 900px) {
      #contracts #seaport_features ul {
        width: 30%;
        float: left;
        margin-right: 5%; }
      #contracts #seaport_features article {
        width: 65%;
        float: right;
        padding-top: 0; } }

#about {
  /* -------------------------------------------------------------------------------------- */
  /* -- OUR STORY -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- LEADERSHIP -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */ }
  #about #story_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #02448D;
    border-bottom: solid 10px #FFFFFF;
    text-align: center; }
    #about #story_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #about #story_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #about #story_cta > div {
          width: 65%; } }
    #about #story_cta h2 {
      color: #c0d0e3; }
    @media (min-width: 1200px) {
      #about #story_cta {
        margin-top: 200px; } }
    #about #story_cta p {
      margin-top: 10px;
      color: #FFFFFF; }
  #about #story {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMDBweCIgc3RvcC1jb2xvcj0iI2RlZTVlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(300px, #dee5e0), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(#dee5e0 300px, #ffffff);
    background-image: -webkit-linear-gradient(#dee5e0 300px, #ffffff);
    background-image: linear-gradient(#dee5e0 300px, #ffffff); }
    #about #story > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 50px;
      padding-bottom: 50px; }
      @media (min-width: 1200px) {
        #about #story > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #about #story > div {
          width: 65%; } }
    #about #story > p:first-child {
      display: block;
      width: -moz-calc(100%);
      width: -o-calc(100%);
      width: -webkit-calc(100%);
      width: calc(100%);
      overflow: hidden;
      height: 190px;
      background: url("images/building2.jpg") center 50% no-repeat;
      background-size: 100% auto; }
      @media screen and (min-width: 600px) {
        #about #story > p:first-child {
          height: 300px; } }
      @media screen and (min-width: 800px) {
        #about #story > p:first-child {
          height: 400px; } }
      #about #story > p:first-child img {
        display: none; }
    @media (min-width: 900px) {
      #about #story div div:nth-of-type(1) {
        width: 35%;
        float: left;
        padding: 0px; }
      #about #story div div:nth-of-type(2) {
        width: 60%;
        float: right;
        padding: 0px; } }
  #about .details {
    background: #ccdae8;
    padding-top: 50px;
    padding-bottom: 50px; }
    #about .details > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #about .details > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #about .details > div {
          width: 65%; } }
    #about .details h4 {
      margin-bottom: 5px;
      padding-bottom: 5px;
      border-bottom: dashed 1px rgba(3, 49, 90, 0.25);
      color: #03315A; }
    #about .details article {
      margin: 0;
      padding: 25px 0; }
      #about .details article ul {
        list-style-type: disc;
        padding-left: 25px; }
    @media (min-width: 600px) {
      #about .details article:nth-of-type(1) {
        width: 45%;
        float: left; }
      #about .details article:nth-of-type(2) {
        width: 45%;
        float: right; }
      #about .details article:nth-of-type(3) {
        clear: both;
        float: none;
        width: 100%; } }
  #about #leadership_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF; }
    #about #leadership_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #about #leadership_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #about #leadership_cta > div {
          width: 65%; } }
    #about #leadership_cta h2 {
      text-align: center;
      color: #c0d0e3; }
    #about #leadership_cta p {
      text-align: center;
      margin-top: 10px;
      color: #FFFFFF; }
    @media (min-width: 1200px) {
      #about #leadership_cta {
        margin-top: 200px; } }
  #about #leaders {
    padding: 0 0 50px 0;
    background: #81a2c6;
    color: #FFFFFF; }
    #about #leaders > div {
      position: relative;
      right: 0%;
      top: 0px;
      width: 100%;
      padding: 50px 50px 0 50px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      #about #leaders > div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 1200px) {
        #about #leaders > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #about #leaders > div {
          width: 65%; } }
    #about #leaders div.next {
      position: absolute;
      top: 0px;
      right: -100%; }
    #about #leaders div.prev {
      position: absolute;
      top: 0px;
      right: auto;
      left: -100%; }
    #about #leaders ul {
      padding: 0px;
      text-align: center;
      border-top: dashed 1px rgba(3, 49, 90, 0.25); }
      #about #leaders ul li {
        padding: 5px 10px;
        border-bottom: dashed 1px rgba(3, 49, 90, 0.25); }
      #about #leaders ul li.current a {
        color: #03315A;
        border-bottom: solid 1px #03315A; }
      #about #leaders ul a {
        margin: 0px 15px;
        font-size: 1.8rem;
        font-weight: 500;
        color: #FFFFFF;
        text-transform: uppercase;
        cursor: pointer; }
      @media (min-width: 1200px) {
        #about #leaders ul {
          border-top: none; }
          #about #leaders ul li {
            display: inline-block;
            border-bottom: none;
            border-left: solid 1px #a6bed7; }
            #about #leaders ul li:nth-of-type(2) {
              border-left: none; }
              #about #leaders ul li:nth-of-type(2) a {
                margin-left: 0px; } }
      #about #leaders ul li:first-of-type,
      #about #leaders ul li:last-of-type {
        display: none;
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 40px;
        height: 40px;
        border: none; }
        @media (min-width: 1200px) {
          #about #leaders ul li:first-of-type,
          #about #leaders ul li:last-of-type {
            display: block; } }
        #about #leaders ul li:first-of-type a,
        #about #leaders ul li:last-of-type a {
          display: block;
          width: 40px;
          height: 40px;
          margin: 0px;
          text-indent: -9999px; }
      #about #leaders ul li:first-of-type {
        left: 15px;
        background: url("images/icons/white/arrow_left.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #about #leaders ul li:first-of-type {
            left: -80px; } }
      #about #leaders ul li:last-of-type {
        right: 15px;
        background: url("images/icons/white/arrow_right.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #about #leaders ul li:last-of-type {
            right: -80px; } }
    #about #leaders article:nth-of-type(1) {
      display: block; }
    #about #leaders article {
      display: none;
      width: 100%;
      position: relative;
      text-align: center; }
      #about #leaders article:after {
        content: "";
        display: block;
        clear: both; }
      #about #leaders article > p:first-child {
        position: relative;
        top: -75px;
        width: 300px;
        margin: 0 auto;
        padding: 0px; }
        #about #leaders article > p:first-child img {
          display: block;
          position: relative;
          z-index: 1;
          width: 100%;
          height: auto;
          background: none;
          -moz-border-radius-bottomleft: 150px;
          -webkit-border-bottom-left-radius: 150px;
          border-bottom-left-radius: 150px;
          -moz-border-radius-bottomright: 150px;
          -webkit-border-bottom-right-radius: 150px;
          border-bottom-right-radius: 150px; }
        #about #leaders article > p:first-child:after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0px;
          width: 300px;
          height: 300px;
          background: #FFFFFF;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%; }
        #about #leaders article > p:first-child:before {
          content: "";
          display: block;
          position: absolute;
          left: -6px;
          bottom: -6px;
          width: 310px;
          height: 310px;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          border: dashed 1px #0250a6; }
      #about #leaders article h4 {
        text-transform: uppercase;
        color: #7E0A25;
        font-weight: 400;
        letter-spacing: 0.2rem; }
      #about #leaders article h5 {
        margin-top: 30px;
        background: rgba(250, 250, 250, 0.2) url("images/icons/white/tv.png") no-repeat 10px 10px;
        background-size: 30px;
        color: #7E0A25; }
        #about #leaders article h5 a {
          display: block;
          padding: 10px 10px 10px 50px; }
    @media (min-width: 1200px) {
      #about #leaders ul {
        text-align: left; }
      #about #leaders article {
        padding-right: 330px;
        text-align: left; }
        #about #leaders article > p:first-child {
          position: absolute;
          top: 0px;
          right: 0%; } }
  #about #support {
    position: relative;
    padding: 125px 0 50px 0;
    background-color: #1b4265; }
    @media (min-width: 1200px) {
      #about #support {
        margin-top: 120px; } }
    #about #support > div {
      position: relative;
      right: 0%;
      top: 0px;
      width: 100%;
      padding: 50px 50px 0 50px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      #about #support > div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 1200px) {
        #about #support > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #about #support > div {
          width: 65%; } }
    #about #support form {
      display: block;
      margin: 0;
      padding: 0; }
    #about #support #mapwrapper {
      position: relative;
      max-width: 1920px;
      margin: 0 auto;
      background-color: #1b4265;
      min-width: 220px; }
    #about #support .map_heading {
      display: none;
      text-align: center;
      color: #c6d8ec;
      margin-top: 20px;
      font-size: 22px; }
    #about #support #legendsTop {
      min-width: 194px;
      margin: 0 auto;
      font-size: 1.1rem; }
      #about #support #legendsTop img {
        width: 110px;
        margin: 0px auto 10px auto; }
      #about #support #legendsTop p {
        padding: 5px;
        text-align: center; }
      #about #support #legendsTop p:nth-of-type(1) {
        background-color: #d8dfe7;
        color: #182d40; }
      #about #support #legendsTop p:nth-of-type(2) {
        color: #d8dfe7;
        background-color: #182d40;
        border: 1px solid #d8dfe7;
        margin-top: 5px; }
      @media (min-width: 900px) {
        #about #support #legendsTop {
          position: absolute;
          bottom: 0;
          width: 110px;
          right: -moz-calc(50% - 220px);
          right: -o-calc(50% - 220px);
          right: -webkit-calc(50% - 220px);
          right: calc(50% - 220px); }
          #about #support #legendsTop img {
            margin-bottom: 0px; } }
    @media (min-width: 900px) {
      #about #support #map_base {
        padding-bottom: 220px; } }
    #about #support #legendsBottom {
      margin: 0 auto;
      padding: 10px;
      max-width: 300px;
      background-color: #a6bed8;
      color: #182d40;
      font-size: 1.1rem; }
      @media (min-width: 900px) {
        #about #support #legendsBottom {
          position: absolute;
          bottom: 0px;
          left: -moz-calc(50% - 250px);
          left: -o-calc(50% - 250px);
          left: -webkit-calc(50% - 250px);
          left: calc(50% - 250px); } }
      #about #support #legendsBottom ul {
        margin: 5px;
        padding: 0 15px;
        line-height: 2rem;
        list-style-type: disc; }
        #about #support #legendsBottom ul ul {
          margin: 0;
          padding: 0; }
        #about #support #legendsBottom ul ul li {
          width: 33%;
          float: left;
          list-style-position: inside; }
    #about #support svg {
      max-height: 100%; }
    @media screen and (max-width: 240px) {
      #about #support #map_base {
        height: 150px;
        width: 98%;
        margin: 0px; } }
    @media screen and (max-width: 320px) and (min-width: 241px) {
      #about #support #map_base {
        height: 204px;
        width: 98%;
        margin: 0px; } }
    @media screen and (max-width: 480px) and (min-width: 321px) {
      #about #support .map_heading_small {
        text-align: center;
        color: #c6d8ec;
        margin-top: 20px;
        font-size: 14px; }
      #about #support #map_base {
        height: 310px;
        width: 98%;
        margin: 0px; } }
    @media screen and (max-width: 568px) and (min-width: 481px) {
      #about #support #map_base {
        height: 370px;
        width: 98%;
        margin: 0px; } }
    @media screen and (max-width: 685px) and (min-width: 569px) {
      #about #support #map_base {
        height: 456px;
        width: 98%;
        margin: 0px; } }
    @media screen and (max-width: 768px) and (min-width: 686px) {
      #about #support #map_base {
        height: 502px;
        width: 98%;
        margin: 0px; } }
    @media screen and (max-width: 1024px) and (min-width: 769px) {
      #about #support #map_base {
        height: 672px;
        width: 98%;
        margin: 0px; } }
    @media screen and (max-width: 1280px) and (min-width: 1025px) {
      #about #support #map_base {
        height: 820px;
        width: 98%;
        margin: 0px; } }
    @media screen and (min-width: 1281px) {
      #about #support #map_base {
        height: 1000px;
        width: 98%;
        margin: 0px; } }
    #about #support .tip {
      display: none;
      padding: 10px;
      border: 1px solid #909eac;
      color: #d8dfe6;
      font-weight: bold;
      z-index: 1000;
      float: left;
      position: absolute;
      word-break: keep-all;
      white-space: nowrap; }

#news {
  /* -------------------------------------------------------------------------------------- */
  /* -- NEWS LISTING -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- NEWS ARTICLE -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */ }
  #news #news_cta {
    position: relative;
    padding: 125px 0 50px 0;
    background: #7E0A25;
    		/*
    		position: relative; padding-top: 125px; 
    		@include breakpoint(large) { margin-top: 200px; }
    		background: $red;
    		border-bottom: none;
    
    		h3 { text-transform: none; color: $light; }
    		p { margin-top: 10px; font-weight: 400; color: tint($blue, 75%); }
    
    		// Un-center
    		@include breakpoint(medium) {
    			padding-left: 175px;
    			h3, p { width: 100%; text-align: left; }
    
    			article {
    				p:first-of-type {
    					position: absolute; left: -125px;
    				}	
    			}
    		}
    		*/ }
    #news #news_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #news #news_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #news #news_cta > div {
          width: 65%; } }
    #news #news_cta h3 {
      text-transform: none;
      color: #FFFFFF;
      padding-top: 25px; }
    #news #news_cta p {
      margin-top: 10px;
      color: #FFFFFF; }
    #news #news_cta article {
      position: relative;
      margin: 0 auto;
      padding: 0;
      text-align: center; }
      #news #news_cta article p:first-of-type {
        position: relative;
        z-index: 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto 30px auto;
        padding-top: 30px;
        padding-left: 0;
        background-color: #3E4043;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        font-size: 2em;
        text-align: center;
        line-height: 1.2em;
        color: #FFFFFF; }
        #news #news_cta article p:first-of-type strong {
          display: block; }
        #news #news_cta article p:first-of-type:before {
          content: "";
          position: absolute;
          top: -5px;
          left: -5px;
          display: block;
          width: 110px;
          height: 110px;
          z-index: 0;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          border: solid 2px #FFFFFF; }
    @media (min-width: 1200px) {
      #news #news_cta {
        margin-top: 200px;
        padding-bottom: 100px; }
        #news #news_cta h3, #news #news_cta p {
          padding-left: 150px;
          text-align: left; }
        #news #news_cta article p:first-of-type {
          position: absolute;
          left: 0; } }
  #news #search {
    background-color: #3E4043;
    padding: 10px inherit; }
    #news #search > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #news #search > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #news #search > div {
          width: 65%; } }
    #news #search form {
      position: relative;
      margin: 0 auto;
      padding-right: 30px; }
    #news #search input[type=text] {
      margin: 0;
      background: none;
      border: none;
      outline: none;
      text-align: right; }
    #news #search input[type=submit] {
      position: absolute;
      right: 0;
      top: -moz-calc(50% - 10px);
      top: -o-calc(50% - 10px);
      top: -webkit-calc(50% - 10px);
      top: calc(50% - 10px);
      width: 20px;
      height: 20px;
      background: url("images/icons/white/search.png") no-repeat center center;
      background-size: 20px; }
  #news #title + #search {
    margin-top: 65px; }
    @media (min-width: 1200px) {
      #news #title + #search {
        margin-top: 265px; } }
  #news #articles {
    background: #ccdae8;
    padding-top: 50px;
    padding-bottom: 50px; }
    #news #articles > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #news #articles > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #news #articles > div {
          width: 65%; } }
    #news #articles ul {
      display: block;
      clear: both;
      float: right; }
      #news #articles ul:after {
        content: "";
        display: block;
        clear: both; }
      #news #articles ul:first-of-type {
        margin-bottom: 50px; }
      #news #articles ul li {
        float: left;
        margin-left: 5px; }
        #news #articles ul li.current a {
          background: #7E0A25; }
        #news #articles ul li a {
          display: block;
          padding: 2px 8px;
          background: #03315A;
          color: #FFFFFF; }
    #news #articles article {
      position: relative;
      margin-bottom: 60px;
      padding: 0 0 0 70px; }
      @media (min-width: 900px) {
        #news #articles article {
          display: table-cell;
          padding: 0 50px 0 70px;
          width: -moz-calc(50% - 25px);
          width: -o-calc(50% - 25px);
          width: -webkit-calc(50% - 25px);
          width: calc(50% - 25px);
          float: left; }
          #news #articles article:nth-of-type(2n) {
            float: right; } }
      #news #articles article p:first-of-type {
        position: absolute;
        left: 0px;
        display: block;
        width: 50px;
        height: 50px;
        z-index: 0;
        background-color: #7E0A25;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        padding-top: 17px;
        text-align: center;
        line-height: 1em;
        color: white; }
        #news #articles article p:first-of-type strong {
          display: block; }
        #news #articles article p:first-of-type:before {
          content: "";
          position: absolute;
          top: -4px;
          left: -4px;
          display: block;
          width: 58px;
          height: 58px;
          z-index: 0;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          border: solid 2px #666666; }
      #news #articles article h3 {
        padding-top: 10px; }
      #news #articles article a {
        font-weight: 500;
        text-transform: uppercase;
        color: #7E0A25; }
  #news article:nth-of-type(2n+1) {
    clear: both; }
  #news #article {
    background: #ccdae8;
    padding-top: 50px;
    padding-bottom: 50px; }
    #news #article > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #news #article > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #news #article > div {
          width: 65%; } }
    #news #article h2 {
      font-weight: 500;
      margin-bottom: 20px; }
    #news #article img {
      width: 100%;
      margin-bottom: 15px; }
    #news #article a {
      display: block;
      padding: 10px;
      margin-bottom: 15px;
      background: rgba(250, 250, 250, 0.2);
      color: #7E0A25; }
    @media (min-width: 900px) {
      #news #article > div aside {
        width: -moz-calc(25% - 20px);
        width: -o-calc(25% - 20px);
        width: -webkit-calc(25% - 20px);
        width: calc(25% - 20px);
        float: left; }
      #news #article > div div {
        width: -moz-calc(75% - 20px);
        width: -o-calc(75% - 20px);
        width: -webkit-calc(75% - 20px);
        width: calc(75% - 20px);
        float: right; } }
    #news #article ul:last-of-type {
      clear: both;
      width: 100%;
      margin-top: 40px; }
      #news #article ul:last-of-type li {
        height: 40px;
        border: none; }
        #news #article ul:last-of-type li a {
          background: none;
          padding-top: 7px;
          text-transform: uppercase;
          display: block;
          height: 40px;
          margin: 0px;
          font-weight: 500;
          color: #03315A; }
      #news #article ul:last-of-type li.previous {
        float: left;
        background: url("images/icons/blue/arrow_left.png") no-repeat center left;
        background-size: 35px; }
        #news #article ul:last-of-type li.previous a {
          padding-left: 40px; }
      #news #article ul:last-of-type li.next {
        float: right;
        background: url("images/icons/blue/arrow_right.png") no-repeat center right;
        background-size: 35px; }
        #news #article ul:last-of-type li.next a {
          padding-right: 40px; }

#employment {
  /* -------------------------------------------------------------------------------------- */
  /* -- CAREERS -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */
  /* -- GALLERY -- */
  /* -------------------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------------------- */ }
  #employment #employment_cta {
    position: relative;
    padding: 100px 0 50px 0;
    background: #03315A;
    border-bottom: solid 10px #FFFFFF; }
    #employment #employment_cta:after {
      content: "";
      display: block;
      clear: both; }
    #employment #employment_cta > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #employment #employment_cta > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #employment #employment_cta > div {
          width: 65%; } }
    #employment #employment_cta h2 {
      color: #c0d0e3; }
    #employment #employment_cta p {
      margin-top: 10px;
      color: #FFFFFF; }
    #employment #employment_cta article {
      position: relative;
      text-align: center; }
      #employment #employment_cta article h3, #employment #employment_cta article h4, #employment #employment_cta article p {
        width: 100%;
        float: none;
        text-align: center;
        color: #c0d0e3; }
      #employment #employment_cta article a {
        display: block;
        padding: 5px 15px;
        background: #1b5798;
        color: #c0d0e3;
        text-transform: none; }
      #employment #employment_cta article > p:first-child {
        position: relative;
        top: -50px;
        width: 200px;
        margin: 0 auto;
        padding: 0px; }
        #employment #employment_cta article > p:first-child img {
          display: block;
          position: relative;
          z-index: 1;
          width: 100%;
          height: auto;
          background: none;
          -moz-border-radius-bottomleft: 150px;
          -webkit-border-bottom-left-radius: 150px;
          border-bottom-left-radius: 150px;
          -moz-border-radius-bottomright: 150px;
          -webkit-border-bottom-right-radius: 150px;
          border-bottom-right-radius: 150px; }
        #employment #employment_cta article > p:first-child:after {
          content: "";
          position: absolute;
          bottom: 0px;
          display: block;
          width: 200px;
          height: 200px;
          background: #FFFFFF;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%; }
        #employment #employment_cta article > p:first-child:before {
          content: "";
          position: absolute;
          left: -6px;
          bottom: -6px;
          display: block;
          width: 210px;
          height: 210px;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          border: dashed 1px #0250a6; }
      #employment #employment_cta article h3 {
        font-size: 2em;
        font-weight: 700;
        color: #FFFFFF;
        margin-bottom: 10px; }
      #employment #employment_cta article h4 {
        font-size: 1.5em;
        font-weight: 500;
        color: #FFFFFF;
        float: none; }
    @media (min-width: 1200px) {
      #employment #employment_cta {
        margin-top: 200px;
        padding-top: 75px; }
        #employment #employment_cta article {
          text-align: left;
          width: 80%;
          margin: 0 auto; }
          #employment #employment_cta article > p:first-child {
            float: left;
            margin-right: 50px; }
          #employment #employment_cta article div {
            float: right;
            width: -moz-calc(100% - 250px);
            width: -o-calc(100% - 250px);
            width: -webkit-calc(100% - 250px);
            width: calc(100% - 250px); }
          #employment #employment_cta article h3, #employment #employment_cta article h4, #employment #employment_cta article p {
            text-align: left; } }
  #employment #employment {
    background: url("images/patterns/careers_top.jpg") repeat;
    text-align: center;
    color: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 50px; }
    #employment #employment > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      @media (min-width: 1200px) {
        #employment #employment > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #employment #employment > div {
          width: 65%; } }
  #employment #employment_features {
    background: url("images/patterns/careers_bottom.jpg") repeat;
    padding: 0; }
    #employment #employment_features > div {
      position: relative;
      right: 0%;
      top: 0px;
      width: 100%;
      padding: 75px 50px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      #employment #employment_features > div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 1200px) {
        #employment #employment_features > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #employment #employment_features > div {
          width: 65%; } }
    #employment #employment_features div.next {
      position: absolute;
      top: 0px;
      right: -100%; }
    #employment #employment_features div.prev {
      position: absolute;
      top: 0px;
      right: auto;
      left: -100%; }
    #employment #employment_features > div > ul {
      border-top: dashed 1px rgba(3, 49, 90, 0.25); }
      #employment #employment_features > div > ul li {
        padding: 5px 10px;
        border-bottom: dashed 1px rgba(3, 49, 90, 0.25);
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 0.1rem; }
      #employment #employment_features > div > ul a {
        color: #FFFFFF; }
      #employment #employment_features > div > ul .current a {
        color: #03315A; }
      #employment #employment_features > div > ul li:first-of-type,
      #employment #employment_features > div > ul li:last-of-type {
        display: none;
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 40px;
        height: 40px;
        border: none; }
        @media (min-width: 1200px) {
          #employment #employment_features > div > ul li:first-of-type,
          #employment #employment_features > div > ul li:last-of-type {
            display: block; } }
        #employment #employment_features > div > ul li:first-of-type a,
        #employment #employment_features > div > ul li:last-of-type a {
          display: block;
          width: 40px;
          height: 40px;
          margin: 0px;
          text-indent: -9999px; }
      #employment #employment_features > div > ul li:first-of-type {
        left: 15px;
        background: url("images/icons/white/arrow_left.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #employment #employment_features > div > ul li:first-of-type {
            left: -80px; } }
      #employment #employment_features > div > ul li:last-of-type {
        right: 15px;
        background: url("images/icons/white/arrow_right.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #employment #employment_features > div > ul li:last-of-type {
            right: -80px; } }
    #employment #employment_features #gallery_link {
      margin-top: 15px;
      background: #ccdae8;
      border-bottom: none; }
      #employment #employment_features #gallery_link a {
        color: #03315A; }
    #employment #employment_features article {
      color: #FFFFFF; }
      #employment #employment_features article .pagination {
        padding: 0; }
        #employment #employment_features article .pagination li {
          list-style-type: none;
          margin-right: 20px;
          float: left;
          border-bottom: solid 1px transparent;
          cursor: pointer; }
          #employment #employment_features article .pagination li.current, #employment #employment_features article .pagination li:hover {
            border-bottom: solid 1px #02448D; }
      #employment #employment_features article article {
        display: none;
        padding-top: 40px; }
      #employment #employment_features article article:first-of-type {
        display: block; }
      #employment #employment_features article strong {
        color: #03315A; }
      #employment #employment_features article p:last-of-type {
        margin-top: 0; }
      #employment #employment_features article a {
        display: block;
        padding: 10px;
        background: rgba(250, 250, 250, 0.2);
        font-weight: 900;
        text-transform: uppercase;
        color: #7E0A25; }
      #employment #employment_features article ul {
        padding: 10px 10px 10px 50px;
        list-style-type: disc; }
    @media (min-width: 900px) {
      #employment #employment_features > div > ul {
        width: 30%;
        float: left;
        margin-right: 5%; }
      #employment #employment_features > div > article {
        width: 65%;
        float: right;
        padding-top: 0; } }
  #employment #employment_eeo {
    background: url("images/patterns/careers_bottom.jpg") repeat;
    padding-bottom: 40px;
    color: #FFFFFF; }
    #employment #employment_eeo > div {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; 
      text-align: center;}
      #employment #employment_eeo > div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 1200px) {
        #employment #employment_eeo > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #employment #employment_eeo > div {
          width: 65%; } }
    #employment #employment_eeo p {
      margin: 0; }
    #employment #employment_eeo a {
      font-weight: 400;
      color: #7E0A25; }
  #employment #awards {
    background: url("images/patterns/careers_bottom.jpg") repeat;
    padding-bottom: 40px; }
    #employment #awards > div {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
      #employment #awards > div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 1200px) {
        #employment #awards > div {
          width: 100%;
          margin: 0 0; } }
      @media (min-width: 1600px) {
        #employment #awards > div {
          width: 65%; } }
    #employment #awards ul {
      text-align: center; }
      #employment #awards ul li {
        display: inline-block;
        vertical-align: middle;
        padding: 15px; }
  #employment #gallery {
    background: #ccdae8;
    padding: 0; }
    @media (min-width: 1200px) {
      #employment #gallery {
        margin-top: 200px; } }
    #employment #gallery > div {
      position: relative;
      right: 0%;
      top: 0px;
      width: 100%;
      padding: 75px 50px 0 50px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      #employment #gallery > div:after {
        content: "";
        display: block;
        clear: both; }
      @media (min-width: 1200px) {
        #employment #gallery > div {
          width: 85%;
          margin: 0 auto; } }
      @media (min-width: 1600px) {
        #employment #gallery > div {
          width: 65%; } }
    #employment #gallery div.next {
      position: absolute;
      top: 0px;
      right: -100%; }
    #employment #gallery div.prev {
      position: absolute;
      top: 0px;
      right: auto;
      left: -100%; }
    #employment #gallery article {
      display: block;
      width: 100%;
      margin: 20px 0px;
      padding: 20px; }
      #employment #gallery article p {
        margin: 0 0 5px 0;
        border: solid 5px #9ab4d1;
        overflow: hidden;
        /*
        img {
        	width: auto;
        	min-width: 100%;
        	
        	height: auto;
        	min-height: 100%;
        }
        */ }
      #employment #gallery article .fullWidth {
        width: 100%;
        height: auto; }
      #employment #gallery article .fullHeight {
        width: auto;
        height: 100%; }
      #employment #gallery article h4 {
        font-weight: 700; }
      @media (min-width: 600px) {
        #employment #gallery article {
          width: -moz-calc(50% - 40px);
          width: -o-calc(50% - 40px);
          width: -webkit-calc(50% - 40px);
          width: calc(50% - 40px);
          float: left;
          margin: 20px; } }
      @media (min-width: 900px) {
        #employment #gallery article {
          width: -moz-calc(33.333% - 40px);
          width: -o-calc(33.333% - 40px);
          width: -webkit-calc(33.333% - 40px);
          width: calc(33.333% - 40px); } }
      @media (min-width: 1200px) {
        #employment #gallery article {
          width: -moz-calc(25% - 40px);
          width: -o-calc(25% - 40px);
          width: -webkit-calc(25% - 40px);
          width: calc(25% - 40px); } }
    #employment #gallery ul {
      clear: both;
      padding: 20px 100px;
      text-align: center; }
      #employment #gallery ul li {
        display: inline-block; }
        #employment #gallery ul li:nth-of-type(2) a {
          margin-left: 0px; }
        #employment #gallery ul li a {
          display: block;
          width: 15px;
          height: 15px;
          margin: 0px 5px;
          background: #03315A;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          cursor: pointer;
          text-indent: -9999px; }
      #employment #gallery ul li.current a {
        background: #7E0A25; }
      #employment #gallery ul li:first-of-type, #employment #gallery ul li:last-of-type {
        position: absolute;
        top: 50%;
        z-index: 1;
        width: 40px;
        height: 40px;
        border: none; }
        #employment #gallery ul li:first-of-type a, #employment #gallery ul li:last-of-type a {
          display: block;
          width: 40px;
          height: 40px;
          margin: 0px;
          background: none;
          text-indent: -9999px; }
      #employment #gallery ul li:first-of-type {
        left: 15px;
        background: url("images/icons/blue/arrow_left.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #employment #gallery ul li:first-of-type {
            left: -20px; } }
      #employment #gallery ul li:last-of-type {
        right: 15px;
        background: url("images/icons/blue/arrow_right.png") no-repeat;
        background-size: 35px; }
        @media (min-width: 1200px) {
          #employment #gallery ul li:last-of-type {
            right: -20px; } }