/*
 layout.css
*/

/* Remove Default Styling
------------------------------------------------------------------------------------------------- */
	
* { 
	margin: 0; 
	padding: 0; 
	font-style: normal; 
}

img { 
	border: 0; 
}


/* Typography
------------------------------------------------------------------------------------------------- */

body{
    background: #ebf2fe;
	color: #000000;
	font-family: Arial, Verdana;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	width: 100%;
    height: 100%;
    position: relative;
	max-width: 100%;
	overflow-x: hidden;
}


body, button, input, select, textarea, p {
	 font-family: Arial, Verdana;
}

a{
	text-decoration:none;
	color: #000000;
}

a:hover{
    text-decoration:underline;
}


/* Overall
------------------------------------------------------------------------------------------------- */

.inner{
	width: 100%;
	margin: 0;
}

#container{
	position: relative;
    	z-index: 5;
	padding-bottom: 2px;
}

/* Main Header--------------------------------------------------------------*/

header.main {
    background: black; /* Old browsers */
    min-height: 60px;
    position: relative;
    z-index: 10;
}

header.main {
    color: #aeaeae;
}

#mobilemenu {
	display: none;
}

.mobileIndent {
	margin-right:0.5em;
}

#logo {
    position: static;
}

#logo ul {
    margin: 0 0 0 20px;
    padding: 8px 0 0 0;
}

#logo li {
    display: inline-block;
    list-style-type: none;
}

#logo h2 {
    font-size: 17px;
}

#logo h2 a {
    color: #e8e9e4;
	padding: 0 0 0 10px;
    font-weight: bold;
}

.homeLogo {
	padding-bottom:2em;
}

.homeText {
	padding-top:1.5em;
	line-height:2.5em;
}
@media all and (max-width: 48em) {

  .homeText {
	padding-top:0;
	text-align: center;
  }
   .homeLogo {
	padding-bottom:0;
  }
}

nav#access {
    float: right;
    clear: right;
	margin-top: -32px;
	margin-right: 20px;
}

nav#access li {
    float: left;
    position: relative;
}

nav#access li a {
    color: #aeaeae;   
    padding: 0 10px 0 10px;
    text-align: center;
    display: block;
    font-size: 17px;
    letter-spacing: 0;
}

nav#access li a:hover {
    color: #fff;
    text-decoration: none;
}


nav#access li.current-menu-item {
    color: #fff;
}
nav#access .current-menu-item {
	border-bottom: 3px solid;
	border-color: #009AFF;
}
nav#access li.current_page_item a{
    color: #fff;
}

nav#access li ul{
	display: none;
	position: absolute;
	background: #000;
	padding: 10px;
	width: 150px;
	left: -10px;
	z-index: 15;
}

nav#access li:hover ul{
	display: block;
}

nav#access li ul li{
	float: none;
	border-bottom: #222 solid 1px;
}

nav#access li ul li a{
	text-align: left;
	font-size: 0.9em;
}

nav#access li ul li ul{
	display: none!important;
}

nav#access li ul li:hover ul{
	display: block!important;
	left: 130px;
	top: -10px;
}

li ul li.menu-item-has-children:after {
	position:absolute;
	right:0;
	top:-0.1em;
	content: ">";
	color: #009AFF;
	font-weight:bold;
	}

.menu-item.split{
	font-size: 0;
	height: 3px;
	background: #444;
	color: #444;
}

/* Content--------------------------------------------------------------*/

#content{
	padding: 0;
}

