/*
Theme Name:		 qChild
Description:	 Child theme of Quadsimia qCore CSS
Author:			 Rob Perry, Creative Director / Senior Web Developer, Quadsimia
Author URI:		 http://www.quadsimia.com/
Version:		    1.0.0
-------------------------------------------------------------- */

/* TABLE OF CONTENTS
 1: FONTS
 2: GENERAL STYLES
    2a: Structural
    2b: Typography
    2c: Links/CTAs
    2d: Lists
    2e: Tables
    2f: Grids/Columns
    2g: Flex
    2h: Images
    2i: Videos
    2j: Forms
    2k: Extras/Helpers
 3: HEADER
    3a: Header
    3b: Header - Sticky
    3c: Alert Bar
    3d: Top Nav Bar
    3e: Logo
 4: NAV
    4a: Nav Menu
    4b: Nav Menu - Position
    4c: Nav Menu - Full Background
 5: BODY/CONTENT
    5a: Breadcrumbs
    5b: Homepage
    5c: Interior
 6: SIDEBAR
    6a: Aside
 7: FOOTER
    7a: Footer Content
    7b: Copyright
 8: ANIMATION/FX
 9: POPUPS
    9a: Defaults
    9b: Type
    9c: Position
    9d: Webinar Alerts Popup - Custom
 10: RESPONSIVE
-------------------------------------------------------------- */

/* TESTING HIGHLIGHTER */

/*.done, .fas.fa-check-circle {
  color: green;
}

.note, .fas.fa-exclamation-circle {
  color: orange;
}

.incomplete, .fas.fa-times-circle {
  color: red;
}*/

/* 1: FONTS */

/* Font Family: Univers LT Std */

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
  font-family: 'Univers LT Std 57 Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 57 Condensed'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-Cn.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 53 Extended';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 53 Extended'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-Ex.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 59 Ultra Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 59 Ultra Condensed'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-UltraCn.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 55 Roman';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 55 Roman'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 57 Condensed Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 57 Condensed Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-CnObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 53 Extended Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 53 Extended Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-ExObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 55 Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 55 Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-Obl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 39 Thin Ultra Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 39 Thin Ultra Condensed'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-ThinUltraCn.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 45 Light';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 45 Light'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-Light.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 47 Light Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 47 Light Condensed'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-LightCn.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 49 Light Ultra Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 49 Light Ultra Condensed'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-LightUltraCn.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 47 Light Condensed Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 47 Light Condensed Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-LightCnObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 45 Light Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 45 Light Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-LightObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 65 Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 65 Bold'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 67 Bold Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 67 Bold Condensed'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-BoldCn.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 63 Bold Extended';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 63 Bold Extended'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-BoldEx.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 67 Bold Condensed Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 67 Bold Condensed Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-BoldCnObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 63 Bold Extended Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 63 Bold Extended Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-BoldExObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 65 Bold Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 65 Bold Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-BoldObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 75 Black';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 75 Black'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-Black.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 73 Black Extended';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 73 Black Extended'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-BlackEx.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 73 Black Extended Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 73 Black Extended Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-BlackExObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 75 Black Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 75 Black Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-BlackObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 85 Extra Black';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 85 Extra Black'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-XBlack.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 93 Extra Black Extended';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 93 Extra Black Extended'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-XBlackEx.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 93 Extra Black Extended Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 93 Extra Black Extended Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-XBlackExObl.woff') format('woff');
}

@font-face {
  font-family: 'Univers LT Std 85 Extra Black Oblique';
  font-style: normal;
  font-weight: normal;
  src: local('Univers LT Std 85 Extra Black Oblique'), url('../fonts/univers-lt-std-cufonfonts-webfont/UniversLTStd-XBlackObl.woff') format('woff');
}

/*------------------------------------------------------------ */

/* 2: GENERAL STYLES */

/* -- 2a: Structural ----------------------------------------- */

section {
  padding: 2em 1em;
}

/* -- 2b: Typography ----------------------------------------- */

body {
  font-family: "Univers LT Std 55 Roman", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: normal;
  font-style: normal;
  letter-spacing: -0.025em;
}

