/*
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: 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;
}

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;
}

/* -- 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 */
}

.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 {
  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 {
  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;
}

/* -- 2d: Lists ---------------------------------------------- */

/* -- 2e: Tables --------------------------------------------- */

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;
}

/* -- 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 --------------------------------------------- */

/* -- 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;
}

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;
}

/* -- 2k: Extras/Helpers ------------------------------------- */

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

/* 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 {
  height: 92px;
}

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

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

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

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

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

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;
}

.mobileonly{
  display:none;
}



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 {
  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;
  background-color: #004A34;
}

/* -- 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;
}

.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;
}

/*====== 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;
  }
}

/* mobile language */
header .mobile-nav-icons{
  position: absolute;
  right: 0;
  top: 0;
  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: Promo */

section.promo {
  margin: 0;
  padding: 0;
}

section.promo img.promo-logo {
  margin: 1em auto;
  max-width: 350px;
}

/* 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;
}

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

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

/* 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;
}

/* 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;
}

/* 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;
}

/* ARTICLE: Card */

article.card {
  position: relative;
  /*border:3px solid #8b99a1;*/
  border: 2px solid #a9bdb7;
  border-radius: 0.5em;
  overflow: hidden;
  /*width:95%;*/
  /*margin:0 auto;*/
  padding-bottom: 3.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);
}

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 .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%;
}

/* 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;
}

/* 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;
}

/* PAGE: BIOGRAPHIES - LIST */

.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);
}

.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;
}

/* PAGE: BIOGRAPHIES - PROFILE */

.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: ALL */

/* SECTION: Resource and Product Resource Tabs */

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

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

/* 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 {
  font-size: 1em;
  padding: 0.5em 0.75em;
}

.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%;
}

/* 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;
}

/* 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;
}

/* PAGE: Technical Documents */

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

/* PAGE: Facilities */

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

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

/* 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 {
  background-color: #ddf2e3;
  padding: 0.1em 1em;
}

.vspace {
  margin-top: 1em;
}

.privpolicy {
  height: 250px !important;
  margin: 0 auto 1em auto;
  padding: 1%;
  border: 1px solid #ccc;
  overflow-y: scroll;
  overflow-x: hide;
}

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

.g-recaptcha {
  margin: 1em auto;
  width: 304px;
}

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: 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;
}

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

/* 6: SIDEBAR */

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

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

aside ul.vertical-tab-menu li {
  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: 50px;
  height: 50px;
  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.25em 0.75em 0.25em 0.25em;
  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: inline-block;
}

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

/* 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.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;
}

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

/* 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;
  width: 200px;
  height: 200px;
  background-color: #8b99a1;
  text-align: center;
}

.default-nophoto .far, .default-nophoto .fas {
  position: absolute;
  color: #fff;
  top: 25%;
  left: 0;
  right: 0;
  font-size: 6em;
  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;
}

/* -- 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;
}

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

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

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

/* 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;
}

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

/* 9: RESPONSIVE */

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

/* HEADER */

@media screen and (max-width:680px) {
  body.has-header, body.no-header {
    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;
    background-color: transparent;
  }
  
  header .topnav {
    display: none;
    /*background-color:transparent;
    position: absolute;
    width: 100%;*/
  }
  /*header .topnav .desktop-only{
    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);
  }
  body.no-header .logo.round {
    margin-top: -4.25em;
    transform: scale(0.4);
  }
}

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

/* NAV MENU */

@media screen and (max-width:680px) {
  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;
  }
  nav li>a:after {
    display: none;
  }
  nav ul li>ul {
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  
  .mobileonly{
    display: block;
  }
  
  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;
  }
  
}

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

/* BODY CONTENT */

@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;
  }
}

@media screen and (max-width:680px) {
  .tab-module .tab-content .more .cta {
    width: 100%;
  }
}

/*@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);
  }
  
}*/

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

/* 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;
    /* 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;
  }
  /* collapsible footer end */
}