.colPadding {padding:2em;}
.colPaddingLeft{padding:2em 0 2em 0;}
.colPaddingRight{padding:2em 0 2em 0;}
.whiteText {color:white;}
.whiteBackground {background-color:white;margin:0 -22% 0 -22%; padding: 0 22% 0 22%;}
.clearRow {position:relative;}
.greyRow {background-color: #eeeeee; padding:2em 0 2em 0; margin: 0;}
.whiteRow {background-color: #ffffff; padding:2em 22% 2em 22%; margin:0 -22% 0 -22%; position:relative;}
.whiteRowV {background-color: #ffffff; padding:0 22% 0 22%; margin:0 -22% 0 -22%; position:relative;}
.imageRow {background-color: #ffffff; padding:0 22% 0 22%; margin:0 -22% 0 -22%; position:relative;}
.blueRow {background-color: #203868; padding:2em 22% 2em 22%; margin:0 -22% 0 -22%;}
.blueRowHome {background-color: #203868; padding:0em 22% 2em 22%; margin:-2em -22% 0 -22%; overflow-x:visible !important;}
.menuOverflow { z-index: 0;}
.blueRowV {background-color: #203868; padding:0; margin:0; position:relative;}
.lightBlueRow {background-color: #CBD6EC; padding:2em 22% 2em 22%; margin:0 -22% 0 -22%; position:relative;display:table;}
.lightBlueRowV {background-color: #CBD6EC; padding:0 0 0 0; margin:0; position:relative;display:table;}
.defaultBlueRow {background-color: #EBF2FE; padding:2em 0 2em 0; margin:0; position:relative;}
.blockRow { padding:2em 0 2em 0; margin:0; position:relative;}
.blockCTARow { padding:3em; margin:2em 0 2em 0; position:relative; background-color:#A0B6E2; margin-left:auto; margin-right:auto;}
.blockCTARowRound { padding:2em; margin:2em 0 2em 0; position:relative; border-radius: 1em; background-color:#A0B6E2; margin-left:auto; margin-right:auto;}
.blockBlueRow { background-color: #CBD6EC; padding:15px; margin:0; }
.blockWhiteRow {background-color: #ffffff; margin:-2em 0 2em 0; position:relative; margin-left:auto; margin-right:auto;}
.blockTitleRow {padding:0 0 1em 16em;  position:relative; z-index:2;}
.jobadvert {background-color: #a0b6e2; padding:3em; margin:2em 0 0 0; position:relative; margin-left:auto; margin-right:auto;}
.jobadvertLight {background-color: #d7dfed; padding:3em; margin:2em 0 0 0; position:relative; margin-left:auto; margin-right:auto;}
.jobadvertNone {background-color: #d3e2ff; padding:3em; margin:2em 0 0 0; position:relative; margin-left:auto; margin-right:auto; min-height:12em;}
.leadRow{background: linear-gradient(90deg, #203868 50%, #465b84 50%); padding:0; margin:0; position:relative;}
.leadRow2{background: linear-gradient(90deg, #465b84 50%, #203868 50%); padding:0; margin:0; position:relative;}
.headRow{background: linear-gradient(90deg, #203868 50%, #FFFFFF 50%); padding:0; margin:0; position:relative;}
.headRow2{background: linear-gradient(90deg, #FFFFFF 50%, #203868 50%); padding:0; margin:0; position:relative;}
.highlightContain {display:table; width:100%;}
.highlightCol {width:50%;display:table-cell;position:relative; }
.highlightRow {background-color: #F5A623; position:absolute; padding:0.5em 2em 0.5em 2em; font-weight:bold; top:-1em; left:2em; color:#FFFFFF;}
.eventTitle {background-color: #4A90E2; position:absolute; padding:0.5em 2em 0.5em 2em; font-weight:bold; top:-1em; left:2em; color:#FFFFFF; z-index:2;}
.customerTitle {background-color: #40C3A6; position:absolute; padding:0.5em 2em 0.5em 2em; font-weight:bold; top:-1em; left:2em; color:#FFFFFF; z-index:2;}
.size-max {height:100%; width:100%; margin:-15px;}
.size-limit {height:100%; width:100%; margin:-15px; max-height:400px;}
.serviceRow{padding: 2em; margin-left:auto; margin-right:auto; margin-bottom:2em; background-color: #CBD6EC;}
.productRow{padding: 2em; margin-left:auto; margin-right:auto; margin-bottom:2em; background-color: #FFFFFF;}
.relatedAppRow{margin-left:auto; margin-right:auto; margin-bottom:2em; background-color: #203868; position:relative;}
.trainingHead {background-color: #B2C2E2; padding:2em; margin-left:auto; margin-right:auto; border-radius:30px 30px 0 0; position:relative;}
.trainingMiddle {background-color: #FFFFFF; line-height:2em; padding:2em; margin-left:auto; margin-right:auto; position:relative;}
.trainingFoot{background-color: #B2C2E2; margin-bottom:2em; padding:2em; margin-left:auto; margin-right:auto; border-radius: 0 0 30px 30px; position:relative;}
.productHead1 {background-color: #A0B6E2; padding:2em; margin-left:auto; margin-right:auto; border-radius:30px 30px 0 0; position:relative; max-width:70%;}
.productMiddle1 {background-color: #FFFFFF; line-height:2em; padding:2em; margin-left:auto; margin-right:auto; position:relative; max-width:70%;}
.productFoot1{min-height:600px; background-color: #A0B6E2; margin-bottom:2em; padding:2em; margin-left:auto; margin-right:auto; border-radius: 0 0 30px 30px; position:relative; max-width:70%;}
.productHead2 {background-color: #7D98CD; padding:2em; margin-left:auto; margin-right:auto; border-radius:30px 30px 0 0; position:relative; max-width:70%;}
.productFoot2{min-height:600px; background-color: #7D98CD; margin-bottom:2em; padding:2em; margin-left:auto; margin-right:auto; border-radius: 0 0 30px 30px; position:relative; max-width:70%;}
.productHead3 {background-color: #5D7EC0;  padding:2em; margin-left:auto; margin-right:auto; border-radius:30px 30px 0 0; position:relative; max-width:70%;}
.productFoot3{min-height:600px; background-color: #5D7EC0; margin-bottom:2em; padding:2em; margin-left:auto; margin-right:auto; border-radius: 0 0 30px 30px; position:relative; max-width:70%;}
.productHeadNorm {background-color: #A0B6E2;  padding:2em; margin-left:auto; margin-right:auto; border-radius:30px 30px 0 0; position:relative;}
.productMiddleNorm {background-color: #FFFFFF; line-height:2em; padding:2em; margin-left:auto; margin-right:auto; position:relative;}
.productMiddleNormT {background-color: #FFFFFF; line-height:2em; padding:0 2em 2em 2em; margin-left:auto; margin-right:auto; position:relative;}
.productMiddleNormB {background-color: #FFFFFF; line-height:2em; padding:2em 2em 0 2em; margin-left:auto; margin-right:auto; position:relative;}
.productFootNorm{background-color: #A0B6E2; margin-bottom:2em; padding:2em; margin-left:auto; margin-right:auto; border-radius: 0 0 30px 30px; position:relative;}
.highlight{color:#4a90e2;font-weight:bold;display:inline;}
a.highlight {color:#4a90e2 !important; text-decoration:none !important;}
.serviceContainer.su-row.trainingHead{margin-bottom:0 !important;}
.serviceContainer.su-row.trainingMiddle {margin-bottom:0 !important;}

.flex {
	display: flex;
}
.vertCenter {
  display:flex;
  flex-flow: column wrap;
  justify-content: center;
 }
.meCenter {
  display:flex;
  flex-flow: column wrap;
  align-self: center;
 }
 
.rev_slider_wrapper {
    margin: 0 0 0 0!important;
}

.inner-carousel {
    width: 100%;
    background: #fff;
}

.item .image {
    float: left;
    width: 40%;
}

.item .excerpt {
    float: right;
    width: 55%;
    padding-left: 5%;
    font-size: 14px;
    line-height: 16px;
}

.item .excerpt h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

.newsContainer {
	padding: 0.5em 0 1em 0;
}

.news-title a{
	line-height:1.5em;
}

.news-time{
	color: #71D6E8;
	font-size: 24px;
	margin-bottom: 20px;
	font-family: Open Sans;
	text-decoration: none;
	font-weight:bold;
}

.home-row-2 {
    margin-top: 0;
}

.home-row-2 h3 {
    font-weight: bold;
}

.map {
    background: #ededed url(../img/map.jpg) no-repeat;
    padding: 30px 22px;
}

.map h3 {
    color: #006aa8;
}

.custom-button {
    border: 0!important;
}

.custom-button span {
    
}

.custom-button.product {
    padding: 5px 10px;
    margin-bottom: 5px;
    position: relative;
}

.custom-button.product span {
    border: 0!important;
    line-height: 30px!important;
    padding-right: 50px!important;
}

.su-button.custom-button i {
    float: right;
    margin: 4px 0 0 5px!important;
}

.su-button.product.custom-button i {
    border: 2px solid #fff;
    background: #006aa8;
    padding: 4px;
    border-radius: 15px;
    margin: 0 0 0 6px!important;
    position: absolute;
    right: 12px;
}

#content h1{
	color: #006aa8;
	font-size: 28px;
	margin-bottom: 25px;
	font-weight: bold;
	font-family: Open Sans;
	line-height: 1.2em;
}

#content h2{ /*Main Section heading */
	color: #000;
	font-size: 24px;
	margin-bottom: 25px;
	font-weight: bold;
	font-family: Open Sans;
}

#content h2u{ /* Main Section Heading un-padded */
	color: #000;
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: Open Sans;
}

#content h3{
	color: #71D6E8;
	font-size: 24px;
	margin-bottom: 20px;
	font-family: 'Helvetica', 'Arial', sans-serif;
	line-height: 1.2em;
	font-weight: bold;
}

#content h3u{
	color: #71D6E8;
	font-size: 24px;
	margin-bottom: 20px;
	font-family: Open Sans;
}

#content h4{
	color: #666;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: Open Sans;
}

#content h5{  /* Blue padded Header */
	color: #4A90E2;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: Open Sans;
}

#content h6{
	color: #000;
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: Open Sans;
}

#content h7{  /* IIJ Home Page Title */
	color: #FFF;
	font-size: 66px;
	font-weight: bold;
	font-family: Open Sans;
}

#content h8{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	font-family: Open Sans;
	padding: 0 0 0.8em 0;
}

#content h8u{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	font-family: Open Sans;
	padding: 0;
}

#content h9{
	color: #000;
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: Open Sans;
	padding: 0 0 0.8em 0;
}

.article {
	padding: 0;
	}

#content .article h1{
	color: #4A90E2;
	font-size: 28px;
	margin-bottom: 5px;
	font-weight: bold;
	font-style: italic;
	font-family: Open Sans;
	text-transform: none;
	line-height: 1.5em;
	padding:0.5em 0 0.5em 0;
	}
	
#content .article h2{
	color: #000000;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: Open Sans;
	line-height: 1.5em;
	padding:0.5em 0 0.5em 0;
	}

#content .article h3{
	color: #4A90E2;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: bold;
	font-family: Open Sans;
	line-height: 1.5em;
	padding:0.5em 0 0.5em 0;
	}	
	
#content .articleloop h1{
	color: #FFFFFF;
	font-size: 28px;
	margin-bottom:5px;
	font-weight: bold;
	font-family: Open Sans;
	text-align:center;
	text-transform: lowercase;
}	
#content .articleloop h2{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	font-family: Open Sans;
	text-align:center;
	padding:0;
}	
	
#ctaForm {
	display:none;
	position:fixed;
	z-index: 99;
	padding-top:80px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}
	
#mailTo {
	display:none;
	position:fixed;
	z-index: 99;
	padding-top:80px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}
	
#mailToPadding {
	padding-right: 1em;
	padding-bottom: 1em;
	padding-top: -1em;
}

#ctaForm-content {
  background-color: #ffffff;
  margin: auto;
  padding: 10px 20px 10px 10px;
  max-width: 60%;
}

#mailTo div form .wpcf7-validation-errors {
	margin-top: -2em;
	}
#mailTo div form .wpcf7-mail-sent-ok {
	margin-top: -2em;
	max-width: 60%;
}
#mailTo div div form p .wpcf7-submit input {
	margin-top: 0em;
}
.wpcf7 input {
  margin-top:0;
}
	
#hidememail {
	display:none;
	}

/* The alert message box */
#alert {
	display:none;
	position:fixed;
	z-index: 99;
	padding-top:100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#alert-content {
  background-color: #ffffff;
  margin: auto;
  padding: 20px;
  max-width: 50%;
  border: 4px green solid;
  text-align: center;
}
/* The close button */
#closebtn {
  margin-left: 15px;
  color: green;
  font-weight: bold;
  float: right;
  font-size: 44px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
#closebtn:hover {
  color: #11EE11;
}

.bottomAlign .bottomalignInner{
    vertical-align:bottom;
    display:table-cell;  
}
.bottomAlignInner {
	display: table-cell;
	vertical-align: bottom;
	float:none;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding:10px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.category-link {
	background-color:#4A90E2;
	padding:0.2em 0.5em 0.2em 0.5em;
	margin-left:2em;
	}

.categorySelectContainer {
	text-align:right;
	padding:1em 1.2em 1em 0;
	}

#categorySelect {
	padding:14px;
	max-width:400px;
	min-width:300px;
	margin:0.2em 0 0.2em 0;
}
select::-ms-expand { display: none; }
select{
-webkit-appearance: none;
appearance: none;
}

.downloadButton > #categoryButton {
	padding-left:2.8em; 
	padding-right:2.8em;
	margin:0.2em 0 0 0;
	}

.whitetext *{
	color: #FFF!important;
}

.sue-photo-panel-content *{
	padding: 0!important;
	margin: 3px 0 3px 0!important;
}

#content p{
	color: #000;
	font-size: 15px;
	margin-bottom: 20px;
}

#content a{
	text-decoration: underline;
}

#content a{
	color: #000;
}

#content ul{
	color: #000;
	font-size: 15px;
	margin-bottom: 30px;
}

#content ul a{
	color: #000;
	text-decoration: underline;	
}

#content .su-button{
	padding: 4px 0;
}

.maincolumn{
	width: 70%;
	margin: 0 auto 0 auto;
	overflow:visible;
}

.entry-header{
	width:80%;
	}

.entry-meta{
	position:relative;
}

#selectorDiv{
	text-align:center;
	position:relative;
	margin-bottom:-4em;
	padding-top:2em;
}

.selectorButton {
	color: black;
	background-color: #FFFFFF;
	border-radius: 0;
	border: 1px;
	border-style: solid;
	border-color: black;
	padding: 1em 2em 1em 2em;
	text-decoration:none;
	z-index:10;
	position:above;
}

.selectorButtonOn {
	color: white;
	background-color: #4A90E2;
	border-radius: 0;
	border: 1px;
	border-style: solid;
	border-color: black;
	padding: 1em 2em 1em 2em;
	z-index:10;
	position:above;
}	

.ctaButton {
	color: black;
	background-color: #71D6E8;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	text-decoration:none !important;
	z-index:1;
	display:block;
	position:absolute;
	right:50%;
	bottom:3.2em;
}
.ctaButton:hover {
	background-color:#4A90E2;
}
.ctaButtonInline {
	color: black;
	background-color: #71D6E8;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	text-decoration:none !important;
	z-index:1;
	display:inline-block;
}
.ctaButtonInline:hover {
	background-color:#4A90E2;
}

.readMoreButton {
	background-color: #4A4A4A;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline;
	text-decoration:none !important;
	color: white !important;
	position:absolute;
	right: 1em;
	bottom:1em;
}
.readMoreButton:hover {
	background-color: #4A90E2;
}

.readMoreButtonFlex {
	background-color: #4A4A4A;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:flex;
	text-decoration:none !important;
	color: white !important;
	max-width:85px;
	margin-left:auto;
}
.readMoreButtonFlex:hover {
	background-color: #4A90E2;
}
.readMoreButtonMargin {
	background-color: #4A4A4A;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline;
	text-decoration:none !important;
	color: white !important;
	position:absolute;
	right: 16%;
	bottom:1em;
}
.readMoreButtonMargin:hover {
	background-color: #4A90E2;
}
.readMoreButtonRow {
	background-color: #4A4A4A;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline;
	text-decoration:none !important;
	color: white !important;
	position:absolute;
	right: 2em;
	bottom:25%;
}
.readMoreButtonRow:hover {
	background-color: #4A90E2;
}
.readMoreButtonRowAdj {
	background-color: #4A4A4A;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline;
	text-decoration:none !important;
	color: white !important;
	position:absolute;
	right: 2em;
    margin-right:22%;
    bottom:15%;
}
.readMoreButtonRowAdj:hover {
	background-color: #4A90E2;
}
.readMoreButtonInline {
	background-color: #4A4A4A;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline-block;
	text-decoration:none !important;
	color: white !important;
}
.readMoreButtonInline:hover {
	background-color: #4A90E2;
}
.readMoreButtonBlue {
	background-color: #71D6E8;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline;
	text-decoration:none !important;
	color: black !important;
	position:absolute;
	right: 1em;
	bottom:1em;
}
.readMoreButtonBlue:hover {
	background-color: #4A90E2;
}

.readMoreButtonBlueRow {
	background-color: #71D6E8;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline;
	text-decoration:none !important;
	color: black !important;
	position:absolute;
	right: 2em;
	bottom:25%;
}
.readMoreButtonBlueRow:hover {
	background-color: #4A90E2;
}
.readMoreButtonBlueInline {
	background-color: #71D6E8;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline-block;
	text-decoration:none !important;
	color: black !important;
}
.readMoreButtonBlueInline:hover {
	background-color: #4A90E2;
}
.readMoreButtonBlueFlex {
	background-color: #71D6E8;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:flex;
	text-decoration:none !important;
	color: black !important;
	max-width:85px;
	margin-left:auto;
}
.readMoreButtonBlueFlex:hover {
	background-color: #4A90E2;
}
.readMoreButtonBlueEvent {
	background-color: #71D6E8;
	border-radius: 1.5em;
	border: none;
	padding: 0.5em 1em 0.5em 1em;
	z-index:10;
	display:inline;
	float:right;
	text-decoration:none !important;
	color: #000000 !important;
}
.readMoreButtonBlueEvent:hover {
	background-color: #4A90E2;
}
	
#bannerFull{
  width:  100%; /*or 70%, or what you want*/
  height: 300px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#bannerProducts{
  width:  100%; /*or 70%, or what you want*/
  height: 700px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#bannerProductItem{
  width:  100%; /*or 70%, or what you want*/
  height: 700px; /*or 70%, or what you want*/
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color:#FFFFFF;
}

#bannerNews{
  width: 100%;
  height: 200px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#bannerFullMax{
  width: 100%; /*or 70%, or what you want*/
  height: 500px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
#bannerFullMaxContain{
  width: 100%; /*or 70%, or what you want*/
  height: 500px;/*or 70%, or what you want*/
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#bannerFullMaxCenter{
  width: 100%; /*or 70%, or what you want*/
  height: 500px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#bannerHalf{
  width:  100%; /*or 70%, or what you want*/
  height: 350px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}  
#bannerHalfR{
  width:  100%; /*or 70%, or what you want*/
  height: 350px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#bannerHalfL{
  width:  100%; /*or 70%, or what you want*/
  height: 350px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#bannerHalfLTall{
  width:  100%; /*or 70%, or what you want*/
  height: 400px; /*or 70%, or what you want*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#bannerHalfProdL{
  width:  100%; /*or 70%, or what you want*/
  height: 350px; /*or 70%, or what you want*/
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#bannerHalfProdR{
  width:  100%; /*or 70%, or what you want*/
  height: 350px; /*or 70%, or what you want*/
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#sAtwo{
  width:  100%; /*or 70%, or what you want*/
  height: 350px; /*or 70%, or what you want*/
  text-align:center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position:relative;
}

#sAthree{
  width:  100%; /*or 70%, or what you want*/
  height: 300px; /*or 70%, or what you want*/
  text-align:center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position:relative;
}

.sAbutton{
  display:inline-block;
  margin-top:-3em;
  color:white !important;
  text-decoration:none !important;
  cursor:pointer;
  font-size:22px;
  background-color:#203868;
  border: 3px;
  border-style: solid;
  border-color: white;
  position:absolute;
  padding:0.3em 1em 0.3em 1em;
  border-radius:1em;
}  
.sAbutton:hover{	
  background-color:#4a90e2;
}

.sAcol{
  margin:0;
  padding: 1em 0 1em 0;
  }

#serviceContainer{
  position: relative;
  }

#serviceCaption{
  position: absolute;
  bottom: 0;
  right: 2em;
  max-width: 200px;
  background-color: white;
  padding: 2em;
}

#careerCaption{
  position: absolute;
  bottom: 0;
  right: 2em;
  max-width: 350px;
  background-color: white;
  padding: 2em;
}

#careerCaptionAlt{
  position: absolute;
  bottom: 0;
  left: 2em;
  max-width: 350px;
  background-color: white;
  padding: 2em;
}

#kmCaption{
  position: absolute;
  bottom: 0;
  left: 2em;
  max-width: 350px;
  background-color: #EBF2FE;
  padding: 2em;
}
  
#serviceNumber{
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: white;
    color: black;
    text-align: center;
    font-size: 2em;
	font-weight: bold;
}

#productRollToRoll{
}

#productSheetFed{
	display:none;
}

#productDirectTo{
	display:none;
}

