/**********************************************************
 * Copyright (c) 2014 Eli Lilly and Company
 * Lilly Corporate Center, Indianapolis, Indiana 46285 USA
 * All rights reserved.
 * 
 * /_Assets/css/main.css
 * 
 * Stylesheet file to contain main CSS code
 * 
 * --------------------------------------------------------
 * Author: [Author Name]
 * Created Date: [DATE]
 * Description: Initial Release
 *
 * REVISIONS:
 * Version#:    Date:        Name:           Description
 * X.X.X.X      XX/XX/XXXX   [FIRST LAST]    [DESCRIPTION]
***********************************************************/
/* 
   ==========================================================================
   web fonts
   ========================================================================== */
@font-face {
  font-family: 'DINWebPro';
  src: url("../font/DINWebPro.eot");
  src: url("../font/DINWebPro.eot?#iefix") format("embedded-opentype"), url("../font/DINWebPro.woff") format("woff"), url("../font/DINCompPro.ttf") format("truetype");
}
@font-face {
  font-family: 'DINWebPro-Bold';
  src: url("../font/DINWebPro-Bold.eot");
  src: url("../font/DINWebPro-Bold.eot?#iefix") format("embedded-opentype"), url("../font/DINWebPro-Bold.woff") format("woff"), url("../font/DINCompPro-Bold.ttf") format("truetype");
}
/* 
   ==========================================================================
   reset styles
   ========================================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  outline: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  -ms-interpolation-mode: bicubic;
}
/* 
	https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
/* 
   ==========================================================================
   global styles
   ========================================================================== */
html {
  height: 100%;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-weight: normal;
  color: #666;
}
body {
  min-height: 100%;
  background: white url("../img/bg-grid.jpg") center top;
}
a {
  color: #d52b1e;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:link {
  color: #0072bc;
  text-decoration: none;
}
a:visited {
  color: #b1059d;
  text-decoration: none;
}
img,
canvas,
iframe,
video,
svg,
select,
textarea {
  max-width: 100%;
  /* responsive fix */
}
img {
  height: auto;
}
hr {
  height: 1px;
  border: none;
  color: #999;
  background-color: #999;
}
strong {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-weight: normal;
}
em {
  font-weight: bold;
  font-style: italic;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-weight: normal;
  color: #777;
}
h1 {
  padding: 15px 0 0;
  font-size: 75px;
  text-transform: uppercase;
  line-height: 75px;
  letter-spacing: -2px;
}
@media only print, only screen and (max-width: 767px) {
  h1 {
    font-size: 48px;
    line-height: 1;
  }
}
@media only print, only screen and (max-width: 567px) {
  h1 {
    font-size: 36px;
  }
}
@media only print, only screen and (max-width: 399px) {
  h1 {
    font-size: 27px;
  }
}
.narrow h1 {
  padding: 0;
  line-height: 60px;
}
@media only print, only screen and (max-width: 767px) {
  .narrow h1 {
    line-height: 1;
  }
}
h2 {
  font-size: 24px;
}
@media only print, only screen and (max-width: 767px) {
  h2 {
    font-size: 21px;
  }
}
@media only print, only screen and (max-width: 567px) {
  h2 {
    font-size: 18px;
  }
}
h3 {
  font-size: 17px;
  padding-top: 5px;
}
@media only print, only screen and (max-width: 767px) {
  h3 {
    font-size: 16px;
    line-height: 1;
  }
}
@media only print, only screen and (max-width: 567px) {
  h3 {
    font-size: 15px;
  }
}
h4 {
  padding-top: 5px;
  font-size: 14px;
}
h5 {
  padding: 0 0 0 2px;
  font-size: 35px;
  text-transform: uppercase;
  color: #d52b1e;
}
@media only print, only screen and (max-width: 767px) {
  h5 {
    font-size: 24px;
  }
}
@media only print, only screen and (max-width: 567px) {
  h5 {
    font-size: 21px;
  }
}
h5:first-child {
  margin: 10px 0 5px;
}
.heading {
  padding: 10px 0;
}
@media only print, only screen and (max-width: 1023px) {
  .heading {
    padding-right: 25px;
  }
}
p,
#content ul,
#content ol {
  margin-bottom: 20px;
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 16px;
  font-weight: normal;
  color: #555;
  line-height: 20px;
}
.lt-ie10 #content .left-side > p,
.lt-ie10 #content .left-side > ul,
.lt-ie10 #content .left-side > ol {
  font-size: 14.7px;
}
#content ul {
  list-style-type: circle;
}
#content ol {
  list-style-type: decimal;
}
#content li {
  margin-left: 40px;
  padding-bottom: 5px;
}
.no-margin,
#content .no-margin {
  margin: 0;
}
a u {
  text-decoration: none;
}
.left-side a {
  color: #d52b1e;
  text-decoration: none;
}
.left-side a:hover {
  text-decoration: underline;
}
.red-box {
  background: #d52b1e;
  margin: 20px 0 0 0;
  padding: 5px 5px 0;
  text-align: right;
  cursor: pointer;
}
.red-box:hover {
  background: white;
  color: #d52b1e;
}
::-webkit-input-placeholder {
  font-weight: normal;
  font-style: italic;
  color: #476382;
}
::-moz-placeholder {
  font-weight: normal;
  font-style: italic;
  color: #476382;
}
:-ms-input-placeholder {
  font-weight: normal;
  font-style: italic;
  color: #476382;
}
.super-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}
.clear {
  clear: both;
  height: 0;
}
.purple-text,
.blue-text,
.green-text,
.orange-text,
.red-text {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 28px;
}
.purple-text {
  color: #9B6198;
}
.green-text {
  color: #bcc832;
}
.blue-text {
  color: #7dc2e4;
}
.orange-text {
  color: #ff6d22;
}
.red-text {
  color: #d52b1e;
}
.verdana,
p.verdana {
  font-family: verdana, tahoma, -apple-system, sans-serif;
}
.din,
p.din {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
.din-bold,
p.din-bold {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
}
.show {
  display: block;
}
.hide,
.hidden {
  display: none;
}
.list-unstyled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  text-align: center;
}
.list-unstyled li {
  display: inline-block;
  margin: 0 1em;
  text-align: center;
  zoom: 1;
}
#content .list-unstyled li {
  margin-left: 16px;
}
.content-section table,
table.content-section-table {
  border: none;
  margin-bottom: 20px;
}
.content-section table td,
table.content-section-table td {
  padding: 3px;
  border: 1px solid #999;
  vertical-align: top;
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 16px;
}
.content-section table.no-border td,
table.content-section-table.no-border td {
  padding: 3px;
  border-left: none;
  border-right: none;
  height: 50px;
  vertical-align: middle;
  display: table-cell;
}
.news-image,
.news-desc {
  border: none;
}
.content-section .ms-rtetoolbarmenu,
.content-section .ms-rtetoolbarmenu td,
.content-section .ms-rtetoolbarmenu table {
  border: none;
  padding: 1px;
  margin: 0;
}
.no-display {
  display: none;
}
.no-touch .visible-touch {
  display: none;
}
.touch .visible-notouch {
  display: none;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.img-right {
  float: right;
}
.img-left {
  float: left;
}
.img-right,
.img-left {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0;
}
@media only print, only screen and (max-width: 567px) {
  .img-right,
  .img-left {
    float: none;
    display: block;
    margin: 0 0 20px 0;
  }
}
.img-right-40 {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.img-left-40 {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.img-left-40,
.img-right-40 {
  max-width: 40%;
  margin-top: 10px;
}
@media only print, only screen and (max-width: 567px) {
  .img-left-40,
  .img-right-40 {
    float: none;
    display: block;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.full-width {
  width: 100%;
}
.iframe img {
  display: block;
  border: 0;
  margin-bottom: 10px;
}
.tab_container .iframe img {
  display: inline;
  margin-bottom: 0;
}
.iframe .img-right,
.iframe .img-left {
  margin-bottom: 0;
}
@media only print, only screen and (max-width: 567px) {
  .iframe .img-right,
  .iframe .img-left {
    margin-bottom: 20px;
  }
}
.iframe-full {
  display: block;
}
.iframe-full img {
  display: block;
  border: 0;
  margin: 0 auto 10px;
}
.iframe-right,
.iframe-left {
  width: 350px;
  height: auto;
  margin-bottom: 20px;
}
.iframe-right .img-left,
.iframe-right .img-right,
.iframe-left .img-left,
.iframe-left .img-right {
  margin-bottom: 10px;
}
.iframe-right img,
.iframe-left img {
  display: block;
  border: 0;
  margin-bottom: 10px;
}
.iframe-right {
  float: right;
  margin-left: 20px;
}
@media only print, only screen and (max-width: 779px) {
  .iframe-right {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    margin-bottom: 20px;
  }
}
.iframe-left {
  float: left;
  margin-right: 20px;
}
@media only print, only screen and (max-width: 779px) {
  .iframe-left {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    margin-bottom: 20px;
  }
}
.zoom-in {
  cursor: default;
}
@media only print, only screen and (max-width: 779px) {
  .zoom-in {
    cursor: zoom-in;
  }
}
.timeline p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
#bodyContainer {
  min-width: 1024px;
}
@media only print, only screen and (max-width: 1023px) {
  #bodyContainer {
    min-width: 0;
  }
}
#wrapper {
  position: relative;
  z-index: 0;
  min-height: 274px;
  min-width: 320px;
  margin: 0 auto -120px;
  padding-top: 60px;
  overflow: hidden;
}
.push {
  height: 120px;
}
.wrap {
  max-width: 1174px;
  margin: 0 auto;
  position: relative;
}
#overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 7;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  filter: "alpha(opacity=0)";
  background: black;
  background: rgba(0, 0, 0, 0.8);
}
#jsOverlay {
  display: none;
}
.no-js #jsOverlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
}
.no-js #jsOverlay div {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 10px;
  color: white;
  text-align: center;
  background: #d52b1e;
}
/* 
   ==========================================================================
   header styles
   ========================================================================== */
#header {
  position: relative;
  z-index: 6;
  height: 95px;
  width: 100%;
  background: url("../img/homepage/red-header.png");
}
/* top nav */
#top-nav-wrapper {
  position: absolute;
  right: 4.25894%;
  top: -60px;
  z-index: 5000;
  height: 32px;
  padding: 7px 12px 0;
  background: black;
  background: rgba(0, 0, 0, 0.8);
}
@media only print, only screen and (max-width: 980px) {
  #top-nav-wrapper {
    right: 15px;
  }
}
@media only print, only screen and (max-width: 767px) {
  #top-nav-wrapper {
    right: 0;
  }
}
#top-nav-wrapper.nav-open #top-nav-toggle {
  background: white;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#top-nav-wrapper.nav-open #top-nav-toggle a {
  color: #d52b1e;
}
#top-nav-wrapper.nav-open #top-nav-toggle span {
  background: #d52b1e;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#top-nav-wrapper.nav-open #top-nav-toggle span::before,
#top-nav-wrapper.nav-open #top-nav-toggle span::after {
  top: 0;
  background: #d52b1e;
}
#top-nav-wrapper.nav-open #top-nav-toggle span::before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#top-nav-wrapper.nav-open #top-nav-toggle .menu {
  opacity: 0;
}
#top-nav-wrapper.nav-open #top-nav-toggle .close {
  opacity: 1;
}
#top-nav-wrapper.nav-open #top-nav {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#top-nav-wrapper.worldmap-open #worldmap #world-link {
  background-color: white;
  background-position: center -24px;
}
#top-nav-wrapper.worldmap-open #worldmap #worldmap-box {
  display: block;
}
@media only print, only screen and (max-width: 767px) {
  #top-nav-wrapper.worldmap-open #worldmap #worldmap-box {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
#top-nav-toggle {
  display: none;
  position: relative;
  float: left;
  width: 70px;
  height: 18px;
  font-size: 12px;
}
#top-nav-toggle a {
  display: block;
  width: 100%;
  height: 100%;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}
#top-nav-toggle a b {
  font-weight: normal;
}
#top-nav-toggle span,
#top-nav-toggle span::before,
#top-nav-toggle span::after {
  display: block;
  position: absolute;
  top: 7px;
  left: 3px;
  width: 12px;
  height: 2px;
  background: white;
  cursor: pointer;
  content: '';
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#top-nav-toggle span::before {
  left: 0;
  top: -4px;
}
#top-nav-toggle span::after {
  left: 0;
  top: 4px;
}
#top-nav-toggle b {
  display: block;
  position: absolute;
  top: 4px;
  left: 23px;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#top-nav-toggle .menu {
  opacity: 1;
}
#top-nav-toggle .close {
  opacity: 0;
}
@media only print, only screen and (max-width: 479px) {
  #top-nav-toggle {
    display: block;
  }
}
#top-nav {
  float: left;
  padding-bottom: 7px;
}
#top-nav li {
  list-style: none;
  float: left;
}
#top-nav a {
  display: block;
  padding: 3px 10px;
  border-right: 1px solid white;
  color: white;
  text-decoration: none;
  font-size: 12px;
}
#top-nav a:hover, #top-nav a.selected {
  color: #d52b1e;
  background: white;
}
@media only print, only screen and (max-width: 479px) {
  #top-nav {
    position: absolute;
    top: 25px;
    left: 0;
    width: 142px;
    padding-top: 7px;
    background: white;
    -webkit-box-shadow: -5px 5px 0 #222;
    box-shadow: -5px 5px 0 #222;
    -webkit-transform: translate(160px, 0);
    -ms-transform: translate(160px, 0);
    -o-transform: translate(160px, 0);
    transform: translate(160px, 0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #top-nav li {
    float: none;
  }
  #top-nav a {
    color: #d52b1e;
    border: 0 none;
  }
  #top-nav a:hover {
    text-decoration: underline;
  }
}
#top-nav #login-dd #loginHover {
  background: white;
  color: #d52b1e;
}
#top-nav #login-dd #login-box {
  display: none;
  position: absolute;
  right: 72px;
  top: 25px;
  z-index: 3000;
  width: 240px;
  padding: 10px;
  background: white;
  color: black;
  -webkit-box-shadow: -5px 5px 0 #222;
  box-shadow: -5px 5px 0 #222;
}
#top-nav #login-dd #login-box .login-nav {
  float: left;
}
#top-nav #login-dd #login-box a {
  display: block;
  text-decoration: none;
  color: #d52b1e;
}
#top-nav #login-dd #login-box a:hover {
  text-decoration: underline;
  color: #d52b1e;
}
#worldmap {
  float: left;
  font-size: 12px;
}
#worldmap #world-link {
  display: block;
  width: 60px;
  padding: 3px 0 5px 0;
  border-right: none;
  background: url("../img/btn-worldmap.png") center 0 no-repeat;
  text-indent: -9995px;
}
#worldmap #world-link:hover {
  background-color: white;
  background-position: center -24px;
}
#worldmap #worldmap-box {
  display: none;
  position: absolute;
  right: 12px;
  top: 25px;
  z-index: 3000;
  width: 300px;
  padding: 10px;
  background: white;
  -webkit-box-shadow: -5px 5px 0 #222;
  box-shadow: -5px 5px 0 #222;
}
@media only print, only screen and (max-width: 767px) {
  #worldmap #worldmap-box {
    display: block;
    -webkit-transform: translate(317px, 0);
    -ms-transform: translate(317px, 0);
    -o-transform: translate(317px, 0);
    transform: translate(317px, 0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
#worldmap #worldmap-box .world-nav {
  width: 93px;
  float: left;
}
#worldmap #worldmap-box a {
  display: block;
  width: 113px;
  padding: 3px 10px;
  text-decoration: none;
  color: #d52b1e;
}
#worldmap #worldmap-box a:hover {
  color: #d52b1e;
  text-decoration: underline;
}
.touch #worldmap #world-link:hover {
  background-color: transparent;
  background-position: center 0;
}
/* logo */
#hidden-text {
  display: none;
  color: black;
}
#lilly-logo {
  display: block;
  position: absolute;
  top: 25px;
  left: 7.2402%;
  z-index: 100;
  padding: 0;
  text-indent: -9995px;
  background: url("../img/lilly-logo.png") no-repeat;
  background-size: 100%;
}
@media only print, only screen and (max-width: 980px) {
  #lilly-logo {
    left: 15px;
  }
}
#lilly-logo a {
  display: block;
  width: 104px;
  height: 57px;
}
#lilly-logo a:hover {
  border: none;
}
@media only print, only screen and (max-width: 479px) {
  #lilly-logo {
    top: 5px;
    width: 56px;
    height: 30px;
    background-size: 100%;
  }
  #lilly-logo a {
    width: 100%;
    height: 100%;
  }
}
/* 
   ==========================================================================
   main nav styles
   ========================================================================== */
/* Main Navigation */
#main-nav {
  position: absolute;
  right: 4.25894%;
  top: 14px;
  z-index: 500;
  width: 615px;
  height: 82px;
}
@media only print, only screen and (max-width: 980px) {
  #main-nav {
    right: 15px;
  }
}
@media only print, only screen and (max-width: 479px) {
  #main-nav {
    right: 0;
  }
}
#main-nav.main-nav-open {
  background: #a90708;
  background: rgba(213, 43, 30, 0.8);
}
#main-nav > li {
  float: left;
  display: block;
  height: 82px;
  line-height: 82px;
  font-size: 14px;
}
#main-nav > li > a {
  position: relative;
  display: block;
  height: 82px;
  padding: 0 15px;
  color: white;
  text-decoration: none;
  line-height: 82px;
}
#main-nav > li > a.current {
  color: #d52b1e;
  background: url("../img/bg-nav-current.gif") 0 -1px repeat-x;
}
#main-nav > li > a:after {
  content: '';
  position: absolute;
  top: 39%;
  right: 0;
  display: block;
  width: 1px;
  height: 17px;
  background: white;
}
#main-nav > li.selected > a {
  color: #d52b1e;
  margin-left: -1px;
  padding-left: 16px;
  background: white;
}
#main-nav li.last a:after,
#main-nav > #nav-5 a:after {
  width: 0;
}
#main-nav li.last {
  padding-top: 27px;
  padding-left: 1px;
}
@media only print, only screen and (max-width: 767px) {
  #main-nav {
    top: 35px;
    width: auto;
    height: 60px;
  }
  #main-nav > li {
    height: 60px;
    line-height: 60px;
  }
  #main-nav > li > a {
    height: 60px;
    line-height: 60px;
  }
  #main-nav > li > a.current {
    color: #d52b1e;
    background-position: 0 -12px;
  }
  #main-nav > li > a:after {
    top: 35%;
  }
  #main-nav > li.last {
    position: absolute;
    top: auto;
    bottom: 108%;
    right: 12px;
    padding: 0;
    height: auto;
  }
}
@media only print, only screen and (max-width: 567px) {
  #main-nav > li:first-child {
    display: none;
  }
}
@media only print, only screen and (max-width: 374px) {
  #main-nav > li > a {
    padding: 0 12px;
  }
  #main-nav > li.selected > a {
    padding-left: 13px;
  }
}
#main-nav li.selected .dropdown {
  display: block;
}
#main-nav li .dropdown {
  display: none;
  position: absolute;
  top: 82px;
  left: -320px;
  z-index: 2000;
  margin: 0;
  padding: 0 15px 20px;
  background: white;
  -webkit-box-shadow: -5px 5px 0 #222;
  box-shadow: -5px 5px 0 #222;
}
#main-nav li .dropdown .col {
  float: left;
  margin: 10px 0;
  padding: 5px 0;
}
#main-nav li .dropdown .first {
  width: 200px;
  padding: 0 20px 0 0;
}
#main-nav li .dropdown .second {
  width: 245px;
  padding: 35px 20px 0 0;
}
#main-nav li .dropdown .third {
  width: 460px;
  padding: 30px 0 0 0;
}
@media only print, only screen and (max-width: 980px) {
  #main-nav li .dropdown {
    left: 0;
  }
  #main-nav li .dropdown .third {
    float: none;
    clear: both;
    padding-top: 10px;
    margin-top: 0;
  }
}
@media only print, only screen and (max-width: 767px) {
  #main-nav li .dropdown {
    top: 60px;
  }
  #main-nav li .dropdown .second {
    float: none;
    clear: both;
    padding-top: 0;
    margin-top: 0;
  }
  #main-nav li .dropdown .third {
    width: auto;
  }
}
#main-nav li .dropdown h3 {
  padding-bottom: 10px;
  color: #555;
  font-size: 27px;
  line-height: 20px;
}
#main-nav li .dropdown p {
  margin: 0;
  color: #555;
  font-size: 14px;
  line-height: 16px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
#main-nav li .dropdown .drop-nav {
  margin: 0;
  padding: 10px 0 0;
}
#main-nav li .dropdown .drop-nav li {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.3;
}
#main-nav li .dropdown .drop-nav li a {
  display: inline;
  padding: 0;
  color: #d52b1e;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#main-nav li .dropdown .drop-nav li a:hover {
  text-decoration: underline;
  background: white;
}
#main-nav li .dropdown .nav-callout {
  display: block;
  float: left;
  width: 215px;
  border: 5px solid #eee;
}
#main-nav li .dropdown .nav-callout.first {
  margin-right: 10px;
  padding: 0;
}
#main-nav li .dropdown .nav-callout:hover {
  border: 5px solid #666;
}
#main-nav li .dropdown .nav-callout img {
  display: block;
}
@media only print, only screen and (max-width: 767px) {
  #main-nav li .dropdown .nav-callout {
    float: none;
  }
  #main-nav li .dropdown .nav-callout.first {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
/* Main Navigation (NO-TOUCH) */
.no-touch #main-nav:hover {
  background: #a90708;
  background: rgba(213, 43, 30, 0.8);
}
.no-touch #main-nav > li:hover > a,
.no-touch #main-nav > li > a:hover,
.no-touch #main-nav > li > a.current:hover {
  color: #d52b1e;
  margin-left: -1px;
  padding-left: 16px;
  background: white;
}
.no-touch #main-nav > li:hover .dropdown {
  display: block;
}
@media only print, only screen and (max-width: 374px) {
  .no-touch #main-nav > li > a:hover,
  .no-touch #main-nav > li > a.current:hover {
    padding-left: 13px;
  }
}
/* Main Navigation (TOUCH) */
.touch #main-nav > li:hover .dropdown {
  display: none;
}
.touch #main-nav > li > a.menu {
  position: relative;
  padding: 0 22px 0 8px;
}
.touch #main-nav > li > a.menu:before {
  content: '';
  position: absolute;
  top: 48%;
  right: 8px;
  display: block;
  width: 0;
  height: 0;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
@media only print, only screen and (max-width: 374px) {
  .touch #main-nav > li > a.menu {
    padding: 0 18px 0 6px;
  }
  .touch #main-nav > li > a.menu:before {
    right: 7px;
  }
}
.touch #main-nav > li > a.menu:hover, .touch #main-nav > li.selected > a.menu, .touch #main-nav > li.nav-open > a.menu,
.touch #main-nav > li > a.menu.current:hover {
  margin-left: -1px;
  padding-left: 9px;
}
@media only print, only screen and (max-width: 374px) {
  .touch #main-nav > li > a.menu:hover, .touch #main-nav > li.selected > a.menu, .touch #main-nav > li.nav-open > a.menu,
  .touch #main-nav > li > a.menu.current:hover {
    padding-left: 7px;
  }
}
.touch #main-nav li.nav-open > a {
  margin-left: -1px;
  padding-left: 9px;
  color: #d52b1e;
  background-color: white;
}
.touch #main-nav li.nav-open .dropdown {
  display: block;
}
@media only print, only screen and (max-width: 767px) {
  .touch #main-nav li:hover .dropdown {
    display: block;
  }
  .touch #main-nav li .dropdown {
    display: block;
    width: 100%;
    -webkit-transform: translate(420px, 0);
    -ms-transform: translate(420px, 0);
    -o-transform: translate(420px, 0);
    transform: translate(420px, 0);
    -webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
  }
  .touch #main-nav li.nav-open .dropdown {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
/* Search Box */
#searchInput {
  float: left;
  width: 176px;
  height: 22px;
  padding: 2px 3px 0;
  border: 1px solid #ddd;
  margin-top: 0;
  font-family: verdana, tahoma, -apple-system, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  color: #476382;
  background: white url("../img/bgximg.png") repeat-x 0 -511px;
}
#searchInput.placeholder {
  font-weight: normal;
  font-style: italic;
  color: #476382;
}
#main-nav > li > #searchBtn {
  float: left;
  height: 21px;
  width: 20px;
  padding: 0;
  margin: 2px 0 0;
  background: url("../img/search-btn.png") no-repeat;
}
/* 
   ==========================================================================
   footer styles
   ========================================================================== */
#footer {
  background: #777;
  width: 100%;
  height: 120px;
  padding-top: 20px;
  font-size: 12px;
}
#footer #copyright {
  display: block;
  float: left;
  padding: 3px 0;
  margin-left: 30px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #ccc;
}
#footer #footer-nav {
  float: right;
  margin-right: 20px;
  position: relative;
  z-index: 1;
  text-transform: lowercase;
}
#footer #footer-nav li {
  float: left;
  height: 15px;
  padding: 0 10px;
}
#footer #footer-nav li a {
  display: block;
  color: white;
  text-decoration: none;
}
#footer #footer-nav li a:hover {
  text-decoration: underline;
}
#footer #footer-nav li + li {
  border-left: 1px solid #666;
}
@media only print, only screen and (max-width: 767px) {
  #footer {
    padding-right: 15px;
    padding-left: 15px;
    text-align: right;
  }
  #footer #copyright {
    float: none;
    margin-left: 0;
  }
  #footer #footer-nav {
    float: none;
    margin-right: 0;
  }
  #footer #footer-nav li {
    float: none;
    display: inline-block;
  }
}
/* 
   ==========================================================================
   home styles
   ========================================================================== */