h1, h4, h5, h6 {
  font-family: "Univers LT Std 57 Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

h1, h2 {
  color: #004A34;
}

h2 {
  font-family: "Univers LT Std 67 Bold Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: normal;
  font-size: 2.5em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  h2 {
    font-family: "Univers LT Std 57 Condensed", "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: bold;
  }
}

h3 {
  font-family: "Univers LT Std 55 Roman", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: #8b99a1;
  font-weight: normal;
  font-size: 2.25em;
}

h5 {
  font-size: 1.4em;
}

/*h5{color:#8b99a1;}*/

/* colors */

.goldenrod {
  color: #fca629;
  font-weight: bold;
}
.indium-green {
  color: #044a34;
  font-weight: bold;
}

/* -- 2c: Links/CTAs ----------------------------------------- */

a {
  color: #1f5c73;
  /* midnight blue */
}

a:hover {
  color: #913daf;
}

.cta {
  font-family: "Univers LT Std 67 Bold Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 1.15em;
  margin-bottom: 0.35em;
  padding: 0.75em 1.5em;
  min-width: 175px;
  text-transform: uppercase;
  border-radius: 2em;
  background-color: #044a34;
  /* indium green */
  font-weight: normal;
  letter-spacing: 0px;
}

.cta:hover {
  background-color: #913daf;
}

.cta.outline {
  background-color: transparent;
  color: #044a34;
  background: rgba(255, 255, 255, 1);
  border: 3px solid #044a34;
}

.cta.outline:hover {
  background-color: #044a34;
  color: #fff;
  border: 3px solid #044a34;
}

.cta.secondary {
  background-color: #006db6;
  /* indium blue */
}

.cta.secondary:hover {
  background-color: #00a297;
}

.cta.secondary.outline {
  text-align: center;
  background-color: transparent;
  color: #006db6;
  background: rgba(255, 255, 255, 1);
  border: 3px solid #006db6;
}

.cta.secondary.outline:hover {
  background-color: #006db6;
  color: #fff;
  border: 3px solid #006db6;
}

.cta.contact {
  background-color: #e16d27;
  /* contact orange */
}

.cta.contact:hover {
  background-color: #eb4a35;
  background-color: #9f1d51;
}

.cta.contact.outline {
  text-align: center;
  background-color: transparent;
  color: #e16d27;
  background: rgba(255, 255, 255, 1);
  border: 3px solid #e16d27;
}

.cta.contact.outline:hover {
  background-color: #e16d27;
  color: #fff;
  border: 3px solid #e16d27;
}

.more {
  margin-bottom: 2em;
}

.cta.plum {
  background-color: #913daf;
  /* plum */
}

.cta.plum:hover {
  background-color: #006db6;
}

.cta.plum.outline {
  background-color: transparent;
  color: #913daf;
  background: rgba(255, 255, 255, 1);
  border: 3px solid #913daf;
}

.cta.plum.outline:hover {
  background-color: #913daf;
  color: #fff;
  border: 3px solid #913daf;
}

header .topnav .cta.plum.cta.outline {
  min-width: 92px;
  font-size: .70em;
  text-align: center;
  padding: 0.05em;
  background: transparent;
  margin-bottom: 0;
  vertical-align: baseline;
}
header .topnav .cta.plum.outline:hover {
background-color: #913daf;
}

@media screen and (max-width:680px){
  a.btn-openings{
    font-size: 1.15em!important;
    padding: 10px;}
}



/* -- 2: SEO - Updated styles  ---------------------------------------------- */

h1.h1-seo {   
    font-family: "Univers LT Std 67 Bold Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: normal;
    font-size: 2.5em;
    margin: 0.65em 0 0.35em 0;
}

h3.h3-seo{
    font-family: "Univers LT Std 67 Bold Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: normal;
    font-size: 2.5em;
    color: #004A34;
}

.h3-seo-card {
    margin: 0;
    padding: 0.35em 0.5em 0.2em 0.5em;
    background-color: #d5e0da;
    color: #000000;
    font-family: "Univers LT Std 57 Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 1.8em;
}

h1.h2-seo {
    font-family: "Univers LT Std 67 Bold Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: normal;
    font-size: 2.5em;
    color: #004A34;
    font-weight: normal;
}

h3.h4-seo {
    font-family: "Univers LT Std 57 Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 2em;
    
}

/* -- 2d: Lists ---------------------------------------------- */
/*section.news-item ul, section.news-item ol{
  list-style-position:inside;}*/
section.news-item ul ul, section.news-item ol ol{
  list-style-position:inside;}

/* -- 2e: Tables --------------------------------------------- */
.table-column-wrap{overflow-x:scroll;}

table thead th {
  background-color: #004833;
  border-right: 1px solid #ccc;
  color: #fff;}
table.striped tbody tr:nth-child(even) th {
  background-color: #d4ded9;}
table.striped tr:nth-child(even) {
  background-color: #e1e7e4;}

table.indium-blue-highlight th.highlight, tr.indium-blue-highlight, tr.indium-blue-highlight th {background-color:#006db6 !important; color: #fff !important;}
tr.indium-blue-highlight a, tr.indium-blue-highlight th a {color: #fff;}
table.striped.indium-blue-highlight td.highlight.odd{background-color:#e2e9f2;border-left:2px solid #006db6;border-right:2px solid #006db6;}
table.striped.indium-blue-highlight td.highlight.even {background-color:#b4c5e5;border-left:2px solid #006db6;border-right:2px solid #006db6;}
table.striped.indium-blue-highlight td.highlight.last {border-bottom:2px solid #006db6;}

table.lined td {border: 1px solid #ccc;}

.dataTable {
      display: block;
      width: 100%;
    }
    .dataTable thead, .dataTable tbody, .dataTable thead tr, .dataTable th {display: block;}
    .dataTable thead {float: left;}
    .dataTable tbody {
      width: auto;
      position: relative;
      overflow-x: auto;
    }
    .dataTable td, .dataTable th {
      box-sizing: border-box;
      overflow-x: hidden;
      overflow-y: auto;
    }
    /*.dataTable th {text-align: left; max-width: 150px;}*/
    .dataTable tbody tr {display: table-cell; vertical-align: initial;}
    .dataTable tbody td {display: block;}
    .mobile {display: block;}

@media screen and (max-width:800px) {
  .dataTable thead.split, .dataTable tbody.split{
    border-top:10px solid #8b99a1;}
}

@media screen and (min-width:800px){
  table.sticky thead th{
    position:sticky;
    top:92px; /* Don't forget this, required for the stickiness */
    z-index:99;}
  table thead th.attributes{width:33%;}
}

.gallium-table {
  vertical-align: top;
}
table.striped tbody tr:nth-child(even) th.table-highlight{
  background-color: #006db6;
  color: #e1e7e4;
}
table.striped tbody tr:nth-child(even) td.table-highlight{
  background-color: #006db6;}
.table-highlight{
  background-color: #006db6;
  color: white;
}
.table-highlight a {
  color: #e1e7e4;
}
.table-highlight a:hover{
  color: #913daf;
}
.table-key{
  border: 2px black solid;
  padding: 5px 50px;
  background-color: #006db6;
  margin-right: 5px;
  border-radius: 5px;
}
/* -- 2f: Grids/Columns -------------------------------------- */

/* -- 2g: Flex ----------------------------------------------- */

/* -- 2h: Images --------------------------------------------- */

.round {
  border-radius: 50%;
}

.features-benefits img.hero {
  display: block;
  margin: 1.5em auto;
  max-width: 80%;
  border: 1px solid #004A34;
  border-radius: 0.5em;
}

.circle-border {
  /*float:left;*/
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  border: 10px solid #004A34;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.circle-border figure {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  border: 8px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.circle-border img {
  display: block;
  position: absolute;
  margin: 0 auto;
  width: auto;
  height: 100%;
  max-height: 100%;
  max-width: none;
  left: -50%;
  right: -50%;
  top: 0;
  bottom: 0;
}

.circle-border.vertical figure {
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-border.vertical img {
  margin: auto;
  width: 100%;
  height: auto;
  max-height: inherit;
}

@media screen and (max-width:980px) {
  .circle-border {
    float: none;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@media screen and (max-width:800px) {
  .circle-border {
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media screen and (max-width:680px) {
  .circle-border {
    float: none;
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/* -- 2i: Videos --------------------------------------------- */

/* SINGLE VIDEO */
.single-video-container{
  max-width:1000px;margin:3em auto;}

/* VIDEO CARD */
.card.video{
  padding:0;
  background-color:#f5f5f5;
  border:1px solid #ccc;
  border-radius:4px;}
.card.video a{
  border-bottom:1px solid #ccc;
  display:block;
  margin:0;
  padding:0;
  position:relative;
  font-size:3.75em;
  background:rgba(0,0,0,1);}
.card.video a:before{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  font-family:"Font Awesome 5 Free";
  font-weight: 700;
  content:"\f144";
  font-size:150%;
  color:#fff;
  opacity:0.9;
  text-shadow:0px 0px 30px rgba(0, 0, 0, 0.8);
  transition:all 0.3s ease;
  z-index:1;}
.card.video a:hover:before{
  opacity:0.55;}
.card.video a img{
  display:block;
  opacity: 0.5;
  transition:all 0.3s ease;}
.card.video a:hover img{
  opacity: 1;}
.card.video .card-text{
  margin:0 0.5em 0.5em 0.5em;
  padding:0.55em 0 0 0;
  min-height:45px;
  font-size:0.95em;
  line-height:1.35em;
  color:#333;}

.video-sidebar{
  overflow:-moz-scrollbars-vertical;
  overflow-y:scroll;}
.video-sidebar .card.video{
  margin:0 1em 1em 1em;}
.video-sidebar .card.video:last-child{
  margin-bottom:0;}
.video-sidebar .card.video a:before{
  font-size:100%;}

@media screen and (min-width:680px){
  .video-sidebar{
    height:200px;}
  .video-sidebar .card.video a:before{
    /*font-size:3.25em;*/}
}
@media screen and (min-width:820px){
  .video-sidebar{
    height:350px;}
  #tab-module .video-sidebar{
    height:250px;}
}
@media screen and (min-width:980px){
  .video-sidebar{
    height:400px;}
  #tab-module .video-sidebar{
    height:300px;}
}
@media screen and (min-width:1080px){
  .video-sidebar{
    height:475px;}
  #tab-module .video-sidebar{
    height:325px;}
}
@media screen and (min-width:1280px){
  .video-sidebar{
    height:520px;}
  #tab-module .video-sidebar{
    height:390px;}
}

/* -- 2j: Forms ---------------------------------------------- */

button, input[type="submit"] {
  background: #1f5c73;
  border-color: #15495d;
  text-transform: uppercase;
  text-shadow: 0 -1px 1px #15495d, 1px 0 1px #15495d, 0 1px 1px #15495d, -1px 0 1px #15495d;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="button"] {
  -webkit-appearance: none;
}


button.contact, input[type="submit"].contact {
  background: #e16d27;
  border-color: #e16d27;
  text-transform: uppercase;
  text-shadow: 0 -1px 1px #e16d27, 1px 0 1px #e16d27, 0 1px 1px #e16d27, -1px 0 1px #e16d27;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}

button.contact:hover, input[type="submit"].contact:hover {
  background: #f79a15;
  border-color: #e16d27;
  text-transform: uppercase;
  text-shadow: 0 -1px 1px #e16d27, 1px 0 1px #e16d27, 0 1px 1px #e16d27, -1px 0 1px #e16d27;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}

.notice{
  text-align: center;
}

/* Whitepapers */
.whitepaper-summary{display:none; /* hide summary by default - toggle will display summary */ }

.paperCntMsg{
  margin-top:12px;
  padding:0.5em 0.25em;
  text-align:center;
  font-size:0.8em;
  line-height:1.35em;
  color:#913daf;
  border:1px solid #913daf;
  border-radius:4px;
  background:rgba(145,61,175,0.125);}
input.paper-checkbox[type="checkbox"]{
  display: block;
  margin:12px auto 0 auto;
  width:35px;
  height:35px;
  border: 1px solid #000;
  background-color:#8b99a1;}

@media screen and (max-width:680px){
  table.paper-sort th, table.paper-sort tr, table.paper-sort td{display:block;}
  form .col{margin:0;}
  form h4{font-size:1.5em;margin:0.25em 0 0.5em 0;}
  button.contact, input[type="submit"].contact{white-space:normal;width:100%;}
}

/* -- 2k: Extras/Helpers ------------------------------------- */
.nowrap{white-space:nowrap;}

/* THIS CLASS IS USED ON THE AUTOMOTIVE PAGE */
.text-indium-blue{color:#006db6;}

/*------------------------------------------------------------ */

/* 3: HEADER */

/* -- 3a: Header --------------------------------------------- */

header {
  font-family: "Univers LT Std 57 Condensed", "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

/*header .col{margin-bottom:0;}*/

/* -- 3b: Header - Sticky ------------------------------------ */

body.no-header {
  padding-top: 152px;
  /* added so page doesn't shift when sticky header is active */
}

body.no-header header {
  min-height: 92px;
}

/* -- 3c: Alert Bar ------------------------------------------ */

.covid-response{
  border:0;
  margin:0;}
.covid-response .cta:hover{
  color:#fff;}

.learn-more{
  padding: 1em 0 4em;
}

@media screen and (min-width:768px){
  .covid-response .cta{
    /*position:absolute;
    top:-0.6em;
    right:0;*/}
}

/* -- 3d: Top Nav Bar ---------------------------------------- */

body.no-header header .topnav{
  display: block;}

header .topnav {
  background-color: #ededed;
  color: #8b99a1;
}

header .topnav a {
  color: #8b99a1;
}

header .topnav a:hover {
  color: #004A34;
}

header .main-header{
  padding-bottom:1em;}

body.no-header header .topnav .col {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* -- 3e: Logo ----------------------------------------------- */

/* logo round circle */

.logo.round {
  position: absolute;
  left: 0;
  right: 0;
  margin: -2.5em auto 0 auto;
  width: 150px;
  height: 150px;
  background-color: #004A34;
  border: 8px solid #fff;
}

.logo.round img {
  width: 85px;
  height: 85px;
  transform: translate(-47%, -55%);
}

/* logo round circle on hover */

.logo.round:hover {
  background-color: #fff;
  border: 8px solid #97B3A6;
}

.logo.round:hover img {
  filter: invert(1);
}

/* logo when sticky */

body.no-header .logo.round {
  margin-top: -4em;
}

/*------------------------------------------------------------ */

/* 4: NAV */

/* -- 4a: Nav Menu ------------------------------------------- */

nav .toplevel {
  margin-top: 1em;
  font-size: 1.25em;
  white-space: nowrap;
}

body.no-header nav .toplevel {
  margin-top: 0.65em;
}

nav .toplevel.products {
  margin-right: 10%;
}

nav .toplevel.applications {
  margin-left: 10%;
}

nav .toplevel .cta {
  margin-top: -0.2em;
  padding: 0.325em 1em;
  padding-top: 0.45em;
  min-width: auto;
}

.desktoponly{
  display:block !important;
}
.mobileonly{
  display:none !important;
}



nav li>a {
  color: #004A34;
  /* topmenu links */
}

nav li:hover>a {
  color: #000;
}

nav ul li:hover>ul {
  border-radius: 0.5em;
  /*overflow: hidden;*/
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
}

nav ul li>ul li:first-child> a{
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;}
nav ul li>ul li:last-child{border-bottom:0;}
nav ul li>ul li:last-child> a{
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;}

nav ul li ul li ul li a{
  white-space:normal;}

/*nav ul li ul li ul li:first-child a{
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;}
nav ul li ul li ul li:last-child{border-bottom:0;}
nav ul li ul li ul li:last-child a{
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;}*/

nav ul li ul>li {
  border-bottom: solid 1px #8b99a1;
}

nav ul li ul li>a {
  /*padding: 0.75em 3.25em 0.75em 1.25em;
  font-size: 15px;
  width: 100%;*/
  color: #8b99a1;
  background-color: #fff;
}

nav ul li ul li:hover>a {
  color:#fff !important;
  background-color:#004A34;
}

.mean-container nav ul li>ul li ul li:first-child> a{
  border-top-left-radius:0em;
  border-top-right-radius:0em;}
.mean-container nav ul li>ul li ul li:last-child{border-bottom:0;}
.mean-container nav ul li>ul li ul li:last-child> a{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;}
.mean-container nav ul li ul li ul li>a{
  background:#d5e0da;}

/* solders - submenu */
nav ul.solders-submenu{ /* desktop */
  top: -232px;}
.menu-container ul.solders-submenu{ /* mobile */
  top:0;}

/* markets - submenu */
nav ul.markets-submenu{ /* desktop */
  top: -140px;}
.menu-container ul.markets-submenu{ /* mobile */
  top:0;}

/* 2 column submenu */
nav ul.submenu-2col .col{margin:0;}
@media screen and (min-width:768px){
  nav ul.submenu-2col{width:400px;}
  nav ul.submenu-2col .span6{
    width:50%;
    margin:0;}
  nav ul.submenu-2col .span6 li{
    width:100%;
    border-bottom: solid 1px #8b99a1;}
  nav ul.submenu-2col .span6:last-child li{border-left: 1px solid #8b99a1;}
  nav ul.submenu-2col .span6 li:last-child{border-bottom:0;}
  nav ul.submenu-2col .span6:first-child li:first-child a{
    border-top-right-radius:0;}
  nav ul.submenu-2col .span6:last-child li:first-child a{
    border-top-left-radius:0;}
  nav ul.submenu-2col .span6:first-child li:last-child a{
    border-bottom-right-radius:0;}
  nav ul.submenu-2col .span6:last-child li:last-child a{
    border-bottom-left-radius:0;}
}

/* -- 4b: Nav Menu - Position -------------------------------- */

nav.center ul.nav {
  margin-top: 2.5em;
  /* center */
}

body.no-header nav.center ul.nav {
  margin: 0 auto;
  /* center */
}

/* -- 4c: Nav Menu - Full Background ------------------------- */

/* horizontal scrolling menu */

/*
[1]: All items a forced onto a single line, causing the overflow when necessary.
[2]: Automatic overflow means a scroll bar won’t be present if it isn’t needed
[3]: Make it smooth scrolling on iOS devices before 
[4]: Hide the ugly scrollbars in Edge until the scrollable area is hovered
[5]: Hide the scroll bar in WebKit browsers
*/

.sidescroll {
  white-space: nowrap;
  /* [1] */
  overflow: visible;
  overflow-x: auto;
  /* [2] */
  -webkit-overflow-scrolling: touch;
  /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* [4] */
}

/* [5] */

.sidescroll::-webkit-scrollbar {
  display: none;
}

/* NAV BAR - Appears below header on interior pages */

.navbar{
  padding:1.25em 0 0.25em 0;
  /*background-color:#8b99a1; ORIGINAL GREY, changed to green 09-10-21 */
  background-color:#044a34;
  color:#fff;}
.navbar .container{
  max-width:100%;
  padding:0 0.01em;}
.navbar ul.menu{
  margin:0;
  padding:inherit;
  padding-left:0.35em;
  padding-right:1em;}
.navbar ul.menu li{
  vertical-align: top;
  white-space: normal;}
.navbar ul.menu li img{max-width:55px;}
.navbar ul.menu a{
  display:block;
  width:78px;
  margin:0 0.1em;
  padding:0;
  font-size:0.7em;
  line-height:1.1em;
  color:#fff;}
.navbar ul.menu a:hover{opacity: 0.6;}

.navbar button, .navbar input[type="submit"] {
  background:#00a297;}
.navbar button:hover, .navbar input[type="submit"]:hover {
  background:#5cc661;}

/* NAV BAR - Appears below header on interior pages */

.navbar-alt{background-color:#196db6;}
.navbar-alt2{background-color:#044a34;}
.navbar-alt ul.menu li img{
  border-radius:15px;
  transition: all 0.3s ease;}
.navbar-alt ul.menu a:hover{
  opacity:1;
  color:#d1e2f0;}
.navbar-alt ul.menu a:hover img{background:rgba(255,255,255,0.25);}

@media screen and (min-width:768px){
  /* sticky navbar-alt */
  .navbar-alt{
    position:fixed;
    width:100%;
    top:175px;
    z-index:999;}

  body.no-header .navbar-alt{
    top:92px;
    padding-top:0.5em;
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 35%);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 35%);}
}

/*====== ORIGINAL CSS =======*?
/* NAV BAR - Appears below header on interior pages */

/*.navbar{padding:1.25em 0 0.25em 0;background-color:#8b99a1;}
.navbar ul.menu{margin:0;padding:0;}
.navbar ul.menu li{vertical-align:top;}
.navbar ul.menu li img{max-width:55px;}
.navbar ul.menu a{display:block;width:78px;margin:0 0.1em;padding:0;font-size:0.7em;line-height:1.1em;color:#fff;}
.navbar ul.menu a:hover{opacity:0.6;}*/

/* language hover box */

.hoverbox {
  position: relative;
  display: inline-block;
}

.hoverbox .hoverbox-item {
  display: none;
  position: absolute;
  z-index: 99999;
  margin: 0;
  padding: 1em;
  /*width:26rem;*/
  background-color: #fff;
  /*border-top:5px solid #009FDF;*/
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);
}

.hoverbox:hover .hoverbox-item {
  display: block;
}

.hoverbox .hoverbox-item.right {
  right: 0;
}

.language.hoverbox .hoverbox-item {
  width: 250px;
}

.language.hoverbox .hoverbox-item ul li a {
  display: block;
}

/* header search box */

/* button */

/* form */

header .searchform {
  display: none;
  position: fixed;
  margin: 0;
  width: 100%;
  background: #1f5c73;
  padding: 0;
  text-align: center;
  transition: background-color 500ms linear;
  z-index: 1000;
}

header .searchform .searchfield {
  display: inline-block;
  border: none;
  /*padding:10px 0;*/
  background: none;
  color: #fff;
  outline: none;
  border-bottom: 1px solid white;
  width: 80%;
  font-size: 1.2em;
}

header .searchform input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

header .searchform .submitbtn {
  display: inline-block;
  background: none;
  font-size: 1.5em;
  color: #fff;
  border: 1px solid #fff;
  padding: 0.5em 0.5em;
  min-width: auto;
}

@media screen and (min-width:680px) {
  .search .cta, .searchbtn {
    display: inline;
    padding: 0.5em;
    border-radius: 1em;
    color: #fff;
  }
  header .searchform .searchclose {
    font-size: 1em;
    padding: 0.3em 0.5em 0.1em 0.5em;
    float: right;
    margin: 0.5em;
    position: relative;
    color:#004A34;
    background-color: #fff;
    min-width: auto;
  }
}


.future-intrest {
    width: 98.5%;
}

@media screen and (max-width:680px){
.future-intrest {
    width: 100%;
    }
}


/* mobile language */
header .mobile-nav-icons{
  position:absolute;
  right:0;
  top:0;
  margin:0;
  width:auto;
  text-align:right;
  z-index:1;}

header .mobile-nav-icons a{
  position: relative;
  color: #004A34;
  width: 65px;
  height: 65px;
  display: inline-block;
  background-color: #f6f6f6;
  vertical-align: middle;
  border-radius: 0;
  margin: 0;
  padding: 0;
  text-align: center;}
header .mobile-nav-icons .fa, header .mobile-nav-icons .fas{
  font-size: 1.65em;
  display: block;
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;}
header .language-mobile {
  display: none;
  position: fixed;
  margin: 0;
  width: 100%;
  background: #1f5c73;
  padding: 0;
  text-align: center;
  transition: background-color 500ms linear;
  z-index: 1000;}
header .language-mobile h6{
  color: rgba(255, 255, 255, 0.6);}
header .language-mobile a{
  color:#fff;}

/*------------------------------------------------------------ */

/* 5: BODY/CONTENT */

/* -- 5a: Breadcrumbs ---------------------------------------- */

/* -- 5b: Homepage ------------------------------------------- */

/* SECTION: InSIDER Series */

.insider-series-banner.parallax-banner .container{
  padding:0 1em 1em 1em;}
.insider-series-banner.parallax-banner img.insider-series-logo{
  max-width:450px; margin: 10px;}
.insider-series-banner.parallax-banner h2{
  color:#004A34;}
.insider-series-banner.parallax-banner .cta{
  font-size: 1.25em;
  padding: 0.75em 1.5em 0.5em 1.5em;}

.rel-left {
  height: 100%;    
  object-fit: cover;    
  object-position: right;
}

.rel-insider-series-logo {
  width: 400px;
  padding-top: 15px;
}

.rel-right {
  height: 100%;    
  object-fit: cover;    
  object-position: left;
}
.relion-banner-content .col{
  margin: 0 auto;
  margin-bottom: -20px;
}

.relion-logo-hdr {
  width: 400px;
}

.relion-banner .col{
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width:680px){
  .rel-left {
    display: none;
  }
  .rel-right {
    display: none;
  }
  .relion-banner-content {
    padding: 10px;
  }
}
@media screen and (min-width:1700px){
  .relion-banner{
    height: 400px;
  }
}

/* SECTION: InSIDER Series - New Layout */

.relion-2 {
    height: 20em;
    margin-bottom: -3em;
}

.relion-2-img img{
    position: relative;
    width: 70%;
    height: 100%;
    object-fit: cover;
    transform: translate(22%, -12%);
}

div.relion-2-txt {
    padding-top: 7em!important; 
    width: 45%;
}
div.relion-2-txt h4 {
    font-size: 1.3em;
}
.relion-2-txt p {
    font-family: "Univers LT Std 57 Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.relion-2-lm {
    margin-top: -3em;
    background: rgb(215,159,30);
    background: linear-gradient(90deg, rgba(215,159,30,1) 0%, rgba(227,144,17,1) 12%, rgba(209,130,16,1) 37%, rgba(254,125,0,1) 91%);
    padding: 10px 5px;
}

a.relion-2-lm {
    font-size: 1em!important;
}

@media screen and (min-width: 1080px) and (max-width: 1510px) {
    
    .relion-2-img img {
        width: 100%;
        transform: translate(0%, -14%)
    }
    div.relion-2-txt {
        padding-top: 8em!important;
        width: 55%;
        font-size: .90em;
    }
}

@media screen and (min-width: 680px) and (max-width: 1080px) {
    .relion-2-img img {
        width: 100%;
        transform: translate(0%, -13%);
    }
    
    div.relion-2-txt {
        padding-top: 8em!important;
        width: 75%;
        font-size: .90em;
    }
    
    .relion-2 {
        margin-bottom: -4em;
    }
}

@media screen and (min-width: 415px ) and (max-width: 575px){
 
    .relion-2-img-mobile img {
        transform: translate(-1%, -21%);
        max-width: 1000%;
        object-fit: contain;
        width: 180%;
        left: -12em;
    }
    
    .parallax-banner .container .more {
        width: 50%;
        margin: 0 auto;
        margin-top: 1em!important;
        font-size: 1.5em;
    }
    
    div.relion-2-txt {
        padding-top: 8em!important;
        width: 90%;
        font-size: .65em;
        
    }
    
    a.relion-2-lm {
        font-size: 1.3em;
        width: 50%;
        margin-top: -1em;
    }

}


@media screen and (min-width: 575px ) and (max-width: 680px){
    
    .relion-2-img-mobile img {
        transform: translate(-1%, -21%);
        max-width: 1000%;
        object-fit: contain;
        width: 210%;
        left: -20em;
    }
    
    div.relion-2-txt {
        padding-top: 10.5em!important;
        width: 100%;
        font-size: .6em;
        
    }
    
    .parallax-banner .container .more {
        width: 55%;
        margin: 3.5em auto!important;
        
    }
    
    .relion-2{
        margin-bottom: -6em;
    }
    
    a.relion-2-lm {
        font-size: 1.5em!important;
        width: 50%
    }
    
}


@media screen and (min-width: 405px) and (max-width: 415px){
    div.more .relion-2-lm {
        font-size: 1.3em!important;
        padding: 7px 10px;
        width: 50%;
        margin-top: .7em;
    }
    
    div.relion-2-txt {
        padding-top: 7em!important; 
        width: 100%;
        font-size: .90em;
    }
    
    .relion-2-img-mobile img {
        position: inherit;
        object-fit: contain;
        width: 220%;
        max-width: 500%;
        right: -16.5em;
        top: -5.5em;
        height: 406px;
        transform: translate(-2%, 0%);
        }
    
    .relion-2 {
        height: 22.5em;
        margin-bottom: -3.25em;
    }
    .relion-2-txt h4 {
        font-size: 1.25em!important;
    }
    
    .parallax-banner .container .more {
        margin: 0 auto;
        margin-top: 0em!important;
    }

}

@media screen and (min-width: 340px) and (max-width: 404px){
     div.more .relion-2-lm {
        font-size: 1.3em!important;
        padding: 7px 10px;
        width: 50%;
        margin-top: .7em;
    }
    
    div.relion-2-txt {
        padding-top: 7em!important; 
        width: 100%;
        font-size: .90em;
    }
    
    .relion-2-img-mobile img {
        position: inherit;
        object-fit: contain;
        width: 220%;
        max-width: 500%;
        right: -16.5em;
        top: -5.5em;
        height: 406px;
        transform: translate(-6%, -3%);
        }
    
    .relion-2 {
        height: 22.5em;
        margin-bottom: -3.25em;
    }
    .relion-2-txt h4 {
        font-size: 1.25em!important;
    }
    
    .parallax-banner .container .more {
        margin: 0 auto;
        margin-top: -1em!important;
    }

    
}

/* SECTION: Promo */

section.promo{
  margin:0;
  padding:0;}
section.promo .container{
  margin:0;
  padding:0;}
section.promo img.promo-logo{
  margin:0;}
section.promo .more{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 0 1em 0;}
section.promo .more .cta{
  margin:0;
  padding:0.5em 1.5em;
  font-size:1em;}

/* SECTION: Search Tech Documents */

.search-tech-documents {
  padding-bottom: 5em;
}

/* search box */

form.site-search.inline input#searchBox, form#newssearchform.inline input#newssearchsubmit {
  width: 50%;
}

form.site-search.inline button, form#newssearchform.inline button {
  width: 20%;
}

form.site-search.inline .searchfilters {}

form.site-search.inline .searchfilters .inline {
  display: inline-block;
}

form.site-search.inline .searchfilters input, form.site-search.inline .searchfilters label {
  display: inline;
  vertical-align: middle;
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(55, 112, 192, 0);
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(55, 112, 192, 0);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(55, 112, 192, 0);
}

form.site-search.inline .searchfilters label {
  display: inline-block;
  padding-top: 0.35em;
}

/* -- 5c: Interior ------------------------------------------- */

.bg-shaded {
  background-color: #ededed;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .parallax-banner img.parallax {
    width: 100%;
    height: auto !important;
    object-fit: none;
  }
}

/*section{z-index:2;}*/

#main-content>section:last-child{
  padding-bottom:9em;}

body#home #main-content>section:last-child{
  padding-bottom:4em;}

@media screen and (max-width:680px){
  body#home #main-content>section:last-child{
    padding-bottom:2em;}
}

/* SECTION: Homepage News List */

body#home .news-list{
  padding:0 2em 1em 2em !important;
  background-color:#ededed;}
body#home .news-list article.card{min-height:480px;}
body#home .news-list article.card .container{padding-bottom:0;}
body#home .news-list article.card .circle-border{
  width:180px;
  height:180px;}

@media screen and (max-width:1280px){
  body#home .news-list article.card .circle-border{
    width:180px;
    height:180px;}
}

@media screen and (max-width:1200px){
  body#home .news-list article.card{min-height:430px;}
}

@media screen and (max-width:1100px){
  body#home .news-list article.card .circle-border{
    width:180px;
    height:180px;}
}

@media screen and (max-width:980px){
  body#home .news-list article.card{min-height:375px;}
  body#home .news-list article.card .circle-border{
    width:220px;
    height:220px;}
}

@media screen and (max-width:800px){
  body#home .news-list article.card .circle-border{transform:scale(1);}
}

@media screen and (max-width:680px){
  body#home news-list article.card{min-height:575px;}
}

/* GRADIENT OVERLAY - FOR FUTURE BROWSERS WHEN BLEND MODES WORKS ACROSS ALL BROWSERS JUST LIKE PHOTOSHOP EFFECTS //
.banner .gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right, rgba(29,141,66,1), rgba(13,146,95,1));mix-blend-mode:hard-light;z-index:5;}*/

/* SECTION: How To Solve */

.howtosolve .parallax-banner {
  margin: 1.5em 0;
  border-radius: 2em;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
}

.howtosolve .parallax-banner .col {
  margin-bottom: 0;
}

.howtosolve img.overlap {
  /*position:absolute;*/
  display: block;
  margin: -3em auto 0 auto;
  /*width:50%;*/
  max-width: 500px;
}

.howtosolve-form-container {
  position: relative;
  margin: 0;
  padding: 2em;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.howtosolve-form-container h4 strong {
  color: #1f5c73;
}

.howtosolve-form-container select {
  border: 2px solid #fca629;
}

.howtosolve-form-container button {
  margin: 0 auto;
}

.howtosolve-form-container p {
  padding-top: 1em;
  font-size: 0.9em;
  color: #000;
}

.solution .resources-container {
  margin-left: 0;
}

/* SECTION: Headline */

section.headline a {
  color: #97B3A6;
  font-weight: bold;
}

section.headline a:hover {
  color: #913daf;
}

.headline.parallax-banner h1{
  padding-top:0.65em;
  font-family:"Univers LT Std 67 Bold Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight:normal;
  font-size:2.5em;}

/* SECTION: Lead Content */

section.resources, section.lead-content {
  background-color: #ededed;
}

/* Resources Tabs */

/* Resources icons */

ul.resources-icons {
  position: absolute;
  top: -3em;
  left: 0;
  right: 0;
  margin: 0;
  padding: 1em;
  z-index: 10;
}

ul.resources-icons li {
  display: inline-block;
  margin-right: 0.25em;
}

ul.resources-icons li a {
  display: block;
  border-radius: 3em;
  border: 4px solid #fff;
  background-color: #fff;
  text-align: left;
  min-width: 150px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
}

ul.resources-icons li a .icon {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  background-color: #8b99a1;
  border-radius: 50%;
  transition: all 0.3s ease;
}

ul.resources-icons li a .icon img {
  display: block;
  width: 100%;
  max-width: 100%;
}

ul.resources-icons li a span {
  display: inline-block;
  vertical-align: middle;
  min-width: 85px;
  padding: 0 1em 0 0.5em;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 1.35em;
}

ul.resources-icons li a:hover {
  background-color: #ededed;
}

ul.resources-icons li a:hover .icon {
  background-color: #fca629;
}

ul.resources-icons li.ui-tabs-active a {
  background-color: #ededed;
}

ul.resources-icons li.ui-tabs-active a .icon {
  background-color: #fca629;
}

/* News Search By Year Icons */
ul.resources-icons.news-icons li a .icon{
  text-align: center;
  padding-top: 0.25em;
  font-size: 2em;
  color: #fff;}

/* SECTION: Products - slider */

section.products {
  padding-bottom: 5em;
}

/* SECTION: Tab Module */

.tab-module {
  /*padding-top:4em;*/
  padding-top: 4em;
  /*padding-bottom:4em;*/
  padding-bottom: 4em;
  /*background-color:#ededed;*/
  /*background-color:#e1e5e1;*/
  background-color: #e6e7e9;
}

/* Tab Module: Links */

.tab-module aside.tab-links {
  margin-top: 1.9em;
  margin-bottom: 4em;
}

/* Tab Module: Content */

.tab-module .tab-content {
  margin-left: 0;
  padding-bottom: 4em;
  border-radius: 2em;
  background-color: #fff;
}

.tab-module .tab-content figure.fullwidth {
  max-width: 100%;
}

.tab-module .tab-content figure.right {
  max-width: 40%;
}

.tab-module .tab-content figure img {
  border: 1px solid #004A34;
  border-radius: 0.5em;
}

.tab-module .tab-content .more {
  clear: both;
  text-align: center;
}

/* SECTION: Accordion */
.accordion h2.accordion-title {font-size: 1.25em; display: block; padding: 0.5em; border-bottom: 1px solid #e6e7e9; border-top-left-radius: 2em; border-bottom-left-radius: 2em; cursor: pointer; margin: 0; color: #1f5c73;}
.accordion h2.accordion-title:hover, .accordion h2.accordion-title.highlight {background: rgba(230, 231, 233, 0.5); color: #913daf;}
.accordion h2.accordion-title .fas {transition: all 0.3s ease; margin-right: 0.25em; display: none;}
.accordion h2.accordion-title.highlight {padding: 0.25em; color: #006db6;}
.accordion h2.accordion-title.highlight .fas {display: inline-block; background-color: #006db6; color: #fff; transform: rotate(90deg); transition: all 0.3s ease; border-radius: 50%; vertical-align: middle; margin-right: 0.25em; padding: 0.5em 0.75em;}

/* ARTICLE: Card */


article.card{
  position: relative;
  border: 2px solid #a9bdb7;
  border-radius: 0.5em;
  overflow: hidden;
  padding-bottom: 3.25em;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
article.card.right{
  margin-left: 1em;
  margin-bottom: 1em;}
article.card h4{
  margin: 0;
  padding: 0.35em 0.5em 0.2em 0.5em;
  background-color: #d5e0da;}
article.card h4.link{
  margin: 0;
  padding: 0;
  background-color: #d5e0da;}
article.card h4.link a{
  display: block;
  padding: 0.35em 0.5em 0.2em 0.5em;}
article.card h6{
  margin: 0;
  padding: 0.35em 0.5em;
  font-size: 1.35em;
  color: #fff;
  background-color: #8b99a1;}
article.card ul, article.card ol{
  padding-left:1.25em;}
article.card .more{
  position: absolute;
  width: 100%;
  margin-bottom: 0;
  bottom: 0;
  background-color: #ededed;}
article.card .more .cta{
  width: 50%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  border-radius: 0;
  min-width: auto;}
article.card .more .cta small{
  text-transform: none;}

article.card .more .cta.full{width: 100%;}
article.card .more .cta.half{width: 50%;}
article.card .more .cta.thirds{width: 33.333%;}
article.card .more .cta.quarter{width: 25%;}

article.card table {margin: 0; font-size: 1.15em;}
article.card table td {padding: 1em;}

article.card.location{min-height: 300px;}

@media screen and (max-width:680px){
  article.card.location{
    padding-bottom:0;
    min-height:auto;}
  article.card.location .more{position:relative;}
  article.card.location .more .cta.half, article.card.location .more .cta.thirds{
    width:100%;
    border-bottom:2px solid #a9bdb7;}
  article.card.location .more .cta.half:last-child, article.card.location .more .cta.thirds:last-child{border-bottom:0;}
}

article.flux-award-card{
  position: relative;
  border-radius: 0.5em;
  overflow: hidden;
  padding-bottom: 3.25em;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}

  article.flux-award-card h4{
    margin: 0;
    padding: 0.35em 0.5em 0.2em 0.5em;}

@media screen and (max-width:680px) {
  .mbl-award1 { 
     max-width: 10%;
     padding-top: 10px;
  }

  .mbl-award11 {
    max-width: 90%;
    padding-left: 10px;
  }

  .award-cta {
    text-align: center;
  }
}

@media screen and (max-width:680px) {
  .mbl-solder-award { 
    text-align: center;
  }
    .mbl-solder-award img {
        max-width: 50%;
        margin-top: 15px;
    }
}
/* Card Color Variations */

article.card.indium-green {
  border-color: #044a34;
}

article.card.indium-green h4, article.card.indium-green .cta {
  background-color: #044a34;
}

article.card.indium-blue {
  border-color: #006db6;
}

article.card.indium-blue h4, article.card.indium-blue .cta {
  background-color: #006db6;
}

article.card.indium-red {
  border-color: #eb4a35;
}

article.card.indium-red h4, article.card.indium-red .cta {
  background-color: #eb4a35;
}

article.card.midnight-blue {
  border-color: #1f5c73;
}

article.card.midnight-blue h4, article.card.midnight-blue .cta {
  background-color: #1f5c73;
}

article.card.teal {
  border-color: #00a297;
}

article.card.teal h4, article.card.teal .cta {
  background-color: #00a297;
}

article.card.goldenrod {
  border-color: #fca629;
}

article.card.goldenrod h4, article.card.goldenrod .cta {
  background-color: #fca629;
}

article.card.contact-orange {
  border-color: #e16d27;
}

article.card.contact-orange h4, article.card.contact-orange .cta {
  background-color: #e16d27;
}

article.card.merlot {
  border-color: #9f1d51;
}

article.card.merlot h4, article.card.merlot .cta {
  background-color: #9f1d51;
}

article.card.plum {
  border-color: #913daf;
}

article.card.plum h4, article.card.plum .cta {
  background-color: #913daf;
}

article.card.indium-green h4, article.card.indium-blue h4, article.card.indium-red h4, article.card.midnight-blue h4, article.card.teal h4, article.card.goldenrod h4, article.card.contact-orange h4, article.card.merlot h4, article.card.plum h4 {
  color: #fff;
  font-weight: normal;
}

article.card.indium-green .container, article.card.indium-blue .container, article.card.indium-red .container, article.card.midnight-blue .container, article.card.teal .container, article.card.goldenrod .container, article.card.contact-orange .container, article.card.merlot .container, article.card.plum .container {
  color: #000;
  font-weight: normal;
}

article.card.indium-green .cta:hover, article.card.indium-blue .cta:hover, article.card.indium-red .cta:hover, article.card.midnight-blue .cta:hover, article.card.teal .cta:hover, article.card.goldenrod .cta:hover, article.card.contact-orange .cta:hover, article.card.merlot .cta:hover {
  background-color: #913daf;
}

article.card.plum .cta:hover {
  background-color: #044a34;
}

/* Market - Automobile - eMobility variations */
article.emobility.electrical{
  border-color:#0f6fb7;}
article.emobility.mechanical{
  border-color:#838383;}
article.emobility.thermal{
  border-color:#fba629;}

/* PAGE: BIOGRAPHIES - FILTER */

#biofilter.related-technical-papers .doc-container.doc-subnav ul li {
  padding: 0 0.15em;
  width: auto;
}

#biofilter.related-technical-papers .doc-container.doc-subnav ul li a {
  cursor: pointer;
}

.filter-highlight a{
  display:inline-block;
  margin:0.15em 0;
  padding:0.15em 0.5em;
  color:#fff;
  font-weight:bold;
  border-radius:5px;
  background-color:#006db6;}

/* PAGE: BIOGRAPHIES - LIST */

#biolist article.card{
  border:0;}
#biolist article.card h4{
  margin:0.5em 0 0 0;
  padding:0;
  font-size:1.65em;
  background-color:transparent;}
/*#biolist article.card figure.profile img{
  height:225px;}*/
#biolist article.card .bio-position{
  margin: 0.25em 0 0.5em 0;
  letter-spacing: 0.025em;
  font-size: 0.9em;}
#biolist article.card .more .cta{
  font-size:0.95em;}

/*.col.span4.bio:nth-child(3n+1) {
  margin-left: 0;
}

.bio .card {
  height: 250px;
}

.bio .card .container {
  margin: 0;
  padding: 0.3em;
}

.bio .card .col {
  margin: 0;
  padding: 0;
}

.bio .card .photo {
  float: left;
  width: 36%;
}

.bio .card img, .bio .card .default-nophoto {
  width: auto;
  height: 183px;
  border-radius: 0.25em;
  border: 1px solid #044a34;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}

.bio .card .default-nophoto .far, .bio .card .default-nophoto .fas {
  font-size: 4.5em;
}

.bio .card .contactCard {
  float: right;
  width: 60%;
  padding: 1em 0.5em 0 0;
}

.bio .card h5 {
  margin-bottom: 0.25em;
}

.bio .card .position {
  margin-top: 0.35em;
  font-size: 0.95em;
  font-style: italic;
  line-height: 1.35em;
} */

@media screen and (max-width:1080px){
  /*.col.span4.bio{
    width: 49.2%;}
  .col.span4.bio:nth-child(3n+1) {
    margin-left: 1.6%;}
  .col.span4.bio:nth-child(2n+1) {
    margin-left: 0;} */
}

@media screen and (max-width:680px){
  /*.col.span4.bio{
    width: 100%;} */
}

/* PAGE: BIOGRAPHIES - PROFILE */

.bio-profile article.card{
  border:0;
  margin-top:0;}
.bio-profile h2{
  margin:0;
  padding:0;
  font-size:2.5em;}
.bio-profile h5{
  margin:0.25em 0 1.5em 0;
  letter-spacing:0.025em;
  font-size:1.4em;}
.bio-profile article.card .more .cta{
    font-size: 0.95em;}

/*.profile .photo {
  float: left;
  margin-right: 1.5em;
  max-width: 175px;
  border-radius: 0.25em;
  border: 1px solid #044a34;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}*/

/* PAGE: TRADE SHOWS */

/* SECTION: Trade Show List */

.tradeshow-list{
  padding:0;
}

.tradeshow-list article:nth-child(odd){
  background-color:#f1f1f1;
}

/* PAGE: WEBINARS */

/* SECTION: Webinars List */
.webinar-list{
  padding:1em 0;
  background-color:#f1f1f1;}
.webinar-list article.card{
  margin:0.5em auto;
  border:0;}
.webinar-list .webinar-info span{
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
  padding: 0.25em 0.8em;
  background: #f1f1f1;
  border-radius: 6px;
  width:100%;}
.webinar-list .webinar-info span i{
  margin:0 0.2em 0 0;}

.webinar-list .webinar-info .session{
  margin:0 0 0.5em 0;
  padding:0.5em;
  background:rgba(255,255,255,0.75);
  border-left:5px solid #044a34;}

.webinar-list .webinar-info .session.session1{
  border-left:5px solid #044a34;}
.webinar-list .webinar-info .session.session2{
  border-left:5px solid #c0391c;}

.webinar-list .webinar-info .session.session1 strong{
  color:#044a34;}
.webinar-list .webinar-info .session.session2 strong{
  color:#c0391c;}

.webinar-list .webinar-details{
  margin:1em 0;}
.webinar-list .webinar-details a{
  cursor:pointer;}
.webinar-list article.card figure img{
  height:auto;}
.webinar-list article.card .default-nophoto{
  width:100%;
  height:100%;}
.webinar-list article.card .cta{
  min-width:auto;
  font-size:1em;}

.webinar-list article.card .cta.session1{
  background: #044a34;}
.webinar-list article.card .cta.session1:hover{
  background:#913daf;}
.webinar-list article.card .cta.session2{
  background:#c0391c;}
.webinar-list article.card .cta.session2:hover{
  background:#913daf;}

.webinar-list article.card .circle-border{
  width:225px;
  height:225px;}

@media screen and (max-width:1280px){
  .webinar-list article.card .circle-border{
    width:200px;
    height:200px;}
}
@media screen and (max-width:1100px){
  .webinar-list article.card .circle-border{
    width:180px;
    height:180px;}
}
@media screen and (max-width:980px){
  .webinar-list article.card .more .cta{
    font-size:0.85em;}
}
@media screen and (max-width:680px){
  .webinar-list article.card .circle-border{
    width:300px;
    height:300px;}
}

.modal{
  display:none;
  margin-top:2em !important;
  margin-bottom:2em !important;
  width:100%;
  max-width:70% !important;
  border-radius:10px;
  box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
/*.modal h4 {line-height: 1.25em;}*/
/*.modal img.col {margin: 0 1.25% 1% 0;}*/
/*.modal blockquote {font-size: 1.25em;}*/
/*.modal blockquote cite {font-size: 1.0em;}*/
.modal button{border:0;}

@media screen and (max-width:680px){
  .modal{
    max-width:85% !important;}
}

/* Rel-ion webinar card */

.rel-web-card {
  width: 100%;
  
}



.rel-logo-hdr {
  max-width: 550px;
  margin-bottom: -10px;
}


.rel-bckground {
  background-image: url("/assets/images/banners/insider-series/relion-card-bkgrnd-light.jpg");
  background-size: cover;
}

.rel-card-block {
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
  padding: 0.25em 0.8em;
  background: #f1f1f1;
  border-radius: 6px;
  font-size: 1.5em;
  width: 100%;
  color: #0B71B9;
}

.rel-card-past {
  background: #f1f1f1;
  border-radius: 6px;
  padding: 0.25em 0.8em;
}

.rel-card-summary {
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
  padding: 0.25em 0.8em;
  background: #f1f1f1;
  border-radius: 6px;
  width: 100%;
}

.rel-card-block a {
    font-size: .70em;
}

.rel-cta {
  color: #044a34;
}


/* EV InSIDERS webinar card */

.ev-web-card {
  width: 100%;
  
}



.ev-logo-hdr {
  max-width: 550px;
  margin-bottom: -10px;
}


.ev-bckground {
  background-image: url("/assets/images/banners/insider-series/ev-inside-webinar-background2-light.jpg");
  background-size: cover;
}

.ev-card-block {
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
  padding: 0.25em 0.8em;
  background: #f1f1f1;
  border-radius: 6px;
  font-size: 1.5em;
  width: 100%;
  color: #0B71B9;
}

.ev-card-past {
  background: #f1f1f1;
  border-radius: 6px;
  padding: 0.25em 0.8em;
}

.ev-card-block a {
    font-size: .70em;
}

.ev-cta {
  color: #044a34;
}



/* PAGE: ALL */

/* SECTION: Resource and Product Resource Tabs */

#resource-tabs .more, #prod-resource-tabs .more {
  margin-bottom:0;
  text-align: right;
}

#resource-tabs .more .cta, #prod-resource-tabs .more .cta {
  cursor: pointer;
  text-align: center;
  min-width: auto;
}

@media screen and (max-width:680px){
  #resource-tabs .more .cta, #prod-resource-tabs .more .cta {
    cursor: pointer;
    text-align: center;
    min-width: auto;
    width: 100%;
  }
}



@media screen and (max-width:680px){
  #resource-tabs .more.top .cta { 
    padding: 0.5em 1.25em; 
    width: auto; 
    min-width: auto; 
    font-size: 0.9em; 
    white-space: nowrap;
    margin-left: 10px;
  }
}

/* HIDE PROD RESOURCE TABS FOR LAUNCH */

#prod-resource-tabs {
  display: none;
}

/* SHOW TSC PROD RESOURCE TABS FOR SCOTT */

body#techcenter #prod-resource-tabs {
  display: block;
}

/* SECTION: Related Documents */

.related-technical-papers .doc-container {
  display: block;
  background-color: #fff;
  margin-bottom: 1em;
  padding: 1em 2em 3.5em 2em;
  border-bottom: 1px solid #d1d1d1;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.related-technical-papers .doc-container .related-whitepaper {
  background-color: #ededed;
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 0.5em;
}

.related-technical-papers .doc-container .related-whitepaper .cta{
  text-align:center;
  /*font-size: 1em;
  padding: 0.5em 0.75em;*/}

@media screen and (max-width:680px){
  .related-technical-papers .cta{width:100%; font-size: 0.9em; text-align: center;}
  
  .related-technical-papers .doc-container .related-whitepaper .right{float:none;}
  .related-technical-papers .doc-container .related-whitepaper .right .cta{width:100%;font-size:1em;line-height:1.125em;}
}
  
.related-technical-papers .doc-container.doc-subnav {
  /*margin-top:-3.65em;*/
  display: inline-block;
  width: 100%;
  padding: 1em;
  border: 2px solid #a9bdb7;
  background-color: #e9efee;
}

.related-technical-papers .doc-container.doc-subnav ul li {
  display: inline-block;
  width: 24.75%;
  vertical-align: top;
}

.related-technical-papers.news-archive-list .doc-container.doc-subnav .group{
  margin:0.25em 0;
  padding-left:0;}
.related-technical-papers.news-archive-list .doc-container.doc-subnav ul li{
  display:inline-block;
  /*width: 21.8%;*/
  width:18%;
  /*margin: 0 0 0 1.6%;*/
  margin:0.25em 1%;
  padding: 0.35em;
  background:rgba(255,255,255,0.4);
  border-radius:8px;
  text-align:center;}
.related-technical-papers.news-archive-list .doc-container.doc-subnav ul li:hover{
  background:rgba(255,255,255,0.6);}
.related-technical-papers.news-archive-list .doc-container.doc-subnav ul li a{
  display:block;}

@media screen and (max-width:680px){
  .related-technical-papers .doc-container.doc-subnav ul li, .related-technical-papers.news-archive-list .doc-container.doc-subnav ul li{width:100%;}
}

/* News Search By Year */
.related-technical-papers.news-search-by-year h4{
  margin-top:0.25em;}
.related-technical-papers.news-search-by-year .doc-container.doc-subnav ul li {
  display: block;}

/* Electroplating Document Download Form */

#download-form.related-technical-papers .doc-container {
  padding: 2em;
}

/* SECTION: Related Videos */

.related-videos .video-container {
  display: inline-block;
  width: 100%;
  background-color: #fff;
  margin-bottom: 1em;
  padding: 1em 2em 3.5em 2em;
  border-bottom: 1px solid #d1d1d1;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.related-videos .video-container .col.span4:nth-child(3n+1) {
  margin-left: 0;
  clear: left;
}

/*.related-videos .video-container article img {
  border: 1px solid #004A34;
}*/

.tab-module .related-videos .video-container {
  display:inline-block;
  width:100%;
  background-color:#fff;
  margin:0;
  margin-bottom:0;
  padding:0;
  border-bottom:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
  -moz-box-shadow:0 0 0 0 rgba(0,0,0,0);
  box-shadow:0 0 0 0 rgba(0,0,0,0);}

/* SECTION: Related Blogs */

.related-blog .blog-entry {
  display: block;
  background-color: #fff;
  margin-bottom: 1em;
  padding: 1em 2em 3.5em 2em;
  border-bottom: 1px solid #d1d1d1;
  border-radius: 0.5em;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.related-blog .blog-entry .cta {
  font-size: 1em;
  padding: 0.5em 0.75em;
  text-align: center;
}

/* PAGE: Technical Documents */

.col.span3:nth-child(4n+1) {
  margin-left: 0;
}

/* PAGE: Facilities */

.col.span6:nth-child(2n+1) {
  margin-left: 0;
}

.distributor-map-cta{
  max-width:325px;
  margin:0 auto;
  min-width:325px;}

/* PAGE: Contact */

.info {
  text-align: center;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  color: #000;
  background-color: #CCFFCC;
  padding: 0.65em 0.5em 0.5em 0.5em;
  font-size: 1.3em;
}

body#contactUs .info {
  margin-top: -2.65em;
}

legend {
  padding-top: 0;
  padding-bottom: 0.0125em;
  padding-left: 0;
  border: 0;
  font-weight: bold;
}

hr {
  border-bottom: 1px solid #ccc;
}

form .accentBox {
  background-color: #edf6ef;
}

form .accentBox legend{
  display:block;
  background-color:#ddf2e3;
  width:100%;
  margin:0;
  padding:0.1em 1em;
}

.vspace {
  margin-top: 1em;
}

.privpolicy {
  height: 180px !important;
  margin: 0 auto 1em auto;
  padding: 1%;
  border: 1px solid #ccc;
  overflow-y: scroll;
  overflow-x: hide;
  font-size:0.85em;
  font-weight: normal;
}

.privpolicy h3 {
  margin-top: 0.25em;
  color: #004833;
  font-size: 1.35em;
}

.privpolicy ul li {
  padding:0.05em 0;
}

.g-recaptcha {
  margin: 1em auto;
  width: 304px;
}
@media screen and (max-width:575px){
  .recaptcha{
    width:100%;
    max-width:215px;
    margin:0 auto;}
  .g-recaptcha {
    margin:0 auto;
    width:100%;
    transform:scale(0.7);
    -webkit-transform:scale(0.7);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  } 
}

button#send, button#fsubmit {
  margin: 0 auto;
}

.req_fld {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
  /* background-position: right 8px top 12px; */
  padding: 5px;
  background-repeat: no-repeat;
  box-shadow: none;
}

input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
  background-position: right 8px top 12px;
  background-repeat: no-repeat;
  box-shadow: none;
}

input:required:valid {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
  background-position: right 8px top 12px;
  background-repeat: no-repeat;
}

select:required:invalid, select:focus:invalid {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC);
  background-position: right 22px top 12px;
  background-repeat: no-repeat;
  box-shadow: none;
}

select:required:valid {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
  background-position: right 22px top 12px;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
  #phone .span3 {
    width: 48%;}
}

@media only screen and (max-width: 440px) {
  #phone .span3 {
    width: 100%;}
}

.regionResponse li {
  margin: 0 !important;
}

.regionResponse input {
  width: 25px;
  float: left;
  margin: 0;
}

.regionResponse p {
  /*float: left;*/
  padding-top: 4.5px;
}

.regionFirst p {
  padding-top: 27px !important;
}

#support {
  text-align: center;
  padding: 2em 0;
}

#support h3 {
  font-size: 1.25em;
  color: #5f5f5f;
  margin: 1.5% 0;
}

#support .heading {
  font-size: 1.25em;
  color: #5F5F5F;
}

#support p {
  font-size: 1.0em;
}

div.regionImg {
  min-height: 157px;
}

.regionImg img {
  width: inherit;
}

.regionImg h4 {
  font-size: 1.50em;
  color: #5f5f5f;
  margin-top: -4.35em;
  font-weight:bold;
}

.regionLoc {
  list-style-type: none;
  /* margin: -2em 0 0; */
  padding: 0;
}

.regionLoc li {
  display: inline;
  margin: 0 5px;
}

.supportLinks {
  font-size: 0.9em;
  width: 60%;
}

/*.supportLinks:hover {
  -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 73, 51, 1.0));
}*/

/* PAGE: Solder Alloy Guide */

#solder-guide label#meltTempLabel, #solder-guide label#opTempLabel, #solder-guide label#procTempLabel {
  display: inline-block;
  width: 50%;
}

#solder-guide input#meltTemp, #solder-guide input#opTemp, #solder-guide input#procTemp {
  display: inline-block;
  width: 35%;
}

/* PAGE: Solder Alloy Guide Results */

.sag-elemental-comp {
  background-color: #E8F8C2;
  /*width: 98%;*/
  /*padding-right: 3px;
  padding-left: 5px;
  *padding-right: 5px;*/
}

/* PAGE: Calculation Tools Forms */

form.calculator-form fieldset.results {
  background-color: #EDF2F1;
  border-color: #619a85;
}

form.calculator-form input[disabled="disabled"], form.calculator-form input.disabled {
  color: #000;
  font-weight: bold;
  background: #d4e6f9;
  border-color: #006db6;
}

form.calculator-form input.additive_input, form.calculator-form input.subtractive_input {
  color: #000;
  font-weight: bold;
  background: #d4f9e6;
  border-color: #006db6;
}

/* PAGE: Thermal Management */

.indium-icon-sm {
  display: inline-block;
  margin: 0 auto;
  max-width: 40px;
  vertical-align: middle;
}

/* PAGE: News */
/*section.news-list .results article.card:nth-child(3n+1), section.news-list .latest article.card:nth-child(3n+1) {margin-left: 0;}
section.news-list article.card {min-height: 280px;}
section.news-list figure {float: left;margin: 0 0.25em 0 0;max-width: 36%;}
section.news-list figure img {width: auto !important;height: auto !important;max-height: 180px;}*/

/* SECTION: News List */
.news-list{
  padding:1em 0;
  background-color:#f1f1f1;}
.news-list article.card{
  margin:0.5em auto;
  border:0;
  text-align:left;}
.news-list .news-info span{
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
  padding: 0.25em 0.8em;
  background: #f1f1f1;
  border-radius: 6px;}
.news-list .news-info span i{margin:0 0.2em 0 0;}
.news-list .news-details{margin:1em 0;}
.news-list .news-details a{cursor:pointer;}
.news-list article.card figure img{width:100%;}
.news-list article.card .default-nophoto{
  width:100%;
  height:100%;
  margin-top:0;}
.news-list article.card .cta{
  min-width:auto;
  font-size:1em;}
.news-list article.card .circle-border{
  width:225px;
  height:225px;}
@media screen and (max-width:1280px){
  .news-list article.card .circle-border{
    width:200px;
    height:200px;}
}
@media screen and (max-width:1100px){
  .news-list article.card .circle-border{
    width:180px;
    height:180px;}
}
@media screen and (max-width:680px){
  .news-list article.card .circle-border{
    width:225px;
    height:225px;}
}
/* news archive list */
body#newsroom-archive .news-list .news-details{display:none;} /* hide summary on archive */

/* emobility media and news */
@media screen and (max-width:1920px){
  body.emobility-main .news-list article.card{
    min-height:415px;}
}
@media screen and (max-width:1280px){
  body.emobility-main .news-list article.card{
    min-height:450px;}
}
@media screen and (max-width:1120px){
  body.emobility-main .news-list article.card{
    min-height:475px;}
}
@media screen and (max-width:980px){
  body.emobility-main .news-list article.card{
    min-height:500px;}
}
@media screen and (max-width:680px){
  body.emobility-main .news-list article.card{
    min-height:auto;}
}


/* PAGE: Webinars */
article.webinars-list{}

/*Section: Translations */
.translations {
  position: relative;
  display: block;
  margin: 0;
  padding: 0.5em 1em;
  font-size: 0.9em;
  color: #666;
  background-color: #f1f1f1;
  border-radius: 0.35em;}
.translations .selected {
  font-weight: bold;
  color: #004A34;}

/* PAGE: CORPORATE COMMUNICATIONS */
/* SECTION: Communications List */
.communications-list{padding:0;}
.communications-list article:nth-child(odd){background-color:#f1f1f1;}
.communications-list .group {
	max-width: 850px;
  margin: 0 auto;
}

/* PAGE: AWARDS */
/* SECTION: Awards List */
.awards-list .circle-border {width: 150px; height: 150px;}

/* PAGE: MILESTONES */
/* SECTION: Timeline */
.timeline section{padding:0;}
h3.decade-dark{
	font-size:6em;
	font-weight:bold;
	color:#ededed;
	margin:1em 0 0 0;
	padding:0;
	line-height:0.4em;
	letter-spacing:-4px;}
h3.decade-light{
	font-size:6em;
	font-weight:bold;
	color:#fff;
	margin:1em 0 0 0;
	padding:0;
	line-height:0.4em;
	letter-spacing:-4px;}
.decade-left {
	background-size: cover !important;
	width: 25%;
	float:left;
	margin: 0;
	padding: 0 2em;}
.decade-right {
	width: 75%;
	float: left;
	margin: 0;
	padding: 2em 3em;}
.decade-2020 {background:url(/assets/images/corporate/decade-6.jpg) no-repeat;}
.decade-2010 {background:url(/assets/images/corporate/decade-1.jpg) no-repeat;}
.decade-2000 {background:url(/assets/images/corporate/decade-2.jpg) no-repeat;}
.decade-1990 {background:url(/assets/images/corporate/decade-3.jpg) no-repeat;}
.decade-1980 {background:url(/assets/images/corporate/decade-4.jpg) no-repeat;}
.decade-1970 {background:url(/assets/images/corporate/decade-5.jpg) no-repeat;}
.decade-1960 {background:url(/assets/images/corporate/decade-6.jpg) no-repeat;}
.decade-1950 {background:url(/assets/images/corporate/decade-7.jpg) no-repeat;}
.decade-1940 {background:url(/assets/images/corporate/decade-8.jpg) no-repeat;}
.decade-1930 {background:url(/assets/images/corporate/decade-9.jpg) no-repeat;}
.last-decade {padding-bottom: 9em;}
@media screen and (max-width:1150px){
	h3.decade-light {font-size: 4.0em;}
}
@media screen and (max-width:800px){
	h3.decade-light {font-size: 3.0em;}
}
@media screen and (max-width:500px){
	.timeline .flex {flex-direction: column;}
	.decade-left, .decade-right {width: 100%;padding:1em 2em;}
	h3.decade-light {margin: 0.25em 0 0;line-height: 0.9em;}
}
/* PAGE: NEWSROOM */
/* SECTION: News Releases */
section.news-list {text-align: center;}
section.news-list figure img {
	width: auto;
	height: 200px;
}
#news-releases-archive section.news-list ul {text-align: left;}

/* SECTION: Media Interviews */
section.media-interviews {text-align: center;}
section.media-interviews article {
	max-width: 850px;
  margin: 0 auto;
  text-align: left;
}

/* PAGE: TRADESHOWS */
/* SECTION: Appointment Button */
.schedule-appt {text-align: center;}

/* PAGE: VIDEOS */
/* SECTION: Video Library */
/* ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  padding: 0 2px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
} */
.video-tabs .tab-module {padding-top: 1em;}
.video-tabs .span3 .card-img-top {padding-right: 5px;}
.video-tabs .span3 .card-text {font-size: 0.9em;}

/* PAGE: 5G */
/* SECTION: 5G Lifestyle */
.g-lifestyle {
	background: url(/assets/images/corporate/5g-1.png) left center no-repeat;
  padding: 5em 1em;
  margin-top: -2em;
  background-color: #fff;
}
.g-lifestyle .grid figure h2 {
  margin: 1.5em 0 0 0;
  padding: 0.75em 0.25em;
  font-size: 1.75em;
}

/* PAGE: SMTech */
.parallax-banner .smtech-logo{max-width:350px;}
.grid figure h2 img.smtech-logo, .grid.plum figure.fx img.smtech-logo{
  opacity: 1;
  filter: none;
  border-radius: unset;
  width: auto;
  transform: scale(0.9);}

/* PAGE: Automotive */
#automotive .grid figure {cursor: default;}
#automotive .grid figure h2 {font-size: 2.0em; margin-top: 1.5em;}
#automotive .grid figure h2 small {font-size: 0.75em;}
@media screen and (max-width: 1045px) {
  #automotive .grid figure h2 {font-size: 1.85em; margin-top: 1.25em;}
}
@media screen and (max-width: 975px) {
  #automotive .grid figure h2 {font-size: 1.70em;margin-top: 1.15em;}
}
@media screen and (max-width: 865px) {
  #automotive .grid figure h2 {font-size: 1.65em;margin-top: 0.5em;}
}
@media screen and (max-width: 768px) {
  #automotive .circles .span3 {width: 30.8%;}
  #automotive .grid figure h2 {font-size: 1.85em;}
}
@media screen and (max-width: 680px) {
  #automotive .circles .span3 {width: 100%;}
  #automotive .grid figure h2 {font-size: 2.25em; margin-top: 2.0em;}
  #automotive .tab-module {padding-top: 2em;}
}

/* PAGE: CAREERS */
body#careers #pop-up {display: none; width: 50%;}
@media screen and (max-width: 680px) {
  body#careers #pop-up {width: 95%;}
}

/* PAGE: INTERNS BLOGS */
.interns-blog-intro{
  background:#d5e0da;}
.interns-blog-intro .col{
  margin:0;}
.interns-blog-intro .span9{
  width:75%;}
.interns-blog-intro .span3{
  width:25%;}

.parallax-banner.interns-blog-banner .container{
  padding-top:1em;
  padding-bottom:22em;
  min-height:400px;}
.parallax-banner.interns-blog-banner h1{
  font-size:3.75em;}

.featured-post-list{
  padding:1.5em 0;
  width:100%;}
.featured-post-list h2{
  position:relative;
  display:block;
  margin-top: 0.5em;
  padding: 0 1em;
  font-size: 2em;
  line-height:1.25em;}
.featured-post-list h3{
  position:relative;
  display:block;
  margin:0;
  padding:0;
  font-size:1.35em;
  line-height:1.25em;}
.featured-post-list h3 a{
  position:relative;
  display:block;
  margin:0;
  padding:0.5em 1.5em 0.5em 3em;
  width:100%;}
.featured-post-list h3 a .fas{
  position:absolute;
  left:1.5em;}
.featured-post-list h3 a:hover{
  background:rgba(255,255,255,0.5);}

@media screen and (max-width:1100px){
  .parallax-banner.interns-blog-banner .container{
    padding-top:1em;
    padding-bottom:18em;}
  .parallax-banner.interns-blog-banner h1{
    font-size:2.8em;}
  
  .featured-post-list h2{
    font-size:1.6em;}
  .featured-post-list h3{
    font-size:1.15em;}
}

@media screen and (max-width:840px){
  .interns-blog-intro .span9, .interns-blog-intro .span3{
    width:100%;}
  
  .parallax-banner.interns-blog-banner .container{
    padding-top:14em;
    padding-bottom:1em;
    min-height:auto;}
  .parallax-banner.interns-blog-banner h1{
    font-size:2.5em;}
}

/*------------------------------------------------------------ */


/* -- Driving e-Mobility Standalone page --------------------------------------------- */


.cta-ev {
    font-size: .95em;
    padding: .75em .75em;
}

.emobility-intro {
    height: 268px;
}

.emobility-intro img {
    margin-top: -30px;
    height: 300px;
    width: 275px;
}

@media screen and (max-width: 680px) {
  .emobility-intro {
    height: 100%;
    }
}

.emobility-intro a{
    margin-top: -100px;
}

@media screen and (max-width: 680px) {
  .emobility-intro a{
    margin-top: 0;
    }
}

/* 6: SIDEBAR */

/* -- 6a: Aside ---------------------------------------------- */

.solution aside h2 {
  margin-top: 1.35em;
}

aside ul.vertical-tab-menu li {
  position: relative;
  padding: 0;
  font-family: "Univers LT Std 67 Bold Condensed", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-weight: normal;
  font-size: 1.35em;
}

aside ul.vertical-tab-menu li a {
  display: block;
  padding: 0.75em;
  border-bottom: 1px solid #fff;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
  cursor: pointer;
  /* activates pointer cursor on TSC tab links */
}

aside ul.vertical-tab-menu li a .fas {
  position: relative;
  display: none;
  vertical-align: middle;
  margin-right: 0.25em;
  width: 45px;
  height: 45px;
  color: #fff;
  background-color: #006db6;
  border-radius: 50%;
  transition: all 0.3s ease;
}

aside ul.vertical-tab-menu li a .fas:before {
  position: absolute;
  top: 30%;
  left: 43%;
}

aside ul.vertical-tab-menu li a:hover {
  /*background-color:#f5f5f5;*/
  background: rgba(255, 255, 255, 0.5);
}

aside ul.vertical-tab-menu li.active a, aside ul.vertical-tab-menu li.ui-tabs-active a {
  padding: 0.75em 0.75em 0.55em 60px;
  color: #006db6;
  background: rgba(255, 255, 255, 1);
}

aside ul.vertical-tab-menu li.ui-tabs-active a .fas, aside ul.vertical-tab-menu li.active a .fas {
  display: block;
  /* vertically center the icon */
  position: absolute;
  margin:auto;
  top: 0;
  bottom: 0;
  left: 6px;
}



/*------------------------------------------------------------ */

/* 7: FOOTER */

/* TESTING START */

/*body#home .pageowner,
body#techcenter .pageowner,
body#markets .pageowner{
  display:none;}
body#tradeshows .pageowner.chrisnash,
body#tradeshows .random-photos{
  display:none;}
body#solderpaste .pageowner.jingyahuang,
body#solderpaste .random-photos,
body#indium89hf .pageowner.jingyahuang,
body#indium89hf .random-photos{
  display:none;}*/

/* TESTING END */

/* -- 7a: Footer Content ------------------------------------- */

footer {
  font-family: "Univers LT Std 57 Condensed", "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

footer section, footer .footer-content {
  position: relative;
  color: #819aa1;
  background-color: #fff;
  z-index: 0;
  /* z-index added so overlapping image doesn't display on top of the section above it */
}

footer a {
  color: #819aa1;
}

footer a:hover {
  color: #004A34;
}

/* SECTION: FOETA From One Enginner To Another */

footer .foeta {
  color: #fff;
  background-color: #004A34;
  padding: 0;
  z-index: 1;
  background: #004A34 url(/assets/images/Euro_centric_map_030618_BLANK.png) center center / cover fixed no-repeat;
  background-attachment: fixed;
}

/*footer .foeta .col{display:grid;margin-bottom:0;}*/

footer .foeta .col.connect {
  margin-bottom: 3em;
}

footer .foeta h3.foeta-text {
  font-family: "Univers LT Std 65 Bold";
  color: #fff;
}

footer .foeta h5 {
  margin: 0.25em 0 1em 0;
}

footer .foeta img.overlap {
  position: absolute;
  bottom: 0;
  width: 50%;
  max-width: 400px;
}

ul.social-icons {
  position: absolute;
  bottom: -2em;
  margin: 0;
}

ul.thank-you.social-icons {position: initial; text-align: center; margin-top: 1em;}
ul.thank-you.social-icons li a {width: 88px; height: 88px;}

ul.social-icons li {
  display: inline-block;
  margin-right: 0.25em;
}

ul.social-icons li a {
  display: block;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  border: 4px solid #fff;
  background-color: #004A34;
}

ul.social-icons li a img {
  display: block;
  width: 100%;
  max-width: 100%;
  transition: all 0.3s ease;
}

ul.social-icons li a:hover {
  background-color: #fca629;
}

@media screen and (max-width: 630px) {
  body#careers #pop-up {width: 95%;}
}


/*ul.social-icons li a:hover img{opacity:0.6;}*/

footer a#wizard-btn:hover {cursor: pointer;}

/* SECTION: Page Owner */

.pageowner {
  margin: 0 auto;
  text-align: center;
}

footer .pageowner {
  margin: -9em auto 0 auto;
}

.pageowner .owner-image {
  position: relative;
  max-width: 200px;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pageowner .owner-image .photo {
  position: relative;
  /*margin-bottom:8px;*/
  /* same as borderr of background texture */
  bottom: 0;
  border-bottom-left-radius: 48%;
  border-bottom-right-radius: 48%;
  z-index: 1;
}

.default-nophoto {
  position: relative;
  margin-top: -90px;
  width: 180px;
  height: 180px;
  background: #8b99a1;
  text-align: center;
  border: 6px solid #fff;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

.default-nophoto .far, .default-nophoto .fas {
  position: absolute;
  color: #fff;
  top: 25%;
  left: 0;
  right: 0;
  font-size: 4.75em;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.pageowner .owner-image .default-nophoto {
  position: relative;
  width: 200px;
  height: 243px;
  background: transparent;
}

.pageowner .owner-image .default-nophoto .far {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  font-size: 6em;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  z-index: 2;
}

.pageowner .owner-image .background {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 200px;
  max-height: 200px;
  background-color: #004A34;
  left: 0;
  right: 0;
  bottom: 0;
  border: 8px solid #004A34;
  z-index: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pageowner .owner-image .background img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pageowner .owner-info h3, .pageowner .owner-info h6 {
  margin: 0.15em 0;
}

.pageowner .owner-info h3 {
  font-size: 1.75em;
  color: #fff;
}

.pageowner .owner-info p {
  margin: 0.15em 0;
  line-height: 1.35em;
}

.pageowner .owner-image:hover .background {
  background-color: #e16d27;
}

.pageowner .owner-image:hover .background img {
  opacity: 0;
}

/* Section: Links */

footer .links {
  padding-top: 1.5em;
}

/* Footer Link: Tax Form Popup */
#vertex-wizard-modal{z-index:9999;}
#vertex-wizard-modal iframe {/*height: 550px !important; top: 55% !important; z-index: 2;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 90% !important;
  height: auto;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 600px;}

/* -- 7b: Copyright ------------------------------------------ */

footer .copyright {
  padding: 1.25em 0;
  color: #819aa1;
  background-color: #ededed;
}

footer .copyright p {
  margin: 0.15em 0;
}

footer .copyright a {
  color: #819aa1;
}

footer .copyright a:hover {
  color: #004A34;
}

/* -- 7c: Return to Top Button ------------------------------- */

/*------------------------------------------------------------ */

/* 8: ANIMATION/FX */

/* -- 8a: Grid Effects --------------------------------------- */

/* Animated Content Buckets */

/* grid */

.grid {
  border: 10px solid #004A34;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.35);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  overflow: hidden;
}

.grid figure {
  float: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
  /*max-height:350px;*/
  text-align: center;
  cursor: pointer;
  border: 8px solid #fff;
  background-color: #004A34;
  /*border-radius:15px;*/
  border-radius: 50%;
  /* creates circle */
  /*-webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);
   -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);
   box-shadow:2px 2px 10px 0px rgba(0,0,0,0.25);*/
}

.grid figure img {
  /*position:relative;*/
  /*position:absolute;*/
  /*display:block;*/
  height: auto;
  min-height: auto;
  max-height: auto;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  opacity: 1;
  border-radius: 50%;
  overflow: hidden;
}

.grid figure figcaption {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  /*background:rgba(0, 153, 223, 0.8);*/
  background-image: linear-gradient(to bottom, rgba(0, 74, 52, 0), rgba(0, 74, 52, 1));
  color: #fff;
  text-transform: uppercase;
}

.grid figure figcaption::before, .grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption, .grid figure figcaption>a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid figure figcaption>a {
  /* Anchor will cover the whole item by default. For some effects it will show as a button */
  z-index: 888;
  top: 0;
  height: 100%;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  display: block;
  /*height:50%;*/
  margin: 2em 0 0 0;
  padding: 0.75em 1em;
  font-size: 2.5em;
  font-weight: normal;
  color: #fff;
  /*background:rgba(255,255,255,0.55);*/
  /*text-shadow:0px 0px 10px rgba(255, 255, 255, 1);*/
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
  text-transform: none;
  line-height: 1.1em;
}

.grid figure h2:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.grid figure p {
  min-height: 80%;
  margin: 0;
  padding: 0.5em;
  /*font-family:'Archer Medium';*/
  font-size: 1.35em;
  font-weight: normal;
  line-height: 1.35em;
  text-transform: none;
}

.grid figure .cta {
  display: table;
  margin: 1em auto;
  padding: 0.35em 0.65em;
  font-size: 0.85em;
  font-weight: bold;
  text-transform: uppercase;
  border: 3px solid #fff;
  border-radius: 10px;
  background-color: transparent;
}

/* Goliath */

figure.fx, figure.fx:hover, figure.fx img, figure.fx:hover img {
  border-radius: 50%;
  overflow: hidden;
}

figure.fx img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

figure.fx figcaption {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  /*-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);*/
}

figure.fx p {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

figure.fx:hover img {
  opacity: 0.5;
  filter: grayscale(100%);
  /*-webkit-transform:rotate(10deg) scale(1.25, 1.25);
   transform:rotate(10deg) scale(1.25, 1.25);*/
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}

figure.fx:hover figcaption {
  /*-webkit-transform:translate3d(0,0,0);*/
  transform: translate3d(0, 0, 0) scale(1.15);
}

figure.fx:hover p {
  opacity: 0;
}

/* Color Variations */

.grid.indium-green {
  border-color: #044a34;
}

.grid.indium-green figure {
  background-color: #044a34;
}

.grid.indium-green figure figcaption {
  background-image: linear-gradient(to bottom, rgba(4, 74, 52, 0), rgba(4, 74, 52, 1));
}

.grid.indium-blue {
  border-color: #006db6;
}

.grid.indium-blue figure {
  background-color: #006db6;
}

.grid.indium-blue figure figcaption {
  background-image: linear-gradient(to bottom, rgba(0, 109, 182, 0), rgba(0, 109, 182, 1));
}

.grid.indium-red {
  border-color: #eb4a35;
}

.grid.indium-red figure {
  background-color: #eb4a35;
}

.grid.indium-red figure figcaption {
  background-image: linear-gradient(to bottom, rgba(235, 74, 53, 0), rgba(235, 74, 53, 1));
}

.grid.midnight-blue {
  border-color: #1f5c73;
}

.grid.midnight-blue figure {
  background-color: #1f5c73;
}

.grid.midnight-blue figure figcaption {
  background-image: linear-gradient(to bottom, rgba(31, 92, 115, 0), rgba(31, 92, 115, 1));
}

.grid.teal {
  border-color: #00a297;
}

.grid.teal figure {
  background-color: #00a297;
}

.grid.teal figure figcaption {
  background-image: linear-gradient(to bottom, rgba(0, 162, 151, 0), rgba(0, 162, 151, 1));
}

.grid.goldenrod {
  border-color: #fca629;
}

.grid.goldenrod figure {
  background-color: #fca629;
}

.grid.goldenrod figure figcaption {
  background-image: linear-gradient(to bottom, rgba(252, 166, 41, 0), rgba(252, 166, 41, 1));
}

.grid.contact-orange {
  border-color: #e16d27;
}

.grid.contact-orange figure {
  background-color: #e16d27;
}

.grid.contact-orange figure figcaption {
  background-image: linear-gradient(to bottom, rgba(225, 109, 39, 0), rgba(225, 109, 39, 1));
}

.grid.merlot {
  border-color: #9f1d51;
}

.grid.merlot figure {
  background-color: #9f1d51;
}

.grid.merlot figure figcaption {
  background-image: linear-gradient(to bottom, rgba(159, 29, 81, 0), rgba(159, 29, 81, 1));
}

.grid.plum {
  border-color: #913daf;
}

.grid.plum figure {
  background-color: #913daf;
}

.grid.plum figure figcaption {
  background-image: linear-gradient(to bottom, rgba(145, 61, 175, 0), rgba(145, 61, 175, 1));
}

.grid.indium-green figure.fx img, .grid.indium-blue figure.fx img, .grid.indium-red figure.fx img, .grid.midnight-blue figure.fx img, .grid.teal figure.fx img, .grid.goldenrod figure.fx img, .grid.contact-orange figure.fx img, .grid.merlot figure.fx img, .grid.plum figure.fx img {
  opacity: 0.5;
  filter: grayscale(100%);
}

/* -- 8b: Parallax Images - Using Simple Parallax JS --------- */

.parallax-banner {
  background-color: #1f5c73;
}

.parallax-banner .container {
  padding: 0.25em 1em 2.5em 1em;
}

.parallax-banner h1 {
  font-size: 2.5em;
}

.parallax-banner .container .cta {
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

/* intro banner */
.intro.parallax-banner .container{padding: 4em 1em;}

/* promo banner */
.promo-banner.parallax-banner .container{padding:2em 1em;}
/*.promo-banner.parallax-banner .tag{
  position: absolute;
  top:0;
  left:2em;
  z-index:1;}
.promo-banner.parallax-banner .tag span{
  display:block;
  max-width:200px;
  max-width:max-content;
  margin:0 auto;
  padding:0.5em 1em;
  font-weight:bold;
  text-align:center;
  background:#ededed;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;}*/
.promo-banner.parallax-banner .container a{color:#fff;}
.promo-banner.parallax-banner .container a:hover{color:#fca629;}

/* job fair banner */
.job-fair-banner.parallax-banner{overflow:hidden;}
.job-fair-banner.parallax-banner a.banner-cta{
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(255,255,255,0);
  z-index:3;}
.job-fair-banner.parallax-banner a.banner-cta:hover{
  background:rgba(255,255,255,0.15);}
.job-fair-banner.parallax-banner img.job-fair-offer{
  position:relative;
  max-width:400px;
  z-index:2;}
.job-fair-banner.parallax-banner img.job-fair-horn{
  position:absolute;
  top:0;
  left:1em;
  max-width:350px;
  z-index:0;}
.job-fair-banner.parallax-banner img.indium-logo-circle{
  position:absolute;
  bottom:-2.5em;
  right:2.5em;
  max-width:250px;
  z-index:1}
.job-fair-banner.parallax-banner .job-fair-info{
  position:absolute;
  top:-2em;
  right:1em;
  background:#0d593f;
  width:300px;
  height:300px;
  border-radius:50%;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35);}
.job-fair-banner.parallax-banner .job-fair-info .container{
  
  font-size:0.95em;}
.job-fair-banner.parallax-banner .job-fair-info small{
  font-size:0.6em;}
.job-fair-banner.parallax-banner .job-fair-info hr{
  width:50%;
  margin-top: -16px;
  margin:0 auto;
  border:2px solid #faa729;}
.job-fair-banner.parallax-banner .job-fair-info .place{
  font-weight:bold;
  /* line-height:0.75em; */
}
.job-fair-banner.parallax-banner .job-fair-support{
  position:absolute;
  bottom:-250px;
  right:-2em;
  width:400px;
  border-radius:50%;
  background:#084933;
  height:400px;}
.job-fair-banner.parallax-banner .job-fair-support .container{
  padding:1em 0 0 0;
  text-align:left;
  max-width:200px;}

@media screen and (max-width:1080px){
  .job-fair-banner.parallax-banner img.job-fair-horn{
    max-width:225px;}
  .job-fair-banner.parallax-banner img.indium-logo-circle{
    max-width:200px;}
  
  .job-fair-banner.parallax-banner img.job-fair-offer{
    max-width:300px;}
  
  .job-fair-banner.parallax-banner .job-fair-info {
    width: 250px;
    height: 250px;}
  .job-fair-banner.parallax-banner .job-fair-info .container{
    font-size:0.8em;}
  
  .job-fair-banner.parallax-banner .job-fair-support {
    bottom: -225px;
    width: 350px;
    height: 350px;}
  .job-fair-banner.parallax-banner .job-fair-support .container{
    font-size:0.8em;
    max-width:175px;} 
}

@media screen and (max-width:880px){
  .job-fair-banner.parallax-banner .job-fair-info{
    position:relative;
    /* margin:0 auto 3em auto; */
    width:100%;
    font-size:1.25em;
    top:0;
    left:0;
    right:0;
    background:transparent;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
  .job-fair-banner.parallax-banner .job-fair-info .container{
    padding-top:0;}
  }

@media screen and (max-width:680px){
  .job-fair-banner.parallax-banner img.job-fair-horn{
    top:unset;
    bottom: -0.5em;
    max-width: 180px;}
  .job-fair-banner.parallax-banner img.indium-logo-circle{
    bottom: 2em;
    max-width: 150px;}
  .parallax-banner .container .more {
    margin-top: -1em;
  }
  .more{
    margin-bottom: 5em;
  }

}

@media screen and (max-width:480px){
  .job-fair-banner.parallax-banner img.job-fair-horn{
    max-width:90px;}
  .job-fair-banner.parallax-banner img.indium-logo-circle{
    bottom: -1em;
    max-width:90px;
    right: 1em;}
  
  .job-fair-banner.parallax-banner .job-fair-support{
    bottom:-200px;
    width:300px;
    height:300px;}
  .job-fair-banner.parallax-banner .job-fair-support .container{
    max-width:125px;}
}

/* job fair banner - Alternative style (Add -alt to img tags and button container) */


.job-fair-banner.parallax-banner img.job-fair-offer-alt{
  position:relative;
  max-width:493px;
  z-index:2;
  right: 30em;
}
.job-fair-banner.parallax-banner img.job-fair-horn-alt{
  position:absolute;
  top:4px;
  right:1em;
  max-width:280px;
  z-index:0;
}
.job-fair-banner.parallax-banner img.indium-logo-circle-alt{
  position:absolute;
  bottom: -2.5em;
  right: 2.5em;
  max-width:250px;
  z-index:1;
}
.job-fair-banner.parallax-banner .job-fair-info-alt{
  position:absolute;
  top: 1em;
  left: 33em;
  width:300px;
  height:300px;
  text-align: left;
  }

.job-fair-banner.parallax-banner .job-fair-info-alt hr{
  width: 100%;
  margin-top: -16px;
  margin:0 auto;
  border:2px solid #faa729;
}

.job-fair-banner.parallax-banner .job-fair-info-alt small{
  font-size:0.6em;
}

@media screen and (max-width:1080px){
  .job-fair-banner.parallax-banner img.job-fair-horn-alt{
    max-width:225px;
    top: 26em;
    left: 1em;
    }
  .job-fair-banner.parallax-banner img.indium-logo-circle-alt{
    max-width:200px;
    }
  
  .job-fair-banner.parallax-banner img.job-fair-offer-alt{
    max-width:300px;
    position: static;
    }
  
  .job-fair-banner.parallax-banner .job-fair-info-alt {
    width: 250px;
    height: 250px;
    }
  .job-fair-banner.parallax-banner .job-fair-info-alt .container{
    font-size:0.8em;
    } 
    banner.parallax-banner .job-fair-info-alt {
        margin-bottom: 5em;
    }
    .job-fair-banner.parallax-banner .job-fair-info-alt hr {
        width: 50%;
    }
}

@media screen and (max-width:880px){
  .job-fair-banner.parallax-banner .job-fair-info-alt{
    position:relative;
    /* margin:0 auto 3em auto; */
    width:100%;
    font-size:1.25em;
    top: -5em;
    left:0;
    right:0;
    margin-bottom: 5.75em;
    text-align: center;
    background:transparent;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    }
  .job-fair-banner.parallax-banner img.job-fair-offer-alt {
      position: static; 
      padding-top: 0;
    }
  }

@media screen and (max-width:680px){
  .job-fair-banner.parallax-banner img.job-fair-horn-alt{
    top:unset;
    bottom: -0.5em;
    left: 0.5em;
    max-width: 180px;}
  .job-fair-banner.parallax-banner img.indium-logo-circle-alt{
    bottom: 2em;
    max-width: 150px;}
}

@media screen and (max-width:480px){
  .job-fair-banner.parallax-banner img.job-fair-horn-alt{
    max-width:125px;}
  .job-fair-banner.parallax-banner img.indium-logo-circle-alt{
    bottom: -1em;
    max-width:125px;
    right: 1em;}
  .job-fair-banner.parallax-banner img.job-fair-offer-alt {
      position: static;}

}


/* 8c: Owl Carousel */

.owl-carousel .owl-stage {
  margin: 0 auto;
}

/* centers entries */

/*#ecommerce-slider.owl-carousel .owl-item img, #product-slider.owl-carousel .owl-item img {max-width:200px;margin:0 auto;}*/

/*#gallery-slider.owl-carousel{max-width:650px;margin:0 auto;}*/

#gallery-slider.owl-carousel .owl-item img {
  max-width: 500px;
  margin: 0 auto;
}

.owl-theme .owl-nav [class*=owl-] {
  background: rgba(0, 0, 0, 0.4) !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  /*background: rgba(157,30,60,0.4) !important;*/
  background: rgba(77, 0, 0, 0.4) !important;
}

.owl-prev, .owl-next {
  position: absolute;
  top: 40%;
  margin-top: -10px;
}

.owl-prev {
  left: 0;
}

.owl-next {
  right: 0;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  box-shadow: none;
}

.owl-carousel .owl-nav button.owl-next .fa, .owl-carousel .owl-nav button.owl-prev .fa {
  padding: 0.45em 0.35em;
  font-size: 1.85em;
  color: #fff;
}

/* round next and prev buttons on feature image sliders */
#feature-photo-slider .owl-prev{border-radius:8px !important;border-top-left-radius:8px !important;border-bottom-left-radius:8px !important;}
#feature-photo-slider .owl-next{border-radius:8px !important;border-top-right-radius:8px !important;border-bottom-right-radius:8px !important;}

/*------------------------------------------------------------ */

/* 9: POPUPS */

.popup-content .popup-msg{
  margin:0.25em 0;
  padding:0 1em;
  font-size:1.5em;
  font-weight:bold;
  color:#000;
  line-height:1.3em;
  letter-spacing:0.025em;}
.popup-content .summary{
  margin-bottom:1em;}
.popup-content .more{
  margin-bottom:0;}

.popup-container.type-notice.webinar-alerts-popup{width:500px;}
.popup-container.type-notice.webinar-alerts-popup .popup-content{padding:0;}
.popup-container.type-notice.webinar-alerts-popup .popup-content .cta{margin:0;border-radius:0;}
.popup-container.type-notice.webinar-alerts-popup .popup-content .col{margin-top:0;margin-bottom:0;}
.popup-container.type-notice.webinar-alerts-popup .popup-content .span7{padding:15px;}
.popup-container.type-notice.webinar-alerts-popup figure{
  margin:0;
  height:100%;}
.popup-container.type-notice.webinar-alerts-popup figure img{
  object-fit:cover;
  height:100%;}
.popup-container.type-notice.webinar-alerts-popup .popup-content .popup-msg{font-size:1.1em;}
.popup-container.type-notice.webinar-alerts-popup fieldset{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  text-align: left;}
.popup-container.type-notice.webinar-alerts-popup label{
  margin:0;
  font-size:0.8em;}
.popup-container.type-notice.webinar-alerts-popup input[type="text"]{
  margin:0 0 0.5em 0;
  padding:0.5em;
  height:2.25em;
  font-size:0.9em;}
.popup-container.type-notice.webinar-alerts-popup input:required:valid, .popup-container.type-notice.webinar-alerts-popup input:required:invalid, .popup-container.type-notice.webinar-alerts-popup input:focus:invalid, .popup-container.type-notice.webinar-alerts-popup textarea:required:invalid, .popup-container.type-notice.webinar-alerts-popup textarea:focus:invalid{background-position: right 8px top 8px;}
.popup-container.type-notice.webinar-alerts-popup button, .popup-container.type-notice.webinar-alerts-popup input[type="submit"]{
  padding:0.5em 1em;
  font-size:1em;}
.popup-container.type-notice.webinar-alerts-popup .popup-close{font-size:0.9em;}

@media screen and (max-width: 680px) {
  .popup-container.type-notice.webinar-alerts-popup{
    width:75%;
    max-width:500px;}
  .popup-container.type-notice.webinar-alerts-popup .span5{
    max-height:175px;
    overflow:hidden;}
  .popup-container.type-notice.webinar-alerts-popup figure img{
    margin-top:-4em;}
}
@media screen and (max-width: 600px) {
  .popup-container.type-notice.webinar-alerts-popup .span5{
    max-height:175px;}
  .popup-container.type-notice.webinar-alerts-popup figure img{
    margin-top:-3em;}
}
@media screen and (max-width: 520px) {
  .popup-container.type-notice.webinar-alerts-popup .span5{
    max-height:150px;}
  .popup-container.type-notice.webinar-alerts-popup figure img{
    margin-top:-2em;}
}
@media screen and (max-width: 380px) {
  .popup-container.type-notice.webinar-alerts-popup .span5{
    max-height:100px;}
  .popup-container.type-notice.webinar-alerts-popup figure img{
    margin-top:-2em;}
}

/*----------- Clickdimensions.com popup style ----------- */

#modal-overlay {
  text-align: center;
  height: auto!important;
  
}

#modalMain {
  border: none !important;
  padding: 1em !important;
}

#modalMain div {
  padding: 0 !important;
  width: auto !important;
  display: inline-block !important;
}

#trackMe{
  padding: 0 !important;
  vertical-align: middle !important;
  margin: 0 0.7em !important;
}
/*---------------------- */

/*------------------------------------------------------------ */

/* 10: RESPONSIVE */

/*------------------------------------------------------------ */

/* HEADER */

@media screen and (max-width: 768px) {
  body.has-header {padding-top: 1px;}
  header {
    height: 1px;
    min-height: 1px;
  }
  body.no-header header, header .topnav {display: none;}
  
  .logo.round {
    margin: -2.25em auto 0 auto;
    /*width:100px;
    height:100px;*/
    border: 6px solid #fff;
    -moz-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    -o-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
  }
}

@media screen and (max-width:680px) {
  body.has-header, body.no-header, body.has-header.has-alert, body.no-header.has-alert {
    padding-top: 0;
  }
  body.no-header header {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0);
  }
  header {
    position: absolute;
    /* no sticky header on mobile */
    height: auto;
    min-height: auto;
    background-color: transparent;
  }
  
  header .alert{
    display: none;}
  .alert.mobileOnly{
    display: block;
    padding-top:1em;}
  
  
  body.no-header .logo.round {
    margin-top: -4.25em;
    transform: scale(0.4);
  }
}

/*------------------------------------------------------------ */

/* NAV MENU */

@media screen and (max-width: 768px) {
  nav.mean-nav ul.flex {display: block;}
  nav .toplevel, body.no-header nav .toplevel{
    margin-top: 0;
  }
  nav .toplevel.applications {
    margin-left: 0;
  }
  nav .toplevel .cta.contact.outline {
    border: 0;
    border-radius: 0;
    color: #fff;
    background: #e16d27;
    text-align: center;
    padding: 1em 5% .75em;
  }

  nav li>a:after {
    display: none;
  }
  nav ul li>ul {
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  .desktoponly{
    display: none !important;
  }
  .mobileonly{
    display: block !important;
  }
  
  nav li.resources{
    width:50% !important;
  }
  nav li.resources a{
    color:#819aa1 !important;
    background-color: #f6f6f6;
    font-size: 1em;
    padding-top: 0.75em !important;
    padding-bottom: 0.75em !important;
    padding-left: 10% !important;
    padding-right: 0 !important;
    text-transform: initial !important;
  }
}

@media screen and (max-width:768px) {
    .mobile-no {display: none !important;}
}

/*------------------------------------------------------------ */

/* BODY CONTENT */

@media screen and (min-width: 50em) {
  .mobile {display: none;}
  .dataTable {display: table;}
  .dataTable thead {
    display: table-header-group;
    float: none;
  }
  .dataTable tbody {display: table-row-group;}
  .dataTable thead tr, .dataTable tbody tr {display: table-row;}
  .dataTable th, .dataTable tbody td {display: table-cell;}
  .dataTable td, .dataTable th {width: auto;}     
}

@media screen and (max-width:680px) {
  body#home .parallax-banner h1 {
    font-size: 1.75em;
  }
  body#home .parallax-banner h4 {
    margin-top: 1em;
    font-size: 1.75em;
  }
  .howtosolve img.overlap {
    margin-top: -1.8em;
  }
  .howtosolve-form-container {
    padding-top: 0;
  }
  form.site-search.inline input#searchBox {
    width: 100%;
  }
  form.site-search.inline button {
    margin: 0.5em auto;
    width: 100%;
  }
  form.site-search.inline .searchfilters {
    width: max-content;
    margin: 1em auto;
  }
  form.site-search.inline .searchfilters .inline {
    display: block;
    text-align: left;
  }
  #main-content>section:last-child {
    padding-bottom: 2em;
  }
  .tab-module {
    padding-top: 0;
  }
  .tab-module aside.tab-links {
    position: relative;
    margin-bottom: 0;
    z-index: 1;
  }
  aside ul.vertical-tab-menu li a {
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
  }
  .tab-module .tab-content figure.right {
    max-width: 100%;
    float: none;
    margin: 0;
  }
  .tab-module .tab-content .more .cta {
    width: 100%;
  }
  body#careers .features-benefits .span5.textcenter .span6.textright, body#careers .features-benefits .span5.textcenter .span6.textleft {text-align: center;}
  
  /*.promo-banner.parallax-banner .tag{
    left:0;
    right:0;
  }
  
  .promo-banner.parallax-banner h2{
    margin-top:1.5em;
    font-size:1.65em;
  }
  .promo-banner.parallax-banner h4{
    margin-top:1em;
    font-size:1.45em;
  }
  .promo-banner.parallax-banner h5{
    margin-top:1.25em;
    font-size:1em;
  }*/
}

/*@media screen and (max-width:960px){
  
  body.has-header header .topnav{
    font-size:0.85em;
  }
  body.has-header nav .toplevel{
    font-size:0.9em;
  }
  body.has-header .logo.round {
    transform: scale(0.7);
  }
  
}*/
.element-49 {
  width: 10%; 
  border-radius: 10px;
}

.el-49 {
  width: 80%;
  border-radius: 10px;
}

@media screen and (max-width:680px) {
  .element-49 {
    width: 50%;!important}
  .el-49 {
    width: 50%;}
}

/*------------------------------------------------------------ */

/* FOOTER */

@media screen and (max-width:680px) {
  /*footer .connect h5{ /* connect with us text */
  /*display:none;}*/
  footer ul.social-icons {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 1;
    /* show on top of default foeta photos */}
  ul.social-icons li {
    margin-right: 0.1em;}
  ul.social-icons li a {
    width: 55px;
    height: 55px;}
  
  footer .foeta img.overlap {
    /* default foeta photos */
    position: relative;
    display: block;
    margin: -8em auto -0.4em auto;
    width: 75%;
    z-index: 0;
    padding-top: 14%;
    /* show behind social icons */
  }
  footer .pageowner {
    margin-top: -5em;
    margin-bottom: 4em;
  }
  /* collapsible footer start */
  footer .links .collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    margin: 0;
    padding: 18px;
    width: 100%;
  }
  footer .links .active, footer .links .collapsible:hover {
    background-color: #555;
  }
  footer .links .collapsible:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  footer .links .active:after {
    content: "\2212";
  }
  footer .links .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
  }
  .mobile-hide {
    display: none;
  }
  /* collapsible footer end */
}
@media screen and (max-width:680px) {
  .r-r {
    width: 100%;
  }
}
@media screen and (min-width:680px) {
  .r-r {
    width: 180px;
  }
}