#iconImage{
	display:block;
	height: 100px;
	width: 100px;
	padding:0 0 2em 3em;
	}
	
#mugImage{
	display:block;
	height: 100px;
	width: 100px;
	padding:0 0 2em 0;
}
	
#iconImageAlt{
	display:block;
	height: 75%;
	width: 75%;
	padding:0 0 2em 2em;
	}	
	
#iconImageLead{
	display:block;
	height: 100px;
	width: 100px;
	position:absolute;
	left: 3em;
	top: 2em;
	}

#iconImageAuthor{
	display:block;
	position:absolute;
	height: 100px;
	width: 100px;
	left: -3em;
	top: -0.3em;
}

.authorDetail{
	position:relative;
	padding-left:6em;
	white-space:nowrap;
	overflow-x:visible;
}
	
.helpIcon{
	display:inline-block;
	height: 18px;
	width: 18px;
	padding:0 0 0.3em 1em;
	position:relative;
}

span.tooltip {position:relative; color:#4A90E2; font-weight:bold;}
span.tooltip span {display: none; font-weight:normal; position:absolute; background: #333; color: #fff; z-index:98; padding:0.5em; border-radius:0.5em; width:250px; margin:2em 0 0 -9em;}
span.tooltip:hover span {display:inline-block; }

.optionCont{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	border:solid;
	border-color:black;
	border-radius:1.5em;
	position:relative;
	margin-top:1em;
}	

.optionContHalf{
	text-align:center;
	width:30%;
	border:solid;
	border-color:black;
	border-radius:1em;
	position:relative;
	margin-top:1.5em;
	display:inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
}	

.optionContThird{
	text-align:center;
	width:26%;
	border:solid;
	border-color:black;
	border-radius:1em;
	position:relative;
	margin-top:1em;
	display:inline-block;
	margin-left:0.5em;
	margin-right:0.5em;
}	

.optionContTable{
	text-align:center;
	min-width:40%;
	border:solid;
	border-color:black;
	border-radius:1.5em;
	position:relative;
	margin:0;
	display:inline-block;
	padding:0 0.5em 0 0.5em;
	white-space:nowrap;
}	

.optionContTableLink{
	text-align:center;
	font-weight:bold;
	min-width:40%;
	border:solid;
	border-color:black;
	border-radius:1.5em;
	position:relative;
	margin:0;
	display:inline-block;
	padding:0 0.5em 0 0.5em;
	white-space:nowrap;
	text-decoration:none !important;
	color:#4a90e2 !important;
}
.optionContTableLink:hover {
	background-color: #4A90E2;
	color:black !important;
}

.optionImg{
	display:inline;
	height:30px;
	width:50px;
	position:absolute;
	left:1em;
	bottom:0.5em;
}	
.optionImgAlt{
	display:inline;
	height:11px;
	width:11px;
	position:absolute;
	left:3.8em;
	bottom:0.5em;
}	
.optionImgCenter{
	display:inline;
	height:11px;
	width:11px;
	margin-top:-0.8em;
}
.optionImgCenterAlt{
	display:inline;
	height:11px;
	width:50px;
	margin-top:-0.8em;
}

.listing {
	margin:0 0 0 2em;
	position:relative;
	}

ul.nobullet {
list-style-type: none;
}

li.tick {
background: url('/wp-content/uploads/2019/04/tick_bullet.png') no-repeat left top;
padding-left: 44px;
margin-left:-30px;
padding-bottom: 2px;
white-space: normal;
}
li.tickLight {
background: url('/wp-content/uploads/2019/04/tickLight_bullet.png') no-repeat left top;
padding-left: 44px;
margin-left:-30px;
padding-bottom: 2px;
white-space: normal;
}
li.tickWhite {
background: url('/wp-content/uploads/2019/04/tickWhite_bullet.png') no-repeat left top;
padding-left: 44px;
margin-left:-30px;
padding-bottom: 2px;
white-space: normal;
}

.centerContact {
	line-height:2em;
	padding-top:5.9em;
	}

.leftContact {
	line-height:2em;
	}
	
#contactIcon{
	display:inline;
	height:14px;
	width:14px;
	padding:0 1em 0 0;
}
#contactIconE{
	display:inline;
	height:16px;
	width:16px;
	padding:0 1em 0 0;
}
#tickIcon{
	display:block;
	position:absolute;
	height:22px;
	width:22px;
	margin: 0.2em 0 0 -2em;
}