/* Main Slider */
#body-content .home-slider-wrapper {
  clear: both;
  z-index: 0;
  padding-top: 55px;
}
#body-content .home-slider-wrapper::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
@media only print, only screen and (max-width: 767px) {
  #body-content .home-slider-wrapper {
    margin-top: 162px;
  }
}
#body-content .home-slider-wrapper #home-slider,
#body-content .home-slider-wrapper #home-slider .panel, #body-content .home-slider-wrapper.arrows .home-slider, #body-content .home-slider-wrapper.arrows #home-slider .panel {
  width: 1174px;
  height: 645px;
}
@media only print, only screen and (max-width: 1173px) {
  #body-content .home-slider-wrapper #home-slider,
  #body-content .home-slider-wrapper #home-slider .panel, #body-content .home-slider-wrapper.arrows .home-slider, #body-content .home-slider-wrapper.arrows #home-slider .panel {
    width: 100vw;
    height: auto;
  }
}
#body-content .home-slider-wrapper #home-slider {
  float: left;
  overflow: hidden;
  position: relative;
}
#body-content .home-slider-wrapper #home-slider .panel {
  display: block;
  float: left;
}
#body-content .home-slider-wrapper #home-slider .panel-wrapper {
  position: relative;
}
@media only print, only screen and (max-width: 1173px) {
  #body-content .home-slider-wrapper #home-slider .panel-wrapper {
    width: 100%;
    padding-top: 55.025553662692%;
  }
}
#body-content .home-slider-wrapper #home-slider .title {
  display: none;
  width: 680px;
  margin: 250px 0 0 497px;
  font-size: 90px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: .9;
  color: white;
  cursor: pointer;
}
#body-content .home-slider-wrapper a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#body-content .home-slider-wrapper a h3.title-text {
  position: absolute;
  bottom: 270px;
  left: 550px;
  width: 460px;
  margin-bottom: -20px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 60px;
  color: white;
  text-align: justify;
}
#body-content .home-slider-wrapper a h3.title-text span {
  float: left;
  width: 360px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-transform: uppercase;
  font-size: 70px;
}
@media only print, only screen and (max-width: 1173px) {
  #body-content .home-slider-wrapper a h3.title-text {
    bottom: auto;
    top: 23vw;
    left: auto;
    right: 0;
    width: 52%;
    padding-top: 0;
    margin-bottom: 0;
    font-size: 5.11073vw;
  }
  #body-content .home-slider-wrapper a h3.title-text span {
    float: none;
    display: block;
    width: 100%;
    font-size: 5.96252vw;
  }
}
@media only print, only screen and (max-width: 767px) {
  #body-content .home-slider-wrapper a h3.title-text {
    top: 8vw;
    width: 45%;
  }
}
@media only print, only screen and (max-width: 567px) {
  #body-content .home-slider-wrapper a h3.title-text {
    top: 6vw;
  }
}
@media only print, only screen and (max-width: 407px) {
  #body-content .home-slider-wrapper a h3.title-text {
    top: 1vw;
  }
}
@media only print, only screen and (max-width: 374px) {
  #body-content .home-slider-wrapper a h3.title-text {
    display: none;
  }
}
#body-content .home-slider-wrapper a h4.img-text {
  position: absolute;
  bottom: 100px;
  left: 550px;
  width: 520px;
  padding: 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 24px;
  color: #fff;
  background-color: #bbb;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#997C7C7C, endColorstr=#997C7C7C);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#997C7C7C, endColorstr=#997C7C7C);
  zoom: 1;
  background: none repeat scroll 0 0 rgba(119, 119, 119, 0.6);
}
#body-content .home-slider-wrapper a h4.img-text .gray-box {
  padding: 5px 5px 0;
  margin: 5px 0 0 0;
  text-align: right;
  cursor: pointer;
  background: none;
}
#body-content .home-slider-wrapper a h4.img-text .gray-box:hover {
  color: #d52b1e;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
  zoom: 1;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
}
@media only print, only screen and (max-width: 1173px) {
  #body-content .home-slider-wrapper a h4.img-text {
    bottom: 70px;
    left: auto;
    right: 0;
    width: 65%;
    font-size: 2.04429vw;
  }
  #body-content .home-slider-wrapper a h4.img-text p.spacer {
    display: none;
  }
}
@media only print, only screen and (max-width: 767px) {
  #body-content .home-slider-wrapper a h4.img-text {
    bottom: 80px;
    width: 55%;
    font-size: 15px;
  }
}
@media only print, only screen and (max-width: 567px) {
  #body-content .home-slider-wrapper a h4.img-text {
    width: 55.02646vw;
    bottom: 65px;
  }
  #body-content .home-slider-wrapper a h4.img-text .gray-box {
    margin-top: 0;
  }
}
@media only print, only screen and (max-width: 475px) {
  #body-content .home-slider-wrapper a h4.img-text {
    width: 100%;
  }
}
@media only print, only screen and (max-width: 1173px) {
  #body-content .home-slider-wrapper a img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
/* Home Slider Navigation */
#home-nav-sliders {
  position: absolute;
  top: 615px;
  left: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
}
@media only print, only screen and (max-width: 1173px) {
  #home-nav-sliders {
    top: 54.08859vw;
  }
}
@media only print, only screen and (max-width: 767px) {
  #home-nav-sliders {
    margin-top: 162px;
  }
}
#home-nav-sliders .home-slide-right,
#home-nav-sliders .home-slide-left {
  display: inline-block;
  vertical-align: top;
}
#home-nav-sliders .home-slide-right a,
#home-nav-sliders .home-slide-left a {
  display: inline-block;
  height: 44px;
  width: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url("../img/Lilly_CarouselNav_sprite.png") no-repeat;
}
#home-nav-sliders .home-slide-right a {
  background-position: -80px -47px;
}
#home-nav-sliders .home-slide-right a:hover {
  background-position: -80px -3px;
}
#home-nav-sliders .home-slide-left a {
  background-position: 0 -47px;
}
#home-nav-sliders .home-slide-left a:hover {
  background-position: 0 -3px;
}
#home-nav-sliders .coda-nav {
  display: inline-block;
}
#home-nav-sliders .coda-nav ul {
  display: inline-block;
}
#home-nav-sliders .coda-nav ul li {
  display: inline-block;
}
#home-nav-sliders .coda-nav ul li a {
  display: inline-block;
  width: 54px;
  height: 44px;
  padding: 0 5px;
  font-size: 18px;
  text-decoration: none;
  text-transform: lowercase;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
  background: url("../img/Lilly_CarouselNav_sprite.png") -20px -44px no-repeat;
}
#home-nav-sliders .coda-nav ul li a:hover {
  color: #d52b1e;
}
#home-nav-sliders .coda-nav ul li a.current {
  color: white;
  background-position: -20px 0;
}
@media only print, only screen and (max-width: 1173px) {
  #home-nav-sliders .coda-nav ul {
    margin-top: 5px;
  }
  #home-nav-sliders .coda-nav ul li a {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 5px;
    border-radius: 15px;
    background: white;
  }
  #home-nav-sliders .coda-nav ul li a.current {
    border: 4px solid white;
    background: #d52b1e;
  }
}
/* Home Callout Area */
#home-callouts-wrap {
  position: relative;
  top: -20px;
  height: 314px;
  padding: 0 32px;
}
#home-callouts-wrap #home-callouts {
  position: absolute;
  width: 976px;
  padding: 10px 10px 0 10px;
  margin-left: 67px;
  overflow: auto;
  background: white;
}
#home-callouts-wrap #home-callouts .callout .call-off {
  height: 100%;
}
#home-callouts-wrap #home-callouts #home-call-center {
  float: left;
  width: 275px;
  padding: 0 10px;
}
#home-callouts-wrap #home-callouts #home-call-right {
  float: left;
  width: 456px;
}
@media only print, only screen and (max-width: 1173px) {
  #home-callouts-wrap {
    max-width: 976px;
    height: auto;
    padding: 0;
    margin: 0 auto;
  }
  #home-callouts-wrap #home-callouts {
    position: relative;
    width: 100%;
    margin: 0;
  }
}
#home-call-left {
  float: left;
  height: 220px;
  width: 225px;
  padding: 10px 15px;
  background: url("../img/home-news-call-bg.gif") no-repeat;
  overflow: hidden;
}
#home-call-left ul {
  margin: 0;
  list-style-type: none;
}
#home-call-left ul li {
  margin: 0;
  padding-bottom: 10px;
}
#home-call-left a.latest-story {
  padding: 2px 0;
  line-height: 1.2;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: white;
}
#home-call-left a.latest-story:hover {
  color: #d52b1e;
  background: white;
}
#home-call-left a.latest-story .date {
  display: inline;
  font-size: 12px;
  line-height: 1.2;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
#interior #body-content #home-call-left h2 {
  padding: 0 0 5px 0;
  margin: 0;
  font-size: 20px;
  color: white;
}
#home-callouts .callout {
  color: white;
  font-size: 20px;
}
#home-callouts .callout:hover {
  background: #777;
  text-decoration: none !important;
}
#home-callouts .callout .call-on {
  padding: 7px 10px 10px;
}
#home-callouts .callout .call-on .normaltext {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif !important;
  font-size: 20px !important;
  font-weight: normal !important;
}
#bottom-call-1 img {
  width: 490px;
  height: 84px;
}
#bottom-call-1,
#bottom-call-2,
#bottom-call-3 {
  float: left;
  margin-top: 10px;
}
#bottom-call-1,
#bottom-call-2 {
  margin-right: 10px;
}
#bottom-call-2,
#bottom-call-3 {
  width: 223px;
}
#bottom-call-2 img,
#bottom-call-3 img {
  height: 84px;
}
#home-callouts #call-1 {
  width: 255px;
  height: 50px;
  padding: 10px 10px 10px 30px;
  margin: 0 0 10px;
  position: relative;
  background-color: #d52b1e;
}
#home-callouts #call-2 {
  width: 255px;
  height: 50px;
  background-color: #263f6a;
}
#home-callouts #quote {
  display: block;
  width: 120px;
  overflow: hidden;
  font-size: 31px;
}
#home-callouts #stock-name {
  position: absolute;
  top: 11px;
  left: 160px;
  font-size: 14px;
}
#home-callouts #change {
  position: absolute;
  top: 25px;
  left: 160px;
  width: 56px;
  text-align: center;
  font-size: 14px;
}
#home-callouts #quote2 {
  display: block;
  width: 220px;
  overflow: hidden;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 25px;
}
#home-callouts #quote3 {
  font-size: 17px;
}
#home-callouts #quote4 {
  font-size: 14px;
}
#home-callouts #quote5 {
  display: block;
  padding-top: 5px;
  overflow: hidden;
  font-size: 16px;
}
#home-callouts #quote6 {
  display: block;
  padding-top: 8px;
  overflow: hidden;
  font-size: 18px;
}
#home-callouts #quote7 {
  display: block;
  padding-top: 5px;
  overflow: hidden;
  font-size: 11px;
}
#home-callouts #call-2 {
  margin: 0 0 10px;
}
#home-callouts .square {
  float: left;
  margin-bottom: 0;
}
#home-callouts .square .arrow {
  bottom: 0;
  right: 0;
}
#home-callouts #call-3,
#home-callouts #call-4 {
  width: 122px;
}
#home-callouts #call-3 {
  margin-right: 10px;
}
#home-callouts .green,
#home-callouts .green:hover {
  background: #bcc832;
}
#home-callouts .gray,
#home-callouts .gray:hover {
  background: #777;
}
#home-callouts .red,
#home-callouts .red:hover {
  background: #d52b1e;
}
/* Video Slider */
#vid-slider-wrapper {
  position: relative;
  width: 456px;
  overflow: hidden;
}
#vid-slider,
#vid-slider .panel,
.vid-slider-wrapper.arrows .vid-slider,
.vid-slider-wrapper.arrows #vid-slider .panel {
  width: 329px;
  height: 220px;
}
#vid-slider,
#vid-slider .panel a {
  float: left;
}
#vid-slider {
  float: left;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#vid-slider .panel-container {
  position: relative;
}
#vid-slider .panel {
  display: block;
  float: left;
}
#vid-slider .panel .panel-wrapper {
  position: relative;
  width: 100%;
  padding-top: 66.8693%;
}
#vid-slider .panel a {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#vid-slider .panel a img {
  display: block;
  height: 100%;
  margin-bottom: 0;
}
#coda-nav-2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  display: block;
  height: 220px;
  width: 128px;
  border-left: 1px solid white;
}
#coda-nav-2 ul li {
  position: relative;
  z-index: 5;
  width: 127px;
  height: 74px;
  border-bottom: 1px solid white;
  margin: 0;
}
#coda-nav-2 ul li.tab3 {
  border-bottom: none;
}
#coda-nav-2 ul li.tab3 a {
  border-bottom: none;
  height: 66px;
}
#coda-nav-2 ul li a {
  display: block;
  width: 126px;
  height: 72px;
  position: relative;
  padding: 4px 8px 4px 10px;
  text-decoration: none;
  line-height: 16px;
  font-size: 14px;
  color: white;
  background-color: #444;
}
#coda-nav-2 ul li a.current, .no-touch #coda-nav-2 ul li a:hover {
  left: -12px;
  width: 138px;
  padding-left: 22px;
  background: url("../img/vid-slider-nav.png") no-repeat 0 -74px;
}
.no-touch #coda-nav-2 ul li a:hover {
  background-position: 0 0;
}
.no-touch #coda-nav-2 ul li a:hover .link {
  display: none;
}
.no-touch #coda-nav-2 ul li a:hover .descrip {
  display: block;
}
#coda-nav-2 ul li a .descrip {
  display: none;
}
@media only print, only screen and (max-width: 975px) {
  #home-callouts-wrap {
    width: 510px;
  }
  #home-callouts-wrap #home-callouts #home-call-left {
    padding-bottom: 10px;
  }
  #home-callouts-wrap #home-callouts #home-call-center {
    width: 265px;
    padding-right: 0;
    padding-bottom: 10px;
  }
  #home-callouts-wrap #home-callouts #home-call-right {
    float: none;
    clear: both;
    width: 490px;
    margin: 0 auto;
  }
  #home-callouts-wrap #home-callouts #bottom-call-1 {
    margin-right: 0;
  }
  #home-callouts-wrap #home-callouts .home-bottom-col {
    width: 100%;
  }
  #home-callouts-wrap #home-callouts #bottom-call-2,
  #home-callouts-wrap #home-callouts #bottom-call-3 {
    width: 240px;
    margin-top: 0;
  }
  #home-callouts-wrap #home-callouts #bottom-call-2 img,
  #home-callouts-wrap #home-callouts #bottom-call-3 img {
    width: 100%;
  }
  #home-callouts-wrap #home-callouts #vid-slider-wrapper {
    width: 100%;
    height: 236px;
  }
  #home-callouts-wrap #home-callouts #vid-slider {
    width: 72.04082%;
    height: 100%;
  }
  #home-callouts-wrap #home-callouts #vid-slider .panel,
  #home-callouts-wrap #home-callouts .vid-slider-wrapper.arrows .vid-slider,
  #home-callouts-wrap #home-callouts .vid-slider-wrapper.arrows #vid-slider .panel {
    width: 353px;
    height: 100%;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 {
    width: 28.16327%;
    height: 100%;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 ul li {
    width: 100%;
    height: 79px;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 ul li a {
    width: 100%;
    height: 100%;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 ul li a.current, #home-callouts-wrap #home-callouts #coda-nav-2 ul li a:hover {
    width: 149px;
    background-position: 0 -78px;
    background-size: 100% 156px;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 ul li a:hover {
    background-position: 0 0;
  }
}
@media only print, only screen and (max-width: 509px) {
  #home-callouts-wrap {
    width: 100%;
    top: 0;
  }
  #home-callouts-wrap #home-callouts #home-call-left {
    width: 300px;
    float: none;
    clear: both;
    margin: 0 auto 10px;
    background-size: 300px 305px;
  }
  #home-callouts-wrap #home-callouts #home-call-center {
    float: none;
    width: 300px;
    padding-left: 0;
    padding-bottom: 10px;
    margin: 0 auto;
  }
  #home-callouts-wrap #home-callouts #home-call-center::after {
    content: '';
    display: table;
    clear: both;
    /* https://css-tricks.com/snippets/css/clear-fix/ */
  }
  #home-callouts-wrap #home-callouts #home-call-center #call-1,
  #home-callouts-wrap #home-callouts #home-call-center #call-2 {
    width: 100%;
  }
  #home-callouts-wrap #home-callouts #home-call-center #call-1 img,
  #home-callouts-wrap #home-callouts #home-call-center #call-2 img {
    width: 100%;
    height: 100%;
  }
  #home-callouts-wrap #home-callouts #home-call-center #call-3,
  #home-callouts-wrap #home-callouts #home-call-center #call-4 {
    width: 145px;
    height: 119px;
  }
  #home-callouts-wrap #home-callouts #home-call-center #call-3 img,
  #home-callouts-wrap #home-callouts #home-call-center #call-4 img {
    width: 100%;
    height: 100%;
  }
  #home-callouts-wrap #home-callouts #home-call-right {
    width: 300px;
  }
  #home-callouts-wrap #home-callouts #bottom-call-1 {
    float: none;
    width: 300px;
    margin: 10px auto;
  }
  #home-callouts-wrap #home-callouts #bottom-call-1 img {
    width: auto;
    height: auto;
  }
  #home-callouts-wrap #home-callouts .home-bottom-col {
    width: 300px;
    margin: 0 auto;
  }
  #home-callouts-wrap #home-callouts #bottom-call-2,
  #home-callouts-wrap #home-callouts #bottom-call-3 {
    float: none;
    clear: both;
    width: 300px;
    margin-right: 0;
  }
  #home-callouts-wrap #home-callouts #bottom-call-2 img,
  #home-callouts-wrap #home-callouts #bottom-call-3 img {
    width: 100%;
  }
  #home-callouts-wrap #home-callouts #vid-slider-wrapper {
    width: 300px;
    height: 134px;
    margin: 0 auto;
  }
  #home-callouts-wrap #home-callouts #vid-slider .panel {
    width: 200px;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 {
    width: 100px;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 ul li {
    height: 45px;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 ul li a {
    font-size: 12px;
    line-height: 1;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 ul li a.current, #home-callouts-wrap #home-callouts #coda-nav-2 ul li a:hover {
    width: 112px;
    padding-right: 10px;
    background-position: 0 -45px;
    background-size: 100% 90px;
  }
  #home-callouts-wrap #home-callouts #coda-nav-2 ul li a:hover {
    background-position: 0 0;
  }
}
/* 
   ==========================================================================
   content styles
   ========================================================================== */
#body-content {
  background: url("../img/bg-white-transparent.png");
}
#interior #body-content {
  position: relative;
  z-index: 0;
  max-width: 1174px;
  height: 100%;
  margin: -218px auto 0;
  overflow: hidden;
}
#interior #content {
  position: relative;
  min-height: 785px;
  max-width: 980px;
  margin: 0 auto;
  padding: 220px 15px 15px 15px;
  float: right;
  background: #eef3f3 url("../img/bg-content.jpg");
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}
#interior #content::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
#interior #content #right-nav-toggle {
  display: none;
  position: absolute;
  top: 235px;
  right: 5px;
  width: 30px;
  height: 95px;
  background: rgba(213, 43, 30, 0.8);
}
#interior #content #right-nav-toggle a {
  display: block;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  color: white;
}
#interior #content #right-nav-toggle span,
#interior #content #right-nav-toggle span::before,
#interior #content #right-nav-toggle span::after {
  display: block;
  position: absolute;
  top: 15px;
  left: 9px;
  width: 12px;
  height: 2px;
  background: white;
  cursor: pointer;
  content: '';
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#interior #content #right-nav-toggle span::before {
  left: 0;
  top: -4px;
}
#interior #content #right-nav-toggle span::after {
  left: 0;
  top: 4px;
}
#interior #content #right-nav-toggle b {
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 65px;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#interior #content #right-nav-toggle .menu {
  opacity: 1;
}
#interior #content #right-nav-toggle .close {
  opacity: 0;
}
#interior #content .right-nav {
  position: relative;
  z-index: 2000;
  float: right;
  width: 256px;
  margin: 0 -46px 15px 0;
}
#interior #content .side-nav {
  width: 256px;
  padding: 10px 0;
  border: 1px solid #ddd;
  border-right: none;
  margin: 0 0 10px 0;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-transform: uppercase;
  background: url("../img/white-transp.png");
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
}
#interior #content .side-nav ul,
#interior #content .side-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#interior #content .side-nav ul {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  line-height: 1;
}
#interior #content .side-nav ul ul {
  display: none;
}
#interior #content .side-nav ul ul a {
  padding-left: 25px;
  padding-top: 5px;
  font-size: 15px;
  text-transform: none;
}
#interior #content .side-nav ul ul ul {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
#interior #content .side-nav ul ul ul a {
  padding-top: 7px;
  padding-left: 35px;
  font-size: 14px;
}
#interior #content .side-nav ul ul ul ul {
  display: block;
}
#interior #content .side-nav ul ul ul ul a {
  padding-left: 45px;
  font-size: 12px;
}
#interior #content .side-nav a {
  display: block;
  padding: 7px 39px 4px 15px;
  color: #d52b1e;
}
#interior #content .side-nav a:hover {
  text-decoration: none;
  color: white;
  background: #d52b1e;
}
#interior #content .side-nav li.selected > ul {
  display: block;
}
#interior #content .side-nav li.selected > a {
  color: white;
  background: #777;
}
#interior #content .left-side {
  position: relative;
  z-index: 2000;
  float: left;
  padding: 0 10px 0 5px;
  margin-bottom: 20px;
  font-family: verdana, tahoma, -apple-system, sans-serif;
}
#interior #content .left-side table {
  width: 100%;
  margin-bottom: 20px;
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 16px;
  font-weight: normal;
  color: #555;
}
#interior #content .left-side table.products-table {
  max-width: 720px;
}
#interior.narrow #body-content {
  width: auto;
  max-width: 1040px;
  padding: 0 30px;
}
#interior.narrow #content {
  width: 685px;
}
#interior.narrow #content .left-side {
  width: 445px;
}
#interior.narrow #content .right-callout {
  max-width: 210px;
}
@media only print, only screen and (max-width: 744px) {
  #interior.narrow #body-content {
    padding: 0;
  }
  #interior.narrow #content {
    float: none;
    margin: 0 auto;
  }
}
@media only print, only screen and (max-width: 684px) {
  #interior.narrow #content {
    width: 100%;
    padding-left: 10px;
    padding-right: 40px;
  }
  #interior.narrow #content #right-nav-toggle {
    display: block;
  }
  #interior.narrow #content .right-nav {
    position: absolute;
    right: 0;
    top: 330px;
    z-index: 2001;
    float: none;
    padding-bottom: 5px;
    border: 1px solid #ddd;
    border-right: none;
    margin-right: -30px;
    margin-bottom: 0;
    -webkit-transform: translate(260px, 0);
    -ms-transform: translate(260px, 0);
    -o-transform: translate(260px, 0);
    transform: translate(260px, 0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
  }
  #interior.narrow #content .left-side {
    float: none;
  }
  #interior.narrow #content .side-nav {
    background: none;
    box-shadow: none;
    border: none;
  }
  #interior.narrow #content .right-callout {
    padding-left: 10px;
  }
  #interior.narrow #content.nav-open #right-nav-toggle {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  #interior.narrow #content.nav-open #right-nav-toggle span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #interior.narrow #content.nav-open #right-nav-toggle span::before,
  #interior.narrow #content.nav-open #right-nav-toggle span::after {
    top: 0;
  }
  #interior.narrow #content.nav-open #right-nav-toggle span::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #interior.narrow #content.nav-open #right-nav-toggle .menu {
    opacity: 0;
  }
  #interior.narrow #content.nav-open #right-nav-toggle .close {
    opacity: 1;
  }
  #interior.narrow #content.nav-open .right-nav {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media only print, only screen and (max-width: 494px) {
  #interior.narrow #content .left-side {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
#interior.wide #body-content {
  width: auto;
  max-width: 1040px;
}
#interior.wide #content {
  float: none;
}
#interior.wide #content .left-side {
  width: 740px;
}
#interior.wide #content .right-callout {
  max-width: 210px;
}
@media only print, only screen and (max-width: 1023px) {
  #interior.wide #content #right-nav-toggle {
    display: block;
  }
  #interior.wide #content .right-nav {
    position: absolute;
    right: 0;
    top: 330px;
    z-index: 2001;
    float: none;
    padding-bottom: 5px;
    border: 1px solid #ddd;
    border-right: none;
    margin-right: -30px;
    margin-bottom: 0;
    -webkit-transform: translate(260px, 0);
    -ms-transform: translate(260px, 0);
    -o-transform: translate(260px, 0);
    transform: translate(260px, 0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
  }
  #interior.wide #content .left-side {
    float: none;
  }
  #interior.wide #content .side-nav {
    background: none;
    box-shadow: none;
    border: none;
  }
  #interior.wide #content .right-callout {
    padding-left: 10px;
  }
  #interior.wide #content.nav-open #right-nav-toggle {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  #interior.wide #content.nav-open #right-nav-toggle span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #interior.wide #content.nav-open #right-nav-toggle span::before,
  #interior.wide #content.nav-open #right-nav-toggle span::after {
    top: 0;
  }
  #interior.wide #content.nav-open #right-nav-toggle span::before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #interior.wide #content.nav-open #right-nav-toggle .menu {
    opacity: 0;
  }
  #interior.wide #content.nav-open #right-nav-toggle .close {
    opacity: 1;
  }
  #interior.wide #content.nav-open .right-nav {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  #interior.wide #content .left-side {
    float: none;
  }
}
@media only print, only screen and (max-width: 779px) {
  #interior.wide #content {
    padding-left: 10px;
    padding-right: 40px;
  }
  #interior.wide #content .left-side {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
