/**
 * MARGIN SHORTCUTS
 * these are shortcuts to the margin-{side} CSS property
 */
/**
 * MARGIN - H / V
 * these are shortcuts to set only horizontals or vertical margins without alter existing rules
 * you can use these mixins with one value applied to the left/right, top/bottom margins or
 * you can use them with separated values
 */
/**
 * PADDING SHORTCUTS
 * these are shortcuts to the padding-{side} CSS property
 */
/**
 * PADDING - H / V
 * these are shortcuts to set only horizontals or vertical paddings without alter existing rules
 * you can use these mixins with one value applied to the left/right, top/bottom paddings or
 * you can use them with separated values
 */
/**
  * TRANSPARENT BACKGROUND COLOR
  * this mixin will set the opacity level of the background color of a block level element
  * pass the color as hex, and the mixin will create the rgba values.
  */
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/* fullscreen image */
.viewer-fullscreen {
  background: #222;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100;
  text-align: center;
}
.viewer-fullscreen img {
  max-height: 100% !important;
}
#jquery-fullsizable {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 999;
}
#jquery-fullsizable.fullsized_spinner {
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAAAAAAP///zw8PLy8vP///5ycnHx8fGxsbCH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#jquery-fullsizable #fullsized_image_holder img {
  display: block;
  margin: 0 auto;
}
#fullsized_go_prev,
#fullsized_go_next,
#fullsized_close,
#fullsized_fullscreen {
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #222;
}
#fullsized_go_prev {
  left: 25px;
}
#fullsized_go_next {
  right: 25px;
}
#fullsized_close {
  top: 0;
  right: 0;
  background: url('../img/jquery-fullsizable.png') -64px 0;
}
#fullsized_fullscreen {
  top: 0;
  right: 40px;
  background: url('../img/jquery-fullsizable.png') -96px 0;
}
:fullscreen #fullsized_fullscreen {
  background-color: #222;
}
:-webkit-full-screen #fullsized_fullscreen {
  background-color: #222;
}
:-moz-full-screen #fullsized_fullscreen {
  background-color: #222;
}
@font-face {
  font-family: PFDINText;
  font-weight: 700;
  font-style: normal;
  src: url(/static/media/pfdin/3519D7_0_0.eot);
  src: url(/static/media/pfdin/3519D7_0_0.eot) format("embedded-opentype"), url(/static/media/pfdin/3519D7_0_0.woff2) format("woff2"), url(/static/media/pfdin/3519D7_0_0.woff) format("woff"), url(/static/media/pfdin/3519D7_0_0.ttf) format("truetype");
}
@font-face {
  font-family: PFDINText;
  font-weight: 700;
  font-style: normal;
  src: url(/static/media/pfdin/3519D7_1_0.eot);
  src: url(/static/media/pfdin/3519D7_1_0.eot) format("embedded-opentype"), url(/static/media/pfdin/3519D7_1_0.woff2) format("woff2"), url(/static/media/pfdin/3519D7_1_0.woff) format("woff"), url(/static/media/pfdin/3519D7_1_0.ttf) format("truetype");
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/static/fonts/avenir/AvenirNext-Medium.eot');
  src: url('/static/fonts/avenir/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'), url('/static/fonts/avenir/AvenirNext-Medium.woff') format('woff'), url('/static/fonts/avenir/AvenirNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/static/fonts/avenir/avenir-next-bold.eot');
  src: url('/static/fonts/avenir/avenir-next-bold.eot') format('embedded-opentype'), url('/static/fonts/avenir/avenir-next-bold.woff') format('woff'), url('/static/fonts/avenir/avenir-next-bold.ttf') format('truetype'), url('/static/fonts/avenir/avenir-next-bold.svg#AvenirNextLTW01BoldRegular') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/static/fonts/avenir/avenir-next-italic.eot');
  src: url('/static/fonts/avenir/avenir-next-italic.eot') format('embedded-opentype'), url('/static/fonts/avenir/avenir-next-italic.woff') format('woff'), url('/static/fonts/avenir/avenir-next-italic.ttf') format('truetype'), url('/static/fonts/avenir/avenir-next-italic.svg#AvenirNextLTW01ItalicRegular') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/static/fonts/avenir/avenir-next-regular.eot');
  src: url('/static/fonts/avenir/avenir-next-regular.eot') format('embedded-opentype'), url('/static/fonts/avenir/avenir-next-regular.woff') format('woff'), url('/static/fonts/avenir/avenir-next-regular.ttf') format('truetype'), url('/static/fonts/avenir/avenir-next-regular.svg#AvenirNextLTW01RegularRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvenirNext';
  src: url('/static/fonts/avenir/avenir-next-thin.eot');
  src: url('/static/fonts/avenir/avenir-next-thin.eot') format('embedded-opentype'), url('/static/fonts/avenir/avenir-next-thin.woff') format('woff'), url('/static/fonts/avenir/avenir-next-thin.ttf') format('truetype'), url('/static/fonts/avenir/avenir-next-thin.svg#AvenirNextW01ThinRegular') format('svg');
  font-weight: 300;
  font-style: normal;
}
/* slide out side panels ****************************/
.side-panel {
  background-color: #222;
  color: #bbb;
  height: 100%;
  width: 500px;
  /*********************/
  position: fixed;
  top: 0;
  z-index: 10;
  /*********************/
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
.side-panel.left {
  left: -500px;
}
.side-panel.left.open {
  left: 0px;
}
.side-panel.right {
  right: -500px;
}
.side-panel.right.open {
  right: 0px;
}
.side-panel-inner {
  padding: 20px;
  overflow: auto;
}
.side-panel-tab {
  background: #222;
  color: #888;
  font-size: 1.2em;
  height: 32px;
  padding: 6px 10px 7px 10px;
  position: absolute;
  top: 100px;
  width: 32px;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
.right .side-panel-tab {
  margin-right: 100%;
  right: 0;
}
.left .side-panel-tab {
  margin-left: 100%;
  left: 0px;
}
.side-panel-tab:hover {
  cursor: pointer;
}
html,
body {
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  background: #222222;
  margin: 0;
  font-family: AvenirNext, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6em;
  -webkit-text-stroke: 0px !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222222;
}
h1,
h2,
h3,
h4,
h5,
h6,
table th {
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  margin: 1.5em 0 0.2em;
  font-size: 1em;
  text-decoration: none;
  line-height: 120%;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 34px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
/* cms helpers*/
.align-right {
  float: right;
}
.align-left {
  float: left;
}
.align-center {
  text-align: center;
}
.underline {
  text-decoration: underline;
}
/* bootstrap overrides */
.alert {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: 0px;
}
.btn,
.form-control,
input[type='text'] {
  height: 42px !important;
  padding-left: 10px;
  padding-right: 10px;
}
.btn-inverse {
  background-color: #FFF;
  border: 1px solid #969696;
  color: #969696;
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse:focus {
  background-color: #333333;
  border: #333333;
  color: #FFF;
}
#btn-back,
.btn-to-detail,
#btn-to-site,
.btn-download {
  background-color: #222222;
  color: #eee;
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 19px;
}
#btn-back:hover,
.btn-to-detail:hover,
#btn-to-site:hover,
.btn-download:hover,
#btn-back:active,
.btn-to-detail:active,
#btn-to-site:active,
.btn-download:active,
#btn-back:focus,
.btn-to-detail:focus,
#btn-to-site:focus,
.btn-download:focus {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}
#btn-back,
#btn-to-site {
  height: 34px !important;
  padding: 4px 18px 4px 18px;
  position: absolute;
  top: 20px;
  left: 0px;
}
#btn-to-site {
  background-color: #fff;
  color: #222;
}
.index .page-header {
  border-bottom: none;
  margin: 140px 0 20px 0;
  padding: 0;
}
.index .jumbotron {
  margin: 0;
}
.index .jumbotron h2 {
  margin-bottom: 40px;
}
.index .footer {
  color: #999;
}
.brand-row {
  margin-top: 20px;
}
.brand-block {
  color: #fff;
  display: block;
  min-height: 70px;
  padding: 10px;
  text-align: center;
}
.brand-block:hover {
  color: #fff;
}
.brand-block.jhm {
  background: #99cc33;
}
.brand-block.jcm {
  background: #ff9933;
}
.brand-block.nhm {
  background: #0099cc;
}
.brand-block.ps {
  background: #cb003d;
}
/* jck remote menu *******************************/
/* jck branding **********************************/
.jck-branding {
  background-color: #fff;
  text-align: center;
  padding-bottom: 50px;
}
.jck-branding .container {
  position: relative;
}
.jck-branding .jck_logo {
  fill: #222;
  position: static;
  width: 100px;
  height: auto;
}
#lod-detail .jck_logo {
  fill: #222;
}
/* search *****************************************/
.search {
  background-color: #fff;
}
.search-header {
  text-align: center;
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 0;
}
form.simple-search {
  text-align: center;
}
form.simple-search i.glyphicon-search {
  font-size: 24px;
  font-weight: normal;
  margin: -4px 0 0 -4px;
}
form.simple-search .left-inner-addon {
  position: relative;
  display: inline-block;
}
form.simple-search .left-inner-addon input {
  padding-left: 40px;
  border: none;
  border-bottom: 1px solid #222;
  color: #222222;
}
form.simple-search .left-inner-addon i {
  position: absolute;
  padding: 12px;
  pointer-events: none;
}
form.simple-search .input {
  background: transparent;
  font-family: AvenirNext, Helvetica, Arial, sans-serif;
  font-size: 34px;
  font-weight: bold;
  min-width: 240px!important;
  max-width: 99.99% !important;
  transition: width 0.25s;
  text-align: left;
}
form.simple-search .input:focus {
  border: none;
}
form.simple-search .input::placeholder {
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 34px;
}
#toggle-advanced-search {
  margin-bottom: 20px;
  font-family: AvenirNext, Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: none;
}
#toggle-advanced-search:hover,
#toggle-advanced-search:active {
  text-decoration: none;
}
#toggle-advanced-search.underline {
  border-bottom: 1px solid #999;
}
#lod-detail #toggle-advanced-search a {
  color: #333;
}
#lod-detail #toggle-advanced-search .underline {
  border-bottom: 1px solid #333;
}
form.advanced-search .btn-default:hover {
  background-color: #333;
  border: #333;
  color: #fff;
}
form.advanced-search button#clear-advanced-search {
  background-color: #999;
  border: #999;
  color: #fff;
}
form.advanced-search button#clear-advanced-search:hover {
  background-color: #333;
  border: #333;
  color: #fff;
}
/* page section: page header ********************/
#page-header {
  background: #fff;
  color: #999;
}
#page-header .page-header {
  border: none;
  margin: 0;
  position: relative;
}
#page-header .location-title {
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
/* QUERY INFO - NUMBER OF RESULTS **************/
.query-info {
  color: #555;
  font-size: 20px;
  font-weight: 100;
  margin-top: 5px;
}
.query-info .count {
  color: #333;
}
/* main page content ****************************/
#above-page-content {
  background: #fff;
  padding: 30px 0 10px;
}
#page-content {
  background: #fff;
  padding: 20px 0 10px;
}
#above-below-content {
  background: #fff;
  padding: 20px 0 30px;
}
/* FOOTER *****************************************/
#page-footer .brand-links-top {
  height: 85px;
  padding: 20px;
  background-color: #e0e0e0;
}
#page-footer .brand-links-top * {
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}
#page-footer .brand-links-top .btn-info {
  background-color: #e0e0e0;
  color: #555;
}
#page-footer .brand-links-top .btn-info:hover {
  border-color: transparent;
  color: #000;
}
#page-footer .brand-links-middle {
  height: 85px;
  padding: 20px;
  background-color: #cccccc;
}
#page-footer .brand-links-middle * {
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}
#page-footer .brand-links-middle .btn-info {
  background-color: #333333;
}
#page-footer .brand-links-middle .btn-info:hover {
  background-color: #fff;
  border-color: transparent;
  color: #000;
}
#page-footer .social-links {
  height: 85px;
  padding: 20px;
  background-color: #222222;
  color: #fff;
}
#page-footer .social-links a {
  color: #fff;
  font-size: 26px;
  margin: 0 20px;
}
#page-footer .container {
  text-align: center;
}
#page-footer .btn {
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
}
#page-footer .btn:hover {
  color: #fff;
  border-color: #fff;
}
/* SEARCH RESULTS */
/* TAGS FOR QUERIES AND CHOSEN FACETS ************/
.query-tags {
  margin: 10px 0 30px 0;
}
.query-tags .input-group {
  width: 100%;
}
.bootstrap-tagsinput {
  background-color: transparent !important;
  border: transparent;
  height: 32px;
  padding: 0px;
  text-align: center;
}
.bootstrap-tagsinput input {
  height: 32px !important;
  display: none;
}
.bootstrap-tagsinput .label {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 32px;
  font-size: 18px !important;
  font-weight: normal;
  margin-right: 20px;
}
.bootstrap-tagsinput .label span {
  font-weight: bold;
}
.bootstrap-tagsinput .label-query {
  background: #333333;
  color: #fff;
}
.bootstrap-tagsinput .label-facet {
  background: #b3b2b2;
  color: #fff;
}
#btn-clear-simple-search {
  display: none;
}
.view-switcher {
  float: right;
  margin-top: 5px;
}
.result-tools {
  *zoom: 1;
}
.result-tools:before,
.result-tools:after {
  content: "";
  display: table;
}
.result-tools:after {
  clear: both;
}
.result-tools:before,
.result-tools:after {
  content: "";
  display: table;
}
.result-tools:after {
  clear: both;
}
.result-tools .form-pager .form-control {
  background: #eee;
}
.result-tools .view-switcher {
  float: right;
}
/* FACETS **********************************/
.facets-sidebar {
  background-color: #e0e0e0;
  color: #222;
  padding: 20px;
}
.facets-sidebar .heading {
  font-size: 24px;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
.facet-container {
  margin-bottom: 0px;
}
.facet-header {
  border: none;
  color: #222222;
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  line-height: 38px;
}
.facet-header i.toggle-icon {
  display: inline-block;
  width: 10px;
}
.facet-header i.toggle-icon.fa-minus:before {
  content: "-";
  margin-right: 4px;
}
.facet-header i.toggle-icon.fa-plus:before {
  content: "+";
  margin-right: 6px;
}
.facet-header .toggle-icon {
  font-weight: normal;
}
.facet-body {
  width: 100%;
  overflow: auto;
  padding-left: 15px;
  position: relative;
}
.facet-body .facet-list {
  max-height: 200px;
  overflow-y: auto;
}
.facet-body .bottom-fade {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 20px;
  width: 100%;
  background: -moz-linear-gradient(bottom, #e0e0e0 0%, rgba(224, 224, 224, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, #e0e0e0 0%, rgba(224, 224, 224, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #e0e0e0 0%, rgba(224, 224, 224, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.facet-tools {
  float: none;
  color: #333333;
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 6px;
}
.facet-tools .sort {
  color: #333333;
  background-color: transparent;
  font-size: 14px;
}
.facet-tools .sort:active,
.facet-tools .sort:hover,
.facet-tools .sort:link {
  text-decoration: none;
}
.facet-tools .sort-used {
  border-bottom: 1px solid #525252;
}
a.facet-link {
  display: block !important;
  padding: 3px 0px;
  color: #555;
}
a.facet-link i.fa {
  display: none;
}
a.facet-link.selected {
  text-decoration: underline;
}
header.title {
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  font-size: 2em;
  padding-right: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.extra-block-sidebar {
  background-color: #555;
  color: #fff;
  margin-top: 30px;
  padding: 18px;
}
.extra-block-sidebar .heading {
  margin: 0 30px 30px 0;
}
.extra-block-sidebar .body {
  padding-left: 40%;
  text-align: right;
}
.extra-block-sidebar a {
  color: #fff;
}
/* RESULTS GRID ITEMS ************************/
.results-grid {
  margin-left: -15px;
  margin-right: -15px;
}
.results-grid .results-grid-item-container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .results-grid .results-grid-item-container {
    float: left;
    width: 33.33333333%;
  }
}
.results-grid-item {
  background: #fff;
  margin-bottom: 30px;
}
.results-grid-item .media {
  border: none;
  position: relative;
}
.results-grid-item .media .overlay-text {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfffffff, endColorstr=#bfffffff);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfffffff, endColorstr=#bfffffff);
  color: #222;
  position: absolute;
  top: 45%;
  width: 100% !important;
  left: 0;
  font-size: 1em;
  text-align: center;
}
.active-row.current .results-grid-item {
  background-color: #e0e0e0;
}
.results-grid-item .meta {
  font-family: AvenirNext;
  position: relative;
  padding-top: 15px;
  font-weight: 500;
}
.results-grid-item .title {
  color: #222222;
  font-weight: 500;
}
.results-grid-item .collectionPart {
  color: #555;
  position: absolute;
  bottom: 10px;
  width: 100%;
}
a.result-item-link {
  color: #fff;
}
/* FOLDOUT STYLES ****************************/
/* the pointer/indicator above the foldout */
.results-grid .current a.result-item-link::after {
  border-bottom-color: #e0e0e0;
}
.result-item-foldout .result-item-detail {
  border: none;
  background: #e0e0e0;
}
.result-item-foldout .result-item-detail .media-viewer img {
  width: 100%;
}
.ds-field-label {
  color: #222222;
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}
.ds-field {
  color: #555;
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.ds-field-extra-info {
  background: #59afe1;
  color: #fff;
  padding: 10px;
  width: 100%;
}
/* no-media placholder **************/
.no-image-placeholder {
  background: transparent;
  background-position: 50% 50%;
  height: 165px;
  position: absolute;
  width: 100%;
}
.no-image-placeholder.large {
  height: 300px;
}
.no-image-placeholder.large span {
  top: 45%;
}
.no-image-placeholder span {
  position: absolute;
  top: 40%;
  color: #333;
  display: block;
  text-align: center;
  width: 100%;
}
/* RESULT LIST ********************************/
.results-list .media .media-left {
  position: relative;
  display: table-cell;
  margin-right: 20px;
  width: 120px !important;
}
.results-list .media .media-left img {
  width: 120px;
  max-width: 120px;
}
.results-list .media .media-left .overlay-text {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfffffff, endColorstr=#bfffffff);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bfffffff, endColorstr=#bfffffff);
  position: absolute;
  top: 30%;
  width: 120px !important;
  left: 0;
  font-size: 0.75em;
  text-align: center;
}
.results-list .media .media-heading {
  font-size: 22px;
  font-weight: bold;
}
.results-list .media .media-heading a {
  color: #222222;
}
/* PAGINATION BAR *****************************/
.pagination {
  text-align: center;
}
.pagination > li > a,
.pagination > li > span {
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  background-color: transparent;
  margin-right: 10px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #222222;
  color: #fff;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  background-color: transparent;
}
/* DETAIL PAGE *******************************/
#lod-detail form.simple-search i.glyphicon-search {
  color: #222222;
}
#lod-detail form.simple-search input::placeholder {
  color: #222222;
}
#lod-detail .media-viewer,
#lod-detail .zoom-viewer {
  background: #e0e0e0;
  text-align: center;
  margin-bottom: 0;
  padding: 20px;
}
#lod-detail .media-viewer img,
#lod-detail .zoom-viewer img {
  max-width: 100%;
}
#lod-detail .label-info {
  background-color: #333333;
}
#lod-detail .page-header {
  text-transform: uppercase;
  border-bottom: none;
}
#lod-detail .zoom-viewer {
  padding: 0;
  position: relative;
}
.navigator-tabs {
  margin-bottom: 0px;
}
.navigator-tabs a {
  font-family: PFDINText, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.tab-pane {
  padding: 0px;
  background: #fff;
}
.carousel-thumbnails {
  text-align: center;
  background: #e0e0e0;
}
.carousel-thumbnails ul {
  padding: 20px 20px 20px 20px;
  margin: 0;
}
.carousel-thumbnails li.active {
  border: 4px solid #333333;
}
.zoom-viewer-inner,
#zoom_viewer,
.openseadragon-container {
  height: 300px;
}
#zoom_navigation {
  position: absolute !important;
  top: 0px;
  left: 0px;
  z-index: 10010;
}
#zoom-viewer-container {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .zoom-viewer-inner,
  #zoom_viewer,
  .openseadragon-container {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .zoom-viewer-inner,
  #zoom_viewer,
  .openseadragon-container {
    height: 500px;
  }
}
@media (min-width: 1200px) {
  .zoom-viewer-inner,
  #zoom_viewer,
  .openseadragon-container {
    height: 600px;
  }
}
.webresource_bar {
  background-color: #e0e0e0;
  display: none;
  padding: 20px;
  text-align: center;
}
.webresource_bar .info_container {
  width: 400px;
  margin: 0 auto;
  font-size: smaller;
  margin-top: 10px;
}