/* /css/layout.css
light #0083be;	
dark #002c77;*/

.inner {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#page {
  min-height: 100%;
}
#content.home {
  padding-bottom: 160px;
}
#content {
  padding-bottom: 200px;
}
#content table {
  border-collapse: collapse;
  border-spacing: 0;
}
#footerStrip {
  height: auto;
  /*margin-top: -170px; Not needed anymore*/ 
  background: #002c77;
}
#headerStrip {
  background-color: #002c77;
  position: relative;
}
#headerStrip .overlay-header {
  background-image: url('/images/background-bg.jpg');
  background-size: cover;
  background-position: center center;
/*  position: top:0px;*/
  left: 0px;
  opacity: 0.3;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
#headerStrip table, #footerStrip table {
  width: 100%;
}

#footerStrip table{
	padding: 30px 0px;
}

.visuallyHidden {
  display: none !important;
}

.logoStrip .td2, #footerStrip .td2 {
  text-align: right;
}
.logostrip .td1 .footertextlinks {
  vertical-align: middle !important;
}
.logoStrip .td1 a {
  display: block;
  text-decoration-color: #FFFFFF !important;
}
/* Changing the "Go to home" hover into text */
.logoStrip .td1 a span {
  display: none;
  color: #fff;
  /*vertical-align: top;*/
  padding: 16px 0px 0px 40px;
  line-height: 1em; /*1em = 16px*/
  font-size: 1em; /*1em = 16px*/
}
.logoStrip .td1 a:hover span {
  display: inline-flex;
/*  margin-bottom: 10px;*/
}
.logoStrip .td1 a:focus span {
  display: inline-flex;
/*  margin-bottom: 10px;*/
}
/* old go to home hover
.logoStrip .td1 a:hover{
background-image:url('/images/goto-home.png');
background-repeat:no-repeat;	
background-size:auto 100%;
}
#ar .logoStrip .td1 a:hover{
background-image:url('/images/goto-home_ar.png');
background-repeat:no-repeat;	
background-size:auto 100%;
}

*/
.menuStrip {
  position: relative;
  background-color: #0083be;
  z-index: 9980;
}
.menuStrip .gutter {
  position: relative;
  height: 36px;
}
.logoStrip .gutter {
  padding-top: 15px;
  padding-bottom: 5px;
  position: relative;
  z-index: 10;
}
.logoStrip td {
  vertical-align: bottom;
}
#breadcrumb .gutter {
  padding-top: 10px;
  padding-bottom: 10px;
}
#breadcrumb .wrap {
  background: #f4f4f4;
}
#breadcrumb span, #breadcrumb p {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1em; /*1em = 16px*/
  line-height: 24px;
}
#breadcrumb span.breadcrumb, #breadcrumb p.breadcrumb {
  margin-left: -10px;
}
.footerLinks .gutter {
  padding: 20px;
  box-sizing: border-box;
}
#footerStrip td, td.tdSidebar, td.tdMain {
  vertical-align: top;
}
td.tdMain {
  width: 65%;
  box-sizing: border-box;
  padding-right: 5%;
}
.gutter {
  margin-left: 25px;
  margin-right: 25px;
}
table, table td {
  padding: 0px;
  margin: 0px;
}	
table.mainTable {
  width: 100%;
}
.logo {
  margin-bottom: 5px;
  height: 42px;
  width: auto;
}
.dei {
/*  height: 13px;*/
  width: auto;
/*  margin-top: 5px;*/
margin-bottom: 5px;
	color: rgba(255,255,255,0.75);
	background-color: transparent;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 100;
	font-size: 0.775em;
	font-stretch: expanded !important;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.dei img {
padding: 0px 8px 0px 8px;
	width: 10px;
	opacity: .85;
}

.language-select a {
  padding-left: 5px;
}
/* CODE TO FORCE IE 10 and 11 to display image size correctly */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #content .photoBox img {
    width: 100%;
  }
}
/*MENU OVERRIDE*/
#ddmenu ul.ddmenumain {
  width: 100%;
  margin-left: -25px;
}
#ddmenu div.drop {
  top: 36px !important;
  background-color: #002c77;
  width: 100%;
  padding-right: 50px;
}
/*End menu override*/
#search {
  position: absolute;
  right: 0px;
  z-index: 1000;
  margin: 0px;
  height: 100%;
  width: 40px;
  top: 0px;
  transition: all 0.5s;
  box-sizing: border-box;
  /* background-color:#0083be; */
}
#search.open {
  width: 100%;
  padding-right: 40px;
}
#search .search_button {
  /*background-color:#0083be !important; */
}
#search.open .search_button {
  right: 30px;
}
#search .search_text, #search form, #search .search_button {
  height: 100%;
  transition: all 0.5s;
}
#search .search_text {
  width: 100%;
  margin-left: -1px /* just here to cover that little bit of a white dot from the about menu text */
}
.search_text {
  background: none;
  border-bottom: 1px solid #fff;
  height: 30px !important;
  padding-top: 5px;
  margin-right: 25px;
}
.hideblue {
  background: #0083be;
  width: 30px;
  height: 100%;
  position: absolute;
  left: -30px;
  top: 0px;
}
.search_button {
  position: absolute;
  top: 0px;
  right: 0px;
}
.toggle {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 100%;
  z-index: 1000;
  cursor: pointer;
  transition: all 0.15s 0.15s;
  opacity: 0;
  background-image: url('/images/close.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
}
#search.open .toggle {
  opacity: 1;
}
.menuStrip .inner {
  font-size: 0em;
  line-height: 0em;
}
#heroImage.hasImage {
  height: 260px;
  background-size: cover;
  background-position: center top;
  padding-bottom: 20px;
  margin-bottom: 25px;
  position: relative;
}
#heroImage.hasImage .wrap, #heroImage.hasImage .inner, #heroImage.hasImage .gutter {
  height: 100%;
}
#heroImage.hasImage .tboxWrap, #heroImage.hasImage .tbox {
  height: 100%;
}
#heroImage.hasImage .tboxWrap {
  display: table;
}
#heroImage.hasImage .tbox {
  display: table-cell;
  vertical-align: bottom;
}
#heroImage .tboxWrap, #heroImage .tbox {
  padding-bottom: 15px;
}
#heroImage.hasImage .overlay {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #002c77, #000000 100%) repeat scroll 0 0;
  opacity: .8;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.tdMain .gutter {
  margin-left: 0px;
  margin-right: 0px;
}
.tdSidebar .gutter {
  margin-right: 0px;
}
.embed-container {
  position: relative;
  padding-bottom: 52.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin: 25px 0px 25px 0px;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*TYPOGRAPHY*/
h1, h2, h3, h4, h5, h6, p, ul, li, ol {
  margin: 0px;
  padding: 0px;
  font-weight: 400;
}
h1 {
  font-size: 1.75em; /*1.75em = 28px*/
/*  line-height: 2em; */ /*2em = 32px*/
  color: #002c77;
  margin-bottom: 15px;
  margin-top: 20px;
  font-weight: 600;
}
#heroImage.hasImage h1, #heroImage.hasImage h2, #heroImage.hasImage h3 {
  color: #fff;
  position: relative;
  z-index: 10;
}
#heroImage.hasImage .smTboxTxt, #heroImage.hasImage h4 {
  color: #fff;
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #0083be;
  padding-bottom: 5px;
  margin-bottom: -10px;
  display: block;
  font-size: 1.125em; /*1.125em = 18px*/
  line-height: 1.375em; /*1.375em = 22px*/
}
#heroImage h4.subhead {
  margin-top: -10px;
  margin-bottom: 20px;
}
h2 {
  font-size: 1.5em; /*1.5em = 24px*/
  line-height: 1.75em; /*1.75em = 28px*/
  color: #002c77;
  font-weight: 400;
}
h3 {
  font-size: 1.275em; /*1.375em = 22px*/ 
  line-height: 1.5em; /*1.5em = 24px*/
  color: #3A3A3A;
  font-weight: 400;
}
.tdSidebar h3 {
  font-size: 1.125em; /*1.125em = 18px*/
  line-height: 1.375em; /*1.375em = 22px*/
  color: #545454;
}
.tdSidebar span {
  font-size: 1rem; /*1.125em = 18px*/
  line-height: 1.375rem; /*1.375em = 22px*/
  color: #545454;
padding: 0px 0px 3px 0px;
	display: block;
}
h4 {
  font-size: 1.125em; /*1.125em = 18px*/
  line-height: 1.375em; /*1.375em = 22px*/
  color: #545454;
}
p, li, td {
  font-size: 1em; /*1em = 16px*/
  line-height: 1.625em; /*1.5em = 24px*/ 
  color: #545454;
}
#content .caption {
  font-size: 0.75em; /*0.75em = 12px*/
  line-height: 1em; /*1em = 16px*/
}
#content li {
  margin-left: 17px;
  padding-bottom: 5px;
}
#content ul li:last-child {
  padding-bottom: 0px;
}
#footerStrip p {
  color: #fff;
  font-size: 0.75em; /*0.75em = 12px*/
  line-height: 1.5em; /*1.125em = 18px*/
}
#content p {
  margin-bottom: 15px;
}
#content h2 {
  margin-top: 15px;
  margin-bottom: 5px;
  position: static;
}
#content h3 {
  margin-top: 10px;
  margin-bottom: 5px;
  position: static;
}
#content h4 {
  margin-top: 5px;
  margin-bottom: 5px;
  position: static;
}
#content ul, #content ol {
  margin-bottom: 3px;
}
.box {
  padding: 20px;
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
  border-bottom: 10px solid #e9e9e9;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.box li {
  padding: 8px 0px;
}