#interior.full #body-content {
  width: auto;
  max-width: 1040px;
}
#interior.full #content {
  float: none;
  padding-right: 10px;
}
#interior.full #content .left-side {
  float: none;
  width: 100%;
  padding-right: 0;
}
@media only print, only screen and (max-width: 779px) {
  #interior.full #content .left-side {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.left-side {
  position: relative;
  z-index: 2000;
  float: left;
  width: 740px;
  padding: 0 10px 0 5px;
  margin-bottom: 20px;
}
.left-side table {
  width: 100%;
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 16px;
  font-weight: normal;
  color: #555;
}
.left-side a {
  color: #d52b1e;
  text-decoration: none;
}
.left-side a:hover {
  text-decoration: underline;
}
.left-side th {
  font-weight: bold;
}
/* Related Links */
#content .right-callout ul {
  padding: 0 0 20px;
  margin: 0;
  list-style-type: disc;
}
#content .right-callout li {
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: disc;
}
#content .right-callout ul a {
  text-decoration: none;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #d52b1e;
}
#content .right-callout ul a:hover {
  text-decoration: underline;
}
.left-col,
.right-col {
  float: left;
  width: 48.96552%;
}
@media only print, only screen and (max-width: 567px) {
  .left-col,
  .right-col {
    float: none;
    width: auto;
  }
}
.left-col {
  width: 50.34483%;
  padding: 0 10px 0 0;
}
@media only print, only screen and (max-width: 567px) {
  .left-col {
    width: auto;
    padding-right: 0;
  }
}
.right-col {
  margin-right: 0;
}
.narrow .left-col {
  width: 405px;
}
@media only print, only screen and (max-width: 567px) {
  .narrow .left-col {
    width: auto;
  }
}
.full .left-col {
  width: 49.46237%;
}
.full .right-col {
  width: 49.46237%;
}
@media only print, only screen and (max-width: 567px) {
  .full .left-col {
    width: auto;
  }
  .full .right-col {
    width: auto;
  }
}
.bottom-left-col,
.bottom-center-col,
.bottom-right-col {
  float: left;
  padding: 0;
  width: 236px;
}
.bottom-center-col {
  width: 258px;
  padding: 0 11px;
}
.callout-bottom {
  height: 200px;
}
/* Interior Callouts */
.callout {
  position: relative;
  overflow: hidden;
  float: left;
  display: block;
  max-width: 100%;
  margin: 0 0 10px 0;
  text-decoration: none !important;
  font-size: 19px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: white;
  background: #777;
  cursor: pointer;
}
.callout img {
  display: block;
}
.callout .call-off,
.callout .call-on {
  position: absolute;
  left: 0;
  padding: 10px;
  width: 100%;
  color: white;
}
.callout .call-off {
  bottom: 0;
  z-index: 3;
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.callout .call-off .text18normal,
.callout .call-off .text15bold,
.callout .call-off .text30boldright {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif !important;
}
.callout .call-off .text18normal {
  font-size: 18px !important;
  font-weight: lighter !important;
}
.callout .call-off .text15bold {
  font-size: 17px !important;
  font-weight: bold !important;
}
.callout .call-off .text30boldright {
  position: absolute;
  top: 117px;
  right: 25px;
  font-size: 35px !important;
  font-weight: bolder !important;
  line-height: 35px;
}
.callout .call-on {
  top: 100%;
  z-index: 2;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-decoration: none !important;
  -webkit-transition: top 0.25s ease;
  -o-transition: top 0.25s ease;
  transition: top 0.25s ease;
}
.callout .call-on .text18normal,
.callout .call-on .text15bold,
.callout .call-on .text30boldright {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif !important;
}
.callout .call-on .text18normal {
  font-size: 18px !important;
  font-weight: lighter !important;
}
.callout .call-on .text15bold {
  font-size: 17px !important;
  font-weight: bold !important;
}
.callout .call-on .text30boldright {
  position: absolute;
  top: 110px;
  right: 25px;
  font-size: 35px !important;
  font-weight: bolder !important;
  line-height: 35px;
}
.callout .arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  height: 30px;
  width: 30px;
  background: url("../img/home-call-hover.png") no-repeat left top;
}
.callout:hover .call-off {
  bottom: 100%;
}
.callout:hover .call-on {
  top: 0;
}
.callout:hover .arrow {
  background-image: url("../img/home-call-hover.jpg");
  text-decoration: none !important;
}
.left-side .callout:hover {
  background: #777;
  text-decoration: none;
}
.left-side .callout a {
  color: white;
  border: none;
  text-decoration: none;
}
.callout-column-right {
  float: left;
  width: 220px;
  padding-left: 10px;
}
.callout-column-left {
  float: left;
  width: 210px;
  padding-left: 0;
}
@media only print, only screen and (max-width: 494px) {
  .narrow .callout-column-right,
  .narrow .callout-column-left {
    float: none;
    clear: both;
    width: 210px;
    padding-left: 0;
  }
}
/* footnotes */
#content .footnotes {
  clear: both;
}
#content .footnotes p,
#content .footnotes ul,
#content .footnotes ol {
  border: none;
  margin-bottom: 10px;
  font-size: 12px;
}
#content .footnotes p:first-child {
  border-top: 1px solid #797979;
  padding-top: 10px;
}
sup {
  font-size: 10px;
}
/* speeches */
.speeches li {
  margin-bottom: 10px;
}
.speeches a {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
}
/* video box */
.video-box {
  padding: 10px;
  margin: 0 10px 20px 0;
  background: url("../img/video-box-bg.png") repeat;
}
.video-box .video-img {
  float: left;
  width: 47.06522%;
}
.video-box .video-text {
  float: right;
  width: 51.08696%;
  padding-right: 10px;
}
@media only print, only screen and (max-width: 567px) {
  .video-box .video-img {
    float: none;
    width: 100%;
  }
  .video-box .video-text {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-top: 15px;
  }
}
.video-box p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
.video-box h2 {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: white;
}
.video-box a {
  display: inline;
  text-decoration: none;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: #d52b1e;
}
.video-box a.view-more {
  float: right;
  padding: 4px;
  margin-right: 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
  background: #d52b1e;
}
.video-box a:hover {
  text-decoration: underline;
}
.video-box a:hover.view-more {
  border: none;
  text-decoration: none;
  color: #999;
}
/* 
   ==========================================================================
   page-specific styles
   ========================================================================== */
/* About */
.about #body-content {
  background-image: url("../img/bg-about.jpg");
}
/* Responsibility */
.responsibility #body-content {
  background-image: url("../img/bg-responsibility.jpg");
}
.responsibility iframe {
  height: 300px;
}
/* R&D */
/* Suppliers */
/* Terms */
.research #body-content,
.suppliers #body-content,
.terms #body-content {
  background-image: url("../img/bg-terms.jpg");
}
/* Products */
.products #body-content {
  background-image: url("../img/bg-products.jpg");
}
/* Careers */
.careers1 #body-content,
.careers2 #body-content,
.careers3 #body-content {
  background-image: url("../img/bg-careers.png");
}
/* Alumni */
.alumni #body-content {
  background-image: url("../img/bg-alumni.jpg");
}
/* Login */
.contact #body-content,
.login #body-content {
  background-image: url("../img/bg-login.jpg");
}
/* News */
.news #body-content {
  background-image: url("../img/bg-news.jpg");
}
/* Privacy */
.privacy #body-content {
  background-image: url("../img/bg-privacy.jpg");
}
/* Search */
.search #body-content {
  background-image: url("../img/bg-search.jpg");
}
/**********/
.about #body-content,
.responsibility #body-content,
.research #body-content,
.products #body-content,
.careers1 #body-content,
.careers2 #body-content,
.careers3 #body-content,
.suppliers #body-content,
.alumni #body-content,
.contact #body-content,
.login #body-content,
.terms #body-content,
.news #body-content,
.privacy #body-content,
.search #body-content {
  background-position: 50% 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
/* 
   ==========================================================================
   content object styles
   ========================================================================== */
/* controls */
.dfwp-column {
  float: left;
}
@media only print, only screen and (max-width: 479px) {
  .dfwp-column {
    float: none;
  }
}
.dfwp-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.link-item,
.link-item a,
.link-item a:link {
  font-family: tahoma, verdana, -apple-system, sans-serif;
  font-size: 8pt;
  color: #039;
  text-decoration: none;
}
.link-item a:visited,
.link-item a:active {
  color: #4167AF;
  text-decoration: none;
}
.link-item a:hover {
  color: black;
  text-decoration: underline;
}
.link-item-large,
.link-item-large a,
.link-item-large a:link {
  font-family: tahoma, verdana, -apple-system, sans-serif;
  font-size: 18pt;
  color: #039;
  text-decoration: none;
}
.link-item-large a:visited,
.link-item-large a:active {
  color: #4167AF;
  text-decoration: none;
}
.link-item-large a:hover {
  color: black;
  text-decoration: underline;
}
.ms-rteFontSize-2 {
  font-size: 10pt;
}
/* LIFA pages */
#lifaCallouts::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
.staticcallout {
  position: relative;
  float: left;
  margin: 0 0 10px;
  font-size: 19px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: white;
  cursor: pointer;
}
.staticcallout + .staticcallout {
  margin-left: 10px;
}
.staticcallout img {
  display: block;
}
.staticcallout .call-off {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  padding: 10px 10px 15px;
  color: white;
}
.staticcallout-column-left {
  float: left;
  width: 466px;
  margin-right: 10px;
}
.staticcallout-column-left .staticcallout + .staticcallout {
  margin-left: 0;
}
@media only print, only screen and (max-width: 767px) {
  .staticcallout {
    float: left;
    clear: both;
    display: block;
    margin-left: 0;
  }
  .staticcallout + .staticcallout {
    margin-left: 0;
  }
  .staticcallout-column-left {
    float: none;
    width: auto;
    margin-right: 0;
  }
}
.greybar {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-left: 5px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif !important;
  font-size: 20px !important;
  text-align: center;
  vertical-align: top;
  color: white !important;
  background-color: gray;
}
.height130 {
  height: 131px !important;
}
.grayline {
  border-bottom-color: gray;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin-bottom: 10px;
}
.lifa-table {
  max-width: 550px;
  margin: 0 auto;
}
#interior #content .left-side .lifa-table {
  margin-bottom: 0;
}
.lifa-table td {
  width: 160px;
  padding: 0 0 20px;
  border-style: none;
}
.lifa-table td.arrow-img {
  width: auto;
  padding: 0 7px 0 6px;
  vertical-align: middle;
}
.lifa-table td.arrow-img img {
  width: 10px;
  vertical-align: middle;
}
@media only print, only screen and (max-width: 767px) {
  .lifa-table {
    display: block;
  }
  .lifa-table::after {
    content: '';
    display: table;
    clear: both;
    /* https://css-tricks.com/snippets/css/clear-fix/ */
  }
  .lifa-table tr,
  .lifa-table tbody,
  .lifa-table td {
    display: block;
  }
  .lifa-table td {
    float: left;
    height: 165px;
  }
  .lifa-table td.arrow-img {
    padding-top: 72px;
    text-align: right;
  }
}
@media only print, only screen and (max-width: 379px) {
  .lifa-table td {
    clear: both;
  }
  .lifa-table td.arrow-img {
    display: none;
  }
}
.sourcing-innovation-table {
  width: 100%;
}
.sourcing-innovation-table td {
  padding-right: 7px;
}
.sourcing-innovation-table td.arrow-img {
  padding: 0;
}
@media only print, only screen and (max-width: 567px) {
  .sourcing-innovation-table {
    display: block;
  }
  .sourcing-innovation-table tbody,
  .sourcing-innovation-table tr,
  .sourcing-innovation-table td {
    display: block;
  }
  .sourcing-innovation-table td::after {
    content: '';
    display: table;
    clear: both;
    /* https://css-tricks.com/snippets/css/clear-fix/ */
  }
  .sourcing-innovation-table td.arrow-img {
    display: none;
  }
}
.h2-heading {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #777;
}
/* contact */
.contact-img {
  float: left;
  margin: 0 1px;
}
.contact-img a {
  display: block;
  border: 4px solid #ddd;
}
.contact-img a img {
  display: block;
}
.contact-img a:hover {
  border-color: #777;
}
.contact-nav {
  overflow: hidden;
}
.contact-table {
  margin-bottom: 20px;
}
.contact-table td {
  padding: 10px 0;
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 16px;
}
#body-content .contact-table tbody tr td a:hover {
  text-decoration: underline;
}
@media only print, only screen and (max-width: 479px) {
  .contact-table {
    display: block;
  }
  .contact-table tbody,
  .contact-table tr,
  .contact-table td {
    display: block;
  }
  .contact-table .row-spacer {
    display: none;
  }
}
.partnering-table {
  margin-bottom: 20px;
}
.partnering-table td {
  padding: 10px 0;
  border-style: none !important;
}
#body-content .partnering-table tbody tr td a:hover {
  text-decoration: none;
}
/* accordion */
.accordion {
  padding: 0 0 20px 0;
  max-width: 715px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  clear: both;
}
.accordion h3 {
  margin: 0;
  padding: 10px 30px 2.51748%;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 16px;
  color: #222;
  background: #ccc url("../img/accordion-bottom.gif") no-repeat 0 bottom;
  background-size: 100% auto;
}
.accordion h3:hover {
  cursor: pointer;
  background-image: url("../img/accordion-hover.gif");
}
.accordion h3.current {
  margin: 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  background-image: url("../img/accordion-current.gif");
}
.accordion .pane {
  display: none;
  padding: 10px 30px;
  margin: 0 1.53846% 0 1.3986%;
  font-size: 14px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  line-height: 18px;
  color: #222;
  background: white;
}
#content .accordion .pane p,
#content .accordion .pane ol,
#content .accordion .pane ul,
#content .accordion .pane p ul {
  padding: 0;
  font-size: 14px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  line-height: 18px;
  color: #222;
}
.top-link {
  font-size: 16px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  text-align: right;
  margin: 20px 0 0 0;
}
/* podcasts */
.table-wrap {
  max-width: 700px;
  margin: 0;
  padding: 0 10px;
  background: url("../img/podcast-table-bg.png") no-repeat 0 0;
}
table.podcasts {
  border: none;
  border-collapse: inherit;
  padding: 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  background: none;
}
table.podcasts td {
  border: none;
  padding: 8px;
  line-height: 1.2;
}
table.podcasts th {
  padding: 7px;
  border: none;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.2;
  color: white;
  background-color: transparent;
}
@media only print, only screen and (max-width: 479px) {
  table.podcasts th {
    font-size: 13px;
  }
}
table.podcasts tr {
  padding: 0 3px;
}
table.podcasts tr.ms-alternating {
  background-color: #e6e6e6;
}
table.podcasts tr.ms-alternating td.ms-vb {
  background-color: #e6e6e6;
}
table.podcasts .ms-vh {
  text-align: left;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: white;
  background: none;
}
table.podcasts .ms-vb {
  font-family: Times, "Times New Roman", Georgia, serif;
  font-size: 18px;
  color: #777;
  background-color: #fbfbfb;
}
table.podcasts .ms-vb a {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-decoration: none;
  color: #d52b1e;
}
table.podcasts .ms-vb a:hover {
  text-decoration: underline;
  color: #d52b1e;
}
table.podcasts .ms-vb a.itunes {
  display: block;
  height: 17px;
  width: 80%;
  padding: 0 0 0 25px;
  overflow: hidden;
  background: url("../img/podcast-itunes.png") no-repeat 0 0;
}
table.podcasts .ms-vb a.download {
  background: url("../img/podcast-link.png") no-repeat 0 0;
  height: 17px;
  width: 80%;
  padding: 0 0 0 25px;
  overflow: hidden;
  display: block;
}
table.podcasts tr td.ms-vb a.pdf-link {
  padding: 0 0 0 25px;
  text-decoration: none;
  color: #d52b1e;
  background: url("../img/pdf.png") no-repeat 0 0;
}
table.podcasts tr td.ms-vb a:hover.pdf-link {
  text-decoration: underline;
}
table.podcasts tr td.ms-vb a.briefcase-link {
  padding: 0 0 0 25px;
  text-decoration: none;
  color: #d52b1e;
  background: url("../img/briefcase-link.png") no-repeat 0 0;
}
table.podcasts tr td.ms-vb a:hover.briefcase-link {
  text-decoration: underline;
}
/* Clinical Develoment Pipeline */
#cdp,
#cdp li {
  overflow: hidden;
  padding: 0;
  margin: 0;
}
#cdp {
  width: 100%;
}
#cdp li h3 {
  font-size: 14px;
}
#cdp .cdp-item {
  width: 19.9%;
  padding: 0 10px;
  border-left: 1px solid #777;
  float: left;
}
#cdp .cdp-item:first-child {
  width: 18.5%;
  border-left: none;
  padding-left: 0;
}
#cdp .cdp-item p {
  min-height: 200px;
  margin-bottom: 10px;
}
@media only print, only screen and (max-width: 767px) {
  #cdp .cdp-item {
    width: 143px;
    padding-bottom: 10px;
    border-bottom: 1px solid #777;
    margin-bottom: 10px;
  }
  #cdp .cdp-item:first-child {
    width: 144px;
  }
}
@media only print, only screen and (max-width: 479px) {
  #cdp .cdp-item:nth-child(odd) {
    clear: left;
  }
}
.left-side .cdp-blue-box:hover,
.left-side .cdp-gray-blue-box:hover,
.left-side .cdp-gray-box:hover,
.left-side .cdp-gray-purple-box:hover,
.left-side .cdp-purple-box:hover,
.left-side .cdp-red-box:hover {
  text-decoration: none;
}
.cdp-blue-box,
.cdp-gray-blue-box,
.cdp-gray-box,
.cdp-gray-purple-box,
.cdp-purple-box,
.cdp-red-box {
  display: block;
  width: 125px;
  height: 98px;
  padding: 10px;
  text-align: center;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center 0;
}
.cdp-num {
  padding: 8px 0;
  font-size: 32px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
}
.cdp-blue-box {
  background-image: url("../img/pipeline/box-1.jpg");
}
.cdp-blue-box .cdp-num {
  color: #6ba5c2;
}
.cdp-gray-blue-box {
  background-image: url("../img/pipeline/box-2.jpg");
}
.cdp-gray-blue-box .cdp-num {
  color: #899ead;
}
.cdp-gray-box {
  background-image: url("../img/pipeline/box-3.jpg");
}
.cdp-gray-box .cdp-num {
  color: #a7a9ac;
}
.cdp-gray-purple-box {
  background-image: url("../img/pipeline/box-4.jpg");
}
.cdp-gray-purple-box .cdp-num {
  color: #a7a9ac;
}
.cdp-purple-box {
  background-image: url("../img/pipeline/box-5.jpg");
}
.cdp-purple-box .cdp-num {
  color: #b191a4;
  padding-top: 30px;
}
.cdp-red-box {
  width: 252px;
  margin: 0 auto 20px;
  background-image: url("../img/pipeline/box-6.jpg");
}
.cdp-red-box .cdp-num {
  float: left;
  padding: 5px 26px;
}
.cdp-red-box .cdp-num:hover {
  float: left;
  text-decoration: none;
}
.cdp-red-box .molecules1 {
  width: 96px;
  padding-right: 0;
  float: left;
  line-height: 1.3;
}
.cdp-red-box .molecules2 {
  width: 96px;
  padding-left: 0;
  float: right;
  line-height: 1.3;
}
/* pipeline buttons */
.cdp-blue-box-1,
.cdp-blue-box-2,
.cdp-blue-box-3,
.cdp-blue-box-4,
.cdp-blue-box-5 {
  position: relative;
  display: block;
  width: 105px;
  height: 100px;
  overflow: hidden;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: center 0;
}
.cdp-blue-box-1 {
  background-image: url("../img/pipeline/phase1.png");
}
.cdp-blue-box-2 {
  background-image: url("../img/pipeline/phase2.png");
}
.cdp-blue-box-3 {
  background-image: url("../img/pipeline/phase3.png");
}
.cdp-blue-box-4 {
  background-image: url("../img/pipeline/RegulatoryReview.png");
}
.cdp-blue-box-5 {
  background-image: url("../img/pipeline/NILEX.PNG");
}
.cdp-gray-num {
  position: absolute;
  top: -2px;
  right: 3px;
  line-height: 55px;
  text-align: right;
  vertical-align: top;
  font-size: 55px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: #aaa;
}
/* Executives */
.execs-accordion {
  max-width: 695px;
  padding-bottom: 10px;
}
.execs-accordion::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
.executive {
  float: left;
  display: block;
  width: 100%;
  max-width: 695px;
  margin: 0 0 10px 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 16px;
  background: #d1d1d1 url("../img/executive-repeat.gif") repeat-y 0 0;
  background-size: 100% auto;
}
.executive .executive-left {
  float: left;
  width: 23.74101%;
}
.executive .executive-left img {
  padding: 10px;
}
.executive .executive-right {
  float: left;
  width: 76.25899%;
  padding: 10px 20px 10px 10px;
}
.executive .executive-right h2 {
  color: #d52b1e;
  margin: 0;
  padding: 0;
}
.executive .executive-right h2 a:hover {
  border: none;
}
.executive .executive-right h3 {
  color: #555;
  max-width: 490px;
}
.executive .executive-right h4 {
  max-width: 490px;
  font-size: 17px;
  color: #d52b1e;
}
.executive a.read-more {
  float: right;
  display: block;
  width: 90px;
  margin: 30px 10px 10px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  color: white;
  background: #d52b1e;
}
.executive a.read-more:hover {
  border: none;
  text-decoration: none;
  color: #ccc;
}
.executive a.print-bio {
  display: block;
  float: right;
  width: 90px;
  margin: 30px 10px 10px;
  padding: 5px;
  text-decoration: none;
  text-transform: lowercase;
  text-align: center;
  background: #d52b1e;
  color: white;
}
.executive a.print-bio:hover {
  border: none;
  text-decoration: none;
  color: #ccc;
}
@media only print, only screen and (max-width: 379px) {
  .executive a.read-more,
  .executive a.print-bio {
    margin-left: 0;
  }
}
.pane {
  display: none;
  padding: 0 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  background-color: #d1d1d1;
}
.pane p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 11pt;
}
/* Board of Directors */
#board-legend {
  position: absolute;
  top: 0;
  width: 695px;
  height: 50px;
  margin: 0 0 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-weight: bold;
  font-size: 8pt;
  text-align: center;
  text-transform: uppercase;
  color: #797979;
  background-color: #ccc;
}
#board-legend.fixed {
  position: fixed;
  top: 0;
}
@media only print, only screen and (max-width: 779px) {
  #board-legend {
    width: 100%;
    max-width: 695px;
  }
}
@media only print, only screen and (max-width: 744px) {
  #board-legend {
    font-size: 8px;
    color: black;
  }
  #board-legend > div {
    overflow: hidden;
  }
}
.board-accordion {
  max-width: 695px;
  margin: 0 0 10px;
  padding-top: 60px;
}
.board-accordion::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
.board {
  float: left;
  display: block;
  width: 100%;
  max-width: 695px;
  margin: 0 0 10px 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 16px;
  background: #d1d1d1 url("../img/board-repeat.gif") repeat-y 0 0;
  background-size: 100% auto;
}
.board .board-left {
  float: left;
  width: 23.74101%;
  padding: 10px;
}
.board .board-right {
  float: left;
  width: 76.25899%;
  padding: 0;
}
.board .board-right h2 {
  padding: 10px 0 0 10px;
  color: #d52b1e;
}
.board .board-right h2 a:hover {
  border: none;
}
.board .board-right h3 {
  max-width: 500px;
  padding: 5px 0 0 10px;
  color: #505050;
}
.board .board-right h4 {
  padding: 5px 0 0 10px;
  font-style: italic;
}
.board .board-right h5 {
  font-size: 17px;
  color: #d52b1e;
  max-width: 490px;
  padding: 5px 0 0 10px;
  text-transform: none;
}
.board .board-right a.read-more {
  display: block;
  float: right;
  width: 90px;
  margin: 0 10px 10px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: lowercase;
  color: white;
  background: #d52b1e;
}
.board .board-right a.read-more:hover {
  border: none;
  text-decoration: none;
  color: #c8c8c8;
}
.legend-key {
  width: 100%;
  height: 50px;
  overflow: hidden;
}
.one,
.two,
.board-right .two,
.three,
.board-right .three,
.four,
.board-right .four,
.five,
.board-right .five,
.six,
.board-right .six,
.seven,
.board-right .seven,
.eight,
.board-right .eight {
  float: left;
  height: 51px;
  line-height: 50px;
  border-bottom: 1px solid #bfbfbf;
  background-color: #d1d1d1;
  background-repeat: no-repeat;
}
.two,
.board-right .two,
.four,
.board-right .four,
.six,
.board-right .six,
.eight,
.board-right .eight {
  border-right: 1px solid #ababab;
  background-color: #bfbfbf;
}
.one {
  width: 166px;
  border-right: 1px solid #ababab;
  background-image: url("../img/board-key.png");
}
@media only print, only screen and (max-width: 379px) {
  .one {
    background-size: 225% auto;
    background-position: left center;
  }
}
.two,
.board-right .two {
  width: 53px;
}
.three,
.board-right .three {
  width: 51px;
}
.four,
.board-right .four {
  width: 103px;
}
.five,
.board-right .five {
  width: 90px;
  overflow: visible;
  line-height: 16px;
}
.six,
.board-right .six {
  width: 58px;
}
.seven,
.board-right .seven {
  width: 84px;
  line-height: 16px;
}
.eight,
.board-right .eight {
  width: 90px;
  line-height: 24px;
}
@media only print, only screen and (max-width: 779px) {
  .one {
    width: 23.88489%;
  }
  .two {
    width: 7.6259%;
  }
  .board-right .two {
    width: 10%;
  }
  .three {
    width: 7.33813%;
  }
  .board-right .three {
    width: 9.62264%;
  }
  .four {
    width: 14.82014%;
  }
  .board-right .four {
    width: 19.43396%;
  }
  .five {
    width: 12.94964%;
  }
  .board-right .five {
    width: 16.98113%;
  }
  .six {
    width: 8.34532%;
  }
  .board-right .six {
    width: 10.9434%;
  }
  .seven {
    width: 12.08633%;
  }
  .board-right .seven {
    width: 15.84906%;
  }
  .eight {
    width: 12.94964%;
  }
  .board-right .eight {
    width: 16.98113%;
  }
}
.chair {
  background: url("../img/board-chair.png") center no-repeat;
}
.member {
  background: url("../img/board-member.png") center no-repeat;
}
@media only print, only screen and (max-width: 379px) {
  .chair,
  .member {
    background-size: 18px 18px;
  }
}
/* Key Facts */
.keyfact {
  float: left;
  width: 350px;
  height: 530px;
  margin: 0 5px 10px;
  padding: 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: #666;
  background-color: white;
}
.keyfact h2 {
  margin: 10px 0;
  color: #666;
}
.keyfact img {
  clear: right;
  background-color: white;
}
.keyfact .right-col,
.keyfact .left-col {
  margin-top: 20px;
}
.keyfact .right-col h2 {
  text-transform: uppercase;
  font-size: 20pt;
}
.keyfact .right-col strong {
  text-transform: uppercase;
}
@media only print, only screen and (max-width: 769px) {
  .keyfact {
    float: none;
    height: auto;
    margin-right: 0;
    margin-left: 0;
  }
}
@media only print, only screen and (max-width: 399px) {
  .keyfact {
    width: auto;
  }
}
.keyfact p,
.keyfact p strong,
.keyfact-last p,
.keyfact-last p strong {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: #666;
}
.keyfact ul,
.keyfact ul li,
.keyfact a,
.keyfact-last ul,
.keyfact-last ul li,
.keyfact-last a {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
.keyfact ul li,
.keyfact-last ul li {
  list-style-type: disc;
}
.keyfact-last {
  float: left;
  width: 720px;
  margin: 0 0 30px 4px;
  padding: 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: #666;
  background-color: white;
}
.keyfact-last img {
  padding-right: 30px;
  padding-bottom: 150px;
}
@media only print, only screen and (max-width: 769px) {
  .keyfact-last {
    margin-left: 0;
  }
}
/* Global Business Units */
.global-business-wrapper {
  width: 720px;
  margin-bottom: 10px;
  padding: 10px;
  background: white;
}
.global-business-left {
  float: left;
}
.global-business-left a {
  border: 4px solid #ccc;
  display: block;
}
.global-business-left a:hover {
  border: 4px solid #666;
}
.global-business-left img {
  width: 223px;
  height: 110px;
}
.global-business-right {
  float: left;
  width: 440px;
  margin-left: 10px;
}
.global-business-right h2 {
  color: #d52b1e;
}
.global-business-right p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
/* Transparency */
.transparency-fact {
  float: left;
  width: 355px;
  height: 650px;
  margin: 0 5px 10px;
  overflow: hidden;
  padding: 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: #666;
  background-color: white;
}
.transparency-fact h2 {
  margin: 10px 0;
  color: #666;
}
.transparency-fact p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  line-height: 1.4;
  color: #666;
}
.transparency-fact ul,
.transparency-fact ul li,
.transparency-fact a {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
.transparency-fact ul li {
  list-style-type: disc;
}
.transparency-fact img {
  clear: right;
  background-color: white;
}
.transparency-fact .right-col,
.transparency-fact .left-col {
  margin-top: 20px;
}
.transparency-fact .right-col h2 {
  text-transform: uppercase;
  font-size: 20pt;
}
.transparency-fact .right-col strong {
  text-transform: uppercase;
}
/* Sub Level Callouts */
.sub-callout {
  float: left;
  width: 355px;
  height: 320px;
  padding: 10px;
  margin: 0 10px 10px 0;
  background: white;
}
.sub-callout a {
  border: 4px solid #ccc;
  display: block;
}
.sub-callout a:hover {
  border: 4px solid #666;
}
.sub-callout p a {
  display: inline;
}
.sub-callout img {
  display: block;
  width: 327px;
  height: 113px;
}
.sub-callout h2 {
  margin-top: 10px;
}
.sub-callout h2 a,
.sub-callout p a,
.sub-callout h2 a:hover,
.sub-callout p a:hover {
  border: none;
}
.sub-callout p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  margin-bottom: 0;
}
.sub-callout p + p {
  margin-top: 20px;
}
.left-col .sub-callout,
.right-col .sub-callout {
  float: none;
  width: auto;
  height: auto;
  min-height: 320px;
  margin-right: 0;
}
.left-col .sub-callout img,
.right-col .sub-callout img {
  width: 100%;
  height: auto;
}
@media only print, only screen and (max-width: 479px) {
  .left-col .sub-callout,
  .right-col .sub-callout {
    min-height: 0;
  }
}
.sub-callout-long {
  float: left;
  width: 100%;
  max-width: 932px;
  margin: 0 0 10px 0;
  padding: 10px;
  background: white;
}
.wide .sub-callout-long {
  max-width: 716px;
}
.sub-callout-long a {
  float: left;
  margin-right: 10px;
  border: 4px solid #ccc;
}
.sub-callout-long a:hover {
  border: 4px solid #666;
}
.sub-callout-long a img {
  display: block;
  width: 215px;
  height: 102px;
}
.sub-callout-long h2 {
  margin-top: 10px;
}
.sub-callout-long h2 a,
.sub-callout-long p a,
.sub-callout-long h2 a:hover,
.sub-callout-long p a:hover {
  float: none;
  margin: 0;
  border: none;
}
.sub-callout-long p {
  margin: 0;
  padding: 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
@media only print, only screen and (max-width: 480px) {
  .sub-callout-long {
    float: none;
  }
  .sub-callout-long a {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .sub-callout-long h2 {
    clear: both;
  }
}
.home-callout {
  float: left;
  width: 31.57895%;
  height: 300px;
  margin: 50px 0 10px 2.10526%;
  padding: 10px;
  background: white;
}
@media only print, only screen and (max-width: 980px) {
  .home-callout {
    height: auto;
  }
}
@media only print, only screen and (max-width: 567px) {
  .home-callout {
    width: 100%;
    margin: 10px 0 10px;
  }
}
.home-callout:first-child {
  margin: 50px 0 10px 0;
}
.home-callout a {
  display: block;
  border: 4px solid #ccc;
}
.home-callout a:hover {
  border: 4px solid #666;
}
.home-callout img {
  display: block;
  width: 100%;
  height: 113px;
}
@media only print, only screen and (max-width: 980px) {
  .home-callout img {
    height: auto;
  }
}
.home-callout h2 {
  margin-top: 10px;
}
.home-callout h2 a,
.home-callout p a,
.home-callout h2 a:hover,
.home-callout p a:hover {
  border: none;
}
.home-callout p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
/* Data Dashboard */
#dashboard {
  position: relative;
  width: 720px;
  height: auto;
  margin: 0;
  padding: 0 0 20px 0;
  border: 0;
  overflow: hidden;
  background-color: #eef3f3;
}
#dashboard-wrapper {
  width: 720px;
  height: auto;
  margin: 15px 0 0 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}
