/*!
* HdotNET@CFP November 2014
* rebuilt from original code by valerie.hanesse @ readingroom.com
*/
/*
 * JS toggles
***********************************/
.js-show,
.js .js-hide {
  display: none;
}
.js .js-show {
  display: block;
}
.js .spot-prices .js-show {
  display: inline-block;
}
.js .js-not-visible {
  visibility: hidden;
}
.js .js-visible {
  visibility: visible;
}
/*
 * FONT FACE
***********************************/
@font-face {
  font-family: 'lexia';
  src: url('/fonts/lexia.eot');
  src: url('/fonts/lexia.eot?#iefix') format('embedded-opentype'), url('/fonts/lexia.woff') format('woff'), url('/fonts/lexia.ttf') format('truetype'), url('/fonts/lexia.svg#lexia') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'lexia';
  src: url('/fonts/lexia-bold.eot');
  src: url('/fonts/lexia-bold.eot?#iefix') format('embedded-opentype'), url('/fonts/lexia-bold.woff') format('woff'), url('/fonts/lexia-bold.ttf') format('truetype'), url('/fonts/lexia-bold.svg#lexia') format('svg');
  font-weight: 700;
  font-style: normal;
}
/*
 * Normalise 
***********************************/
/*
 * ANTISCREEN
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
**********************************************/
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,
strong,
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;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers
----------------------------------------------*/
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;
}
/*
 * GENERIC + CLASSES
**********************************************/
html {
  background-color: #0f0f0f;
  color: #f5f5f5;
  /*Use -webkit-text-size-adjust:none to disable text size adjust on iOS*/
  -webkit-text-size-adjust: 1rem;
  -ms-text-size-adjust: 1rem;
  font-size: 100%;
  /*
        100% is equivalent to setting the font size to the user's preference
        => default font is 1rem = 16px ($rembase)
        62.5%   => default font is 1rem = 10px ($rembase)
        75%     => default font is 1rem = 12px ($rembase)
        87.5%   => default font is 1rem = 14px ($rembase)
    */
}
body {
  direction: ltr;
  font-size: 1rem;
  line-height: 100% ;
  font-family: Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "宋体", "SimSun", "STXihei", "华文细黑", sans-serif;
  height: 100%;
  margin: 0;
  padding: 0;
}
body.lang-zh-hans {
  direction: ltr;
  font-size: 1rem;
  line-height: 100% ;
  font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "宋体", "SimSun", "STXihei", "华文细黑", Arial, Helvetica, sans-serif;
  height: 100%;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  height: auto;
}
/* Headings
----------------------------------------------*/
h1 {
  font-family: lexia;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 .5em 0;
}
.gdt .main-content-inner h1 {
  margin-bottom: .1em;
}
h2 {
  font-family: lexia;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 .5em 0;
}
h3 {
  font-family: lexia;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 .5em 0;
}
/*.main-content-inner .panel-body h3{
  margin-top: 1.5em;
}*/
h4 {
  font-family: lexia;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 .5em 0;
}
.lang-zh-hans h1,
.lang-zh-hans h2,
.lang-zh-hans h3,
.lang-zh-hans h4 {
  font-family: lexia, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "宋体", "SimSun", "STXihei", "华文细黑", sans-serif;
}
/* Some text elements
----------------------------------------------*/
p,
blockquote,
caption {
  font-size: .9rem;
  line-height: 1.5;
  margin: 0 0 .5em 0;
}
em,
cite {
  font-style: oblique;
}
b,
strong {
  font-weight: 700;
}
blockquote,
figure {
  padding: 1rem;
}
blockquote {
  padding-left: 60px;
  background: url(images/quote.png) no-repeat 0 1rem;
}
sub,
sup {
  font-size: .7rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.2rem;
}
sub {
  bottom: -0.2rem;
}
/* Links
----------------------------------------------*/
a {
  color: #a39161;
  font-size: 1em;
  outline: none;
  text-decoration: none;
}
body.front a,
body.node-type-landing-page a {
  color: #ddc993;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: underline;
}
.main-content .article .panel-body a,
.main-content .article .panel-introduction a,
.main-content .article .panel-tabs a,
.main-content .article .panel-listing a,
.white-popup a,
.taxonomie-cloud a,
.feature a {
  font-weight: 700;
}
/* Lists
----------------------------------------------*/
ul {
  list-style: disc outside;
  margin: 0 0 0 1rem;
  padding: 0;
}
li {
  font-size: .9rem;
  line-height: 1.5;
  margin: 0 0 .5em 0;
}
ol {
  list-style: decimal outside;
  margin: 0 0 0 1rem;
  padding: 0;
}
dt {
  font-weight: 700;
  font-size: .9rem;
  line-height: 1.5;
  margin: 0 0 .5em 0;
}
dd {
  font-size: .9rem;
  line-height: 1.5;
  margin: 0 0 .5em 0;
  padding-left: 1rem;
}
.panel-content li {
  list-style-position: inside;
}
.panel-content ul,
.panel-content ol {
  margin-left: 0;
}
/* Table
----------------------------------------------*/
#ui-datepicker-div table,
table {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  text-align: left;
  margin-bottom: .5em;
  width: 100%;
}
#ui-datepicker-div table caption,
table caption {
  padding: .5em;
  margin: 0;
}
#ui-datepicker-div th,
#ui-datepicker-div td,
th,
td {
  font-size: .9rem;
  line-height: 1.5;
  padding: .5em;
}
#ui-datepicker-div th,
th {
  font-weight: 700;
}
#ui-datepicker-div th {
  color: #000;
}
#ui-datepicker-div thead th,
thead th {
  border-bottom: 3px double #a39161;
}
#ui-datepicker-div tbody th,
#ui-datepicker-div tbody td,
tbody th,
tbody td {
  border-bottom: 1px solid #a39161;
}
/* Forms
----------------------------------------------*/
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #0f0f0f;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #0f0f0f;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #0f0f0f;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #0f0f0f;
}
.header ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #f5f5f5;
}
.header :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #f5f5f5;
}
.header ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #f5f5f5;
}
.header :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #f5f5f5;
}
.form {
  margin-bottom: .5em;
  padding: 1em;
}
fieldset {
  border: none 0;
  margin: 0;
  padding: 0;
}
legend {
  display: block;
  font-size: 1rem;
  width: 100%;
}
legend span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
  padding-bottom: .5em;
}
label,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
}
label {
  color: #565656;
  cursor: pointer;
  display: inline-block;
  width: 10em;
}
button,
input,
select,
textarea {
  background-color: #0f0f0f;
  border: 1px solid #565656;
  color: #f5f5f5;
  overflow: visible;
  /* IE67 remove padding from left/right in input */
  padding: .5em;
  vertical-align: baseline;
  -moz-transition: background-color 200ms linear;
  -webkit-transition: background-color 200ms linear;
  -o-transition-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}
button,
input,
select {
  display: inline-block;
}
textarea {
  resize: none;
  display: block;
}
input:focus,
select:focus,
textarea:focus,
input:hover,
select:hover,
textarea:hover {
  background-color: #383838;
  outline: none;
}
button,
input[type=button],
input[type=submit],
input[type=reset] {
  cursor: pointer;
}
button:hover,
button:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=reset]:hover,
input[type=reset]:focus {
  background-color: #383838;
}
/*web form*/
.webform-client-form,
.main-content .search-form,
#user-login {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 1rem;
  margin-bottom: 1rem;
}
#user-login .description {
  font-size: .9rem;
  line-height: 1.5;
  margin: .5em 0;
}
.webform-client-form .form-item {
  margin-top: 0;
}
.webform-client-form label,
.main-content .search-form label {
  color: #0f0f0f;
}
.main-content .search-form label {
  font-weight: 700;
}
.webform-client-form button,
.webform-client-form input,
.webform-client-form select,
.webform-client-form textarea,
#user-login input {
  background-color: #f5f5f5;
  border: 1px solid #adadad;
  color: #0f0f0f;
}
.webform-client-form button,
.webform-client-form input {
  width: 95%;
}
.webform-client-form select,
.webform-client-form textarea,
.webform-client-form .form-textarea-wrapper {
  width: 100%;
}
.main-content .search-form input {
  background-color: #f5f5f5;
  border: 1px solid #adadad;
  color: #0f0f0f;
}
.webform-client-form textarea,
.webform-client-form .form-textarea-wrapper {
  display: inline-block;
  vertical-align: top;
}
.webform-client-form textarea {
  height: 10rem;
}
.webform-client-form button,
.webform-client-form input[type=button],
.webform-client-form input[type=submit],
.webform-client-form input[type=reset],
.main-content .search-form input[type=submit] {
  background-color: #d3d3d3;
  width: auto;
}
.webform-client-form input[type=checkbox],
.webform-client-form input[type=radio] {
  width: auto;
  border: 0;
  background: none;
}
.webform-client-form button:hover,
.webform-client-form button:focus,
.webform-client-form input[type=button]:hover,
.webform-client-form input[type=button]:focus,
.webform-client-form input[type=submit]:hover,
.webform-client-form input[type=submit]:focus,
.webform-client-form input[type=reset]:hover,
.webform-client-form input[type=reset]:focus,
.main-content .search-form input[type=submit]:hover,
.main-content .search-form input[type=submit]:focus {
  background-color: #0f0f0f;
  color: #f5f5f5;
}
/*data page filter*/
#gold-data-filter-form .form-item-areas > label,
#gold-data-filter-form .form-item-periods > label,
#gold-data-filter-form .form-item-categories > label {
  font-family: lexia;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 .5em 0;
  display: block;
}
.container-inline-date .date-padding {
  padding: 10px 0;
}
.container-inline-date .form-item,
.container-inline-date .date-padding,
.views-exposed-form .form-item-combine {
  width: 100%;
}
.views-exposed-form .webform-component {
  margin-bottom: 1em;
}
.hasDatepicker,
.sidebar .webform-client-form input.hasDatepicker[type='text'],
.container-inline-date .form-text,
.container-inline-date .form-item input {
  width: 65%;
}
.js .datepicker-trigger {
  cursor: pointer;
}
#ui-datepicker-div {
  width: 17em;
}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
  border: none;
  background: none;
  font-weight: normal;
}
#ui-datepicker-div {
  background: #fff;
  border: none;
  border-radius: 0px;
}
#ui-datepicker-div .ui-datepicker-month,
#ui-datepicker-div .ui-datepicker-year {
  display: block;
  color: #f5f5f5;
  padding: .15em;
  width: 45%;
}
#ui-datepicker-div .ui-datepicker-month {
  float: left;
}
#ui-datepicker-div .ui-datepicker-year {
  float: right;
}
.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}
.ui-helper-clearfix {
  display: block;
}
#ui-datepicker-div .ui-datepicker .ui-datepicker-title {
  line-height: 1;
}
#ui-datepicker-div .ui-widget-header {
  background: #0f0f0f;
  font-family: lexia, sans-serif;
  border-radius: 0px;
  position: relative;
  padding: .2em 0;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
#ui-datepicker-div .ui-datepicker-prev {
  left: 2px;
}
#ui-datepicker-div .ui-datepicker-next {
  right: 2px;
}
#ui-datepicker-div .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
#ui-datepicker-div .ui-icon {
  width: 16px;
  height: 16px;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