.box.logoBox {
  background: none;
  border: none;
  padding-bottom: 20px;
  text-align: center;
}
.box.photoBox {
  background: none;
  border: none;
  padding: 0px;
}
.addthis_toolbox {
  margin-bottom: 15px;
  height: 15px;
}
.footerLogos {
  text-align: center;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  position: relative;
  z-index: 100;
  padding-top: 10px;
  padding-bottom: 10px;
}
.footerLogos img {
  height: auto;
  width: 70%;
  max-height: 140px;
  max-width: 203px;
}
.footerAdd {
  line-height: 50px;
  font-size: 1em; /*1em = 16px*/
  text-align: center;
  border-top: 1px solid #e9e9e9;
  background: #f9f9f9;
}
.footerLogosTable {
  table-layout: fixed;
}
#footerStrip .footerLogosTable td {
  text-align: center;
  vertical-align: middle;
}
.footerLogos .gutter {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}
#footerStrip {
  background: #002c77;
}
.companyTitle {
  display: none;
}
.footerAdd img {
  height: 22px;
  width: auto;
  position: relative;
  top: 5px;
  padding-right: 5px;
}
.footerAdd a {
  font-size: 1em; /*1em = 16px*/
  line-height: 50px;
}
#footerStrip .footerLogos p {
  font-size: 1.25em; /*1.25em = 20px*/
  line-height: 1.25em; /*1.25em = 20px*/
  color: #4e4e4e;
  position: static;
}
.CTA {
  background: #007DB8; /*0083be doesnt have enough contrast*/
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.footerCTA {
  font-size: 1.375em; /*1.250em = 20px */
}

.footerCTA a {
  color: #fff;
  background-color: transparent;

}

.fasocialiconwrap > td a {
  padding-left: 5px;
  padding-right: 5px;
}
#socialtd {
  vertical-align: middle !important
}
.socialiconwrap a {
  padding-left: 10px;
}
#footerStrip .footerLinks p {
  color: #BFBFBF;
  background-color: transparent;
}
#footerStrip .footerLinks a {
  color: #fff;
  background-color: transparent;
}
#footerStrip .footerLinks a:hover {
  color: #0083be;
  background-color: transparent;
}
/*THUMBNAILS*/
.thumbWrap {
  padding-top: 20px;
  padding-bottom: 20px;
}
.thumb {
  display: block;
  float: left;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  box-sizing: border-box;
  background-position: center;
  background-size: cover; /*BETTER AS COVER? */
  background-repeat: no-repeat;
}
.thumbWrap.col4 .thumb {
  width: 25%;
  height: 220px;
}
.thumbWrap.col3 .thumb {
  width: 33.33%;
  height: 220px;
}
.thumbWrap.col5 .thumb {
  width: 20%;
  height: 190px;
}
.thumbWrap.col2 .thumb {
  width: 50%;
  height: 220px;
}
.thumbWrap.col1 .thumb {
  width: 100%;
  height: 300px;
}
.thumbWrap.col1.larger .thumb {
  height: 320px;
}
.thumbWrap.col1.larger .thumb.mfg{
  height: 350px;
}
.thumbWrap.col2.larger .thumb {
  height: 320px;
}
.thumbWrap.col3.larger .thumb {
  height: 320px;
}
.thumbWrap.col4.larger .thumb {
  height: 320px;
}
.thumbWrap.col5.larger .thumb {
  height: 290px;
}
.thumbWrap.larger .learn {
  position: absolute;
  bottom: 14%;
  text-align: center;
  z-index: 120;
  width: 100%;
}
.thumbWrap.larger .learn a {
  display: inline-block;
  width: 140px;
  padding-top: 7px;
  padding-bottom: 5px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 0.875em; /*0.875em = 14px*/
  line-height: 1.3125em; /*1.3125em = 21px */
  transition: all .15s;
}
.thumbWrap.larger .thumb:hover .learn a {
  color: #0083be;
  background: #fff;
}
/* ADA Compliant span instead of extra "learn more" link */
.thumbWrap.larger .learn span {
  display: inline-block;
  width: 180px;
  padding-top: 7px;
  padding-bottom: 5px;
  color: #fff;
  border: 1px solid #fff;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 1em; /*1em = 16px*/
  line-height: 1.375em; /*1.375em = 22px*/
  transition: all .15s;
}
.thumbWrap.larger .thumb:hover .learn span {
  color: #0083be;
  background: #fff;
}
.thumbWrap.larger .thumb:hover p {
  color: #fff;
}
.mid {
  height: 100%;
  width: 100%;
  display: table;
}
.midInner {
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.thumb .overlay, .careersBg .overlay {
  background: rgba(0, 44, 119, 0.8);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  opacity: 1;
  transition: all .15s;
}
.thumb .overlay.pdf {
  background: rgba(17, 74, 85, 0.9); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(rgba(17, 74, 85, 1.00), rgba(17, 74, 85, 0.9)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(rgba(17, 74, 85, 1.00), rgba(17, 74, 85, 0.9)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(rgba(17, 74, 85, 1.00), rgba(17, 74, 85, 0.9)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(17, 74, 85, 1.00), rgba(17, 74, 85, 0.9)); /* Standard syntax */
}
.thumb .overlay.red {
  background: rgba(119, 0, 0, 0.6)
}
.thumb .overlay.black {
  background: rgba(0, 0, 0, 0.6)
}
.thumb .overlay.grey {
  background: gray;
	opacity: 0.7;
}

.thumb .overlayLink {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 200;
  display: block;
}
.thumb:not(.noHover):hover .overlay {
  opacity: 0.7;
}



#content .thumb h2 {
  text-align: center;
  position: relative;
  z-index: 100;
  color: #fff;
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.250rem; /*1.375em = 22px*/
  line-height: 1.250rem; /*1.75em = 28px*/
top: 0px;
}

#content .thumb h3 {
  text-align: center;
  position: relative;
  z-index: 100;
  color: #fff;
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.250em; /*1.375em = 22px*/
  line-height: 1.250em; /*1.75em = 28px*/
}

.thumbWrap p {
  text-align: center;
  position: relative;
  z-index: 100;
  color: #fff;
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 22px;
  /* color:#d4d4d4;*/
  font-size: 1em; /*1em = 16px*/
  line-height: 1.375em; /*1.375em = 22px*/
}
.larger .midInner {
  vertical-align: top;
  padding-top: 14%;
}

.col3.larger .midInner {
  vertical-align: top;
  padding-top: 27% !important;
}

.midMiddle {
  display: table-cell;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.thumbWrap.col1.larger .midInner {
  padding-top: 15%;
}
.thumb h3 a {
  color: #fff;
  background-color: transparent;
}
.thumb img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0%;
  left: 0%;
}
.thumbWrap .links {
  position: absolute;
  text-align: center;
  left: 0px;
  width: 100%;
  bottom: 15%;
  z-index: 20;
  display: none;
}
.thumbWrap .links a {
  display: inline-block;
  width: 140px;
  padding-top: 7px;
  padding-bottom: 5px;
  color: #fff;
  border: 1px solid #fff;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 0.875em; /*0.875em = 14px*/
  line-height: 1.3125em; /*1.3125em = 21px*/
}
.thumb:hover .links a {
  background: #fff;
  color: #0081bc;
  text-decoration: none;
}
.clearFix {
  clear: both;
  float: none;
}
/*END THUMBNAILS*/
/*OTHER CONTENT STYLES*/
.col2List { /*IE SUPPORT? maybe float 45% */
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.col2List li {
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
}
.col2List li .nobreak {
  /* overflow:hidden;	 /*not showing bullets on safari / chrome */
}
#content ul.col2List li:last-child {
  padding-bottom: 15px;
}
/*END OTHER CONTENT STYLES */
.collapse-button {
  top: 19px !important;
}
.menu-collapser {
  width: 50px !important;
  height: 38px !important;
}
#mmenu {
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
#mmenu.on {
  opacity: 1;
}
.goRight {
  float: right;
  padding-left: 15px;
  padding-bottom: 15px;
}
.goLeft {
  float: left;
  padding-right: 15px;
  padding-bottom: 15px;
}
ul.content {
  list-style: disc;
}
/* Hide bullet icon in lists */
ul.noBullet li {
  list-style-type: none !important;
  list-style-image: none !important;
  padding-left: 0px !important;
  margin: 0px !important;
  display: inline-block;
  width: 100%;
}
#content img {
  max-width: 100%;
  height: auto;
}
.productLink {
  color: #545454;
}
.productLink a, .productLink {
  font-size: 1em; /*1em = 16px*/
  line-height: 1.5em; /*1.5em = 24px*/
}
#content .awardimage {
  min-width: 180px;
  padding-left: 30px;
  border-left: 1px solid #e9e9e9;
  vertical-align: top;
}
.awards_table .notmobile {
  min-width: 30px;
}
.award-break {
  height: 30px;
}
.col2Table td:first-child {
  padding-right: 20px;
  box-sizing: border-box;
}
.col2Table {
  width: 100%;
}
.col2Table td {
  box-sizing: border-box;
  vertical-align: top;
  width: 50%;
}
.headshotWrapper .headshot p {
  display: none;
}