#dashboard-wrapper #dashboard-wrapper .bulb {
  position: absolute;
  top: 45px;
  left: 275px;
  width: 145px;
  height: 219px;
}
.dashItem {
  display: none;
  position: relative;
}
.dashNavItem {
  text-indent: -999px;
  float: left;
}
#financial,
#philanthropy,
#workplace,
#environmental {
  display: block;
  height: 96px;
  padding: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center top;
}
#financial {
  width: 82px;
  margin: 0 85px 0 25px;
  background-image: url("../img/dashboard/nav_financial_off.gif");
}
#philanthropy {
  width: 111px;
  margin: 0 84px 0 0;
  background-image: url("../img/dashboard/nav_philanthropy_off.gif");
}
#workplace {
  width: 88px;
  margin: 0 77px 0 0;
  background-image: url("../img/dashboard/nav_workplace_off.gif");
}
#environmental {
  width: 122px;
  margin: 0;
  background-image: url("../img/dashboard/nav_environmental_off.gif");
}
#financial:hover {
  background-image: url("../img/dashboard/nav_financial_on.gif");
}
#philanthropy:hover {
  background-image: url("../img/dashboard/nav_philanthropy_on.gif");
}
#workplace:hover {
  background-image: url("../img/dashboard/nav_workplace_on.gif");
}
#environmental:hover {
  background-image: url("../img/dashboard/nav_environmental_on.gif");
}
#financial.current,
#financial:hover.current {
  background-image: url("../img/dashboard/nav_financial_at.gif");
}
#philanthropy.current,
#philanthropy:hover.current {
  background-image: url("../img/dashboard/nav_philanthropy_at.gif");
}
#workplace.current,
#workplace:hover.current {
  background-image: url("../img/dashboard/nav_workplace_at.gif");
}
#environmental.current,
#environmental:hover.current {
  background-image: url("../img/dashboard/nav_environmental_at.gif");
}
/* Products Tables */
table.products-table {
  width: 720px;
  border: none;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: #222;
}
table.products-table td {
  padding: 6px;
  border: none;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 16px;
  background-color: white;
}
table.products-table tr.products-table-header td {
  padding-bottom: 0;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  background-color: #666;
  text-transform: uppercase;
  font-size: 24px;
  color: white;
}
table.products-table td a.external div.pdf-link {
  display: inline-block;
  height: 15px;
  width: 26px;
  margin: 0;
  padding: 0 0 0 15px;
  background: url("../img/pdf-link.gif") no-repeat;
}
table.products-table .col1 {
  width: 38.05556%;
}
table.products-table .col2 {
  width: 28.75%;
}
table.products-table .col3 {
  width: 33.19444%;
}
.right-nav ul li a,
.right-nav ul li a.external {
  display: block;
  padding: 0 0 5px 0;
}
/* Sitemap */
.level-section #header {
  background: none;
  border: none;
}
.level-section #header a {
  color: #d52b1e;
}
.level-header {
  padding-left: 10px;
}
.level-item-pos,
.level-item,
.level-bullet {
  padding-left: 20px;
  background: none;
}
/* Login */
#btnYes,
#btnNo {
  margin: 20px 0 0 100px;
  padding: 5px 10px;
  border: none;
  font-weight: bold;
  text-decoration: none;
  color: white;
  background: #d52b1e;
  cursor: pointer;
}
#btnYes:hover,
#btnNo:hover {
  color: #999;
}
.connecting-outer {
  padding: 10px 10px 0;
  overflow: hidden;
  background: white;
}
#body-content .right-nav .right-callout .connecting-outer p {
  font-size: 14px;
}
#body-content .right-nav .right-callout .connecting-outer p a {
  color: #d52b1e;
  text-decoration: none;
}
#body-content .right-nav .right-callout .connecting-outer p a:hover {
  text-decoration: underline;
}
/* Global Day of Service */
#gds {
  width: 730px;
  padding-bottom: 20px;
  overflow: hidden;
}
#gds img {
  float: left;
  overflow: hidden;
  border: 1px solid white;
}
#gds .item-wrap {
  float: left;
  width: 260px;
  height: 440px;
  overflow: hidden;
  clear: both;
}
#gds .item-wrap-2 {
  float: left;
  width: 260px;
  height: 440px;
  overflow: hidden;
}
#gds .item-wrap-sm {
  float: left;
  width: 260px;
  height: 220px;
  overflow: hidden;
}
#gds .item-wrap-sm img {
  height: 218px;
  width: 128px;
}
#gds .red {
  float: left;
  width: 194px;
  height: 440px;
  padding: 20px 20px 0 20px;
  border: 1px solid white;
  overflow: hidden;
  color: white;
  background-color: #d52b1e;
}
#gds .red h2 {
  margin-top: 20px;
  text-transform: uppercase;
  color: white;
  font-size: 28px;
}
#gds .red p {
  margin-top: 20px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  color: white;
}
#gds .lastimg {
  margin-left: 1px;
}
/* Lilly in the Workplace */
#wp {
  width: 730px;
  height: 550px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  clear: both;
  font-family: Times, "Times New Roman", Georgia, serif;
}
#wp .img-wrapper {
  position: relative;
  z-index: 10;
  border: 1px solid white;
  background: white;
  overflow: hidden;
}
#wp img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#wp .item-wrap {
  float: left;
  width: 284px;
  height: 284px;
}
#wp .wp-item {
  float: left;
  position: relative;
}
#wp .wp-item a {
  clear: both;
  text-transform: uppercase;
}
#wp .wp-item h2 {
  padding-bottom: 20px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 28px;
  line-height: 1.2;
}
#wp .wp-item .item-tip {
  position: absolute;
  z-index: 1;
  height: 284px;
  width: 284px;
  padding: 20px;
  overflow: hidden;
  background: white;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#wp .wp-item:hover .img-wrapper {
  z-index: 20;
}
#wp .wp-item:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
#wp .wp-item:hover .item-tip {
  z-index: 15;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#wp .item-portrait {
  height: 284px;
  width: 142px;
}
#wp .item-portrait .img-wrapper {
  height: 284px;
  width: 142px;
}
#wp .item-portrait .item-tip {
  width: 142px;
}
#wp .item-portrait .item-tip h2 {
  width: 244px;
}
#wp .item-portrait:hover .item-tip {
  width: 284px;
}
#wp .item-landscape {
  height: 142px;
  width: 284px;
}
#wp .item-landscape .img-wrapper {
  height: 142px;
  width: 284px;
}
#wp .item-landscape .item-tip {
  height: 142px;
}
#wp .item-landscape:hover .item-tip {
  height: 284px;
}
#item1-tip,
#item2-tip,
#item8-tip {
  left: 142px;
  top: 0;
  -webkit-transform: translate(-142px, 0);
  -ms-transform: translate(-142px, 0);
  -o-transform: translate(-142px, 0);
  transform: translate(-142px, 0);
}
#item3-tip,
#item4-tip,
#item5-tip {
  right: 142px;
  top: 0;
  -webkit-transform: translate(142px, 0);
  -ms-transform: translate(142px, 0);
  -o-transform: translate(142px, 0);
  transform: translate(142px, 0);
}
#item6-tip,
#item7-tip,
#item9-tip,
#item10-tip {
  left: 0;
  bottom: 142px;
  -webkit-transform: translate(0, 142px);
  -ms-transform: translate(0, 142px);
  -o-transform: translate(0, 142px);
  transform: translate(0, 142px);
}
@media only print, only screen and (max-width: 779px) {
  #wp {
    width: 100%;
    height: auto;
  }
  #wp::after {
    content: '';
    display: table;
    clear: both;
    /* https://css-tricks.com/snippets/css/clear-fix/ */
  }
}
@media only print, only screen and (max-width: 759px) {
  #item5-tip {
    right: auto;
    left: 142px;
    -webkit-transform: translate(-142px, 0);
    -ms-transform: translate(-142px, 0);
    -o-transform: translate(-142px, 0);
    transform: translate(-142px, 0);
  }
  #item8-tip {
    left: auto;
    right: 142px;
    -webkit-transform: translate(142px, 0);
    -ms-transform: translate(142px, 0);
    -o-transform: translate(142px, 0);
    transform: translate(142px, 0);
  }
}
@media only print, only screen and (max-width: 617px) {
  #wp .wp-item {
    float: none;
  }
  #wp .item-landscape:hover .item-tip {
    height: 142px;
  }
  #wp .item-landscape:hover #item10-tip {
    height: 178px;
  }
  #item3-tip,
  #item4-tip,
  #item8-tip {
    right: auto;
    left: 142px;
    -webkit-transform: translate(-142px, 0);
    -ms-transform: translate(-142px, 0);
    -o-transform: translate(-142px, 0);
    transform: translate(-142px, 0);
  }
}
@media only print, only screen and (max-width: 475px) {
  #wp .item-portrait:hover .item-tip {
    z-index: 25;
    left: 0;
  }
}
/* Quote/Fluid Text Colors */
.quote-top-purple,
.quote-top-red,
.quote-top-green,
.quote-top-blue,
.quote-top-orange,
.quote-bottom-purple,
.quote-bottom-red,
.quote-bottom-green,
.quote-bottom-blue,
.quote-bottom-orange {
  position: absolute;
  z-index: 20;
  height: 10px;
  width: 10px;
  background-repeat: no-repeat;
}
.quote-top-purple,
.quote-top-red,
.quote-top-green,
.quote-top-blue,
.quote-top-orange {
  top: 0;
  left: 0;
  background-position: left top;
}
.quote-top-purple {
  background-image: url("../img/quote-top-purple.png");
}
.quote-top-red {
  background-image: url("../img/quote-top-red.png");
}
.quote-top-green {
  background-image: url("../img/quote-top-green.png");
}
.quote-top-blue {
  background-image: url("../img/quote-top-blue.png");
}
.quote-top-orange {
  background-image: url("../img/quote-top-orange.png");
}
.quote-bottom-purple,
.quote-bottom-red,
.quote-bottom-green,
.quote-bottom-blue,
.quote-bottom-orange {
  bottom: 10px;
  right: 0;
  background-position: bottom right;
}
.quote-bottom-purple {
  background-image: url("../img/quote-bottom-purple.png");
}
.quote-bottom-red {
  background-image: url("../img/quote-bottom-red.png");
}
.quote-bottom-green {
  background-image: url("../img/quote-bottom-green.png");
}
.quote-bottom-blue {
  background-image: url("../img/quote-bottom-blue.png");
}
.quote-bottom-orange {
  background-image: url("../img/quote-bottom-orange.png");
}
.quote-purple,
.quote-red,
.quote-green,
.quote-blue,
.quote-orange {
  width: 340px;
  padding: 20px;
  margin: 0 0 20px 10px;
  overflow: hidden;
  color: white;
}
@media only print, only screen and (max-width: 399px) {
  .quote-purple,
  .quote-red,
  .quote-green,
  .quote-blue,
  .quote-orange {
    width: 100%;
  }
}
.quote-purple {
  background: #9B6198;
  -webkit-box-shadow: -10px 10px 0 #743471;
  box-shadow: -10px 10px 0 #743471;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color='#743471', offX='-10', offY='10');
}
.quote-red {
  background: #d52b1e;
  -webkit-box-shadow: -10px 10px 0 #9d0202;
  box-shadow: -10px 10px 0 #9d0202;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color='#9d0202', offX='-10', offY='10');
}
.quote-green {
  background: #bcc832;
  -webkit-box-shadow: -10px 10px 0 #549647;
  box-shadow: -10px 10px 0 #549647;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color='#549647', offX='-10', offY='10');
}
.quote-blue {
  background: #7dc2e4;
  -webkit-box-shadow: -10px 10px 0 #518daa;
  box-shadow: -10px 10px 0 #518daa;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color='#518daa', offX='-10', offY='10');
}
.quote-orange {
  background: #ff6d22;
  -webkit-box-shadow: -10px 10px 0 #c8541d;
  box-shadow: -10px 10px 0 #c8541d;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color='#c8541d', offX='-10', offY='10');
}
/* fluid general text */
/* white login text */
.fluid-text-top,
.white-text-top {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 20;
  height: 10px;
  width: 10px;
  margin: 0;
  background: url("../img/fluid-text-top.png") no-repeat top left;
}
.white-text-top {
  left: 0;
}
.fluid-text-bottom,
.white-text-bottom {
  position: absolute;
  bottom: 10px;
  right: 20px;
  height: 10px;
  width: 10px;
  background: url("../img/fluid-text-bottom.png") no-repeat bottom right;
}
.white-text-bottom {
  right: 0;
}
.fluid-text,
.white-text {
  padding: 20px 20px 0;
  border-top: 5px solid #777;
  border-right: 5px solid #777;
  margin: 0 20px 20px 20px;
  overflow: hidden;
  -webkit-box-shadow: -10px 10px 0 #777;
  box-shadow: -10px 10px 0 #777;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color='#777777', offX='-10', offY='10');
  zoom: 1;
  background: #aaa;
}
.white-text {
  padding: 10px 10px 0;
  border: 0 none;
  margin: 0 0 20px 10px;
}
.quote-purple p,
.quote-red p,
.quote-green p,
.quote-blue p,
.quote-orange p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 18px;
  color: white;
}
.quote-author {
  text-align: right;
}
.quote-author h4 {
  font-size: 18px;
  font-weight: normal;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: white;
}
.quote-author h5 {
  padding-bottom: 20px;
  font-size: 12px;
  font-weight: normal;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
.quote-author-left {
  text-align: left;
}
.quote-author-left h4 {
  font-size: 18px;
  font-weight: normal;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: white;
}
.quote-author-left h5 {
  padding-bottom: 20px;
  font-size: 12px;
  font-weight: normal;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
.white-text a {
  display: block;
  padding: 5px 0;
}
.fluid-text p,
.fluid-text ul li,
.fluid-text ol li,
.white-text p,
.white-text ul li,
.white-text ol li {
  color: white;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
.fluid-text h2,
.fluid-text h3,
.fluid-text h4,
.fluid-text h2,
.fluid-text h3,
.fluid-text h4,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h2,
.white-text h3,
.white-text h4 {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: white;
}
.fluid-text a,
.white-text a {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-decoration: none;
  color: #d52b1e;
}
.fluid-text a:hover,
.white-text a:hover {
  border: none;
  text-decoration: underline;
  background: white;
}
#content .fluid-text ul li,
#content .fluid-text ol li,
#content .white-text ul li,
#content .white-text ol li {
  margin-left: 20px;
}
.white-text p,
.white-text ul li,
.white-text ol li {
  font-size: 14px;
}
.excerpt-wrap {
  float: right;
  position: relative;
}
.facts {
  padding: 20px 10px 0;
  border-top: 1px solid #797979;
  border-bottom: 1px solid #797979;
  margin-bottom: 10px;
  overflow: hidden;
}
.facts p {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
.arrow {
  display: inline-block;
  font-size: 17px;
  vertical-align: middle;
}
table.stats td {
  padding: 5px 0;
}
table.stats tr {
  border-top: 1px solid #777;
}
/* Lilly Lifecycle */
#block-1 .lifecycle {
  background: url("../img/lifecycle/bg_lifecycle.jpg") no-repeat;
}
.lifecycle {
  position: relative;
  width: 720px;
  height: 590px;
  padding: 0;
  border: 0;
  margin: 0 0 20px;
  overflow: hidden;
  background: url("../img/lifecycle/bg_lifecycle_sub.jpg") no-repeat;
}
.lifecycle .primary {
  width: 720px;
  height: 55px;
  padding: 22px 25px 0 25px;
  margin: 0;
  font-weight: normal;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
  color: #549647;
  cursor: pointer;
}
.lifecycle .secondary {
  width: 720px;
  height: 496px;
  margin: 0;
  padding: 0 25px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: white;
  overflow: hidden;
}
.lifecycle .secondary p {
  clear: both;
  margin: 0 0 8px 0;
  padding: 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: white;
}
.lifecycle .secondary p a {
  position: relative;
  display: inline;
}
.lifecycle .secondary .area1 {
  float: left;
  width: 285px;
  height: auto;
  padding: 0;
  margin: -10px 0 0 -25px;
}
.lifecycle .secondary .area1 a {
  text-decoration: none;
  outline: none;
}
.lifecycle .secondary .area1 a:link, .lifecycle .secondary .area1 a:visited {
  color: #666;
}
.lifecycle .secondary .area1 a:hover, .lifecycle .secondary .area1 a:active {
  color: white;
}
.lifecycle .secondary .area1 #more {
  margin: 10px 0 0 28px;
  padding: 0;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 11px;
  line-height: 13px;
  color: #666;
}
.lifecycle .secondary .area2 {
  float: left;
  width: 410px;
  height: auto;
  margin: 0;
  padding: 0;
}
.lifecycle .secondary .area2 a {
  text-decoration: none;
  outline: none;
}
.lifecycle .secondary .area2 a:link, .lifecycle .secondary .area2 a:visited {
  color: white;
}
.lifecycle .secondary .area2 a:hover, .lifecycle .secondary .area2 a:active {
  color: #666;
}
.lifecycle .secondary .area2 .zone1 {
  width: 414px;
  margin: 0;
  padding: 0;
}
.lifecycle .secondary .area2 .zone1 .box1 {
  float: left;
  width: 295px;
  margin: 78px 0 18px 0;
  padding: 0;
  overflow: hidden;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
  color: white;
}
.lifecycle .secondary .area2 .zone1 .box2 {
  float: right;
  width: 119px;
  margin: 30px 0 0 0;
  padding: 0;
  overflow: hidden;
}
.lifecycle .secondary .area2 #next {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: white;
}
.lifecycle .secondary #intro {
  width: 400px;
  height: 86px;
  padding: 0;
  margin: 18px 0 0 0;
}
.lifecycle .secondary a {
  display: block;
  position: absolute;
  z-index: 0;
  width: 162px;
  height: 181px;
}
.lifecycle .secondary .square-footage {
  width: 300px;
  margin: 75px 0 0;
  padding: 0;
  font-size: 11px;
  line-height: 13px;
}
.lifecycle .secondary #step1 a {
  top: 152px;
  margin: 0 0 0 -25px;
  background: url("../img/lifecycle/btn_rnd_off.png");
}
.lifecycle .secondary #step1 a:hover, .lifecycle .secondary #step1 a:focus {
  z-index: 9995;
  background: url("../img/lifecycle/btn_rnd_on.png");
}
.lifecycle .secondary #step2 a {
  top: 363px;
  margin: 0 0 0 55px;
  background: url("../img/lifecycle/btn_mnr_off.png");
}
.lifecycle .secondary #step2 a:hover, .lifecycle .secondary #step2 a:focus {
  z-index: 9995;
  background: url("../img/lifecycle/btn_mnr_on.png");
}
.lifecycle .secondary #step3 a {
  top: 193px;
  margin: 0 0 0 163px;
  background: url("../img/lifecycle/btn_man_off.png");
}
.lifecycle .secondary #step3 a:hover, .lifecycle .secondary #step3 a:focus {
  z-index: 9995;
  background: url("../img/lifecycle/btn_man_on.png");
}
.lifecycle .secondary #step4 a {
  top: 348px;
  margin: 0 0 0 292px;
  background: url("../img/lifecycle/btn_snm_off.png");
}
.lifecycle .secondary #step4 a:hover, .lifecycle .secondary #step4 a:focus {
  z-index: 9995;
  background: url("../img/lifecycle/btn_snm_on.png");
}
.lifecycle .secondary #step5 a {
  top: 108px;
  margin: 0 0 0 371px;
  background: url("../img/lifecycle/btn_ptp_off.png");
}
.lifecycle .secondary #step5 a:hover, .lifecycle .secondary #step5 a:focus {
  z-index: 9995;
  background: url("../img/lifecycle/btn_ptp_on.png");
}
.lifecycle .secondary #step6 a {
  top: 198px;
  margin: 0 0 0 532px;
  background: url("../img/lifecycle/btn_pu_off.png");
}
.lifecycle .secondary #step6 a:hover, .lifecycle .secondary #step6 a:focus {
  z-index: 9995;
  background: url("../img/lifecycle/btn_pu_on.png");
}
.lifecycle .secondary #step7 a {
  top: 384px;
  margin: 0 0 0 532px;
  background: url("../img/lifecycle/btn_peol_off.png");
}
.lifecycle .secondary #step7 a:hover, .lifecycle .secondary #step7 a:focus {
  z-index: 9995;
  background: url("../img/lifecycle/btn_peol_on.png");
}
.lifecycle #tertiary {
  clear: both;
  width: 510px;
  height: 42px;
  padding: 17px 0 0 200px;
  margin: 0;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  color: white;
}
.lifecycle sup {
  position: relative;
  height: 0;
  font-size: 8px;
  line-height: 1;
  vertical-align: top;
}
/* Quote Cloud */
#quote-wrapper {
  float: left;
  height: 578px;
  width: 730px;
  background: url("../img/quotecloud/quote-background.gif") no-repeat;
}
#quote-wrapper div {
  color: white;
}
#quote-wrapper .cloud-a {
  float: left;
  width: 216px;
  height: 143px;
}
#quote-wrapper .cloud-b {
  float: left;
  width: 216px;
  height: 143px;
}
#quote-wrapper .cloud-c {
  float: left;
  width: 288px;
  height: 143px;
}
#quote-wrapper .cloud-d {
  float: left;
  width: 72px;
  height: 143px;
}
#quote-wrapper .cloud-e {
  float: left;
  width: 288px;
  height: 143px;
}
#quote-wrapper .cloud-f {
  float: left;
  width: 144px;
  height: 143px;
}
#quote-wrapper .cloud-g {
  float: left;
  width: 216px;
  height: 71px;
}
#quote-wrapper .cloud-h {
  float: left;
  width: 216px;
  height: 71px;
}
#quote-wrapper .cloud-i {
  float: left;
  width: 216px;
  height: 143px;
}
#quote-wrapper .cloud-j {
  float: left;
  width: 72px;
  height: 143px;
}
#quote-wrapper .cloud-k {
  float: left;
  width: 216px;
  height: 143px;
}
#quote-wrapper .cloud-l {
  float: left;
  width: 216px;
  height: 71px;
}
#quote-wrapper .cloud-m {
  float: left;
  width: 216px;
  height: 71px;
}
#quote-wrapper .cloud-n {
  float: left;
  width: 144px;
  height: 71px;
}
#quote-wrapper .cloud-o {
  float: left;
  width: 144px;
  height: 71px;
}
#quote-wrapper .cloud-p {
  float: left;
  width: 72px;
  height: 143px;
}
#quote-wrapper .cloud-q {
  float: left;
  width: 288px;
  height: 143px;
}
#quote-wrapper .cloud-r {
  float: left;
  width: 216px;
  height: 71px;
}
#quote-wrapper .cloud-s {
  float: left;
  width: 216px;
  height: 71px;
}
#quote-wrapper .cloud-wrap {
  float: left;
  width: 144px;
  height: 143px;
  margin: 0;
  padding: 0;
}
#quote-wrapper .cloud-a-tip,
#quote-wrapper .cloud-b-tip,
#quote-wrapper .cloud-c-tip,
#quote-wrapper .cloud-e-tip,
#quote-wrapper .cloud-g-tip,
#quote-wrapper .cloud-i-tip,
#quote-wrapper .cloud-k-tip,
#quote-wrapper .cloud-l-tip,
#quote-wrapper .cloud-n-tip,
#quote-wrapper .cloud-q-tip,
#quote-wrapper .cloud-r-tip {
  display: none;
  position: absolute;
  z-index: 9995;
  zoom: 1;
  background-repeat: no-repeat;
}
#quote-wrapper .cloud-a-tip {
  left: 5px;
  width: 364px;
  height: 285px;
  background-image: url("../img/quotecloud/quality.png");
}
#quote-wrapper .cloud-b-tip {
  left: 216px;
  width: 290px;
  height: 265px;
  background-image: url("../img/quotecloud/pride.png");
}
#quote-wrapper .cloud-c-tip {
  left: 423px;
  width: 305px;
  height: 259px;
  background-image: url("../img/quotecloud/meaningful.png");
}
#quote-wrapper .cloud-e-tip {
  left: 28px;
  top: 290px;
  width: 436px;
  height: 285px;
  background-image: url("../img/quotecloud/motivate.png");
}
#quote-wrapper .cloud-g-tip {
  left: 360px;
  top: 260px;
  width: 369px;
  height: 272px;
  background-image: url("../img/quotecloud/better-life.png");
}
#quote-wrapper .cloud-i-tip {
  top: 456px;
  left: 4px;
  width: 289px;
  height: 229px;
  background-image: url("../img/quotecloud/innovation.png");
}
#quote-wrapper .cloud-k-tip {
  left: 213px;
  top: 426px;
  width: 368px;
  height: 292px;
  background-image: url("../img/quotecloud/impact.png");
}
#quote-wrapper .cloud-l-tip {
  left: 358px;
  top: 400px;
  width: 365px;
  height: 278px;
  background-image: url("../img/quotecloud/hope.png");
}
#quote-wrapper .cloud-n-tip {
  top: 568px;
  width: 288px;
  height: 230px;
  background-image: url("../img/quotecloud/team.png");
}
#quote-wrapper .cloud-q-tip {
  left: 166px;
  top: 571px;
  width: 338px;
  height: 227px;
  background-image: url("../img/quotecloud/opportunity.png");
}
#quote-wrapper .cloud-r-tip {
  left: 435px;
  top: 544px;
  width: 295px;
  height: 258px;
  background-image: url("../img/quotecloud/something-big.png");
}
#quote-wrapper .item {
  clear: none;
  margin: 0;
}
#quote-footer {
  float: left;
  width: 718px;
  margin: 0 0 20px;
  background-color: #9B6198;
}
#quote-footer p {
  padding: 10px 10px 10px;
  margin: 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