#ui-datepicker-div .ui-datepicker-next .ui-icon,
#ui-datepicker-div .ui-datepicker-prev .ui-icon {
  background-image: url(images/icons.png);
}
#ui-datepicker-div .ui-icon-circle-triangle-w {
  background-position: -115px -217px;
}
#ui-datepicker-div .ui-icon-circle-triangle-e {
  background-position: -168px -217px;
}
#ui-datepicker-div .ui-datepicker-header .ui-state-hover.ui-datepicker-prev.ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-header .ui-state-hover.ui-datepicker-next.ui-datepicker-next-hover,
#ui-datepicker-div .ui-datepicker-header .ui-state-hover.ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-header .ui-state-hover.ui-datepicker-next-hover {
  cursor: pointer;
  background: #252525;
  border-color: #252525;
}
#ui-datepicker-div .ui-datepicker .ui-datepicker-title select {
  border: none 0;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  width: auto;
  margin: 0 .5rem;
  appearance: menu;
  /*-moz-appearance:menu;*/
  -webkit-appearance: menu !important;
}
.panel-drupal-listing .views-exposed-form label {
  font-weight: 400;
  float: left;
  clear: left;
  width: 6em;
}
.panel-drupal-listing #views-exposed-form-gdt-back-issues-page label.option,
.panel-drupal-listing #views-exposed-form-gdt-chinese-back-issues-page label.option {
  float: none;
  clear: none;
  width: auto;
  font-size: 0.8rem;
  margin-left: 4px;
}
#views-exposed-form-gdt-back-issues-page .form-type-bef-checkbox,
#views-exposed-form-gdt-chinese-back-issues-page .form-type-bef-checkbox {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.panel-drupal-listing .views-exposed-form .dateWrapper {
  float: left;
  margin-bottom: .5rem;
}
.panel-drupal-listing .views-exposed-form .views-submit-button {
  float: none;
  clear: both;
}
/* Site search
----------------------------------------------*/
.drupal-site-search {
  margin-bottom: 1rem;
  float: left;
  width: 100%;
}
.drupal-site-search .block-search {
  border: 1px solid #565656;
  float: left;
}
.drupal-site-search div {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.drupal-site-search input {
  border: none 0;
}
.drupal-site-search .form-text {
  width: 5rem;
  float: left;
  margin: 2px;
}
.drupal-site-search .form-submit {
  background: url(images/icons.png) no-repeat -56px -8px;
  text-indent: -9999rem;
  width: 2.5rem;
  height: 2.3rem;
  float: left;
  margin: 2px;
}
/* SEARCH STYLING, SEARCH TABS */
.page-search ul.tabs.primary {
  margin: 0px 0px;
  font-weight: normal;
  padding: 0.2rem 0;
}
.page-search ul.tabs.primary li {
  font-size: 1.1rem;
  background-color: #d3d3d3;
  color: #000000;
  margin: 0px;
  margin-right: .1rem;
  padding: 0.35rem 0;
}
.page-search ul.tabs.primary li:hover {
  background-color: #ffffff;
}
.page-search ul.tabs.primary li.active {
  background-color: #ffffff;
}
.page-search ul.tabs.primary li a {
  border: none;
  background: none;
  height: auto;
  margin-right: 0.5em;
  padding: 0.1rem 1rem;
  text-decoration: none;
  color: #000000;
}
.page-search ul.tabs.primary li.active a {
  border: none;
  background: none;
  height: auto;
  margin-right: 0.5em;
  text-decoration: none;
}
.form-item.form-type-checkbox.form-item-retain-filters {
  display: block;
}
/* LOGIN BOX
----------------------------------------------*/
.header #login_box {
  position: relative;
  padding: 0 1rem 1rem 1rem;
}
.header #login_box form {
  background-color: transparent;
  border: none 0;
  padding-top: 0;
}
.header #login_box label,
.header #login_box p {
  color: #ffffff;
}
.header #login_box a {
  color: #ddc993;
}
.header #login_box .heading {
  font-size: 1.2rem;
}
.header #login_box .heading,
.header #login_box .mfp-close {
  display: none;
}
#login_box label {
  display: inline-block;
  margin-bottom: .5rem;
}
.header #login_box .form-submit {
  background-color: transparent;
  color: #ffffff;
}
.js .mfp-box form {
  background-color: transparent;
  border: none 0;
  padding: 0;
  margin-bottom: 0;
}
.js .mfp-box #login_box label,
.js .mfp-box #login_box p {
  color: #0f0f0f;
}
.js .mfp-box #login_box a {
  color: #a39161;
}
/* LOGIN / LOGOUT
----------------------------------------------*/
.mfp-wrap .messages {
  margin-bottom: 1rem;
}
#login-box-errors {
  display: none;
}
.small-screen-view #login-menu {
  font-size: 1.1rem;
  background-color: #383838;
  color: #ffffff;
  margin-top: 2rem;
}
.small-screen-view #login-menu.gold-user-logged-in {
  background-color: transparent;
  margin: 0;
}
.small-screen-view #login-menu a {
  font-size: 1.3rem;
}
.js .small-screen-view #login-menu a {
  /*text-decoration:none;*/
}
.js .gold-user-logged-in #login_name,
.js .gold-user-logged-in #login_link,
.js .gold-user-logged-in #login_name a {
  display: inline-block;
}
.js .gold-user-logged-in #login_name a,
.js .gold-user-logged-in #login_link {
  /*padding-left:.5rem;*/
}
.js .small-screen-view .gold-user-logged-in #login_link {
  display: block;
}
.js .header .nav-secondary .js-not-visible {
  width: 3.9rem;
}
/* PUBLICATION DOWNLOAD
----------------------------------------------*/
.node-type-publication .main-content #login_box {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 1rem;
  margin-bottom: 1rem;
}
.node-type-publication .main-content #login_box .webform-client-form {
  background-color: transparent;
  border: none 0;
  padding: 0;
  margin-bottom: 0;
}
.node-type-publication .main-content #login_box .heading {
  font-weight: 700;
  font-size: 1.3rem;
}
/* Skip & Accessibility
----------------------------------------------*/
.accessibility,
.front h1,
.skip p,
.drupal-site-search legend,
.drupal-site-search legend span,
.drupal-site-search label.element-invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#breadcrumb .element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}
.skip {
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.skip ul,
.skip ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header .skip a {
  background-color: rgba(242, 242, 242, 0.9);
  color: #a39161;
  left: -500%;
  position: absolute;
  top: 0;
  font-size: 2rem;
  padding: 4% 1%;
  text-decoration: none;
  width: 98%;
  z-index: 9999;
}
.skip a:focus,
.skip a:active {
  left: 0;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Navigation
----------------------------------------------*/
.jsm-navigation-switcher {
  display: none;
}
.nav p {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.nav ul,
.nav ol,
.nav ul li,
.nav ol li,
.nav-sub-copy li,
.nav-sub-copy li.leaf,
.nav-sub-copy ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav a {
  font-size: 1rem;
  display: block;
  padding: .4rem;
}
.nav a.active {
  font-weight: 700;
}
.nav-main {
  clear: both;
  margin-bottom: 1rem;
}
.nav-main ul.menu ul,
.nav-secondary ul ul,
.nav-tertiary ul ul {
  display: none;
}
.nav-main a {
  color: #ddc993;
  padding: 0.1rem;
  margin: .1rem;
}
.nav-main a.active,
.nav-main a.active_trail,
.nav-main a.active-trail {
  font-weight: 400;
  color: #ffffff;
}
.nav-secondary a,
.front .nav-secondary a,
.node-type-landing-page .nav-secondary a {
  color: #ffffff;
  padding: 0.1rem;
  margin: .1rem;
}
.nav-tertiary a,
.front .nav-tertiary a,
.node-type-landing-page .nav-tertiary a {
  color: #adadad;
  padding: .4rem;
}
.nav-tertiary .generic li:last-child {
  background: none;
}
.nav-sub,
.nav-sub-copy {
  background-color: #f2f2f2;
}
.node-type-landing-page .nav-sub,
.node-type-landing-page .nav-sub-copy {
  background-color: transparent;
}
.small-screen-view .nav-sub,
.js .mobile-navigation-panel {
  display: none;
}
.nav-sub-copy {
  margin-left: 50px;
  padding-top: 0;
}
.nav-sub .menu-block-wrapper {
  margin-top: 1rem;
}
.nav-sub a,
.nav-sub-copy a {
  color: #484848;
  font-size: 1.2rem;
  padding: .4rem 0 .4rem 1rem;
}
.node-type-landing-page .nav-sub a,
.node-type-landing-page .nav-sub-copy a {
  color: #ffffff;
}
.node-type-landing-page .nav-sub-copy a {
  display: block;
}
.nav-sub a.active,
.nav-sub-copy a.active {
  font-weight: 400;
  color: #a39161;
  background: url(images/bullet.png) no-repeat left 0.9rem;
}
.nav-sub a.active_trail,
.nav-sub a.active-trail {
  color: #a39161;
}
.node-type-landing-page .nav-sub a.active,
.node-type-landing-page .nav-sub-copy a.active {
  color: #ddc993;
}
.nav-sub-copy a.active {
  background: url(images/bullet.png) no-repeat left 0.3rem;
}
.nav-sub ul:first-child,
.nav-sub-copy ul:first-child {
  border-left: 1px solid #a39161;
}
.nav-sub ul ul a,
.nav-sub-copy ul ul a {
  padding-left: 2rem;
}
.nav-sub ul ul ul a,
.nav-sub-copy ul ul ul a {
  padding-left: 3rem;
}
.nav-sub .jsm-navigation-switcher {
  background-color: #565656;
}
.nav-sub ul ul {
  display: none;
}
.nav-sub .active_trail > ul,
.nav-sub .active-trail > ul {
  display: block;
}
.nav-tertiary p,
.nav-secondary p {
  display: none;
}
/**
 * Delete some nodes from menus.
 */
.leaf.menu-mlid-2587,
.leaf.menu-mlid-2585,
.leaf.menu-mlid-2593 {
  display: none;
}
/* Layout
----------------------------------------------*/
.wrapper {
  padding: 1%;
}
.header {
  border-bottom: 1px solid #565656;
}
.site-logo {
  width: 125px;
  margin: 0;
}
.site-logo a {
  display: block;
}
.main {
  background-color: #f2f2f2;
  color: #484848;
}
.front .main,
.node-type-landing-page .main {
  background-color: #383838;
  color: #f5f5f5;
}
.not-front .main-content-inner {
  padding: 0 .5rem;
}
.footer {
  padding-bottom: 3.5rem;
  border-top: 1px solid #565656;
}
.copyright {
  margin-top: 1rem;
}
/* breadcrumb */
.breadcrumb {
  display: none;
}
.breadcrumb,
.breadcrumb li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #adadad;
}
.breadcrumb li {
  margin-left: 25px;
  vertical-align: middle;
}
.breadcrumb li:first-child {
  float: left;
  margin-left: 0;
}
.breadcrumb a {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  margin: 0 .5rem;
}
.breadcrumb a:first-child {
  width: 18px;
  height: 30px;
  overflow: hidden;
}
/* miscellaneous
----------------------*/
/* variations
----------------------*/
.variation.plus {
  color: #6d958a;
}
.variation.minus {
  color: #ac6e86;
}
/* SOCIAL CHANNELS
----------------------------------------------*/
.social ul,
.social li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.social li {
  display: inline-block;
}
.at-vertical-menu {
  top: 30.5%;
}
/* PORTRAIT
----------------------------------------------*/
.portrait img {
  float: left;
  border: 1px solid #d3d3d3;
  width: 80px;
  margin-right: .5rem;
  margin-bottom: .5rem;
}
.select {
  width: 4rem;
  display: inline-block;
}
.select select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #a39161;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 2px;
  color: #0f0f0f;
  background: #a39161 url(images/select.png) no-repeat right center;
  width: 4rem;
  border: none 0;
}
.select option:selected {
  font-weight: 700;
}
/* VIDEO
----------------------------------------------*/
.pattern {
  width: 100%;
}
.alternative {
  padding: .5rem;
}
.video {
  max-width: 668px;
  background-color: #0f0f0f;
}
.video-16-9 {
  width: 100%;
  float: left;
  position: relative;
}
.video-16-9 video,
.video-16-9 object {
  position: absolute;
}
/* CSS 3
----------------------------------------------*/
/* => Radius */
.radius {
  border-radius: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  -ms-border-radius: .5em;
  -o-border-radius: .5em;
}
/* => Shadow */
.shadow {
  -moz-box-shadow: inset 0px 0px 3px #a9a9a9;
  -webkit-box-shadow: inset 0px 0px 3px #a9a9a9;
  box-shadow: inset 0px 0px 3px #a9a9a9;
}
/* => Gradient */
.gradient {
  background: #0f0f0f;
  /*FF*/
  background: -moz-linear-gradient(top, #252525, #333333);
  /*Safari,Chrome*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #252525), color-stop(1, #0f0f0f));
  background: -webkit-linear-gradient(top, #252525, #0f0f0f);
  /*Opera*/
  background: -o-linear-gradient(top, #252525, #0f0f0f);
  /*IE10*/
  background: -ms-linear-gradient(top, #252525, #0f0f0f);
  /*W3C*/
  background: linear-gradient(top, #252525, #0f0f0f);
  /*IE<=8*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282828', endColorstr='#0f0f0f', GradientType=0);
}
/* => Transition */
.transition {
  -moz-transition: -moz-box-shadow 200ms linear;
  -webkit-transition: -webkit-box-shadow 200ms linear;
  -o-transition-transition: box-shadow 200ms linear;
  transition: box-shadow 200ms linear;
}
.shadow-transition,
.in-page-tools a {
  -moz-transition: -moz-box-shadow 200ms linear;
  -webkit-transition: -webkit-box-shadow 200ms linear;
  -o-transition-transition: box-shadow 200ms linear;
  transition: box-shadow 200ms linear;
}
.shadow-hover,
.in-page-tools a:hover,
.in-page-tools a:active,
.in-page-tools a:focus {
  -moz-box-shadow: 0px 0px 10px #ddc993;
  -webkit-box-shadow: 0px 0px 10px #ddc993;
  box-shadow: 0px 0px 10px #ddc993;
}
/* Floating clear
----------------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* FLIPPING CARD
    ----------------------------------------------*/
.card-container {
  display: none;
}
.main-content .media-image {
  max-width: 50%;
}
/* PANEL LISTING
----------------------------------------------*/
.panel-listing dt {
  float: left;
}
.panel-listing dd {
  padding-left: 2rem;
}
.panel-contacts .item {
  margin-bottom: 1rem;
  border-bottom: 1px solid #d3d3d3;
}
/* COOKIES
--------------------------------- */
.cookies {
  background-color: #f2f2f2;
  color: #484848;
  padding: .2rem 1rem;
  text-align: center;
}
.js .cookies {
  display: none;
}
.cookies p {
  margin: 0;
}
.cookies a,
.front .cookies a,
.node-type-landing-page .cookies a {
  color: #A39161;
  font-weight: 700;
}
.cookies a.accept {
  background-color: #A39161;
  color: #f2f2f2;
  display: inline-block;
  padding: .3rem 1rem;
  margin-left: 1rem;
}
.browser {
  padding: 1em;
}
/*
* HdotNET: hide the about us menu item in the main menu via CSS ... currently its the second in the list.

.menu-block-6 li:nth-child(2){
    display:none;
}
*/
/*hide menu block 3 only on about-us/whatever pages
.page-node .menu-block-3{
    display:none;
}

*/
/* icons
----------------------*/
.wrapper .icon,
.wrapper #breadcrumb .home a {
  background: url(images/icons.png) no-repeat -5px -4px;
  display: inline-block;
  height: 40px;
  margin-right: .5rem;
  width: 40px;
  vertical-align: middle;
}
.bordered {
  border: 1px solid #565656;
}
.wrapper .icon.graph {
  background-position: -5px -4px;
}
.wrapper .icon.download {
  background-position: -115px -115px;
  height: 20px;
  width: 20px;
}
.wrapper .icon.more {
  background-position: -165px -117px;
  height: 20px;
  width: 20px;
}
.wrapper .icon.word {
  background-position: -2px -258px;
}
.wrapper .icon.jpg {
  background-position: -53px -258px;
}
.wrapper .icon.pdf {
  background-position: -104px -258px;
}
.wrapper .icon.ppt {
  background-position: -155px -258px;
}
.wrapper .icon.xls,
.wrapper .icon.xlsx,
.wrapper .icon.csv {
  background-position: -203px -258px;
}
.wrapper .icon.video {
  background-position: -255px -258px;
  background-color: transparent;
}
.wrapper .icon.zip,
.wrapper .icon.unknown {
  background-position: -300px -258px;
}
.feature-type {
  float: left;
}
.feature_icon_shift {
  padding-left: 50px;
  display: block;
}
.no-js .wrapper .header .spot-prices .icon.graph {
  background-position: -16px -15px;
  height: 20px;
  width: 20px;
}
.wrapper .icon.minus {
  background-position: -215px -17px;
  height: 20px;
  width: 20px;
}
.wrapper .icon.plus {
  background-position: -165px -17px;
  height: 20px;
  width: 20px;
}
.wrapper .icon.clock {
  background-position: -265px -17px;
  height: 20px;
  width: 20px;
}
.wrapper .main .spot-prices .icon.clock {
  width: 25px;
}
.wrapper .icon.doc {
  background-position: -265px -17px;
}
.wrapper .icon.arrow {
  background-position: 0px -60px;
}
.wrapper .icon.play {
  background-position: -260px -160px;
  width: 81px;
  height: 80px;
}
.wrapper .latest .icon.play {
  background-position: -260px -160px;
  width: 80px;
  height: 80px;
  margin: 0;
}
.wrapper .related .icon.play {
  background-position: 0px -200px;
  width: 46px;
  height: 46px;
}
.wrapper .nav .icon.doc {
  background-position: -314px -15px;
  height: 20px;
  width: 20px;
}
.wrapper .nav .icon.stats {
  background-position: -310px -360px;
  height: 20px;
  width: 20px;
}
/*content type*/
.wrapper .icon.content-type {
  /*standard page (default)*/
  background-position: -260px -360px;
  height: 30px;
  width: 30px;
}
.wrapper .icon.type_data_page {
  /*data chart page*/
  background-position: -10px -360px;
}
.wrapper .icon.type_gdt_detail {
  /*data chart page*/
  background-position: -310px -360px;
}
.wrapper .icon.type_press_release {
  /*data chart page*/
  background-position: -60px -360px;
}
.wrapper .icon.type_event {
  /*data chart page*/
  background-position: -110px -360px;
}
.wrapper .icon.type_publication {
  /*data chart page*/
  background-position: -210px -360px;
}
.wrapper .icon.arrow-bullet {
  background-position: -225px -200px;
}
.wrapper .icon.home,
.wrapper #breadcrumb .home a {
  background-position: -16px -110px;
  width: 18px;
  height: 30px;
  vertical-align: middle;
  text-indent: 50px;
}
.wrapper .icon.separator {
  background-position: -70px -110px;
  width: 10px;
  height: 30px;
}
.wrapper .icon.arrow-select {
  background-position: -265px -115px;
  width: 20px;
  height: 20px;
  margin: 0;
}
.wrapper .icon.expand {
  background-position: -5px -155px;
  width: 40px;
  height: 40px;
  margin: 0;
  border: 1px solid #ffffff;
}
.wrapper .opened .icon.arrow-select {
  background-position: -315px -115px;
  width: 20px;
  height: 20px;
}
.wrapper .breadcrumb .icon.home,
.wrapper .breadcrumb .icon.separator,
.wrapper #breadcrumb .home a {
  vertical-align: middle;
  margin: 0;
}
.wrapper .icon.trends {
  background-position: -163px -164px;
  width: 25px;
  height: 20px;
}
.wrapper .icon.holdings {
  background-position: -115px -160px;
  width: 25px;
  height: 20px;
}
.wrapper .icon.interactive {
  background-position: -215px -164px;
  width: 25px;
  height: 20px;
}
.wrapper .icon.research {
  background-position: -215px -213px;
  width: 25px;
  height: 20px;
}
.pin {
  background-color: #66001b;
  color: #ffffff;
  line-height: 1.2rem;
  font-size: .8rem;
  width: 1.2rem;
  height: 1.2rem;
  font-family: arial;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -moz-border-radius: 1.2em;
  -webkit-border-radius: 1.2em;
  -ms-border-radius: 1.2em;
  -o-border-radius: 1.2em;
  border-radius: 1.2em;
}
/* Tabs
----------------------*/
.tab {
  margin: 0;
}
.tab a {
  padding: 1.5rem 1rem 1rem 1rem;
}
.spot-prices a {
  color: #f5f5f5;
  display: inline-block;
  font-size: 1rem;
}
/* Spotlights
----------------------*/
.spotlight {
  margin-bottom: 1rem;
}
.spotlight .spotlight-inner {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
}
.spotlight:not(.spotlight-primary):not(.spotlight-secondary):not(.spotlight-tertiary) .spotlight-inner {
  padding: 1rem;
}
.front .spotlight .spotlight-inner {
  background-color: #252525;
}
.front .spotlight .spotlight-inner {
  border: none 0;
}
.node-type-landing-page .spotlight .spotlight-inner {
  border: 1px solid #565656;
  background-color: #252525;
}
.spotlight img {
  display: none;
  width: 100%;
}
.spotlight .imagery {
  display: none;
}
.spotlight h2 {
  padding: 1rem;
  margin: 0;
}
.spotlight h3 {
  word-wrap: break-word;
}
.spotlight .arrow-bullet {
  display: none;
}
.scheme-default .spotlight-callout {
  padding: 0 1rem 1rem 1rem;
  margin: 0;
}
.spotlight p {
  font-size: .85rem;
}
.front .related .spotlight-inner,
.main .spotlight.spot-prices .spotlight-inner {
  border: 1px solid #565656;
}
.front .sidebar2 h2 {
  border-bottom: 1px solid #0f0f0f;
}
.sidebar2 .spotlight-callout {
  padding-top: 1rem;
}
.front .sidebar2 .spotlight-callout {
  border-top: 1px solid #383838;
}
.spotlight .links ul {
  border-top: 1px solid #0F0F0F;
  margin-top: .5rem;
  list-style: none;
  margin: 0;
}
.spotlight .links li {
  border-bottom: 1px solid #0F0F0F;
}
.spotlight .links li {
  border-top: 1px solid #383838;
  padding: .5rem 0;
  margin-bottom: 0;
}
.spotlight .links li:last-child {
  border-bottom: none 0;
  padding-bottom: 0;
}
.spotlight .links a {
  font-size: .9rem;
  color: #ffffff;
}
/*related*/
.classment {
  font-family: lexia;
  font-size: 1.1rem;
  display: block;
  float: left;
}
.related h2 {
  margin-bottom: 0;
  padding: 0 0 .5rem 0;
}
.related ul {
  list-style: none;
  margin: 0;
}
.related li {
  clear: both;
  width: 100%;
  float: left;
  margin-right: 0;
  margin-bottom: 1rem;
}
.related li {
  border-bottom: 1px solid #d3d3d3;
}
.front .related li {
  border-color: #383838;
}
.panel .related li {
  border: none 0;
}
.related li:last-child {
  border-bottom: none 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.related .imagery {
  width: 33.3333333333%;
  max-width: 130px;
  display: block;
  float: right;
  vertical-align: text-top;
  margin: 0 0 1rem .5rem;
}
.popular .callout {
  margin: .25rem 0 0 1rem;
}
.panel .related .imagery {
  float: left;
  margin: 0 1rem 1rem 0;
}
/*gold spot prices*/
.header .spot-prices {
  color: #adadad;
  clear: both;
  text-align: center;
}
.main .spotlight.spot-prices h2 {
  padding: 0 0 0.5rem;
}
.spot-prices label {
  display: none;
}
.spot-prices dd {
  padding: 0;
  font-size: 1rem;
  margin: 0;
}
.spot-prices .heading,
.spot-prices dl,
.spot-prices dd,
.spot-prices dt {
  display: inline-block;
  vertical-align: middle;
}
.header .spot-prices .heading {
  font-size: 1.1rem;
  margin-right: 1rem;
}
.main .spot-prices .heading {
  font-size: 1rem;
}
.header .spot-prices .tab {
  border-bottom: 1px solid #0f0f0f;
}
.header .spot-prices .tab a {
  padding: .5rem;
  color: #ffffff;
}
.header .spot-prices .spotlight-callout {
  padding: .5rem;
}
.header .spot-prices .asset,
.header .spot-prices .time {
  text-align: center;
}
.main .spot-prices .asset-inner {
  margin-top: .5rem;
}
.spot-prices .heading {
  color: #adadad;
  font-family: Arial;
  font-weight: 700;
  margin: 0;
}
.spot-prices dl {
  margin: 0;
}
.spot-prices .time {
  color: #adadad;
}
.spotlight.spot-prices .time {
  margin: .5rem .5rem 0 0;
}
.main .spotlight.spot-prices .time {
  margin-top: .5rem;
}
.header .spotlight.spot-prices .time p {
  margin: 0;
}
.header .spotlight.spot-prices .time p .timestamp {
  display: none;
}
.header .spot-prices .select .form-item {
  margin: 0;
}
.spotlight.spot-prices .heading {
  text-transform: uppercase;
}
.header .spotlight.spot-prices .variation {
  height: 1.2rem;
  width: 20px;
  overflow: hidden;
  margin: 0;
}
.main .spotlight.spot-prices .variation {
  font-size: .8rem;
}
.main .spot-prices .value {
  width: 4.5rem;
}
#gold-data-filter-form .form-select {
  overflow: auto;
}
/*  FEATURE + CONTENT PANEL
----------------------------------------------*/
.main-feature {
  margin-bottom: 1rem;
}
.summary,
.panel-content {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 1rem;
  margin-bottom: 1rem;
}
.panel-gallery,
.panel-body,
.panel-banner {
  margin-bottom: 1rem;
}
.panel-banner {
  text-align: center;
}
.node-type-landing-page .panel-content {
  background-color: #252525;
  border: 1px solid #565656;
}
.panel-introduction,
.node-type-landing-page .panel-introduction {
  background-color: transparent;
  border: none 0;
  padding: 0;
}
.standard .panel-content,
.research .panel-content {
  background-color: transparent;
  border: none;
  margin: 0 0 0.3rem 0;
  padding: 0;
}
.research .panel-content .text-placeholder {
  padding-left: 1rem;
}
.panel-content .media-placeholder {
  margin: 0 0 1rem 0;
}
.summary .description {
  clear: both;
}
.features h2 {
  border-bottom: 1px solid #d3d3d3;
  margin: 0;
}
.features .feature {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #d3d3d3;
  padding: 1rem 0;
}
.features .feature:last-child {
  border-bottom: none 0;
}
.feature ul {
  list-style-type: none;
  margin: 0;
}
.feature ul li {
  margin: 0 0 1em 0;
}
/* IN PAGE TOOLS 
----------------------------------------------*/
.in-page-tools {
  text-align: center;
}
.in-page-tools a,
.in-page-tools em {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  color: #484848;
  display: block;
  margin-bottom: .5rem;
  padding: .5rem;
}
.in-page-tools a:hover,
.in-page-tools a:active,
.in-page-tools a:focus {
  text-decoration: none;
}
.in-page-tools .emphasised {
  color: #ffffff;
  background-color: #a39161;
}
.related a.download {
  background-color: transparent;
  border: none 0;
  display: block;
  clear: both;
  font-size: .9rem;
  color: #484848;
  margin: 0;
  padding: .5rem 0 .5rem .3rem;
  color: #ffffff;
}
.related a.download .icon.download {
  background-position: -115px -320px;
}
/** fix the most downloaded panel links */
.related.popular a.download {
  color: #ddc993;
  font-size: 1em;
  outline: none;
  display: inline;
  text-decoration: none;
}
/* ACCORDION
----------------------------------------------*/
.jsm-accordion {
  margin-bottom: 1rem;
}
.jsm-key {
  background-color: #ffffff;
  clear: both;
  font-size: 1.1rem;
  line-height: 1.5;
  margin: 0;
}
.aside .jsm-key {
  background-color: #f2f2f2;
}
.front .jsm-key,
.node-type-landing-page .jsm-key {
  background-color: #383838;
  color: #ffffff;
}
.js .jsm-key {
  padding: .5rem;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-weight: 400;
}
.jsm-pallet {
  display: inline-block;
  font-size: 1.5em;
  line-height: 1em;
  vertical-align: text-top;
  float: left;
  position: relative;
  left: -0.2em;
}
.no-js .jsm-pallet {
  display: none;
}
.js .jsm-chamber {
  margin-bottom: 1px;
}
.js .jsm-chamber-inner {
  display: none;
  padding: 1rem;
}
.js .popular .jsm-chamber-inner {
  padding: 1rem 0;
}
.js .active .jsm-chamber-inner {
  display: block;
}
/* LIGHTBOX TOOLS
----------------------------------------------*/
.overlay-container a {
  display: block;
}
.js .overlay-grid .item {
  float: left;
  width: 50%;
  text-align: center;
}
.js .overlay-grid .text-placeholder-duplicate {
  color: #f5f5f5;
  background-color: #252525;
  background-color: rgba(37, 37, 37, 0.8);
}
.js .overlay-grid .text-placeholder-duplicate h3,
.js .overlay-grid .text-placeholder-duplicate p {
  margin: 0;
}
.overlay-grid a[data-overlay=link] {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  display: block;
  margin: .25rem;
  text-align: center;
}
.overlay-grid a[data-overlay=link] img {
  vertical-align: middle;
  margin: 0 auto;
  /*width:100%;*/
}
.overlay-link-video {
  position: relative;
}
.overlay-link-video .play {
  position: absolute;
  top: 40%;
  left: 50%;
}
.spotlight-secondary .overlay-link-video .play {
  left: 35%;
  top: 30%;
}
.panel-content .overlay-link-video .play {
  left: 41%;
  top: 35%;
}
.related .overlay-link-video .play {
  left: 25%;
  top: 13%;
}
.view-news-and-events .overlay-link-video .play {
  left: 34%;
  top: 25%;
}
.one-sidebar .panel .related .overlay-link-video .play {
  left: 31%;
  top: 22%;
}
.two-sidebars .panel .related .overlay-link-video .play {
  left: 26%;
  top: 14%;
}
/*
*************************************************
 * Magnific Popup CSS // lightbox
*************************************************
*/
.js .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100030;
  overflow: hidden;
  position: fixed;
  background: #0f0f0f;
  opacity: .8;
  filter: alpha(opacity=80);
}
.js .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100031;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.js .mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.js .mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.js .mfp-align-top .mfp-container:before {
  display: none;
}
.js .mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.js .mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.js .mfp-ajax-cur {
  cursor: progress;
}
.js .mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.js .mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.js .mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.js .mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.js .mfp-loading.mfp-figure {
  display: none;
}
.js .mfp-hide {
  display: none !important;
}
.js .mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.js .mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.js .mfp-s-ready .mfp-preloader {
  display: none;
}
.js .mfp-s-error .mfp-content {
  display: none;
}
.js button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.js button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.js .mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.js .mfp-close-btn-in .mfp-close {
  color: #aaaaaa;
}
.js .mfp-close-btn-in .mfp-iframe-holder .mfp-close {
  color: #fff;
}
.js .mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.js .mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.js .mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.js .mfp-arrow:active {
  margin-top: -54px;
}
.js .mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.js .mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.js .mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.js .mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}
.js .mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.js .mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #a39161;
}
.js .mfp-arrow-right {
  right: 0;
}
.js .mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.js .mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #a39161;
}
.js .mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.js .mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.js .mfp-iframe-holder .mfp-close {
  top: -40px;
}
.js .mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.js .mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
/* Main image in popup */
.js img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.js .mfp-figure {
  line-height: 0;
}
.js .mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #f2f2f2;
}
.js .mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.js .mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.js .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.js .mfp-image-holder .mfp-content {
  max-width: 100%;
}
.js .mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
/*utilities*/
.js .mfp-box .mfp-container {
  width: 50%;
  left: 25%;
}
.js .mfp-box .heading {
  border-bottom: 1px solid #0f0f0f;
  font-size: 1.5rem;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
.js .mfp-box .mfp-close {
  color: #0f0f0f;
}
.js .mfp-box .mfp-content {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 1rem;
  width: auto;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
     * Remove all paddings around the image on small screen
     */
  .js .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .js .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .js .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */
  }
  .js .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .js .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .js .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .js .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .js .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .js .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .js .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .js .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .js .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .js .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
  .wrapper .icon.play {
    background-position: 4px -203px;
    width: 54px;
    height: 44px;
  }
}
@media all and (max-width: 600px) {
  .split-4-5 .col:nth-child(1) .imagery img {
    position: relative;
    right: 19px;
  }
  .split-4-5 .col:nth-child(2) .imagery img {
    position: relative;
    right: 30px;
  }
  .overlay-link-video .play {
    left: 43%;
  }
  .spotlight-secondary .overlay-link-video .play {
    top: 17px;
  }
  #timeline-embed .media-image img {
    max-width: 100% !important;
  }
}
.js .mfp-ie7 .mfp-img {
  padding: 0;
}
.js .mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.js .mfp-ie7 .mfp-container {
  padding: 0;
}
.js .mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.js .mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.js .white-popup {
  position: relative;
  background: #ffffff;
  color: #484848;
  padding: 20px;
  width: 60%;
  max-width: 60%;
  margin: 20px auto;
  text-align: center;
  text-align: left;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mfp-with-anim {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
/* LIGHTBOX TOOLS
    ----------------------------------------------*/
.js .white-popup .text-placeholder dd {
  padding: 0;
}
/* SORTABLE DATA TABLES
    ----------------------------------------------*/
.tablesorter-header {
  cursor: pointer;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}
.tablesorter-header:hover,
.tablesorter-header:focus {
  -webkit-box-shadow: inset 0 -40px 30px -30px #ddc993;
  -moz-box-shadow: inset 0 -40px 30px -30px #ddc993;
  box-shadow: inset 0 -40px 30px -30px #ddc993;
  -webkit-transition: .1s;
  -moz-transition: .1s;
  transition: .1s;
}
.tablesorter-header-inner {
  padding-right: 20px;
  position: relative;
}
.tablesorter-header-inner:after,
.tablesorter-header-inner:before {
  content: '▲';
  top: 8px;
  right: 5px;
  margin-top: -6px;
  font-size: 0.6em;
  color: #a39161;
  position: absolute;
}
.tablesorter-header-inner:after {
  content: '▼';
  margin-top: 6px;
}
.tablesorter-headerAsc .tablesorter-header-inner:after {
  display: none;
}
.tablesorter-headerDesc .tablesorter-header-inner:before {
  display: none;
}
.panel-data-table-wrapper {
  overflow-x: auto;
}
/* DATA TABLE
 --------------------------------- */
select .group {
  font-weight: 700;
}
select .subgroup {
  padding-left: 1rem;
}
.panel-data label,
.panel-data select,
.panel-data input {
  width: auto;
}
.panel-data .choiceWrapper {
  margin-bottom: .5em;
}
.tablesorter-headerAsc .tablesorter-header-inner:after {
  display: none;
}
.tablesorter-headerDesc .tablesorter-header-inner:before {
  display: none;
}
.panel-data-table-wrapper {
  overflow-x: auto;
}
.sorter-false {
  border: none 0;
}
.sorter-false .tablesorter-header-inner:after,
.sorter-false .tablesorter-header-inner:before {
  display: none;
}
.panel-data thead th,
.panel-data tbody td {
  text-align: right;
}
.panel-data th[colspan] {
  border-bottom: 1px solid #A39161;
  border-right: 1px solid #A39161;
  text-align: center;
}
.panel-data .lastcolspan {
  border-right: 1px solid #A39161;
}
.panel-data tbody th,
.panel-data tbody td {
  border-bottom: 1px dotted #A39161;
}
.panel-data tbody th {
  font-weight: 400;
}
.panel-data tbody .group {
  font-weight: 700;
}
.panel-data tbody .subgroup {
  padding-left: 1rem;
}
.panel-data tr th:first-child {
  border-right: 1px solid #A39161;
}
/* SIDEBAR FILTER FORMS */
.sidebar .webform-client-form .form-item:nth-child(1) {
  margin-top: 0;
}
.sidebar .form-checkboxes label,
.sidebar .form-radios label {
  font-size: 0.8rem;
  margin-left: 4px;
}
.sidebar .webform-component {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 17px;
  width: 100%;
}
.sidebar .webform-client-form input[type='text'] {
  width: 90%;
}
.sidebar .webform-client-form .container-inline-date input[type='text'] {
  width: 60%;
}
.sidebar .webform-client-form input[type=submit] {
  width: 100%;
}
/* SIDEBAR VIEWS SOLR SEARCH FORM BREAKOUT wgc_solr_search_views module */
.sidebar #SolrSearchViewFormContainer {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 1rem;
  margin-bottom: 1rem;
}
.sidebar #SolrSearchViewFormContainer form {
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  color: #484848;
}
.sidebar #SolrSearchViewFormContainer form input {
  display: inline-block;
}
.sidebar #SolrSearchViewFormContainer form input[type='text'] {
  background-color: #ffffff;
  border: none;
  width: 65%;
  color: #484848;
}
.sidebar #SolrSearchViewFormContainer form input[type='submit'] {
  background-color: #ffffff;
  border: none;
  background: url(images/icons.png) no-repeat -56px -8px;
  text-indent: -9999rem;
  width: 2.5rem;
  height: 2.3rem;
  float: right;
  margin: 2px;
}
.page-news-and-events-press-releases #SolrSearchViewFormContainer {
  margin-top: 20px;
}
/* SIDEBAR SOLR SEARCH FACETS ORDERING */
.block.block-facetapi {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 1rem;
  margin-bottom: 1rem;
}
.block-apachesolr-search {
  background-color: #ffffff;
  border: 1px solid #d3d3d3;
  padding: 1rem;
  margin-bottom: 1rem;
}
.block.block-facetapi h2,
.block-apachesolr-search h2 {
  font-family: lexia;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 .5em 0;
}
.block.block-facetapi .item-list ul li,
.block-apachesolr-search .item-list ul li {
  list-style: none;
  margin-left: 0;
}
.block.block-facetapi .item-list ul li img,
.block-apachesolr-search .item-list ul li img {
  margin-right: 0.5rem;
}
.block.block-facetapi .item-list,
.block-apachesolr-search .item-list {
  padding-top: 0px;
}
.block.block-facetapi .active,
.block-apachesolr-search .active {
  font-weight: bold;
}
/* LISTING STYLING */
.view-content,
.view-empty,
.search-results {
  padding: 1em;
  background-color: #f9f9f9;
  border: 1px solid #d3d3d3;
  margin: 1.5em 0 .5em 0;
}
.view-empty:before {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.page-supply-and-demand .view-content {
  /*padding:0;
    background-color:transparent;
    border:none 0; */
}
.views-row,
.search-result {
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.search-result {
  list-style: none;
}
.search-results .title {
  font-size: 1.3em;
}
.search-results .search-snippet-info {
  padding: 0;
  word-wrap: break-word;
}
div.views-row:last-child,
.search-result:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.views-field-date {
  font-weight: bold;
}
.panel-drupal-listing .views-col img {
  display: none;
  width: 100%;
}
.results_dropdown {
  text-align: right;
}
.list_dropdown_selector {
  list-style-type: none;
}
.results_dropdown p,
.list_dropdown_selector,
.list_dropdown_selector li {
  display: inline-block;
}
.list_dropdown_selector li {
  margin-left: 5px;
  padding-left: 8px;
  border-left: 1px solid #d0d0d0;
}
.list_dropdown_selector li:first-child {
  border: none;
  margin-left: 0;
  padding-left: 0;
}
.item-list,
.results_dropdown {
  padding-top: 20px;
}
item-list .pager li:first-child {
  margin-left: 0;
}
.item-list .pager li {
  margin: 0em;
}
.item-list .pager {
  text-align: left;
}
.results_dropdown {
  text-align: right;
  /*padding: 0 0 20px;*/
}
.item-list .pager a {
  color: #a39161;
  display: inline-block;
  vertical-align: middle;
}
.panel-drupal-listing .heading {
  line-height: 2;
}
.panel-drupal-listing .count {
  font-weight: 400;
}
/* SITEMAP
    ----------------------------------------------*/
ul.site-map-menus {
  margin: 0;
  font-family: lexia;
}
ul.site-map-menus li {
  list-style: disc outside;
  margin: 0;
  padding: 0;
}
ul.site-map-menus > li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.3rem;
}
ul.site-map-menus > li.leaf {
  clear: both;
  font-size: 1rem;
}
ul.site-map-menus > li.leaf a[href="/research"] {
  font-size: 1.3rem;
  margin-bottom: 1rem;
  display: inline-block;
}
ul.site-map-menus > li.leaf a[href="/gu/login_toggle"] {
  display: none;
}
ul.site-map-menus li li {
  font-size: 1.1rem;
}
ul.site-map-menus li li li {
  font-size: 1rem;
}
/* ADDTHIS 
----------------------------------------------*/
/*Tablets and phones*/
#at4m-dock {
  border-top: 1px solid #565656;
  background: #0f0f0f;
}
#at4m-menu-head,
.at4m-dock a:link {
  color: #ddc993;
}
.at4m-dock a:hover,
.at4m-dock a:active {
  background-color: #252525;
}
.at4m-dock a i.at4m-dock-share {
  background: url(images/icons.png) no-repeat -7px -298px;
}
.at4m-menu .at4m-menu-inner .at4m-menu-header {
  background: #252525;
}
.at4m-menu .at4m-menu-content ul li {
  border-bottom: 1px solid #ddd;
  background: #e7e9ec;
}
.at4m-dock-toggle a {
  background: url(images/addthis-minimize.png) no-repeat 50% 0;
}
.at4m-dock a i {
  opacity: .4;
}
.at4m-menu .at4m-menu-inner .at4m-menu-header .at4m-menu-header-inner a.at4m-menu-cancel {
  background: url(images/icons.png) no-repeat -42px -298px;
}
/*Desktops*/
.addthis-smartlayers-desktop .atss-left {
  bottom: 0;
  position: fixed;
  float: none;
  left: auto;
  top: auto;
  width: 100%;
  text-align: center;
  border-top: 1px solid #565656;
  background: rgba(15, 15, 15, 0.8);
}
.addthis-smartlayers-desktop .atss a {
  float: none;
  display: inline-block;
  margin: 1px;
}
.addthis-smartlayers-desktop .at-share-close-control {
  display: none!important;
}
.addthis-smartlayers-desktop .addthis_32x32_style .dummy .at300bs,
.addthis-smartlayers-desktop .addthis_32x32_style .at300bs,
.addthis-smartlayers-desktop .addthis_32x32_style .at15t .addthis-smartlayers-desktop .atss a span {
  height: 28px!important;
  line-height: 28px!important;
}
/**
 * Grid system for images
 * 
 */