.pdfImg {
  display: block;
  margin-top: 10px;
}
.pdfImg img {
  padding: 5px;
  /*border:1px solid #e9e9e9;*/
  background: #fff;
}
#content .languages li.pdf {
  margin-left: 25px;
  list-style-image: none;
  list-style: none;
}
.flag {
  position: relative;
  top: 2px;
  margin-right: 10px;
  border: 1px #666 solid;
}
.goBack img {
  position: relative;
  top: -5px;
}
#clickme {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: none;
  background: #0083be;
  margin-bottom: 25px;
  color: #fff;
}
#clickme p {
  color: #fff;
}
#clickme .gutter {
  background: #0083be;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
}
a.fancybox-image {
  display: inline-block;
  width: auto;
}
.close {
  float: right;
  padding-left: 20px;
  padding-top: 5px;
}
/* EMPTY PAGES */
h2.separator {
  margin-bottom: 20px !important;
}
.empty h2 {
  position: static;
}
h4.separator {
    border-top: none;
    border-bottom: 1px solid #D2D8DE;
    width: 300px;
    left: 0px;
    position: relative;
	padding: 8px 0px 0px 0px;
}
.empty p {
  margin-bottom: 15px;
}
.empty li {
  margin-left: 17px;
}
/* END EMPTY PAGES */
.notFound {
  display: none;
}
#contactform table {
  width: 100%;
  max-width: 840px;
}
#contactform td {
  width: 50% !important;
  box-sizing: border-box;
}
#contactform td input, #contactform td textarea, #contactform td select {
  width: 100% !important;
  padding: 5px;
  box-sizing: border-box;
}
#contactform td.radios input {
  width: 20px !important;
  position: relative;
  top: -2px;
  left: -5px;
}
#contactform td.radios label {
  padding-right: 15px;
}
#SubmitSection input, #contactform td #btnAgree {
  width: 150px !important;
}
#contactform td.radios table {
  width: 100%;
}
#contactform td input[type='checkbox'] {
  width: auto !important;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 0px;
}
#contactform td.radios table td, #contactform td.radios table tr {
  display: inline-block;
  width: auto !important;
  box-sizing: border-box;
  padding: 0px !important;
}
.small {
  line-height: 16px;
}
.applyButton a {
  color: #fff;
  background-color: transparent;
}
#twitter-widget-0 {
  width: 100% !important;
  border: 1px solid #e9e9e9 !important;
}
.twitterHold {
  padding: 5%;
  padding-top: 30px;
  padding-bottom: 30px;
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
  border-bottom: 10px solid #e9e9e9;
  margin-top: 15px;
}
.multimedia {
  width: 50% !important;
}
.redefine #footerStrip {
  margin-top: 0px;