/* Patient Education */
.patient-education-logo {
  float: left;
  padding-right: 30px;
}
.patient-education-text {
  float: left;
}
/* Medicine Development */
#med-tools-wrapper {
  width: 720px;
  height: 590px;
}
#med-tools-top {
  background: url("../img/medical-development/bg_home1.png") no-repeat left top;
  height: 390px;
  width: 720px;
  position: relative;
}
#med-tools-top h2 {
  padding: 180px 40px 0;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-transform: uppercase;
  font-size: 60px;
  color: white;
}
#med-tools-top span {
  padding-left: 40px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 12px;
  color: white;
}
.med-item span {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 12px;
  color: white;
}
.med-item a {
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: black;
}
.med-item a:hover {
  color: #549647;
  text-decoration: none;
}
#med-tools-bottom {
  height: 155px;
  width: 720px;
  background: url("../img/medical-development/bg_home2.png") no-repeat left top;
}
.number {
  width: 75px;
  float: left;
  margin-top: 0;
  margin-left: 20px;
}
.num1,
.num2,
.num3,
.num4,
.num5,
.num6,
.num7 {
  width: 74px;
  height: 74px;
  background-repeat: no-repeat;
  background-position: center top;
}
.num1 {
  background-image: url("../img/medical-development/01.png");
  margin-left: 40px;
}
.num2 {
  background-image: url("../img/medical-development/02.png");
}
.num3 {
  background-image: url("../img/medical-development/03.png");
}
.num4 {
  background-image: url("../img/medical-development/04.png");
}
.num5 {
  background-image: url("../img/medical-development/05.png");
}
.num6 {
  background-image: url("../img/medical-development/06.png");
}
.num7 {
  background-image: url("../img/medical-development/07.png");
}
.num1:hover,
.num1h {
  background-image: url("../img/medical-development/01-on.png");
}
.num2:hover,
.num2h {
  background-image: url("../img/medical-development/02-on.png");
}
.num3:hover,
.num3h {
  background-image: url("../img/medical-development/03-on.png");
}
.num4:hover,
.num4h {
  background-image: url("../img/medical-development/04-on.png");
}
.num5:hover,
.num5h {
  background-image: url("../img/medical-development/05-on.png");
}
.num6:hover,
.num6h {
  background-image: url("../img/medical-development/06-on.png");
}
.num7:hover,
.numb7h {
  background-image: url("../img/medical-development/07-on.png");
}
#med-tooltip-1,
#med-tooltip-2,
#med-tooltip-3,
#med-tooltip-4,
#med-tooltip-5,
#med-tooltip-6,
#med-tooltip-7 {
  display: none;
  position: absolute;
  top: 40px;
  left: 18px;
  width: 683px;
  height: 420px;
  padding: 20px 20px 0;
  background-repeat: no-repeat;
  background-position: 50% bottom;
}
#med-tooltip-1 p,
#med-tooltip-1 img,
#med-tooltip-1 a,
#med-tooltip-2 p,
#med-tooltip-2 img,
#med-tooltip-2 a,
#med-tooltip-3 p,
#med-tooltip-3 img,
#med-tooltip-3 a,
#med-tooltip-4 p,
#med-tooltip-4 img,
#med-tooltip-4 a,
#med-tooltip-5 p,
#med-tooltip-5 img,
#med-tooltip-5 a,
#med-tooltip-6 p,
#med-tooltip-6 img,
#med-tooltip-6 a,
#med-tooltip-7 p,
#med-tooltip-7 img,
#med-tooltip-7 a {
  padding: 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: black;
}
#med-tooltip-1 h3,
#med-tooltip-2 h3,
#med-tooltip-3 h3,
#med-tooltip-4 h3,
#med-tooltip-5 h3,
#med-tooltip-6 h3,
#med-tooltip-7 h3 {
  padding: 10px;
  font-size: 32px;
  text-transform: uppercase;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: black;
}
#med-tooltip-1 {
  background-image: url("../img/medical-development/bcap_popupbg1.png");
}
#med-tooltip-2 {
  background-image: url("../img/medical-development/bcap_popupbg2.png");
}
#med-tooltip-3 {
  background-image: url("../img/medical-development/bcap_popupbg3.png");
}
#med-tooltip-4 {
  background-image: url("../img/medical-development/bcap_popupbg4.png");
}
#med-tooltip-5 {
  background-image: url("../img/medical-development/bcap_popupbg5.png");
}
#med-tooltip-6 {
  background-image: url("../img/medical-development/bcap_popupbg6.png");
}
#med-tooltip-7 {
  background-image: url("../img/medical-development/bcap_popupbg7.png");
}
#content .footing-costs {
  padding-top: 20px;
  font-size: 12px;
  line-height: 14px;
}
.left {
  float: left;
  width: 305px;
  padding-left: 20px;
}
.right {
  float: left;
  width: 315px;
  padding-right: 30px;
}
.med-item {
  margin-top: 75px;
}
/* Health Burden Map */
#healthburden {
  position: relative;
  width: 720px;
  padding: 1px 0 0;
  border: 0;
  margin: 0 0 20px 0;
  overflow: hidden;
}
#healthburden .learn-more {
  padding-right: 17px;
  background: url("../img/burden-map/btn_learnmorearrow.png") right top no-repeat;
}
#healthburden .learn-more:hover {
  color: white;
  background-image: url("../img/burden-map/btn_learnmorearrow_on.png");
}
#healthburden a:link, #healthburden a:visited {
  color: black;
  text-decoration: none;
  outline: none;
}
#healthburden a:hover, #healthburden a:active {
  color: white;
  text-decoration: none;
  outline: none;
}
#healthburden ul.tabs {
  position: relative;
  display: block;
  height: 29px;
  margin: 0;
  padding: 0;
  background: #eef3f3;
  list-style-type: none;
}
#healthburden ul.tabs li {
  float: left;
  display: block;
  height: 29px;
}
#healthburden ul.tabs li a {
  display: block;
  height: 29px;
  overflow: hidden;
  text-align: center;
  text-indent: -9995px;
}
#healthburden ul.tabs #burden-01 a {
  width: 183px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  background: url("../img/burden-map/tab-02.gif") no-repeat 0 0;
}
#healthburden ul.tabs #burden-02 a {
  width: 187px;
  position: absolute;
  bottom: 0;
  left: 148px;
  z-index: 10;
  background: url("../img/burden-map/tab-01.gif") no-repeat -148px 0;
}
#healthburden ul.tabs a.current,
#healthburden ul.tabs a.current:hover,
#healthburden ul.tabs li.current a {
  z-index: 30;
  background: white;
}
#healthburden ul.tabs #burden-01 a.current,
#healthburden ul.tabs #burden-01 a.current:hover,
#healthburden ul.tabs #burden-01.current a {
  background: url("../img/burden-map/tab-01.gif") no-repeat 0 0;
}
#healthburden ul.tabs #burden-02 a.current,
#healthburden ul.tabs #burden-02 a.current:hover,
#healthburden ul.tabs #burden-02.current a {
  background: url("../img/burden-map/tab-02.gif") no-repeat -148px 0;
}
#healthburden .panes .single-pane {
  display: none;
}
#healthburden #healthburden .prim {
  width: 740px;
  padding: 0;
  border: 10px solid #d52b1e;
  border-left: none;
  border-right: none;
  margin: 0;
  background: transparent url("../img/burden-map/bg_map.gif") no-repeat top right;
}
#healthburden #healthburden .prim .info-column {
  position: relative;
  float: left;
  min-height: 900px;
  width: 247px;
  padding: 0 22px 0 18px;
  margin: 0;
  overflow: hidden;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 15px;
  color: white;
  background-color: #666;
}
#healthburden #healthburden .prim .info-column p {
  margin: 20px 0 25px 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
#healthburden #healthburden .prim .info-column .footnote-wrapper {
  height: 21px;
  margin: 15px 0 25px 0;
  padding: 0;
}
#healthburden #healthburden .prim .info-column .footnote-wrapper #footnote {
  margin: 0 19px 0 0;
  padding: 0;
}
#healthburden #healthburden .prim .map-column {
  float: left;
  width: 473px;
  margin: 0;
  padding: 26px 0 0 28px;
  overflow: hidden;
}
#healthburden #healthburden .prim .map-column .area1 {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 38px;
  line-height: 40px;
  color: #777;
  text-transform: uppercase;
}
#healthburden #healthburden .prim .map-column .area2 {
  margin: 17px 0 0 0;
  padding: 0 0 5px 25px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: black;
  background: url("../img/burden-map/mapdot.png") no-repeat 0 0;
}
#healthburden #healthburden .prim .map-column .area2 image {
  margin: 0 8px 0 0;
  padding: 0;
  vertical-align: -6px;
}
#healthburden #healthburden .intro {
  margin: 0 0 12px 0;
  padding: 0;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: white;
}
/* diabetes map positions */
/* tuberculosis map positions */
#dot1,
#dot2,
#dot3,
#dot4,
#dot5,
#dot6,
#dot7,
#dot8,
#dot9,
#dot10,
#dot11,
#dot12 {
  position: absolute;
  z-index: 9995;
  width: 18px;
  height: 17px;
}
#dot1 {
  top: 395px;
  margin: 0 0 0 297px;
}
#dot2 {
  top: 358px;
  margin: 0 0 0 339px;
}
#dot3 {
  top: 491px;
  margin: 0 0 0 399px;
}
#dot4 {
  top: 506px;
  margin: 0 0 0 509px;
}
#dot5 {
  top: 452px;
  margin: 0 0 0 516px;
}
#dot6 {
  top: 408px;
  margin: 0 0 0 599px;
}
#dot7 {
  top: 347px;
  margin: 0 0 0 282px;
}
#dot8 {
  top: 506px;
  margin: 0 0 0 509px;
}
#dot9 {
  top: 333px;
  margin: 0 0 0 537px;
}
#dot10 {
  top: 408px;
  margin: 0 0 0 599px;
}
#dot11 {
  top: 362px;
  margin: 0 0 0 636px;
}
#dot12 {
  top: 342px;
  margin: 0 0 0 352px;
}
#dot1_a,
#dot2_a,
#dot3_a,
#dot4_a,
#dot5_a,
#dot6_a {
  display: none;
  position: absolute;
}
#dot1_a {
  top: 404px;
  width: 391px;
  height: 198px;
  margin: 0 0 0 310px;
}
#dot2_a {
  top: 366px;
  width: 353px;
  height: 236px;
  margin: 0 0 0 348px;
}
#dot3_a {
  top: 499px;
  width: 293px;
  height: 103px;
  margin: 0 0 0 407px;
}
#dot4_a {
  top: 513px;
  width: 184px;
  height: 89px;
  margin: 0 0 0 516px;
}
#dot5_a {
  top: 462px;
  width: 175px;
  height: 140px;
  margin: 0 0 0 526px;
}
#dot6_a {
  top: 414px;
  width: 94px;
  height: 188px;
  margin: 0 0 0 608px;
}
#dot7_a {
  top: 356px;
  width: 410px;
  height: 247px;
  margin: 0 0 0 292px;
}
#dot8_a {
  top: 513px;
  width: 184px;
  height: 89px;
  margin: 0 0 0 517px;
}
#dot9_a {
  top: 343px;
  width: 152px;
  height: 264px;
  margin: 0 0 0 548px;
}
#dot10_a {
  top: 414px;
  width: 94px;
  height: 188px;
  margin: 0 0 0 608px;
}
#dot11_a {
  top: 372px;
  width: 55px;
  height: 231px;
  margin: 0 0 0 646px;
}
#dot12_a {
  top: 349px;
  width: 341px;
  height: 255px;
  margin: 0 0 0 362px;
}
#dot1_b,
#dot2_b,
#dot3_b,
#dot4_b,
#dot5_b,
#dot6_b,
#dot7_b,
#dot8_b,
#dot9_b,
#dot10_b,
#dot11_b,
#dot12_b {
  display: none;
  position: absolute;
  top: 8px;
  margin: 0 0 0 400px;
}
#dot1_c,
#dot2_c,
#dot3_c,
#dot4_c,
#dot5_c,
#dot6_c,
#dot7_c,
#dot8_c,
#dot9_c,
#dot10_c,
#dot11_c,
#dot12_c {
  display: none;
  position: absolute;
  top: 602px;
  width: 435px;
  height: auto;
  padding: 15px;
  margin: 0 0 0 269px;
  color: white;
  background: transparent url("../img/burden-map/bg_datapop.png") no-repeat bottom right;
}
#dot1_c p,
#dot2_c p,
#dot3_c p,
#dot4_c p,
#dot5_c p,
#dot6_c p,
#dot7_c p,
#dot8_c p,
#dot9_c p,
#dot10_c p,
#dot11_c p,
#dot12_c p {
  padding: 0;
  margin: 0 0 12px 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: white;
}
#dot1_c p span,
#dot2_c p span,
#dot3_c p span,
#dot4_c p span,
#dot5_c p span,
#dot6_c p span,
#dot7_c p span,
#dot8_c p span,
#dot9_c p span,
#dot10_c p span,
#dot11_c p span,
#dot12_c p span {
  color: black;
}
#dot1_c ul,
#dot2_c ul,
#dot3_c ul,
#dot4_c ul,
#dot5_c ul,
#dot6_c ul,
#dot7_c ul,
#dot8_c ul,
#dot9_c ul,
#dot10_c ul,
#dot11_c ul,
#dot12_c ul {
  list-style-type: disc;
  list-style-position: outside;
}
#dot1_c ul li,
#dot2_c ul li,
#dot3_c ul li,
#dot4_c ul li,
#dot5_c ul li,
#dot6_c ul li,
#dot7_c ul li,
#dot8_c ul li,
#dot9_c ul li,
#dot10_c ul li,
#dot11_c ul li,
#dot12_c ul li {
  padding: 0;
  margin: 0 0 0 20px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: white;
}
.intro {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: white;
  text-transform: uppercase;
  margin: 0 0 12px 0;
  padding: 0;
}
/* footnotes */
#footnote-diabetes,
#footnote-tuberculosis {
  display: none;
  position: absolute;
  bottom: 50px;
  z-index: 100;
  width: 221px;
  height: auto;
  margin: 0;
  padding: 0;
}
#footnote-diabetes div.top,
#footnote-tuberculosis div.top {
  background: url("../img/burden-map/tcap_footnotepop.png") no-repeat 0 0;
  width: 221px;
  height: 1px;
}
#footnote-diabetes div.mid,
#footnote-tuberculosis div.mid {
  width: 221px;
  padding: 8px;
  margin: 0;
  background: transparent url("../img/burden-map/rail_footnotepop.png") repeat-y top left;
  font-family: Arial, Helvetica, -apple-system, sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: #3e3e3e;
}
#footnote-diabetes div.btm,
#footnote-tuberculosis div.btm {
  width: 221px;
  height: 25px;
  background: url("../img/burden-map/bcap_footnotepop.png") no-repeat 0 0;
}
#healthburden .foot {
  display: block;
  height: 21px;
  width: 21px;
  text-indent: -9995px;
}
#healthburden .foot:hover {
  cursor: pointer;
}
#healthburden #diabetes {
  background: url("../img/burden-map/btn_footnote.png") no-repeat 0 0;
}
#healthburden #tuberculosis {
  background: url("../img/burden-map/btn_info.png") no-repeat 0 0;
}
/* Photo Cloud */
.photo-cloud {
  position: relative;
  width: 724px;
  padding: 2px;
  margin: 0 auto;
}
.photo-cloud .popup-info {
  display: none;
  width: 0;
  height: 0;
}
.photo-cloud .top-left,
.photo-cloud .top-right {
  display: block;
  position: absolute;
  top: 70px;
  z-index: 200;
  width: 172px;
  height: 22px;
  padding: 10px;
  border: 1px solid #eee;
  box-shadow: 0 0 5px #333;
  background: white;
}
.photo-cloud .top-left {
  top: 70px;
  left: 10px;
  padding-left: 162px;
}
.photo-cloud .top-right {
  top: 70px;
  right: 10px;
  padding-right: 162px;
}
.cloud-item {
  float: left;
  position: relative;
  z-index: 1;
  background: white;
}
.cloud-item img {
  float: left;
  position: relative;
  z-index: 1;
  opacity: 0.7;
  filter: alpha(opacity=70);
  padding: 1px;
}
.cloud-item .over {
  z-index: 400;
  opacity: 1;
  filter: alpha(opacity=100);
}
.gray-bg {
  background-color: #ddd;
}
/* Popup Text */
#content .photo-cloud h4 {
  margin: 0;
  font-size: 22px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-weight: normal;
  color: #d52b1e;
}
#content .photo-cloud h5 {
  margin: 0;
  font-size: 16px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-weight: normal;
  color: #888;
}
#content .photo-cloud p {
  font-size: 14px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: #888;
}
#content .photo-cloud a:hover {
  text-decoration: underline;
}
/* Newsroom Videos */
.news-video {
  float: left;
  width: 225px;
  height: 126px;
  margin: 0 10px 10px 0;
}
.news-video img {
  height: 126px;
  width: 225px;
}
.news-video h3 {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 16px;
  color: white;
}
.news-video.callout {
  font-size: 16px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: white;
  cursor: pointer;
}
.left-side .news-video.callout a {
  color: #d52b1e;
  text-decoration: none;
}
.left-side .news-video.callout a:hover {
  text-decoration: none;
}
.news-video.callout .vid-call-off,
.news-video.callout .call-on {
  position: absolute;
  left: 0;
  padding: 10px;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  color: white;
}
.news-video.callout .vid-call-off {
  bottom: -19px;
  z-index: 3;
  width: 100%;
  height: 69px;
  -webkit-transition: bottom 0.25s ease-in-out;
  -o-transition: bottom 0.25s ease-in-out;
  transition: bottom 0.25s ease-in-out;
}
.news-video.callout .call-on {
  color: #d52b1e;
  -webkit-transition: top 0.25s ease-in-out;
  -o-transition: top 0.25s ease-in-out;
  transition: top 0.25s ease-in-out;
}
.news-video.callout .call-on h3 {
  color: white;
}
.news-video.callout:hover .vid-call-off {
  bottom: 100%;
}
/* Newsroom Images */
.left-side .table-imagery td {
  height: 50px;
  padding: 3px;
  border: 1px solid #999;
  border-left: none;
  border-right: none;
  vertical-align: middle;
}
@media only print, only screen and (max-width: 479px) {
  #content .accordion .table-imagery td p {
    font-size: 8px;
  }
}
.left-side .callout a:hover {
  text-decoration: underline;
}
/* Newsroom Speeches */
.news-speeches .title em {
  font-weight: normal;
}
/* Indiana Map */
#indiana-map {
  width: 588px;
  padding-left: 108px;
  margin-top: 0;
}
#indiana-map svg {
  max-width: none;
}
#indiana-map-info {
  position: relative;
  width: 720px;
  margin-top: 175px;
}
.county {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 300px;
  height: 164px;
  padding: 7px 0 0;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-weight: normal;
  background: url("../img/popup.png") center top no-repeat;
}
.county-name {
  padding: 0 0 5px 0;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  color: white;
}
.county-info {
  font-size: 14px;
  padding-bottom: 3px;
}
.num-text {
  display: inline-block;
  width: 61%;
  height: 16px;
  padding-right: 1%;
  text-align: right;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-weight: normal;
  color: black;
}
.numbers {
  display: inline-block;
  width: 39%;
  height: 16px;
  font-size: 16px;
  text-align: left;
  color: black;
}
.no-data {
  display: none;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: black;
}
.contributions {
  position: absolute;
  z-index: -1;
  top: 19px;
  left: 0;
  width: 335px;
  min-height: 440px;
  padding: 20px 20px 20px 10px;
  font-size: 14px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: #777;
  background: #fbf8f0;
}
.contributions span {
  font-size: 8px;
}
.big-num-g {
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  text-shadow: 1px 1px 0 #666;
  color: #777;
}
.big-num-b {
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  text-shadow: 1px 1px 0 #237088;
  color: #2c8aaa;
}
.big-num-y {
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  text-shadow: 1px 1px 0 #9d955e;
  color: #c8c086;
}
.big-num-lb {
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  text-shadow: 1px 1px 0 #b9b9b8;
  color: #6ba5c2;
}
.cont-item {
  padding: 10px 0;
  border-bottom: 2px solid #eDeae3;
}
.cont-item:first-child {
  padding-top: 0;
}
.content-section #indiana-map-info table,
.content-section #indiana-map-info table td {
  border: none !important;
}
#indiana-key {
  position: absolute;
  right: 0;
  top: -20px;
  z-index: 500;
}
.key-list {
  width: 112px;
  height: 452px;
  border: 1px solid #ccc;
}
.key-list option {
  display: block;
  padding: 5px 5px 3px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #d52b1e;
  cursor: pointer;
}
.key-list option:hover, .key-list option:active {
  color: white;
  background-color: #d52b1e;
}
@media only print, only screen and (max-width: 779px) {
  #indiana-map-info {
    width: 100%;
    margin-top: 0;
  }
  #indiana-map-wrapper::after {
    content: '';
    display: table;
    clear: both;
    /* https://css-tricks.com/snippets/css/clear-fix/ */
  }
  #indiana-key {
    position: static;
    height: 50px;
  }
  .key-list {
    height: auto;
  }
  #indiana-map {
    width: 100%;
    height: 81px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    padding-left: 0;
    background: rgba(112, 202, 229, 0.9);
    border-radius: 10px;
  }
  .county {
    display: block;
    z-index: 0;
    opacity: 0;
    left: 0;
    top: 50px;
    width: 100%;
    height: auto;
    padding: 9px;
    background: none;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .county.active {
    z-index: 1000;
    opacity: 1;
  }
  .num-text,
  .numbers {
    width: 50%;
  }
  .no-data {
    display: block;
  }
  .contributions {
    position: static;
    width: auto;
    min-height: 0;
    margin-top: 10px;
  }
}
/* GDOS 2012 Map */
#gdosmap {
  position: relative;
  width: 720px;
  height: 638px;
  padding: 1px 0 0;
  margin: 0 0 20px;
  overflow: hidden;
  background-image: url("../img/gdos2012/content_frame.png");
  background-repeat: no-repeat;
  background-position: left top;
}
#gdosmap a:link,
#gdosmap a:visited,
#gdosmap a:hover,
#gdosmap a:active {
  color: white;
  text-decoration: none;
  outline: none;
}
#gdosmap .heading1 {
  left: 0;
  top: 0;
  padding-top: 10px;
  padding-left: 15px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 18px;
  line-height: 19px;
  font-weight: bold;
  color: white;
}
#gdosmap .para1 {
  height: 70px;
  width: 340px !important;
  margin: 5px 0 5px 0;
  padding-left: 15px;
  color: white;
  font-size: 12px;
  line-height: 16px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