.images.grid .image {
  width: 100%;
  height: auto;
  position: relative;
}
.images.grid .image a.download,
.images.grid .image a.enlarge {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  z-index: 10;
  background: url('images/icons.png') no-repeat;
  background-position: -63px -425px;
}
.images.grid .image a.enlarge {
  right: 45px;
  background-position: -12px -425px;
}
/**
 * This sorts out the issue of one but not the other and havign the icons
 * aligned bottom right
 */
.images.grid .image.has-download a.download {
  right: 10px;
}
.images.grid .image.has-enlarge a.enlarge {
  right: 10px;
}
.images.grid .image.has-enlarge.has-download a.enlarge {
  right: 10px;
}
.images.grid .image.has-enlarge.has-download a.download {
  right: 45px;
}
.images.grid-1 .image a.download,
.images.grid-1 .image a.enlarge {
  bottom: auto;
  top: -35px;
}
.images.grid .image a.download span {
  display: none;
}
.images.grid .image a.enlarge span {
  display: none;
}
.images.grid .image .title {
  display: none;
}
.images.grid.grid-1 .image .title {
  display: block;
}
.images.grid .image .src {
  position: relative;
}
.images.grid .image .src img {
  width: 100%;
  height: auto;
}
.images.grid .desc {
  font-size: 0.8em;
  padding: 0px 10px 0px 10px;
}
.images.grid .desc > p {
  font-size: 0.9em;
}
/*
*************************************************
 * SMALL SCREENS BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 768px <= width responsive-768-min.less
*************************************************
*/
@media only screen and (min-device-width: 48em) and (min-width: 48em) {
  .images.grid.grid-2 .image,
  .images.grid.grid-4 .image {
    width: 49%;
    margin-right: 1%;
    float: right;
  }
  .images.grid.grid-3 .image {
    width: 33%;
    margin-right: 0.333%;
    float: right;
  }
}
/**
* Language.less 
*/
.region-sidebar-lang .content {
  text-align: center;
}
.small-screen-view .region-sidebar-lang {
  display: none;
}
.language-switcher-locale-url {
  margin: auto;
  padding: 0px;
}
.language-switcher-locale-url .first,
.language-switcher-locale-url .last {
  display: inline-block;
}
.language-switcher-locale-url .active {
  display: none;
}
.language-switcher-locale-url li a {
  padding: 0.5em 3.5em 0.5em 1em;
  background-color: #a39161;
  color: #000;
  font-weight: bold;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 90% center;
}
.language-switcher-locale-url li.zh-hans a {
  background-image: url('images/flag-zh-hans.png');
  font-family: "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "宋体", "SimSun", "STXihei", "华文细黑", sans-serif;
  font-size: 1.2em;
}
.language-switcher-locale-url li.en a {
  background-image: url('images/flag-en.png');
  font-weight: bold;
}
/*
*************************************************
 * RESPONSIVE
*************************************************
*/
.touch .no-touch-only {
  display: none;
}
/*
*************************************************
 * EXTRA SMALL SCREENS BREAKPOINT
 * Notes: this is not working on IE6/7/8
 * - only screen media
 * - 320px <= width
*************************************************
*/
@media only screen and (min-device-width: 20em) and (min-width: 20em) {
  /* Views
----------------------------------------------*/
  .m-view {
    display: block;
    visibility: visible;
  }
  span.m-view {
    display: inline-block;
  }
  .t-view,
  .from-t-view {
    display: none;
    visibility: visible;
  }
  .d-view {
    display: none;
    visibility: hidden;
  }
  /* Navigation
----------------------------------------------*/
  /*mobile - js*/
  .small-screen-view .wrapper {
    position: relative;
    margin-top: 85px;
    padding-top: 0;
  }
  .small-screen-view .site-branding {
    display: none;
  }
  .small-screen-view .wrapper .header .spot-prices .clock,
  .small-screen-view .wrapper .header .spot-prices .graph {
    margin-right: .2rem;
  }
  .small-screen-view .header .spot-prices .heading {
    font-size: 1rem;
    display: none;
  }
  .small-screen-view .header .spot-prices dl,
  .small-screen-view .header .spot-prices .variation {
    line-height: 1;
  }
  .small-screen-view .wrapper .header .spot-prices .variation .icon {
    vertical-align: top;
  }
  .small-screen-view .header {
    position: static;
  }
  .small-screen-view .mobile-navigation-panel {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 210;
    overflow-y: scroll;
  }
  .small-screen-view .mobile-navigation-panel-inner {
    min-height: 100%;
    background-color: rgba(15, 15, 15, 0.9);
    margin-left: 10%;
  }
  .small-screen-view .mobile-navigation-panel-content {
    padding: 3%;
  }
  .small-screen-view .jsm-navigation-switcher-copy .logo {
    float: left;
    display: block;
    width: 125px;
  }
  .small-screen-view .jsm-navigation-switcher-copy .logo img {
    max-width: 100%;
  }
  .jsm-navigation-switcher-copy {
    left: 0;
    margin: 0;
    padding: 2% 2% 0 2%;
    position: fixed;
    text-align: right;
    top: 0;
    width: 96%;
    z-index: 220;
    background-color: rgba(15, 15, 15, 0.9);
    display: none;
  }
  .small-screen-view .jsm-navigation-switcher-copy {
    display: block;
  }
  .small-screen-view .jsm-navigation-switcher-copy p {
    line-height: 1;
  }
  .small-screen-view .jsm-navigation-switcher-copy .icon {
    margin: 0 0 0 .2rem;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background-image: url(images/icons.png);
    background-repeat: no-repeat;
  }
  .small-screen-view .jsm-navigation-switcher-copy .hamburger {
    color: #ddc993;
    background-position: -310px -60px;
    border: 1px solid #ddc993;
    height: 22px;
    padding: 8px 10px 0 35px;
  }
  .small-screen-view .jsm-navigation-switcher-copy .hamburger span {
    background-color: #0F0F0F;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    width: 100%;
  }
  .small-screen-view .jsm-navigation-switcher-copy .magnifier {
    border: 1px solid #565656;
    height: 22px;
    width: 22px;
    padding: 4px;
    line-height: 1;
    background-position: -62px -12px;
  }
  .small-screen-view .jsm-navigation-switcher-copy .flag {
    border: 1px solid #a39161;
    background-color: #a39161;
    height: 22px;
    width: 22px;
    padding: 4px;
    line-height: 1;
    background-position: -12px -474px;
  }
  .lang-zh-hans.small-screen-view .jsm-navigation-switcher-copy .flag {
    background-position: -62px -474px;
  }
  .drupal-site-search .form-text {
    width: 10rem;
  }
  .small-screen-view .drupal-site-search {
    margin: 2.5%;
    width: 95%;
  }
  .small-screen-view .drupal-site-search .block-search,
  .small-screen-view .drupal-site-search .block-search .container-inline {
    display: block;
    float: none;
    background-color: #0f0f0f;
  }
  .small-screen-view .drupal-site-search .form-item-search-block-form {
    width: 80%;
  }
  .small-screen-view .drupal-site-search .form-item-search-block-form input {
    width: 100%;
  }
  .small-screen-view .drupal-site-search .container-inline .form-actions {
    float: right;
  }
  .show-main-nav .mobile-navigation-panel {
    display: block;
  }
  .show-main-nav .page {
    position: fixed;
    width: 98%;
  }
  .show-main-nav #at4m-mobile-container,
  .show-main-nav .cookies {
    display: none !important;
  }
  .small-screen-view .nav-main {
    border-bottom: 1px solid #565656;
    border-top: 1px solid #565656;
    padding: 1rem;
    margin: 0;
  }
  .small-screen-view .nav-secondary {
    padding-bottom: 1rem;
  }
  .small-screen-view .nav-main .jsm-navigation-container > ul > li {
    background-color: #0F0F0F;
  }
  .small-screen-view .mobile-navigation-panel .jsm-pallet {
    background-color: #383838;
    font-size: 1.5rem;
    height: 2.2rem;
    width: 2.2rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.5;
    vertical-align: middle;
    cursor: pointer;
    margin: .15rem;
    float: right;
    left: auto;
    position: static;
  }
  .small-screen-view .nav-main .jsm-pallet {
    color: #ddc993;
  }
  .small-screen-view .nav-tertiary .jsm-pallet {
    color: #adadad;
  }
  .small-screen-view #login_link .jsm-pallet {
    border: none 0;
    background-color: transparent;
    height: auto;
    width: auto;
    padding: 0;
    margin: .2rem 0 0 0;
    line-height: 1;
  }
  .small-screen-view .nav-main a {
    color: #ddc993;
    margin-right: 3rem;
  }
  .small-screen-view .nav-main a,
  .show-main-nav .nav-secondary a {
    padding: .5rem .5rem .5rem 1rem;
  }
  .small-screen-view .nav-main li a,
  .small-screen-view .nav-secondary a,
  .small-screen-view .nav-tertiary .shortcuts a,
  .small-screen-view .nav-tertiary .generic a {
    font-size: 1.3rem;
  }
  .small-screen-view .nav-main li li a,
  .small-screen-view .nav-tertiary .shortcuts li li a {
    font-size: 1.1rem;
  }
  .small-screen-view .nav-main a.active {
    text-decoration: none;
  }
  .small-screen-view .nav-main li.active {
    /*content:'▸';*/
    background-image: url(images/bullet-lighter.png);
    background-repeat: no-repeat;
    background-position: left 1.1rem;
  }
  /*.show-main-nav .nav-secondary .active > a:before{
    content:'▸ ';
}*/
  .small-screen-view .nav-secondary li.active {
    /*content: '▸';*/
    background-image: url(images/bullet-white.png);
    background-repeat: no-repeat;
    background-position: left 1.1rem;
  }
  .small-screen-view .nav-main ul.menu ul {
    border-left: 1px solid #ddc993;
    display: block;
    margin-left: .8rem;
  }
  .small-screen-view .nav-main ul.menu ul ul {
    margin-left: 0;
  }
  .small-screen-view .nav-main ul.menu ul ul {
    border-left: none 0;
  }
  .small-screen-view .nav-main ul.menu ul ul a {
    padding-left: 1.5rem;
  }
  .small-screen-view .nav-secondary {
    padding: 1rem;
  }
  .small-screen-view .nav-secondary ul ul {
    border-left: 1px solid #ffffff;
    display: block;
    margin-left: .8rem;
  }
  .small-screen-view .nav-tertiary {
    padding: 1rem;
    border-top: 1px solid #565656;
  }
  .small-screen-view .nav-tertiary a {
    padding: .5rem .5rem .5rem 1rem;
  }
  .small-screen-view .nav-tertiary .shortcuts {
    margin-bottom: 1rem;
  }
  .small-screen-view .nav-tertiary ul,
  .small-screen-view .nav-tertiary li,
  .small-screen-view .nav-tertiary .generic li {
    float: none;
    background: transparent none;
  }
  .small-screen-view .nav-tertiary ul ul {
    border-left: 1px solid #ADADAD;
    display: block;
    margin-left: .8rem;
  }
  .small-screen-view .nav-tertiary ul ul ul {
    border: none 0;
  }
  .small-screen-view .nav-tertiary .active > a {
    background-image: url(images/bullet-grey.png);
    background-repeat: no-repeat;
    background-position: left 1.1rem;
  }
  .small-screen-view .nav-tertiary .generic li {
    /*list-style:circle inside;
    margin-left:.5rem;*/
  }
  .small-screen-view .wrapper .nav .doc,
  .small-screen-view .wrapper .nav .stats {
    display: none;
  }
  .footer .nav-tertiary {
    display: none;
  }
  /* spotlights
----------------------*/
  .spotlight img {
    display: block;
  }
  .not-front .sidebar2 .spotlight img {
    width: 100%;
    max-width: 350px;
  }
  .not-front .sidebar2 .related .imagery {
    width: 33.3333%;
    max-width: 130px;
  }
  .spotlight:not(.related) .imagery {
    margin: 0 1rem 1rem 1rem;
    text-align: center;
    position: relative;
  }
  .spotlight-secondary .imagery {
    float: left;
    height: 80px;
    width: 120px;
    overflow: hidden;
  }
  .spotlight:not(.spotlight-tertiary) .imagery {
    display: block;
  }
  .spotlight-secondary img {
    float: left;
    width: auto;
    max-width: none;
    height: 80px;
  }
  .spotlight .icon.arrow-bullet {
    background-position: -115px -71px;
    height: 10px;
    width: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 1rem;
    margin: 0;
  }
  .sidebar2 .spotlight .arrow-bullet {
    display: none;
  }
  /*spot price*/
  .wrapper .spot-prices .graph {
    width: 20px;
    height: 20px;
    background-position: -16px -16px;
  }
  .header .spot-prices {
    position: relative;
    float: left;
    width: 100%;
  }
  .spotlight p {
    font-size: .75rem;
  }
  .header .spot-prices .tab {
    display: inline-block;
    vertical-align: baseline;
    border: none;
  }
  .header .spot-prices .tab,
  .header .spot-prices .tab a,
  .small-screen-view .header .spot-prices .select .form-select {
    font-size: 12px;
  }
  .header .spot-prices .tab .icon.graph {
    vertical-align: middle;
  }
  .header .spot-prices .spotlight-callout {
    display: inline-block;
    vertical-align: baseline;
    padding: 0;
  }
  .small-screen-view .header .spot-prices .ask,
  .small-screen-view .header .spot-prices .bid {
    display: none;
  }
  .small-screen-view .header .spot-prices .mid {
    display: inline-block;
  }
  .small-screen-view .header .spot-prices .select {
    float: left;
    margin: 0 5px 0 0;
  }
  .header .spotlight.spot-prices .time {
    /*
    position:absolute;
    top:.5rem;
    right:.5rem;
    */
    display: none;
    margin: 0 0 0 0;
  }
  .main .spot-prices .heading {
    width: 3.5rem;
  }
  /* PAGINATION
----------------------*/
  .item-list .pager li {
    font-size: 1.1rem;
  }
  .item-list .pager .pager-first a,
  .item-list .pager .pager-previous a,
  .item-list .pager .pager-next a,
  .item-list .pager .pager-last a {
    width: .7rem;
    height: 1.5rem;
    overflow: hidden;
    line-height: 1;
    font-size: 1.5rem;
  }
  .item-list .pager .pager-next a,
  .item-list .pager .pager-last a {
    text-align: right;
    text-indent: -1000rem;
  }
  /**
 * GDT detail
 */
  .panel-social .divider {
    display: block;
    height: 3px;
    background: #0c0;
  }
  .panel-social .share {
    display: inline-block;
    height: 40px;
  }
  .panel-social .share.facebook span {
    margin-top: -5px;
  }
  .jump-links {
    margin: 10px 0 0 0;
  }
}
/* end @media only screen 320px <= width */
/*
*************************************************
 * INTERMEDIARY BREAKPOINT => to fix a few things on Android
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - width <= 480px
*************************************************
*/
@media only screen and (max-device-width: 30em) and (max-width: 30em) {
  .android .webform-client-form input:not([type=submit]) {
    width: 95% !important;
  }
  .android .webform-client-form select,
  .android .webform-client-form textarea,
  .android .webform-client-form .form-textarea-wrapper {
    width: 100% !important;
  }
}
/* end @media only screen width <= 480px */
/*
*************************************************
 * INTERMEDIARY BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 480px <= width responsive-480-min.less
*************************************************
*/
@media only screen and (min-device-width: 30em) and (min-width: 30em), only screen and (min-device-width: 20em) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /*iOS*/
  blockquote {
    width: 80%;
    margin: 0 auto 1rem auto;
  }
  /*Layout*/
  .rr {
    float: right;
    font-size: .7rem;
  }
  /*
spot price
 */
  .header .spot-prices .tab,
  .header .spot-prices .tab a,
  .small-screen-view .header .spot-prices .select .form-select {
    font-size: 1rem;
  }
  .header .spotlight.spot-prices .time {
    display: inline-block;
  }
  /* spotlights
----------------------*/
  .spotlight-tertiary {
    background-color: transparent;
  }
  .spotlight-tertiary .arrow-bullet {
    display: none;
  }
  .spotlight:not(.related) img {
    float: none;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .spotlight-primary .imagery {
    width: 44.4444444444%;
    display: block;
    float: left;
    height: auto;
  }
  .spotlight-secondary .imagery {
    width: 33.3333333333%;
    display: block;
    float: left;
    height: auto;
  }
  /*gold spot prices*/
  .header .spot-prices .heading {
    margin-right: .5rem;
  }
  /* Navigation
----------------------------------------------*/
  .nav-tertiary ul {
    float: left;
    list-style: none;
    margin: 0;
  }
  nav-tertiary ul {
    clear: both;
  }
  .nav-tertiary li {
    float: left;
    margin-right: .5em;
  }
  .nav-tertiary .generic li {
    background: url(images/separator-bar-s.png) no-repeat center right;
  }
  .small-screen-view .nav-main .jsm-navigation-switcher {
    right: 112%;
  }
  /* IN PAGE TOOLS
----------------------------------------------*/
  .in-page-tools {
    text-align: left;
  }
  .in-page-tools a,
  .in-page-tools em {
    display: inline-block;
    margin-right: .2rem;
    margin-left: .2rem;
    font-size: 1.2rem;
  }
  .research .panel-content .in-page-tools a {
    margin-right: .4rem;
    margin-left: 0;
  }
  /* LIGHTBOX TOOLS
----------------------------------------------*/
  .js .overlay-grid .item {
    width: 50%;
  }
  /* SITEMAP
----------------------------------------------*/
  ul.site-map-menus > li:not(.leaf) {
    float: left;
    width: 46%;
    margin: 1%;
    padding: 1%;
  }
  ul.site-map-menus > .expanded {
    border-bottom: 1px solid #d3d3d3;
  }
}
/* end @media only screen 480px <= width */
/*
*************************************************
 * INTERMEDIARY BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 640px <= width responsive-640-min.less
*************************************************
*/
@media only screen and (min-device-width: 40em) and (min-width: 40em), only screen and (min-device-width: 20em) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /*iOS*/
  /* Grids
    ----------------------------------------------*/
  /* 1. 9 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    11.1111111111%
    Span 2:    22.2222222222%
    Span 3:    33.3333333333%
    Span 4:    44.4444444444%
    Span 5:    55.5555555556%
    Span 6:    66.6666666667%
    Span 7:    77.7777777778%
    Span 8:    88.8888888889%
    Span 9:    100%
    
    ----------------------------------------------------------------------------- */
  .row {
    width: 100%;
    float: left;
  }
  .row .col {
    float: left;
    clear: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    padding: 0;
    margin: 0;
  }
  .split-4-5 .col:nth-child(1) {
    width: 44.4444444444%;
  }
  .split-4-5 .col:nth-child(2) {
    width: 55.5555555556%;
  }
  .split-4-5 .col:nth-child(1) .col-inner {
    padding-right: 0.5rem;
  }
  .split-4-5 .col:nth-child(2) .col-inner {
    padding-left: .5rem;
  }
  .split-third .col {
    width: 33.3333333333%;
  }
  .split-third .col:nth-child(1) .col-inner {
    padding-right: 0.7rem;
  }
  .split-third .col:nth-child(2) .col-inner {
    padding: 0 .3rem;
  }
  .split-third .col:nth-child(3) .col-inner {
    padding-left: .7rem;
  }
  .split-12 .col-1,
  .split-12 .col {
    width: 8.33333333333%;
  }
  .split-12 .col-2 {
    width: 16.6666666667%;
  }
  .split-12 .col-3 {
    width: 25.0%;
  }
  .split-12 .col-4 {
    width: 33.3333333333%;
  }
  .split-12 .col-5 {
    width: 41.0833333333%;
  }
  .split-12 .col-6 {
    width: 50.0%;
  }
  .split-12 .col-7 {
    width: 58.3333333333%;
  }
  .split-12 .col-8 {
    width: 66.6666666667%;
  }
  .split-12 .col-9 {
    width: 83.3333333333%;
  }
  .split-12 .col-10 {
    width: 83.1666666667%;
  }
  .split-12 .col-11 {
    width: 91.6666666667%;
  }
  blockquote {
    width: 70%;
  }
  /* Layout
    ----------------------------------------------*/
  .header {
    position: relative;
  }
  .breadcrumb li {
    float: left;
    margin: 0;
  }
  .wrapper .breadcrumb .icon {
    margin-left: .5rem;
  }
  .drupal-site-search .form-text {
    width: 20rem;
  }
  .small-screen-view .nav-main .jsm-navigation-switcher {
    right: 111%;
  }
  .small-screen-view .mobile-navigation-panel-inner {
    margin-left: 20%;
  }
  /* spotlights
    ----------------------*/
  .spotlight-secondary .imagery,
  .spotlight-tertiary .imagery {
    float: none;
    width: auto;
  }
  .spotlight-primary .imagery {
    width: 66.6666666667%;
  }
  .header .spot-prices .time {
    display: inline-block;
  }
  /* spot prices
    ----------------------*/
  .header .spot-prices {
    color: #adadad;
    clear: both;
    text-align: left;
  }
  .spot-prices dl {
    margin-left: 0;
  }
  .small-screen-view .header .spot-prices .spotlight-callout {
    /*
        left:9.5rem;
        padding:0;
        position:absolute;
        bottom:.5rem;
        */
  }
  .small-screen-view .header .spotlight.spot-prices .time {
    /*
        margin:0;
        right:-11rem;
        bottom:.2rem;
        top:auto;
        */
  }
  .small-screen-view .header .spot-prices .select {
    margin-right: 1rem;
    float: none;
  }
  .spot-prices .form-type-select {
    margin: 0;
  }
  /**
    * Language.less 
    */
  .region-sidebar-lang {
    width: 20%;
    float: right;
  }
  .region-header {
    width: 80%;
    float: right;
  }
  .region-sidebar-lang .content {
    text-align: right;
  }
  /* front page second sidebar ... same panel inner half*/
  .sidebar2 .spotlight,
  .panel .panel-inner-half {
    width: 50%;
    float: left;
  }
  .sidebar2 .spotlight:nth-child(odd) {
    clear: left;
  }
  .sidebar2 .spotlight:nth-child(odd) .spotlight-inner,
  .panel .panel-inner-half:nth-child(1) .panel-inner {
    margin-right: .5rem;
  }
  .sidebar2 .spotlight:nth-child(even) .spotlight-inner,
  .panel .panel-inner-half:nth-child(2) .panel-inner {
    margin-left: .5rem;
  }
  /* CONTENT PANEL
    ----------------------------------------------*/
  .panel-content .media-placeholder {
    float: left;
    width: 44.4444444444%;
    margin-right: 1rem;
  }
  .panel-right .media-placeholder {
    float: right;
    margin-right: 0;
    margin-left: 1rem;
  }
  .executive-summary .text-placeholder {
    margin-left: 44.4444444444%;
    padding-left: 1rem;
  }
  /* PANEL LISTING
    ----------------------------------------------*/
  .panel-contacts .item {
    width: 46%;
    float: left;
  }
  .panel-contacts .item:nth-of-type(odd) {
    margin-right: 6%;
  }
  /*.panel-drupal-listing .datepickerLabel,
    .panel-drupal-listing .dateWrapper{
        display:inline-block;
    }*/
  /* LIGHTBOX TOOLS
    ----------------------------------------------*/
  .js .overlay-grid .item {
    width: 33.3333333333%;
  }
  /* LISTING STYLING */
  .views-col {
    float: left;
  }
  .views-col1 {
    width: 11.1111111111%;
  }
  .views-col2 {
    width: 88.8888888889%;
  }
  .no-image .views-col2 {
    width: 100%;
  }
  .views-col2 > div,
  .views-col3 > div {
    margin-left: 1rem;
  }
  .views-col3 {
    width: 88.8888888889%;
    margin-left: 11.1111111111%;
  }
  .no-image .views-col3 {
    width: 100%;
    margin-left: 0;
  }
  .panel-drupal-listing h2 {
    float: none;
  }
  .panel-drupal-listing .views-col img {
    display: block;
  }
  .results_dropdown {
    text-align: right;
    float: none;
  }
  .panel-drupal-listing .item-list {
    float: none;
  }
  .panel-drupal-listing .item-list {
    width: 100%;
  }
  .webform-client-form button,
  .webform-client-form input {
    width: 61%;
  }
  .webform-client-form select {
    width: 63%;
  }
  .webform-client-form .form-textarea-wrapper {
    width: 63%;
  }
  .main-content .search-form input.form-text {
    width: 55%;
  }
  /* SITEMAP
    ----------------------------------------------*/
  /*.sitemap .main-content ul.menu:first-child > li, #sitemap ul.menu:first-child > li{
        float:left;
        width:50%;
        padding-top:1rem;
        margin-bottom:1rem;
    }
    .sitemap .main-content ul.menu:first-child > li:nth-child(odd), #sitemap ul.menu:first-child > li:nth-child(odd){
        clear:left;
    }
    .sitemap .main-content ul.menu:first-child > li:nth-child(1), #sitemap ul.menu:first-child > li:nth-child(1)
    .sitemap .main-content ul.menu:first-child > li:nth-child(2), #sitemap ul.menu:first-child > li:nth-child(2){
        border:none;
    }
    .sitemap .main-content ul.menu:first-child > li > a, #sitemap ul.menu:first-child > li > a{
        font-family:lexia;
        font-size:1.4rem;
    }
    .sitemap .main-content ul.menu:first-child > li > ul > li > a, #sitemap ul.menu:first-child > li > ul > li > a{
        font-size:1.1rem;
    }
    .sitemap .main-content ul.menu,.sitemap .main-content ul.menu li,
    #sitemap ul.menu, #sitemap ul.menu li{
        list-style:none none;
        margin:0;
        padding:0;
    }
    .sitemap .main-content ul.menu ul, #sitemap ul.menu ul{
        margin-left:1rem;
    }
    #sitemap .expanded .menu ul .leaf{
        list-style-type:circle;
    }*/
  /* DATA TABLE
    --------------------------------- */
  .panel-data label,
  .panel-data select,
  .panel-data input {
    width: auto;
  }
  /* PAGINATION
    ----------------------*/
  .item-list .pager li {
    font-size: 1rem;
  }
  .item-list .pager .pager-first a,
  .item-list .pager .pager-previous a,
  .item-list .pager .pager-next a,
  .item-list .pager .pager-last a {
    width: auto;
    height: auto;
    overflow: visible;
    font-size: 1rem;
  }
  .item-list .pager .pager-next a,
  .item-list .pager .pager-last a {
    text-align: left;
    text-indent: 0;
  }
  /* NEWS AND EVENTS
    --------------------------------- */
  .top-archive {
    float: right;
    display: block;
  }
  .bottom-archive {
    display: none;
  }
  .latest .panel-content,
  .upcoming {
    border-bottom: solid 1px #d3d3d3;
    -webkit-box-shadow: 0 1px white;
    -moz-box-shadow: 0 1px white;
    box-shadow: 0 1px white;
  }
  .mobile-only {
    display: none;
  }
}
/* end @media only screen 640px <= width */
/*
*************************************************
 * SMALL SCREENS BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 768px <= width responsive-768-min.less
*************************************************
*/
@media only screen and (min-device-width: 48em) and (min-width: 48em) {
  blockquote {
    width: 60%;
  }
  /* Headings
    ----------------------------------------------*/
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.6rem;
  }
  .spotlight h2 {
    font-size: 1.25rem;
  }
  .latest .spotlight h2 {
    font-size: 1.6rem;
  }
  .spotlight h3 {
    font-size: 1rem;
  }
  h3 {
    font-size: 1.3rem;
  }
  /* Views
    ----------------------------------------------*/
  span.m-view,
  .m-view {
    display: none;
    visibility: hidden;
  }
  .m-view {
    display: none;
    visibility: hidden;
  }
  .t-view,
  .from-t-view {
    display: block;
    visibility: visible;
  }
  /* Navigation
    ----------------------------------------------*/
  .nav-main a {
    padding: 0.5rem;
  }
  .small-screen-view .mobile-navigation-panel-inner {
    margin-left: 30%;
  }
  .small-screen-view .nav-main .jsm-navigation-switcher {
    right: 109%;
  }
  /*mobile - js*/
  .small-screen-view .wrapper {
    /*margin-top:88px;*/
  }
  /* Layout
    ----------------------*/
  .breadcrumb {
    display: block;
  }
  .drupal-site-search .form-text {
    width: 30rem;
  }
  /* spotlights
    ----------------------*/
  .spotlight:not(.related) .imagery {
    margin: 0 0 1rem 0;
  }
  .spotlight.spotlight-primary .imagery {
    margin: 0;
  }
  .spotlight-primary img {
    margin: 0;
    float: left;
  }
  .spotlight-primary h2,
  .spotlight-primary .spotlight-callout {
    width: 33.3333333333%;
    float: right;
    margin: 0;
    padding: 0;
  }
  .spotlight-primary h2 a {
    margin: 1rem;
    display: block;
  }
  .spotlight-primary .callout-inner {
    margin: 0 1rem 1rem 1rem;
  }
  .spotlight-primary .icon.arrow-bullet {
    background-position: -18px -61px;
    height: 28px;
    left: auto;
    right: 0;
    top: 1rem;
    width: 14px;
  }
  /*gold spot prices*/
  .header .spot-prices .tab,
  .header .spot-prices .spotlight-callout,
  .header .spot-prices .asset,
  .header .spot-prices .time {
    display: inline-block;
    padding: 0;
  }
  .small-screen-view .header .spot-prices .spotlight-callout {
    left: auto;
    position: relative;
    bottom: auto;
  }
  .small-screen-view .header .spot-prices .select {
    position: static;
    top: auto;
    right: auto;
    margin-right: 1rem;
    float: none;
  }
  /* PORTRAIT
    ----------------------------------------------*/
  .portrait img {
    float: left;
    border: 1px solid #d3d3d3;
    width: 100px;
    margin-right: .5rem;
    margin-bottom: .5rem;
  }
  /* MAIN FEATURE
    ----------------------------------------------*/
  .summary .description {
    width: 55.5555555556%;
    float: right;
    clear: none;
  }
  .summary .contributor {
    width: 40%;
    float: left;
    margin-right: 4.4444444444%;
  }
  /* IN PAGE TOOLS
    ----------------------------------------------*/
  .feature .in-page-tools a {
    background-color: transparent;
    border: none 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .feature .in-page-tools a:hover,
  .feature .in-page-tools a:active,
  .feature .in-page-tools a:focus {
    text-decoration: underline;
  }
  /* LIGHTBOX TOOLS
    ----------------------------------------------*/
  .js .overlay-grid .item {
    width: 25%;
  }
  .js .members .overlay-grid .item {
    width: 33.3333333333%;
  }
  /* LISTING STYLING 
  ----------------------------------------------*/
  .results_dropdown {
    text-align: right;
    float: none;
  }
  .panel-drupal-listing .shift-left {
    float: left;
    width: auto;
  }
  /* DATA TABLE
    --------------------------------- */
  .panel-data select {
    width: 90%;
  }
  /*
GDT panel
 */
  .gdt .panel-content {
    width: 63%;
    float: left;
  }
  .gdt .panel-social {
    width: 30%;
    float: right;
  }
  .gdt .panel-social.no-summary {
    width: 100%;
    float: none;
  }
  .gdt .panel-social.no-summary > div {
    width: 50%;
    float: left;
  }
  .panel-social .share {
    display: block;
    font-size: 0.8rem;
    height: 20px;
  }
  .panel-social .share.sinaweibo {
    height: 22px;
  }
  .panel-social h3 {
    margin-bottom: 5px;
  }
  .panel-social .addthis_horizontal_follow_toolbox {
    margin-bottom: 10px;
  }
}
/* end @media only screen 768px <= width */
/*
*************************************************
 * INTERMEDIARY BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 960px <= width landscape responsive-960-min.less
*************************************************
*/
@media only screen and (min-device-width: 60em) and (min-width: 60em), only screen and (min-device-width: 48em) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /*iOS*/
  blockquote {
    width: 50%;
  }
  /* LAYOUT
----------------------------------------------*/
  .site-logo {
    width: 175px;
  }
  .site-branding {
    margin-top: 1.8rem;
  }
  .drupal-site-search {
    margin-right: 0;
    float: right;
    margin-bottom: 1rem;
    margin-top: -3rem;
    width: auto;
  }
  .js .drupal-site-search .form-text {
    width: 15.5rem;
  }
  .breadcrumb {
    margin-left: 1.5rem;
  }
  .wrapper {
    padding: 0;
  }
  .main {
    padding: 1rem;
  }
  .node-type-web-app .page .main {
    padding: 0rem;
  }
  .header,
  .footer {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .sidebar-inner,
  .main-content-inner {
    padding: 0 .5rem;
  }
  .sidebar1 {
    float: left;
    width: 25.0%;
  }
  .sidebar2 {
    clear: both;
  }
  .sidebar-first .main-content,
  .two-sidebars .main-content {
    float: right;
    margin-left: -100%;
    width: 75.0%;
  }
  /*

.sidebar-first .main-content{
    float:none;
    margin-left:auto;
    width:100%;
}
.node-type-web-app .front .sidebar-first .main-content{
    float:none;
    margin:0;
    width:auto;
}
*/
  .front .sidebar1 {
    float: none;
    width: auto;
  }
  .front.sidebar-second .main,
  .front.two-sidebars .main {
    position: relative;
  }
  .front .sidebar2 {
    float: right;
    width: 25.0%;
    clear: none;
  }
  .front.two-sidebars .sidebar1,
  .front.two-sidebars .main-content,
  .front.sidebar-second .main-content {
    float: left;
    margin: 0;
    width: 75.0%;
  }
  /* Navigation
----------------------------------------------*/
  .js .mobile-navigation-panel {
    display: block;
  }
  .nav-tertiary ul {
    clear: none;
  }
  .nav-tertiary .generic {
    float: right;
  }
  .footer .nav-tertiary {
    display: block;
  }
  .footer .nav-tertiary li li {
    display: none;
  }
  .footer .nav-tertiary ul.menu ul.menu a {
    display: block;
  }
  .nav-secondary {
    clear: none;
    float: none;
    position: absolute;
    right: 1.5rem;
    top: 0;
  }
  .nav-secondary .jsm-pallet {
    display: none;
  }
  .nav-secondary .shortcuts li {
    float: left;
  }
  .nav-main {
    width: 100%;
    clear: right;
    float: right;
  }
  .js .nav-main .jsm-pallet {
    display: none;
  }
  .nav-main li {
    width: auto;
    background-image: url(images/separator-bar-gold.png);
    background-image: url(images/separator-bar-white.png);
    background-repeat: no-repeat;
    background-position: left .9em;
    float: left;
    text-align: center;
  }
  .nav-main li:first-child,
  .js .nav-main li:first-child {
    background-image: none;
    border-left: none;
  }
  .nav-main ul {
    float: right;
  }
  .nav-main a,
  .js .nav-main a {
    background-color: transparent;
    border-bottom: #0f0f0f solid 5px;
    -moz-transition: border-color 200ms linear;
    -webkit-transition: border-color 200ms linear;
    -o-transition-transition: border-color 200ms linear;
    transition: border-color 200ms linear;
    font-size: 1rem;
    padding: 0.4rem;
    margin: 0;
  }
  .android #MainNavigation a {
    /*android pain on this*/
    font-size: 1rem;
  }
  .nav-main a:hover,
  .nav-main a:active,
  .nav-main a:focus {
    border-color: #ddc993;
    text-decoration: none;
  }
  .header .spot-prices .tab a,
  .footer .shortcuts li:first-child a {
    background-color: #383838;
  }
  /*fix research and statistics links as the nth-child */
  .header .shortcuts li:nth-child(2) a,
  .js .header .shortcuts li:nth-child(2) a,
  .header .shortcuts li:nth-child(1) a,
  .js .header .shortcuts li:nth-child(1) a {
    background-color: #a39161;
    color: #0f0f0f;
  }
  /*disable the stats link colour change on chinese pages
.lang-zh-hans .header .shortcuts li:nth-child(1) a,
.lang-zh-hans .js .header .shortcuts li:nth-child(1) a{
    background-color:transparent;
    color:rgb(255,255,255);
} */
  .js .header .shortcuts li:nth-child(1) .stats {
    background-position: -315px -367px;
  }
  .header .shortcuts li:nth-child(2) .doc {
    background-position: -63px -165px;
  }
  .js .header .shortcuts li a {
    padding: .5rem;
  }
  .js .header .shortcuts li {
    position: relative;
  }
  .js .header .shortcuts li .active {
    width: 14px;
    height: 9px;
    display: block;
    position: absolute;
    left: 46%;
    background: url(images/icons.png) no-repeat -68px -222px;
  }
  .mobile-navigation-panel .nav-tertiary {
    display: none;
  }
  /* spotlights
----------------------*/
  /*gold spot prices*/
  .header .spot-prices {
    margin-bottom: 0;
    background-color: transparent;
    width: auto;
    position: static;
    top: auto;
    left: auto;
  }
  .header .spot-prices {
    margin-top: 0.5rem;
  }
  .header .spotlight.spot-prices .time {
    margin: 0;
    position: static;
    right: auto;
    top: auto;
  }
  .header .spot-prices .select,
  .header .spot-prices .asset {
    margin-right: 0.3rem;
  }
  /* front page second sidebar ... same panel inner half*/
  .front .sidebar2 .spotlight {
    width: auto;
    float: none;
  }
  .front .sidebar2 .spotlight:nth-child(odd) .spotlight-inner {
    margin-right: 0;
  }
  .front .sidebar2 .spotlight:nth-child(even) .spotlight-inner {
    margin-left: 0;
  }
  /* sidebar 2 */
  .not-front .sidebar2 {
    margin-left: 25.0%;
  }
  /* IN PAGE TOOLS
----------------------------------------------*/
  .features .feature {
    padding: 2rem 0 1rem 0;
  }
  .feature {
    position: relative;
  }
  .feature .in-page-tools {
    position: absolute;
    top: 0;
    right: 0;
  }
  .feature .in-page-tools a {
    font-size: 1rem;
  }
  /* Rich text items
----------------------------------------------*/
  .main-content .media-image {
    width: auto;
  }
  /* LIGHTBOX TOOLS
----------------------------------------------*/
  .js .white-popup .media-placeholder {
    float: left;
    width: 45%;
    margin-right: 5%;
    text-align: center;
  }
  .js .white-popup .text-placeholder {
    padding-left: 50%;
  }
  /* ADD THIS
----------------------------------------------
.atss{
    top:14.4rem !important;
}*/
}
/* end @media screen / projection 960px <= width */
/*
*************************************************
 * INERMEDIARY BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 1024px <= width lansdscape responsive-1024-min-landscape.less
*************************************************
*/
@media only screen and (min-device-width: 64em) and (min-width: 64em), only screen and (min-device-width: 48em) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /*iOS*/
  /* Navigation
----------------------------------------------*/
  .nav-main a,
  .js .nav-main a {
    padding: .4rem .6rem;
    font-size: 1.1rem;
  }
  .js .nav-main li:last-child a {
    padding-right: 0;
  }
  /* SITEMAP
----------------------------------------------*/
  /*.sitemap .main-content ul.menu:first-child > li, #sitemap ul.menu:first-child > li{
    width:33.3333333333%;
}
.sitemap .main-content ul.menu:first-child > li:nth-child(odd), #sitemap ul.menu:first-child > li:nth-child(odd){
    clear:none;
}
.sitemap .main-content ul.menu:first-child > li:nth-child(3), #sitemap ul.menu:first-child > li:nth-child(3){
    border:none;
}
.sitemap .main-content ul.menu:first-child > li:nth-child(1), #sitemap ul.menu:first-child > li:nth-child(1),
.sitemap .main-content ul.menu:first-child > li:nth-child(4), #sitemap ul.menu:first-child > li:nth-child(4),
.sitemap .main-content ul.menu:first-child > li:nth-child(7), #sitemap ul.menu:first-child > li:nth-child(7){
    clear:left;
}*/
  /* COPYRIGHT
----------------------------------------------*/
  .copyright {
    margin-top: 1rem;
  }
  /* ADD THIS
----------------------------------------------
.atss {
    top:15.1rem !important;
}*/
}
/* end @media screen / projection 1024px <= width landscape */
/*
*************************************************
 * MEDIUM SCREENS BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 1024px <= width responsive-1024-min.less
*************************************************
*/
@media only screen and (min-device-width: 64em) and (min-width: 64em) {
  .split-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
  }
  .three-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -o-column-count: 3;
    -ms-column-count: 3;
    column-count: 3;
  }
  .four-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -o-column-count: 4;
    -ms-column-count: 4;
    column-count: 4;
  }
  .column-break {
    -webkit-column-break-after: always;
    -moz-column-break-after: always;
    -o-column-break-after: always;
    -ms-column-break-after: always;
    column-break-after: always;
  }
  .two-columns ul li {
    display: block;
    overflow: hidden;
  }
  .two-columns ul li:nth-child(2n) {
    float: right;
    width: 48%;
  }
  .two-columns ul li:nth-child(2n+1) {
    float: left;
    width: 48%;
    clear: both;
  }
  .two-columns ul li .fileinfo {
    display: block;
    font-size: 0.8em;
    text-transform: uppercase;
  }
  /**
 * Dirty hack for social-economic-impact page
 * gold-mining/economic-contribution/social-economic-impact

.page-node-3775 .two-columns,
.page-node-3815 .two-columns{

    -webkit-column-count:1;
    -moz-column-count:1;
    -o-column-count:1;
    -ms-column-count:1;
    column-count:1;
}
 */
  /* Views
----------------------------------------------*/
  .t-view {
    display: none;
    visibility: hidden;
  }
  .d-view {
    display: block;
    visibility: visible;
  }
  /* Spotlight
----------------------------------------------*/
  .classment {
    font-size: 1.2rem;
  }
  .no-touch .spotlight-secondary {
    position: relative;
  }
  .no-touch .spotlight-primary .imagery,
  .no-touch .spotlight-secondary .imagery {
    margin: 0;
  }
  .no-touch .spotlight-secondary .spotlight-inner {
    position: relative;
  }
  .no-touch .spotlight-secondary .spotlight-callout {
    background-color: rgba(37, 37, 37, 0.8);
    color: #f5f5f5;
    position: absolute;
    bottom: 0;
    display: none;
    padding: 1rem;
  }
  .js .spotlight:not(.spotlight-tertiary) h2 a:hover,
  .js .spotlight:not(.spotlight-tertiary) h2 a:active,
  .js .spotlight:not(.spotlight-tertiary) h2 a:focus {
    text-decoration: none;
  }
  .js .spotlight-secondary,
  .js .spotlight-primary {
    cursor: pointer;
  }
  /* GALLERY
----------------------------------------------*/
  .js .overlay-grid .hover [data-overlay="link"] {
    position: relative;
    overflow: hidden;
  }
  .js .overlay-grid .text-placeholder-duplicate {
    position: absolute;
    left: 0;
    padding: 2%;
    width: 96%;
    text-align: left;
  }
  .js .team .overlay-grid .text-placeholder-duplicate {
    height: 60%;
    text-align: center;
    padding-top: 38%;
  }
  /* tooltip button */
  .js .in-page-tools .tooltip {
    float: right;
    margin: 0;
  }
  .no-touch .tooltip sup,
  .no-touch .tooltip-target,
  .no-touch .tooltip-target sup {
    display: none;
  }
  .no-touch .tooltip-target {
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #484848;
    padding: .5rem;
  }
}
/* end @media screen / projection 1024px <= width */
/*
*************************************************
 * LARGE SCREENS BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 1280px <= width responsive-1280-min.less
*************************************************
*/
@media only screen and (min-device-width: 80em) and (min-width: 80em) {
  /* LAYOUT
    ----------------------------------------------*/
  .sidebar2 {
    float: right;
    width: 25.0%;
    clear: none;
  }
  .not-front .sidebar2 {
    margin-left: 0;
  }
  .sidebar-second .main-content {
    float: left;
    width: 75.0%;
  }
  .two-sidebars .main-content {
    float: right;
    margin-left: -75%;
    margin-right: 25.0%;
    width: 50%;
  }
  .site-branding {
    margin-top: 5rem;
  }
  .drupal-site-search {
    margin-bottom: 0;
    margin-top: -6rem;
  }
  .lang-zh-hans .drupal-site-search {
    margin-top: -7.45rem;
  }
  /* Navigation
    ----------------------------------------------*/
  .nav-main {
    margin-top: -2.5rem;
  }
  .nav-main a,
  .js .nav-main a {
    font-size: 1.2rem;
    padding: .5rem .8rem;
  }
  .nav-main li {
    background-position: left 1em;
  }
  /* spotlights
    ----------------------*/
  .spotlight-primary .imagery {
    width: 77.7777777778%;
  }
  .spotlight-primary h2,
  .spotlight-primary .spotlight-callout {
    width: 22.2222222222%;
  }
  .header .spot-prices {
    background-color: transparent;
    margin: 0;
  }
  .header .spot-prices .spotlight-callout {
    padding: 0;
    display: inline-block;
  }
  .header .spot-prices .tab {
    display: inline-block;
  }
  .header .spot-prices,
  .js .header .spot-prices {
    position: absolute;
    top: 0;
    left: 1.5rem;
  }
  .js .header .timestamp {
    position: absolute;
    top: -9999rem;
    background-color: #FFF;
    border: 1px solid #d3d3d3;
    padding: .5rem;
    width: 9rem;
    color: #484848;
  }
  .js .header .clock {
    cursor: help;
  }
  /* sidebar 2 */
  .not-front .sidebar2 .spotlight {
    width: 100%;
  }
  .not-front .sidebar2 .spotlight:nth-child(1),
  .not-front .sidebar2 .spotlight:nth-child(5),
  .not-front .sidebar2 .spotlight:nth-child(9) {
    clear: both;
  }
  .not-front .sidebar2 .spotlight:nth-child(1) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(2) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(3) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(4) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(5) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(6) .spotlight-inner .not-front .sidebar2 .spotlight:nth-child(7) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(8) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(9) .spotlight-inner .not-front .sidebar2 .spotlight:nth-child(10) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(11) .spotlight-inner,
  .not-front .sidebar2 .spotlight:nth-child(12) .spotlight-inner {
    margin-right: 0;
    margin-left: 0;
  }
  /*popular*/
  .classment {
    font-size: 1.5rem;
  }
  .js .jsm-chamber {
    border: none 0;
  }
  .js .jsm-accordion {
    position: relative;
    margin-top: 2.5rem;
  }
  .js .related .jsm-accordion {
    margin-top: 3rem;
    padding-top: 0.6rem;
  }
  .js .jsm-pallet {
    display: none;
  }
  .js .jsm-key {
    background-color: transparent;
    position: absolute;
    font-size: 1.1rem;
    top: -2.7rem;
  }
  .js .main-content .article .jsm-key {
    top: -2.6rem;
  }
  .js .related .jsm-key {
    background: transparent url(images/separator-bar-s.png) no-repeat center left;
    color: #adadad;
  }
  .js .jsm-key:hover {
    color: #000000;
  }
  .js .related .jsm-key:hover {
    color: #ffffff;
  }
  .js .not-front .related .jsm-key:hover {
    color: #252525;
  }
  .js .related .jsm-chamber:first-child .jsm-key {
    background-image: none;
  }
  .js .related .jsm-chamber:first-child .jsm-key {
    padding-left: 0;
  }
  .js .active .jsm-key {
    background-color: #ffffff;
    color: #252525;
  }
  .js .main-content .article .jsm-key {
    background-color: #d3d3d3;
    color: #000000;
    margin-right: .5rem;
  }
  .js .main-content .article .active .jsm-key {
    background-color: #ffffff;
    color: #252525;
  }
  .js .front .related .active .jsm-key,
  .js .node-type-landing-page .related .active .jsm-key {
    color: #ffffff;
    background-color: transparent;
  }
  .js .jsm-chamber-inner {
    position: relative;
    background-color: #ffffff;
  }
  .js .main-content .article .jsm-chamber-inner {
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
  }
  .js .aside .jsm-chamber-inner {
    padding: 0;
    background-color: transparent;
  }
  /* SEARCH STYLING, SEARCH TABS */
  /* make the retain filters checkbox inline*/
  .form-item.form-type-checkbox.form-item-retain-filters {
    display: inline-block;
  }
  /* LISTING STYLING SEARCH RESULTS STYLING */
  .views-col3,
  .no-image .views-col3 {
    width: 22.2222222222%;
    margin: 0;
  }
  .search-results .views-col2,
  .research .views-col2 {
    width: 66.6666666667%;
  }
  .search-results .no-image .views-col2,
  .research .no-image .views-col2 {
    width: 77.666667%;
  }
  .search-results .in-page-tools a,
  .panel-drupal-listing .in-page-tools a {
    margin: 0 0 1rem 0;
    display: block;
    text-align: center;
  }
  .search-results .in-page-tools a span,
  .panel-drupal-listing .in-page-tools a span {
    display: block;
    font-size: 80%;
    text-transform: uppercase;
  }
  .panel-drupal-listing .webform-client-form .webform-component {
    float: left;
    width: 50%;
  }
  .panel-drupal-listing #views-exposed-form-gdt-back-issues-page .webform-component:nth-of-type(odd),
  .panel-drupal-listing #views-exposed-form-gdt-chinese-back-issues-page .webform-component:nth-of-type(odd) {
    float: right;
  }
  .panel-data select {
    width: 80%;
  }
  .view-filters .form-item-combine input {
    width: 80%;
  }
  .view-filters .webform-client-form .webform-component {
    width: 45%;
  }
  .view-filters label.datepickerLabel {
    clear: none;
    width: 3rem;
    margin-top: .5rem;
  }
  .view-filters .dateWrapper {
    width: 10rem;
  }
  .view-filters .container-inline-date .form-item input {
    width: 50%;
  }
  .view-filters .views-exposed-widgets .views-submit-button {
    float: left;
    clear: none;
    margin-top: 1.8rem;
  }
  #views-exposed-form-gdt-back-issues-page .views-exposed-widgets .views-submit-button,
  #views-exposed-form-gdt-chinese-back-issues-page .views-exposed-widgets .views-submit-button {
    clear: both;
  }
  .view-filters .views-exposed-widget .views-submit-button,
  .view-filters .views-exposed-widget .form-submit {
    margin: 0;
  }
  /* SITEMAP
    ----------------------------------------------*/
  ul.site-map-menus > li:not(.leaf) {
    width: 31%;
    margin: .5%;
    padding: .5%;
  }
}
/* end @media screen / projection 1280px <= width */
/*
*************************************************
 * INTERMEDIARY BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 1366px <= width  responsive.less
*************************************************
*/
@media only screen and (min-device-width: 85.375em) and (min-width: 85.375em) {
  /* spotlights
    ----------------------*/
  .nav-main a,
  .js .nav-main a {
    font-size: 1.3rem;
    padding: .5rem .9rem;
  }
  /* ADD THIS
    ----------------------------------------------
    .atss {
        top:12.05rem;
    }*/
}
/* end @media screen / projection 1366px <= width */
/*
*************************************************
 * EXTRA LARGE SCREENS BREAKPOINT
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 1440px <= width  responsive.less
*************************************************
*/
@media only screen and (min-device-width: 90em) and (min-width: 90em) {
  /* Layout
   ----------------------------------------------*/
  .page {
    width: 1420px;
    margin: 0 auto;
  }
  /* spotlights
    ----------------------*/
  .nav-main a {
    padding: .8rem;
  }
  .js .nav-main a {
    padding: .5rem 0.8rem;
  }
}
/* end @media screen / projection 1440px <= width */
/**
* MENU FIXES / overrides 
* going a bit insane with this perhaps
* responsive.less
*/
@media only screen and (min-device-width: 768px) and (min-width: 768px) {
  .js .nav-main a {
    font-size: 1.0rem;
    padding: .5rem 0.3rem;
  }
}
@media only screen and (min-device-width: 960px) and (min-width: 960px) {
  .js .nav-main a {
    font-size: 1.0rem;
    padding: .5rem 0.4rem;
  }
}
@media only screen and (min-device-width: 1024px) and (min-width: 1024px) {
  .js .nav-main a {
    font-size: 1.125rem;
    padding: .5rem 0.4rem;
  }
}
@media only screen and (min-device-width: 1070px) and (min-width: 1070px) {
  .js .nav-main a {
    font-size: 1.15rem;
    padding: .5rem 0.5rem;
  }
}
@media only screen and (min-device-width: 1110px) and (min-width: 1110px) {
  .js .nav-main a {
    font-size: 1.2rem;
    padding: .5rem 0.5rem;
  }
}
@media only screen and (min-device-width: 1180px) and (min-width: 1180px) {
  .js .nav-main a {
    font-size: 1.3rem;
    padding: .5rem 0.4rem;
  }
}
@media only screen and (min-device-width: 1280px) and (min-width: 1280px) {
  .js .nav-main a {
    font-size: 1.2rem;
    padding: .5rem 0.4rem;
  }
}
@media only screen and (min-device-width: 1340px) and (min-width: 1340px) {
  .js .nav-main a {
    font-size: 1.25rem;
    padding: .5rem 0.4rem;
  }
}
@media only screen and (min-device-width: 1400px) and (min-width: 1400px) {
  .js .nav-main a {
    font-size: 1.3rem;
    padding: .5rem 0.6rem;
  }
}
.node-type-web-app .main,
.node-type-web-app .main .main-content-inner {
  padding: 0px;
}
.node-type-web-app .sidebar {
  display: none;
}
.node-type-web-app .main-content {
  margin-left: auto;
  float: none;
  width: 100%;
}
img[style*="float:right"] {
  margin-left: 15px;
}
img[style*="float:left"] {
  margin-right: 15px;
}
/*
*************************************************
 * PRINT STYLES
*************************************************
*/
@media print {
  .skip,
  .drupal-site-search,
  .header .nav,
  .footer,
  .cookies {
    display: none;
  }
  .front h1 {
    display: block;
  }
}
/* end @media print*/