/*  height: auto;*/
/*  padding-bottom: 90px;*/
}
.redefine .copyright {
  display: none;
}
/* .redefine .CTA{
display:none;	
} */
#page-inner {
  position: relative;
  z-index: 10;
}
.col_cell .links a:hover {
  text-decoration: none;
}
/*ARABIC*/
#ar .dei {
  opacity: 0;
}
#ar #mmenu {
  padding-right: 40px;
  box-sizing: border-box;
  direction: rtl;
}
#ar .leftPanel {
  direction: rtl;
  float: right;
}
#ar .socialiconwrap a {
  padding-left: 0px;
  padding-right: 10px;
}
#ar #content, #ar #heroImage {
  direction: rtl;
}
#ar #content .frontNTU {
  direction: ltr;
}
#ar #footerStrip {
  direction: rtl;
}
#ar #footerStrip .td1 {
  text-align: left;
}
#ar #content ul {
  padding-right: 12px;
}
#ar #content ul.slides {
  padding-right: 0px;
}
#ar .tdSidebar .gutter {
  margin-left: 0px;
  margin-right: 25px;
}
#ar #contactform table {
  margin-left: auto;
  margin-right: auto;
}
/*IEEE*/
.ieeeContent {
  background-image: url('/images/landingpage-IEEE-background.jpg');
  background-size: cover;
}
.ieeeWrap {
  margin-left: auto;
  margin-right: auto;
  background: none;
}
.wrap.white {
  background: #fff;
}
.max900 .inner {
  max-width: 900px;
}
.innerPad .gutter {
  padding-top: 30px;
  padding-bottom: 30px;
}
.ieeePage #content {
  padding-bottom: 240px;
}
/*Careers text box update */
#keywordsearch {
  line-height: 1em;
  font-size: 1em;
}
.careers #keywordsearch-q {
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 80%;
  box-sizing: border-box;
  border: 0px;
  background-color: #fff;
  line-height: 1.25rem; /*1em = 16px*/
  font-size: 1.25rem; /*1em = 16px*/
  color: #4e4e4e;
  background-repeat: no-repeat;
  background-position: center right;
  border-radius: 10px 0px 0px 10px;
}
.careers #keywordsearch-button {
/*  padding: 15px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  width: 20%;
  box-sizing: border-box;
  border: 0px;
  background-color: #0083be;
  line-height: 1em; /*1em = 16px*/
  font-size: 1em; /*1em = 16px*/
  color: #fff;
  cursor: pointer;
  border-radius: 0px 10px 10px 0px;
	float: right;
}
.careers input::-webkit-input-placeholder { /* Chrome */
  color: #949494;
  font-style: italic;
}
.careers input:-ms-input-placeholder { /* IE 10+ */
  color: #949494;
  font-style: italic;
}
.careers input::-moz-placeholder { /* Firefox 19+ */
  color: #949494;
  opacity: 1;
  font-style: italic;
}
.careers input:-moz-placeholder { /* Firefox 4 - 18 */
  color: #949494;
  opacity: 1;
  font-style: italic;
}
/*Additional styles April 2017*/
.image-caption-hold {
  max-width: 100%;
  margin-bottom: 15px;
  background: #e9e9e9;
  padding-bottom: 5px;
  text-align: center;
  padding-top: 20px;
}
.image-caption-hold img {
  padding-bottom: 15px;
}

ul.arrow {
  list-style-image: url(../images/arrow-white-small-01.png);
  vertical-align: top
}