#gdosmap .heading2 {
  left: 0;
  padding-top: 0;
  padding-left: 15px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 18px;
  line-height: 19px;
  font-weight: bold;
  color: white;
}
#gdosmap .para2 {
  width: 165px !important;
  padding-left: 15px;
  margin: 5px 0 15px 0;
  font-size: 12px;
  line-height: 16px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
#gdosmap .topbar {
  position: absolute;
  top: 30px;
  left: 365px;
  width: 370px;
  height: 95px;
}
#gdosmap .sidebar {
  position: absolute;
  height: 525px;
  width: 200px;
}
#gdosmap .topbar ul.htabs,
#gdosmap .sidebar ul.vtabs {
  position: relative;
  left: 0;
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #eef3f3;
}
#gdosmap .topbar ul.htabs li,
#gdosmap .sidebar ul.vtabs li {
  float: left;
  width: 174px;
  height: 95px;
  padding: 0;
  margin-left: 1px;
}
#gdosmap .topbar ul.htabs li a,
#gdosmap .sidebar ul.vtabs li a {
  top: 20%;
  display: block;
  width: 160px;
  height: 95px;
  padding-left: 15px;
  background: url("../img/gdos2012/tab_inactive.png") transparent;
}
#gdosmap .topbar ul.htabs li a span,
#gdosmap .sidebar ul.vtabs li a span {
  display: block;
  padding-top: 25px;
  overflow: hidden;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 17px;
  color: white;
  cursor: pointer;
}
#gdosmap .topbar .htabs li .rtborder {
  border-right-width: 2px;
  border-right-color: #666;
  border-right-style: solid;
}
#gdosmap .topbar .htabs li .current {
  display: block;
  height: 119px;
  width: 160px;
  border: 0;
  margin-left: 2px;
  overflow: hidden;
  background: url("../img/gdos2012/tab_top_active.png") transparent;
  cursor: pointer;
}
#gdosmap .sidebar .vtabs li .btborder {
  border-bottom-width: 2px;
  border-bottom-color: #666;
  border-bottom-style: solid;
}
#gdosmap .sidebar .vtabs li .current {
  display: block;
  height: 96px;
  width: 180px;
  border: 0;
  overflow: hidden;
  background: url("../img/gdos2012/tab_left_active.png") transparent;
  cursor: pointer;
}
#gdosmap .whereWorld {
  background: url("../img/gdos2012/Lilly_WorldMap.jpg");
}
#gdosmap .reconnectingWaterways {
  background: url("../img/gdos2013/Indy_DoDay.jpg");
}
#gdosmap .supportingCustomers {
  background: url("../img/gdos2012/Lilly_Difference.jpg");
}
#gdosmap .projectsGlobe {
  background: url("../img/gdos2012/ProjectsAroundTheGlobe2.jpg");
}
#gdosmap .strengthCommunities {
  background: url("../img/gdos2012/strengthCommunities.jpg");
}
#gdosPlaceholder {
  position: absolute;
  top: 135px;
  left: 183px;
  width: 536px;
  height: 499px;
}
#gdosPlaceholder .strengthCommunitiesContent,
#gdosPlaceholder .reconnectingWaterwaysContent,
#gdosPlaceholder .projectsGlobeContent,
#gdosPlaceholder .supportingCustomersContent {
  position: absolute;
  width: 536px;
  height: 499px;
  cursor: pointer;
}
#gdosPlaceholder .reconnectingWaterwaysContent h2 {
  width: 475px;
  height: 35px;
  margin-top: 330px;
  margin-left: 30px;
  overflow: auto;
}
#gdosPlaceholder .reconnectingWaterwaysContent h4 {
  width: 475px;
  height: 110px;
  margin-top: 0;
  margin-left: 30px;
  overflow: auto;
}
#gdosPlaceholder .projectsGlobeContent h2 {
  width: 465px;
  height: 35px;
  margin-top: 340px;
  margin-left: 35px;
  overflow: auto;
}
#gdosPlaceholder .projectsGlobeContent h4 {
  width: 465px;
  height: 100px;
  margin-left: 35px;
  margin-top: 0;
  overflow: auto;
}
#gdosPlaceholder .supportingCustomersContent h2 {
  width: 475px;
  height: 35px;
  margin-top: 340px;
  margin-left: 30px;
  overflow: auto;
  color: #333;
}
#gdosPlaceholder .supportingCustomersContent h4 {
  width: 475px;
  height: 110px;
  margin-top: 0;
  margin-left: 30px;
}
#gdosPlaceholder .whereWorldContent {
  width: 500px;
  height: 250px;
  overflow: auto;
  margin-top: 300px;
  margin-left: 30px;
}
#gdosPlaceholder .whereWorldContent ul {
  position: relative;
  left: 0;
  float: left;
  width: 500px;
  height: 150px;
  margin: 10px 0 0 0;
  padding: 0;
  list-style-type: none;
  line-height: 10px;
}
#gdosPlaceholder .whereWorldContent ul li {
  float: left;
  width: 125px;
  padding: 0;
  margin-left: 0;
}
#gdosPlaceholder .whereWorldContent ul li a {
  display: block;
  padding: 0;
  background: none;
}
#gdosPlaceholder .reconnectingWaterwaysContent h4 a,
#gdosPlaceholder .supportingCustomersContent h4 a {
  color: #d52b1e;
}
#gdosPlaceholder .whereWorldContent h2,
#gdosPlaceholder .projectsGlobeContent h2,
#gdosPlaceholder .reconnectingWaterwaysContent h2 {
  color: #333;
}
.smallDot,
.largeDot {
  position: absolute;
  width: auto;
  height: auto;
  margin: 0;
}
#ArgentinaSm {
  top: 215px;
  margin-left: 165px;
}
#AustraliaSm {
  top: 210px;
  margin-left: 440px;
}
#AustriaSm {
  top: 100px;
  margin-left: 265px;
}
#BelgiumSm {
  top: 90px;
  margin-left: 255px;
}
#BrazilSm {
  top: 190px;
  margin-left: 180px;
}
#BulgariaSm {
  top: 105px;
  margin-left: 275px;
}
#CanadaSm {
  top: 75px;
  margin-left: 100px;
}
#CzechRepublicSm {
  top: 95px;
  margin-left: 270px;
}
#DenmarkSm {
  top: 85px;
  margin-left: 260px;
}
#EgyptSm {
  top: 135px;
  margin-left: 290px;
}
#FranceSm {
  top: 105px;
  margin-left: 250px;
}
#GermanySm {
  top: 95px;
  margin-left: 255px;
}
#HongKongSm {
  top: 140px;
  margin-left: 405px;
}
#HungarySm {
  top: 105px;
  margin-left: 270px;
}
#IcelandSm {
  top: 55px;
  margin-left: 225px;
}
#IndiaSm {
  top: 150px;
  margin-left: 355px;
}
#IrelandSm {
  top: 85px;
  margin-left: 235px;
}
#IsraelSm {
  top: 130px;
  margin-left: 295px;
}
#ItalySm {
  top: 115px;
  margin-left: 265px;
}
#JapanSm {
  top: 125px;
  margin-left: 435px;
}
#MexicoSm {
  top: 135px;
  margin-left: 110px;
}
#NorwaySm {
  top: 70px;
  margin-left: 260px;
}
#PeruSm {
  top: 190px;
  margin-left: 150px;
}
#PhilippinesSm {
  top: 155px;
  margin-left: 415px;
}
#PortugalSm {
  top: 115px;
  margin-left: 235px;
}
#PuertoRicoSm {
  top: 145px;
  margin-left: 150px;
}
#SloveniaSm {
  top: 105px;
  margin-left: 265px;
}
#SouthKoreaSm {
  top: 120px;
  margin-left: 420px;
}
#SpainSm {
  top: 110px;
  margin-left: 240px;
}
#SwedenSm {
  top: 60px;
  margin-left: 270px;
}
#SwitzerlandSm {
  top: 105px;
  margin-left: 255px;
}
#TaiwanSm {
  top: 135px;
  margin-left: 418px;
}
#ThailandSm {
  top: 150px;
  margin-left: 385px;
}
#TurkeySm {
  top: 115px;
  margin-left: 295px;
}
#UnitedKingdomSm {
  top: 85px;
  margin-left: 245px;
}
#UnitedStatesSm {
  top: 105px;
  margin-left: 125px;
}
#ArgentinaLg {
  top: 215px;
  margin-left: 165px;
}
#AustraliaLg {
  top: 210px;
  margin-left: 440px;
}
#AustriaLg {
  top: 100px;
  margin-left: 265px;
}
#BelgiumLg {
  top: 90px;
  margin-left: 255px;
}
#BrazilLg {
  top: 190px;
  margin-left: 180px;
}
#BulgariaLg {
  top: 105px;
  margin-left: 275px;
}
#CanadaLg {
  top: 75px;
  margin-left: 100px;
}
#CzechRepublicLg {
  top: 95px;
  margin-left: 270px;
}
#DenmarkLg {
  top: 85px;
  margin-left: 260px;
}
#EgyptLg {
  top: 135px;
  margin-left: 290px;
}
#FranceLg {
  top: 105px;
  margin-left: 250px;
}
#GermanyLg {
  top: 95px;
  margin-left: 255px;
}
#HongKongLg {
  top: 140px;
  margin-left: 405px;
}
#HungaryLg {
  top: 105px;
  margin-left: 270px;
}
#IcelandLg {
  top: 55px;
  margin-left: 225px;
}
#IndiaLg {
  top: 150px;
  margin-left: 355px;
}
#IrelandLg {
  top: 85px;
  margin-left: 235px;
}
#IsraelLg {
  top: 130px;
  margin-left: 295px;
}
#ItalyLg {
  top: 115px;
  margin-left: 265px;
}
#JapanLg {
  top: 125px;
  margin-left: 435px;
}
#MexicoLg {
  top: 135px;
  margin-left: 110px;
}
#NorwayLg {
  top: 70px;
  margin-left: 260px;
}
#PeruLg {
  top: 190px;
  margin-left: 150px;
}
#PhilippinesLg {
  top: 155px;
  margin-left: 415px;
}
#PortugalLg {
  top: 115px;
  margin-left: 235px;
}
#PuertoRicoLg {
  top: 145px;
  margin-left: 150px;
}
#SloveniaLg {
  top: 105px;
  margin-left: 265px;
}
#SouthKoreaLg {
  top: 120px;
  margin-left: 420px;
}
#SpainLg {
  top: 110px;
  margin-left: 240px;
}
#SwedenLg {
  top: 60px;
  margin-left: 270px;
}
#SwitzerlandLg {
  top: 105px;
  margin-left: 255px;
}
#TaiwanLg {
  top: 135px;
  margin-left: 418px;
}
#ThailandLg {
  top: 150px;
  margin-left: 385px;
}
#TurkeyLg {
  top: 115px;
  margin-left: 295px;
}
#UnitedKingdomLg {
  top: 85px;
  margin-left: 245px;
}
#UnitedStatesLg {
  top: 105px;
  margin-left: 125px;
}
/* R&D Site Map */
.loading-image {
  width: 100%;
  padding: 250px 0 0;
  text-align: center;
}
.map-section-padding {
  width: 725px;
  padding: 25px 27px;
}
@media only print, only screen and (max-width: 767px) {
  .map-section-wrapper {
    width: 100%;
    height: 545px;
    overflow: auto;
  }
  .map-section-padding {
    padding: 25px 40px;
  }
}
.map-section {
  width: 670px;
  height: 504px;
  font-family: Arial, Helvetica, -apple-system, sans-serif;
  box-sizing: content-box;
}
.map {
  position: relative;
  width: 660px;
  height: 424px;
  border: 5px solid #bbb;
  border-top: none;
}
.map-overlay {
  background: #518daa url("../img/bg-full.gif") center;
}
.lrl-map-title {
  padding: 10px 10px 5px;
  background: #555;
}
.lrl-map-title p,
.lrl-map-title h2,
.lrl-map-title h3 {
  margin: 0;
  padding: 0;
  color: white;
}
.lrl-map-title h2 {
  font-size: 18px;
}
.lrl-map-title h3 {
  font-size: 16px;
}
.lrl-map-title p {
  font-size: 10px;
}
.point {
  position: absolute;
  width: 282px;
  padding: 0 30px 10px 0;
  background: url("../img/bg-point.png") bottom left no-repeat;
}
.point-heading {
  font-size: 16px;
}
.point-sub {
  font-size: 10px;
}
.point-top {
  padding: 10px 10px 5px;
  color: white;
  background: #d52b1e;
}
.point-mid {
  padding: 10px;
  font-size: 12px;
  background: white;
}
.btn-close {
  position: absolute;
  right: 30px;
  top: 0;
  padding: 0 4px 1px 4px;
  font-weight: bold;
  text-decoration: none;
  color: #d52b1e;
  background: white;
}
.btn-close:hover {
  background: #d52b1e;
  color: white;
}
/* galleria */
.galleria-wrapper {
  position: relative;
  height: 350px;
  overflow: hidden;
}
#galleria {
  height: 300px;
  position: relative;
}
#galleria-loader {
  height: 1px !important;
}
.galleria-frame {
  height: 300px;
}
.galleria-theme-classic {
  background: #777;
  position: relative;
}
.galleria-theme-classic img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.galleria-theme-classic .galleria-stage {
  overflow: hidden;
  right: 0;
  position: absolute;
  left: 0;
  top: -50;
  bottom: 60px;
}
.galleria-theme-classic .galleria-thumbnails-container {
  overflow: visible;
  height: 100px;
  right: 0;
  left: 0;
  z-index: 2;
  bottom: -40px;
  background-color: #777;
}
.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {
  margin: 9px 30px;
}
.galleria-theme-classic .galleria-thumbnails .galleria-image {
  border: none;
  cursor: pointer;
  height: 90px;
  background: none transparent scroll repeat 0 0;
  float: left;
  margin: 0 5px 0 0;
  width: 60px;
}
.galleria-theme-classic .galleria-counter {
  display: none;
}
.galleria-theme-classic .galleria-loader {
  height: 20px;
  background: url(../img/classic-loader.gif) no-repeat 2px 2px;
  right: 10px;
  position: absolute;
  z-index: 2;
  display: none;
  top: 10px;
  width: 20px;
}
.galleria-theme-classic .galleria-info {
  position: absolute;
  left: 15px;
  z-index: 2;
  top: 15px;
  width: 50%;
}
.galleria-theme-classic .galleria-info-text {
  zoom: 1;
  padding: 12px;
  display: none;
  background-color: black;
}
.galleria-theme-classic .galleria-info-title {
  color: white;
  font: bold 12px/1.1 arial, sans-serif;
  margin: 0 0 7px;
}
.galleria-theme-classic .galleria-info-description {
  color: #bbb;
  font: italic 12px/1.4 georgia, serif;
  margin: 0;
}
.galleria-theme-classic .galleria-info-close {
  cursor: pointer;
  height: 9px;
  right: 5px;
  position: absolute;
  background-position: -753px -11px;
  filter: alpha(opacity=50);
  display: none;
  top: 5px;
  width: 9px;
  opacity: .5;
}
.galleria-theme-classic .notouch .galleria-info-close:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.galleria-theme-classic .touch .galleria-info-close:active {
  filter: alpha(opacity=100);
  opacity: 1;
}
.galleria-theme-classic .galleria-info-link {
  cursor: pointer;
  height: 20px;
  position: absolute;
  background-position: -669px -5px;
  filter: alpha(opacity=70);
  width: 20px;
  background-color: black;
  opacity: .7;
}
.galleria-theme-classic.notouch .galleria-info-link:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.galleria-theme-classic.touch .galleria-info-link:active {
  filter: alpha(opacity=100);
  opacity: 1;
}
.galleria-theme-classic .galleria-image-nav {
  height: 62px;
  position: absolute;
  left: 0;
  margin-top: -62px;
  top: 50%;
  width: 100%;
}
.galleria-theme-classic .galleria-image-nav-left {
  cursor: pointer;
  height: 124px;
  position: absolute;
  background-position: 0 46px;
  left: 10px;
  filter: alpha(opacity=30);
  z-index: 2;
  width: 62px;
  opacity: .3;
}
.galleria-theme-classic .galleria-image-nav-right {
  cursor: pointer;
  height: 124px;
  position: absolute;
  background-position: 0 46px;
  left: 10px;
  filter: alpha(opacity=30);
  z-index: 2;
  width: 62px;
  opacity: .3;
}
.galleria-theme-classic .galleria-image-nav-right {
  right: 10px;
  background-position: -254px 46px;
  left: auto;
  z-index: 2;
}
.galleria-theme-classic.notouch .galleria-image-nav-left:hover, .galleria-theme-classic.notouch .galleria-image-nav-right:hover, .galleria-theme-classic.touch .galleria-image-nav-left:active, .galleria-theme-classic.touch .galleria-image-nav-right:active {
  filter: alpha(opacity=100);
  opacity: 1;
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right {
  cursor: pointer;
  height: 40px;
  position: absolute;
  background-position: -495px 5px;
  left: 0;
  filter: alpha(opacity=80);
  z-index: 3;
  display: none;
  top: 35px;
  width: 23px;
  opacity: .8;
}
.galleria-theme-classic .galleria-thumb-nav-right {
  right: 0;
  background-position: -578px 5px;
  border-right-style: none;
  left: auto;
}
.galleria-theme-classic .galleria-thumbnails-container .disabled {
  cursor: default;
  filter: alpha(opacity=20);
  opacity: .2;
}
.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover, .galleria-theme-classic.notouch .galleria-thumb-nav-right:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.galleria-theme-classic.touch .galleria-thumb-nav-left:active, .galleria-theme-classic.touch .galleria-thumb-nav-right:active {
  filter: alpha(opacity=100);
  background-color: #111;
  opacity: 1;
}
.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {
  filter: alpha(opacity=20);
  background-color: transparent;
  opacity: .2;
}
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left {
  display: block;
}
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {
  display: block;
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right,
.galleria-theme-classic .galleria-info-link,
.galleria-theme-classic .galleria-info-close,
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
  background-image: url(../img/classic-map.png);
  background-repeat: no-repeat;
}
.galleria-theme-classic.galleria-container.videoplay .galleria-info {
  display: none !important;
}
.galleria-theme-classic.galleria-container.videoplay .galleria-counter {
  display: none !important;
}
.slm-layout-main .item {
  padding: 10px;
  margin-bottom: 20px;
  background: white;
}
.slm-layout-main .item h3 {
  font-size: 20px;
  line-height: 27px;
  color: #444;
}
.slm-layout-main .item > div {
  color: #222;
}
.slm-layout-main .item .description > p {
  margin-bottom: 0;
}
.slm-layout-main .item .description a {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
/* SlidesJS */
#slides {
  display: none;
  font-size: 8pt;
  font-family: verdana, tahoma, -apple-system, sans-serif;
}
#slides a:hover {
  text-decoration: underline;
}
#slides a:link {
  color: #0072bc;
  text-decoration: none;
}
#slides a:visited {
  color: #b1059d;
  text-decoration: none;
}
.slidesjs-navigation {
  font-size: 200%;
}
/* giving page map */
.map-items__background {
  overflow: visible;
  background: url(/_assets/img/responsibility/strengtheningcommunities/giving/world-map.png) no-repeat;
  background-size: 100%;
}
.map-items {
  position: relative;
  width: 100%;
  padding-top: 54.06897%;
}
.map-items__info {
  padding: 10px 1.37931%;
  overflow: hidden;
  text-align: center;
  background: #263f6a;
}
.map-items__info__title {
  float: left;
  width: 32%;
  margin-top: 18px;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  color: #1aa1d9;
}
.map-items__info__desc {
  float: right;
  width: 65%;
  padding-left: 20px;
  border-left: #00a1de 3px solid;
  margin: 0;
  font-size: 12px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  text-align: left;
  color: white;
}
.map-items__item {
  position: absolute;
}
.map-items__item--one {
  left: 9.65517%;
  top: 30.61224%;
}
.map-items__item--one .map-items__item__info,
.map-items__item--one .map-items__item__info--right {
  width: 200px;
}
.map-items__item--one .map-items__item__info h3,
.map-items__item--one .map-items__item__info--right h3 {
  margin-top: 15px;
}
.map-items__item--two {
  left: 6.2069%;
  top: 63.77551%;
}
.map-items__item--two .map-items__item__info,
.map-items__item--two .map-items__item__info--right {
  width: 210px;
}
.map-items__item--three {
  left: 60%;
  top: 76.53061%;
}
.map-items__item--three .map-items__item__info,
.map-items__item--three .map-items__item__info--right {
  width: 200px;
}
.map-items__item--three .map-items__item__info h3,
.map-items__item--three .map-items__item__info--right h3 {
  margin-top: 10px;
}
.map-items__item--four {
  left: 60%;
  top: 38.26531%;
}
.map-items__item--four .map-items__item__info,
.map-items__item--four .map-items__item__info--right {
  width: 220px;
}
.map-items__item--five {
  left: 82.75862%;
  top: 17.85714%;
}
.map-items__item--five .map-items__item__info,
.map-items__item--five .map-items__item__info--right {
  width: 330px;
}
.map-items__item--five .map-items__item__info h3,
.map-items__item--five .map-items__item__info--right h3 {
  margin-top: 10px;
}
.map-items__item--six {
  left: 71.72414%;
  top: 58.67347%;
}
.map-items__item--six .map-items__item__info,
.map-items__item--six .map-items__item__info--right {
  width: 170px;
}
.map-items__item--seven {
  left: 41.37931%;
  top: 45.91837%;
}
.map-items__item--seven .map-items__item__info,
.map-items__item--seven .map-items__item__info--right {
  width: 170px;
}
.map-items__item--eight {
  left: 41.37931%;
  top: 79.08163%;
}
.map-items__item--eight .map-items__item__info,
.map-items__item--eight .map-items__item__info--right {
  width: 200px;
}
.map-items__item__icon,
.map-items__item__icon--globe,
.map-items__item__icon--heart,
.map-items__item__icon--sheep,
.map-items__item__icon--medicine,
.map-items__item__icon--gift,
.map-items__item__icon--symbol {
  position: relative;
  z-index: 5;
  height: 70px;
  width: 70px;
  text-indent: -999em;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
}
.map-items__item__icon:before, .map-items__item__icon:after,
.map-items__item__icon--globe:before,
.map-items__item__icon--globe:after,
.map-items__item__icon--heart:before,
.map-items__item__icon--heart:after,
.map-items__item__icon--sheep:before,
.map-items__item__icon--sheep:after,
.map-items__item__icon--medicine:before,
.map-items__item__icon--medicine:after,
.map-items__item__icon--gift:before,
.map-items__item__icon--gift:after,
.map-items__item__icon--symbol:before,
.map-items__item__icon--symbol:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -4;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  margin: -25px 0 0 -25px;
  opacity: 0;
}
.no-touch .map-items__item__icon:hover,
.no-touch .map-items__item__icon--globe:hover,
.no-touch .map-items__item__icon--heart:hover,
.no-touch .map-items__item__icon--sheep:hover,
.no-touch .map-items__item__icon--medicine:hover,
.no-touch .map-items__item__icon--gift:hover,
.no-touch .map-items__item__icon--symbol:hover {
  z-index: 6;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.no-touch .map-items__item__icon:hover + .map-items__item__info,
.no-touch .map-items__item__icon:hover + .map-items__item__info--right,
.no-touch .map-items__item__icon--globe:hover + .map-items__item__info,
.no-touch .map-items__item__icon--globe:hover + .map-items__item__info--right,
.no-touch .map-items__item__icon--heart:hover + .map-items__item__info,
.no-touch .map-items__item__icon--heart:hover + .map-items__item__info--right,
.no-touch .map-items__item__icon--sheep:hover + .map-items__item__info,
.no-touch .map-items__item__icon--sheep:hover + .map-items__item__info--right,
.no-touch .map-items__item__icon--medicine:hover + .map-items__item__info,
.no-touch .map-items__item__icon--medicine:hover + .map-items__item__info--right,
.no-touch .map-items__item__icon--gift:hover + .map-items__item__info,
.no-touch .map-items__item__icon--gift:hover + .map-items__item__info--right,
.no-touch .map-items__item__icon--symbol:hover + .map-items__item__info,
.no-touch .map-items__item__icon--symbol:hover + .map-items__item__info--right {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.no-touch .map-items__item__icon:hover:after,
.no-touch .map-items__item__icon--globe:hover:after,
.no-touch .map-items__item__icon--heart:hover:after,
.no-touch .map-items__item__icon--sheep:hover:after,
.no-touch .map-items__item__icon--medicine:hover:after,
.no-touch .map-items__item__icon--gift:hover:after,
.no-touch .map-items__item__icon--symbol:hover:after {
  -webkit-animation: blip 2.5s ease 0s infinite;
  -o-animation: blip 2.5s ease 0s infinite;
  animation: blip 2.5s ease 0s infinite;
}
.touch .map-items__item__icon.active,
.touch .map-items__item__icon--globe.active,
.touch .map-items__item__icon--heart.active,
.touch .map-items__item__icon--sheep.active,
.touch .map-items__item__icon--medicine.active,
.touch .map-items__item__icon--gift.active,
.touch .map-items__item__icon--symbol.active {
  z-index: 6;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.touch .map-items__item__icon.active + .map-items__item__info,
.touch .map-items__item__icon.active + .map-items__item__info--right,
.touch .map-items__item__icon--globe.active + .map-items__item__info,
.touch .map-items__item__icon--globe.active + .map-items__item__info--right,
.touch .map-items__item__icon--heart.active + .map-items__item__info,
.touch .map-items__item__icon--heart.active + .map-items__item__info--right,
.touch .map-items__item__icon--sheep.active + .map-items__item__info,
.touch .map-items__item__icon--sheep.active + .map-items__item__info--right,
.touch .map-items__item__icon--medicine.active + .map-items__item__info,
.touch .map-items__item__icon--medicine.active + .map-items__item__info--right,
.touch .map-items__item__icon--gift.active + .map-items__item__info,
.touch .map-items__item__icon--gift.active + .map-items__item__info--right,
.touch .map-items__item__icon--symbol.active + .map-items__item__info,
.touch .map-items__item__icon--symbol.active + .map-items__item__info--right {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.touch .map-items__item__icon.active:after,
.touch .map-items__item__icon--globe.active:after,
.touch .map-items__item__icon--heart.active:after,
.touch .map-items__item__icon--sheep.active:after,
.touch .map-items__item__icon--medicine.active:after,
.touch .map-items__item__icon--gift.active:after,
.touch .map-items__item__icon--symbol.active:after {
  -webkit-animation: blip 2.5s ease 0s infinite;
  -o-animation: blip 2.5s ease 0s infinite;
  animation: blip 2.5s ease 0s infinite;
}
.map-items__item__icon {
  height: 50px;
  width: 50px;
}
.map-items__item__icon--sheep,
.map-items__item__icon--medicine {
  z-index: 4;
}
.map-items__item__icon--symbol {
  width: 75px;
  height: 75px;
}
.map-items__item__icon--globe {
  background-image: url(/_assets/img/responsibility/strengtheningcommunities/giving/icon1.png);
}
.map-items__item__icon--heart {
  background-image: url(/_assets/img/responsibility/strengtheningcommunities/giving/icon2.png);
}
.map-items__item__icon--sheep {
  background-image: url(/_assets/img/responsibility/strengtheningcommunities/giving/sheep-icon.png);
}
.map-items__item__icon--medicine {
  background-image: url(/_assets/img/responsibility/strengtheningcommunities/giving/bottle-icon.png);
}
.map-items__item__icon--gift {
  background-image: url(/_assets/img/responsibility/strengtheningcommunities/giving/gift.png);
}
.map-items__item__icon--symbol {
  background-image: url(/_assets/img/responsibility/strengtheningcommunities/giving/icon8.png);
}
.map-items__item__info,
.map-items__item__info--right {
  visibility: hidden;
  position: absolute;
  top: -25px;
  z-index: 5;
  width: 330px;
  height: 100px;
  padding: 10px;
  background: white;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
  -o-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
  transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
}
.map-items__item__info:before,
.map-items__item__info--right:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 0;
  display: block;
  width: 0;
  height: 0;
  border-top: transparent 50px solid;
  border-bottom: transparent 50px solid;
}
.map-items__item__info p,
.map-items__item__info--right p {
  margin: 0;
  font-size: 13px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  line-height: 1.3em;
}
.map-items__item__info {
  left: 60px;
  -webkit-transform: translate3d(-15px, 0, 0);
  transform: translate3d(-15px, 0, 0);
}
.map-items__item__info:before {
  left: -40px;
  border-right: white 40px solid;
}
.map-items__item__info--right {
  right: 60px;
  -webkit-transform: translate3d(15px, 0, 0);
  transform: translate3d(15px, 0, 0);
}
.map-items__item__info--right:before {
  right: -40px;
  border-left: white 40px solid;
}
.map-items__item__info__title {
  font-size: 20px;
  text-transform: uppercase;
  color: #1aa1d9;
}
@media only print, only screen and (max-width: 767px) {
  .map-items__item--three .map-items__item__info,
  .map-items__item--four .map-items__item__info,
  .map-items__item--six .map-items__item__info {
    left: auto;
    right: 60px;
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
  }
  .map-items__item--three .map-items__item__info:before,
  .map-items__item--four .map-items__item__info:before,
  .map-items__item--six .map-items__item__info:before {
    left: auto;
    right: -40px;
    border-right: 0;
    border-left: white 40px solid;
  }
  .map-items__item--three .map-items__item__info p,
  .map-items__item--four .map-items__item__info p,
  .map-items__item--six .map-items__item__info p {
    margin-left: 0 !important;
  }
  .map-items__item--eight {
    top: 75%;
  }
  .map-items__item__icon--symbol {
    z-index: 4;
  }
}
@media only print, only screen and (max-width: 617px) {
  .map-items__item--three {
    top: 65%;
  }
  .map-items__item--eight {
    top: 70%;
  }
}
@media only print, only screen and (max-width: 479px) {
  .map-items__item--two {
    bottom: 5%;
    top: auto;
  }
  .map-items__item--three {
    left: 65%;
    bottom: 7%;
    top: auto;
  }
  .map-items__item--four {
    top: 25%;
    left: 62%;
  }
  .map-items__item--five {
    left: auto;
    right: 0;
    top: 35px;
  }
  .map-items__item--five .map-items__item__info--right {
    width: 240px;
    height: 120px;
    top: -30px;
  }
  .map-items__item--five .map-items__item__info--right:before {
    border-top-width: 60px;
    border-bottom-width: 60px;
  }
  .map-items__item--six {
    left: auto;
    right: 0;
    bottom: 5%;
  }
  .map-items__item--seven {
    left: 40%;
    top: 25%;
  }
  .map-items__item--seven .map-items__item__info--right {
    width: 140px;
    height: 120px;
    top: -30px;
  }
  .map-items__item--seven .map-items__item__info--right:before {
    border-top-width: 60px;
    border-bottom-width: 60px;
  }
  .map-items__item--eight {
    left: 50%;
    top: auto;
    bottom: 15%;
  }
  .map-items__item--eight .map-items__item__info--right {
    width: 160px;
    height: 120px;
    top: -30px;
  }
  .map-items__item--eight .map-items__item__info--right:before {
    border-top-width: 60px;
    border-bottom-width: 60px;
  }
  .map-items__item--four .map-items__item__info,
  .map-items__item--six .map-items__item__info {
    right: 70px;
  }
  .map-items__item--five .map-items__item__info--right {
    right: 70px;
  }
  .map-items__item__icon--gift {
    z-index: 4;
  }
}
@media only print, only screen and (max-width: 399px) {
  .map-items__info {
    padding: 10px;
  }
  .map-items__info__title {
    float: none;
    width: auto;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 5%;
  }
  .map-items__info__desc {
    float: none;
    width: auto;
    border-left: 0;
    border-top: 3px solid #1aa1d9;
    padding-left: 0;
    padding-top: 5%;
  }
  .map-items__item {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    display: block;
    border-bottom: 1px solid #263f6a;
    background: white;
  }
  .map-items__item::after {
    content: '';
    display: table;
    clear: both;
    /* https://css-tricks.com/snippets/css/clear-fix/ */
  }
  .map-items__item > dt {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 6;
    width: 52px;
    height: 52px;
    margin: 0;
    background-size: 75%;
    background-position: center;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .map-items__item > dt:hover {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .map-items__item > dd.map-items__item__info,
  .map-items__item > dd.map-items__item__info--right {
    visibility: visible;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    height: auto;
    padding-left: 52px;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .map-items__item > dd.map-items__item__info:before,
  .map-items__item > dd.map-items__item__info--right:before {
    display: none;
  }
  .map-items__item > dd.map-items__item__info h3,
  .map-items__item > dd.map-items__item__info--right h3 {
    margin-top: 0;
    padding-top: 0;
  }
}
/* 3D content boxes */
.box-3d {
  margin: 20px 0 40px 9px;
  padding: 2.80899% 4.21348% 1.40449%;
  font-size: 18px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
.box-3d::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
@media only print, only screen and (max-width: 767px) {
  .box-3d {
    font-size: 16px;
  }
}
.box-3d .box-header {
  padding: 20px 0;
  border-bottom: 1px solid white;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 24px;
  color: white;
}
.box-3d .left-col {
  width: 19.17178%;
  margin-right: 2.30061%;
  padding-top: 30px;
  padding-right: 0;
}
@media only print, only screen and (max-width: 567px) {
  .box-3d .left-col {
    float: left;
  }
}
.box-3d .right-col {
  width: 78.52761%;
  padding-top: 20px;
}
@media only print, only screen and (max-width: 567px) {
  .box-3d .right-col {
    float: left;
  }
}
.box-3d .right-col h2 {
  font-size: 18px;
}
@media only print, only screen and (max-width: 767px) {
  .box-3d .right-col h2 {
    font-size: 16px;
  }
}
.box-3d h2 {
  color: white;
}
.box-3d p {
  font-size: 18px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
@media only print, only screen and (max-width: 767px) {
  .box-3d p {
    font-size: 16px;
  }
}
.box-3d a {
  text-decoration: underline;
  color: white;
}
.box-3d.box-3d-small-text {
  font-size: 16px;
}
.box-3d.box-3d-small-text p {
  font-size: 16px;
}
.box-3d-red {
  background: #e02a2e;
  -webkit-box-shadow: -1px 1px #a92024, -2px 2px #a92024, -3px 3px #a92024, -4px 4px #a92024, -5px 5px #a92024, -6px 6px #a92024, -7px 7px #a92024, -8px 8px #a92024, -9px 9px #a92024;
  box-shadow: -1px 1px #a92024, -2px 2px #a92024, -3px 3px #a92024, -4px 4px #a92024, -5px 5px #a92024, -6px 6px #a92024, -7px 7px #a92024, -8px 8px #a92024, -9px 9px #a92024;
}
.box-3d-green {
  background: #00af3f;
  -webkit-box-shadow: -1px 1px #275e37, -2px 2px #275e37, -3px 3px #275e37, -4px 4px #275e37, -5px 5px #275e37, -6px 6px #275e37, -7px 7px #275e37, -8px 8px #275e37, -9px 9px #275e37;
  box-shadow: -1px 1px #275e37, -2px 2px #275e37, -3px 3px #275e37, -4px 4px #275e37, -5px 5px #275e37, -6px 6px #275e37, -7px 7px #275e37, -8px 8px #275e37, -9px 9px #275e37;
}
#content .box-3d ul {
  font-size: 18px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  color: white;
}
@media only print, only screen and (max-width: 767px) {
  #content .box-3d ul {
    font-size: 16px;
  }
}
#content .box-3d.box-3d-small-text {
  font-size: 15px;
}
#content .box-3d.box-3d-small-text ul {
  font-size: 16px;
}
/* Heritage timeline */
.milestone {
  position: relative;
  padding-left: 50.34483%;
}
.milestone::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
.milestone h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 355px;
  height: 100%;
  padding-right: 55px;
  overflow: hidden;
  text-align: right;
  font-size: 24px;
}
@media only print, only screen and (max-width: 779px) {
  .milestone h3 {
    width: 48.96552%;
    padding-right: 15.49296%;
  }
}
@media only print, only screen and (max-width: 567px) {
  .milestone h3 {
    padding-right: 40px;
  }
}
.milestone h3:before {
  content: '';
  position: absolute;
  top: 15px;
  right: 0;
  width: 6px;
  height: 100%;
  -webkit-transform: translate(-12px, 0);
  -ms-transform: translate(-12px, 0);
  -o-transform: translate(-12px, 0);
  transform: translate(-12px, 0);
}
.milestone h3:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.milestone img {
  position: absolute;
  top: 50%;
  right: 51.03448%;
  width: 42.48276%;
  border: 6px solid #666;
  margin-top: 15px;
  -webkit-transform: translate(-12px, -50%);
  -ms-transform: translate(-12px, -50%);
  -o-transform: translate(-12px, -50%);
  transform: translate(-12px, -50%);
}
.milestone p,
.milestone ul {
  max-width: 355px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
.milestone_1880s h3,
.milestone_1970s h3 {
  color: #549647;
}
.milestone_1880s h3:before, .milestone_1880s h3:after,
.milestone_1970s h3:before,
.milestone_1970s h3:after {
  background: #549647;
}
.milestone_1880s img,
.milestone_1970s img {
  border-color: #549647;
}
.milestone_1920s h3,
.milestone_1980s h3 {
  color: #f86400;
}
.milestone_1920s h3:before, .milestone_1920s h3:after,
.milestone_1980s h3:before,
.milestone_1980s h3:after {
  background: #f86400;
}
.milestone_1920s img,
.milestone_1980s img {
  border-color: #f86400;
}
.milestone_1940s h3,
.milestone_1990s h3 {
  color: #d52b1e;
}
.milestone_1940s h3:before, .milestone_1940s h3:after,
.milestone_1990s h3:before,
.milestone_1990s h3:after {
  background: #d52b1e;
}
.milestone_1940s img,
.milestone_1990s img {
  border-color: #d52b1e;
}
.milestone_1950s h3,
.milestone_2000s h3 {
  color: #7dc2e4;
}
.milestone_1950s h3:before, .milestone_1950s h3:after,
.milestone_2000s h3:before,
.milestone_2000s h3:after {
  background: #7dc2e4;
}
.milestone_1950s img,
.milestone_2000s img {
  border-color: #7dc2e4;
}
.milestone_1960s h3 {
  color: #bcc832;
}
.milestone_1960s h3:before, .milestone_1960s h3:after {
  background: #bcc832;
}
.milestone_1960s img {
  border-color: #bcc832;
}
.milestone_2000s .img_1 {
  top: 39%;
}
.milestone_2000s .img_2 {
  top: 72%;
}
/* image tiles */
#imagetiles td {
  border: none;
  padding-bottom: 10px;
}
#imagetiles td img {
  width: 220px;
}
@media only print, only screen and (max-width: 479px) {
  #imagetiles h3 {
    font-size: 12px;
  }
}
@media only print, only screen and (max-width: 379px) {
  #imagetiles h3 {
    font-size: 10px;
  }
}
/* RSS Feeds */
.RSSReader h2 {
  font-size: 32px;
  margin: 30px 0 20px;
}
.RSSReader .description a {
  text-transform: uppercase;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 16px;
  color: #d52b1e;
}
/* Careers */
@media only print, only screen and (max-width: 779px) {
  .job-search-iframe-wrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/* 
   ==========================================================================
   tabbed content styles
   ========================================================================== */
#container {
  margin: 0 auto;
  width: 100%;
}
#container ul.tabs {
  float: left;
  width: 100%;
  height: 42px;
  padding: 0;
  margin: 0;
}
#container ul.tabs li {
  position: relative;
  z-index: 999;
  float: left;
  width: 242px;
  height: 42px;
  padding: 10px 21px 0;
  margin: 0;
  list-style: none;
  line-height: 16px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-weight: bold;
  color: white;
  background: url(/_assets/img/1test/tab.png) no-repeat right 50%;
  cursor: pointer;
}
#container ul.tabs li:hover {
  background: url(/_assets/img/1test/hover-tab-red.png) no-repeat right 50%;
}
#container ul.tabs li.active {
  z-index: 1;
  color: white;
  background: url(/_assets/img/1test/active-tab-red.png) no-repeat right 50%;
}
@media only print, only screen and (max-width: 533px) {
  #container ul.tabs li {
    width: 50%;
    padding-top: 7px;
    padding-left: 4.34783%;
  }
}
#container ul.tabs-blue li:hover {
  background-image: url(/_assets/img/1test/hover-tab-blue.png);
}
#container ul.tabs-blue li.active {
  background-image: url(/_assets/img/1test/active-tab-blue.png);
}
#container ul.tabs-green li:hover {
  background-image: url(/_assets/img/1test/hover-tab-green.png);
}
#container ul.tabs-green li.active {
  background-image: url(/_assets/img/1test/active-tab-green.png);
}
#container ul.tabs-purple li:hover {
  background-image: url(/_assets/img/1test/hover-tab-purple.png);
}
#container ul.tabs-purple li.active {
  background-image: url(/_assets/img/1test/active-tab-purple.png);
}
#container ul.tabs-3 li {
  width: 192px;
}
@media only print, only screen and (max-width: 625px) {
  #container ul.tabs-3 li {
    width: 33.33333333333333%;
  }
}
#container .tab_container {
  float: left;
  clear: both;
  width: 100%;
  border-top: #d52b1e 10px solid;
  background: white;
}
#container .tab_container .pane {
  background-color: white;
}
#container .tab_container-blue .pane,
#container .tab_container-green .pane,
#container .tab_container-orange .pane,
#container .tab_container-purple .pane {
  background-color: #d5d2cb;
}
#container .tab_container-blue {
  border-top-color: #1aa1d9;
}
#container .tab_container-green {
  border-top-color: #00af3f;
}
#container .tab_container-orange {
  border-top-color: #ff6d22;
}
#container .tab_container-purple {
  border-top-color: #b1059d;
}
#container .tab_content {
  padding: 0;
  font-size: 1.2em;
}
#container .pane {
  display: none;
}
#container .pane::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
#container .active.pane {
  display: block;
}
#container .paging {
  padding-bottom: 10px;
  padding-top: 20px;
  cursor: pointer;
}
#container .paging h2 {
  padding: 0 1.7vw 10px;
  font-weight: normal;
  font-size: 19.2px;
  text-align: center;
  color: white;
}
#container .paging .list-unstyled li {
  margin: 0 16px;
}
@media only print, only screen and (max-width: 779px) {
  #container .paging .list-unstyled {
    margin-bottom: 0;
  }
  #container .paging .list-unstyled li {
    margin: 0 1.7vw;
  }
  #container .paging .list-unstyled li div {
    width: 9.49936vw;
    height: 9.49936vw;
  }
}
#container .paging-red {
  background-color: #d52b1e;
}
#container .paging-purple {
  background-color: #b1059d;
}
#container .paging-blue {
  background-color: #1aa1d9;
}
#container .paging-green {
  background-color: #00af3f;
}
#container .paging-orange {
  background-color: #ff6d22;
}
#sus-1,
#sus-2,
#sus-3,
#engage-1,
#engage-2,
#engage-3,
#diabetes-1-1,
#diabetes-1-2,
#diabetes-1-3,
#diabetes-2-1,
#diabetes-2-2,
#diabetes-2-3,
#diabetes-2-4,
#diabetes-2-5,
#tuber-1-1,
#tuber-1-2,
#tuber-2-1,
#tuber-2-2,
#tuber-2-3,
#tuber-2-4,
#gdos-1-1,
#gdos-1-2,
#gdos-1-3,
#gdos-1-4,
#gdos-2-1,
#gdos-2-2,
#gdos-2-3,
#workplace-1,
#workplace-2,
#workplace-3,
#women-1-1,
#women-1-2,
#women-1-3,
#women-1-4,
#women-2-1,
#women-2-2,
#women-2-3,
#women-2-4,
#women-2-5,
#women-2-6 {
  width: 74px;
  height: 74px;
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#sus-1 {
  background-image: url("../img/responsibility/slidericons/sus-tab1.png");
}
#sus-1:hover {
  background-image: url("../img/responsibility/slidericons/sus-tab1-hover.png");
}
#sus-2 {
  background-image: url("../img/responsibility/slidericons/sus-tab2.png");
}
#sus-2:hover {
  background-image: url("../img/responsibility/slidericons/sus-tab2-hover.png");
}
#sus-3 {
  background-image: url("../img/responsibility/slidericons/sus-tab3.png");
}
#sus-3:hover {
  background-image: url("../img/responsibility/slidericons/sus-tab3-hover.png");
}
#engage-1 {
  background-image: url("../img/responsibility/slidericons/engage-1.png");
}
#engage-1:hover {
  background-image: url("../img/responsibility/slidericons/engage-1-hover.png");
}
#engage-2 {
  background-image: url("../img/responsibility/slidericons/engage-2.png");
}
#engage-2:hover {
  background-image: url("../img/responsibility/slidericons/engage-2-hover.png");
}
#engage-3 {
  background-image: url("../img/responsibility/slidericons/engage-3.png");
}
#engage-3:hover {
  background-image: url("../img/responsibility/slidericons/engage-3-hover.png");
}
#diabetes-1-1 {
  background-image: url("../img/responsibility/slidericons/diabetes-1-1.png");
}
#diabetes-1-1:hover {
  background-image: url("../img/responsibility/slidericons/diabetes-1-1-hover.png");
}
#diabetes-1-2 {
  background-image: url("../img/responsibility/slidericons/diabetes-1-2.png");
}
#diabetes-1-2:hover {
  background-image: url("../img/responsibility/slidericons/diabetes-1-2-hover.png");
}
#diabetes-1-3 {
  background-image: url("../img/responsibility/slidericons/diabetes-1-3.png");
}
#diabetes-1-3:hover {
  background-image: url("../img/responsibility/slidericons/diabetes-1-3-hover.png");
}
#diabetes-2-1 {
  background-image: url("../img/responsibility/slidericons/diabetes-2-1.png");
}
#diabetes-2-1:hover {
  background-image: url("../img/responsibility/slidericons/diabetes-2-1-hover.png");
}
#diabetes-2-2 {
  background-image: url("../img/responsibility/slidericons/diabetes-2-2.png");
}
#diabetes-2-2:hover {
  background-image: url("../img/responsibility/slidericons/diabetes-2-2-hover.png");
}
#diabetes-2-3 {
  background-image: url("../img/responsibility/slidericons/diabetes-2-3.png");
}
#diabetes-2-3:hover {
  background-image: url("../img/responsibility/slidericons/diabetes-2-3-hover.png");
}
#diabetes-2-4 {
  background-image: url("../img/responsibility/slidericons/diabetes-2-4.png");
}
#diabetes-2-4:hover {
  background-image: url("../img/responsibility/slidericons/diabetes-2-4-hover.png");
}
#diabetes-2-5 {
  background-image: url("../img/responsibility/slidericons/diabetes-2-5.png");
}
#diabetes-2-5:hover {
  background-image: url("../img/responsibility/slidericons/diabetes-2-5-hover.png");
}
#tuber-1-1 {
  background-image: url("../img/responsibility/slidericons/tuber-1-1.png");
}
#tuber-1-1:hover {
  background-image: url("../img/responsibility/slidericons/tuber-1-1-hover.png");
}
#tuber-1-2 {
  background-image: url("../img/responsibility/slidericons/tuber-1-2.png");
}
#tuber-1-2:hover {
  background-image: url("../img/responsibility/slidericons/tuber-1-2-hover.png");
}
#tuber-2-1 {
  background-image: url("../img/responsibility/slidericons/tuber-2-1.png");
}
#tuber-2-1:hover {
  background-image: url("../img/responsibility/slidericons/tuber-2-1-hover.png");
}
#tuber-2-2 {
  background-image: url("../img/responsibility/slidericons/tuber-2-2.png");
}
#tuber-2-2:hover {
  background-image: url("../img/responsibility/slidericons/tuber-2-2-hover.png");
}
#tuber-2-3 {
  background-image: url("../img/responsibility/slidericons/tuber-2-3.png");
}
#tuber-2-3:hover {
  background-image: url("../img/responsibility/slidericons/tuber-2-3-hover.png");
}
#tuber-2-4 {
  background-image: url("../img/responsibility/slidericons/tuber-2-4.png");
}
#tuber-2-4:hover {
  background-image: url("../img/responsibility/slidericons/tuber-2-4-hover.png");
}
#gdos-1-1 {
  background-image: url("../img/responsibility/slidericons/gdos-1-1.png");
}
#gdos-1-1:hover {
  background-image: url("../img/responsibility/slidericons/gdos-1-1-hover.png");
}
#gdos-1-2 {
  background-image: url("../img/responsibility/slidericons/gdos-1-2.png");
}
#gdos-1-2:hover {
  background-image: url("../img/responsibility/slidericons/gdos-1-2-hover.png");
}
#gdos-1-3 {
  background-image: url("../img/responsibility/slidericons/gdos-1-3.png");
}
#gdos-1-3:hover {
  background-image: url("../img/responsibility/slidericons/gdos-1-3-hover.png");
}
#gdos-1-4 {
  background-image: url("../img/responsibility/slidericons/gdos-1-4.png");
}
#gdos-1-4:hover {
  background-image: url("../img/responsibility/slidericons/gdos-1-4-hover.png");
}
#gdos-2-1 {
  background-image: url("../img/responsibility/slidericons/gdos-2-1.png");
}
#gdos-2-1:hover {
  background-image: url("../img/responsibility/slidericons/gdos-2-1-hover.png");
}
#gdos-2-2 {
  background-image: url("../img/responsibility/slidericons/gdos-2-2.png");
}
#gdos-2-2:hover {
  background-image: url("../img/responsibility/slidericons/gdos-2-2-hover.png");
}
#gdos-2-3 {
  background-image: url("../img/responsibility/slidericons/gdos-2-3.png");
}
#gdos-2-3:hover {
  background-image: url("../img/responsibility/slidericons/gdos-2-3-hover.png");
}
#workplace-1 {
  background-image: url("../img/responsibility/slidericons/workplace-1.png");
}
#workplace-1:hover {
  background-image: url("../img/responsibility/slidericons/workplace-1-hover.png");
}
#workplace-2 {
  background-image: url("../img/responsibility/slidericons/workplace-2.png");
}
#workplace-2:hover {
  background-image: url("../img/responsibility/slidericons/workplace-2-hover.png");
}
#workplace-3 {
  background-image: url("../img/responsibility/slidericons/workplace-3.png");
}
#workplace-3:hover {
  background-image: url("../img/responsibility/slidericons/workplace-3-hover.png");
}
#women-1-1 {
  background-image: url("../img/diversity/womenatlilly/women-1-1.png");
}
#women-1-1:hover {
  background-image: url("../img/diversity/womenatlilly/women-1-1-hover.png");
}
#women-1-2 {
  background-image: url("../img/diversity/womenatlilly/women-1-2.png");
}
#women-1-2:hover {
  background-image: url("../img/diversity/womenatlilly/women-1-2-hover.png");
}
#women-1-3 {
  background-image: url("../img/diversity/womenatlilly/women-1-3.png");
}
#women-1-3:hover {
  background-image: url("../img/diversity/womenatlilly/women-1-3-hover.png");
}
#women-1-4 {
  background-image: url("../img/diversity/womenatlilly/women-1-4.png");
}
#women-1-4:hover {
  background-image: url("../img/diversity/womenatlilly/women-1-4-hover.png");
}
#women-2-1 {
  background-image: url("../img/diversity/womenatlilly/women-2-1.png");
}
#women-2-1:hover {
  background-image: url("../img/diversity/womenatlilly/women-2-1-hover.png");
}
#women-2-2 {
  background-image: url("../img/diversity/womenatlilly/women-2-2.png");
}
#women-2-2:hover {
  background-image: url("../img/diversity/womenatlilly/women-2-2-hover.png");
}
#women-2-3 {
  background-image: url("../img/diversity/womenatlilly/women-2-3.png");
}
#women-2-3:hover {
  background-image: url("../img/diversity/womenatlilly/women-2-3-hover.png");
}
#women-2-4 {
  background-image: url("../img/diversity/womenatlilly/women-2-4.png");
}
#women-2-4:hover {
  background-image: url("../img/diversity/womenatlilly/women-2-4-hover.png");
}
#women-2-5 {
  background-image: url("../img/diversity/womenatlilly/women-2-5.png");
}
#women-2-5:hover {
  background-image: url("../img/diversity/womenatlilly/women-2-5-hover.png");
}
#women-2-6 {
  background-image: url("../img/diversity/womenatlilly/women-2-6.png");
}
#women-2-6:hover {
  background-image: url("../img/diversity/womenatlilly/women-2-6-hover.png");
}
/* 
   ==========================================================================
   search results styles
   ========================================================================== */