#careerIcon{
	display:block;
	height: 120px;
	width: 120px;
	padding:0;
	margin:auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	}
	
#productIcon{
	display:block;
	height: 120px;
	width: 120px;
	padding:0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin:auto;
	}

#homeIcon{
	display:inline-block;
	height: 120px;
	width: 120px;
	padding:0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto 0 auto 45%;
	}
	
@media all and (max-width: 80em) {
	  #homeIcon {
		display:block;
		margin:auto;
	}
}

.highlightImage{
	display:block;
	height:300px;
	width: 120%;
	padding:0;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	margin:0;
	}
	
.headImage {
	max-height: 500px;
	}

#customerIcon{
	display:block;
	height: 200px;
	width: 200px;
	padding:0;
	margin:-3em 15% 0 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	float:right;
	}

#addressSpace{
	margin-left:2.2em;
	}
	
#serviceP{
	padding:0 0 0 -15em;
	}

.hline { width:100%; height:2px; background: #b6b9be; margin-left:auto; margin-right:auto;}	
.hlineRaised { margin-top:-2em; margin-bottom:2em; width:100%; height:2px; background: #b6b9be; margin-left:auto; margin-right:auto;}	
.hlineProduct { width:100%; height:2px; background: linear-gradient(to right, #ffffff 5%, #b6b9be 6%, #b6b9be 94%, #ffffff 95%); margin-left:auto; margin-right:auto;}		
	
.borderless { border:none;width:100%;table-layout:fixed;}
.borderless tr { width:25%; }	
.borderless td { text-align:center; vertical-align:middle; padding:0.4em 0 0.4em 0;}

.leadershipCol{ background-color:#203868; padding:2em; color:white; position:relative;}	
.leadershipCol2{ background-color:#465b84; padding:2em; color:white; position:relative;}	
.leadershipColS{ background-color:#203868; padding:2em; color:white; position:relative;}	
.leadershipCol2S{ background-color:#465b84; padding:2em; color:white; position:relative;}	
.leadershipCol p { color:white; }
.leadershipCol2 p { color:white; }
.leadershipColS p { color:white; }
.leadershipCol2S p { color:white; }

.leadDetails {
	padding-left:40%;
	margin-top:0.5em;
	overflow:visible;
	white-space:nowrap;
	line-height:2em;
}
.leadText {
	margin-top:2em;
	padding: 0 1em 2em 1em;
	}
	
#breadcrumb {
    width: 100%;
    padding: 0 0 2px 2em;
    color: #4a90e2;
	font-weight:bold;
    background: #EBF2FE;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: -3px;
    border-bottom: 1px solid #dfdfdf;
    position: relative;
    z-index: 5;
}

#breadcrumb a {
    color: #969696;  
	font-weight:bold;
}

#breadcrumb p {
    margin: 0;
    padding: 0;
}

.shareIcon {
	height: 20px;
	width: 20px;
	margin-left:1em;
}
.shareIconEmail {
	height: 20px;
	width: 28px;
	margin-left:1em;
}
.shareIconTwitter {
	height: 20px;
	width: 25px;
	margin-left:1em;
}

.breadcrumb-left {
    float: left;
    width: 50%;
    padding-top: 10px;
}

.breadcrumb-right {
    float: right;
    text-align: right;
    width: 30%; 
	padding: 7px 4em 0 0;
	margin:0;
	top:0;
}

.breadcrumb-right .shareaholic-share-buttons-container ul.shareaholic-share-buttons {
    padding: 0!important;   
}

.breadcrumb-right .shareaholic-share-buttons-container li.shareaholic-share-button {
    padding-bottom: 0!important;
    padding-top: 0!important;
}

.product-category {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.category-column {
    display: flex; 
    width: 100%;
}

@media all and (min-width: 40em) {
  .category-column {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  .category-column {
    width: 33.33%;
  }
}


.category-content {
   display: flex;
   flex-direction: column;
   padding: 1.1em;
   width: 100%;
}

.category-content p {
  flex: 1 0 auto;
  color: #FFF!important;
}

.category-content img {
  border: 1px #ddd solid;
  background: #FFF;
}


.category-desc {
    background: #006aa8;
    color: #fff;
    padding: 8px 15px 0 15px;
    margin-top: -2px;
    height: 100%;
}

.category-desc h3, .category-desc a {
    color: #fff!important;
    text-transform: uppercase;
}

.catpage{
	display: flex;
}

.catpage-desc{
	
}

.catpage-image{
	padding-left: 20px;
}


article.articleloop{
	overflow: hidden;
	display: flex;
	padding: 5px 0;
	margin: 0 auto 0 auto;
	position:relative;
}

article.articleloop figure{
	width: 90px;
}

article.articleloop figure img{
	max-width: 90%!important;
	height: auto;
	margin-top: 5px;
}

article.event{
	overflow: hidden;
	display: flex;
	padding: 5px 0;
}

.eventdetails{
	width: 100%;
}

ul.eventmeta{
	list-style: none;
	color: #666;
	font-size: 0.9em;
	margin: 0 0 5px 0!important;
	padding: 0;
}

ul.eventmeta li{
	color: #666;
	font-size: 0.9em;
}

/* Footer
------------------------------------------------------------------------------------------------- */

#logos {
    width: 100%;
    border-top: 1px solid #dfdfdf;
    overflow: hidden;
    padding: 25px 0 10px 0;
    background: #FFF;
}

.logos-left {
    float: left;
    width: 50%;
    text-align: left;
}

.logos-right {
    float: left;
    width: 50%;
    text-align: right;
}

.logos-left img, .logos-right img{
	max-width: 95%; 
	height: auto;
}

.site-footer {
	overflow: hidden;
	background: #000;
    border-bottom: 10px solid #006aa8;
}

.site-footer .footercol {
	float: left;
	margin: 1em 0 1em 1.5em;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
}

.site-footer .footercolRight {
    float: right;
	text-align: right;
    margin: 1em 1.5em 1em 0;
	color: #fff;
	font-size: 12px;
	line-height:1.4em;
}

.site-footer .footercol1 {
    width: 50%;
}

.site-footer .footercol2 {
    width: 50%;
    text-align: right;
    font-size: 14px;
}

.site-footer .footercol a{
	color: #fff;
}

.site-footer .footercol a:hover{
    text-decoration: underline;
}

.site-footer .footercol ul{
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

.site-footer .footercol ul li{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 15px;
}

.site-footer .footercol h4{
	font-size: 18px;
	margin-bottom: 15px;
}

.rpwe-block li {
    border-bottom: none!important;
}

.footercol .rpwe-block h3 {
    font-size: 15px!important;
}


/* Helper Styles  */	

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	
.hide { display: none; }
	
.clear {
	clear: both;
}

.clearleft{
	clear: left;
}
	
.bold {
	font-weight: bold;
}
	
em { 
	font-style: italic;
}

.video-container iframe{
	max-width: 100%;
}

div.companyHistory {
	background-image:url('/wp-content/uploads/2019/04/Timeline170419.png');
	max-width:800px;
	background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 209%;
	margin-bottom:2em;
}

.showmeInline {display:none;}
.showmeBlock {display:none;}
.showmeTable {display:none;}

/* Responsive
------------------------------------------------------------------------------------------------ */

@media handheld, only screen and (max-width: 1300px) {
	.ctaButton { right:40%; }
}

@media handheld, only screen and (max-width: 1140px) {
	#category-slider{ width: 80%; }
	.ctaButton { right:30%; }
	.leadDetails { padding-top:7em; padding-left: 0;}
	.headImage {	max-height: 400px;}
	.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { max-width:65%;}
}

@media handheld, only screen and (max-width: 1000px) {
	#logo{ top: -5px; }
	#logo ul img{ margin-top: 0; }
	#contacts-header ul{ margin: 25px 0 15px; }
	.site-footer .footercol4 {display: none;}
	.site-footer .footercol1, .site-footer .footercol2, .site-footer .footercol3, .site-footer .footercol4 {width: 19%;}
	.ctaButton { right:20%; }
	.headImage {	max-height: 300px;}
	#columnEvent2{ padding-bottom:4em; height:auto;}
}

@media handheld, only screen and (max-width: 920px) {
	#mobilemenu {display: block;  font-size: 18px; text-transform: uppercase;color: #FFF;}
	.menu-main-menu-container { display: none; }
	#logo{ top: 20px; }
	#logo ul img{ margin-top: -5px; }
	#mobilemenu {margin-top:3px;}
}

@media handheld, only screen and (max-width: 860px) {
   	.ctaButton { right:10%; }
    .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { max-width:60%;}
}

@media handheld, only screen and (max-width: 800px) {
    .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { max-width:55%;}
}
	
@media handheld, only screen and (max-width: 767px) {
	#logo{ top: 20px; }
	#logo ul img{ margin-top: -5px; }
	#mobilemenu {margin-top:3px;}
	.menu-mobile-menu-container { z-index:99; }
	.selectorButton { padding:0.5em; }
	.selectorButtonOn { padding:0.5em; }
	#selectorDiv {margin-bottom: 2em; }
	.highlightCol {width:100%;display:block;margin-top:2em;}
	article .entry-header .entry-meta h3u:after { content: '\A\A'; white-space:pre;}
	.imageRow img { width:90%; height:auto; }
	.su-column-size-1-2 { padding-top:0em; padding-bottom:0em; }
	.su-column-size-1-3 { padding-top:0em; padding-bottom:0em; }
	.su-column-size-1-2.colPadding {padding-top:2em; padding-bottom:2em; }
	.su-column-size-1-3.colPadding {padding-top:2em; padding-bottom:2em; }
	.su-column-size-1-2.mobileTop {padding-top:2em; padding-bottom:0em; }
	.su-column-size-1-3.mobileTop {padding-top:2em; padding-bottom:0em; }
	.su-column-size-1-2.mobileMid {padding-top:0em; padding-bottom:0em; }
	.su-column-size-1-3.mobileMid {padding-top:0em; padding-bottom:0em; }
	.su-column-size-1-2.mobileBelow {padding-top:0em; padding-bottom:2em; }
	.su-column-size-1-3.mobileBelow {padding-top:0em; padding-bottom:2em; }
	.centerContact { padding-top:0em; }
	.readMoreButtonRow { bottom:3em; }
	.ctaButton {	right:2em; }
	#ctaForm { padding-top:0; }
	#ctaForm-content { max-width:90%; }
	#mailTo { padding-top:0; }
	.readMoreButtonBlueRow { bottom:1em; }
	.downloadButton:before{ content: '\A'; white-space:pre; }
	.leadershipColS{ background-color:#465b84;}	
	.leadershipCol2S{ background-color:#203868;}	
	.leadDetails { padding-top:9.5em; }
	.leadRow { background:none; background-color:#203868; }
	.leadRow2 { background:none; background-color:#465b84; }
	.leadText { padding-left: 0; padding-right: 0;}
	.headImage {	max-height: 200px;}
	.headRow { background:none; background-color:#203868; }
	.headRow2 { background:none; background-color:#203868; }
	.hideme {display:none;}
	.showmeInline {display:inline;}
	.showmeBlock {display:block;}
    .turnBlock {display:block;}
	.showmeTable {display:table;}
	.blockCells td {display:block;}
	.optionContThird.showmeBlock { width:70%; }
	.optionContThird.turnBlock { width:70%; }
	.flex {display:block;}
	.eventCat {margin-bottom:8px;margin-left:0;}
	.jobCat {margin-bottom:8px;margin-left:0;}
	.pressCat {margin-bottom:8px;margin-left:0;}
	.customerCat {margin-bottom:8px;margin-left:0;}
	.newsCat {margin-bottom:8px;margin-left:0;}
	.articleCat {margin-bottom:8px;margin-left:0;}
	.shareIcon {margin-left:0.2em;}
	.shareIconEmail {margin-left:0.2em;}
	.breadcrumb-right {padding-right:3em;}
	.mobileMarginTidy {padding-left:0;}
	.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { max-width:50%;}
	#iconImageAuthor{ position:relative; margin-left:auto; margin-right:auto; padding-left:5.5em;}
	.authorDetail { text-align:center; padding:0;}
	div.companyHistory {background-image:url('/wp-content/uploads/2019/04/TimelineMobile180419.png')!important;
	 padding-top: 558%;
	}
	#bannerFullMaxContain { height:250px; }
	.mobilebreak:before{ content: '\A\A'; white-space:pre; }
	.mobilebreakTrim:before{ content: '\A\A'; white-space:pre; margin-top:0; }
}

@media handheld, only screen and (max-width: 667px) {
	.footercol {max-width:10% !important;}
	.footercol a  img{padding-bottom:0.5em;}
	#category-slider{ width: 95%; } 
	.ctaButton {	right:2em; bottom:0.5em;}
}

@media handheld, only screen and (max-width: 580px) {
	.maincolumn, .rightcolumn{width: 90%; float: none; clear: both;}
}

@media handheld, only screen and (max-width: 540px) {
	#logo h2{ display: none; }
	#logo { padding-top: 5px; }
	.menuOverflow { margin-left:-6%; margin-right:-6%; padding-left:6%; padding-right:6%; }
}

.swapLeft { order: 2; }
.swapRight { order: 1;  }

@media screen and (max-width: 767px) {
    .lightBlueRowV { display: flex; flex-flow: column; }
	.blueRowV { display: flex; flex-flow: column; }
	.clearRow { display: flex; flex-flow: column; }
	.headRow { display: flex; flex-flow: column; }
	.headRow2 { display: flex; flex-flow: column; }
    .swapLeft { order: 1; }
    .swapRight { order: 2;  }
}

.page-title {
    font-size: 32px;
}

.grecaptcha-badge { 
    z-index:99 !important; 
	bottom:90px !important;
	visibility: collapse !important;
}