#content li {
  list-style-image: url('/images/list-bullet.gif');
}
#ar #content li {
  list-style-image: url('/images/list-bullet-rtl.gif');
}
#ar #content li.flex-nav-prev, #ar #content li.flex-nav-next {
  list-style-image: none;
}
#content .tdSidebar li.pdf {
  list-style-image: url('/images/download.png');
  line-height: 21px;
}
#content .tdSidebar li.pdf a {
  font-weight: bold;
  line-height: 18px;
}
/*Additional styles May 2017*/
.multimedia-page .embed-container {
  width: 100%;
}
/*side photogallery*/
#content .gallery .flexslider ul, #content .gallery .flexslider li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}
.gallery .flex-prev, .gallery .flex-next {
  font-size: 0em;
}
#content .gallery {
  overflow: hidden;
}
#content .gallery .flexslider {
  margin-bottom: 0px;
}
#content .gallery .flex-control-nav a {
  top: 55%;
}
#content .gallery .flex-control-nav {
  /*display:none;	*/
  bottom: 05px;
  z-index: 989;
}
#content .gallery .flex-control-paging li a {
  width: 17px;
  height: 17px;
}
#content .gallery .flex-control-paging li {
  margin-left: 4px;
  margin-right: 4px;
}
/*Col1 with logo*/
.thumbWrap.noPadding {
  padding-top: 5px;
}
#content .thumb .logoCallout img, #content .thumb .logoCalloutTransparent img, #content .thumb .logoCalloutTransparentTall img, #content .thumb .logoCalloutTransparentSmall img {
  position: relative;
  z-index: 100;
  height: 100%;
  width: auto;
  padding: 1%;
  padding-left: 3%;
  padding-right: 3%;
  box-sizing: border-box;
  border-radius: 2px;
}
#content .thumb .logoCallout img {
  background: rgba(256, 256, 256, 0.8);
}
#content .thumb .logoCalloutTransparent img, #content .thumb .logoCalloutTransparentTall img, #content .thumb .logoCalloutTransparentSmall img {
  background: none;
}
#content .thumb .logoCalloutTransparent, #content .thumb .logoCallout {
  height: 50px;
  margin-top: 10px;
}
#content .thumb .logoCalloutTransparentTall {
  height: 75px;
  margin-top: 10px;
}
#content .thumb .logoCalloutTransparentSmall {
  height: 30px;
  margin-top: 10px;
}
.gallery .flex-direction-nav .flex-prev {
  left: 10px;
  opacity: 1;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.6);
  line-height: 31px;
  text-align: center;
}
.gallery .flex-direction-nav .flex-next {
  right: 10px;
  opacity: 1;
  border-radius: 31px;
  background: rgba(0, 0, 0, 0.6);
  line-height: 31px;
  text-align: center;
}
.gallery .overlayText {
  position: absolute;
  bottom: 0%;
  left: 0%;
  z-index: 300;
  width: 100%;
  background: rgba(0, 0, 0, 0.35);
  padding: 15px;
  box-sizing: border-box;
  text-align: center;
}
#content .gallery h3, #content .gallery p {
  color: #fff;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#content .gallery a.cta {
  padding: 10px;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.875em; /*0.875em = 14px*/
  line-height: 0.875em; /*0.875em = 14px*/
  background: #0083be;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s;
  margin-top: 5px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  transition: all 0.15s;
}
#content .gallery a.cta:hover {
  color: inherit;
  background: #002c77;
}
.tdSidebar .gallery a {
  cursor: zoom-in;
}
.overlayIcon.pdf {
  background-image: url('/images/pdf-banner-lg.png');
  background-size: 100% 100%;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 200;
}
.overlayIcon.tech {
  background-image: url('/images/tech-demonstrator-banner.png');
  background-size: 100% 100%;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 200;
}
/*may 22*/
.twovids {
  width: 100%;
  text-align: center;
}
.twovids td {
  width: 50%;
  vertical-align: top;
  padding-bottom: 15px;
}
.twovids td:nth-child(odd) {
  padding-right: 2%;
  box-sizing: border-box;
}
.twovids td:nth-child(even) {
  padding-left: 2%;
  box-sizing: border-box;
}
#ar .twovids td:nth-child(odd) {
  padding-left: 2%;
  box-sizing: border-box;
}
#ar .twovids td:nth-child(even) {
  padding-right: 2%;
  box-sizing: border-box;
}
.twovids p {
  margin-top: -10px;
}
.twovids .embed-container {
  padding-bottom: 56.25%;
}
/*owl on a secondary*/
#secondOwlWrap { /*Not needed i guess */
  padding: 20px;
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
  border-bottom: 10px solid #e9e9e9;
}
#secondOwl {
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #fff;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
#secondOwl .owl-item {
  text-align: center;
}
#secondOwlInner {
  width: 100%;
  display: table-row;
  position: relative;
}
.owl-next:before {
  font-family: "flexslider-icon";
  font-size: 0.875em; /*0.875em = 14px*/
  display: block;
  content: '\f002';
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  line-height: 30px;
}
.owl-next {
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  overflow: hidden;
}
.owl-prev:before {
  font-family: "flexslider-icon";
  font-size: 0.875em; /*0.875em = 14px*/
  display: block;
  content: '\f001';
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  line-height: 30px;
}
.owl-prev {
  background: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  left: -15px;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  overflow: hidden;
}
#secondOwl .on {
  display: none;
}
#secondOwl .owl-item:hover .on {
  display: inline-block;
}
#secondOwl .owl-item:hover .off {
  display: none;
}
#secondOwl img {
  width: 70%;
  height: auto;
  max-width: 150px;
  display: inline-block;
}
#flagOwlWrap { /*Not needed i guess */
  padding: 20px;
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
  border-bottom: 10px solid #e9e9e9;
}
#flagOwl {
  display: table;
  width: 100%;
  table-layout: fixed;
  background: #fff;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
#flagOwl .owl-item {
  text-align: center;
}
#flagOwlInner {
  width: 100%;
  display: table-row;
  position: relative;
}
#flagOwl .on {
  display: none;
}
#flagOwl .owl-item:hover .on {
  display: inline-block;
}
#flagOwl .owl-item:hover .off {
  display: none;
}
#flagOwl img {
  width: 70%;
  height: auto;
  max-width: 150px;
  display: inline-block;
}
#footerStrip .td0 {
  width: 100px;
}
#footerStrip .td0 img {
  /*width: 90px;*/ /*for anniversary logo*/
  /*height: 90px;*/ /*for anniversary logo*/
  /*padding-top: 16px;*/ /*for anniversary logo*/
  padding-top: 5px; /*for normal logo*/
  width: 130px; /*for normal logo*/
  height: auto; /*for normal logo*/
  padding-right: 40px;
  vertical-align: middle !important;
}

.careersBg {
  background-image: url('/images/careers-search-bg.jpg');
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  padding: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 25px;
}
.careersContent {
  position: relative;
  z-index: 100;
}
.text-left {
  text-align: left;
}
.careersBg h3, .careersBg li, .careersBg li a {
  color: #fff;
  background-color: transparent;
}
.careers #keywordsearch-button {
  padding-top: 10px;
  padding-bottom: 10px;