.srch-wrapper {
  margin-right: 10px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
.srch-header,
.srch-footer {
  font-size: 14px;
}
.srch-header::after,
.srch-footer::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
.srch-stats {
  float: left;
  margin-left: 10px;
  padding-bottom: 10px;
}
.srch-sort-right {
  float: right;
  padding-bottom: 10px;
}
.srch-page {
  clear: both;
  padding: 5px 0;
  font-size: 1em;
  text-align: center;
  color: #666;
}
.srch-page a {
  float: left;
  padding: 4px 7.5px;
  border: 1px solid transparent;
  margin: 0 3px;
  font-size: 1.1em;
  color: #1D71B6 !important;
}
.srch-page a:hover {
  border-top: solid 1px #c6e5f8;
  border-right: solid 1px #91cdf2;
  border-left: solid 1px #91cdf2;
  border-bottom: solid 1px #91cdf2;
}
.srch-page strong {
  float: left;
  border-top: solid 1px #c6e5f8;
  border-right: solid 1px #91cdf2;
  border-left: solid 1px #91cdf2;
  border-bottom: solid 1px #91cdf2;
  padding: 4px 7.5px;
  margin: 0 3px;
  font-size: 1.1em;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  background-image: -webkit-linear-gradient(top, #ebf7ff 0%, #ceecff 100%);
  background-image: -o-linear-gradient(top, #ebf7ff 0%, #ceecff 100%);
  background-image: linear-gradient(to bottom, #ebf7ff 0%, #ceecff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEBF7FF', endColorstr='#FFCEECFF', GradientType=0);
  background-color: #ccebff;
  text-decoration: none;
  font-weight: normal;
}
.srch-page-img a {
  border: none;
  border-top: 1px solid transparent;
  padding-left: 4px;
  padding-right: 4px;
  background: none;
}
.srch-page-img a:hover {
  border-top: solid 1px #c6e5f8;
  border-right: solid 1px #91cdf2;
  border-left: solid 1px #91cdf2;
  border-bottom: solid 1px #91cdf2;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 2px;
  text-decoration: none;
}
.srch-page-img a img {
  vertical-align: bottom;
}
.srch-results {
  max-width: 630px;
  padding-top: 20px;
  padding-left: 24px;
}
.srch-results .srch-icon,
.srch-results .srch-title {
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  font-size: 16px;
  color: #555;
}
.srch-results .srch-title a {
  margin-left: 4px;
  font-size: 1.2em;
  font-family: tahoma, verdana, -apple-system, sans-serif;
}
.srch-results .srch-description {
  font-size: 16px;
  font-family: Times, "Times New Roman", Georgia, serif;
  line-height: 1.2;
  color: #555;
}
.srch-results .srch-metadata {
  margin-top: 2px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
  color: #888;
}
@media only print, only screen and (max-width: 767px) {
  .srch-wrapper {
    margin-right: 0;
  }
  .srch-stats,
  .srch-sort-right {
    float: none;
    margin-left: 10px;
  }
}
@media only print, only screen and (max-width: 567px) {
  .srch-stats,
  .srch-sort-right {
    margin-left: 0;
  }
  .srch-results {
    max-width: none;
    padding-left: 0;
  }
}
/* 
   ==========================================================================
   form styles
   ========================================================================== */
.form-wrapper {
  padding-right: 10px;
  font-size: 16px;
  line-height: 1.42857143;
}
.form-wrapper::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
.form-wrapper .form-row::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
.form-wrapper h2 {
  border-bottom: 1px solid #999;
  margin-bottom: 15px;
}
.form-wrapper .col {
  float: left;
  width: 50%;
  padding-right: 20px;
}
@media only print, only screen and (max-width: 767px) {
  .form-wrapper .col {
    float: none;
    width: auto;
    padding-right: 0;
  }
}
.form-wrapper .col2 {
  padding-right: 0;
}
.form-wrapper .form-group {
  position: relative;
  margin-bottom: 15px;
}
.form-wrapper .form-group.buttons {
  text-align: center;
  padding-right: 20px;
}
.form-wrapper .form-group.buttons .btn {
  margin-bottom: 15px;
}
@media only print, only screen and (max-width: 767px) {
  .form-wrapper .form-group.buttons {
    padding-right: 0;
  }
}
.form-wrapper .form-group .requestForm-error-required,
.form-wrapper .form-group .requestForm-error-message {
  font-size: 14px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  color: #a94442;
}
.form-wrapper .form-group .requestForm-error-required {
  position: absolute;
  bottom: 0;
  right: 10px;
  height: 34px;
  line-height: 34px;
}
.form-wrapper .form-group .requestForm-error-message {
  display: block;
}
.form-wrapper label {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
}
.form-wrapper .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: white;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-wrapper .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(26, 161, 217, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(26, 161, 217, 0.6);
}
.form-wrapper .form-control[disabled], .form-wrapper .form-control[readonly] {
  background-color: #eee;
  opacity: 1;
}
.form-wrapper .form-control[disabled] {
  cursor: not-allowed;
}
.form-wrapper .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-wrapper .form-control:-ms-input-placeholder {
  color: #999;
}
.form-wrapper .form-control::-webkit-input-placeholder {
  color: #999;
}
.form-wrapper .form-control.placeholder {
  font-style: italic;
  color: #999;
}
.form-wrapper fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
  cursor: not-allowed;
}
.form-wrapper .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #777;
}
.form-wrapper .recaptcha-container {
  max-width: 440px;
  margin: 0 auto;
  background: white;
}
@media only print, only screen and (max-width: 533px) {
  .form-wrapper .recaptcha-container .recaptchatable .recaptcha_image_cell {
    width: 68.63636% !important;
  }
  .form-wrapper .recaptcha-container .recaptchatable .recaptcha_image_cell center img {
    height: auto !important;
  }
  .form-wrapper .recaptcha-container .recaptchatable #recaptcha_image {
    width: 100% !important;
    height: 100% !important;
  }
  .form-wrapper .recaptcha-container .recaptchatable #recaptcha_logo {
    display: none;
  }
  .form-wrapper .recaptcha-container .recaptchatable #recaptcha_response_field {
    width: 100% !important;
  }
}
textarea.form-control {
  height: auto;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.focus, .btn:focus, .btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: white;
  border-color: #ccc;
}
.btn-default.focus, .btn-default:focus {
  color: #333;
  background-color: #eee;
  border-color: #888;
}
.btn-default:hover {
  color: #333;
  background-color: #eee;
  border-color: #aaa;
}
.btn-default.active, .btn-default:active {
  color: #333;
  background-color: #eee;
  border-color: #aaa;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover {
  color: #333;
  background-color: #ccc;
  border-color: #888;
}
.btn-default.active, .btn-default:active {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover {
  background-color: white;
  border-color: #ccc;
}
.btn-primary {
  color: white;
  background-color: #0072bc;
  border-color: #0063a3;
}
.left-side .btn-primary, .left-side .btn-primary:hover {
  color: white;
}
.btn-primary:focus, .btn-primary.focus {
  color: white;
  background-color: #005389;
  border-color: #001523;
}
.btn-primary:hover {
  color: white;
  background-color: #005389;
  border-color: #003d65;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #005389;
  border-color: #003d65;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: white;
  background-color: #003d65;
  border-color: #001523;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #0072bc;
  border-color: #0063a3;
}
.pagination {
  display: block;
  margin: 0 0 20px;
  height: 34px;
  line-height: 34px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.pagination > span a,
.pagination > span span {
  display: inline-block;
  width: 30px;
  text-align: center;
}
.pagination a {
  color: #0072bc;
}
.pagination a:hover {
  color: #0063a3;
  text-decoration: none;
}
.pagination a.aspNetDisabled {
  color: #666;
  cursor: text;
}
.pagination a.aspNetDisabled:hover {
  color: #666;
}
.form-results-wrapper {
  padding-right: 10px;
  margin-top: 20px;
}
.form-results-header::after {
  content: '';
  display: table;
  clear: both;
  /* https://css-tricks.com/snippets/css/clear-fix/ */
}
.form-results-header h2 {
  float: left;
}
.form-results-header h3 {
  float: right;
}
@media only print, only screen and (max-width: 479px) {
  .form-results-header h2,
  .form-results-header h3 {
    float: none;
  }
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: white;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
  font-size: 14px;
}
.table th {
  text-align: left;
  font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #eee;
}
.table-csr-results {
  margin-top: 10px;
  margin-bottom: 20px;
}
#interior #content .left-side .table-csr-results, #interior #content .left-side .table-csr-results table {
  font-size: 14px;
  font-family: "DINWebPro", Arial, -apple-system, sans-serif;
}
.table-csr-results a {
  color: #d52b1e;
}
.table-csr-results a:hover {
  text-decoration: underline;
}
.table-csr-results .table {
  border-bottom: 1px solid #ddd;
}
.table-csr-results .table th {
  min-width: 108px;
}
.table-csr-results .table .title {
  border-bottom: 2px solid #ddd;
  background: #f5f5f5;
}
.table-csr-results .table .title > th {
  width: 6.35%;
}
.table-csr-results .table .title > td {
  width: 93.65%;
}
.table-csr-results .table .grid > th,
.table-csr-results .table .grid > td {
  border: 0;
  padding: 0;
}
.table-csr-results .table .grid .table {
  margin-bottom: 0;
  border-bottom: 0;
}
.table-csr-results .table .grid .table th {
  border-bottom-width: 1px;
}
@media only print, only screen and (max-width: 567px) {
  .table-csr-results .table .grid .table {
    display: block;
  }
  .table-csr-results .table .grid .table tbody,
  .table-csr-results .table .grid .table tr,
  .table-csr-results .table .grid .table td {
    display: block;
  }
  .table-csr-results .table .grid .table thead {
    display: none;
  }
  .table-csr-results .table .grid .table td:first-child {
    border-top: 0;
  }
  .table-csr-results .table .grid .table td:before {
    display: inline-block;
    min-width: 108px;
    content: attr(data-label);
    font-family: "DINWebPro-Bold", Arial, -apple-system, sans-serif;
  }
}
/* 
   ==========================================================================
   tooltip styles
   ========================================================================== */
.tooltip {
  width: 150px;
  padding: 5px;
  font-size: 10px;
  color: white;
  background: #888;
}
.ui-tooltip,
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
}
.ui-tooltip-fluid {
  display: block;
  visibility: hidden;
  position: static !important;
  float: left !important;
}
.ui-tooltip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  border: 1px solid black;
  text-align: left;
  word-wrap: break-word;
}
.ui-tooltip-titlebar {
  position: relative;
  min-height: 14px;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border: 1px solid black;
  border-width: 1px 1px 0;
  font-weight: bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content {
  border-top-width: 0 !important;
}
/* Default close button class */
.ui-tooltip-titlebar .ui-state-default {
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -9px;
  cursor: pointer;
  outline: medium none;
  border-width: 1px;
  border-style: solid;
}
* html .ui-tooltip-titlebar .ui-state-default {
  top: 16px;
}
.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
}
.ui-tooltip-icon,
.ui-tooltip-icon .ui-icon {
  border-radius: 3px;
}
.ui-tooltip-icon .ui-icon {
  width: 18px;
  height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
/*!Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content {
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555;
}
.ui-tooltip-default .ui-tooltip-titlebar {
  background-color: #FFEF93;
}
.ui-tooltip-default .ui-tooltip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
  border-color: #AAA;
  color: #111;
}
.ui-tooltip .ui-tooltip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
  position: absolute;
  line-height: 0.1px !important;
  font-size: 0.1px !important;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}
.ui-tooltip .ui-tooltip-tip canvas {
  top: 0;
  left: 0;
}
/* Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content {
  border: 2px solid #777;
  color: #d52b1e;
}
.ui-tooltip-red .ui-tooltip-content {
  background-color: #bbb;
}
.ui-tooltip-red .ui-tooltip-titlebar {
  background-color: #f06d65;
}
.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
  background-position: -102px 0;
}
.ui-tooltip-red .ui-tooltip-icon {
  border-color: white;
}
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
  border-color: white;
}
/* 
   ==========================================================================
   fancybox styles
   ========================================================================== */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}