font-size: 1.25rem;
}
#content .careersBg li {
  list-style: disc;
}
.noTopPad {
  padding-top: 0px;
}
.col3 {
  width: 100%;
}
.col3 td {
  width: 33.3%;
  vertical-align: top;
  padding-right: 2%;
  box-sizing: border-box;
}
/*CONTACT CARD UPDATE - JULY 25 - 2017 */
.aCard, #contactform tbody {
  padding: 20px;
  border: 1px solid #e9e9e9;
  background: #fff;
  border-bottom: 10px solid #e9e9e9;
  margin-bottom: 20px;
  display: block;
}
#contactform select, #contactform input, #contactform textarea, #contactform .checkboxes li {
  font-size: 1em; /*1em = 16px*/
}
#content .cardTitle {
  margin: -21px;
  background: #0083be;
  color: #fff;
  padding: 20px;
  margin-bottom: 20px;
}
#contactform td {
  padding: 0px;
  padding-bottom: 5px;
  box-sizing: border-box;
}
#contactform #commonSection td {
  font-size: 1em; /*1em = 16px*/
  color: #848484;
  /*font-style:italic;*/
}
#contactform #commonSection td.td_left {
  padding-right: 20px;
  padding-bottom: 30px;
}
#contactform #commonSection td.td_right {
  padding-left: 20px;
  padding-bottom: 30px;
}
#contactform #commonSection #companyWebsiteSection td.td_right, #contactform #commonSection #companyWebsiteSection td.td_left {
  padding-bottom: 15px;
}
#contactform #commonSection input {
  border: 0px;
  border-bottom: 1px solid #d4d4d4;
  font-size: 1em; /*1em = 16px*/
  height: 40px;
}
#contactform tr {
  display: table;
  width: 100%;
}
.g-recaptcha {
  margin-bottom: 5px;
}
#contactform td.titleHolder {
  padding-top: 0px;
  width: 100%;
}
#contactform td select {
  font-size: 1em; /*1em = 16px*/
  height: 40px;
  background: #fff;
  border: 1px solid #d4d4d4;
  margin-bototm: 10px;
}
#contactform td select#Country, #contactform td select#txtCountry, #contactform td select#CourseName, #contactform td select#CourseLocation {
  padding: 9px 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  background: #FFFFFF;
}
#contactform td input, #contactform td textarea {
  border: 1px solid #d4d4d4;
  background: #fff;
}
.inputError {
  display: none;
}
.inputError[style*=inline] + input, .inputError[style*=inline] + select, .inputError[style*=inline] + textarea {
  background-color: #ffcccc;
  border: 1px solid #ff0000;
}
.giveSpace {
  margin-bottom: 30px;
}
#contactform td input[type="checkbox"] {
  margin-top: 0px;
}
#contactform input[type="radio"] {
  font-size: 1em !important; /*1em = 16px*/
  height: 16px !important;
  size: 16px !important;
  background: #fff;
}
#contactform .checkboxes {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#contactform .checkboxes li {
  padding-left: 25px;
  position: relative;
  margin-left: 0px;
  list-style: none;
}
#contactform .checkboxes li input {
  position: absolute;
  left: 0px;
  top: 4px;
  padding: 0px;
}
#contactform td input[type='radio'] {
  width: 25px !important;
  position: relative;
  top: 0px;
}
/* Career Video */
#careerVid video {
  width: 100%;
  height: auto;
}
#careerVid {
  position: relative;
}
#careerVid .vidHolder {
  max-height: 0px;
  overflow: hidden;
  transition: all .78s;
  position: relative;
}
#careerVid.open .vidHolder {
  max-height: 1000px;
}
.buttons {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  text-align: right;
}
.buttons .button {
  display: inline-block;
  padding: 10px;
  padding-left: 15px;
  padding-right: 20px;
  color: #eee;
  cursor: pointer;
  padding-top: 6px;
  font-weight: bold;
  text-shadow: 1px 1px 5px #000000;
}
.buttons .button img {
  position: relative;
  top: 9px;
  height: 30px;
  width: 30px;
  padding-right: 3px;
}
.buttons .closeVid {
  display: none;
}
.open .closeVid {
  display: inline-block;
}
.open .openVid {
  display: none;
}
.buttons .button.openVid {
  background-image: url('/includes/slider/vids/sized/careers-poster2.jpg');
  background-repeat: no-repeat;
  padding-top: 120px;
  padding-left: 120px;
  background-position: center;
  background-size: cover;
  border: 1px solid #fff;
  margin-top: 60px;
}
/* End Career Video */
/* Press Release Image Captions */
.pr-image-caption {
  text-align: center;
  border: none;
  width: 100%;
  padding: 5px 0px 20px 0px;
  margin-left: auto;
  margin-right: auto;
  display: block
}
.tdSidebar .slides li a {
  display: block;
}
.tdSidebar .slides li a:focus {
  outline-offset: -3px;
}
/* Two Column Divs */
@media screen and (min-width: 768px) {
  .accordiondiv > div {
    float: left;
    width: 100%
  }
}
/* Flexbot for Grids! */
.flex-grid {
  display: flex;
  flex-flow: wrap;
}
.flex-grid .col {
  flex: 1;
}
.flex-grid-thirds {
  display: flex;
  justify-content: space-between;
}
.flex-grid-thirds .col {
  width: 32%;
}
@media (max-width: 780px) {
  .flex-grid {
    display: block;
  }
}
.flex-grid {
  margin: 40px 0 40px 0;
}
.col {
  padding: 0 8px 0 8px;
}
.col.center {
  align-self: center;
}
/* Military & Veterans page grid */
.mvGridContainer {
  display: grid;
  grid: auto / 65% auto;
  align-items: center;
  justify-items: center;
  grid-gap: 16px;
}
.mvItem {
  align-content: center;
  justify-content: center
}
.mvItem#honorflight {
  align-self: normal !important;
  padding-top: 16px;
}
.mvGridContainer {
  display: grid;
}
/* United Way Testimonials grid */
.uwGridContainer {
  /*display: grid;
	grid: auto / 30% auto;
	grid-template-columns: 30% auto;
	align-items: center;
	justify-items: center;
	grid-gap: 16px;
	padding-top: 16px;
	grid-template-areas: "img text"; */
}
.uwItem {
  /* align-content: center;
	justify-content: center;
	width: 100%; */
  display: grid;
  align-items: center;
  grid-template-columns: 30% auto;
  grid-template-areas:
    "img text";
  grid-gap: 24px;
  justify-content: space-between;
  padding: 8px 0px 8px 0px;
}
.uwItem .uwVid {
  grid-area: img;
}
.uwItem .quote-callout {
  grid-area: text;
}
.uwItem:nth-child(even) {
  grid-template-areas: "text img";
  grid-template-columns: auto 30%;
}
.uwItem .drop-quote-open {
  /* float: left; */
  /* font-size: 1.5625em; */ /*1.5625em = 25px */
  /* line-height: 60px; */
  /* padding-top: 4px; */
  padding-right: 12px;
  /* padding-left: 3px; */
}
.uwItem .drop-quote-close {
  float: right;
  /* font-size: 1.5625em; */ /*1.5625em = 25px */
  line-height: 60px;
  /* padding-top: 4px; */
  padding-right: 3px;
  padding-left: 12px;
}
/* Grid Layout for Accesible Clickable Boxes + More */
.gridInfoBoxes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 250px;
  /* This is better for small screens, once min() is better supported */
  /* grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); */
  grid-gap: 1rem;
  /* This is the standardized property now, but has slightly less support */
  /* gap: 1rem */
  justify-content: center;
  align-content: center;
}
.gridInfoBoxes.centerdText .text {
  color: var(--white);
  padding: 10px;
  position: absolute;
  display: grid;
  align-self: center;
  justify-self: center;
}
.gridInfoBoxes > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* The Source Newsletter Images */
.thesourceimgcontainer {
  width: 100%;
  height: 280px;
  overflow: hidden;
  margin-bottom: 8px;
}
.thesourceimg {
  min-height: 280px;
  object-fit: cover;
  transition: all .2s ease-in-out;
}
.thesourceimg:hover {
  transform: matrix3d(1.1);
}
.headline.thesource {
  padding: 8px 0 0 0;
}
.headline.thesource:hover {
  color: #0083be;
}
/* Silkscreen Font - commented out because not in use 
@font-face {
  font-family: silkScreen;
  src: url("/includes/fonts/slkscr.ttf");
}

.silkscreen {
	font-family: silkScreen;
}

*/
/* Flex Video Container */
.embedContainerFlex {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
/*.embedContainerFlex iframe{
	width: 560px;
	height: 315px;		
}*/
.flex-control-paging li a {
  color: inherit;
  z-index: 800;
  border: 2px solid #fff;
  text-indent: 9999px;
  background: #000;
}
.flex-control-paging li a.flex-active {
  background: #fff !important;
  border: 2px solid #000;
  color: inherit;
}
.holdRelOutside {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.menuItem {
  position: relative;
  z-index: 999;
}
.justMobile {
  position: relative;
  z-index: 999;
}
/* Sitemap Section Heads */
span.sectionHead a {
  font-size: 1.25em; /*1.25em = 20px*/
  color: #002c77 !important;
  background-color: transparent;
  display: inline-block;
  margin-bottom: 4px;
  list-style-image: none;
}
h3.sectionHead a {
    font-size: 1em;
    color: #474747 !important;
    background-color: transparent;
    display: inline-block;
    margin-bottom: 4px;
	list-style-image: none;
}

span.mainHead a {
  color: #002c77 !important;
  background-color: transparent;
}
/* Anchor link padding to get out from under sticky menu */
.anchor {
  scroll-margin-top: 120px;
}
/* Skip to Main Content anchor link padding to get out from under sticky menu */
#content {
  scroll-margin-top: 200px;
}
/* ADA Compliant Focus selector for image slides */
.tdSidebar .slides li a:focus {
  outline-offset: -3px;
}
/* Contact and other forms*/
#ValidationSummary1 {
  padding: 20px;
  border: 1px solid #FF0000;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
#ValidationSummary1 li {
  color: #FF0000;
}
#heroImage.noImg .tboxWrap, #heroImage.noImg .tbox, #heroImage.noImg .tbox h1 {
  padding-bottom: 0px;
}
.sidePad {
  max-width: 840px;
}
.addBottomPad {
  padding-bottom: 15px;
}
.oneColumn #contactform table, .oneColumn #contactform .sidePad {
  max-width: 100%;
}

/* Manufacturing Featured Jobs Bullets */
div.bullet-callout-clear {
  background-image: none;
  position: relative;
  color: #fff;
  padding: 20px 20px 10px 20px;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #999;
  margin-top: 30px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  z-index: 20;
	width: 75%;
}
div.bullet-callout-clear ul li{
  color: #fff;
}



/*Diversity and Inclusion Grid*/
.diGridContainer{
  display: flex;
  flex-direction: column;
  grid-gap: 6em;
	
}


.diQuoteWrap{
  position: relative; /* for child pseudo-element */
  z-index: 0;
  margin: 0 -602rem;
  /* add back negative margin value */
  padding: 2.5rem 602rem;

/*    background-color: rgba(0,0,0,0.30);*/
background: #fafafa;
box-shadow: inset -7px 7px 15px #cdcdcd,
            inset  7px -7px 15px #cdcdcd;
	
	


}

.diItem-quote{
/*	grid-area: 3 / 2 / auto / 12;*/
	align-self: center;
	display: flex;
	grid-gap: 12em;
    font-size: .825em;
}



.diItem-quote-flip{
/*	gridarea: 5 / 2 / auto / 12; */
		align-self: center;
		display: flex;
	grid-gap: 2em;
	align-items: center;

}

.diItem-intro{
/*	grid-area: 2 / 2 / auto / 12;*/
	width: 80%;
    align-self: center;
}



.diItem-people{
/*	grid-area: 8 / 2 / auto / 12;*/
	align-items: center;
	padding-bottom: 40px;
	text-align: center;
}


.diItem-title {
/*		grid-area: 1 / 2 / auto / 12;*/
		align-self: center;	
padding-top: 48px;
/*    margin-bottom: -20px;*/
}

.diItem-career{
/*	grid-area: 6 / 2 / auto / 7;*/
/*	align-self: center;*/
	display: flex;
	grid-gap: 2em;
}

.diItem-career div{
	flex: 1 1 0px;
}


.diItem-core{
/*	grid-area: 6 / 8 / auto / 12;*/
		display: flex;
	grid-gap: 2em;

}