#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../img/fancybox/fancybox.png");
}
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}
#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}
#fancybox-wrap {
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}
#fancybox-wrap * {
  box-sizing: content-box;
}
#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: white;
}
#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0 solid white;
}
#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}
#fancybox-close {
  position: absolute;
  top: -15px;
  right: -13px;
  width: 30px;
  height: 30px;
  background: transparent url("../img/fancybox/fancybox.png") -40px 0;
  cursor: pointer;
  z-index: 1103;
  display: none;
}
#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}
#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}
#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url("../img/fancybox/blank.gif");
  z-index: 1102;
  display: none;
}
#fancybox-left {
  left: 0;
}
#fancybox-right {
  right: 0;
}
#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9995px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}
#fancybox-left-ico {
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -30px;
}
#fancybox-right-ico {
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}
#fancybox-left:hover span {
  left: 20px;
}
#fancybox-right:hover span {
  left: auto;
  right: 20px;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}
#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../img/fancybox/fancybox-x.png");
}
#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -162px;
}
#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("../img/fancybox/fancybox-y.png");
  background-position: -20px 0;
}
#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -182px;
}
#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("../img/fancybox/fancybox-x.png");
  background-position: 0 -20px;
}
#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -142px;
}
#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("../img/fancybox/fancybox-y.png");
}
#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -122px;
}
#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}
.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: white;
  position: relative;
}
.fancybox-title-outside {
  padding-top: 10px;
  color: white;
}
.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  text-align: left;
}
#fancybox-title-over {
  padding: 10px;
  background-image: url("../img/fancybox/fancy_title_over.png");
  display: block;
}
.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}
#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}
#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}
#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("../img/fancybox/fancybox.png") -40px -90px no-repeat;
}
#fancybox-title-float-main {
  color: white;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("../img/fancybox/fancybox-x.png") 0 -40px;
}
#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("../img/fancybox/fancybox.png") -55px -90px no-repeat;
}
/* IE */
.lt-ie10 .white-text {
  margin: 0 5px 10px 0;
}
.lt-ie10 .white-text-bottom {
  bottom: 0;
  right: -5px;
}
.lt-ie10 .fluid-text-top,
.lt-ie10 .quote-top-purple,
.lt-ie10 .quote-top-red,
.lt-ie10 .quote-top-green,
.lt-ie10 .quote-top-blue,
.lt-ie10 .quote-top-orange {
  left: 10px;
}
.lt-ie10 .fluid-text-bottom {
  bottom: 10px;
  right: 10px;
}
.lt-ie10 .fluid-text,
.lt-ie10 .quote-blue,
.lt-ie10 .quote-red,
.lt-ie10 .quote-green,
.lt-ie10 .quote-orange,
.lt-ie10 .quote-purple {
  margin: 0 20px 20px 10px;
}
.lt-ie10 .quote-bottom-blue,
.lt-ie10 .quote-bottom-purple,
.lt-ie10 .quote-bottom-red,
.lt-ie10 .quote-bottom-green,
.lt-ie10 .quote-bottom-orange {
  margin-right: 10px;
  bottom: 10px;
  right: 0;
}
.lt-ie10 .excerpt-wrap .quote-purple,
.lt-ie10 .excerpt-wrap .quote-green {
  margin-left: 0;
}
.lt-ie10 .excerpt-wrap .quote-top-purple,
.lt-ie10 .excerpt-wrap .quote-top-green {
  left: 0;
}
.lt-ie10 #fancybox-wrap {
  position: absolute;
}
/*
 * LeaveNotice - plug in to notify users of leaving your site
 * Examples and documentation at: http://rewdy.com/tools/leavenotice-jquery-plugin
 */
/* The style for the blackout div that appears when the exit dialog is shown. */
#ln-blackout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
/* This style is for a container that holds the message dialog box. It has been added primarily to help with positioning. I know some people would complain about this, but it seems more efficient this way even it is isn't semanitc. */
#ln-messageHolder {
  position: fixed;
  top: 150px;
  left: 0;
  width: 100%;
}
/* This style is for the div that holds the actual exit dialog. */
#ln-messageBox {
  width: 520px;
  min-height: 200px;
  margin: 0 auto;
  background-color: #fff;
  border: 10px solid #e6e6e6;
  -moz-box-shadow: 0 0 20px 10px #666;
  -webkit-box-shadow: 0 0 20px #666;
  text-align: center;
  padding: 20px;
}
@media only print, only screen and (max-width: 567px) {
  #ln-messageBox {
    width: 92%;
  }
}
a {
  /* This style is applied to the link that closes the dialog. */
  /* This style is applied to the link that closes the dialog. */
}
a#ln-cancelLink {
  background-color: #e6e6e6;
  font-weight: bold;
  padding: 5px;
  color: #666;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
}
a#ln-cancelLink:hover {
  background-color: #666;
  color: #e6e6e6;
}
a#ln-closeLink {
  background-color: #e6e6e6;
  font-weight: bold;
  padding: 5px;
  color: #666;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
}
a#ln-closeLink:hover {
  background-color: #666;
  color: #e6e6e6;
}
/* This style is for the box that holds the section that says where the user is being directed to. */
.setoff {
  background-color: #f2f2f2;
  padding: 5px;
  margin: 10px 0 20px 0;
}
/* 
   ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  *,
  a {
    color: black;
  }
  h1 {
    display: inline !important;
    color: black !important;
    overflow: visible;
    float: none;
    text-indent: 0;
  }
  img {
    page-break-before: avoid;
    page-break-after: avoid;
  }
  .editing-tools,
  #wrapper #header .wrap #lilly-logo,
  #overlay,
  #top-nav,
  #lilly-logo,
  #ctl00_HyperLink1,
  #main-nav,
  #double-helix,
  .left-callouts,
  .push,
  .call-off,
  .call-on,
  #footer .wrap {
    display: none;
  }
  #wrapper {
    border: none;
  }
  #hidLillyText {
    display: block;
    color: black;
    background: none;
    border-bottom: none;
    text-decoration: none;
  }
  #body-content,
  #interior #content {
    background: none;
  }
  .narrow #content {
    width: 960px;
  }
  .narrow .left-side {
    width: 960px;
  }
  .left-side,
  .heading {
    display: block;
  }
  .right-nav,
  .side-nav {
    display: none;
    border: 0;
  }
  /* interior pages */
  .heading {
    width: 1000px;
  }
}