.diItem-core div{
	flex: 1 1 0px;
}

.diItem-core p{
	margin: auto !important;
	padding-bottom: 24px
}




.diItem-boxes{
/*	grid-area: 4 / 2 / auto / 12;*/
	align-items: center;
	text-align: center;
/*	    margin-top: -30px;*/
	padding-bottom: 16px;
}

.diItem-boxes > p {
	    width: 85%;
    margin: 0px auto 10px;
}

.diItem-boxes-flex {
display: flex;
	justify-content: space-between;
	color: #fff !important;
padding: 10px;
}

.diItem-boxes-flex p, .diItem-boxes-flex h3{

	color: #fff !important;
}

.diItem-boxes-left{
				width: 45%;
	border-radius: 12px;
	padding:15px;

	 background: #002C77;
  background-color: #002C77;
  background-image: linear-gradient(45deg, #002c77, 41%, #00ADBB);
  /*    background: conic-gradient(from 0.50turn at 57% 20%, #00ADBB, 18%, #002c77, 44%, #00ADBB);*/
  background-size: 100%;
/*  -webkit-background-clip: text;*/
/*  -moz-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*  -moz-text-fill-color: transparent;*/

}
.diItem-boxes-right{
						width: 45%;
	border-radius: 12px;
	padding: 15px;
	 background: #002C77;
  background-color: #002C77;
  background-image: linear-gradient(-45deg, #002c77, 41%, #00ADBB);
  /*    background: conic-gradient(from 0.50turn at 57% 20%, #00ADBB, 18%, #002c77, 44%, #00ADBB);*/
  background-size: 100%;
/*  -webkit-background-clip: text;*/
/*  -moz-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*  -moz-text-fill-color: transparent;*/
}
.diItem-video{
/*	grid-area: 2 / 2 / auto / 12;*/
	width: 80%;
    align-self: center;
}

@media screen and (max-width: 750px) {
	.diItem-boxes-flex, .diItem-career  {
		flex-direction: column;
	
	}
	.diItem-core {
		flex-direction: column-reverse;
	
	}
	
	.diItem-quote {
		flex-direction: column;
		align-items: center;
		grid-gap: 4em;
	}
	
	.diItem-boxes-flex {
		align-items: center;
		justify-content: space-between;
			grid-gap:2em;
	}
  }


@media screen and (max-width: 700px) {
	.diHeadshot {
		display: none;
		visibility: hidden;
	}
		.flexItem blockquote{
		font-size: 1.5em !important;
	}
  }

@media screen and (max-width: 500px) {
	.flexItemSide {
		flex-direction: column;
	}
	.reverseCol {
		flex-direction: column-reverse;
	}
	.seal {
		width: 50%;
	}
	.placeHolder {
		display: none;
	}
	.flexItemImage.ied {
		background-position-x: -1150px !important;
	}
	#content > div > div > div > div.flexContainer > div.flexItem.centerVideo {
		width: 100%;
		margin-bottom: -70px !important;
	}
  }

/* Showcase Page Flexboxes */

.flexContainer {
	display: flex;
	flex-direction: column;
	grid-gap: 6em;
	align-items: center;

}

.flexItem {
}

.flexItem.news {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap:2em;
}

.armyNews {
border-radius: 24px;
background: linear-gradient(145deg, #e6e6e6, #ffffff);
box-shadow:  7px 7px 22px #cccccc,
             -7px -7px 22px #ffffff;
/*	height: 200px;*/
	padding:48px;
	flex-grow: 1;
	
}

.armyNews:active {
border-radius: 24px;
background: #ffffff;
box-shadow: inset 7px 7px 22px #cccccc,
            inset -7px -7px 22px #ffffff;
	
}


.flexItem blockquote{
	font-size:2.75em;
	color: whitesmoke;
	text-align: center;
background-color: transparent;

}

.flexItem.stripes {
	  width: 100vw;
  position: relative;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 200px;
		background: repeating-linear-gradient(
  120deg,
  #002c77,
  #002c77 377px,
  #0083be 639px,
  #0083be 2000px);
	    display: flex;
	align-items: center;
    justify-content: center;
	

}


.flexItemImage {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 36vh;

    -moz-box-shadow:    inset 0 0px 24px 0px black, inset 0 0px 0px 0px black;
    -webkit-box-shadow: inset 0 0px 24px 0px black, inset 0 0px 0px 0px black;
     box-shadow:        inset 0 0px 24px 0px black, inset 0 0px 0px 0px black;

	}

.flexItemImage.cuas {
	 background:url(/images/what-we-do-headers-cuas-silent-archer.jpg) rgba(0, 0, 0, 0.3) center/cover no-repeat;
  background-blend-mode: multiply;
	}

.flexItemImage.ied {
	 background:url(/images/what-we-do-headers-radars-sensors-pfcr.jpg) rgba(0, 0, 0, 0.3) center/cover no-repeat;
  background-blend-mode: multiply;
	 transform: scaleX(-1)
	}

.flexItemSide {
	display: flex;
	grid-gap: 2em;
	align-items: center;
}


.flexItemSide > .oaList ul li {
font-size: 1.250em;
	padding-bottom: 24px !important;
}

.flexItemSide > .oaList h2 {
text-align: center
}

.flexItemSide div {
	flex:1 1 0px;
	width: 100%;
}

.flexItemSide > div.extend {
	flex: 2;
}

.flexItemSide div.seal {
flex: .5;		
}

.alignTop{
	align-self: baseline;
}

/*
.flexItemSide > #content .gallery .flexslider {
	height:400px;
}
*/

.centerVideo{
	width:85%;
	text-align: center;
}
.centerText{
	width:75%;
	text-align: center;
}
.intCallout {
	width: 90%;
	align-items: flex-start;
	margin: -120px 0px 80px;
}

.armyStryker {
	padding: 0px 0px 64px 0px;
}


/*Right side image insert styles*/
.right-side-container {
	    display: block;
    float: right;
    width: 65%;
    /* background-color: #eee; */
    margin: 0px 0px 40px 0px;
}
.padBottom {
	padding: 0px 0px 20px 0px;
}

.topBar a{
	color:#002c77;
}
.closeIt{
	background:#06c;
	color:#fff;
	position: absolute;
	bottom:0px;
	right:0px;
	padding:10px;
	cursor: pointer;
}
.justMobile nav ul{
	overflow-y: auto;
}