/* Responsive Template Stylesheet 
#
#
# Computing
*/
.compiled-on:before {
  white-space: pre;
  font-family: monospace;
  content: '02-08-19 12:21' styles.css;
  position: absolute;
  right: 0;
  color: grey;
  opacity: 0.3;
  z-index: 999999999;
}

@font-face {
  font-family: 'Source_sans';
  font-style: normal;
  font-weight: bolder;
  font-weight: 700;
  font-display: fallback;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), local("Source Sans Pro"), url("fonts/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("fonts/sourcesanspro-bold-webfont.woff") format("woff"), url("fonts/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg"), url("fonts/sourcesanspro-bold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'Source_sans';
  font-style: normal;
  font-weight: bold;
  font-weight: 600;
  font-display: fallback;
  src: url("fonts/sourcesanspro-semibold-webfont.eot");
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), local("Source Sans Pro"), url("fonts/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-semibold-webfont.woff2") format("woff2"), url("fonts/sourcesanspro-semibold-webfont.woff") format("woff"), url("fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg"), url("fonts/sourcesanspro-semibold-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'Source_sans';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("fonts/sourcesanspro-regular-webfont.eot");
  src: local("Source Sans Pro"), local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), local("Source Sans Pro"), url("fonts/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("fonts/sourcesanspro-regular-webfont.woff") format("woff"), url("fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg"), url("fonts/sourcesanspro-regular-webfont.ttf") format("truetype");
}
@font-face {
  font-display: fallback;
  font-family: 'Source_sans';
  src: url("fonts/sourcesanspro-light-webfont.eot");
  src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), local("Source Sans Pro"), url("fonts/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("fonts/sourcesanspro-light-webfont.woff") format("woff"), url("fonts/sourcesanspro-light-webfont.svg#source_sans_prolight") format("svg"), url("fonts/sourcesanspro-light-webfont.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

body {
  font-size: 100%;
  font-family: "Source_sans", Arial, sans-serif;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent;
}

.container {
  max-width: 100%;
  margin: 0 auto 0 auto;
  overflow: hidden;
  background-color: #fff;
}
.container .container {
  background-image: none;
}

.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

.content {
  max-width: 1125px;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  min-height: 100%;
  overflow: hidden;
  z-index: 0;
}
@media (min-width: 1300px) {
  .content {
    max-width: 1225px;
  }
}

.content-width {
  max-width: 1125px;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 1300px) {
  .content-width {
    max-width: 1225px;
  }
}

.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.page-content {
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .page-content {
    width: 100%;
  }
}

aside.content .content-inner {
  padding: 0;
}

.main-top-nav {
  width: 100%;
}

.main-top-menu {
  max-width: 1125px;
  padding: 0 12px;
  box-sizing: border-box;
}
@media (min-width: 1300px) {
  .main-top-menu {
    max-width: 1225px;
  }
}

.main-content {
  float: left;
  width: 100%;
}
.main-content:before, .main-content:after {
  content: "";
  display: table;
}
.main-content:after {
  clear: both;
}

.content-inner {
  margin: 0;
  margin-right: 320px;
  padding-top: 20px;
}
.content-inner:before, .content-inner:after {
  content: "";
  display: table;
}
.content-inner:after {
  clear: both;
}
@media (max-width: 1225px) {
  .content-inner {
    padding: 0 12px;
    padding-top: 20px;
  }
}
@media (max-width: 975px) {
  .content-inner {
    padding: 8px;
  }
}
@media (max-width: 768px) {
  .content-inner {
    padding: 0.8em;
    margin-right: 0;
  }
}

.content-full-width {
  margin-right: 0;
}

.content-fixed {
  position: fixed;
  top: initial;
}

.sidebar {
  float: right;
  width: 300px;
  margin-right: -320px;
}
@media (max-width: 768px) {
  .sidebar {
    min-width: 300px;
    width: 100%;
    margin-right: 0;
  }
}

.article {
  position: relative;
}

.homepage-content > .content:not(aside) {
  margin-top: 20px;
}
@media (max-width: 975px) {
  .homepage-content > .content:not(aside) {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .homepage-content > .content:not(aside) {
    margin-top: 0;
  }
}
.homepage-content main.content-inner {
  padding-bottom: 0;
}

body:not(.wallpaper-visible) .homepage-content.page-content .content.full-width-content-component {
  max-width: none;
  margin: auto;
  background-color: #022248;
}
body:not(.wallpaper-visible) .homepage-content.page-content .content.full-width-content-component .content-full-width {
  max-width: 1225px;
  margin: auto;
}

.container > .content.site-pusher {
  width: 100%;
  max-width: 100%;
}

.site-pusher {
  -webkit-transform: translateX(270px);
  -moz-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

/* Large cols */
.col-lrg {
  display: block;
  float: left;
  margin: 1% 0 1% 3%;
}

.span-lrg_5_of_5,
.span-lrg_4_of_4,
.span-lrg_3_of_3,
.span_5_of_5,
.span_4_of_4,
.span_3_of_3 {
  width: 100%;
}

.span-lrg_4_of_5 {
  width: 79.4%;
}

.span-lrg_3_of_5 {
  width: 58.8%;
}

.span-lrg_2_of_5 {
  width: 38.2%;
}

.span-lrg_1_of_5 {
  width: 17.6%;
}

.span-lrg_3_of_4 {
  width: 74.25%;
}

.span-lrg_2_of_4 {
  width: 48.5%;
}

.span-lrg_1_of_4 {
  width: 22.75%;
}

.span-lrg_2_of_3 {
  width: 65.66%;
}

.span-lrg_1_of_3 {
  width: 31.33%;
}

/* Standard cols */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.5%;
}

.span_4_of_5 {
  width: 79.68%;
}

.span_3_of_5 {
  width: 59.36%;
}

.span_2_of_5 {
  width: 39.04%;
}

.span_1_of_5 {
  width: 18.72%;
}

.span_3_of_4 {
  width: 74.6%;
}

.span_2_of_4 {
  width: 49.2%;
}

.span_1_of_4 {
  width: 23.8%;
}

.span_2_of_3 {
  width: 66.13%;
}

.span_1_of_3 {
  width: 32.26%;
}

.article-col {
  margin: 0 0 30px 0;
  padding: 0;
}
@media (max-width: 975px) {
  .article-col {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

.related .col:first-child,
.related-articles .col:first-child,
.col:first-child,
.col-lrg:first-child {
  margin-left: 0;
}

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  /* For IE 6/7 */
  zoom: 1;
}

img {
  height: auto;
  width: 100%;
}

/* replaced with above line
	.image-text-group-a img, 
	.col img, 
	.col-lrg img, 
	.interview img { 
		display:block;  
		height:auto; 
		width:100%; 
	}
	.main-content .news-articles .span_2_of_4 img, 
	.news-articles .image-text-group-a img, 
	.main-content .related-articles .span_2_of_4 img, 
	.related-articles .span_2_of_4 img, 
	#listings .image-text-group-a img, 
	#profile_listings .image-text-group-a img, 
	#listings-savedlist .image-text-group-a img { 
		width:100%; 
	}
	*/
.image-text-group-a {
  float: left;
  margin: 0;
  padding: 0;
  max-width: 30%;
}

.image-text-group-b {
  float: left;
  margin: 0 0 0 4%;
  padding: 0;
  max-width: 66%;
}
.image-text-group-b.no-article-image {
  margin-left: 0;
  width: 100%;
}

.stack-group .image-text-group-a {
  max-width: 100%;
  width: 100%;
}
.stack-group .image-text-group-b {
  clear: both;
  max-width: 100%;
  width: 100%;
  margin-left: 0;
}
.stack-group .image-text-group-b.no-article-image {
  margin-left: 0;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .content-inner {
    margin: 0;
    padding: 0.8em;
    margin-right: 0px;
  }

  .sidebar {
    min-width: 300px;
    width: 100%;
    margin-right: 0;
  }

  .page-content {
    width: 100%;
  }

  .container {
    background-image: none;
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@-webkit-keyframes pullBGG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes pullBGG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes pullBGG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#exchange_div {
  height: 0px;
  overflow: hidden;
}

/* Full width */
.ad-slot-full {
  text-align: center;
  padding: 18px 0 18px;
}

.ad-slot-full:empty {
  padding: 0;
}

/* Sidebar */
#rdm-rhc-top.ad-slot div {
  margin-bottom: 22px !important;
  /* important rule to override inline css */
}

/* Listings */
#listings .ad-slot-internal {
  float: left;
}

/* Search open */
.site-pushed #rdm-above-footer,
.site-pushed #rdm-below-header {
  display: none;
}

/* Homepage slots */
.component-most-read .ad-slot {
  float: right;
}

/* Wallpaper */
body.wallpaper-visible .content {
  max-width: 970px;
}

body.wallpaper-visible .container {
  background-color: transparent;
}

body.wallpaper-visible .page-content > .content {
  background-color: #fff;
}

body.wallpaper-visible header.article-header > .content {
  background-color: #fff;
}

body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper {
  position: fixed;
  z-index: 0;
  top: 48px;
  width: 100%;
  text-align: center;
  left: 0%;
  background: #fff;
}

body.wallpaper-visible .main-sub-menu {
  max-width: 970px;
}

body.wallpaper-visible.sponsored_article .article-header .content,
body.wallpaper-visible.sponsored_article .page-content .content,
body.wallpaper-visible.sponsored_article .main-sub-menu {
  max-width: 970px;
  background-color: #fff;
}

body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper.alignbeneathheader {
  top: 161px;
}

body.wallpaper-visible .content,
body.wallpaper-visible .ad-slot-full,
body.wallpaper-visible .ad-slot,
body.wallpaper-visible .ad-slot-internal,
body.wallpaper-visible footer {
  position: relative;
  z-index: 0;
}

body.wallpaper-visible .article-meta-container {
  position: absolute;
  top: 0;
  margin-bottom: 1rem;
  margin-left: -6.8em;
  width: 5.3rem;
}

body.wallpaper-visible .related-article-holder {
  margin-left: -6.9em;
  margin-left: -6.9em;
  width: 50%;
}

/* Overlay slots */
#advertWrapper {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 20000;
  text-align: center;
  display: none;
}

#advertOverlay {
  position: relative;
  top: 0px;
  width: 600px;
  height: 600px;
  margin: 160px auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  cursor: pointer;
}

.closeButton {
  position: absolute;
  right: 3px;
  top: 5px;
  display: none;
}

.ad-slot-overlay .closeButton a {
  height: 24px;
  width: 26px;
  background-image: url("../../global/images/close_icon.png");
  background-repeat: no-repeat;
  background-position: -1px 0;
  display: block;
  background-size: 30px 24px;
  margin: 2px;
}

#advertWrapper {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 20000;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}

#advertOverlay {
  position: relative;
  top: 0px;
  width: 600px;
  height: 600px;
  margin: 160px auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  cursor: pointer;
}

.closeButton {
  position: absolute;
  right: 3px;
  top: 5px;
  display: none;
}

.ad-slot-overlay .closeButton a {
  height: 24px;
  width: 26px;
  background-image: url("../../global/images/close_icon.png");
  background-repeat: no-repeat;
  background-position: -1px 0;
  display: block;
  background-size: 30px 24px;
  margin: 2px;
}

body.wallpaper-visible .container {
  background-color: transparent;
}

body.wallpaper-visible .page-content > .content {
  background-color: #ffffff;
}

body.wallpaper-visible header.article-header > .content {
  background-color: #ffffff;
  max-width: 970px;
}

body.wallpaper-visible.article-featured header.article-header > .content {
  background-color: transparent;
}

.ad-slot-wallpaper {
  position: fixed;
  z-index: 0;
}

#rdm-below-header {
  position: relative;
  z-index: 0;
  transition: all 0.3s ease;
}

body.wallpaper-visible .homepage-content.page-content .content,
.homepage-content.page-content .content {
  transition: all 0.3s ease;
}

body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper {
  position: fixed;
  z-index: 0;
  width: 100%;
  text-align: center;
  left: 0%;
  background-color: white;
}

body.wallpaper-visible.sponsored_article .article-header .content,
body.wallpaper-visible.sponsored_article .page-content .content {
  max-width: 970px;
  background-color: white;
}

body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper.alignbeneathheader {
  top: 170px;
}
@media (max-width: 970px) {
  body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper.alignbeneathheader {
    display: none !important;
  }
}

.site-pushed .ad-slot-full {
  display: none;
}

/* Full width */
.ad-slot-full {
  text-align: center;
  padding: 18px 0 18px;
}

.ad-slot-full:empty {
  padding: 0;
}

#rdm-above-header,
.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* Sidebar */
/* Listings */
.ad-slot-internal {
  clear: both;
}

/* Offset for wallpaper positioning and click events*/
body.wallpaper-visible .content {
  margin-top: 0;
}

body.wallpaper-visible .content,
body.wallpaper-visible .ad-slot-full,
body.wallpaper-visible .ad-slot,
body.wallpaper-visible .ad-slot-internal {
  position: relative;
  z-index: 0;
  transition: height 0.2s ease-out;
  background-color: #ffffff;
}

body.wallpaper-visible .menu-title .menu-content .content {
  background-color: initial;
}

body.wallpaper-visible .content, body.wallpaper-visible
.content-width {
  max-width: 970px;
  padding: 0px;
  box-sizing: border-box;
  transition: max-width 0.3s ease-in,  width 0.2s ease-in,  height 0.2s ease-out;
}
body.wallpaper-visible header .content, body.wallpaper-visible nav .content, body.wallpaper-visible header
.content-width, body.wallpaper-visible nav
.content-width {
  max-width: 1125px;
}
@media (min-width: 1300px) {
  body.wallpaper-visible header .content, body.wallpaper-visible nav .content, body.wallpaper-visible header
  .content-width, body.wallpaper-visible nav
  .content-width {
    max-width: 1225px;
  }
}

body.wallpaper-visible .main-footer-content-inner {
  max-width: 1125px;
}

/*Specific Advert styling*/
/* Homepage most read */
.component-most-read .ad-slot {
  float: right;
}

/* important rule to override inline css */
body.wallpaper-visible .article-meta-container {
  position: absolute;
  top: 0;
  margin-left: 0rem;
  margin-bottom: 1rem;
  width: 6.8rem;
}

body.wallpaper-visible .related-article-holder {
  margin-left: -6.9em;
  margin-left: -6.9em;
  width: 50%;
}

@media (max-width: 976px) {
  body.wallpaper-visible .related-article-holder {
    margin-left: 0;
  }

  body.wallpaper-visible .article-meta-container {
    position: static;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
@media (max-width: 786px) {
  body.wallpaper-visible #rdm-wallpaper.ad-slot-wallpaper {
    /* Considered use of !important based on media Q please dont override this*/
    display: none !important;
  }
}
/* Article bottom > fluid ad */
#rdm-above-series-blog {
  padding-bottom: 20px;
}

body {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Source_sans", Arial, sans-serif;
  font-weight: bold;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
  letter-spacing: -0.02em;
  line-height: 1.1em;
}

h2 {
  font-size: 1.8em;
  letter-spacing: -0.010em;
}

h3 {
  font-size: 1.6em;
}

h4 {
  line-height: 1.5;
  font-size: 1.4em;
  margin: 0;
  padding: 3px 0 3px;
}

h5 {
  line-height: 1.2;
  font-size: 1.1em;
  margin: 0;
}

p {
  padding: 0;
  margin: 0 0 1rem;
}
article p {
  font-size: 1.125em;
  font-size: 18px;
  line-height: 1.6;
  color: #000;
  font-weight: 400;
}

article ol li, article ul li {
  font-size: 1.125em;
  line-height: 1.6;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #000;
}
a:active {
  color: #000;
}
a:visited {
  color: #000;
}
a:visited:hover {
  color: #000;
}

.more-text-hide {
  display: none;
}

/* Button and BTN links */
button {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a.btn:link,
a.btn:active,
a.btn:visited,
a.btn:hover,
section[class^="component"] a.btn:hover,
div[class^="component"] a.btn:hover {
  color: #fff;
}

a.btn,
.btn {
  cursor: pointer;
  width: 100%;
  background-color: #01326A;
  color: #FFF;
  margin: 0 0 5px;
  padding: 7px 10px;
  border: 0;
  font-family: inherit;
  font-size: 1em;
  text-align: center;
}
a.btn:hover,
.btn:hover {
  background-color: #fec128;
  color: #FFF;
}

/* More links */
.more-holder {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.more-icon {
  float: right;
  width: 10px;
  height: 20px;
  margin: 0.4em 0 0;
  background-position: 100% -324px;
  background-repeat: no-repeat;
}

.more-link {
  float: right;
  font-size: 0.75em;
  text-align: right;
  margin: 0.4em 0 0.8em;
  padding: 0;
}

input {
  font-family: 'Source_sans', Arial, sans-serif;
  font-weight: normal;
}

input[type=text],
input[type=password],
input[type=email],
input[type=search] {
  padding: 5px;
  margin: 0;
  outline: none;
  border: none;
  color: #666;
  font-size: 100%;
  background-repeat: no-repeat;
}

input[type=text],
input[type=email],
input[type=password] {
  box-sizing: border-box;
  margin: 4px 0;
  font-size: 0.9em;
  border: 1px solid #d7d7d7;
}

fieldset {
  border: none;
  margin: 0 2px;
  padding: 0;
}

.header-search-holder span,
.footer-search-holder span,
.more-holder span,
span.read_more {
  display: block;
  overflow: hidden;
  padding: 0 6px 0 4px;
}

.tabs {
  float: left;
  width: 100%;
  margin: 0;
}

a.tab {
  background-color: #01326A;
  color: white;
}

a.tab.active {
  cursor: default;
  pointer-events: none;
  position: relative;
  z-index: 3;
  background-color: #fec128;
  color: black;
}

.tab {
  position: relative;
  float: left;
  display: block;
  padding: 0 10px 0 12px;
  top: 2px;
  height: 28px;
}

.tab-toggle {
  width: 97%;
  height: 21px;
  padding: 10px 0 10px 3%;
  clear: both;
  float: none;
  color: #fff;
  margin: 0 0 1em 0;
  display: none;
}

.tab::after {
  position: absolute;
  content: "";
  left: 100%;
  top: 0;
  border-style: solid;
  border-width: 28px 0 0 18px;
  border-color: transparent transparent transparent #01326A;
}

.tab.active::after {
  border-color: transparent transparent transparent #fec128;
}

.tabs .box-out {
  display: none;
  clear: both;
  padding: 16px 0;
}

.tabs .box-out.active {
  display: block;
  width: 100%;
}

.tabs .box-out header {
  clear: both;
}

/* -------------- LIGHTBOX -------------- */
.content.lightbox-wrapper {
  margin-top: 40px;
  background-color: transparent;
}

.lightbox-wrapper h1 {
  color: #fff;
  margin-bottom: 18px;
}

body.modal-open-noscroll {
  margin-right: 0 !important;
  overflow: hidden;
  transition: margin 0.3s;
  transition-delay: 0.4s;
}

body.modal-open-noscroll nav.main-top-nav {
  z-index: 1;
}

.lightbox {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  top: 0;
  z-index: 999999999;
}

.lightbox .content.lightbox-wrapper {
  background-color: transparent;
}

.lightbox-slider-wrapper {
  float: left;
  width: 70%;
}

.lightbox-aside-wrapper {
  float: right;
  width: 28%;
  margin-right: 1%;
}

/* Lightbox content */
.lightbox-wrapper h1 {
  font-size: 1.1em;
  width: 75%;
  float: left;
  color: #fff;
}

.close-lightbox {
  float: right;
  width: 10%;
  color: #fff;
  text-align: right;
  font-size: 13px;
  line-height: 30px;
  margin-right: 2%;
  cursor: pointer;
  cursor: hand;
}

.lightbox-caption-wrapper {
  float: right;
  text-align: center;
  height: 290px;
  position: relative;
  width: 98%;
  padding: 2%;
}

.lightbox-caption-wrapper p.gallery-slide-caption {
  font-size: 15px;
  margin-top: 3px;
  border-top: 1px solid white;
  padding-top: 10px;
  float: left;
  width: 100%;
}

.lightbox-slider .slick-active .gallery-slide-caption {
  display: none;
}

.positionIndex {
  text-align: right;
  float: right;
}

.offsliderArrows {
  float: left;
}

.offsliderArrows button {
  outline: none;
  background-color: #d7d7d7;
  border: none;
  border-radius: 3px;
  padding: 3px 10px;
  transition: background-color 0.2s;
  margin: 4px;
}

.offsliderArrows button:hover {
  background-color: #fff;
  transition: background-color 0.2s;
}

.offsliderArrows button:active {
  background-color: #797979;
  color: #fff;
  transition: background-color 0.2s;
}

.offsliderArrows button:active,
.offsliderArrows button:focus {
  outline: none;
}

.socialshare {
  color: #fff;
  text-align: left;
  position: absolute;
  bottom: 0;
}

.page-content .tools-container li {
  float: left;
  width: 36px;
  height: 36px;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  overflow: hidden;
  padding: 0 4px 4px 0;
}

.lightbox-ad-wrapper {
  margin-top: 50px;
  text-align: center;
  float: left;
  width: 98%;
  background-color: #ccc;
  padding: 2%;
}

/* Lightbox Slider */
.lightbox .lightbox-slider {
  background-color: #000;
  max-height: 70%;
  overflow: hidden;
}

.slick-slide img {
  width: auto;
  height: auto;
  margin: 0 auto;
  width: 100%;
}

.slider-thumbnail,
.thumb-slider .slick-slide {
  margin: 10px;
  height: initial;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
  min-height: 5px;
}

.slider-thumbnail.slick-slide.slick-active.slick-center {
  opacity: 1;
}

.lightbox-slider .slick-slide .gallery-slide-caption {
  display: none;
  transition: all 0.4s;
  opacity: 0;
}

.lightbox-slider .slick-active .gallery-slide-caption {
  display: block;
  transition: all 0.4s;
  opacity: 1;
  padding: 10px 2%;
  margin: 0px 0px;
  color: #F2F2F2;
  text-shadow: 1px 1px 1px #0F0F0F;
  position: absolute;
  bottom: 0;
  width: 96%;
}

.gallery-slide-caption {
  text-align: left;
  font-size: small;
  margin-top: 7px;
  color: #4f4f4f;
  margin-bottom: 10px;
}

.slideshowTrigger {
  position: absolute;
  top: 2.5%;
  right: 2.5%;
  z-index: 1;
  cursor: pointer;
  cursor: hand;
  height: 72px;
  width: 72px;
  overflow: hidden;
  border-radius: 50%;
  background-image: url("../images/site-sprite.svgz");
  background-position: -144px -1116px;
  background-position: calc(4*-36px) calc(31*-36px);
  background-repeat: no-repeat;
  opacity: 0.4;
  transition: all 0.3s;
}

.singleSlideshowTrigger {
  top: 2.0%;
}

.gallery-slide:hover .slideshowTrigger,
.slideshowTrigger:hover {
  opacity: 0.8;
  transition: all 0.3s;
}

/* Main page styles */
.gallery-slide {
  position: relative;
}

.gallery-slide img {
  width: 100%;
  height: auto;
}

.lightbox-caption-wrapper {
  background-color: #bbb;
  background-color: #2e4259;
  padding: 15px;
  box-sizing: border-box;
}

.offsliderArrows button {
  background-color: #99ceea;
}

.offsliderArrows button:hover {
  background-color: #cbe7f9;
}

.offsliderArrows button:active {
  background-color: #fff;
}

.lightbox-slider .slick-active .caption {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.87);
  color: #fff;
}

.slick-slider {
  background-color: #000;
}

.slick-slider .slick-slide .gallery-slide-caption {
  color: #fff;
  padding: 2px 10px;
}

.lightbox-slider .slick-active .gallery-slide-caption {
  background: rgba(0, 0, 0, 0.51);
  font-size: normal;
  padding: 5px 15px;
}

/**************************************************************************************************************/
/* SLICK END */
/**************************************************************************************************************/
/**************************************************************************************************************/
/* SLICK START */
/**************************************************************************************************************/
/* -------------- SLIDER -------------- */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  outline: none;
  height: 100%;
  min-height: 1px;
}

.slick-slide:hover {
  outline: none;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  max-width: 100%;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-disabled {
  opacity: 0.1 !important;
}

/*Slider arrows*/
.slick-prev,
.slick-next {
  top: 0;
  width: 15%;
  height: 100%;
  margin-top: 0;
  opacity: 0.6;
  transition: all 0.2s;
  position: absolute;
  -webkit-appearance: none;
  border: none;
  outline: none;
  font-size: 0;
  line-height: 0;
  background-color: transparent;
  z-index: 1;
}

.slick-next {
  right: 0px;
}

.slick-prev:hover,
.slick-next:hover {
  transition: all 0.2s;
  opacity: 0.6;
}

.slick-prev:active,
.slick-next:active {
  transition: all 0.1s;
  opacity: 1;
}

.slick-prev:before,
.slick-next:before {
  content: ' ';
  background-image: url("../images/site-sprite.svgz");
  font-size: 30px;
  color: transparent;
  width: 36px;
  height: 36px;
  margin-top: -10px;
  padding: 2px;
  display: block;
  position: absolute;
}

.slick-prev:before {
  background-position: 1px -826px;
  background-position: calc(1px + 0*-36px) calc(2px + 23*-36px);
}

.slick-next:before {
  background-position: 1px -862px;
  background-position: calc(1px + 0*-36px) calc(2px + 24*-36px);
  right: 0;
}

.slick-slide {
  height: initial;
}

.main-top-nav {
  height: 30px;
  position: relative;
  z-index: 899999;
  list-style: none;
  margin: 0 auto 0;
  padding: 0;
  background-color: #01326A;
}

.main-top-menu {
  width: 100%;
  list-style: none;
  margin: 0 auto 0;
  min-height: 100%;
}

.main-top-tab-infobox:hover {
  overflow: visible;
}

.header-tools-content {
  background-color: #fff;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  list-style: none;
  top: 26px;
  right: -5px;
  border-radius: .3em;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
  transition: visibility 0s ease-in .2s, opacity .2s ease-in;
  margin: 0;
  padding: 0px;
  z-index: 1;
}
.header-tools-content::before {
  position: absolute;
  content: "";
  left: 80%;
  top: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
}

li.main-top-infobox-open .header-tools-content,
li.main-top-tab-infobox:hover .header-tools-content {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  display: block;
}

.main-top-title {
  float: left;
  padding: 4px 10px;
  font-family: "Source_sans", Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  height: 22px;
  margin-top: 0;
  border-right: 1px solid #87abcf;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.main-top-title p {
  font-weight: normal;
}
.main-top-title > a {
  text-transform: uppercase;
}
.main-top-title a {
  letter-spacing: 0.05em;
  line-height: 1;
  font-size: 0.8em;
  color: #FFF;
}
.main-top-title a:hover {
  color: #d9e0e9;
}
.main-top-title.main-top-tab-panel {
  background-color: transparent;
}
.main-top-title.main-top-tab-panel::after {
  content: "";
  float: right;
  margin-left: 5px;
  margin-top: 6px;
  opacity: 0.5;
  cursor: pointer;
  transition: border 0.2s ease;
  width: 16px;
  height: 14px;
  border: none;
  line-height: 0px;
  background: initial;
  background-position: -263px -84px;
}
.main-top-title.main-top-tab-panel.selected {
  background-color: #FFF;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.main-top-title.main-top-tab-panel.selected > a {
  color: #01326A;
}
.main-top-title.main-top-tab-panel.selected::after {
  opacity: 1;
  background-position: -227px -372px;
}

.main-top-align-right {
  position: relative;
  float: right;
  border-right: none;
}

@media (max-width: 860px) {
  .main-top-sociallinks {
    display: none;
  }
}
.main-top-sociallinks .header-tools-content {
  right: 15px;
  width: 175px;
}
.main-top-sociallinks .header-tools-content::before {
  left: 72%;
}
.main-top-sociallinks .header-tools-content a {
  font-size: 0.9em;
  color: #fec128;
  margin-top: 3px;
  padding-left: 6px;
}
.main-top-sociallinks .header-tools-content a:hover {
  color: #fec128;
}
.main-top-sociallinks .header-tools-content .nav-tools {
  margin: 18px;
  margin: 15px 18px;
  padding: 1px;
  width: 0;
  background-repeat: no-repeat;
  cursor: pointer;
  line-height: 1.2;
  padding-left: 32px;
}

.main-top-user a.user-info {
  margin-left: 26px;
}
.main-top-user::before {
  content: "";
  padding: 1px;
  margin-top: 5px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 6px;
  background: #87abcf;
  border-radius: 50%;
}

.main-top-user {
  padding-right: 20px;
  height: 22px;
  margin-right: 0px;
  overflow: hidden;
}
.main-top-user .user-menu {
  list-style-type: none;
  padding: 0;
  margin: 0%;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.main-top-user .user-menu li {
  font-size: 0.9em;
  text-align: right;
}
.main-top-user .user-menu li a {
  display: block;
  padding: 5% 10%;
  font-weight: 400;
  text-align: left;
}
.main-top-user .user-menu li a:hover {
  background-color: #168BCD;
  transition: all 0.2s ease;
  color: white;
}
.main-top-user .user-menu li a.sign-out-user-link {
  border-top: 1px solid #ccc;
  margin-top: 0;
}
.main-top-user li {
  margin: 0;
  padding: 0;
}
.main-top-user .header-tools-content {
  width: 175px;
  background-color: white;
  color: #01326A;
}
.main-top-user .header-tools-content a {
  color: #168bcd;
}
.main-top-user .header-tools-content.institutional {
  background-color: white;
  width: 280px;
}
.main-top-user .header-tools-content.institutional .corporate-menu-information {
  padding: 12px 12px 0;
  border-bottom: 1px solid #ccc;
}
.main-top-user .header-tools-content.institutional .corporate-menu-information .corporate-menu-information-introduction {
  font-weight: 600;
}
.main-top-user .header-tools-content.institutional .sign-in-user-link {
  font-size: 1em;
}
.main-top-user .header-tools-content.institutional .user-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.main-top-user .header-tools-content.institutional .user-menu a {
  margin-top: 0;
  background-color: #f2f2f2;
  color: #01326A;
}
.main-top-user .header-tools-content.institutional .user-menu a:hover {
  background-color: #1e67bb;
  color: #FFF;
}
.main-top-user .header-tools-content.individual {
  background-color: white;
}
.main-top-user .header-tools-content.individual .user-menu li a {
  background-color: white;
  color: #01326A;
  font-size: 1em;
}
.main-top-user .header-tools-content.individual .user-menu li a:hover {
  background-color: #168bcd;
  color: #FFF;
}
.main-top-user .header-tools-content.individual .user-menu li a.sign-out-user-link {
  background-color: #f2f2f2;
  color: #01326A;
}
.main-top-user .header-tools-content.individual .user-menu li a.sign-out-user-link:hover {
  background-color: #1e67bb;
  color: #FFF;
}
.main-top-user .header-tools-content #no-rdm-above-corp-menu
#no-rdm-below-corp-menu
#no-rdm-above-user-menu {
  display: none;
}

.main-top-login {
  padding-right: 0;
}

.main-top-institution.main-top-user::before {
  content: "";
  padding: 1px;
  margin-top: 3px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 6px;
  background: #87abcf;
  border-radius: 50%;
}

.main-top-register a {
  padding: 6px 8px 5px 8px;
  background-color: #fec128;
  margin: 0;
  display: block;
  color: #FFF;
}
.main-top-register a:hover {
  color: #FFF;
  background-color: #168bcd;
}

.menu-top-panel {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  list-style: none;
  width: 100%;
  left: 0;
  transition: all .2s ease-out;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  top: 30px;
}
.menu-top-panel .panel-section-footer {
  width: 100%;
  display: block;
}
.menu-top-panel .panel-section-footer:before, .menu-top-panel .panel-section-footer:after {
  content: "";
  display: table;
}
.menu-top-panel .panel-section-footer:after {
  clear: both;
}
.menu-top-panel.show-panel {
  background-color: #FFF;
  visibility: visible;
  opacity: 1;
  left: 0px;
  transition-delay: 0.1s;
  border-bottom: 2px solid #fec128;
}
.menu-top-panel li {
  margin: 0;
}

@media (max-width: 1140px) {
  .main-top-tab-panel .content {
    padding: 0 16px;
  }
}
.main-top-tab-panel h2 {
  font-size: 4em;
}
.main-top-tab-panel h3 {
  font-size: 1.1em;
}
.main-top-tab-panel .menu-top-panel-heading {
  text-align: left;
  color: #01326A;
  display: inline-block;
  padding: 10px 0px 5px 0px;
  margin: 0 auto;
  margin-bottom: 20px;
  width: auto;
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #87abcf;
}
.main-top-tab-panel .section a:not(.btn) {
  color: #01326A;
}
.main-top-tab-panel .section a:not(.btn):hover {
  color: #168bcd;
}
.main-top-tab-panel .top-panel-paper {
  display: flex;
}
.main-top-tab-panel .top-panel-paper .image-text-group-b {
  flex-grow: 1;
  max-width: none;
}
.main-top-tab-panel article {
  clear: both;
  flex-basis: 49%;
}
.main-top-tab-panel img {
  max-width: 200px;
}
.main-top-tab-panel p {
  color: #022248;
}
.main-top-tab-panel .panel-section-footer {
  border-top: 1px solid #87abcf;
}
.main-top-tab-panel .panel-section-footer .more-holder a.more-link {
  margin: 6px 0 12px 0;
  font-size: 0.9em;
  line-height: 2em;
  font-weight: 600;
  text-transform: uppercase;
}
.main-top-tab-panel .panel-section-footer .more-holder a.more-link .more-icon {
  margin-left: 12px;
}
.main-top-tab-panel .article-meta-details {
  color: #022248;
  font-weight: 600;
}
.main-top-tab-panel .article-meta-details li {
  float: left;
}
.main-top-tab-panel input[type=search] {
  float: left;
  padding: .36em 5px .36em 28px;
  margin: 0;
  font-size: 100%;
  color: #666;
  background-color: #fbfbfb;
  background-position: 4px 9px;
  background-repeat: no-repeat;
  outline: 0;
  border: 1px solid #d7d7d7;
  border-radius: 0;
  -webkit-transition: background-color .2s ease-in,background-position .2s ease-in,box-shadow .3s ease-in;
  -moz-transition: background-color .2s ease-in,background-position .2s ease-in,box-shadow .3s ease-in;
  -o-transition: background-color .2s ease-in,background-position .2s ease-in,box-shadow .3s ease-in;
  -ms-transition: background-color .2s ease-in,background-position .2s ease-in,box-shadow .3s ease-in;
  transition: background-color .2s ease-in,background-position .2s ease-in,box-shadow .3s ease-in;
  margin: 5% 0;
  width: 100%;
  padding: .36em 8px;
  box-sizing: border-box;
}
.main-top-tab-panel .top-panel-paper .image-text-group-b > a,
.main-top-tab-panel .top-spotlight h3,
.main-top-tab-panel .listings-article-title {
  text-transform: none;
  font-size: 1.2em;
  line-height: 1.2;
  font-weight: bold;
  margin: 8px 0;
  display: block;
}
.main-top-tab-panel .top-panel-paper .image-text-group-b > a a,
.main-top-tab-panel .top-spotlight h3 a,
.main-top-tab-panel .listings-article-title a {
  font-size: 1em;
  text-transform: none;
}
.main-top-tab-panel .image-text-group-a {
  padding-top: 8px;
}
.main-top-tab-panel .group {
  display: flex;
}
.main-top-tab-panel .group .latest-events {
  flex-grow: 1;
  flex-shrink: 1;
}
.main-top-tab-panel .latest-events-holder {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main-top-tab-panel .latest-events-holder article {
  margin-bottom: 20px;
}
.main-top-tab-panel .latest-events-holder article p {
  font-size: 1em;
  color: #022248;
}
.main-top-tab-panel.main-top-hound .span-lrg_4_of_5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main-top-tab-panel.main-top-hound .span-lrg_4_of_5 header {
  flex-basis: 100%;
}
.main-top-tab-panel.main-top-hound .span-lrg_4_of_5 .top-panel-paper {
  flex-basis: 49%;
}
@media (max-width: 975px) {
  .main-top-tab-panel.main-top-hound .span-lrg_4_of_5 .top-panel-paper {
    flex-basis: 100%;
    border-bottom: 1px solid #d0deec;
    margin-bottom: 10px;
  }
}
.main-top-tab-panel.main-top-hound .span-lrg_4_of_5 .top-panel-paper a.btn {
  color: white;
  clear: both;
  float: left;
  width: initial;
  font-size: 1em;
  font-weight: 600;
}
.main-top-tab-panel.main-top-hound .span-lrg_1_of_5 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1000px) {
  .main-top-tab-panel.main-top-hound .span-lrg_1_of_5 {
    width: 205px;
  }
}
.main-top-tab-panel.main-top-hound .span-lrg_1_of_5 .hound-search {
  flex-grow: 1;
}
.main-top-tab-panel.main-top-spotlight .col.span-lrg_3_of_3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.main-top-tab-panel.main-top-spotlight .col.span-lrg_3_of_3 header {
  flex-basis: 100%;
}
.main-top-tab-panel.main-top-spotlight .col.span-lrg_3_of_3 .top-spotlight {
  flex-basis: 49%;
}
.main-top-tab-panel.main-top-spotlight .col.span-lrg_3_of_3 .top-spotlight:nth-of-type(1) {
  flex-basis: 100%;
}

body.wallpaper-visible .menu-top-panel.show-panel .content {
  background-color: transparent;
}

.site-header {
  position: relative;
}

header.main-head {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 90px;
  background: #01326A;
}

.main-head-content {
  margin: 0 auto;
  padding: 0;
  min-height: 100%;
  overflow: hidden;
}

.site-header {
  position: relative;
}

.main-head .site-logo {
  margin: 0;
  display: block;
}

.site-logo-holder,
.main-head .site-logo {
  width: 300px;
  width: 294.12px;
  margin-top: 10.6px;
}

.main-head .sprite {
  width: 280px;
  height: 70px;
  height: 68.8px;
  width: 294.12px;
  background-size: 100%;
}

div[itemtype='http://schema.org/Organization'],
.site-logo-holder {
  margin-left: 10px;
  position: relative;
}

/* ------- Search ------- */
.header-search-holder input[type=submit] {
  float: right;
  box-shadow: none;
  height: 24px;
  width: 24px;
  border: none;
}

.header-search-holder {
  float: left;
}

/* Search-1 */
.search-1, .search_header {
  position: absolute;
  right: 12px;
  top: 20px;
  background-color: transparent;
  opacity: 1;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}
.search-1.hide, .hide.search_header {
  opacity: 0;
}

.search-1 form, .search_header form {
  background-color: transparent;
}

.search-1 input[type=submit], .search_header input[type=submit] {
  box-sizing: content-box;
  padding: 0;
  margin: 3px 0;
  background-position: -367px -760px;
}

.search-1 input[type=search]::-webkit-input-placeholder, .search_header input[type=search]::-webkit-input-placeholder {
  color: #FFF;
}

.search-1 input[type=search], .search_header input[type=search] {
  color: #FFF;
  background-color: transparent;
}

.search-1 input[type=submit], .search_header input[type=submit], .search-1 input[type=submit]:active, .search_header input[type=submit]:active, .search-1 input[type=submit]:focus, .search_header input[type=submit]:focus {
  background-color: transparent;
  border: none;
  outline: none;
}

.search-1 input[type=search], .search_header input[type=search] {
  transition: width 1s ease;
  width: 200px;
}

.search-1 input[type=search]:focus, .search_header input[type=search]:focus {
  transition: width 1s ease;
}

/* Search-3 */
.sticky .search-3 input[type=search]::-webkit-input-placeholder,
.sticky .search-3 input[type=search] {
  background-color: transparent;
}

.search-3 {
  float: right;
  margin-top: 8px;
  margin-right: 12px;
  font-size: 0.8em;
  margin-bottom: 0;
  width: 250px;
}

.sticky .search-3 input[type=search]::-webkit-input-placeholder,
.sticky .search-3 input[type=search] {
  color: white;
  background-color: transparent;
}

.search-3 input[type=search] {
  background-color: transparent;
}

.article-nav .search-3, .strapline-nav .search-3 {
  margin-top: 10px;
  margin-left: 12px;
}

.article-nav .search-3 form, .strapline-nav .search-3 form {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.search-3 input[type=search] {
  color: #fff;
  font-size: 1.2em;
}

.search-3 input[type=submit] {
  background-position: -367px -760px;
  background-color: transparent;
}

.search-3 input[type=submit]:active,
.search-3 input[type=submit]:focus {
  border: none;
  outline: none;
}

/* mobile push menu search */
.menu-sidebar-inner {
  padding: 6px 12px;
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
}

.menu-sidebar-inner .search-3 {
  width: 94%;
  float: none;
  margin: 2px auto;
}

.menu-sidebar-inner .search-3 input[type=search] {
  width: 95%;
  padding: 7px 0;
  padding-left: 12px;
  color: #000;
  transition: background-color 0.7s ease;
}

.menu-sidebar-inner .search-3 input[type=search]:focus {
  border: 1px solid #dbdbdb;
  background-color: #e5f0f4;
  border-color: #c9d8e8;
  transition: background-color 0.7s ease;
}

.menu-sidebar-inner .search-3 input[type=submit] {
  width: 24px;
  height: 24px;
  background-image: url(../images/site-sprite.svgz);
  width: 36px;
  height: 36px;
  background-position: calc(11*-36px) calc(21*-36px);
  background-position: -396px -756px;
}

.menu-sidebar-inner .search-3 input::-webkit-input-placeholder {
  color: #000;
}

.site-header .search_sponsor img {
  width: initial;
  height: initial;
  max-width: 100%;
}

.trendingbanner {
  background: #ffffff;
  margin: 0;
  margin-top: 10px;
  padding-top: 0;
}
.trendingbanner:before {
  content: none;
  width: 98%;
  content: " ";
  display: table;
  margin: auto;
}
.trendingbanner ul {
  margin: 0;
  box-sizing: border-box;
  padding: 20px 4px 15px 4px;
}
.trendingbanner li {
  display: inline;
  margin: 0 5px;
  font-size: 16px;
  color: #272879;
  font-family: 'Source_sans', Arial, sans-serif;
  color: #01326A;
  line-height: 2.4;
  white-space: pre;
}
.trendingbanner li:nth-child(1)::after {
  content: ":";
}
.trendingbanner li a {
  border-radius: 0px;
  box-shadow: none;
  border: none;
  font-weight: bold;
  font-size: 1em;
  font-family: 'Source_sans', Arial, sans-serif;
  transition: all 0.3s ease-out;
  text-shadow: none;
  background-color: #01326A;
  color: #FFF;
  padding: 4px 4px 6px 12px;
  padding: 4px 8px;
}
.trendingbanner li a::after {
  width: 16px;
  height: 16px;
  content: "";
  background-position: -261px -46px;
  display: inline-block;
  vertical-align: middle;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.trendingbanner li:hover a {
  transition: all 0.3s ease-out;
  color: #FFF;
  background-color: #fec128;
  text-shadow: none;
  box-shadow: none;
}
.trendingbanner li a:visited {
  background-color: #011f42;
  color: #FFF;
}
.trendingbanner li a:visited::after {
  background-position: -261px -334px;
}
.trendingbanner li:hover a:visited {
  background-color: #013e83;
  color: #FFF;
}
.trendingbanner li a:active, .trendingbanner li a:focus {
  transition: all 0.3s ease-out;
  position: relative;
}
@media (max-width: 800px) {
  .trendingbanner {
    display: none;
  }
}

.corp-logo {
  padding: 20px 10px 0 5px;
  text-align: center;
  max-width: 150px;
}

.footer-tools-content .nav-tools {
  text-indent: 0;
  margin: 8px;
}

.footer-tools-content .nav-tools a {
  text-decoration: none;
  width: 31px;
  height: 16px;
  display: block;
}

.main-footer {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  border-top: 1px solid #022248;
}

.main-footer-content {
  float: left;
  clear: both;
  width: 100%;
}

.main-footer-content-inner {
  clear: both;
  width: 100%;
  margin: 0 auto;
}

.main-footer-align-right {
  float: right;
}

.main-footer .main-footer-copyright {
  font-size: 0.75em;
}

.footer-tools-content .nav-tools {
  padding-left: 0;
}

.footer-tools-content .nav-tools a {
  text-decoration: none;
  width: 24px;
  height: 24px;
  display: block;
  text-indent: -9999px;
}

.main-footer ul.main-footer-nav {
  float: left;
  font-size: 0.9em;
  margin: 12px 0;
  padding: 0;
  list-style: none;
}

ul.main-footer-nav li.menu-title {
  float: left;
  padding: 12px 18px;
}

ul.main-footer-nav li.menu-title a {
  font-weight: bold;
  font-family: "Source_sans", Arial, sans-serif;
  letter-spacing: 0.030em;
  transition: color 0.5s ease;
}

.main-footer-nav a {
  color: #000;
}
.main-footer-nav a:hover {
  color: #fec128;
}
.main-footer-nav a:active {
  color: #fec128;
}

ul.footer-tools-content {
  padding: 0;
  list-style: none;
  margin: 12px 0;
}

ul.footer-tools-content li {
  float: left;
}

/* Footer branding and copyright */
.main-footer-copyright {
  font-size: 0.85em;
}

.incisivemedia-footer {
  width: 70%;
  float: left;
  margin-top: 10px;
}

p.copyright-full {
  float: left;
  margin: 16px;
  width: 70%;
  color: #555;
  font-size: 1.1em;
}

/* Footer accreditations */
.incisivemedia-accreditation {
  float: right;
  font-size: 0.85rem;
  width: auto;
  text-align: right;
  margin-right: 1%;
}

.no-svg .accreditation-logos {
  background-image: url("/../../../cdn/global/images/aop-logos.png");
}

.accreditation-logos {
  margin: 0;
  padding: 0;
  background-image: url("/../../../cdn/global/images/aop-logos.svgz");
  background-position: 0 -57px;
  background-repeat: no-repeat;
  float: left;
  width: 215px;
  height: 50px;
}

.accredit-text {
  width: 215px;
  margin-top: 5px;
  text-align: center;
  clear: both;
  text-decoration: underline;
}

.accredit-text a {
  color: #000;
}

@media only screen and (max-width: 1060px) {
  .main-footer .footer-tools-content {
    float: none;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
  }
}
@media only screen and (max-width: 1024px) {
  .corp-logo {
    float: none !important;
    clear: both;
    margin: auto;
    width: 100%;
  }

  .main-footer .content-width {
    margin-top: 12px;
    margin-bottom: 12px;
    width: 98%;
  }

  ul.main-footer-nav li.menu-title {
    float: none;
    padding: 12px;
    white-space: nowrap;
  }

  .main-footer ul.main-footer-nav {
    text-align: center;
    list-style-type: none;
    margin-top: 0;
    width: 100%;
  }

  .main-footer li {
    display: inline;
  }

  .main-footer .main-footer-nav a {
    padding: 2px 12px;
    text-decoration: none;
    line-height: 2.2;
  }

  ul.footer-tools-content li {
    float: none;
  }

  .main-footer .nav-tools {
    display: inline-block;
    margin-top: 0;
  }

  .main-footer-content {
    float: left;
    clear: both;
    width: 100%;
  }

  .main-footer-content-inner {
    clear: both;
    width: 100%;
    margin: 0 auto;
  }

  .incisivemedia-accreditation {
    width: 100%;
  }

  .incisivemedia-footer {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 0;
    display: table;
  }

  .main-footer-copyright {
    font-size: 0.75em;
  }

  p.copyright-full {
    display: table-cell;
    vertical-align: bottom;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
  }

  .accreditation-logos {
    float: none;
    clear: both;
    margin: 0 auto 0;
    padding: 0;
  }

  .accredit-text {
    float: none;
    text-align: center;
    width: auto;
  }
}
@media screen and (max-width: 40.75em) and (min-width: 321px) {
  ul.main-footer-nav li.menu-title {
    line-height: 1;
    width: 100%;
    float: left;
    padding: 0;
  }

  ul.footer-tools-content li {
    margin: 0 12px;
  }
}
/* --------------------- Cookie messaging --------------------- */
.cookie-consent-content {
  background-color: #eee;
  max-width: 100%;
  position: fixed;
  width: 100%;
  margin: 0;
  bottom: 0px;
  border-top: 1px solid #ccc;
  z-index: 10000;
}

.cookie-consent-content .main-content {
  max-width: 80%;
  margin: 0 10%;
}

.cookie-consent-content .cookie-message {
  width: 80%;
  float: left;
  color: #333;
  font-size: 0.9em;
}

.cookie-consent-content .cookie-message a {
  color: #333;
  text-decoration: underline;
}

.cookie-consent-content .cookie-button {
  width: auto;
  float: right;
}

.btn.cookie-close {
  background-color: #aaa;
  color: #333;
  transition: all 0.5s ease;
}

.btn.cookie-close:hover {
  background-color: #555;
  color: #eee;
}

/* -------------- Cookie message media queries -------------- */
@media only screen and (max-width: 768px) {
  .cookie-consent-content .main-content {
    max-width: 90%;
    margin: 0 5%;
  }
}
@media only screen and (max-width: 450px) {
  .cookie-consent-content .cookie-message {
    width: 70%;
    font-size: 0.8em;
  }

  .cookie-consent-content .cookie-button {
    margin-right: 5%;
  }
}
@media only screen and (max-width: 370px) {
  .cookie-consent-content .main-content {
    max-width: 96%;
    margin: 0 2%;
  }

  .cookie-consent-content .cookie-message {
    width: 65%;
  }
}
nav.nav {
  border-bottom: 1px solid #ccc;
}

.nav {
  position: relative;
  z-index: 889999;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin: 0 auto 0;
  padding: 0;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform-style: preserve-3d;
  -moz-transform: translate3d(0, 0, 0);
}

#conditional-navigation {
  position: relative;
}

.holder {
  position: relative;
  z-index: 2;
  height: 46px;
  min-width: 320px;
  width: 100%;
  background: #022248;
}

.holder nav {
  width: 100%;
  position: absolute;
  background-color: #022248;
  top: 0px;
}

.main-menu {
  width: 100%;
  list-style: none;
  margin: 0 auto 0;
  padding: 0;
}
.main-menu .menu-title {
  float: left;
  padding: 13px 11px 12px;
  transition: 0.2s all ease;
}
.main-menu .menu-title a {
  color: #FFF;
}
.main-menu .menu-title:hover {
  transition: 0.2s all ease;
  background-color: #003366;
}
.main-menu .menu-title:hover a {
  color: #d9e0e9;
}

/* -------------- CURRENT PAGE IDENTIFIER -------------- */
.main-menu .menu-title.current-page {
  border-bottom: 4px solid #168bcd;
  transition: border-color 0.5s ease;
  background-color: #022248;
}
.main-menu .menu-title.current-page > a {
  color: #168bcd;
}
.main-menu .menu-title.current-page:hover {
  background-color: #003366;
}
.main-menu .menu-title.current-page:hover > a {
  color: #168bcd;
}

.main-menu .menu-title:last-child {
  background-color: transparent;
  border-left: 1px solid #ccc;
  float: right;
}
.main-menu .menu-title:last-child:hover {
  background-color: transparent;
}
.no-js .main-menu .menu-title:last-child {
  float: left;
  border: none;
}

/* -------------- HOME LINK -------------- */
.main-menu .menu-title:first-child {
  font-size: 0;
  color: transparent;
}
.main-menu .menu-title:first-child::before {
  content: '';
  float: left;
  width: 25px;
  height: 25px;
  margin-top: -5px;
  background-position: -114px -688px;
  pointer-events: none;
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
}
.main-menu .menu-title:first-child a {
  width: 25px;
  height: 22px;
  display: block;
}
.main-menu .menu-title:first-child.current-page {
  background-color: transparent;
}
.main-menu .menu-title:first-child:hover::before {
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
  position: absolute;
}

/* -------------- MEGA MENU -------------- */
.menu-content {
  list-style: none;
  position: absolute;
  z-index: -1;
  width: 99.2%;
  background-color: #ffeaea;
  padding: 6px 0.4% 20px;
  left: 0px;
  border-bottom: 1px solid #c7c7c7;
}

.menu-content .listings-article-title {
  margin-top: 8px;
  line-height: 1.1;
}

.main-menu li .menu-content {
  padding: 6px 0.4% 20px;
  background-color: #f6f6f6;
  visibility: hidden;
  opacity: 0;
  border-bottom: 1px solid #c7c7c7;
}

.main-menu li:hover .menu-content {
  border-bottom: 1px solid #d7d7d7;
  background-color: #f6f6f6;
  visibility: visible;
  opacity: 1;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.main-menu li .menu-content {
  opacity: 0;
  top: 0px;
  left: 0px;
  -webkit-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

.main-menu li:hover .menu-content {
  opacity: 1;
  top: 47px;
  left: 0px;
  z-index: -1;
}

.main-menu .menu-contents img {
  width: 100%;
  height: auto;
}

.main-menu a {
  font-weight: normal;
  font-family: "Source_sans", Arial, sans-serif;
  letter-spacing: 0.030em;
  transition: color 0.5s ease;
  font-size: 1em;
}

.menu-content .section .menu-contents {
  opacity: 0;
}

.navigation-all-sections li .section .menu-contents {
  opacity: 0;
}

.main-menu .menu-title:hover .menu-content .section .menu-contents,
.main-menu .menu-title:hover .navigation-all-sections li .section .menu-contents {
  opacity: 1;
}
.main-menu .menu-title:hover .menu-content .section .menu-contents:nth-of-type(1),
.main-menu .menu-title:hover .navigation-all-sections li .section .menu-contents:nth-of-type(1) {
  transition: all 0.3s ease-in 0.2s;
}
.main-menu .menu-title:hover .menu-content .section .menu-contents:nth-of-type(2),
.main-menu .menu-title:hover .navigation-all-sections li .section .menu-contents:nth-of-type(2) {
  transition: all 0.3s ease-in 0.3s;
}
.main-menu .menu-title:hover .menu-content .section .menu-contents:nth-of-type(3),
.main-menu .menu-title:hover .navigation-all-sections li .section .menu-contents:nth-of-type(3) {
  transition: all 0.3s ease-in 0.4s;
}
.main-menu .menu-title:hover .menu-content .section .menu-contents:nth-of-type(4),
.main-menu .menu-title:hover .navigation-all-sections li .section .menu-contents:nth-of-type(4) {
  transition: all 0.3s ease-in 0.5s;
}
.main-menu .menu-title:hover .menu-content .section .menu-contents:nth-of-type(5),
.main-menu .menu-title:hover .navigation-all-sections li .section .menu-contents:nth-of-type(5) {
  transition: all 0.3s ease-in 0.6s;
}

/*  -------------- ALL SECTIONS NAVIGATION -------------- */
.more-panel .menu-contents {
  font-size: 0.85em;
}
.more-panel .menu-contents p {
  color: #555;
}
.more-panel .menu-contents a {
  color: #fec128;
}
.more-panel .menu-contents a:visited {
  color: #fec128;
}
.more-panel .menu-contents a:hover {
  color: #fed774;
}

.menu-contents ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu-contents li {
  margin: 12px 0;
  padding: 0;
  list-style: none;
  line-height: 1.3;
}

.more-panel.navigation-all-sections section ul li a {
  font-size: 0.9em;
  list-style: none;
  font-weight: normal;
}

.main-menu .menu-title:hover a.more-panel {
  color: #FFF;
}

.main-menu .menu-title a.more-panel:hover {
  color: #FFF;
}

.menu-title a.more-panel span,
.menu-title a.more-panel span:before,
.menu-title a.more-panel span:after {
  position: absolute;
  height: 1px;
  width: 14px;
  display: block;
  background: #FFF;
  content: '';
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-title a.more-panel span:before {
  top: -5px;
}

.menu-title a.more-panel span:after {
  bottom: -5px;
}

.menu-title a.more-panel span {
  margin-top: 9px;
}

.menu-title a.more-panel:before {
  content: '';
  float: left;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  padding: 0;
  margin: -1px 5px 0 -4px;
  transition: background-color 0.5s ease;
}

.main-menu .menu-title:last-child:hover a.more-panel span,
.main-menu .menu-title:last-child:hover a.more-panel span:before,
.main-menu .menu-title:last-child:hover a.more-panel span:after,
#hover_nav a.more-panel span,
#hover_nav a.more-panel span:before,
#hover_nav a.more-panel span:after,
.menu-title a.more-panel:hover span,
.menu-title a.more-panel:hover span:before,
.menu-title a.more-panel:hover span:after {
  background-color: #FFF;
}

.main-menu .menu-title:hover .navigation-all-sections a {
  color: #333;
}

.nav-absolute {
  position: absolute;
}

.nav-float {
  float: left;
}

.mobile-nav-fixed {
  position: fixed;
  top: 0px;
}

.content-fixed {
  position: fixed;
  top: 46px;
}

.nav.content-fixed {
  top: 0;
}

.main-menu .menu-title .listings-article-title a:link {
  letter-spacing: -0.01em;
}

.menu-content .ribbon-height {
  margin-top: 50px;
}

/* -------------- SUB MENU -------------- */
.main-sub-menu {
  font-size: 0.9em;
  margin: 20px 0 18px 30px;
  padding: 0 15px 0;
  list-style: none;
  width: 100%;
  margin: 15px auto 0;
  list-style: none;
}

.main-sub-menu li {
  margin: 0;
  padding: 0 12px 0;
  float: left;
}

.main-sub-menu li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.main-sub-menu li {
  border-right: 1px solid #808080;
}

.main-sub-menu li:last-child {
  border-right: none;
}

.main-sub-menu .sub-menu-content a:link,
.main-sub-menu .sub-menu-content a:visited {
  color: #01326A;
}

.main-sub-menu .sub-menu-content a:hover,
.main-sub-menu .sub-menu-content a:active {
  color: #168bcd;
}

.menu-content .content {
  padding-left: 15px;
  padding-right: 15px;
}

.menu-content .section.group.content {
  padding-top: 10px;
}

.menu-title .menu-content article .listings-article-title {
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.2;
}
.menu-title .menu-content article .listings-article-title a {
  color: #01326A;
  font-weight: inherit;
  font-size: 1em;
}
.menu-title .menu-content article .listings-article-title a:hover {
  color: #168bcd;
}

.navigation-all-sections-subheading {
  font-family: "Source_sans", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
  margin: 20px 0 0 0;
  padding-bottom: 4px;
  color: #fec128;
}

.nav-branding {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  background-position: -36px 0px;
  width: 0;
  transition: width 0.2s;
  float: none;
}
.nav-branding.show {
  float: left;
  width: 36px;
  height: 36px;
  opacity: 1;
  position: relative;
  margin: 6px 0 0 12px;
  transition: width 0.2s ease-out 0.2s;
}
.nav-branding.hide {
  width: 0;
  opacity: 0;
}

.mobile-nav .sprite.down, .mobile-nav .sprite.up {
  background-repeat: repeat;
  background-size: initial;
}
.mobile-nav .sprite.down {
  background-position: -174px -69px;
}
.mobile-nav .sprite.up {
  background-position: -138px -69px;
}

.menu-sidebar .nav-tools {
  margin: 5px;
  float: left;
  padding-left: 0;
  width: 35px;
  height: 35px;
  font-size: 0;
  margin: 6px 35px;
}

.menu-sidebar ul.sidebar-list {
  padding: 0px;
}

.menu-sidebar ul.sidebar-list li {
  list-style: none;
  margin-bottom: 15px;
  margin-left: 10px;
}
.menu-sidebar ul.sidebar-list li.nav-tools {
  background: none;
  width: 100%;
  height: initial;
  font-size: initial;
}

.menu-sidebar ul.sidebar-list li a {
  font-size: 0.95em;
}

.menu-sidebar .sidebar-list {
  clear: both;
}

.mobile-branding {
  float: left;
  margin: 10px auto;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 0;
  background-position: -72px 0px;
  display: none;
  width: 151px;
  height: 36px;
}
@media (max-width: 768px) {
  .mobile-branding {
    display: block;
    opacity: 1;
    visibility: visible;
    opacity: 1;
    margin: 0 auto;
    float: none;
    position: relative;
    top: 6px;
    display: block;
  }
}

.mobile-branding-link {
  width: 100%;
  height: 100%;
  display: block;
}

.menu-sidebar {
  display: none;
}

.mask {
  display: none;
}

.mobile-menu-title {
  margin: 0;
  padding: 0.4em 0;
  font-size: 0.95em;
  background-color: #01326A;
  text-indent: 12px;
}

.mobile-menu-title a {
  color: #FFF;
  text-decoration: none;
}
.mobile-menu-title a:hover {
  color: #FFF;
}

.mobile-menu-title.up-selection {
  background-color: #fec128;
  color: #FFF;
}

.mobile-menu-title a.selection {
  background-color: #fec128;
  color: #FFF;
}

.mobile-nav-content .sub-menu-content {
  background-color: #FFF;
}
.mobile-nav-content .sub-menu-content a {
  color: #168bcd;
}
.mobile-nav-content .sub-menu-content a:hover {
  color: #fec128;
}

.mobile-nav-content .menu-sidebar-inner img {
  width: 60px;
  height: auto;
  float: left;
  margin: 4px 12px 5px 0;
}

.menu-sidebar-inner .listings-article-title {
  margin-top: 0;
  margin-bottom: 6px;
}

.menu-sidebar-inner .listings-article-title a {
  font-size: 0.8em;
  line-height: 1.1;
  text-indent: 0;
}

/* iPad landscape width */
@media only screen and (max-width: 768px) {
  /* PRIMARY NAV */
  .mask {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
  }

  .menu-sidebar {
    display: block;
  }

  .holder nav {
    display: none;
  }

  .main-top-nav {
    display: none;
  }

  .main-head {
    display: none;
  }

  nav.article-nav, nav.strapline-nav {
    display: none;
  }

  .overlay-elements {
    opacity: 0.0;
    position: fixed;
    top: 0;
    left: 180px;
    background-color: #000;
    width: 100%;
    z-index: 5000;
    cursor: pointer;
    transition: all 0.3s;
  }

  .site-pushed .overlay-elements.pushed {
    left: 270px;
    transition: left 0.19s;
  }

  .site-pushed .overlay-elements.fadein {
    opacity: 0.5;
    transition: opacity 0.2s linear;
  }

  .content,
  .nav,
  .main-footer {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .container .content.site-pusher,
  .container .nav.site-pusher,
  .container .main-footer.site-pusher {
    -webkit-transform: translateX(270px);
    -moz-transform: translateX(270px);
    -ms-transform: translateX(270px);
    -o-transform: translateX(270px);
    transform: translateX(270px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .menu-sidebar {
    opacity: 0;
    margin-left: -270px;
    float: left;
    width: 270px;
    background-color: #fff;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .menu-sidebar.site-pusher {
    opacity: 1;
    -webkit-transform: translateX(270px);
    -moz-transform: translateX(270px);
    -ms-transform: translateX(270px);
    -o-transform: translateX(270px);
    transform: translateX(270px);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  nav.nav {
    border-bottom: none;
  }

  .holder {
    position: relative;
    z-index: 2;
    height: 45px;
    min-width: 320px;
    width: 100%;
    background-color: #01326A;
    border-bottom: 1px solid #ccc;
  }

  .site-pusher .holder {
    border-bottom: none;
  }

  .holder nav {
    width: 100%;
    position: absolute;
  }

  .content-inner {
    margin: 0;
    margin-right: 0px;
  }

  /* mobile menu list and footer styles end */
  .menu-sidebar-inner {
    padding: 4px 0;
    margin: 0;
    background-color: #fff;
    padding-left: 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
  }

  .mobile-nav .mobile-nav-ul {
    list-style: none;
    clear: both;
    width: 100%;
  }

  .mobile-nav h2 {
    margin: 0;
    padding: 0.4em 0;
    font-size: 1.1em;
    background-color: rgba(18, 19, 79, 0.8);
    text-indent: 12px;
  }

  .mobile-nav h2.selection {
    background-color: #12134f;
  }

  .mobile-nav a {
    display: block;
    text-align: left;
    line-height: 2;
  }

  .mobile-nav .mobile-nav-content {
    display: none;
  }

  .mobile-nav .active .mobile-nav-content {
    display: block;
  }

  .menu-sidebar .mobile-nav {
    margin-top: 0px;
    text-indent: 10px;
    float: left;
    background-color: #fefefe;
    width: 270px;
  }

  .menu-sidebar .mobile-nav .mobile-nav-ul {
    margin: 0;
    padding: 0;
  }

  .menu-sidebar .mobile-nav .mobile-nav-ul li {
    list-style: none;
  }

  .menu-sidebar .mobile-nav-content li a {
    font-size: 0.95em;
  }

  .menu-sidebar .mobile-nav-content li:last-child {
    padding-bottom: 12px;
  }

  .menu-sidebar .mobile-nav-content {
    margin: 0;
    padding: 0;
  }

  .mobile-nav-ul .mobile-nav-content p {
    display: none;
  }

  #container .mobile-nav-content a img {
    width: 60px;
    height: auto;
    float: left;
    margin: 4px 12px 5px 0;
  }

  .menu-sidebar .mobile-nav-content h3 {
    margin-top: 0;
    margin-bottom: 6px;
  }

  .menu-sidebar .mobile-nav-content h3 a {
    font-size: 0.8em;
    line-height: 1.1;
    text-indent: 0;
  }

  .menu-sidebar .menu-sidebar-inner .article-meta-details {
    float: left;
    padding: 0;
    margin: 0;
    text-indent: 0px;
  }

  .menu-sidebar .article-meta-details li:first-child a {
    line-height: 1;
    padding: 0 0.5em 0 0;
    font-size: 1.1em;
  }

  .menu-sidebar .menu-sidebar-inner .article-meta-details li {
    line-height: 1;
    font-size: 1em;
    padding-bottom: 0;
  }

  .main-menu .menu-title {
    box-sizing: border-box;
  }

  .main-menu .menu-title:first-child a {
    width: 100%;
  }

  .main-menu .menu-title:first-child {
    font-size: 16px;
    text-indent: 14px;
    line-height: 1.3em;
  }

  /* hamburger button start */
  #nav-toggle {
    position: relative;
    float: left;
    margin-right: 12px;
    top: 0px;
    left: 8px;
    cursor: pointer;
    padding: 10px 16px 10px 8px;
  }

  #nav-toggle span,
  #nav-toggle span::before,
  #nav-toggle span::after {
    position: absolute;
    height: 2px;
    width: 18px;
    display: block;
    background: #bdbdbd;
    content: '';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  #nav-toggle span::before {
    top: -5px;
  }

  #nav-toggle span::after {
    bottom: -5px;
  }

  #nav-toggle.active span {
    background-color: transparent;
  }

  #nav-toggle.active span::before,
  #nav-toggle.active span::after {
    top: 0;
  }

  #nav-toggle.active span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-toggle.active span::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .hamburger-style span {
    margin-top: 12px;
  }

  .hamburger-style::before {
    content: '';
    float: left;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    padding: 0;
    margin: 0px 0 0 -4px;
  }

  /* hamburger button end */
  .nav-branding {
    background-repeat: no-repeat;
    opacity: 1;
    background-size: 100%;
    float: none;
    background-position: -1px 10px;
    width: 210px;
    height: 36px;
    margin: 0 auto 0 auto;
    padding: 0;
  }

  .nav-branding.show {
    width: 210px;
    height: 36px;
    opacity: 1;
  }

  .clicker4 {
    background-position: -34px -571px;
    width: 36px;
    height: 36px;
    padding: 5px 2px;
    margin: 0 3px;
    float: right;
  }

  .clicker4.active {
    background-position: 2px -571px;
  }

  .menuPos {
    z-index: 1;
  }

  /* USER MENU MOBILE MENU FIX */
  .menu4 {
    width: 100%;
    position: absolute;
    min-width: 320px;
    top: 0px;
    opacity: 0;
    background-color: #fff;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .5s ease-in;
  }

  .menu4 div {
    padding: 0;
    margin: 0;
    width: 100%;
  }

  .menu4 ul {
    margin: 0 auto;
    padding: 0;
    width: 265px;
    list-style: none;
  }

  .menu4 ul li {
    margin: 0;
    padding: 20px 0 20px;
  }

  .menu4.menuOn {
    top: 45px;
    opacity: 1;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    -moz-transform-style: preserve-3d;
    -moz-transform: translate3d(0, 0, 0);
  }

  .menu4 div.corporate-menu-information {
    padding: 12px;
  }

  .menu4 .user-info {
    padding: 10px;
    display: block;
  }

  .menu4 .header-tools-content {
    position: static;
    width: 100%;
  }

  .menu4.menuOn.menuPos .header-tools-content {
    position: static;
    width: 100%;
    visibility: visible;
    border: none;
    opacity: 1;
    box-shadow: none;
    border-radius: 0;
  }

  .menu4 .header-tools-content ul.user-menu {
    width: 100%;
  }

  .menu4 .header-tools-content li {
    padding: 0;
  }

  .menu4 .header-tools-content ul li {
    display: block;
    visibility: visible;
    opacity: 1;
    width: 100%;
    position: relative;
  }

  .menu4 div a,
  .menu4 .header-tools-content ul li a {
    color: #333;
    border-bottom: 4px solid transparent;
    transition: all 0.5s ease;
    display: block;
    padding: 10px 10px 7px 10px;
  }

  .menu4 div a:active,
  .menu4 .header-tools-content ul li a:active,
  .menu4 div a:hover,
  .menu4 .header-tools-content ul li a:hover {
    background-color: #077af9;
    border-bottom: 4px solid #077af9;
    color: white;
  }

  .menu4.menuOn.menuPos .header-tools-content ul li:last-child {
    margin-top: 0;
    border-top: 1px solid #ccc;
    background-color: rgba(137, 150, 127, 0.07);
  }

  .menu4.menuOn.menuPos .header-tools-content ul li:last-child a {
    padding-bottom: 4px;
  }

  .menu4.menuOn.menuPos .header-tools-content ul li:last-child a:active,
  .menu4.menuOn.menuPos .header-tools-content ul li:last-child a:hover {
    border-bottom: 4px solid #555;
    color: #000;
  }

  /* USER MENU */
  #rdm-below-corp-menu,
  #rdm-above-corp-menu,
  #rdm-above-user-menu,
  #rdm-below-user-menu {
    display: none;
  }

  /* CLICKER 4 MENU ICON */
  .clicker4 {
    display: block;
  }

  /* MOBILE SPRITES */
  .mobile-nav .sprite {
    float: right;
    padding: 3px;
    width: 40px;
    height: 36px;
    background-repeat: repeat;
    background-size: initial;
    cursor: pointer;
  }

  .mobile-branding.show {
    animation-delay: 0.3s;
    opacity: 1;
    margin: 0 auto;
    float: none;
    position: relative;
    top: 6px;
    display: block;
  }
}
.nav-fixed {
  position: fixed;
  overflow: hidden;
  background-color: transparent;
  height: 47px;
  border-bottom: none !important;
}
@media (min-width: 768px) {
  .nav-fixed {
    transition: all .5s 0.4s ease-out;
  }
}

nav.nav.nav-fixed {
  overflow: visible;
}

.nav-colour01 {
  background-color: #eee;
  transition: background-color 0.5s ease;
}

.holder .nav-colour02 {
  background-color: #01326A;
  transition: background-color 0.5s ease;
}

/*show article tool over the top based on scroll*/
.article-nav, .strapline-nav {
  transition: all 0.5s;
  opacity: 0;
  z-index: 0;
}

.holder .article-nav, .holder .strapline-nav {
  transition: all 0.5s ease-out;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  visibility: hidden;
}

.holder .article-nav.sticky, .holder .sticky.strapline-nav {
  z-index: 2;
  transition: all 0.5s;
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.holder .nav-colour03 {
  background-color: #87abcf;
  background: #01326A;
  background: -webkit-linear-gradient(left, #01326A, #168bcd);
  background: linear-gradient(to right, #01326A, #168bcd);
}

.strapline-nav {
  text-align: center;
}

aside.content {
  margin-top: 0px;
  transition: all 0s ease-out;
  transition-duration: 0s;
}
aside.content.offset-sticky-nav {
  margin-top: 47px;
  transition: all  0s ease-out;
  transition-duration: 0s;
}

.article-nav .main-menu .home-icon, .strapline-nav .main-menu .home-icon {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  float: left;
  display: block;
  background-color: #01326A;
  margin-top: 5px;
  margin-left: 12px;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 0;
}
.article-nav .tools-container, .strapline-nav .tools-container {
  width: auto;
  margin-left: 10px;
  list-style: none;
}
.article-nav .tools-container li, .strapline-nav .tools-container li {
  float: left;
  width: 24px;
  height: 24px;
  margin: 0 6px;
  padding: 0;
  background-color: transparent;
}
.article-nav .tools-container .icons, .strapline-nav .tools-container .icons {
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.article-nav .tools-container-2, .strapline-nav .tools-container-2 {
  float: right;
}
.article-nav .article-meta-numbers, .strapline-nav .article-meta-numbers {
  display: none;
}

.component-video .sprite,
.social-list li::before,
.icon-proxy,
.main-top-title.main-top-tab-panel::after,
.main-top-sociallinks .header-tools-content .nav-tools,
.main-top-user::before,
.main-top-institution.main-top-user::before,
.header-search-holder input[type=submit],
.trendingbanner li a::after,
.main-menu .menu-title:first-child::before,
.clicker4,
.mobile-nav .sprite,
.mobile-nav .sprite.down,
.mobile-nav .sprite.up,
.article-nav .tools-container .icons,
.strapline-nav .tools-container .icons,
.nav-tools,
.tools-container .icons,
.select-view,
.article-nav .home-icon::before,
.strapline-nav .home-icon::before,
.article-meta-details time::before,
.related-links li:first-child,
.homepage-monty-top .top-monty-big-arrow,
.about-author .read-more::after,
.homepage-content .content header h4 a.section-title-link::after,
.header-styles-proxy a.section-title-link::after,
.related-listings-header header h4 a.section-title-link::after,
.popular-articles .related-listings-header h4 a.section-title-link::after,
.news-articles header h4 a.section-title-link::after,
.more-from-sponsor header h4 a.section-title-link::after,
.related-article-holder header h4 a.section-title-link::after,
.further-reading header h4 a.section-title-link::after,
.article-series-listing header h4 a.section-title-link::after,
.sponsor-section-header h4 a.section-title-link::after,
blockquote:before {
  background-image: url(../images/site-sprite.svgz);
}
.no-svg .component-video .sprite, .no-svg
.social-list li::before, .no-svg
.icon-proxy, .no-svg
.main-top-title.main-top-tab-panel::after, .no-svg .main-top-sociallinks .header-tools-content .nav-tools, .main-top-sociallinks .header-tools-content .no-svg .nav-tools, .no-svg
.main-top-user::before, .no-svg .header-search-holder input[type=submit], .header-search-holder .no-svg input[type=submit], .no-svg .trendingbanner li a::after, .trendingbanner li .no-svg a::after, .no-svg .main-menu .menu-title:first-child::before, .main-menu .no-svg .menu-title:first-child::before, .no-svg
.clicker4, .no-svg .mobile-nav .sprite, .mobile-nav .no-svg .sprite, .no-svg
.nav-tools, .no-svg .tools-container .icons, .tools-container .no-svg .icons, .no-svg
.select-view, .no-svg .article-nav .home-icon::before, .article-nav .no-svg .home-icon::before, .no-svg .strapline-nav .home-icon::before, .strapline-nav .no-svg .home-icon::before, .no-svg .article-meta-details time::before, .article-meta-details .no-svg time::before, .no-svg .related-links li:first-child, .related-links .no-svg li:first-child, .no-svg .homepage-monty-top .top-monty-big-arrow, .homepage-monty-top .no-svg .top-monty-big-arrow, .no-svg .about-author .read-more::after, .about-author .no-svg .read-more::after, .no-svg .homepage-content .content header h4 a.section-title-link::after, .homepage-content .content header h4 .no-svg a.section-title-link::after,
.no-svg .header-styles-proxy a.section-title-link::after,
.header-styles-proxy .no-svg a.section-title-link::after,
.no-svg .related-listings-header header h4 a.section-title-link::after,
.related-listings-header header h4 .no-svg a.section-title-link::after,
.no-svg .popular-articles .related-listings-header h4 a.section-title-link::after,
.popular-articles .related-listings-header h4 .no-svg a.section-title-link::after,
.no-svg .news-articles header h4 a.section-title-link::after,
.news-articles header h4 .no-svg a.section-title-link::after,
.no-svg .more-from-sponsor header h4 a.section-title-link::after,
.more-from-sponsor header h4 .no-svg a.section-title-link::after,
.no-svg .related-article-holder header h4 a.section-title-link::after,
.related-article-holder header h4 .no-svg a.section-title-link::after,
.no-svg .further-reading header h4 a.section-title-link::after,
.further-reading header h4 .no-svg a.section-title-link::after,
.no-svg .article-series-listing header h4 a.section-title-link::after,
.article-series-listing header h4 .no-svg a.section-title-link::after,
.no-svg .sponsor-section-header h4 a.section-title-link::after,
.sponsor-section-header h4 .no-svg a.section-title-link::after, .no-svg
blockquote:before {
  background-image: url(../images/site-sprite.png);
}

.brand-icon-proxy, .nav-branding, .mobile-branding, .component-hound-footer a:before, .stapline-nav-icon {
  background-image: url(../images/site-branding.svgz);
}
.no-svg .brand-icon-proxy, .no-svg .nav-branding, .no-svg .mobile-branding, .no-svg .component-hound-footer a:before, .component-hound-footer .no-svg a:before, .no-svg .stapline-nav-icon {
  background-image: url(../images/site-branding.png);
}

.sitelogo-proxy, .sprite {
  background-image: url(../images/site-logo.svgz);
}
.no-svg .sitelogo-proxy, .no-svg .sprite {
  background-image: url(../images/site-logo.png);
}

.nav-tools {
  margin: 18px;
  background-repeat: no-repeat;
  cursor: pointer;
  line-height: 1.2;
}
.nav-tools a {
  text-decoration: none;
  width: 24px;
  height: 24px;
  display: block;
}

.tools-container .icons {
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tools-container .icons a {
  text-decoration: none;
  width: 32px;
  height: 32px;
  display: block;
}

.social-list {
  margin-left: 0;
  padding-left: 0;
}
.social-list li {
  background: none;
}
.social-list li a {
  margin-left: 5px;
}
.social-list li::before {
  background-repeat: no-repeat;
  content: "";
  float: left;
  text-decoration: none;
  width: 24px;
  height: 24px;
  display: block;
}

.jwplayer .jwlogo {
  width: initial !important;
}

.rss-icon, .social-list li.rss::before {
  background-position: -78px -474px;
}

.twitter-icon, .social-list li.twitter::before {
  background-position: -78px -42px;
}

.facebook-icon, .social-list li.facebook::before {
  background-position: -78px -78px;
}

.linkedin {
  background-position: -78px -114px;
}

.gplus-icon, .social-list li.googleplus::before {
  background-position: -78px -150px;
}

.newsletters {
  background-position: -78px -294px;
}

.apps {
  background-position: -78px -510px;
}

.youtube,
.youtube-icon {
  background-position: -78px -366px;
}

.whatsapp-icon, .social-list li.whatsapp-icon::before,
.whatsapp {
  background-position: -72px -180px;
}

.instagram-icon,
.instagram {
  background-position: -78px -222px;
}

.xing-icon {
  background-position: -72px -216px;
}

.user-account-icon, .main-top-user::before {
  background-position: -115px -582px;
}

.institute-account-icon, .main-top-institution.main-top-user::before {
  background-position: -79px -617px;
}

.clock-icon-small, .article-meta-details time::before {
  background-position: -11px -1163px;
}

.menu-sidebar .newsletters {
  background-position: 0px -288px;
}
.menu-sidebar .login-icon {
  background-position: 0px -576px;
}

.icon-video {
  background-position: -74px -1190px;
}
.icon-video:hover {
  background-position: -110px -1190px;
}

.icon-audio {
  background-position: -110px -1226px;
}
.icon-audio:hover {
  background-position: -110px -1226px;
}

.select-view {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  float: right;
  cursor: pointer;
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
  transform: scale(1.2);
  margin-left: 8px;
}
.select-view:hover {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}
@media (max-width: 768px) {
  .select-view {
    margin-left: 16px;
  }
}

.grid-view-icon {
  background-position: -6px -1086px;
}

.list-view-icon {
  background-position: -6px -1122px;
}

.hide-image-icon {
  background-position: -78px -1086px;
}

.show-image-icon {
  background-position: -78px -1122px;
}

.rss-icon-white {
  background-position: -114px -474px;
}

.twitter-icon-white {
  background-position: -114px -42px;
}

.facebook-icon-white {
  background-position: -114px -78px;
}

.linkedin-icon-white {
  background-position: -114px -114px;
}

.gplus-icon-white {
  background-position: -114px -150px;
}

.newsletters-white {
  background-position: -114px -294px;
}

.apps-white {
  background-position: -114px -510px;
}

.youtube-icon-white {
  background-position: -114px -366px;
}

.whatsapp-icon-white {
  background-position: -108px -180px;
}

.xing-icon-white {
  background-position: -108px -216px;
}

@media (max-width: 768px) {
  .page-content .tools-container {
    width: 100%;
    max-width: 90%;
    margin-left: 0;
    margin: 0 5%;
    margin-bottom: 10px;
  }
}

.page-content .tools-container li {
  float: left;
  width: 36px;
  height: 36px;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
  overflow: hidden;
  padding: 0 4px 4px 0;
}
@media (max-width: 975px) {
  .page-content .tools-container li {
    margin: 10px;
    transform: scale(1.3);
  }
}
@media (max-width: 768px) {
  .page-content .tools-container li {
    margin: 10px;
    transform: scale(1.5);
    display: inline-block;
    float: none;
  }
}

.tools-container .twitter-icon, .tools-container .social-list li.twitter::before, .social-list .tools-container li.twitter::before {
  background-position: 0px -36px;
}
.tools-container .twitter-icon:hover, .tools-container .social-list li.twitter:hover::before, .social-list .tools-container li.twitter:hover::before {
  background-position: -36px -36px;
}
.tools-container .facebook-icon, .tools-container .social-list li.facebook::before, .social-list .tools-container li.facebook::before {
  background-position: 0px -72px;
}
.tools-container .facebook-icon:hover, .tools-container .social-list li.facebook:hover::before, .social-list .tools-container li.facebook:hover::before {
  background-position: -36px -72px;
}
.tools-container .linkedin-icon {
  background-position: 0px -108px;
}
.tools-container .linkedin-icon:hover {
  background-position: -36px -108px;
}
.tools-container .gplus-icon, .tools-container .social-list li.googleplus::before, .social-list .tools-container li.googleplus::before {
  background-position: 0px -144px;
}
.tools-container .gplus-icon:hover, .tools-container .social-list li.googleplus:hover::before, .social-list .tools-container li.googleplus:hover::before {
  background-position: -36px -144px;
}
.tools-container .whatsapp-icon, .tools-container .social-list li.whatsapp-icon::before, .social-list .tools-container li.whatsapp-icon::before {
  background-position: 0px -180px;
}
.tools-container .whatsapp-icon:hover, .tools-container .social-list li.whatsapp-icon:hover::before, .social-list .tools-container li.whatsapp-icon:hover::before {
  background-position: -36px -180px;
}
.tools-container .xing-icon {
  background-position: 0px -216px;
}
.tools-container .xing-icon:hover {
  background-position: -36px -216px;
}
.tools-container .reddit-icon, .tools-container .social-list li.reddit-icon::before, .social-list .tools-container li.reddit-icon::before {
  background-position: 0px -324px;
}
.tools-container .reddit-icon:hover, .tools-container .social-list li.reddit-icon:hover::before, .social-list .tools-container li.reddit-icon:hover::before {
  background-position: -36px -324px;
}
.tools-container .print-icon {
  background-position: 0px -396px;
}
.tools-container .print-icon:hover {
  background-position: -72px -396px;
}
.tools-container .save-icon {
  background-position: 0px -180px;
}
.tools-container .save-icon:hover {
  background-position: -36px -180px;
}
.tools-container .temp-icon {
  background-position: 0px -216px;
}
.tools-container .temp-icon:hover {
  background-position: -36px -216px;
}
.tools-container .email-icon {
  background-position: 0px -288px;
}
.tools-container .email-icon:hover {
  background-position: -36px -288px;
}
.tools-container .youtube-icon {
  background-position: 0px -360px;
}

.article-nav .home-icon::before, .strapline-nav .home-icon::before {
  content: '';
  float: left;
  width: 38px;
  height: 38px;
  padding: 0;
  margin: 0;
  pointer-events: none;
  background-position: 1px -1330px;
}
.article-nav .tools-container .twitter-icon, .strapline-nav .tools-container .twitter-icon, .article-nav .tools-container .social-list li.twitter::before, .social-list .article-nav .tools-container li.twitter::before, .strapline-nav .tools-container .social-list li.twitter::before, .social-list .strapline-nav .tools-container li.twitter::before {
  background-position: -114px -42px;
}
.article-nav .tools-container .twitter-icon:hover, .strapline-nav .tools-container .twitter-icon:hover, .article-nav .tools-container .social-list li.twitter:hover::before, .social-list .article-nav .tools-container li.twitter:hover::before, .strapline-nav .tools-container .social-list li.twitter:hover::before, .social-list .strapline-nav .tools-container li.twitter:hover::before {
  background-position: -78px -42px;
}
.article-nav .tools-container .facebook-icon, .strapline-nav .tools-container .facebook-icon, .article-nav .tools-container .social-list li.facebook::before, .social-list .article-nav .tools-container li.facebook::before, .strapline-nav .tools-container .social-list li.facebook::before, .social-list .strapline-nav .tools-container li.facebook::before {
  background-position: -114px -78px;
}
.article-nav .tools-container .facebook-icon:hover, .strapline-nav .tools-container .facebook-icon:hover, .article-nav .tools-container .social-list li.facebook:hover::before, .social-list .article-nav .tools-container li.facebook:hover::before, .strapline-nav .tools-container .social-list li.facebook:hover::before, .social-list .strapline-nav .tools-container li.facebook:hover::before {
  background-position: -78px -78px;
}
.article-nav .tools-container .linkedin-icon, .strapline-nav .tools-container .linkedin-icon {
  background-position: -114px -114px;
}
.article-nav .tools-container .linkedin-icon:hover, .strapline-nav .tools-container .linkedin-icon:hover {
  background-position: -78px -114px;
}
.article-nav .tools-container .gplus-icon, .strapline-nav .tools-container .gplus-icon, .article-nav .tools-container .social-list li.googleplus::before, .social-list .article-nav .tools-container li.googleplus::before, .strapline-nav .tools-container .social-list li.googleplus::before, .social-list .strapline-nav .tools-container li.googleplus::before {
  background-position: -114px -150px;
}
.article-nav .tools-container .gplus-icon:hover, .strapline-nav .tools-container .gplus-icon:hover, .article-nav .tools-container .social-list li.googleplus:hover::before, .social-list .article-nav .tools-container li.googleplus:hover::before, .strapline-nav .tools-container .social-list li.googleplus:hover::before, .social-list .strapline-nav .tools-container li.googleplus:hover::before {
  background-position: -78px -150px;
}
.article-nav .tools-container .reddit-icon, .strapline-nav .tools-container .reddit-icon, .article-nav .tools-container .social-list li.reddit-icon::before, .social-list .article-nav .tools-container li.reddit-icon::before, .strapline-nav .tools-container .social-list li.reddit-icon::before, .social-list .strapline-nav .tools-container li.reddit-icon::before {
  background-position: -114px -330px;
}
.article-nav .tools-container .reddit-icon:hover, .strapline-nav .tools-container .reddit-icon:hover, .article-nav .tools-container .social-list li.reddit-icon:hover::before, .social-list .article-nav .tools-container li.reddit-icon:hover::before, .strapline-nav .tools-container .social-list li.reddit-icon:hover::before, .social-list .strapline-nav .tools-container li.reddit-icon:hover::before {
  background-position: -78px -330px;
}
.article-nav .tools-container .print-icon, .strapline-nav .tools-container .print-icon {
  background-position: -114px -402px;
}
.article-nav .tools-container .print-icon:hover, .strapline-nav .tools-container .print-icon:hover {
  background-position: -78px -402px;
}
.article-nav .tools-container .whatsapp-icon, .strapline-nav .tools-container .whatsapp-icon, .article-nav .tools-container .social-list li.whatsapp-icon::before, .social-list .article-nav .tools-container li.whatsapp-icon::before, .strapline-nav .tools-container .social-list li.whatsapp-icon::before, .social-list .strapline-nav .tools-container li.whatsapp-icon::before {
  background-position: -114px -186px;
}
.article-nav .tools-container .whatsapp-icon:hover, .strapline-nav .tools-container .whatsapp-icon:hover, .article-nav .tools-container .social-list li.whatsapp-icon:hover::before, .social-list .article-nav .tools-container li.whatsapp-icon:hover::before, .strapline-nav .tools-container .social-list li.whatsapp-icon:hover::before, .social-list .strapline-nav .tools-container li.whatsapp-icon:hover::before {
  background-position: -78px -186px;
}
.article-nav .tools-container .xing-icon, .strapline-nav .tools-container .xing-icon {
  background-position: -114px -222px;
}
.article-nav .tools-container .xing-icon:hover, .strapline-nav .tools-container .xing-icon:hover {
  background-position: -78px -222px;
}
.article-nav .tools-container .temp-icon, .strapline-nav .tools-container .temp-icon {
  background-position: -78px -222px;
}
.article-nav .tools-container .temp-icon:hover, .strapline-nav .tools-container .temp-icon:hover {
  background-position: -114px -42px;
}
.article-nav .tools-container .email-icon, .strapline-nav .tools-container .email-icon {
  background-position: -114px -294px;
}
.article-nav .tools-container .email-icon:hover, .strapline-nav .tools-container .email-icon:hover {
  background-position: -78px -294px;
}
.article-nav .tools-container .youtube, .strapline-nav .tools-container .youtube,
.article-nav .tools-container .youtube-icon,
.strapline-nav .tools-container .youtube-icon {
  background-position: -114px -366px;
}
.article-nav .tools-container .youtube:hover, .strapline-nav .tools-container .youtube:hover,
.article-nav .tools-container .youtube-icon:hover,
.strapline-nav .tools-container .youtube-icon:hover {
  background-position: -78px -366px;
}
.article-nav .tools-container .share-icon, .strapline-nav .tools-container .share-icon {
  background-position: -114px -438px;
}
.article-nav .tools-container .share-icon:hover, .strapline-nav .tools-container .share-icon:hover {
  background-position: -78px -438px;
}
.article-nav .tools-container .comments-icon, .strapline-nav .tools-container .comments-icon {
  background-position: -114px -546px;
}
.article-nav .tools-container .comments-icon:hover, .strapline-nav .tools-container .comments-icon:hover {
  background-position: -78px -546px;
}

.article-meta-details {
  float: left;
  margin: 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.75em;
  color: #666;
  margin-top: auto;
}
.article-meta-details time {
  text-transform: uppercase;
}
.article-meta-details time::before {
  content: "";
  height: 14px;
  width: 14px;
  float: left;
  margin-right: 5px;
}

.article-meta-details li {
  float: left;
  float: right;
  border: none;
  padding-right: 5px;
}

.article-meta-details li:first-child {
  border-right: none;
}

.article-meta-details li:first-child a {
  padding: 0.1em 0.6em 0 0;
  border-right: 1px solid #dedede;
  text-decoration: none;
}

.article-author {
  letter-spacing: .03em;
  font-size: .95em;
  font-weight: 700;
}

/*
.article-meta-details { 
    float:left; 
    margin:0 0 0; 
    padding:0; 
    list-style:none; 
    color:#666; 
    font-size:0.65em; 
    margin-bottom:1.5%; 
    clear:both; 
    float:none; 
}
.homepage-content .article-meta-details { 
    text-transform:uppercase; 
} 
.article-meta-details li { 
    float:left; 
    padding:0.1em 0.6em;
    border:none; 
    border-right:1px solid #bbb; 
    color:#666; 
    line-height:1; 
    text-transform:uppercase; 
} 
.article-meta-details li:first-child { 
    padding:0.1em 0.6em 0.1em 0; 
} 
.article-meta-details li:last-child { 
    border-right:none; 
} 
.article-meta-details li a, 
.article-meta-details li:first-child a { 
    color:#004185; 
    padding:0; 
    text-decoration:none; 
}
.article-meta-details li:first-child a { 
    color:#004185; 
    padding:0em 0.6em 0 0; 
    border-right:none; 
    text-decoration:none; 
    font-size:1.2em; 
    text-transform:Capitalize; 
    font-weight:600; 
    line-height:1; 
} 
.article-meta-details li:first-child a:hover { 
    color:#077af9; 
} 
.no-svg .article-meta-details li time:before { 
    background-image:url(../images/site-sprite.png); 
} 
.article-meta-details li time:before { 
    content:""; 
    float:left; 
    height:14px; 
    width:14px; 
    background-image:url(../images/site-sprite.png); 
    background-image:url(../images/site-sprite.svgz); 
    background-position:-11px -1163px; 
    background-position:calc(-11px + 0*-36px) calc(-11px + 32*-36px); 
    margin-right:5px; 
    margin-top:-2px; 
} 
.main-top-events .latest-events-holder .article-meta-details li time::before { 
    display:none; 
    width:0; 
} 

    .article-meta-above-title { 
        list-style:none; 
        font-size:0.8em; 
        padding:0 2px 2px 0; 
        margin:0 0 3px 0; 
    } 
    .article-meta-above-title li a, 
    .article-meta-above-title li a:link, 
    .article-meta-above-title li a:visited { 
        font-weight:600; 
        color:#004185; 
    } 
    .article-meta-above-title li a:active, 
    .article-meta-above-title li a:hover { 
        color:#077af9; 
    } 
    .component-opinion .image-text-group-b .article-author, 
    div.component-opinion .article-meta-above-title a, 
    section[class^="component"] .article-meta-above-title li a, 
    section[class^="component"].component-news .primary-news-top .article-meta-details li
    section[class^="component"].component-news .primary-news-top .article-meta-above-title li a { 
        color:#004185; 
        letter-spacing:0.03em; 
        font-size: 0.95em;
    }  
    div.component-opinion .article-meta-above-title a:hover, 
    section[class^="component"] .article-meta-above-title li a:hover,  
    section[class^="component"].component-news .primary-news-top .article-meta-above-title li a:hover {
        color:#077af9; 
    }


*/
.article-meta-above-title {
  list-style: none;
  font-size: 0.8em;
  padding: 0 2px 2px 0;
  margin: 0 0 3px 0;
}

.article-meta-above-title li a,
.article-meta-above-title li a:link,
.article-meta-above-title li a:visited {
  font-weight: 600;
  color: #022248;
}

.article-meta-above-title li a:active,
.article-meta-above-title li a:hover {
  color: #077af9;
}

.content .related-links {
  font-size: .9em;
  border-top: 1px dotted #cdcdcd;
  padding-top: 12px;
}

.content article .related-links li {
  border: none;
  line-height: 2;
}

.content .related-links a:hover {
  color: #a60013;
}

.content .related-links li:first-child {
  display: inline;
  font-size: 1em;
  color: #000;
  font-weight: 700;
  padding: 0 .3em 0 1.4em;
  border-right: none;
  background-position: -155px -408px;
  background-repeat: no-repeat;
}

.related-listings-header h3 {
  margin-bottom: 5px;
  float: left;
  width: 100%;
  margin: 0 0 1em;
  padding: 3px 0;
  line-height: 1.5;
  font-size: 1.4em;
  color: #e6412e;
  border-top: 4px solid #000;
  font-family: source_sans_probold, Arial, sans-serif;
}

.select-header h1 {
  width: auto;
  float: left;
}

.select-header-options {
  margin: 1%;
  float: right;
  width: auto;
  margin-top: 20px;
}

.listing-introduction {
  clear: both;
}

#listings article .image-text-group-a {
  width: 25%;
}
#listings article .image-text-group-a a {
  width: 100%;
  height: 0;
  padding-bottom: 61.73913%;
  display: block;
  background-color: white;
}

.listings-article-title {
  font-size: 1.4em;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.1;
  margin-top: 0;
  font-family: "Source_sans", Arial, sans-serif;
}
.listings-article-title a {
  color: #01326A;
}
.listings-article-title a:hover {
  color: #1e67bb;
}
.listings-article-title a:visited {
  color: #4a607b;
}
.listings-article-title a:visited:hover {
  color: #1e67bb;
}
@media (max-width: 768px) {
  .listings-article-title {
    font-size: 1.2em;
  }
}

article .image-text-group-b p {
  font-size: 1em;
}

body.article .listings-article-title a {
  color: #000;
}
body.article .listings-article-title a:hover {
  color: #01326A;
}
body.article .listings-article-title a:visited {
  color: #000205;
}
body.article .listings-article-title a:visited:hover {
  color: #01326A;
}

.content-hub-listings .article-meta-details li,
.search-results-listing .article-meta-details li,
#listings .article-meta-details li {
  float: left;
}
.content-hub-listings .article-meta-details li a,
.search-results-listing .article-meta-details li a,
#listings .article-meta-details li a {
  font-weight: 600;
  color: #01326A;
}
.content-hub-listings .article-meta-details li a:hover,
.search-results-listing .article-meta-details li a:hover,
#listings .article-meta-details li a:hover {
  color: #168bcd;
}
.content-hub-listings article,
.search-results-listing article,
#listings article {
  box-sizing: border-box;
  padding: 12px;
  border-top: 1px solid #f2f2f2;
  background-color: #fbfbfb;
  box-shadow: 0px 2px 9px #f5f5f5;
}
.content-hub-listings img,
.search-results-listing img,
#listings img {
  width: 100%;
  max-width: 100%;
  margin: 0px;
}
.content-hub-listings .image-text-group-a,
.content-hub-listings .image-text-group-b,
.search-results-listing .image-text-group-a,
.search-results-listing .image-text-group-b,
#listings .image-text-group-a,
#listings .image-text-group-b {
  box-sizing: border-box;
}
.content-hub-listings.list-view,
.search-results-listing.list-view,
#listings.list-view,
.content-hub-listings {
  margin-right: 0;
  float: left;
  width: 100%;
  padding-left: 5px;
  box-sizing: border-box;
}
.content-hub-listings.list-view article,
.search-results-listing.list-view article,
#listings.list-view article,
.content-hub-listings article {
  margin-left: 0;
  margin-bottom: 10px;
  display: flex;
}
.content-hub-listings.list-view .image-text-group-a,
.search-results-listing.list-view .image-text-group-a,
#listings.list-view .image-text-group-a,
.content-hub-listings .image-text-group-a {
  max-width: 25%;
  margin: 0 2.5% 0 0%;
}
.content-hub-listings.list-view .image-text-group-b,
.search-results-listing.list-view .image-text-group-b,
#listings.list-view .image-text-group-b,
.content-hub-listings .image-text-group-b {
  max-width: 72%;
  margin: 0%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content-hub-listings.list-view .image-text-group-b .article-meta-details,
.search-results-listing.list-view .image-text-group-b .article-meta-details,
#listings.list-view .image-text-group-b .article-meta-details,
.content-hub-listings .image-text-group-b .article-meta-details {
  margin-top: auto;
}
.content-hub-listings.grid-view,
.search-results-listing.grid-view,
#listings.grid-view,
.content-hub-listings .secondary-hub-articles {
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 5px;
}
.content-hub-listings.grid-view article,
.search-results-listing.grid-view article,
#listings.grid-view article,
.content-hub-listings .secondary-hub-articles article {
  margin: 0;
  width: 31.33333%;
  padding: 0;
  position: relative;
  box-shadow: 3px 2px 14px #f5f5f5;
  border-left: 1px solid #f2f2f2;
  display: flex;
  flex-direction: column;
}
.content-hub-listings.grid-view article:nth-of-type(n),
.search-results-listing.grid-view article:nth-of-type(n),
#listings.grid-view article:nth-of-type(n),
.content-hub-listings .secondary-hub-articles article:nth-of-type(n) {
  clear: none;
  margin-bottom: 3%;
  margin-right: 3%;
}
.content-hub-listings.grid-view article:nth-of-type(3n),
.search-results-listing.grid-view article:nth-of-type(3n),
#listings.grid-view article:nth-of-type(3n),
.content-hub-listings .secondary-hub-articles article:nth-of-type(3n) {
  margin-right: 0;
}
.content-hub-listings.grid-view article:nth-of-type(3n+1),
.search-results-listing.grid-view article:nth-of-type(3n+1),
#listings.grid-view article:nth-of-type(3n+1),
.content-hub-listings .secondary-hub-articles article:nth-of-type(3n+1) {
  clear: both;
}
@media (max-width: 860px) {
  .content-hub-listings.grid-view article,
  .search-results-listing.grid-view article,
  #listings.grid-view article,
  .content-hub-listings .secondary-hub-articles article {
    width: 48%;
  }
  .content-hub-listings.grid-view article:nth-of-type(n),
  .search-results-listing.grid-view article:nth-of-type(n),
  #listings.grid-view article:nth-of-type(n),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(n) {
    clear: none;
    margin-bottom: 4%;
    margin-right: 4%;
  }
  .content-hub-listings.grid-view article:nth-of-type(2n),
  .search-results-listing.grid-view article:nth-of-type(2n),
  #listings.grid-view article:nth-of-type(2n),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(2n) {
    margin-right: 0;
  }
  .content-hub-listings.grid-view article:nth-of-type(2n+1),
  .search-results-listing.grid-view article:nth-of-type(2n+1),
  #listings.grid-view article:nth-of-type(2n+1),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(2n+1) {
    clear: both;
  }
}
@media (max-width: 768px) {
  .content-hub-listings.grid-view article,
  .search-results-listing.grid-view article,
  #listings.grid-view article,
  .content-hub-listings .secondary-hub-articles article {
    width: 31.33333%;
  }
  .content-hub-listings.grid-view article:nth-of-type(n),
  .search-results-listing.grid-view article:nth-of-type(n),
  #listings.grid-view article:nth-of-type(n),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(n) {
    clear: none;
    margin-bottom: 3%;
    margin-right: 3%;
  }
  .content-hub-listings.grid-view article:nth-of-type(3n),
  .search-results-listing.grid-view article:nth-of-type(3n),
  #listings.grid-view article:nth-of-type(3n),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(3n) {
    margin-right: 0;
  }
  .content-hub-listings.grid-view article:nth-of-type(3n+1),
  .search-results-listing.grid-view article:nth-of-type(3n+1),
  #listings.grid-view article:nth-of-type(3n+1),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(3n+1) {
    clear: both;
  }
}
@media (max-width: 576px) {
  .content-hub-listings.grid-view article,
  .search-results-listing.grid-view article,
  #listings.grid-view article,
  .content-hub-listings .secondary-hub-articles article {
    width: 47.5%;
  }
  .content-hub-listings.grid-view article:nth-of-type(n),
  .search-results-listing.grid-view article:nth-of-type(n),
  #listings.grid-view article:nth-of-type(n),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(n) {
    clear: none;
    margin-bottom: 5%;
    margin-right: 5%;
  }
  .content-hub-listings.grid-view article:nth-of-type(2n),
  .search-results-listing.grid-view article:nth-of-type(2n),
  #listings.grid-view article:nth-of-type(2n),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(2n) {
    margin-right: 0;
  }
  .content-hub-listings.grid-view article:nth-of-type(2n+1),
  .search-results-listing.grid-view article:nth-of-type(2n+1),
  #listings.grid-view article:nth-of-type(2n+1),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(2n+1) {
    clear: both;
  }
}
@media (max-width: 480px) {
  .content-hub-listings.grid-view article,
  .search-results-listing.grid-view article,
  #listings.grid-view article,
  .content-hub-listings .secondary-hub-articles article {
    width: 100%;
  }
  .content-hub-listings.grid-view article:nth-of-type(n),
  .search-results-listing.grid-view article:nth-of-type(n),
  #listings.grid-view article:nth-of-type(n),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(n) {
    clear: none;
    margin-bottom: 5%;
    margin-right: 0%;
  }
  .content-hub-listings.grid-view article:nth-of-type(1n),
  .search-results-listing.grid-view article:nth-of-type(1n),
  #listings.grid-view article:nth-of-type(1n),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(1n) {
    margin-right: 0;
  }
  .content-hub-listings.grid-view article:nth-of-type(1n+1),
  .search-results-listing.grid-view article:nth-of-type(1n+1),
  #listings.grid-view article:nth-of-type(1n+1),
  .content-hub-listings .secondary-hub-articles article:nth-of-type(1n+1) {
    clear: both;
  }
}
.content-hub-listings.grid-view article:nth-of-type(3n+4),
.search-results-listing.grid-view article:nth-of-type(3n+4),
#listings.grid-view article:nth-of-type(3n+4),
.content-hub-listings .secondary-hub-articles article:nth-of-type(3n+4) {
  margin-left: 0;
  clear: left;
}
.content-hub-listings.grid-view article .image-text-group-a,
.search-results-listing.grid-view article .image-text-group-a,
#listings.grid-view article .image-text-group-a,
.content-hub-listings .secondary-hub-articles article .image-text-group-a {
  max-width: 100%;
  width: 100%;
}
.content-hub-listings.grid-view article .image-text-group-b,
.search-results-listing.grid-view article .image-text-group-b,
#listings.grid-view article .image-text-group-b,
.content-hub-listings .secondary-hub-articles article .image-text-group-b {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 15px;
}
.content-hub-listings .image-text-group-a.hide-element,
.search-results-listing .image-text-group-a.hide-element,
#listings .image-text-group-a.hide-element {
  display: none;
}
.content-hub-listings .image-text-group-b.no-article-image,
.search-results-listing .image-text-group-b.no-article-image,
#listings .image-text-group-b.no-article-image {
  margin: 0;
  max-width: 100%;
}
.content-hub-listings .ad-slot-internal,
.search-results-listing .ad-slot-internal,
#listings .ad-slot-internal {
  clear: both;
  width: 100%;
  flex-basis: 100%;
}
.content-hub-listings .ad-slot-internal:empty,
.search-results-listing .ad-slot-internal:empty,
#listings .ad-slot-internal:empty {
  flex-basis: 0;
}

html.ie-11-flexbox #listings.grid-view article .image-text-group-b, html.ie-11-flexbox .content-hub-listings .secondary-hub-articles article .image-text-group-b, .content-hub-listings html.ie-11-flexbox .secondary-hub-articles article .image-text-group-b {
  height: auto;
}

/**************************************************************************************************************/
/* LISTING PAGINATION START */
/**************************************************************************************************************/
.content .pagination {
  float: none;
  padding: 7px 0 8px;
  margin: 1em 0 1em;
  line-height: 1.6;
  text-align: center;
  width: 100%;
  clear: both;
  font-size: 1.1em;
  font-weight: 200;
}

.pagination span.current {
  border-radius: 2px;
  color: #fff;
  display: inline;
  padding: 4px 10px;
  margin: 0 4px;
  background-color: #1e67bb;
}

.pagination span.disabled {
  display: none;
}

.pagination a {
  padding: 4px 10px;
  margin: 0 4px;
  text-decoration: none;
  text-align: center;
}

.pagination.pagination-holder a {
  transition: background-color 0.5s ease;
  color: #fff;
  border-radius: 2px;
  background-color: #168bcd;
}

.pagination.pagination-holder a:hover {
  background-color: #fec128;
}

.pagination .disabled {
  color: #cfcfcf;
}

.pagination .prev_page,
.pagination .next_page {
  color: #333;
  padding: 0 17px 0 17px;
  margin: 0;
}

.no-svg .pagination .prev_page,
.no-svg .pagination .next_page {
  background-image: url("../images/site-sprite.png");
}

.svg .pagination .prev_page,
.svg .pagination .next_page {
  background-image: url("../images/site-sprite.png");
  background-image: url("../images/site-sprite.svgz");
}

.pagination a.prev_page,
.pagination a.next_page {
  width: 32px;
  height: 32px;
  display: inline-block;
  padding: 0px;
  margin: 0 4px;
  background-color: #fff;
  vertical-align: bottom;
  opacity: 0.5;
  transition: opacity 0.5s ease;
}

.pagination a.prev_page:hover,
.pagination a.next_page:hover {
  opacity: 1;
  background-color: #fff;
}

.no-svg .pagination .next_page,
.svg .pagination .next_page {
  background-position: -254px -326px;
  background-position: calc(-2px + 7*-36px) calc(-2px + 9*-36px);
}

.no-svg .pagination .prev_page,
.svg .pagination .prev_page {
  background-position: -218px -326px;
  background-position: calc(-2px + 6*-36px) calc(-2px + 9*-36px);
}

/**************************************************************************************************************/
/* LISTING PAGINATION END */
/**************************************************************************************************************/
.sidebar .popular-articles .section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.sidebar .popular-articles .section article {
  width: 100%;
}
.sidebar .popular-articles .section article h5 {
  margin: 0;
}

/* -------------- Series Timeline -------------- */
.series-timeline .series-timeline-indicator {
  width: 30px;
  height: 70%;
  margin: 0 20px 0 0;
  float: right;
}
.series-timeline .series-timeline-indicator .series-timeline-indicator-top {
  width: 20px;
  height: 20px;
  background-color: #004185;
  border-radius: 50%;
  margin: 15px auto 0 auto;
  display: block;
  clear: both;
}
.series-timeline .series-timeline-indicator .series-timeline-indicator-line {
  margin: 0 14px;
  width: 2px;
  height: 100%;
  background-color: #ccc;
  position: absolute;
}

.article-series .article-col .article-meta-details {
  margin-bottom: 5%;
}
.article-series .article-col .listings-article-title {
  clear: both;
}
.article-series .article-col .more-link {
  font-size: 1em;
  margin: 0.4em 0 0 0;
}
.article-series .article-col .more-link.more-link-left {
  float: left;
}
.article-series .article-col .article-col .more-link .more-icon {
  margin: 0.2em 0 0 0.4em;
}
.article-series .col {
  margin-top: 0;
  margin-bottom: 0;
}
.article-series .image-text-group-b.no-article-image {
  padding-top: 2%;
  padding-bottom: 2%;
}
.article-series .article-meta-details li:first-child {
  font-weight: bold;
  color: #022248;
  font-size: 1.25em;
}

.article-series .list-view .image-text-group-b.no-article-image,
.article-series .image-text-group-b.no-article-image {
  width: 100%;
}

/* -------------- Series Blog - ribbons -------------- */
.series-ribbon {
  text-align: center;
}
.series-ribbon img {
  width: 100%;
}

/* -------------- Series Profile -------------- */
#profile_listings {
  /* Standard set up and List view */
  /* Grid view with side bar */
}
#profile_listings.list-view {
  margin-right: 0;
  float: left;
  width: 100%;
}
#profile_listings.list-view article.col {
  margin-left: 0;
}
#profile_listings.list-view p {
  margin-bottom: 0;
}
#profile_listings h2 {
  margin: 0 0 0.3em 0;
}
#profile_listings p {
  margin: 0 0 0.3em 0;
  font-size: 0.9em;
}
#profile_listings article:nth-of-type(1) {
  border-top: none;
}
#profile_listings.list-view article {
  border-top: 1px solid #ccc;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 4px;
}
#profile_listings .article-meta-details, #profile_listings article .article-meta-above-title {
  display: none;
}
#profile_listings.list-view .span_4_of_4 .image-text-group-b .listings-article-title {
  font-size: 1.2;
  line-height: 1.24;
}
#profile_listings.grid-view p {
  margin-bottom: 0;
}
#profile_listings.grid-view {
  clear: both;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
#profile_listings.grid-view article {
  margin-bottom: 8px;
}
#profile_listings.grid-view .span_4_of_4 {
  width: 32.26%;
  padding: 0;
  position: relative;
  border-top: 1px solid #ccc;
}
#profile_listings.grid-view .col {
  margin-left: 1.5%;
}
#profile_listings.grid-view .col:first-child {
  margin-left: 0;
}
#profile_listings.grid-view .image-text-group-a {
  width: 100%;
  max-width: 100%;
}
#profile_listings.grid-view .image-text-group-b.no-article-image {
  margin-left: 4%;
  margin-top: 4%;
}
#profile_listings.grid-view .image-text-group-b {
  width: 100%;
  max-width: 100%;
}
#profile_listings.grid-view .span_4_of_4 .image-text-group-b {
  margin-left: 0;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 12px;
  box-sizing: border-box;
}
#profile_listings.grid-view .span_4_of_4 .image-text-group-b .listings-article-title {
  font-size: 1.2;
  line-height: 1.24;
}
#profile_listings.grid-view div[id*=otdm-]:empty {
  margin: 0;
  padding: 0;
  width: 0;
  clear: none;
}
#profile_listings.grid-view img {
  width: 100%;
  max-width: 100%;
  margin: 0px;
}
#profile_listings.grid-view p {
  margin-top: -2px;
  margin-bottom: 30px;
}
html.no-flexbox #profile_listings.grid-view {
  display: block;
}
html.no-flexbox #profile_listings.grid-view {
  display: block;
}

/* Grid view full width - 5 grid layout */
.content-full-width #profile_listings.grid-view .span_4_of_4 {
  width: 18.8%;
  margin: 0;
}
.content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(n) {
  clear: none;
  margin-bottom: 1.5%;
  margin-right: 1.5%;
}
.content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(5n) {
  margin-right: 0;
}
.content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(5n+1) {
  clear: both;
}
@media (max-width: 970px) {
  .content-full-width #profile_listings.grid-view .span_4_of_4 {
    width: 23.875%;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(n) {
    clear: none;
    margin-bottom: 1.5%;
    margin-right: 1.5%;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(4n) {
    margin-right: 0;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(4n+1) {
    clear: both;
  }
}
@media (max-width: 768px) {
  .content-full-width #profile_listings.grid-view .span_4_of_4 {
    width: 32.33333%;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(n) {
    clear: none;
    margin-bottom: 1.5%;
    margin-right: 1.5%;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(3n) {
    margin-right: 0;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(3n+1) {
    clear: both;
  }
}
@media (max-width: 576px) {
  .content-full-width #profile_listings.grid-view .span_4_of_4 {
    width: 49.25%;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(n) {
    clear: none;
    margin-bottom: 1.5%;
    margin-right: 1.5%;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(2n) {
    margin-right: 0;
  }
  .content-full-width #profile_listings.grid-view .span_4_of_4:nth-of-type(2n+1) {
    clear: both;
  }
}
.content-full-width #profile_listings.grid-view .span_4_of_4 .image-text-group-a {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: #ccc;
}

.profile-series-fullwidth .select-header,
.profile-series-fullwidth .listing-introduction,
.profile-series-fullwidth .numerical-nav-top {
  margin: 0;
  padding: 0.8em;
  margin-right: 320px;
}
@media (max-width: 960px) {
  .profile-series-fullwidth .select-header,
  .profile-series-fullwidth .listing-introduction,
  .profile-series-fullwidth .numerical-nav-top {
    margin-right: 0;
    width: auto;
  }
}
.profile-series-fullwidth .listing-introduction {
  padding-left: 0;
}

.profile-sidebar {
  margin-right: 0px;
  margin-top: -99px;
}

#profile_listings p.profile-description {
  margin-top: 20px;
}

/* Hover info on grid view */
#profile_listings.grid-view .profile-hover {
  margin: 0px;
  color: #fff;
  background-color: #000;
  font-size: 0.75rem;
  background-color: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#profile_listings.grid-view .profile-hover h5,
#profile_listings.grid-view .profile-hover p.profile-info {
  padding: 6px;
  color: #fff;
  margin-bottom: 0;
  font-size: 1.6em;
}

#profile_listings.grid-view .profile-hover.active-profile-hover p.profile-info {
  font-size: 1em;
  font-weight: 600;
  visibility: visible;
  opacity: 1;
  display: block;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

#profile_listings.grid-view .profile-hover p.profile-info,
#profile_listings.grid-view .image-text-group-b {
  display: none;
  opacity: 0;
  visibility: hidden;
}

#profile_listings.grid-view .image-text-group-b.no-article-image {
  display: block;
  opacity: 1;
  visibility: visible;
}

#profile_listings.grid-view .image-text-group-b.no-article-image p.profile-description {
  display: none;
}

/* Hover info on list view */
#profile_listings.list-view .profile-hover {
  display: none;
}

/* Rank - number display properties */
#profile_listings .profile-rank {
  display: none;
  visibility: hidden;
  margin: 0px;
  background-color: #1f62a8;
  background-color: #1f62a8;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 44px;
  height: 44px;
  text-align: center;
  border-radius: 22px;
}

#profile_listings .profile-rank p {
  padding-top: 11px;
  color: #fff;
  font-weight: 800;
  font-size: 1.25em;
}

/* fixes added for list view rank and image display - REVIEW THIS */
#profile_listings.list-view .profile-rank {
  position: relative;
  display: inline-block;
  top: 7px;
  z-index: 1;
}

#profile_listings.list-view img {
  position: relative;
  top: -40px;
}

#profile_listings.list-view img.profile-no-rank {
  top: 0px;
}

/* Numerical list navigation - duplicate of aplha-list-nav */
ul.numerical-list-nav {
  padding: 0;
  width: auto;
  height: 36px;
  float: left;
  overflow: hidden;
  background-color: transparent;
}

.numerical-nav-top {
  position: relative;
  bottom: -20px;
}

.profile-sidebar + .numerical-nav-top {
  bottom: -90px;
  position: relative;
}

.profile-series.profile-series-fullwidth .profile-sidebar + .numerical-nav-top {
  bottom: 0px;
  margin-right: 0px;
}

.profile-sidebar:empty + .numerical-nav-top {
  position: relative;
  bottom: -20px;
}

.numerical-nav-bottom ul.numerical-list-nav {
  margin-bottom: 20px;
}

ul.numerical-list-nav li {
  display: table-cell;
  float: left;
  margin: 0 1px 0 0;
  padding: 0;
  text-align: center;
  width: 65px;
  height: 36px;
  font-weight: 600;
}

ul.numerical-list-nav li p {
  background-color: #01326A;
  color: #FFF;
  padding: 6px 0;
}

ul.numerical-list-nav li a {
  padding: 6px 0;
  margin: 0;
  display: block;
}

ul.numerical-list-nav li a:hover {
  color: #FFF;
  background-color: #fec128;
}

@media (max-width: 768px) {
  ul.numerical-list-nav {
    text-align: center;
    float: none;
    margin-bottom: 5px;
  }
  ul.numerical-list-nav li {
    float: none;
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .numerical-nav-top .select-header-options {
    margin-top: 0;
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
  }
  .numerical-nav-top .select-header-options .select-view {
    float: none;
    display: inline-block;
    margin: 8px;
  }
}

.author-card-main {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 auto 20px;
}
@media (max-width: 768px) {
  .author-card-main .col {
    float: left;
    width: 100%;
  }
  .author-card-main .col:first-child {
    text-align: center;
  }
  .author-card-main .col:first-child img {
    max-width: 200px;
    margin: 0 auto;
  }
  .author-card-main .col:nth-of-type(2) {
    text-align: center;
  }
}
.author-card-main .author-name {
  display: none;
  width: 0%;
  float: left;
}
.author-card-main .author-details {
  width: 60%;
  padding: 0 0 3% 3%;
  float: left;
}
.author-card-main .author-details h2 {
  width: 90%;
  margin-bottom: 0.5em;
  padding: 3% 0 0 3%;
}
.author-card-main .author-bio p {
  padding: 0;
  margin-top: 0;
}
.author-card-main img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
  margin: 0 0 0 5%;
}
.author-card-main h4 {
  width: 100%;
  margin: 0;
  padding: 3px 0 3px;
  line-height: 1.5;
  font-size: 1.4em;
  color: #022248;
  font-weight: bold;
}
.author-card-main p {
  width: 90%;
  margin-bottom: 0.2em;
}
@media (max-width: 768px) {
  .author-card-main p {
    width: 100%;
  }
}
.author-card-main p.author-jobtitle {
  font-weight: bold;
  margin-bottom: 0px;
  color: #168bcd;
}
.author-card-main p.author-bio {
  margin: 0;
}
.author-card-main p.list-title {
  font-weight: bold;
  margin: 0 0 20px 0px;
  display: block;
  clear: both;
  float: left;
  width: 100%;
  color: #168bcd;
}
@media (max-width: 768px) {
  .author-card-main p.list-title {
    margin-left: 0;
    text-align: center;
    margin-top: 40px;
  }
}
.author-card-main .author-jobtitle {
  margin: 0 0 1rem;
}
@media (max-width: 768px) {
  .author-card-main ul.social-list {
    text-align: center;
  }
}
.author-card-main ul.social-list li {
  display: block;
  width: 100%;
  line-height: 27px;
  line-height: 1.7em;
  margin-bottom: 10px;
}
.author-card-main ul.social-list li a {
  color: #01326A;
}
.author-card-main ul.social-list li a:hover {
  color: #fec128;
}
@media (max-width: 768px) {
  .author-card-main ul.social-list li {
    width: initial;
    margin-right: 20px;
    display: inline-block;
    float: none;
  }
}

/* Secondary author styles */
.author-card {
  width: 94%;
  background-color: #eee;
  margin: 1em 0;
  padding: 3%;
  float: none;
  clear: both;
  display: block;
}
.author-card .author-details p:nth-of-type(2) {
  padding: 0 0 3% 3%;
}
.author-card .author-image {
  width: 30%;
  padding: 3% 0;
  display: inline-block;
}
.author-card .author-image img {
  width: 100%;
  border-radius: 50%;
  margin: 0;
}

#loading {
  z-index: 5001;
}

.search-interface-wrapper {
  float: left;
  width: 100%;
}

.search-interface-wrapper .search-page-interface header h1 {
  margin: 20px 1px 15px;
}

.search-field-interface {
  background-color: #eee;
  padding: 10px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
}

.search-interface-simple {
  border: 1px solid #bababa;
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
  margin-top: 5px;
}

.search-interface-simple::before {
  content: " ";
  background: url("../images/site-sprite.svgz");
  background-position: 0px -756px;
  background-position: calc(0*-36px) calc(21*-36px);
  height: 36px;
  display: block;
  width: 36px;
  position: absolute;
  top: 5px;
}

.search-interface-simple input[type=text] {
  background: transparent;
  border: none;
  width: 100%;
  margin: 0;
  border-radius: 0;
  box-sizing: border-box;
  padding: 10px 14px;
  padding-left: 40px;
  font-size: 22px;
}

.search-interface-simple input[type=text]:focus {
  outline: 1px;
}

.refine-search-toggle {
  float: left;
  padding: 10px 7px 0 3px;
  color: #4a4b5b;
  margin-top: 15px;
  font-size: 15px;
  font-family: 'Source_sans', Arial, sans-serif;
  cursor: pointer;
  font-weight: bold;
}

.refine-search-toggle.selected {
  border-bottom: 5px solid rgba(255, 255, 255, 0.6);
}

.refine-search-toggle::before {
  content: "";
  float: left;
  margin-right: 6px;
  margin-top: 1px;
  margin-bottom: 4px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  background-image: none;
  transition: color 0.5s ease, border 0.5s ease;
  width: 18px;
  height: 18px;
  background-image: url(../images/site-sprite.svgz);
  background-position: -225px -765px;
  background-position: calc(-9px + 6*-36px) calc(-9px + 21*-36px);
}

.refine-search-toggle::after {
  content: "";
  float: right;
  margin-left: 8px;
  margin-top: 8px;
  width: 13px;
  height: 13px;
  opacity: 0.5;
  cursor: pointer;
  background-image: none;
  transition: color 0.5s ease, border 0.5s ease;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6.5px 0 6.5px;
  border-color: #555 transparent transparent transparent;
  line-height: 0px;
  _border-color: #555 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.refine-search-toggle.selected::after {
  margin-top: 8px;
  opacity: 1;
  transition: color 0.5s ease, border 0.5s ease;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.5px 7px 6.5px;
  border-color: transparent transparent #fff transparent;
  line-height: 0px;
  _border-color: #000000 #000000 #fff #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

body.no-js.refine-search-options {
  display: block;
}

.refine-search-options {
  display: none;
  width: 100%;
  clear: both;
  background-color: #01326A;
  margin-left: -10px;
  padding: 10px;
  float: left;
}

.search-field-interface select,
.search-field-interface option,
.search-field-interface label {
  color: #000;
}

.refine-search-options .col {
  margin-top: 0;
}

.refine-search-options label {
  margin-bottom: 5px;
  float: left;
  font-size: 15px;
  font-family: 'Source_sans', Arial, sans-serif;
  font-weight: bold;
  color: #fff;
}

.refine-search-options select {
  clear: both;
  display: block;
  width: 100%;
  padding: 5px 5px;
  border: none;
  border-radius: 2px;
}

.search-field-interface button.search-submit {
  -webkit-appearance: none;
  margin-top: 0px;
  padding: 15px;
  transition: all 0.4s;
  cursor: pointer;
  background-color: #01326A;
  color: #FFF;
  margin: 16px 5px 6px;
  padding: 10px 51px;
  border-radius: 1px;
  font-size: 17px;
  letter-spacing: 0.5px;
  margin-right: 0;
  float: right;
  border: none;
}
.search-field-interface button.search-submit:hover {
  background-color: #fec128;
  color: #FFF;
}

.search-results-sort {
  float: left;
  margin-top: 24px;
  padding-right: 15px;
}

.sortbyrange,
.sortbydate {
  float: left;
  font-size: 14px;
  font-family: 'Source_sans', Arial, sans-serif;
  font-weight: bold;
}

.sortbyrange {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 2px solid #808080;
}

.sortby-option {
  cursor: pointer;
  cursor: hand;
  font-family: 'Source_sans', Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.sortby-selected {
  text-decoration: underline;
}

.sortby-selected a {
  color: #132e35;
}

/* NO RESULTS */
.no-search-results-wrapper .helper-messaging {
  margin: 5% auto;
}

.helper-messaging {
  text-align: center;
  width: 90%;
  margin: 20px 5%;
  clear: both;
}

.message-box-alert {
  color: #fff;
  font-size: 18px;
  line-height: 1.65em;
  padding: 14px 2px;
  border-radius: 0px;
  background-color: #01326A;
  box-sizing: border-box;
}

.message-box-alert button.search-submit {
  -webkit-appearance: none;
  margin-top: 0px;
  padding: 15px;
  transition: all 0.4s;
  cursor: pointer;
  background-color: #01326A;
  color: #FFF;
  margin: 10px 5px 6px;
  padding: 4px 37px;
  font-size: 16px;
  letter-spacing: 0.5px;
  border: none;
  font-family: 'Source_sans', Arial, sans-serif;
  font-weight: bold;
}
.message-box-alert button.search-submit:hover {
  background-color: #fec128;
  color: #FFF;
}

/* SEARCH STATICS - BEST BETS */
/* SEARCH LISTING BLOCKS */
.search-results-listing {
  clear: both;
  margin-top: 20px;
  float: left;
}

.homepage-content .content .search-results-listing header h4 {
  letter-spacing: 0.1em;
  text-align: left;
  padding: 0;
}

.search-results-listing article {
  width: 100%;
}

.search-results-listing article .listings-article-title {
  line-height: 1.3em;
}

.search-results-listing .image-text-group-a {
  max-width: 25%;
  margin: 0 2.5% 0 0%;
}
.search-results-listing .image-text-group-b {
  max-width: 72%;
  margin: 0%;
}

.search-results-listing article {
  margin-left: 0;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.search-results-listing article.span_2_of_4 {
  padding: 12px;
}

.search-results-listing article p {
  line-height: 1.5;
}

.search-results-listing article img {
  width: 100%;
  float: left;
}

.search-best-bets {
  box-sizing: border-box;
  clear: both;
  width: 100%;
  border: none;
  padding: 0;
  background-color: #FFF5CB;
  border: 1px solid #DADADA;
  padding: 10px 15px 0px 15px;
  margin: 5px 0 15px 0;
}

ul.best-bet-link {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  color: #666;
  font-size: 0.8em;
  text-transform: uppercase;
  text-decoration: underline;
  margin: 5px 0px;
  width: 100%;
}

ul.best-bet-link li {
  float: left;
  text-decoration: underline;
}

ul.best-bet-link li.hide-best-bet-suggestion {
  float: right;
}

.highlight {
  background-color: #ffedc0;
  padding: 2px 6px;
  border-radius: 3px;
  color: #000;
}

.ajax_search .main-content > img {
  width: initial;
}

/**************************************************************************************************************/
/* EVENTS LISTING PAGE START */
/**************************************************************************************************************/
.events-header h1 {
  margin: 6px 0 15px 0;
  line-height: 1.2em;
}

.about-events {
  margin-bottom: 12px;
}

.about-events video {
  margin: 0 10%;
}

/* Events filter */
.events-filter {
  margin-bottom: 20px;
  margin-left: 8px;
}

.events-filter-header .events-filter-header-link {
  float: right;
  cursor: pointer;
  width: 17%;
  padding: 5px 5px 5px 10px;
  background-color: #f26424;
  color: #fff;
  font-weight: 700;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-radius: 5px;
  font-size: 0.85em;
  text-indent: 5px;
  margin-bottom: 20px;
}
.events-filter-header .events-filter-header-link.filter-open {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 0;
}

.events-filter-header .events-filter-header-link::before {
  width: 17px;
  height: 16px;
  background-image: url("../images/site-sprite.svgz");
  background-position: calc( -11px + 7*-36px) calc(-12px + 2*-36px);
  opacity: 1;
  content: "";
  float: left;
}

.no-svg .events-filter-header .events-filter-header-link::before {
  background-image: url("../images/site-sprite.png");
}

.events-filter-header .events-filter-header-link.filter-open::before {
  background-position: calc( -11px + 6*-36px) calc(-9px + 2*-36px);
}

.events-filter-section .group {
  background-color: #fff;
  box-shadow: 0px 2px 9px #ccc;
  border-top: 1px solid #01326A;
  box-sizing: border-box;
  margin-bottom: 0px;
}

.events-filter-section .group:nth-of-type(1) {
  /* display:none; */
}

.events-filter-section .span_2_of_4 {
  width: 33%;
  margin-left: 0px;
}

.events-filter-section .span_2_of_4 .col-inner {
  padding: 8px 0;
}

.events-filter-section .span_2_of_4:nth-of-type(1) .col-inner {
  padding-left: 40px;
}

.event-filter-type {
  width: auto;
  display: inline-block;
}

.event-filter-type .filter-name {
  font-size: 0.9em;
  line-height: 1.4;
  color: #01326A;
  font-weight: 600;
  display: inline;
  margin: 2px 20px 2px 3px;
}

.col.events-filter-footer {
  width: 32.35%;
}

.col.events-filter-footer a.btn {
  font-weight: 700;
  margin: 3px 0;
  float: left;
  display: inline-block;
  width: auto;
}
.col.events-filter-footer a.btn#clear_event_filter {
  background-color: #888;
}

.col.events-filter-footer a.btn:nth-of-type(1) {
  margin-right: 1px;
}

.event.filtered-on {
  display: block;
}

.event.filtered-off {
  display: none;
}

.no-events-message {
  display: none;
  margin-bottom: 20px;
  margin-left: 8px;
}

/* Event listing block -------------- */
.event-details .image-text-group-a {
  float: right;
  margin: 0 2% 0 2%;
}

.event-details .image-text-group-b {
  float: left;
  margin: 0;
}

.event-details .image-text-group-a img {
  max-width: 100%;
}

@media (max-width: 768px) {
  .event-details .listings-article-title {
    font-size: 1.4em;
  }
  .event-details .image-text-group-a {
    display: none;
  }
  .event-details .image-text-group-b {
    width: 100%;
    max-width: 100%;
  }
}
.event-details {
  border-top: 1px dotted #8e8e8e;
  margin-bottom: 18px;
  float: left;
  padding: 0;
  width: 100%;
}

.content .event-details h2 {
  padding: 0;
  margin: 1% 0;
  background-image: none;
}

.event-details .listings-article-title {
  padding: 0;
  margin: 1% 0;
  background-image: none;
}

.content .event-details li {
  background: none;
  position: relative;
}

.no-svg .event-details li::before {
  background-image: url("../images/site-sprite.png");
}

.event-details li::before {
  background-image: url("../images/site-sprite.svgz");
}

.content .event-details .location::before {
  content: "";
  width: 26px;
  height: 36px;
  display: inline-block;
  position: absolute;
  left: -2px;
  top: -8px;
  background-position: -144px -828px;
  background-position: calc(-10px + 6*-36px) calc( 23*-36px);
}

.content .event-details .dateline {
  padding-left: 20px;
}

.content .event-details .dateline::before {
  content: "";
  width: 26px;
  height: 36px;
  display: inline-block;
  position: absolute;
  left: -2px;
  top: -6px;
  background-position: -144px -792px;
  background-position: calc(-10px + 4*-36px) calc( 22*-36px);
}

.about-events .col.span_2_of_4:first-of-type {
  margin-left: 0;
}

.about-events .span_2_of_4 img {
  width: 100%;
  height: auto;
}

.content .event-list-view section:nth-of-type(1) {
  border-top: none;
}

.content .dateline,
.content .location {
  font-size: 1rem;
  color: #333;
  width: auto;
  display: block;
}

.event-data {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.content .event-data li,
.content .event-data .dateline {
  width: auto;
  margin: 0 3% 0 0;
  display: inline-block;
}

.event-data li p,
.event-data li time {
  color: #555;
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0 0 0.5em 0;
  padding: 0;
}

.content .event-details .dateline,
.content .event-details .location,
.content .event-details .type {
  min-height: 35px;
  margin: 0;
  padding: 3px 7px 0 18px;
  display: inline-block;
  width: auto;
}

.btn.event-info {
  float: left;
  width: auto;
  transition: background-color 0.5s ease;
}

.btn.event-info a {
  color: #fff;
}

article.event-details {
  background-color: #fff;
  box-shadow: 0px 2px 9px #ccc;
  border-top: 1px solid #01326A;
  padding: 12px 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

/* Event early bird banner */
.early-bird-banner {
  float: left;
  width: auto;
  padding: 9px;
  background-color: #eee;
  font-size: 0.8em;
  margin-left: 2em;
  margin-top: 0;
}

.early-bird-time {
  background: #fec128;
  color: #fff;
  padding: 2px 6px;
  margin-left: 4px;
  border-radius: 3px;
}

.event-list-view {
  margin-left: 8px;
}

/* Event RHC components ------- */
/* Follow social list styles */
ul.social-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.social-list li {
  float: left;
  margin: 0 0 1em 0;
  padding: 0;
  cursor: pointer;
  line-height: 1.2;
  width: 49%;
}

ul.social-list li a {
  float: left;
  margin-left: 5px;
}

.no-svg ul.social-list li::before {
  background-image: url("../images/site-sprite.png");
}

ul.social-list li::before {
  background-image: url("../images/site-sprite.svgz");
  content: "";
  float: left;
  text-decoration: none;
  width: 24px;
  height: 24px;
  display: block;
}

ul.social-list li.twitter::before {
  background-position: -114px -42px;
  background-position: calc(-6px + 2*-36px) calc(-6px + 1*-36px);
}

ul.social-list li.facebook::before {
  background-position: -114px -42px;
  background-position: calc(-6px + 2*-36px) calc(-6px + 2*-36px);
}

ul.social-list li.flickr::before {
  background-position: -72 -252px;
  background-position: calc(-6px + 2*-36px) calc(-6px + 7*-36px);
}

ul.social-list li.googleplus::before {
  background-position: -114px -42px;
  background-position: calc(-6px + 2*-36px) calc(-6px + 4*-36px);
}

ul.social-list li.linkedin::before {
  background-position: -114px -42px;
  background-position: calc(-6px + 2*-36px) calc(-6px + 3*-36px);
}

ul.social-list li.rss::before {
  background-position: -72 -252px;
  background-position: calc(-6px + 2*-36px) calc(-6px + 13*-36px);
}

/* Newsletter:Start */
/* generic sidebar box */
.sidebar .box {
  float: left;
  width: 100%;
  background: #eee;
  margin: 0 0 1em;
  padding: 0;
}

.sidebar .box-inner {
  margin: 0 8px 8px 8px;
  padding: 0;
}

.sidebar .box-inner:after {
  content: "";
  float: right;
  margin-top: -80px;
  background-image: url("../images/email-image.png");
  width: 100px;
  height: 100px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* newsletter sidebar box */
.sidebar .box.newsletter {
  border-radius: 0.3em;
}

.sidebar .box.newsletter .box-inner {
  margin: 6px;
}

.sidebar .box.newsletter p {
  width: 80%;
  display: block;
  height: auto;
  margin: 0 0 1em 0;
}

.sidebar .box.newsletter .btn {
  width: auto;
}

/* Newsletter:end */
.sidebar p.events-twitter-feed {
  clear: both;
}

/* Event team component  */
article.personnel,
.team-header {
  width: 100%;
  display: block;
  float: none;
  clear: both;
  margin: 4% 0 0 0;
}

.team-header {
  border-bottom: 1px solid #e4e3e1;
  margin: 7% 0 0 0;
}

article.personnel .personnel-image {
  width: 30%;
  float: left;
  display: inline;
  margin: 0 2% 0 0;
}

article.personnel .personnel-image img {
  width: 90%;
}

h3.personnel-name,
.personnel-name {
  margin: 2% 0 0 0;
  padding: 0;
  font-weight: bold;
}

@media (max-width: 576px) {
  .component-news {
    padding-bottom: 0px;
  }
}
.component-news .section.primary-news {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .component-news .section.primary-news {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .component-news .section.primary-news {
    flex-direction: column;
  }
}
.component-news .section.primary-news .primary-news-top {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: calc( (((calc(100% - 320px) - (28px / 2)) / 3 )  * 2  ));
}
@media (max-width: 960px) {
  .component-news .section.primary-news .primary-news-top {
    width: 100%;
    flex-direction: row;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .component-news .section.primary-news .primary-news-top {
    width: 100%;
    flex-direction: row;
    margin-bottom: 20px;
  }
}
@media (max-width: 655px) {
  .component-news .section.primary-news .primary-news-top {
    flex-direction: column;
  }
}
.component-news .section.primary-news .primary-news-top .image-text-group-a {
  max-width: 100%;
}
@media (max-width: 960px) {
  .component-news .section.primary-news .primary-news-top .image-text-group-a {
    width: 50%;
    justify-content: start;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .component-news .section.primary-news .primary-news-top .image-text-group-a {
    width: 50%;
    justify-content: start;
    margin-top: 15px;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 655px) {
  .component-news .section.primary-news .primary-news-top .image-text-group-a {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
}
.component-news .section.primary-news .primary-news-top .image-text-group-b {
  padding: 10px 15px;
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 960px) {
  .component-news .section.primary-news .primary-news-top .image-text-group-b {
    width: 50%;
    margin-left: 10px;
    padding: 20px 15px;
    align-self: center;
  }
}
@media (max-width: 768px) {
  .component-news .section.primary-news .primary-news-top .image-text-group-b {
    width: 50%;
    margin-left: 10px;
    padding: 10px 15px;
  }
}
@media (max-width: 655px) {
  .component-news .section.primary-news .primary-news-top .image-text-group-b {
    width: 100%;
    margin-left: 0;
  }
}
.component-news .section.primary-news .primary-news-top .image-text-group-b h5 {
  margin: 8px 3px 16px 0px;
  font-size: 2.5em;
  padding: 0;
  line-height: 1.15;
}
@media (max-width: 960px) {
  .component-news .section.primary-news .primary-news-top .image-text-group-b h5 {
    font-size: 2em;
  }
}
@media (max-width: 576px) {
  .component-news .section.primary-news .primary-news-top .image-text-group-b h5 {
    font-size: 1.5em;
  }
}
.component-news .section.primary-news .subsidary-news {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 0;
  margin-bottom: 0;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .component-news .section.primary-news .subsidary-news {
    width: 100%;
    flex-direction: row;
  }
  .component-news .section.primary-news .subsidary-news .section {
    flex-basis: 50%;
  }
}
@media (max-width: 768px) {
  .component-news .section.primary-news .subsidary-news {
    flex-direction: column;
  }
}
.component-news .section.primary-news .subsidary-news .subsidary-news-top,
.component-news .section.primary-news .subsidary-news .subsidary-news-lower,
.component-news .section.primary-news .subsidary-news .subsidary-news-second {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top,
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second {
    flex-direction: column;
  }
}
.component-news .section.primary-news .subsidary-news .subsidary-news-top h5,
.component-news .section.primary-news .subsidary-news .subsidary-news-lower h5,
.component-news .section.primary-news .subsidary-news .subsidary-news-second h5 {
  font-size: 1.5em;
  margin-bottom: 20px;
  line-height: 1.15;
  margin-top: 0;
}
@media (max-width: 768px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top h5,
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower h5,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second h5 {
    margin-bottom: 10px;
  }
}
.component-news .section.primary-news .subsidary-news .subsidary-news-top h6,
.component-news .section.primary-news .subsidary-news .subsidary-news-lower h6,
.component-news .section.primary-news .subsidary-news .subsidary-news-second h6 {
  font-size: 1.25em;
  line-height: 1.27;
  margin: 0px 0px 20px;
  padding: 0;
}
.component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4,
.component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg.span-lrg_2_of_4,
.component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg.span-lrg_2_of_4 {
  display: flex;
  flex-direction: column;
  margin: 0;
  margin-left: 28px;
}
@media (max-width: 768px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4,
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg.span-lrg_2_of_4,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg.span-lrg_2_of_4 {
    margin-left: 14px;
  }
}
.component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4:first-child,
.component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg.span-lrg_2_of_4:first-child,
.component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg.span-lrg_2_of_4:first-child {
  margin-left: 0;
}
@media (max-width: 576px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4:first-child,
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg.span-lrg_2_of_4:first-child,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg.span-lrg_2_of_4:first-child {
    margin-bottom: 10px;
  }
}
.component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4 .col-inner,
.component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg.span-lrg_2_of_4 .col-inner,
.component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg.span-lrg_2_of_4 .col-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100%;
  padding: 8px;
}
@media (max-width: 680px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4 .col-inner,
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg.span-lrg_2_of_4 .col-inner,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg.span-lrg_2_of_4 .col-inner {
    padding: 8px 14px;
  }
}
@media (max-width: 576px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4,
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg.span-lrg_2_of_4,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg.span-lrg_2_of_4 {
    flex-direction: row;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.component-news .section.primary-news .subsidary-news .subsidary-news-top {
  margin-bottom: 20px;
}
@media (max-width: 960px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-top {
    flex-direction: row;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4 {
    flex-direction: column;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4:first-child {
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4 > a {
    padding: 0px;
    width: 100%;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4 .col-inner {
    width: 100%;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4 .col-inner h6 {
    font-size: 1.1em;
  }
}
@media (max-width: 960px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second {
    margin-left: 28px;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower:after,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #d0deec;
    margin-left: -14px;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 1px;
  }
}
@media (max-width: 768px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second {
    margin-left: 0px;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower:after,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second:after {
    content: none;
  }
}
@media (max-width: 576px) {
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second {
    flex-direction: column;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg > a,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg > a {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg .col-inner,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg .col-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .component-news .section.primary-news .subsidary-news .subsidary-news-lower .col-lrg .col-inner h6,
  .component-news .section.primary-news .subsidary-news .subsidary-news-second .col-lrg .col-inner h6 {
    font-size: 1.1em;
    margin-bottom: 0;
  }
}
@media (max-width: 576px) {
  .component-news .section.primary-news .subsidary-news .col-lrg {
    width: 100%;
    flex-direction: row;
  }
  .component-news .section.primary-news .subsidary-news .col-lrg > a {
    width: 30%;
  }
  .component-news .section.primary-news .subsidary-news .col-lrg .col-inner {
    width: 70%;
  }
}
.component-news .article-meta-details {
  margin-top: auto;
  color: #022248;
}
.component-news .article-meta-details a {
  color: #022248;
}
.component-news .article-meta-details a:hover {
  color: #022248;
}
.component-news img {
  width: 100%;
  height: auto;
}
.component-news p {
  font-size: 1.1em;
  line-height: 1.3;
  font-weight: normal;
  color: #234465;
}
.primary-news .component-news p {
  font-size: 1.3em;
}
@media (max-width: 768px) {
  .component-news p {
    font-size: 1.1em;
  }
}
.component-news .col-divider-news {
  position: relative;
}
.component-news .col-divider-news::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #d0deec;
  margin-left: -14px;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
@media (max-width: 768px) {
  .component-news .col-divider-news::after {
    content: none;
  }
}
.component-news .subsidary-news {
  margin-left: 28px;
}
@media (max-width: 960px) {
  .component-news .subsidary-news {
    margin-left: 0px;
  }
  .component-news .subsidary-news::after {
    content: none;
  }
}
.component-news .subsidary-news .span-lrg_2_of_4,
.component-news .primary-news-top {
  border-top: 0px solid #FFF;
  background-color: #f2f2f2;
  box-shadow: 0px 0px 2px 0px #f1f1f1;
  border-bottom: 1px solid #e6e6e6;
  transition: all 0.3s ease-out;
}
.component-news .subsidary-news .span-lrg_2_of_4:hover,
.component-news .primary-news-top:hover {
  background-color: #f2f2f2;
  border-top: 0px solid #fec128;
  transition: all 0.3s ease-out;
}
.component-news .subsidary-news .span-lrg_2_of_4 .article-meta-above-title,
.component-news .primary-news-top .article-meta-above-title {
  list-style: none;
  font-size: 0.8em;
  padding: 0 2px 2px 0;
  margin: 0 0 3px 0;
}
.component-news .subsidary-news .span-lrg_2_of_4 .article-meta-above-title a,
.component-news .primary-news-top .article-meta-above-title a {
  color: #1e67bb;
  letter-spacing: 0.03em;
}
.component-news .subsidary-news .span-lrg_2_of_4 .article-meta-above-title a:hover,
.component-news .primary-news-top .article-meta-above-title a:hover {
  color: #168bcd;
}
.component-news .subsidary-news .span-lrg_2_of_4 h5 a, .component-news .subsidary-news .span-lrg_2_of_4 h6 a,
.component-news .primary-news-top h5 a,
.component-news .primary-news-top h6 a {
  color: #01326A;
}
.component-news .subsidary-news .span-lrg_2_of_4 h5 a:hover, .component-news .subsidary-news .span-lrg_2_of_4 h6 a:hover,
.component-news .primary-news-top h5 a:hover,
.component-news .primary-news-top h6 a:hover {
  color: #1e67bb;
}
.component-news .subsidary-news .span-lrg_2_of_4 h5 a:visited, .component-news .subsidary-news .span-lrg_2_of_4 h6 a:visited,
.component-news .primary-news-top h5 a:visited,
.component-news .primary-news-top h6 a:visited {
  color: #4a607b;
}
.component-news .subsidary-news .span-lrg_2_of_4 h5 a:visited:hover, .component-news .subsidary-news .span-lrg_2_of_4 h6 a:visited:hover,
.component-news .primary-news-top h5 a:visited:hover,
.component-news .primary-news-top h6 a:visited:hover {
  color: #1e67bb;
}
.component-news .primary-news-top {
  background-color: #f2f2f2;
}
.component-news .primary-news-top:hover {
  background-color: #f2f2f2;
}
.component-news .primary-news-top h5 a, .component-news .primary-news-top h6 a {
  color: #01326A;
}
.component-news .primary-news-top h5 a:hover, .component-news .primary-news-top h6 a:hover {
  color: #1e67bb;
}
.component-news .primary-news-top h5 a:visited, .component-news .primary-news-top h6 a:visited {
  color: #4a607b;
}
.component-news .primary-news-top h5 a:visited:hover, .component-news .primary-news-top h6 a:visited:hover {
  color: #1e67bb;
}
.component-news .primary-news-top p {
  color: #234465;
}
.component-news .primary-news-top .article-meta-above-title a {
  color: #1e67bb;
}
.component-news .primary-news-top .article-meta-above-title a:hover {
  color: #168bcd;
}
.component-news .primary-news-top .article-meta-details {
  color: #01326A;
}
.component-news .primary-news-top .article-meta-details a {
  color: #01326A;
}
.component-news .primary-news-top .article-meta-details a:hover {
  color: #1e67bb;
}

.no-flexbox .component-news .section.primary-news .subsidary-news,
.no-flexbox .component-news .section.primary-news .primary-news-top {
  display: block;
  float: left;
  width: 50%;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
}
.no-flexbox .component-news .section.primary-news .primary-news-top {
  width: calc( ((calc(100% - 320px) / 3 )  * 2  ) - 7px);
}
@media (max-width: 960px) {
  .no-flexbox .component-news .section.primary-news .primary-news-top {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
  }
}
.no-flexbox .component-news .section.primary-news .primary-news-top .image-text-group-a {
  max-width: 100%;
}
@media (max-width: 960px) {
  .no-flexbox .component-news .section.primary-news .primary-news-top .image-text-group-a {
    width: 50%;
    display: block;
    float: left;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .no-flexbox .component-news .section.primary-news .primary-news-top .image-text-group-a {
    width: 50%;
  }
}
@media (max-width: 655px) {
  .no-flexbox .component-news .section.primary-news .primary-news-top .image-text-group-a {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
}
.no-flexbox .component-news .section.primary-news .primary-news-top .image-text-group-b {
  padding: 10px 15px;
  max-width: 100%;
  margin: 0;
  height: 100%;
  display: block;
}
@media (max-width: 960px) {
  .no-flexbox .component-news .section.primary-news .primary-news-top .image-text-group-b {
    width: 50%;
    margin-left: 0px;
    padding: 20px 15px;
    float: left;
    box-sizing: border-box;
  }
}
@media (max-width: 768px) {
  .no-flexbox .component-news .section.primary-news .primary-news-top .image-text-group-b {
    width: 50%;
    margin-left: 0px;
    padding: 10px 15px;
  }
}
@media (max-width: 655px) {
  .no-flexbox .component-news .section.primary-news .primary-news-top .image-text-group-b {
    width: 100%;
  }
}
.no-flexbox .component-news .section.primary-news .subsidary-news {
  float: right;
  width: calc( ((calc(100% - 320px) / 3 )  ) + 307px);
  padding-left: 20px;
}
@media (max-width: 960px) {
  .no-flexbox .component-news .section.primary-news .subsidary-news {
    width: 100%;
    clear: both;
    padding-left: 0px;
  }
}
.no-flexbox .component-news .section.primary-news .subsidary-news .subsidary-news-top,
.no-flexbox .component-news .section.primary-news .subsidary-news .subsidary-news-lower,
.no-flexbox .component-news .section.primary-news .subsidary-news .subsidary-news-second {
  box-sizing: border-box;
  width: 48%;
}
@media (max-width: 960px) {
  .no-flexbox .component-news .section.primary-news .subsidary-news .subsidary-news-top,
  .no-flexbox .component-news .section.primary-news .subsidary-news .subsidary-news-lower,
  .no-flexbox .component-news .section.primary-news .subsidary-news .subsidary-news-second {
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.no-flexbox .component-news .section.primary-news .col-divider-news::after {
  content: none;
}

.homepage-content.page-content > div:nth-child(2) .content-inner:before, .homepage-content.page-content > div:nth-child(2) .content-inner:after {
  content: "";
  display: table;
}
.homepage-content.page-content > div:nth-child(2) .content-inner:after {
  clear: both;
}
.homepage-content.page-content > div:nth-child(2) .content-inner .main-content {
  min-height: 615px;
}
@media (max-width: 900px) {
  .homepage-content.page-content > div:nth-child(2) .content-inner .main-content {
    min-height: auto;
    height: auto;
  }
}

.component-news2 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.component-news2 .section {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  margin-bottom: 20px;
}
.component-news2 .section:last-child {
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .component-news2 .section {
    margin-bottom: 0;
  }
  .component-news2 .section:nth-of-type(n+3) {
    display: none;
  }
}
@media (max-width: 860px) {
  .component-news2 .section {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .component-news2 .section {
    flex-direction: row;
  }
}
@media (max-width: 576px) {
  .component-news2 .section {
    flex-direction: column;
  }
}
.component-news2 .col-lrg {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  margin-left: 28px;
  width: 33.33333%;
  background-color: #f2f2f2;
}
.component-news2 .col-lrg:first-child {
  margin-left: 0;
}
@media (max-width: 960px) {
  .component-news2 .col-lrg {
    margin-left: 28px;
    margin-bottom: 20px;
  }
}
@media (max-width: 860px) {
  .component-news2 .col-lrg {
    width: 100%;
    margin-left: 0;
    flex-direction: row;
    margin-bottom: 15px;
  }
  .component-news2 .col-lrg > a {
    padding: 12px 8px;
    width: 30%;
  }
  .component-news2 .col-lrg .col-inner {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .component-news2 .col-lrg {
    flex-direction: column;
    width: 33.33333%;
    margin-left: 28px;
    margin-bottom: 20px;
  }
  .component-news2 .col-lrg > a {
    padding: 0;
    width: 100%;
  }
  .component-news2 .col-lrg .col-inner {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .component-news2 .col-lrg {
    width: 100%;
    flex-direction: row;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .component-news2 .col-lrg > a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
  }
  .component-news2 .col-lrg .col-inner {
    width: 70%;
  }
}
.component-news2 .col-lrg .col-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: initial;
  padding: 8px;
  flex-grow: 1;
  box-sizing: border-box;
}
.component-news2 .col-lrg h5, .component-news2 .col-lrg h6 {
  font-size: 1.1125em;
  margin: 0px 0px 20px;
  margin-bottom: 18px;
  line-height: 1.2em;
  font-family: "Source_sans", Arial, sans-serif;
  font-weight: 600;
}
@media (max-width: 576px) {
  .component-news2 .col-lrg h5, .component-news2 .col-lrg h6 {
    margin-bottom: 10px;
  }
}
.component-news2 .col-lrg h5 a, .component-news2 .col-lrg h6 a {
  color: #01326A;
}
.component-news2 .col-lrg h5 a:hover, .component-news2 .col-lrg h6 a:hover {
  color: #1e67bb;
}
.component-news2 .col-lrg h5 a:visited, .component-news2 .col-lrg h6 a:visited {
  color: #4a607b;
}
.component-news2 .col-lrg h5 a:visited:hover, .component-news2 .col-lrg h6 a:visited:hover {
  color: #1e67bb;
}
.component-news2 .col-lrg {
  border-top: 0px solid #FFF;
  background-color: #f2f2f2;
  box-shadow: 0px 0px 1px 0px #f1f1f1;
  border-bottom: 1px solid #ebebeb;
  transition: all 0.3s ease-out;
}
.component-news2 .col-lrg:hover {
  background-color: #f2f2f2;
  border-top: 0px solid #fec128;
  transition: all 0.3s ease-out;
}
.component-news2 .col-lrg img {
  width: 100%;
  height: auto;
}
.component-news2 .col-lrg .article-meta-above-title {
  list-style: none;
  font-size: 0.8em;
  padding: 0 2px 2px 0;
  margin: 0 0 3px 0;
}
.component-news2 .col-lrg .article-meta-above-title a {
  color: #1e67bb;
  letter-spacing: 0.03em;
}
.component-news2 .col-lrg .article-meta-above-title a:hover {
  color: #168bcd;
}
.component-news2 .col-lrg .article-meta-details {
  margin-top: auto;
  color: #022248;
}
.component-news2 .col-lrg .article-meta-details a {
  color: #022248;
}
.component-news2 .col-lrg .article-meta-details a:hover {
  color: #022248;
}
.component-news2 .col-divider-news2 {
  position: relative;
}
.component-news2 .col-divider-news2::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #d0deec;
  margin-left: -14px;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
@media (max-width: 860px) {
  .component-news2 .col-divider-news2::after {
    content: none;
  }
}
@media (max-width: 768px) {
  .component-news2 .col-divider-news2::after {
    content: "";
  }
}
@media (max-width: 576px) {
  .component-news2 .col-divider-news2::after {
    content: none;
  }
}
.component-news2 .col-divider-news2:first-child::after {
  display: none;
}

.component-opinion h5 {
  margin: 0;
  margin-bottom: 10px;
}
.component-opinion .section {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
}
@media (max-width: 860px) {
  .component-opinion .section {
    flex-direction: column;
  }
}
.component-opinion .section article {
  flex-basis: 40%;
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: 0;
  margin: 0 0 10px 0;
  padding: 10px;
}
.component-opinion .section article:first-child {
  margin-left: 0;
}
@media (max-width: 860px) {
  .component-opinion .section article {
    width: 100%;
    margin-left: 0;
  }
}
.component-opinion .col-lrg .col-inner {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 100%;
}
.component-opinion .image-text-group-a a {
  max-width: 100px;
  display: block;
}
@media (max-width: 576px) {
  .component-opinion .image-text-group-a a {
    margin-top: 15px;
  }
}
.component-opinion .image-text-group-b {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.component-opinion .article-author {
  letter-spacing: .03em;
  font-size: .9em;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1e67bb;
}
.component-opinion .article-author a {
  color: #fec128;
}
.component-opinion .article-author a:hover {
  color: #01326A;
}
.component-opinion h5 {
  font-size: 1.3em;
}
.component-opinion h5 a {
  color: #01326A;
}
.component-opinion h5 a:hover {
  color: #1e67bb;
}
.component-opinion .article-meta-details li {
  float: left;
}
.component-opinion.sidebar .ad-slot {
  min-height: 250px;
}

.homepage-monty-top {
  margin-top: 10px;
  margin-bottom: 15px;
}
.homepage-monty-top figure {
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.homepage-monty-top figure a {
  display: block;
}
.homepage-monty-top figure a img {
  height: 100%;
  max-width: initial;
  width: auto;
}
@media (min-width: 1100px) {
  .homepage-monty-top figure a img {
    width: 100%;
    height: auto;
  }
}
.homepage-monty-top figure figcaption {
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .homepage-monty-top figure figcaption {
    width: 100%;
  }
}
.homepage-monty-top figure figcaption a {
  outline: none;
}
.homepage-monty-top figure figcaption .caption-text {
  height: 100%;
  padding: 3%;
  margin: 0;
  color: #fff;
  font-size: 1.1rem;
  background-color: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  display: block;
}
.homepage-monty-top figure figcaption .caption-text h4 {
  font-size: 2.4em;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 20px;
  padding-right: 72px;
}
@media (max-width: 768px) {
  .homepage-monty-top figure figcaption .caption-text h4 {
    font-size: 1.8em;
  }
}
.homepage-monty-top figure figcaption .caption-text h4 a {
  color: inherit;
}
.homepage-monty-top figure figcaption .caption-text h5 {
  font-size: 1.5em;
  line-height: 1.2;
  color: #fff;
  font-family: "Source_sans", Arial, sans-serif;
  font-weight: 200;
  padding-right: 72px;
}
@media (max-width: 768px) {
  .homepage-monty-top figure figcaption .caption-text h5 {
    font-size: 1.2em;
    padding-right: 0px;
    font-weight: 400;
  }
}
.homepage-monty-top figure figcaption .caption-text h5 a {
  color: inherit;
}
.homepage-monty-top figure figcaption .caption-text a.btn {
  width: auto;
  float: left;
  margin-top: 20px;
  display: block;
  background-color: #01326A;
}
.homepage-monty-top figure figcaption .caption-text a.btn:hover {
  background-color: #fec128;
}
.homepage-monty-top .top-monty-big-arrow {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 72px;
  width: 72px;
  background-position: -144px -1260px;
  cursor: pointer;
  transition: opacity 0.5s ease;
  top: 42%;
  right: 30px;
  height: 38px;
  width: 38px;
  background-position: -216px -1260px;
  background-color: #168bcd;
  transition: all 0.3s ease-out;
}
.homepage-monty-top .top-monty-big-arrow:hover {
  transition: all 0.3s ease-out;
  background-color: #fec128;
}

.component-most-read {
  padding: 0px;
  box-sizing: border-box;
  margin-bottom: 0;
  background-color: transparent;
}
.homepage-content .content .component-most-read header h4 {
  color: #132e35;
}
.component-most-read .header-most-read {
  margin-top: 0;
  margin-bottom: 0;
}
.component-most-read .ol {
  padding: 0 4% 0 0%;
  margin: 0 .8em 0 0;
}
.component-most-read ol {
  padding: 0 0 0 40px;
  margin: 0 0;
}
.component-most-read ol li {
  list-style-type: none;
  counter-increment: customlistcounter;
  position: relative;
  font-size: 1em;
  line-height: 1.2;
  padding: 10px 0px;
  margin: 10px 0px;
}
.component-most-read ol li a {
  display: block;
}
.component-most-read ol li p {
  margin-bottom: 0;
}
.component-most-read ol li::before {
  content: counter(customlistcounter,decimal) " ";
  display: inline-block;
  float: left;
  font-family: "source_sans", Arial, sans-serif;
  font-size: 2.9em;
  font-weight: 200;
  width: auto;
  margin-right: 15px;
  height: 34px;
  color: #fec128;
  margin-left: -35px;
  text-align: left;
  line-height: 0.85;
}
.component-most-read ol li::after {
  content: "";
  width: 20%;
  height: 1px;
  background-color: #cacaca;
  position: absolute;
  left: -35px;
  top: 0;
}
.component-most-read ol li a {
  position: relative;
  font-size: 1.3em;
  font-weight: 800;
  color: #000;
}
.component-most-read ol li a:hover {
  color: #fec128;
}
.component-most-read ol li a:visited {
  color: black;
}
.component-most-read .adslot {
  float: right;
  margin-left: 3%;
  margin-right: 0;
  height: 100%;
  padding-top: 12px;
  padding-left: 5%;
  display: block;
  width: 310px;
  border-left: 1px solid rgba(200, 200, 200, 0.2);
}
@media (max-width: 786px) {
  .component-most-read .adslot {
    text-align: center;
    float: none;
    clear: both;
  }
}
.component-most-read:before, .component-most-read:after {
  content: "";
  display: table;
}
.component-most-read:after {
  clear: both;
}
.component-most-read .span-lrg_3_of_5 {
  width: auto;
  width: calc(100% - 320px);
  margin-right: 20px;
}
@media (max-width: 768px) {
  .component-most-read .span-lrg_3_of_5 {
    margin-right: 0px;
    width: 100%;
  }
}
.component-most-read .span-lrg_2_of_5 {
  margin: 0;
  width: auto;
}
.component-most-read .span-lrg_2_of_5 .component-most-read {
  min-height: initial;
  padding: 0;
}
@media (max-width: 768px) {
  .component-most-read .span-lrg_2_of_5 {
    clear: both;
    margin-right: 0px;
    width: 100%;
  }
}
.component-most-read .tab {
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 4px;
  height: 26px;
  color: #fff;
  background-color: #01326A;
  color: white;
}
@media (max-width: 768px) {
  .component-most-read .tab {
    font-size: 0.9em;
    line-height: 1.8;
    padding: 4px 12px 0px;
  }
}
.component-most-read .tab:after {
  border-color: transparent transparent transparent #01326A;
  border-top-width: 30px;
}
.component-most-read .tab.active {
  background-color: #fec128;
  color: black;
}
.component-most-read .tab.active:after {
  border-color: transparent transparent transparent #fec128;
}
.component-most-read .tab:last-of-type {
  margin-left: 10px;
}
.component-most-read.sidebar {
  background-color: transparent !important;
  padding: 0;
  min-height: initial;
}

.component-list-most-read.span-lrg_2_of_3 {
  margin-top: 0;
}

html.lt-ie9 .component-most-read {
  float: left;
}

.component-list .span-lrg_1_of_3 {
  margin-top: 0;
}

.component-weekly-wrap {
  background-color: rgba(137, 150, 127, 0.07);
  padding-bottom: 12px;
  text-align: left;
}
.component-weekly-wrap .header-weekly-wrap {
  background-color: #fff;
}
.component-weekly-wrap img {
  width: 100%;
}
.component-weekly-wrap .weekly-wrap-details {
  padding-bottom: 20px;
  background-color: transparent;
  width: 90%;
  padding: 3% 0;
  margin-left: auto;
  margin-right: auto;
}
.component-weekly-wrap h6 {
  font-size: 1.4em;
  line-height: 1.25;
  margin: 5px 0 5px 0;
  padding: 0;
}
.component-weekly-wrap h6 a {
  color: #333;
}
.component-weekly-wrap .weekly-wrap-details p {
  font-size: 0.95em;
  color: #333;
  padding: 0px;
}
.component-weekly-wrap .btn {
  line-height: 2em;
  background-color: #fec128;
  color: #FFF;
}
.component-weekly-wrap .btn:hover {
  background-color: #fec128;
  color: #FFF;
}
@media (max-width: 768px) {
  .component-weekly-wrap {
    display: block;
    height: 100%;
  }
  .component-weekly-wrap img {
    display: inline-block;
    max-width: 47%;
    margin: 1.5% 0 0 1.5%;
  }
  .component-weekly-wrap .weekly-wrap-details {
    float: right;
    margin: 1.5% 0 0 4%;
    padding: 0;
    max-width: 46%;
  }
}
@media (max-width: 576px) {
  .component-weekly-wrap img {
    float: none;
    max-width: 100%;
    margin: 0;
  }
  .component-weekly-wrap .weekly-wrap-details {
    float: none;
    max-width: 100%;
    margin: 0;
    padding: 8px;
  }
}

section.component-hound,
.component-hound {
  margin-bottom: 1em;
}

.component-hound {
  box-sizing: border-box;
}
.homepage-content .content .component-hound header h4 {
  top: 18px;
  left: 0px;
  background-color: #fff;
  padding: 6px 6px 6px 2px;
  font-size: 1.1em;
  line-height: 1;
}
.homepage-content .content .component-hound header h4 a {
  padding-left: 0;
}
.component-hound .section {
  margin: 0px;
  border: 0px solid #87abcf;
  border-width: 5px;
  padding: 20px;
  background: #FFF;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 576px) {
  .component-hound .section {
    padding: 10px;
    padding-bottom: 40px;
    padding-top: 50px;
  }
}
.component-hound .section .span_2_of_4,
.component-hound .section .span_1_of_3 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 29.33333%;
  margin: 0;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .component-hound .section .span_2_of_4,
  .component-hound .section .span_1_of_3 {
    flex-basis: 46%;
  }
}
@media (max-width: 768px) {
  .component-hound .section .span_2_of_4,
  .component-hound .section .span_1_of_3 {
    flex-basis: 100%;
  }
}
.component-hound .section .span_2_of_4 article,
.component-hound .section .span_1_of_3 article {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  margin-right: 15px;
}
.component-hound .section .span_2_of_4 article .image-text-group-a,
.component-hound .section .span_1_of_3 article .image-text-group-a {
  flex-grow: 0;
  flex-shrink: 1;
  display: none;
}
@media (max-width: 768px) {
  .component-hound .section .span_2_of_4 article .image-text-group-a,
  .component-hound .section .span_1_of_3 article .image-text-group-a {
    width: 110px;
    flex-grow: 1;
    flex-shrink: 0;
  }
}
@media (max-width: 576px) {
  .component-hound .section .span_2_of_4 article .image-text-group-a,
  .component-hound .section .span_1_of_3 article .image-text-group-a {
    display: none;
  }
}
.component-hound .section .span_2_of_4 article .image-text-group-b,
.component-hound .section .span_1_of_3 article .image-text-group-b {
  width: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin-left: 20px;
  max-width: none;
  margin-top: 20px;
}
.component-hound .section .span_2_of_4 article .image-text-group-b .btn,
.component-hound .section .span_1_of_3 article .image-text-group-b .btn {
  line-height: 2.25em;
}
@media (max-width: 768px) {
  .component-hound .section .span_2_of_4 article .image-text-group-b,
  .component-hound .section .span_1_of_3 article .image-text-group-b {
    border-bottom: 1px solid #d0deec;
    padding-bottom: 20px;
    max-width: none;
  }
}
@media (max-width: 576px) {
  .component-hound .section .span_2_of_4 article .image-text-group-b,
  .component-hound .section .span_1_of_3 article .image-text-group-b {
    width: 100%;
    max-width: 100%;
  }
}
.component-hound .image-text-group-b {
  font-size: 1em;
  color: #234465;
}
.component-hound .image-text-group-b h5 {
  margin: 0;
  margin-bottom: 10px;
}
.component-hound .image-text-group-b > h5 a, .component-hound .image-text-group-b > a:not(.btn) {
  font-size: 1.6em;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  color: #01326A;
}
.component-hound .image-text-group-b > h5 a:hover, .component-hound .image-text-group-b > a:not(.btn):hover {
  color: #1e67bb;
}
.component-hound .image-text-group-b p {
  margin-bottom: 1em;
  font-size: 1em;
  color: #234465;
}
.component-hound .image-text-group-b a.btn {
  background-color: #01326A;
  transition: 0.2s all ease-out;
}
.component-hound .image-text-group-b a.btn:hover {
  transition: 0.2s all ease-out;
  background-color: #fec128;
}

.component-hound-footer {
  margin-bottom: 0;
  text-align: right;
  border-top: 1px solid #ccc;
  padding: 8px;
  text-align: right;
  margin-top: -70px;
  margin-left: 5px;
  width: calc(100% - ( 5px  * 3));
  min-height: 30px;
  padding: 9px;
}
.component-hound-footer a {
  display: block;
  position: relative;
  top: -30px;
  width: 220px;
  float: right;
  padding: 10px;
  top: -8px;
}
.component-hound-footer a:before {
  content: "";
  background-position: 0px -18px;
  width: 100%;
  height: 32px;
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
}
.component-hound-footer img {
  margin-top: 0.5em;
  width: 100%;
  height: auto;
  display: none;
}

@media (max-width: 975px) {
  main.content-inner,
  .article-header .content-inner {
    padding: 8px;
  }
}
@media (max-width: 768px) {
  main.content-inner,
  .article-header .content-inner {
    padding: 0.8em;
  }
}

.article-header .content-inner {
  margin-right: 0;
  padding: 8px 0px;
  margin-top: 26px;
}
.article-header .content-inner:before, .article-header .content-inner:after {
  content: "";
  display: table;
}
.article-header .content-inner:after {
  clear: both;
}
@media (max-width: 975px) {
  .article-header .content-inner {
    padding: 8px;
  }
}
.article-header .content-inner .col {
  margin: 0px;
}
.article-header .content-inner .col.span_1_of_5 {
  width: calc((100% - 320px) / 100 * 18.72);
}
@media (max-width: 975px) {
  .article-header .content-inner .col.span_4_of_5,
  .article-header .content-inner .col.span_1_of_5 {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 0px;
    margin: 0;
  }
}

.nav-colour01 {
  transition: background-color 0.5s ease;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
}

.holder .nav-colour02 {
  transition: background-color 0.5s ease;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
}

/*show article tool over the top based on scroll*/
.article-nav, .strapline-nav {
  transition: all 0.5s;
  opacity: 0;
  z-index: 0;
}

.holder .nav-colour02.article-nav, .holder .nav-colour02.strapline-nav {
  transition: all 0.5s ease-out;
  opacity: 0;
  z-index: 2;
}

.holder .nav-colour02.article-nav.sticky, .holder .nav-colour02.sticky.strapline-nav {
  z-index: 2;
  transition: all 0.5s;
  opacity: 1;
}

.article-header img.print-branding {
  display: none;
}

body.article .page-content {
  background-color: #fff;
}

.article-page-body-content img {
  width: auto;
  max-width: 100%;
}

.artimage img {
  max-width: 40% !important;
  float: left;
  padding-right: 10px;
}

.article-page-body-content > h1 {
  font-size: 1.8em;
  margin-bottom: 15px;
  color: #333;
}

.article-page-body-content > h2 {
  font-size: 1.6em;
  margin-bottom: 10px;
  color: #333;
}

.article-page-body-content > h3 {
  font-size: 1.5em;
  margin-bottom: 14px;
  color: #333;
}

.article-page-body-content > h4 {
  font-size: 1.3em;
  margin-bottom: 8px;
  color: #333;
}

.article-page-body-content > h5 {
  font-size: 1.1em;
  margin-bottom: 17px;
  color: #333;
}

.article-page-body-content > h6 {
  font-size: 1.0em;
  margin-bottom: 25px;
  color: #333;
}

.article-page-body-content table td {
  padding: 0px 2px;
  border: 1px solid #e0e0e0;
}

.article-page-body-content table tr:nth-child(2n+2) {
  background-color: #ededed;
}

.article-page-body-content li a {
  color: #1560b9;
  font-weight: normal;
}

article.span_4_of_4.section_main {
  border-top: none;
}

article.span_4_of_4.section_main h1 {
  font-size: 1.6em;
}

article.span_4_of_4.section_main img {
  width: 370px;
  height: auto;
}

.section_main a img {
  float: left;
  max-width: 100%;
  width: 370px;
  height: auto;
  margin: 6px 12px 12px 0;
  padding: 0;
  clear: right;
}

.section_main .img-icon img {
  float: left;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  clear: right;
}

article h2 {
  font-size: 1.4em;
  color: #000;
  margin-bottom: 6px;
}

article p.article-summary {
  line-height: 1.6;
  letter-spacing: 0em;
  font-weight: bold;
  color: #222;
  font-size: 0.96em;
}

.article-anchor-links,
.article-summary {
  clear: both;
}

.tools-container {
  float: left;
  margin: 12px 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  width: auto;
}

/* -------------- ARTICLE HEADER -------------- */
.article-header {
  width: 100%;
  margin: 0;
  padding: 0;
}

.article-title {
  line-height: 1.2;
  margin: 0 0 10px 0;
  padding: 0;
  color: #000;
  font-family: "Source_sans", Arial, sans-serif;
  font-size: 2.4em;
  font-weight: bold;
}
@media (max-width: 768px) {
  .article-title {
    margin: 0px 10px 10px;
    font-size: 2.1em;
    line-height: 1.3;
    letter-spacing: 0.0125em;
  }
}

.article-sub-title {
  margin: 0;
  font-family: "Source_sans", Arial, sans-serif;
  color: #555;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1.2em;
}

.article figure.main {
  width: 100%;
  margin: 0 0 1em;
  padding: 0;
  float: left;
  position: relative;
  background-color: #f4f8fb;
}
.article figure.main::after {
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 61.72414%;
  display: block;
}
.article figure.main img {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
}
.article figure.main.landscape-large {
  width: 100%;
}
.article figure.main.portrait-large {
  width: 55%;
  margin-right: 16px;
}
.article figure.main.square-large {
  width: 100%;
}
.article figure.main.square-large::after {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.article figure.main.landscape-medium {
  width: 70%;
  margin-right: 16px;
}
.article figure.main.landscape-small {
  width: 44%;
  margin-right: 16px;
}
.article figure.main.portrait-medium {
  width: 45%;
  margin-right: 16px;
}
.article figure.main.portrait-small {
  width: 28%;
  margin-right: 16px;
}
.article figure.main.square-small {
  width: 28%;
  margin-right: 16px;
}
.article figure.main.square-small::after {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.article figure.main.square-medium {
  width: 50%;
  margin-right: 16px;
}
.article figure.main.square-medium::after {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.article figure.main figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.article figure.main figcaption .caption-text {
  padding: 6px;
  margin: 0px;
  font-size: 0.75rem;
  color: #FFF;
  background-color: rgba(2, 34, 72, 0.6);
}
.article .article-page-body-content figure {
  padding: 0;
  font-size: .775em;
  display: table;
  margin: 0;
  margin-bottom: 10px;
}
.article .article-page-body-content figure.tinymce-insert-asset-center {
  text-align: center;
  width: 100%;
  height: auto;
}
.article .article-page-body-content figure.tinymce-insert-asset-left {
  float: left;
  margin-right: 14px;
}
.article .article-page-body-content figure.tinymce-insert-asset-right {
  float: right;
  margin-left: 14px;
}
.article .article-page-body-content figure figcaption {
  display: table-caption;
  caption-side: bottom;
  margin-right: 0;
  margin-top: 5px;
  font-size: 16px;
  color: #000;
  background-color: transparent;
}

/* -------------- ARTICLE BODY -------------- */
.static-page-content img {
  max-width: 100%;
  width: initial;
}

.static-page-content a {
  color: #1560b9;
  font-weight: normal;
}

.static-page-content p a,
.article p a {
  color: #1560b9;
  font-weight: bold;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
  transition-delay: 0s;
}

.static-page-content p a:hover:not(.btn),
.article p a:active:not(.btn),
.article p a:hover:not(.btn) {
  color: #004185;
}

/* end of article pinned styles for ULS */
.article-page-body-content > ul li a:not(.article-page-body-content > ul.tools-container li a,
.article-page-body-content > ul.related-links li a,
.article-page-body-content .pagination > ul li a) {
  color: #1560b9;
  font-weight: bold;
}

/* -------------- BOXOUT -------------- */
.boxout {
  background-color: #0262cf;
  width: 92%;
  padding: 1% 4% 4% 4%;
  margin-bottom: 22px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset;
}

.boxout h3 {
  font-size: 1.4em;
  color: #000;
  margin-bottom: 12px;
  margin-top: 6px;
}

/* -------------- INLINE IMAGES -------------- */
.center {
  margin: 0 auto 1em auto;
  display: block;
  width: auto;
  height: auto;
}

.right {
  float: right;
  margin: 0 0 0.8em 12px;
  padding: 0px;
}

.left {
  float: left;
  margin: 0 12px 0.8em 0;
  padding: 0;
}

p.figure {
  padding: 0;
  position: relative;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: table !important;
}

/* Figcaption breaking inline image sizes. - min-content is breaking caption layout.  */
.article-page-body-content p.figure {
  width: initial;
}

.article-page-body-content p.figure span.figcaption {
  display: table-caption;
}

p.figure span.figcaption {
  position: relative;
  bottom: 0;
  left: 0;
  width: auto;
  padding: 0;
  margin: 0;
  color: #777;
  font-size: 0.9em;
  line-height: 1.2em;
  height: auto;
  text-align: left;
  caption-side: bottom;
  display: table-caption;
}

/* Read - http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-names-selectors for valid class name building with hyphens starting classnames */
.meta-media {
  float: left;
  margin-left: -155px;
  max-width: 200px;
  margin-top: 6px;
  margin-right: 15px;
}

.meta-media img {
  width: 100%;
  margin: 0;
  padding: 0;
}

.-small {
  max-width: 200px;
}

.-medium {
  max-width: 300px;
}

.-large {
  float: none;
  max-width: 100%;
  margin-left: 0;
}

.-xlarge {
  float: none;
  margin: 6px 0 0 -155px;
  max-width: 130%;
  clear: both;
  border: none;
}

.-large img,
.-xlarge img {
  margin-bottom: 20px;
}

/* -------------- INLINE LIST --------------*/
.inline-list ul {
  padding-left: 0;
  margin-left: 0;
}

.inline-list li {
  list-style: none;
  padding-left: 0;
}

.inline-list li:before {
  content: "";
  margin-top: 8px;
  margin-left: 0;
  margin-right: 10px;
  float: left;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background-color: #000;
}

.inline-list h3 a {
  color: #1560b9;
}

.inline-list h3 a:hover {
  color: #a60013;
}

/* -------------- QUOTE DISPLAY -- blockquote & pullquote -- -------------- */
blockquote {
  max-width: 100%;
  font-family: 'Source_sans';
  font-size: 1.6em;
  margin: 0.25em 0 0.5em 1.5em;
  padding: 1.25em 10px 1.25em 0;
  line-height: 1.25;
  position: relative;
  color: #000;
  float: right;
  clear: both;
  font-weight: bold;
  font-style: italic;
}

blockquote.version02 {
  max-width: 45%;
  padding: 1.25em 10px 0.25em 0;
  line-height: 1.45;
}

.pullquote:first-of-type {
  text-indent: 80px;
}

.pullquote {
  position: relative;
  margin: 0;
  padding: 0;
}

blockquote {
  max-width: 100%;
  font-family: 'Source_sans', Arial;
  font-size: 1.5em;
  margin: 0.25em 0 0.5em 1.5em;
  padding: 1.25em 10px 1.25em 0;
  line-height: 1.25;
  position: relative;
  color: #000;
  float: right;
  clear: both;
  font-weight: bold;
  font-style: normal;
  display: table-cell;
  float: none;
}

blockquote.version02 {
  max-width: 45%;
  padding: 1.25em 10px 0.25em 0;
  line-height: 1.45;
}

.pullquote:first-of-type {
  text-indent: 75px;
}

.pullquote {
  position: relative;
  margin: 0;
  padding: 0;
}

blockquote:before {
  background-color: #fff;
  display: block;
  content: "";
  font-family: Georgia, serif;
  position: absolute;
  left: -5px;
  top: 5px;
  color: #5ca731;
  font-style: normal;
  z-index: 1;
  padding-right: 4px;
  height: 56px;
  background-image: url("../images/site-sprite.svgz");
  background-position: calc(-3px + 6*-36px) calc(-8px + 29*-36px);
  width: 70px;
}

.pullquote:before {
  border-top: 4px solid #01326A;
  content: "";
  position: absolute;
  height: 5px;
  width: 100%;
  top: -22px;
  right: 0px;
}

.quote-source {
  text-indent: 0;
  font-style: italic;
  margin-top: 16px;
  font-size: 0.85em;
  display: block;
  font-weight: normal;
}

html.no-svg blockquote:before {
  background-position: -219px -1052px;
  background-image: url("../images/site-sprite.png");
}

/* -------------- ARTICLE META -------------- */
/* Article Header META ---------------------*/
.article-header .span_1_of_5 nav {
  margin-top: 5px;
  margin-left: 5px;
}

.breadcrumb {
  line-height: 1.4;
  width: 95%;
  margin-top: 7px;
}

.meta-taxonomy-list {
  margin: 0 0 8px 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.75em;
  color: #888;
  clear: both;
}

.meta-taxonomy-list li {
  margin: 0;
  padding: 0 0.5em 0 0;
  display: inline;
  line-height: 1.5;
  padding-top: 7px;
}

.meta-taxonomy-list.breadcrumb li {
  line-height: 1.3;
  font-size: 1.2em;
}

.meta-taxonomy-list.breadcrumb a:link,
.meta-taxonomy-list.breadcrumb a:visited {
  color: #004185;
}

.article-col .meta-taxonomy-list li:first-child {
  border: none;
  padding-left: 0;
  font-size: 1.4em;
  line-height: 1.2;
  text-transform: none;
  display: block;
}

article .meta-taxonomy-list li.empty-list-content {
  border: 0;
  margin: 0;
  padding: 0;
}

.meta-taxonomy-list.author-dateline li {
  display: block;
  clear: both;
}

.author-dateline li:first-child {
  border: none;
  font-size: 1.5em;
  text-transform: none;
  padding-left: 0;
  line-height: 1.2;
}

.article-col .author-dateline li:nth-of-type(3) {
  clear: none;
  float: left;
}

/* Article Body META ---------------------*/
.article-col .tools-meta-outer::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAG0lEQVQIW2NkYGD4D8SMQAwHKByYKE5B4rQDAIycAgYoKUTFAAAAAElFTkSuQmCC) repeat;
  content: "";
  height: 5px;
  display: block;
  background-repeat: repeat;
  margin-top: 2px;
}

.article-col .tools-meta-outer {
  float: left;
  width: 100%;
}

.article-col .tools-container {
  padding-top: 8px;
  margin-top: 0;
}

.article-col .tools-container li {
  padding-bottom: 8px;
}

.article-meta-container {
  position: absolute;
  top: 0;
  margin-bottom: 1rem;
  left: 0px;
  width: calc((100% - 150px ) / 100 * 18.72);
}
@media (max-width: 1125px) {
  .article-meta-container {
    left: 16px;
  }
}
@media only screen and (max-width: 975px) {
  .article-meta-container {
    position: static;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}

.article-col .tools-meta-outer {
  border: 0;
}

.article-meta-container .article-meta-numbers {
  float: right;
  text-align: right;
  margin-top: 12px;
}

.article-meta-numbers .comment-count {
  float: left;
}

.article-meta-numbers .social-count {
  margin-left: 12px;
  float: right;
}

.col .author-pic {
  width: 90px;
  height: 90px;
  border-radius: 90px;
  margin-top: 0;
  float: left;
  margin: 6px 12px 5px 0;
  padding: 0;
}

.meta-twitter {
  margin-bottom: 0;
  padding-bottom: 0;
  margin: 4px 0 12px;
  float: left;
  fill: #3aa8db;
  transition: fill 0.5s ease;
  display: inline;
}

.meta-twitter .contact {
  float: right;
  display: inline;
  margin-left: 2px;
  text-align: left;
}

.meta-twitter:hover {
  fill: #a60013;
}

.comment-count,
.social-count {
  font-size: 1em;
  color: #666;
}

.share-total,
.comment-total {
  color: #666;
}

.article-meta-numbers {
  margin: 1.3em 0 0 1em;
}

/*top of article print icon*/
/*end of article print icon*/
/* -------------- SCROLL UP -------------- */
.no-svg .scrollup {
  background-image: url(../images/site-sprite.png);
}

.scrollup {
  background-image: url(../images/site-sprite.svgz);
  height: 72px;
  width: 72px;
  background-position: 0px -1260px;
  background-position: calc( 0*-36px) calc(35*-36px);
  font-size: 0;
  position: fixed;
  opacity: 0.5;
  right: 10px;
  bottom: 3%;
  display: none;
}

.related-listings-header h4::before {
  position: absolute;
  top: 7px;
  left: 0px;
  width: 0;
  height: 0;
  content: "";
}

/*Sidebar*/
.related-articles .span_2_of_4 h2 {
  font-size: 1.1em;
  margin-bottom: 12px;
}

.related .col:first-child,
.related-articles .col:first-child,
.col:first-child,
.col-lrg:first-child {
  margin-left: 0;
}

.popular-articles .related-listings-header h4::before {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 0;
  height: 0;
  content: "";
}

.popular-articles h3 {
  font-size: 1.4em;
  margin-bottom: 5px;
}

.popular-articles .col {
  margin: 1% 0 1% 0;
}

.popular-articles .span_1_of_4 {
  width: 100%;
  border-top: 1px dotted #cdcdcd;
}

.popular-articles .section:first-of-type .span_1_of_4:first-child {
  border: none;
  margin-top: 8px;
}

.popular-articles .image-text-group-a {
  width: 30%;
  padding-top: 8px;
}
.popular-articles .image-text-group-a a {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 62.14286%;
  display: block;
  background-color: white;
}

.popular-articles .image-text-group-b {
  padding-top: 5px;
}

.popular-articles img {
  margin-top: 0;
}

.popular-articles h2 {
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 12px;
}

.popular-articles h5 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 1.2;
}

.popular-articles .image-text-group-a img {
  padding: 0;
  margin: 0;
  width: 100%;
}

.popular-articles .img-icon {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

.popular-articles .sprite {
  display: inline-block;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0;
  padding: 0;
}

/*Cvtr sidebar widget*/
.popular-articles.convertr-sidebar {
  border-bottom: 3px solid #168BCD;
  margin-bottom: 24px;
}

.popular-articles.convertr-sidebar table {
  margin-bottom: 17px;
  border-top: 1px solid #ccc;
  /* padding-top: 16px; */
}

.popular-articles.convertr-sidebar table td {
  padding: 14px 0;
}

.popular-articles.convertr-sidebar img {
  width: 100px;
  height: auto;
}

.main-content section.news-articles {
  margin-bottom: 18px;
}

.main-content .news-articles .col {
  margin: 1% 0;
}

.main-content .news-articles .span_2_of_4 {
  padding-top: 20px;
  margin-bottom: 2px;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 25px;
}

.main-content .news-articles .span_2_of_4.first-element,
.main-content .news-articles .span_2_of_4:nth-of-type(1) {
  border-top: 0;
}

.news-articles .image-text-group-a {
  width: 30%;
}
.news-articles .image-text-group-a a {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 61.73913%;
  background-color: white;
}

.main-content .news-articles .span_2_of_4 p {
  margin-bottom: 20px;
}

.main-content .news-articles p {
  font-size: .9em;
  line-height: 1.4;
  color: #666;
  font-weight: 400;
}

.main-content .news-articles .span_2_of_4 img {
  margin-right: 20px;
  float: left;
}

.main-content .news-articles .article-meta-details {
  font-size: 0.7em;
}
.main-content .news-articles .article-meta-details li {
  float: left;
}

/* RELATED ARTICLES -- NEW -- */
section.related-articles {
  margin-bottom: 18px;
  border-bottom: 1px solid #eee;
}

.related-articles .section {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-content .related-articles .col {
  margin: 1% 0 1% 1.5%;
}

.main-content .related-articles .col:first-child {
  margin-left: 0;
}

.main-content .related-articles .span_2_of_4 {
  width: 48.2%;
  position: relative;
  margin-bottom: 10px;
}

.main-content .related-articles .span_2_of_4:nth-of-type(n+3)::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAF0lEQVQIW2PcvXv3fwY0wIguAOJTKAgASAUDNh3MbVkAAAAASUVORK5CYII=) repeat;
  content: "";
  height: 1px;
  display: block;
  background-repeat: repeat;
  float: left;
  width: 100%;
  position: absolute;
  top: 0px;
  opacity: 0.7;
}

.main-content .related-articles .col.span_2_of_4:nth-of-type(2n+3) {
  margin-left: 0;
  clear: both;
}

.main-content .related-articles .span_2_of_4 > a {
  width: 30%;
  display: block;
  float: left;
  margin-right: 12px;
}
.main-content .related-articles .span_2_of_4 img {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: block;
  background-color: #e6e6e6;
}

.main-content .related-articles h5.listings-article-title {
  font-size: 1.1em;
  margin: 0 0 12px 0;
}

.main-content .related-articles p {
  font-size: 0.9em;
  line-height: 1.4;
  color: #666;
  font-weight: 300;
}

.main-content .related-articles p.section-story {
  display: none;
}

.main-content .related-articles .span_2_of_4:nth-of-type(n+3) img,
.main-content .related-articles .span_2_of_4:nth-of-type(n+3) h5.listings-article-title {
  margin-top: 6px;
}

.main-content .related-articles .article-meta-details {
  display: none;
}

/**************************************************************************************************************/
/* RELATED ARTICLES END */
/**************************************************************************************************************/
/**************************************************************************************************************/
/* RELATED COMPONENT - AFTER ARTICLE -- NEW -- START */
/**************************************************************************************************************/
.main-content .related-articles .span_2_of_4 img {
  margin: 6px 12px 5px 0;
}

.secondary {
  border-top: 4px solid #000;
  margin-top: 20px;
}

.secondary .span_1_of_5:first-child {
  margin-right: 1.5%;
}

.secondary .span_1_of_5 h1 {
  font-family: 'Source_sans', Arial, sans-serif;
  margin-top: -5px;
  color: #961a1d;
  font-weight: bold;
}

.secondary .span_1_of_5:nth-of-type(2) {
  margin-left: 0;
}

.secondary img {
  width: 100%;
  margin-top: 0;
}

.more-from-sponsor {
  margin-bottom: 12px;
}

.more-from-sponsor .article-from-sponsor {
  padding-top: 5px;
  border-top: 1px dotted #cdcdcd;
  margin-bottom: 25px;
}

.more-from-sponsor .article-from-sponsor.first-element {
  border-top: none;
}

.more-from-sponsor h5.sponsor-article-title {
  font-size: 1.4em;
  line-height: 1.1;
  margin-bottom: 12px;
}

.more-from-sponsor .article-meta-details li {
  float: left;
}

.related-links {
  font-size: 0.9em;
  padding-top: 7px;
}

.related-links li {
  border: none;
  line-height: 2;
  padding: 0.4em;
}

.related-links a {
  padding: 0;
  color: #000;
  text-transform: none;
  white-space: nowrap;
  transition: color 0.5s ease;
  font-size: 1em;
  border-right: 1px solid #ccc;
  padding-right: 0.8em;
}

.related-links li:last-child a {
  border-right: none;
}

.related-links a:hover {
  color: #234b53;
}

.content .related-links li:first-child {
  color: #000;
  font-weight: bold;
  border-right: none;
  background-repeat: no-repeat;
  background-image: none;
  position: relative;
  padding: 0.4em 0.4em 0 1.8em;
  font-size: 1em;
  display: inline;
}

.no-svg .content .related-links li:first-child::before {
  background-image: url("../images/site-sprite.png");
}

.related-links li:first-child::before {
  background-image: url("../images/site-sprite.png");
  background-image: url("../images/site-sprite.svgz");
  content: "";
  height: 16px;
  width: 16px;
  display: inline-block;
  background-position: -188px -836px;
  background-position: calc(-8px + 6*-36px) calc(-8px + 23*-36px);
  position: absolute;
  top: 4px;
  left: 0;
}

.btn.comments {
  padding: 0.3em 10px 0.3em 10px;
  margin-bottom: 0.5em;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.centerize {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.content-columns.display-right {
  margin-bottom: 0.6em;
}

.comments a,
.comments a:link,
.comments a:hover {
  color: #fff;
}

.comments {
  clear: both;
  width: 220px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  font-size: 1.2em;
  background: #fec128;
  transition: background 0.5s ease;
  color: #fff;
}

.comments:hover {
  background-color: #fec128;
}

.comments div {
  background: initial;
  background-image: none;
  background-position: none;
  position: relative;
}

.comment > div {
  border-top: 1px solid #fec128;
  margin-top: 30px;
  margin-bottom: 30px;
}

.no-svg .comments div::before,
.no-svg .comments div::after,
.no-svg .comments div.less::after {
  background-image: url(../images/site-sprite.png);
}

.comments div::before {
  width: 24px;
  height: 24px;
  content: ' ';
  background-image: url(../images/site-sprite.svgz);
  background-position: -42px -546px;
  background-position: calc(-6px + 1*-36px) calc(-6px + 15*-36px);
  position: absolute;
  left: 0;
}

.comments div::after {
  width: 24px;
  height: 24px;
  content: ' ';
  background-image: url(../images/site-sprite.svgz);
  background-position: -42px -906px;
  background-position: calc(-6px + 1*-36px) calc(-6px + 25*-36px);
  position: absolute;
  right: 0;
}

.comments div.less::after {
  background-position: -42px -942px;
  background-position: calc(-6px + 1*-36px) calc(-6px + 26*-36px);
}

.hide-element {
  display: none;
}

.list-inner.hide {
  display: none;
  height: 0;
  margin: 0;
  padding: 0;
}

.less {
  display: block;
  cursor: pointer;
}

.font-nada {
  font-size: 0;
}

.comment .font-nada {
  float: right;
  text-align: left;
  margin-right: 30px;
}

.slick-slider .slick-slide .gallery-slide-caption p,
.slick-slider .slick-slide .gallery-slide-caption strong,
.slick-slider .slick-slide .gallery-slide-caption a,
.slick-slider .slick-slide .gallery-slide-caption h3,
.slick-slider .slick-slide .gallery-slide-caption h4 {
  color: white;
}

/* -------------- ARTICLE HIGHLIGHTS -------------- */
.article-anchor-links {
  margin: 14px 0 20px 0;
  border-bottom: 1px solid #eee;
}

.article-anchor-links header {
  text-align: center;
  font-weight: 700;
  background-color: #fff;
  margin-bottom: 16px;
  position: relative;
  top: 0;
  padding: 10px 0;
}

.article-anchor-links header::after {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #234b53;
  display: block;
  position: relative;
  top: -15px;
}

.article-anchor-links header h4 {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 1em;
  position: relative;
  display: inline-block;
  padding: 2px 12px;
  font-weight: 600;
  top: 2px;
  z-index: 1;
}

.article-anchor-links header h4 .section-title-link {
  padding: 0 14px;
  background-color: #fff;
}

.article-anchor-links ul {
  float: none;
  clear: both;
  margin-top: 0px;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box;
}

.article-anchor-links ul li {
  list-style: none;
  margin: 0.5em 0 0.7em 1.3em;
}

.article-anchor-links ul li:before {
  content: "";
  margin-top: 3px;
  margin-left: -1.3em;
  float: left;
  height: 10px;
  width: 10px;
  background-color: #01326A;
}

.about-author {
  margin-top: 30px;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.about-author header h4 {
  color: #168bcd;
}
.about-author .author-dateline,
.about-author .meta_twitter {
  margin-bottom: 0;
}
.about-author .author-pic {
  width: 75px;
  height: 75px;
  border-radius: 75px;
  margin-top: 0;
  float: none;
  clear: both;
}
.about-author .author-dateline li:first-child {
  font-size: 1.5em;
  line-height: 1;
  text-transform: none;
  display: block;
}
.about-author .author-dateline a[href^="/author"] {
  display: block;
}
.about-author .meta-twitter {
  float: left;
  fill: #3aa8db;
  transition: fill 0.5s ease;
  display: inline;
  margin-bottom: 0;
  padding-bottom: 0;
}
.about-author .meta-twitter .contact {
  float: right;
  display: block;
  margin-left: 2px;
  text-align: left;
}
.about-author .read-more {
  float: right;
  font-size: 0.9em;
}
.about-author .read-more::after {
  background: initial;
  content: "";
  opacity: 0.5;
  transition: opacity 0.5s ease;
  background-position: -264px -330px;
  background-position: calc( -12px + 7*-36px) calc(-6px + 9*-36px);
  background-position: fine-icon(7, 8, -12px, -6px);
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
}
.about-author.boxout {
  background-color: #fff;
  padding: 0;
  margin-bottom: 22px;
  box-shadow: none;
  width: 100%;
}
.about-author.boxout .section {
  margin: 0;
  outline: 1px solid #168bcd;
  padding: 20px;
  background: #fff;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.about-author.boxout header h4 {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 0.95em;
  position: relative;
  padding: 4px 3px 2px 12px;
}
.about-author.boxout header h4 .section-title-link {
  margin-bottom: 15px;
  margin: 0 auto;
  display: inline-block;
  margin: 0;
  padding: 0 15px;
  margin: 0 auto;
  background: #f4f5f4;
  background: #fff;
  width: auto;
  position: relative;
  top: 15px;
  font-weight: 700;
}
.about-author.boxout .read-more {
  margin-bottom: 0;
}
.about-author.boxout a.twitter-follow {
  color: #3aa8db;
  font-weight: bold;
}

.related-article-holder {
  float: left;
  width: 45%;
  height: auto;
  margin: 4px 20px 12px 0;
  padding: 0;
  background-color: transparent;
  margin-left: -9.4rem;
  margin-left: -9.4em;
  top: -7px;
  position: relative;
  /*test case clear- not sure how this will react with images and quotes*/
  clear: both;
}
@media (max-width: 1125px) {
  .related-article-holder {
    margin-left: calc(((100% - 320px) / 100 * 40) * -1);
  }
}
@media (max-width: 975px) {
  .related-article-holder {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .related-article-holder {
    width: 100%;
  }
}

.related-article-holder header h4::before {
  /* position:absolute;
  top:5px;
  left:0px;
  width:0;
  height:0;
  content:"";
  border-top:14px solid #5ca731;
  border-right:14px solid transparent; */
}

.related-article-inner.hide {
  display: none;
}

.related-article-inner {
  margin: 0;
  padding: 0;
}

.related-in-article {
  float: left;
  margin: 0;
  padding: 10px;
  color: #000;
  font-size: 1em;
  line-height: 1.4;
  background-color: rgba(137, 150, 127, 0.07);
}

ul.related-in-article a {
  color: #000;
}

ul.related-in-article a:hover {
  color: #004185;
}

.related-article-title {
  margin: 0;
  padding: 3px 0 3px;
  line-height: 1.5;
  font-family: "Source_sans", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.4em;
}

.related-article-title div {
  margin: 0;
  padding: 0;
}

.content .related-in-article li {
  list-style-type: none;
  margin: 0.5em 0 0.5em 24px;
}

.content .related-in-article li:before {
  content: "";
  margin-top: 6px;
  margin-left: -17px;
  float: left;
  height: 10px;
  width: 10px;
  background-color: #01326A;
}

/* -------------- FURTHER READING -------------- */
.further-reading {
  float: left;
  margin-top: 30px;
  padding-bottom: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .further-reading header {
    margin: 10px;
  }
}

.further-reading.boxout {
  background-color: #fff;
  padding: 0;
  margin-bottom: 22px;
  width: 100%;
}

.further-reading header h4::before {
  /* position:absolute;
  top:5px;
  left:0px;
  width:0;
  height:0;
  content:"";
  border-top:14px solid #5ca731;
  border-right:14px solid transparent; */
}

.further-reading article {
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  padding-top: 4px;
}

.further-reading article:first-of-type {
  border-top: none;
}

section.further-reading .col:nth-of-type(1) {
  box-shadow: -1px 0 1px -1px #ccc inset;
}
@media (max-width: 768px) {
  section.further-reading .col:nth-of-type(1) {
    box-shadow: none;
  }
}

section.further-reading .col:nth-of-type(1) article {
  margin-right: 10px;
}

section.further-reading article .listing-article-list-block {
  float: none;
  clear: both;
  margin: 10px;
  padding: 0 0 5px 0;
}

section.further-reading article:nth-of-type(1) .listing-article-list-block {
  margin-top: 0;
}

.main-content .further-reading .listings-article-title {
  font-size: 1.1em;
}

.main-content section.further-reading .listings-article-title {
  font-size: 1.1em;
  line-height: 1.25;
}

.further-reading .section.group {
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 768px) {
  .further-reading .section.group {
    flex-direction: column;
  }
}

.further-reading .section.group .col.span_2_of_4 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 768px) {
  .further-reading .section.group .col.span_2_of_4 {
    width: 100%;
    flex-grow: 1;
    margin-left: 0;
  }
}

.further-reading article {
  -webkit-flex-basis: 100px;
  -webkit-flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-basis: 100px;
  flex-shrink: 1;
  flex-grow: 1;
}
.further-reading article .article-meta-details li {
  float: left;
}

/* -------------- MORE FROM SERIES -------------- */
.article-series-listing {
  width: 100%;
  display: block;
  clear: both;
}

.article-series-listing header {
  margin-bottom: 15px;
}

.article-series-listing header h4 a {
  color: #000;
}

.article-series-listing article {
  margin-bottom: 0px;
  border-top: 1px solid #ccc;
  padding-top: 4px;
}

.article-series-listing article:first-of-type {
  border-top: none;
}

.article-series-listing .listings-article-title {
  font-size: 1.1em;
}

section.article-series-listing article .listing-article-list-block {
  float: none;
  clear: both;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  display: flex;
  flex-direction: column;
}

section.article-series-listing article:nth-of-type(1) .listing-article-list-block {
  margin-top: 0;
}

section.article-series-listing .col:nth-of-type(1) article {
  margin-right: 10px;
}

.article-series-listing.section.group {
  display: -webkit-flex;
  display: flex;
}

.article-series-listing .section.group .col.span_2_of_4 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.article-series-listing article {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}

.article-series-listing .section.group .col.span_2_of_4:nth-of-type(1) {
  box-shadow: -1px 0 1px -1px #ccc inset;
}

.barrier-message section.group:nth-of-type(1) .col h3, .barrier-message section.group:nth-of-type(1) .col h2 {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 300;
  color: #000;
  font-size: 2em;
  margin: 0;
}

/**************************************************************************************************************/
/* BARRIER PAGE START */
/**************************************************************************************************************/
/* -------------- BARRIER PAGE TEXT FADE -------------- */
.barrier .article-col p:last-child {
  position: relative;
  /* -webkit-mask-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);*/
}

.barrier .article-col p:last-child:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  /* background-image:-moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); 
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
}

/* -------------- BARRIER AREA -------------- */
.barrier-block {
  height: auto;
  width: 100%;
  margin-bottom: 30px;
}

.barrier-message {
  width: 90%;
  padding: 2% 5% 2% 5%;
  margin: 0;
  background-color: rgba(1, 50, 106, 0.07);
  /* background-image:-webkit-linear-gradient(top, #8FC3CE 0%, #0D414E 100%); */
  height: auto;
}

.barrier-message .content-inner {
  margin: 0;
  padding: 0.8em;
}

.barrier-message section {
  border-top: none;
}

.barrier-message section.group:nth-of-type(1) .col {
  margin: 0;
}

/* -------------- BARRIER MESSAGE CONTENT -------------- */
.barrier-message div.group .col {
  background-color: #fff;
  float: none;
  clear: both;
  display: block;
  outline: 1px solid #ccc;
  background: #fff;
  box-sizing: border-box;
  border: 13px solid #fff;
  padding-top: 5px;
}

.barrier-message .barrier-msg-block {
  padding: 0 9% 1% 9%;
  width: 100%;
  box-sizing: border-box;
}

.barrier-message .barrier-msg-block h2 {
  margin: 0 auto 0.75em auto;
  color: #000;
  text-align: center;
}

.barrier-message .barrier-msg-block p {
  font-size: 0.9em;
  color: #333;
}

.barrier-message .barrier-msg-block .btn {
  width: auto;
  float: none;
  margin: 3% 0 5% 0;
  display: block;
}

.barrier-message .span_2_of_3 .barrier-msg-block .btn {
  width: 30%;
  float: left;
}

.barrier-message .barrier-msg-block .header-tools-content {
  margin: 0;
  padding: 0 10%;
}

/* -------------- BARRIER CUSTOMER SERVICES -------------- */
.barrier-message .group .col.customer-service {
  background-color: #fff;
}

.barrier-message .group .col.customer-service .barrier-msg-block {
  width: 92%;
  padding: 4.5% 4%;
}

.barrier-message .group .col.customer-service .barrier-msg-block h4 {
  margin: 0.7em 0;
  color: #01326A;
}

.barrier-message .group .col.customer-service .barrier-msg-block ul {
  list-style-type: none;
  padding: 0;
}

.barrier-message .group .col.customer-service .barrier-msg-block ul li {
  font-size: 0.9em;
}

.barrier-message #login .actions-holder {
  margin-top: 15px;
}

.barrier-message #login #actions button[type=submit] {
  margin-top: 10px;
}

.barrier-message .group .col .barrier-msg-block aside.customer-services {
  margin-bottom: 10%;
}

/* -------------- ANONYMOUS USER -------------- */
.barrier-anonymous-user .col {
  margin: 2% 4%;
  margin-left: 0px;
  width: 45.2%;
}

.barrier-message .barrier-msg-block.signup-message {
  padding: 0 3%;
}

.barrier-message .signup-message h2 {
  color: #000;
  width: 90%;
  margin: 0 auto 3.5% auto;
  text-align: center;
}

.barrier-message .signup-message p {
  width: 85%;
  float: none;
  margin: 1px 0 0 15px;
  padding: 0;
  color: #333;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: bold;
}

.barrier-message .signup-message ul {
  list-style-type: none;
  padding: 0;
  margin: 15px 8% 10px 8%;
  width: 80%;
  clear: both;
  float: none;
}

.barrier-message .signup-message ul li {
  padding: 0 0 0.3em 35px;
  font-size: 0.9em;
  line-height: 1.1em;
  margin: 0.5em 0;
  color: #333;
  position: relative;
}

.barrier-message .signup-message ul li:last-child {
  margin: 1% 0 0 0;
}

.no-svg .barrier-message .signup-message ul li::before {
  background-image: url(../images/site-sprite.png);
  background-position: 0px -1044px;
}

.barrier-message .signup-message ul li::before {
  background-image: url(../images/site-sprite.svgz);
  background-position: 0px -1044px;
  background-position: calc(0*-36px) calc(29*-36px);
  content: "";
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
}

.barrier-message .signup-message .btn {
  margin: 10px 0 10px 32px;
  width: auto;
  display: inline-block;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 1em;
  float: none;
}

/* -------------- EXPIRED OR NO PRODUCT ACCESS -------------- */
.barrier-message .expired-product-message h2 {
  color: #000;
  width: 100%;
  margin: 3.5% 0;
}

.barrier-message .expired-product-message p {
  width: 90%;
  float: left;
  padding: 0;
  color: #333;
  font-size: 1em;
  line-height: 1.3em;
}

.barrier-message .expired-product-message img {
  width: 35%;
  float: left;
  margin: 0 0 3% 0;
  clear: right;
}

.barrier-message .expired-product-message .btn {
  clear: both;
  float: left;
}

/* -------------- BARRIER PAGE LOGIN INPUTS -------------- */
#login fieldset,
#login_barrier fieldset {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  overflow: hidden;
}

#login #inputs input,
#login_barrier #inputs input {
  padding: 8px;
  margin: 8px 0;
}

#login_barrier input[type=email],
#login_barrier input[type=password] {
  width: 100%;
  margin-left: 0;
  border-radius: 3px;
  color: #000;
  padding: 8px;
  margin: 8px 0;
  font-size: 1em;
  box-sizing: border-box;
  text-indent: 6px;
}

.svg #login_barrier input[type=email],
.svg #login_barrier input[type=password],
.no-svg #login_barrier input[type=email],
.no-svg #login_barrier input[type=password] {
  background: none;
}

#login_barrier fieldset#actions a {
  display: block;
}

#login_barrier input[type=submit] {
  padding: 0 14px 0;
}

.submit_style.login_submit {
  background-color: #01326A;
  color: #FFF;
  border: none;
  height: 32px;
  padding: 0 5px 0;
  margin: 0;
  line-height: 0;
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background-color 0.5s ease;
  float: right;
}
.submit_style.login_submit:hover {
  background-color: #fec128;
  transition: background-color 0.5s ease;
  color: #FFF;
}

#login_barrier .export_loading {
  float: right;
  margin: 10px 10px 0 0;
}

#login fieldset#actions a, #login_barrier fieldset#actions a {
  text-align: left;
  display: block;
  font-size: 0.8em;
  margin: 0.4em 8px 0 0;
  clear: both;
}

input#remember_checkbox {
  margin-right: 7px;
}

/* BARRIER FLEX */
.barrier-expired-user,
.barrier-expired-product-user,
.barrier-anonymous-user {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* BARRIER PAGE END */
.barrier-block {
  height: auto;
  width: 100%;
  position: relative;
}

/* barrier page paragraph fade style */
.barrier .article-col {
  margin-bottom: 0;
}

.barrier .article-col p:last-child {
  position: relative;
}

.barrier .article-col p:last-child:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
}

/* barrier area */
/* barrier message block styling */
.barrier-message {
  width: 90%;
  padding: 2% 5% 2% 5%;
  margin: 0;
  height: auto;
}
body.wallpaper-visible .barrier-message {
  max-width: 1018px;
  padding: 0;
  margin: 10px auto;
}

.barrier-message .content-inner {
  margin: 0;
  padding: 0.8em;
}

.barrier-message section {
  border-top: none;
}

.barrier-message section.group:nth-of-type(1) .col {
  margin: 0;
}

.barrier-message section.group:nth-of-type(1) .col h2 {
  /*color:#12134f;*/
}

.barrier-message div.group .col {
  background-color: #fff;
}

/*barrier flex*/
.barrier-anonymous-user {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.barrier-anonymous-user .col {
  -webkit-flex-grow: 1;
  -webkit-flex-shrink: 1;
  -webkit-flex-basis: 45%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 45%;
  margin: 18px;
}

.barrier-message .barrier-msg-block {
  padding: 0 3% 1% 3%;
  width: 94%;
}

.barrier-message .barrier-msg-block h2 {
  margin: 0.75em 0;
  color: #000;
}

.barrier-message .barrier-msg-block p {
  font-size: 0.9em;
  color: #333;
}

.barrier-message .barrier-msg-block .btn {
  width: auto;
  float: none;
  margin: 3% 0 5% 0;
  display: block;
}

.barrier-message .span_2_of_3 .barrier-msg-block .btn {
  width: 30%;
  float: left;
}

.barrier-message .barrier-msg-block .header-tools-content {
  margin: 0;
  padding: 0 10%;
}

/* Dedicated customer services column message styling */
.barrier-message .group .col.customer-service .barrier-msg-block {
  width: 92%;
  padding: 4.5% 4%;
}

.barrier-message .group .col.customer-service .barrier-msg-block h4 {
  margin: 0.7em 0;
  color: #069;
}

.barrier-message .group .col.customer-service .barrier-msg-block ul {
  list-style-type: none;
  padding: 0;
}

.barrier-message .group .col.customer-service .barrier-msg-block ul li {
  font-size: 0.9em;
}

/* margin overwrite for login form in barrier */
.barrier-message #login_barrier .actions-holder {
  margin: 15px 0px;
}
.barrier-message #login_barrier .actions-holder label input {
  margin-right: 10px;
}

.barrier-message #login #actions button[type=submit] {
  margin-top: 10px;
}

.barrier-message .group .col .barrier-msg-block aside.customer-services {
  margin-bottom: 10%;
}

/* Style for advert position in after barrier content */
/*.barrier-ad-slot { margin-top:33px; } */
/* first column class - in place of nth child col to control margins */
.first-col {
  margin-left: 0;
}

@media only screen and (max-width: 768px) {
  .barrier-message .group .col {
    width: 90%;
    margin: 2% 5%;
  }

  .barrier-message .barrier-msg-block.barrier-login h2 {
    content: "";
    background-position: -7px -64px;
    background-repeat: no-repeat;
    text-indent: 22px;
    cursor: pointer;
    transition: color 0.5s ease;
  }

  .barrier-message .barrier-msg-block.barrier-login h2.active {
    background-position: -7px -36px;
  }

  .barrier-msg-block .barrier-login-form {
    display: none;
    transition: color 0.5s ease;
  }

  .barrier-msg-block .barrier-login-form.active {
    display: block;
  }

  .barrier-message .span_2_of_3 .barrier-msg-block .btn {
    width: 40%;
    float: left;
  }

  /* sidebar mpu adslot style - hide on less than 786 */
  .sidebar .component.ad-slot {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .barrier-message .group .col {
    width: 96%;
    margin: 2% 2%;
  }
}
/* ------- Reg msg styles - test only:start - REMOVE THIS ------- */
/* Anonymous user - start */
.barrier-message .signup-message h2 {
  color: #000;
  width: 90%;
  margin: 3.5% auto;
  text-align: center;
}

.barrier-message .signup-message p {
  width: 90%;
  float: left;
  margin: 4% 0 7% 7%;
  padding: 0;
  color: #333;
  font-size: 1em;
  line-height: 1.1em;
  font-weight: bold;
}

.barrier-message .signup-message p:nth-of-type(2) {
  width: 45%;
  margin: 4% 0 20px 7%;
}

.barrier-message .signup-message img {
  width: 90%;
  float: left;
  margin: 0 0 3% 0;
  clear: right;
}

.barrier-message .signup-message ul {
  list-style-type: none;
  padding: 0;
  margin: 0 10%;
  width: 80%;
  clear: both;
  float: none;
}

.barrier-message .signup-message ul li {
  background-repeat: no-repeat;
  background-position: 0px -947px;
  padding: 0 0 0.3em 35px;
  font-size: 0.9em;
  line-height: 1.1em;
  margin: 0.5em 0;
  color: #333;
}

.barrier-message .signup-message ul li:last-child {
  margin: 1% 0 0 0;
}

.barrier-message .signup-message .btn {
  margin: 2.5% 10%;
  width: 80%;
  float: none;
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
  .barrier-message .signup-message img {
    display: none;
  }

  .barrier-message .signup-message p {
    width: 90%;
  }
}
@media only screen and (max-width: 550px) {
  .barrier-message .signup-message img {
    display: none;
  }

  .barrier-message .signup-message p {
    width: 90%;
  }
}
/* Anonymous user - end */
/* Expired or product user - start */
.barrier-message .expired-product-message h2 {
  color: #000;
  width: 100%;
  margin: 3.5% 0;
}

.barrier-message .expired-product-message p {
  width: 46%;
  float: left;
  margin: 4% 2% 3% 2%;
  padding: 0;
  color: #333;
  font-size: 1em;
  line-height: 1.3em;
}

.barrier-message .expired-product-message img {
  width: 90%;
  float: left;
  margin: 0 0 3% 0;
  clear: right;
}

.barrier-message .expired-product-message .btn {
  clear: both;
  float: left;
  margin: 3% 0 5% 5%;
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
  .barrier-message .expired-product-message img {
    display: none;
  }

  .barrier-message .expired-product-message p {
    width: 90%;
    margin: 0 5% 3% 5%;
  }
}
@media only screen and (max-width: 650px) {
  .barrier-message .expired-product-message img {
    display: none;
  }

  .barrier-message .expired-product-message p {
    width: 90%;
    margin: 0 5% 3% 5%;
  }
}
/* Expired or product user - end */
.barrier-message .barrier-msg-block h2 {
  text-align: center;
  margin: 0.75em auto;
  font-family: "Source_sans", Arial, sans-serif;
}

.barrier-msg-block.signup-message a {
  border-radius: 5px;
}

.barrier-message .barrier-msg-block {
  padding: 0 9% 1% 9%;
  width: 100%;
  box-sizing: border-box;
}

.barrier-message .barrier-msg-block.signup-message {
  padding: 0 3%;
}

.barrier-message .signup-message ul {
  margin: 0 8%;
}

.barrier-message .signup-message ul li {
  background: none;
  position: relative;
}

.barrier-message .signup-message ul li::before {
  background-image: url("../images/site-sprite.svgz");
  background-position: calc(0*-36px) calc(29*-36px);
  content: "";
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
}

@media only screen and (max-width: 768px) {
  .barrier-message .barrier-msg-block.barrier-login h2 {
    background-image: none;
    text-indent: 0;
  }

  .barrier-message .barrier-msg-block.barrier-login h2::before {
    content: "";
    float: left;
    /* margin-left: 8px; */
    margin-top: 11px;
    width: 13px;
    height: 13px;
    opacity: 0.5;
    cursor: pointer;
    background-image: none;
    transition: color 0.5s ease, border 0.5s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8.5px;
    border-color: #171864 transparent transparent transparent;
    line-height: 0px;
    _border-color: #171864 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  }

  .barrier-message .barrier-msg-block.barrier-login h2.active::before {
    margin-top: 8px;
    opacity: 1;
    transition: color 0.5s ease, border 0.5s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8.5px 8px;
    border-color: transparent transparent #171864 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #171864 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  }
}
body.wallpaper-visible .barrier-message .content {
  background-color: transparent;
}

/* -------------- FEATURED ARTICLE HEADER -------------- */
.article-featured .article-title {
  color: #fff;
}

/* -------------- AUTHOR POWERUP ARTICLE HEADER -------------- */
body.article-contributor header.article-header {
  background-repeat: no-repeat;
  background-position: 75% 0%;
  background-color: #484848;
  height: 137px;
  margin-top: 0px;
}

body.article-contributor header.article-header h1 {
  color: #fff;
}

/* -------------- VIDEO ARTICLE -------------- */
.video-player-container {
  margin-bottom: 1.1em;
}

/* -------------- SPONSORED ARTICLE -------------- */
.blog-ribbon .span_2_of_5 {
  background-color: #004185;
  border: 1px solid #ccc;
  border-right: none;
}

.blog-ribbon .span_3_of_5 {
  padding: 0;
  background-color: #afd5fc;
  border: 1px solid #ccc;
  border-left: none;
}

.blog-ribbon .col.span_3_of_5 p {
  color: #004185;
  margin-bottom: 5px;
}

.blog-ribbon {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 0 0 18px;
  padding: 0;
}
@media (max-width: 768px) {
  .blog-ribbon {
    flex-wrap: wrap;
  }
}

.blog-ribbon .col {
  display: block;
  float: left;
  margin: 1% 0 1% 0;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .blog-ribbon .col {
    width: 100%;
    clear: both;
  }
}

.no-svg .blog-ribbon .blog-branding {
  background-image: url("../images/industryvoice-logo.png");
}

.blog-ribbon .blog-branding {
  margin-top: 8px;
  margin-left: 8px;
  background-image: url("../images/industryvoice-logo.svgz");
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 50px;
}

.tooltip {
  display: none;
  position: absolute;
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  padding: 3px 7px;
  border-radius: 4px;
  color: #666;
  font-size: 0.7em;
  box-shadow: 0px 2px 2px 0px rgba(200, 200, 200, 0.4);
}

.what-is-holder {
  position: relative;
  box-sizing: border-box;
}

.blog-ribbon .what-is-holder:hover {
  cursor: help;
}

.blog-ribbon .what-is-this-box {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 10px;
  color: #333;
  background-color: #fff;
  padding: 3%;
  border: 1px solid #cdcdcd;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .blog-ribbon .what-is-this-box {
    display: block;
    position: relative;
    width: 100%;
    visibility: visible;
    opacity: 1;
  }
}

.blog-ribbon .what-is-holder:hover .what-is-this-box {
  top: 20px;
  background-color: #fff;
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.blog-ribbon .sponsor-main-logo {
  margin-top: 4px;
  max-width: 80%;
  height: auto;
}

.blog-ribbon .image-text-group-b p {
  margin-bottom: 0;
}

.blog-ribbon .sponsor-main-text {
  float: left;
  margin: 0;
  padding: 1.5% 0 0 1.5%;
  width: 66%;
  color: #3a3a3a;
}
@media (max-width: 768px) {
  .blog-ribbon .sponsor-main-text {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
  }
}

.blog-ribbon .sponsor-main-logo {
  float: left;
  margin: 0;
  padding: 0;
  width: 32%;
}

.blog-ribbon .sponsor-main-logo img {
  float: left;
  width: 100%;
  height: auto;
}

.sponsor-main-logo p {
  margin: 0;
  float: right;
}

.sponsor-section .boxout {
  background-color: #6993c3;
  color: #fff;
  clear: both;
}

.sponsor-section .sponsor-image {
  margin-top: 8px;
  margin-bottom: 18px;
  float: none;
}

.sponsor-section .boxout h5 {
  font-size: 1.2em;
  line-height: 1.1;
  margin-bottom: 8px;
}

.sponsor-section .boxout a {
  color: #fff;
}

.sponsored_article .article-page-body-content p {
  font-size: 17px;
}
.sponsored_article.no-gutter-layout .ad-slot-full {
  padding: 0;
}
.sponsored_article.no-gutter-layout #rdm-rhc-top.ad-slot div {
  margin: 0;
}
.sponsored_article.no-gutter-layout .article-header .span_4_of_5 {
  width: 100%;
  clear: both;
}
.sponsored_article.no-gutter-layout .article-header .span_4_of_5 .article-title,
.sponsored_article.no-gutter-layout .article-header .span_4_of_5 .article-sub-title {
  margin-left: 0;
}
.sponsored_article.no-gutter-layout .article-header .span_4_of_5 .article-title {
  color: #012651;
  font-size: 3.0em;
  line-height: 1.25;
  margin-bottom: 0;
  margin-left: 0;
}
@media screen and (max-width: 975px) {
  .sponsored_article.no-gutter-layout .article-header .span_4_of_5 .article-title {
    font-size: 2em;
  }
}
.sponsored_article.no-gutter-layout article.article .span_1_of_5 {
  margin: 0;
  padding: 0;
}
.sponsored_article.no-gutter-layout article.article .article-summary {
  line-height: 1.4;
  font-size: 1.2em;
}
.sponsored_article.no-gutter-layout .content-inner:before, .sponsored_article.no-gutter-layout .content-inner:after {
  content: "";
  display: table;
}
.sponsored_article.no-gutter-layout .content-inner:after {
  clear: both;
}
.sponsored_article.no-gutter-layout .article-meta-container {
  position: relative;
  top: initial;
  left: 0;
  margin: 0;
  width: initial;
  margin-bottom: 8px;
}
.sponsored_article.no-gutter-layout .article-meta-container .article-meta-numbers {
  display: none;
}
.sponsored_article.no-gutter-layout .span_4_of_5.article-col {
  width: 100%;
}
.sponsored_article.no-gutter-layout .related-article-holder {
  margin-left: 0;
}
.sponsored_article.no-gutter-layout .author-pic {
  float: none;
}
.sponsored_article.no-gutter-layout .content article .meta-taxonomy-list {
  background-color: #f4f4f4;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.sponsored_article.no-gutter-layout .content article .meta-taxonomy-list:before, .sponsored_article.no-gutter-layout .content article .meta-taxonomy-list:after {
  content: "";
  display: table;
}
.sponsored_article.no-gutter-layout .content article .meta-taxonomy-list:after {
  clear: both;
}
.sponsored_article.no-gutter-layout .content article .meta-taxonomy-list li.author-dateline-name {
  font-size: 1.5em;
  text-transform: none;
  color: #012651;
}
.sponsored_article.no-gutter-layout .content article .meta-taxonomy-list li:first-child {
  width: initial;
}
.sponsored_article.no-rhc-layout main.content-inner {
  margin-right: 0;
}
.sponsored_article.no-rhc-layout .sidebar {
  margin: 0 auto;
  float: none;
  clear: both;
  width: 76%;
}
.sponsored_article.no-rhc-layout article.article .span_1_of_5 {
  width: calc((100% - 320px) / 100 * 18.72);
}
.sponsored_article.no-rhc-layout article.article .article-meta-container {
  width: calc((100% - 320px) / 100 * 18.72 - 20px);
  margin-left: calc(0px - (100% - 320px) / 100 * 18.72);
}
@media (max-width: 975px) {
  .sponsored_article.no-rhc-layout article.article .article-meta-container {
    margin-left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
  }
}
.sponsored_article.no-rhc-layout article.article .article-col {
  width: calc(100% - (100% - 320px) / 100 * 18.72);
}
@media (max-width: 975px) {
  .sponsored_article.no-rhc-layout article.article .article-col {
    width: 100%;
    box-sizing: border-box;
  }
}
.sponsored_article.no-rhc-layout .article-title {
  margin-left: 0;
}
.sponsored_article.no-rhc-layout .related-article-holder {
  margin-left: 0;
}
.sponsored_article.no-rhc-layout.no-gutter-layout article.article .article-col,
.sponsored_article.no-rhc-layout.no-gutter-layout article.article .article-meta-container {
  width: 100%;
  margin-left: 0;
}
.sponsored_article.no-rhc-layout.no-gutter-layout .page-content .content {
  max-width: 970px;
}
.sponsored_article.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline {
  background-color: #f4f4f4;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.sponsored_article.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline:before, .sponsored_article.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline:after {
  content: "";
  display: table;
}
.sponsored_article.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline:after {
  clear: both;
}
@media screen and (max-width: 40.75em) and (min-width: 321px) {
  .sponsored_article.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline li {
    width: initial;
  }
}
@media screen and (max-width: 975px) {
  .sponsored_article.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline .author-dateline-image {
    width: initial;
  }
}
.sponsored_article.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline .author-dateline-name {
  width: initial;
  clear: none;
}

.article-featured .blog-ribbon {
  width: 50%;
}
.article-featured .blog-ribbon .col,
.article-featured .blog-ribbon .span_2_of_5 {
  background-color: transparent;
  border: none;
  color: #000;
}

.sponsored_article_label {
  color: #FFF;
  background-color: #161760;
  margin-right: 7px;
  padding-left: 4px !important;
}

body.wallpaper-visible.longform_article header.article-header > .content {
  background-color: transparent;
}

.article-featured nav.trendingbanner {
  display: none !important;
}
.article-featured .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.article-featured .embed-container iframe, .article-featured .embed-container object, .article-featured .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.article-featured p.article-summary {
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5em;
  float: none;
  display: block;
  max-width: 800px;
  margin: 40px auto 0px;
  padding: 0 16px;
  box-sizing: border-box;
}
.article-featured .sidebar {
  display: none;
}
.article-featured .component-more-from:nth-of-type(2) {
  display: none;
}
.article-featured .news-articles {
  display: none;
}
.article-featured .article-page-body-content,
.article-featured .page-content main.content-inner {
  margin: 0 auto;
}
.article-featured #rdm-below-header.ad-slot-full {
  padding: 0;
  display: none !important;
}
.article-featured .container .article-header {
  background-size: cover;
  background-position: top center;
  min-height: 720px;
  background-color: #022248;
  filter: saturate(1.2) brightness(1.2);
  position: relative;
}
@media (max-width: 37.5em) {
  .article-featured .container .article-header {
    min-height: auto;
  }
}
.article-featured .container .article-header::after {
  background-image: radial-gradient(ellipse at bottom right, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  left: 0;
}
@media (max-width: 37.5em) {
  .article-featured .container .article-header::after {
    background-image: radial-gradient(ellipse at bottom right, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.1) 100%);
  }
}
.article-featured .container .article-header .content {
  z-index: 1;
  position: relative;
  max-width: 1200px;
  margin: auto;
}
.article-featured .container .article-header .meta-taxonomy-list.breadcrumb a:link,
.article-featured .container .article-header .meta-taxonomy-list.breadcrumb a:visited,
.article-featured .container .article-header .meta-taxonomy-list.breadcrumb li,
.article-featured .container .article-header .article-title,
.article-featured .container .article-header .article-sub-title {
  color: white;
  margin: 0;
  padding: 0;
}
.article-featured .container .article-header .article-title {
  margin-bottom: 0.5em;
  text-transform: capitalize;
  font-size: 3em;
  font-size: 4vw;
  font-weight: 700;
  text-shadow: 0px 10px 23px #1a1a115e;
}
@media (max-width: 1280px) {
  .article-featured .container .article-header .article-title {
    font-size: 7vw;
    padding: 0 40px;
  }
}
@media (max-width: 37.5em) {
  .article-featured .container .article-header .article-title {
    font-size: 10vw;
  }
}
.article-featured .container .article-header .article-sub-title {
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5em;
}
@media (max-width: 1280px) {
  .article-featured .container .article-header .article-sub-title {
    padding: 0 40px;
  }
}
@media (max-width: 37.5em) {
  .article-featured .container .article-header .article-sub-title {
    font-size: 19px;
    line-height: 1.45;
  }
}
.article-featured .container .article-header p.article-summary {
  line-height: 1.5;
  font-weight: 300;
  font-size: 1.5em;
  float: none;
  display: block;
  max-width: 800px;
  margin: 40px auto 0px;
  padding: 0 16px;
  box-sizing: border-box;
}
.article-featured .container .article-header .content-inner {
  padding: 0;
  padding-top: 80px;
  padding-bottom: 50px;
  margin-right: 0;
  width: 100%;
  text-align: center;
}
.article-featured .container .article-header .content-inner:before, .article-featured .container .article-header .content-inner:after {
  content: "";
  display: table;
}
.article-featured .container .article-header .content-inner:after {
  clear: both;
}
@media (min-height: 600px) {
  .article-featured .container .article-header .content-inner {
    padding-top: calc(30vh - 100px);
  }
}
@media (min-height: 900px) {
  .article-featured .container .article-header .content-inner {
    padding-top: 170px;
  }
}
@media (min-height: 600px) {
  .article-featured .container .article-header .content-inner {
    padding-bottom: calc(40vh - 190px);
  }
}
@media (min-height: 900px) {
  .article-featured .container .article-header .content-inner {
    padding-bottom: 170px;
  }
}
@media (max-width: 37.5em) {
  .article-featured .container .article-header .content-inner {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
.article-featured .container .article-header .col {
  float: none;
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}
.article-featured .container .article-header .col.span_1_of_5 nav {
  margin: 0;
}
.article-featured .container .article-header .col.span_1_of_5 nav .meta-taxonomy-list {
  margin: 10px auto;
  display: none;
}
.article-featured .page-content > .content {
  overflow: visible;
}
.article-featured .page-content main.content-inner {
  padding: 0;
}
.article-featured .page-content main.content-inner:before, .article-featured .page-content main.content-inner:after {
  content: "";
  display: table;
}
.article-featured .page-content main.content-inner:after {
  clear: both;
}
.article-featured article.article .span_1_of_5 {
  display: none;
}
.article-featured article.article .span_4_of_5 {
  width: 100%;
}
.article-featured article.article .article-meta-container {
  width: initial;
  position: relative;
  max-width: 800px;
  margin: auto;
  padding: 0px 16px;
  box-sizing: border-box;
  position: absolute;
  top: 32px;
}
@media (max-width: 1024px) {
  .article-featured article.article .article-meta-container {
    position: relative;
    max-width: 768px;
    /* Top author display */
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list.author-dateline {
    background-color: rgba(137, 150, 127, 0.07);
    min-height: 95px;
    width: 100%;
    float: none;
    clear: both;
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list.author-dateline li {
    float: left;
    width: 65%;
    display: inline;
    clear: none;
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list.author-dateline li:first-child {
    width: auto;
    float: left;
    clear: none;
    display: inline;
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list.author-dateline li:nth-of-type(2) {
    margin-top: 7px;
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list.author-dateline .author-pic {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    margin-left: 10px;
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list.author-dateline .meta-twitter {
    margin: 0;
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list {
    font-size: 1em;
  }
}
@media (max-width: 768px) {
  .article-featured article.article .article-meta-container {
    padding: 0 32px;
  }
}
.article-featured article.article .article-meta-container .article-page-body-content {
  max-width: 800px;
  width: 100%;
}
.article-featured article.article .article-meta-container .article-page-body-content p:first-child:first-letter {
  color: #01326A;
  float: left;
  font-weight: bold;
  font-size: 5.5em;
  line-height: 1em;
  padding-top: 14px;
  padding: 15px;
}
.article-featured article.article .article-meta-container .author-pic {
  margin-top: 0;
}
.article-featured article.article .article-meta-container ::before {
  content: none;
}
@media (min-width: 1024px) {
  .article-featured article.article .article-meta-container .tools-container {
    width: 100px;
  }
}
.article-featured article.article .article-meta-container .article-meta-numbers {
  display: none;
}
.article-featured article.article .article-page-body-content {
  max-width: 800px;
  width: 100%;
  line-height: 1.7;
  padding: 0px 16px;
  box-sizing: border-box;
}
.article-featured article.article .article-page-body-content p.dropcap:first-letter,
.article-featured article.article .article-page-body-content p:first-child:first-letter {
  float: left;
  font-weight: bold;
  font-size: 4.5em;
  line-height: 1em;
  padding: 18px 30px 12px;
  background-color: #01326A;
  margin-top: 8px;
  margin-right: 16px;
  color: #168bcd;
  font-weight: 300;
}
.article-featured article.article .article-page-body-content p {
  max-width: 800px;
  margin: 32px auto;
  text-align: justify;
  font-size: 21px;
  font-size: 1.3125em;
}
@media (max-height: 800px) and (max-width: 1280px) {
  .article-featured article.article .article-page-body-content p {
    font-size: 18px;
  }
}
@media (max-width: 37.5em) {
  .article-featured article.article .article-page-body-content p {
    font-size: 17px;
    line-height: 1.7;
  }
}
.article-featured article.article .article-page-body-content p.figure {
  width: 100%;
}
.article-featured article.article .article-page-body-content img {
  clear: both;
  display: block;
  margin: 40px auto;
}
.article-featured article.article .article-page-body-content img.landscape {
  max-width: 150%;
  height: auto;
  margin-left: -25%;
  width: 150%;
}
@media (max-width: 1440px) {
  .article-featured article.article .article-page-body-content img.landscape {
    max-width: 140%;
    height: auto;
    margin-left: -20%;
    width: 140%;
  }
}
@media (max-width: 1280px) {
  .article-featured article.article .article-page-body-content img.landscape {
    max-width: 120%;
    height: auto;
    margin-left: -10%;
    width: 120%;
  }
}
@media (max-width: 1000px) {
  .article-featured article.article .article-page-body-content img.landscape {
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    width: 100%;
  }
}
.article-featured article.article .article-page-body-content p.figure span.figcaption {
  text-align: right;
  margin-top: -20px;
  float: right;
  border-top: 4px solid #168bcd;
  padding-top: 10px;
  font-size: 16px;
}
.article-featured article.article .article-page-body-content blockquote {
  font-weight: 300;
  color: #168bcd;
  font-size: 1.9em;
  line-height: 1.5;
  margin: 8px 40px;
}
.article-featured article.article .article-page-body-content blockquote:before {
  top: 0.8em;
}
@media (max-width: 37.5em) {
  .article-featured article.article .article-page-body-content blockquote {
    margin: 8px 10px;
    font-size: 1.6em;
    padding-top: 10px;
  }
  .article-featured article.article .article-page-body-content blockquote:before {
    display: inline-block;
    float: none;
    position: relative;
    top: 41px;
  }
}
.article-featured .longform-hpu,
.article-featured #longform-hpu {
  width: 300px;
  float: right;
  margin-right: -20%;
  margin-left: 20px;
}
@media (max-width: 1100px) {
  .article-featured .longform-hpu,
  .article-featured #longform-hpu {
    margin-right: -15%;
  }
}
@media (max-width: 1024px) {
  .article-featured .longform-hpu,
  .article-featured #longform-hpu {
    margin-right: -5%;
  }
}
@media (max-width: 970px) {
  .article-featured .longform-hpu,
  .article-featured #longform-hpu {
    margin-right: 0%;
  }
}
@media (max-width: 768px) {
  .article-featured .longform-hpu,
  .article-featured #longform-hpu {
    margin-right: 0%;
    margin: auto;
    float: none;
  }
}
.article-featured .longform-billboard,
.article-featured #longform-billboard {
  width: 970px;
  margin-left: calc((970px - 100%) / -2);
  clear: both;
}
.article-featured.barrier .barrier-message section.group:nth-of-type(1) .col h2 {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 300;
}
.article-featured.barrier .content figure.main {
  max-width: 800px;
  float: none;
  margin: 0 auto;
  margin-top: 40px;
}
.article-featured.barrier .container .article-header {
  min-height: 600px;
}
@media (max-width: 37.5em) {
  .article-featured.barrier .container .article-header {
    min-height: initial;
  }
  .article-featured.barrier .container .article-header::after {
    background-image: radial-gradient(ellipse at bottom right, rgba(2, 34, 72, 0.4) 10%, rgba(2, 34, 72, 0.2) 40%, rgba(2, 34, 72, 0) 100%);
  }
}
.article-featured.barrier .container .article-header .content-inner {
  padding-top: 90px;
}
.article-featured.barrier .content-inner {
  margin-right: 0;
}

.content-hub-listings {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.content-hub-listings > article {
  margin-left: 0;
}
.content-hub-listings .primary-hub-article article,
.content-hub-listings .secondary-hub-articles article {
  box-sizing: border-box;
}
.content-hub-listings .primary-hub-article img,
.content-hub-listings .secondary-hub-articles img {
  width: 100%;
  max-width: 100%;
  margin: 0px;
}
.content-hub-listings .primary-hub-article {
  margin-bottom: 20px;
}
.content-hub-listings .primary-hub-article article {
  padding: 12px;
}
.content-hub-listings .primary-hub-article article .image-text-group-a {
  box-sizing: border-box;
  width: 50%;
  max-width: 50%;
}
.content-hub-listings .primary-hub-article article .image-text-group-b {
  margin: 0;
  padding: 8px;
  box-sizing: border-box;
  width: 50%;
  max-width: 50%;
  padding-left: 10px;
  height: auto;
}
.content-hub-listings .primary-hub-article article .image-text-group-b .listings-article-title {
  font-size: 2em;
}
@media (max-width: 576px) {
  .content-hub-listings .primary-hub-article article {
    flex-direction: column;
    padding: 0px;
  }
  .content-hub-listings .primary-hub-article article .image-text-group-a {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    flex-grow: 1;
  }
  .content-hub-listings .primary-hub-article article .image-text-group-b {
    margin: 0;
    padding: 8px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 15px 10px;
  }
  .content-hub-listings .primary-hub-article article .image-text-group-b .listings-article-title {
    font-size: 1.2em;
  }
}
.content-hub-listings .secondary-hub-articles {
  justify-content: space-between;
  padding-left: 0;
}
.content-hub-listings .secondary-hub-articles article .image-text-group-b {
  height: auto;
}
@media (max-width: 576px) and (min-width: 460px) {
  .content-hub-listings .secondary-hub-articles .image-text-group-a {
    margin-right: 0;
  }
  .content-hub-listings .secondary-hub-articles article:first-child {
    width: 100%;
    flex-grow: 1;
    margin-right: 0;
  }
  .content-hub-listings .secondary-hub-articles article:last-child {
    margin-right: 0;
  }
}
.content-hub-listings .article-meta-details li {
  float: left;
}

.content-hub {
  text-align: center;
  margin-top: 1em;
}

.no-flexbox .content-hub-listings {
  display: block;
}
.no-flexbox .content-hub-listings .primary-hub-article article,
.no-flexbox .content-hub-listings .secondary-hub-articles article {
  flex: none;
  display: block;
}
.no-flexbox .content-hub-listings .primary-hub-article article .image-text-group-a,
.no-flexbox .content-hub-listings .primary-hub-article article .image-text-group-b,
.no-flexbox .content-hub-listings .secondary-hub-articles article .image-text-group-a,
.no-flexbox .content-hub-listings .secondary-hub-articles article .image-text-group-b {
  float: left;
  display: block;
  margin-right: 0;
}
.no-flexbox .content-hub-listings .primary-hub-article article .image-text-group-b,
.no-flexbox .content-hub-listings .secondary-hub-articles article .image-text-group-b {
  height: auto;
}
@media (max-width: 960px) {
  .no-flexbox .content-hub-listings .primary-hub-article article,
  .no-flexbox .content-hub-listings .secondary-hub-articles article {
    width: 100%;
    margin-right: 0;
  }
  .no-flexbox .content-hub-listings .primary-hub-article article .image-text-group-a,
  .no-flexbox .content-hub-listings .secondary-hub-articles article .image-text-group-a {
    margin-top: 15px;
    max-width: 25%;
    width: 25%;
  }
  .no-flexbox .content-hub-listings .primary-hub-article article .image-text-group-b,
  .no-flexbox .content-hub-listings .secondary-hub-articles article .image-text-group-b {
    max-width: 74%;
    width: 72%;
  }
}

body.wallpaper-visible .page-content > .content .content-hub-listings .secondary-hub-articles .listings-article-title {
  font-size: 1.2em;
}

.no-gutter-layout .ad-slot-full {
  padding: 0;
}
.no-gutter-layout #rdm-rhc-top.ad-slot div {
  margin: 0;
}
.no-gutter-layout .article-header .span_4_of_5 {
  width: 100%;
  clear: both;
}
.no-gutter-layout .article-header .span_4_of_5 .article-title,
.no-gutter-layout .article-header .span_4_of_5 .article-sub-title {
  margin-left: 0;
}
.no-gutter-layout .article-header .span_4_of_5 .article-title {
  color: #168bcd;
  font-size: 3.0em;
  line-height: 1.25;
  margin-bottom: 0;
  margin-left: 0;
}
@media screen and (max-width: 975px) {
  .no-gutter-layout .article-header .span_4_of_5 .article-title {
    font-size: 2em;
  }
}
.no-gutter-layout article.article .span_1_of_5 {
  margin: 0;
  padding: 0;
}
.no-gutter-layout article.article .article-summary {
  line-height: 1.4;
  font-size: 1.2em;
}
.no-gutter-layout .content-inner:before, .no-gutter-layout .content-inner:after {
  content: "";
  display: table;
}
.no-gutter-layout .content-inner:after {
  clear: both;
}
.no-gutter-layout .article-meta-container {
  position: relative;
  top: initial;
  left: 0;
  margin: 0;
  width: initial;
  margin-bottom: 8px;
}
.no-gutter-layout .article-meta-container .article-meta-numbers {
  display: none;
}
.no-gutter-layout .span_4_of_5.article-col {
  width: 100%;
}
.no-gutter-layout .related-article-holder {
  margin-left: 0;
}
.no-gutter-layout .author-pic {
  float: none;
}
.no-gutter-layout .content article .meta-taxonomy-list {
  background-color: #f4f4f4;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.no-gutter-layout .content article .meta-taxonomy-list:before, .no-gutter-layout .content article .meta-taxonomy-list:after {
  content: "";
  display: table;
}
.no-gutter-layout .content article .meta-taxonomy-list:after {
  clear: both;
}
.no-gutter-layout .content article .meta-taxonomy-list li.author-dateline-name {
  font-size: 1.5em;
  text-transform: none;
  color: #012651;
}
.no-gutter-layout .content article .meta-taxonomy-list li:first-child {
  width: initial;
}

.no-rhc-layout main.content-inner {
  margin-right: 0;
}
.no-rhc-layout .sidebar {
  margin: 0 auto;
  float: none;
  clear: both;
  width: 76%;
}
.no-rhc-layout article.article .span_1_of_5 {
  width: calc((100% - 320px) / 100 * 18.72);
}
.no-rhc-layout article.article .article-meta-container {
  width: calc((100% - 320px) / 100 * 18.72 - 20px);
}
@media (max-width: 975px) {
  .no-rhc-layout article.article .article-meta-container {
    margin-left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
  }
}
.no-rhc-layout article.article .article-col {
  width: calc(100% - (100% - 320px) / 100 * 18.72);
}
@media (max-width: 975px) {
  .no-rhc-layout article.article .article-col {
    width: 100%;
    box-sizing: border-box;
  }
}
.no-rhc-layout .article-title {
  margin-left: 0;
}
.no-rhc-layout .related-article-holder {
  margin-left: 0;
}
.no-rhc-layout.no-gutter-layout article.article .article-col,
.no-rhc-layout.no-gutter-layout article.article .article-meta-container {
  width: 100%;
  margin-left: 0;
}
.no-rhc-layout.no-gutter-layout .page-content .content {
  max-width: 970px;
}
.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline {
  background-color: #f4f4f4;
  padding: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline:before, .no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline:after {
  content: "";
  display: table;
}
.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline:after {
  clear: both;
}
@media screen and (max-width: 40.75em) and (min-width: 321px) {
  .no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline li {
    width: initial;
  }
}
@media screen and (max-width: 975px) {
  .no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline .author-dateline-image {
    width: initial;
  }
}
.no-rhc-layout.no-gutter-layout .meta-taxonomy-list.author-dateline .author-dateline-name {
  width: initial;
  clear: none;
}

.strapline-nav {
  height: 47px;
  display: inline-block;
}
.strapline-nav span {
  font-weight: 800;
  color: white;
  top: 5px;
  position: relative;
  font-size: 1.125em;
}

.stapline-nav-icon {
  margin: 0px auto;
  padding: 0;
  background-repeat: no-repeat;
  -webkit-transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  background-position: -72px 0px;
  background-position: -72px 4px;
  vertical-align: middle;
  display: inline-block;
  width: 151px;
  height: 43px;
  margin-right: 10px;
}

.content.system section {
  border-top: none;
}

.content.system section:nth-of-type(1) {
  margin-bottom: 0;
}

.content.system .span_2_of_4 {
  background-color: #FFF;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 40px;
}

.content.system .span_2_of_4 .content-inner {
  float: left;
  display: block;
  margin: 3% 10% 5%;
}

.content.system input {
  padding: 8px;
  margin: 8px 0;
  font-size: 1em;
  border-radius: 3px;
  box-sizing: border-box;
  text-indent: 6px;
}

.content.system .span_2_of_4 .btn.activate {
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.system h1 {
  margin: 0.3em 0 0.7em 0;
}

.content.system h2 {
  margin-bottom: 22px;
  font-size: 1.8em;
  margin-top: 2px;
}

.system p {
  margin: 0 0 1em 0;
  color: #333;
}

.system p:nth-of-type(1) {
  margin: 1.5em 0 1em 0;
}

.content.system .col h4 {
  margin: 1em 0;
}

.content.system .btn {
  width: auto;
  padding-left: 8px;
  padding-right: 15px;
  float: right;
  margin-right: 0;
  border-radius: 0;
}

/* error messages */
.content .error,
.content .login_error_message {
  color: #800;
  margin: 2% 0;
  padding: 0;
}

.error .errorExplanation h2 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  display: none;
}

.error .errorExplanation p {
  margin: 10px 0 6px;
  font-size: 0.9em;
  display: none;
}

.error ul {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  list-style: none;
}

.welcome-message {
  margin: 2em 0 0 0;
}

/* Customer services */
.system .customer-services {
  padding: 20px 40px;
  width: 100%;
  margin: 10px auto;
  box-sizing: border-box;
  background-color: #87abcf;
}
.system .customer-services, .system .customer-services p {
  color: #FFF;
}
.system .customer-services ul {
  list-style-type: none;
  padding: 0;
}
.system .customer-services p,
.system .customer-services li,
.system .customer-services li a {
  font-size: 1em;
}
.system .customer-services a {
  font-weight: 600;
  color: #FFF;
}
.system .customer-services a:hover {
  color: #FFF;
}

#no_account_user p {
  font-size: 1em;
  line-height: 1.4;
}
#no_account_user p a {
  font-weight: 600;
  color: #1e67bb;
}
#no_account_user p a:hover {
  color: #fec128;
}
#no_account_user p:last-child a {
  background-color: #1e67bb;
  color: #fff;
  border: none;
  height: 32px;
  padding: 8px 15px;
  margin: 0;
  line-height: 0;
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background-color 0.5s ease;
}
#no_account_user p:last-child a:hover {
  background-color: #01326A;
}

/* Input controls for sprites */
#subscriber_email,
#subscriber_password,
#subscriber_confirm_password,
#sub_old_password {
  width: 100%;
}

#forgot-password input[type=email] {
  background-position: 4px -107px;
}

#forgot-password input[type=email]:focus {
  background-position: 4px -82px;
}

#activate-account input[type=password],
#reset-password input[type=password] {
  background-position: 4px -160px;
}

#activate-account input[type=password]:focus,
#reset-password input[type=password]:focus {
  background-position: 4px -134px;
}

#subscriber_email {
  background-position: 4px -106px;
}

#subscriber_email:focus {
  background-position: 4px -81px;
}

/* Forgotten Password && Activate Account && Set Password - input margins */
.system #subscriber_email,
.system #subscriber_password,
.system #subscriber_confirm_password,
#sub_old_password {
  margin: 0 0 1em 0;
}

/* -------------- USERLOGIN PAGE ------------------ */
.system .btn.login {
  margin: 0 0em 0.5em 0;
  clear: left;
}

.col img.export_loader_img {
  width: auto;
  float: right;
  margin: 10px 10px 0 0;
}

.remember-actions-holder {
  display: inline-block;
  clear: right;
  float: none;
  width: auto;
  margin: 2% 0 3% 2%;
  position: relative;
}

.remember-actions-holder .remember-me {
  font-size: 0.9em;
  padding: 0.3em 0 0 0;
  display: inline-block;
}

.password-actions-holder {
  display: block;
  clear: both;
  width: 100%;
  margin: 2% 0 10% 0;
}

.password-actions-holder a {
  font-size: 0.9em;
  padding: 2px 11% 0 0;
}

.content.system section.group {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .content.system section.group {
    flex-direction: column;
  }
  .content.system section.group .col.span_2_of_4 {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .content.system section.group .col.span_2_of_4 .customer-services,
  .content.system section.group .col.span_2_of_4 .content-inner {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    padding: 16px;
    margin: 20px;
  }
  .content.system section.group .col.span_2_of_4 .customer-services {
    margin: 0;
    padding: 20px 40px;
  }
}

.profile-top {
  margin: 10px auto;
  float: none;
  clear: both;
  display: block;
  border: 1px solid #ddd;
  padding: 20px;
  background-color: #fff;
  box-sizing: border-box;
  padding-top: 5px;
}

h1.welcome-header {
  float: left;
  width: 95%;
  padding: 3px 0 3px;
  margin: 0 0 0 4%;
  text-transform: uppercase;
  text-align: center;
  color: #01326A;
  font-size: 2.2em;
  line-height: 1.2;
}

p.welcome-text {
  float: left;
  width: 95%;
  padding: 3px 0 3px;
  margin: 0 0 0 4%;
  text-align: center;
  color: #555;
  line-height: 1.5;
}

.account-content .my-account-header h4 {
  color: #01326A;
  float: left;
}
@media (max-width: 768px) {
  .account-content .my-account-header .right {
    float: left;
    margin-left: 0;
    clear: both;
  }
}
.account-content .my-account-header:before, .account-content .my-account-header:after {
  content: "";
  display: table;
}
.account-content .my-account-header:after {
  clear: both;
}
.account-content .content-full-width:before, .account-content .content-full-width:after {
  content: "";
  display: table;
}
.account-content .content-full-width:after {
  clear: both;
}
.account-content .content-full-width h5 {
  margin-top: 20px;
  margin-bottom: 15px;
  color: #000;
}
@media (max-width: 768px) {
  .account-content .content-full-width {
    clear: both;
  }
}

.user-details-content,
.subscription-content {
  padding-bottom: 8px;
  padding-top: 4px;
  background-color: #fbfbfb;
  border-top: 1px solid #f2f2f2;
}
.user-details-content .col,
.subscription-content .col {
  vertical-align: middle;
  padding: 10px 8px;
  box-sizing: border-box;
}
.user-details-content .col:first-child, .user-details-content .col:first-child a,
.subscription-content .col:first-child,
.subscription-content .col:first-child a {
  font-weight: 800;
  color: #1e67bb;
}
.user-details-content .col:first-child a:hover,
.subscription-content .col:first-child a:hover {
  color: #fec128;
}
.user-details-content .col:first-child p,
.subscription-content .col:first-child p {
  margin-bottom: 0px;
}
.user-details-content .col:last-child,
.subscription-content .col:last-child {
  float: right;
  width: auto;
}
@media (max-width: 768px) {
  .user-details-content .col,
  .subscription-content .col {
    clear: both;
    width: 100%;
    float: left;
    margin: 0;
    padding: 4px;
  }
  .user-details-content .col:first-child, .user-details-content .col:first-child a,
  .subscription-content .col:first-child,
  .subscription-content .col:first-child a {
    font-size: 1.2em;
  }
  .user-details-content .col:last-child,
  .subscription-content .col:last-child {
    float: left;
  }
}
.user-details-content .btn,
.subscription-content .btn {
  white-space: nowrap;
}

.user-details-content .col {
  width: auto;
}

.subscription-content:nth-of-type(odd) {
  background-color: #fbfbfb;
}
.subscription-content:nth-of-type(even) {
  background-color: #FFF;
}

html.lt-ie9 .component-news .section.primary-news-top {
  width: 45%;
}
html.lt-ie9 .component-news .section.subsidary-news {
  width: 45.1%;
}
html.lt-ie9 .component-news .section.subsidary-news .subsidary-news-top,
html.lt-ie9 .component-news .section.subsidary-news .subsidary-news-lower,
html.lt-ie9 .component-news .section.subsidary-news .subsidary-news-second {
  width: 45.2%;
}
html.lt-ie9 .component-news .section.subsidary-news .subsidary-news-top .col-lrg.span-lrg_2_of_4,
html.lt-ie9 .component-news .section.subsidary-news .subsidary-news-lower .col-lrg.span-lrg_2_of_4,
html.lt-ie9 .component-news .section.subsidary-news .subsidary-news-second .col-lrg.span-lrg_2_of_4 {
  margin-left: 8px;
}

.article-header img.print-branding {
  display: none;
}

@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body {
    color: #000;
    background: #fff;
  }

  h1 {
    color: #000;
    background: none;
  }

  nav, aside {
    display: none;
  }

  body,
  article {
    width: 98%;
    margin: 0;
    padding: 0;
  }

  .article-page-body-content p {
    width: 98%;
    word-spacing: 0.05em;
  }

  @page {
    margin: 2cm;
  }
  .article-header img.print-branding {
    margin-top: 0;
    margin-left: 30%;
    margin-bottom: 15px;
    padding: 0;
    display: block;
  }

  .article-header .print-branding {
    display: block;
    width: 252px;
    height: 56px;
    background-color: #01326A;
  }

  .article-header .col.span_1_of_5 {
    width: 100%;
  }

  .article-header .col.span_4_of_5 {
    width: 100%;
  }

  .article-header .span_1_of_5 nav {
    margin-top: 5px;
    margin-left: 0;
  }

  /* move meta tools container to the middle */
  .article-meta-container {
    position: static;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .content-inner {
    margin-right: 0;
  }

  .sidebar {
    float: left;
    min-width: 300px;
    width: 100%;
    margin-right: 0;
  }

  .col {
    display: block;
    float: left;
    margin-top: 1%;
    margin-right: 0px;
    margin-bottom: 1%;
    color: #97b4cc;
  }

  .container,
  .main-content,
  .content-inner,
  .article-page-body-content {
    display: inline;
  }

  #loading {
    display: none;
  }

  .article-col {
    width: 100%;
  }

  .after-article-content,
  .main-top-nav,
  .main-head,
  .holder,
  .comment,
  .tools-container,
  .about-author,
  .sidebar,
  .news-articles,
  .related-articles,
  .content .related-links,
  .further-reading,
  .article-anchor-links,
  .article-col .tools-meta-outer,
  .main-footer-links {
    display: none;
  }

  .main-footer-copyright {
    background: #fff;
    color: #000;
  }

  .main-footer .main-footer-copyright {
    background-color: #fff;
    color: #000;
  }

  .incisivemedia-footer,
  .incisivemedia-accreditation {
    width: 100%;
  }

  .accredit-text {
    float: left;
  }

  .accredit-text a:link,
  .accredit-text a:visited {
    color: #fff;
  }

  .accreditation-logos {
    background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo_dark.png");
    background-image: url("http://assets.incisivemedia.com/cdn/global/images/incisive_logo_dark.svgz");
  }

  .barrier-block .barrier-message .barrier-anonymous-user {
    display: none;
  }

  .popover.tour {
    display: none;
  }

  .main-footer {
    display: none;
  }

  .article-anchor-links {
    display: block;
  }

  .article-anchor-links ul li {
    color: #000;
  }

  .article-meta-container {
    position: static;
    display: inline;
    margin: 0;
  }

  .article-col .meta-taxonomy-list li img {
    display: none;
  }

  .tools-meta-outer {
    display: none;
  }

  .article-page-body-content .tools-container {
    display: none;
  }

  #rdm-above-series-blog {
    display: none;
  }

  .article-featured .container .article-header {
    background-image: none !important;
    width: 800px;
    height: auto;
    min-height: initial;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
    background-color: transparent;
  }
  .article-featured .container .article-header::after {
    content: none;
  }
  .article-featured .container .article-header .article-sub-title,
  .article-featured .container .article-header .article-title {
    text-shadow: none;
    color: #000;
    font-weight: 600;
  }
  .article-featured article.article .article-page-body-content {
    display: block;
  }
  .article-featured article.article .article-page-body-content:before, .article-featured article.article .article-page-body-content:after {
    content: "";
    display: table;
  }
  .article-featured article.article .article-page-body-content:after {
    clear: both;
  }
  .article-featured article.article .article-page-body-content p.figure {
    width: 100%;
  }
  .article-featured article.article .article-meta-container {
    top: 0;
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list.author-dateline {
    background-color: transparent;
    text-align: center;
  }
  .article-featured article.article .article-meta-container .meta-taxonomy-list.author-dateline li {
    width: 100%;
    display: block;
    margin: auto;
    text-align: center;
  }
  .article-featured article.article .article-page-body-content img.landscape {
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    width: 100%;
  }
  .article-featured .meta-twitter {
    float: none;
    margin: 0 auto;
  }
  .article-featured .meta-twitter .contact {
    float: none;
  }
  .article-featured article.article .article-page-body-content blockquote {
    max-width: 600px;
    margin: auto;
    display: block;
  }

  #disqus_thread {
    display: none !important;
  }

  .longform-hpu,
  .longform-billboard {
    display: none !important;
  }

  .content figure.main {
    display: none;
  }
}
@page {
  margin: 2.2cm;
}
.homepage-content .content header h4,
.header-styles-proxy,
.related-listings-header header h4,
.popular-articles .related-listings-header h4,
.news-articles header h4,
.more-from-sponsor header h4,
.related-article-holder header h4,
.further-reading header h4,
.article-series-listing header h4,
.sponsor-section-header h4 {
  text-align: left;
  color: #132e35;
  display: inline-block;
  margin: 0;
  padding: 0px 15px;
  margin: 0 auto;
  width: auto;
  position: relative;
  font-weight: 700;
  font-size: 1.05em;
  background-color: #fec128;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}
.homepage-content .content header h4 a,
.header-styles-proxy a,
.related-listings-header header h4 a,
.popular-articles .related-listings-header h4 a,
.news-articles header h4 a,
.more-from-sponsor header h4 a,
.related-article-holder header h4 a,
.further-reading header h4 a,
.article-series-listing header h4 a,
.sponsor-section-header h4 a {
  color: #132e35;
}
.homepage-content .content header h4 a:hover,
.header-styles-proxy a:hover,
.related-listings-header header h4 a:hover,
.popular-articles .related-listings-header h4 a:hover,
.news-articles header h4 a:hover,
.more-from-sponsor header h4 a:hover,
.related-article-holder header h4 a:hover,
.further-reading header h4 a:hover,
.article-series-listing header h4 a:hover,
.sponsor-section-header h4 a:hover {
  color: #004185;
}
.homepage-content .content header h4 a.section-title-link::after,
.header-styles-proxy a.section-title-link::after,
.related-listings-header header h4 a.section-title-link::after,
.popular-articles .related-listings-header h4 a.section-title-link::after,
.news-articles header h4 a.section-title-link::after,
.more-from-sponsor header h4 a.section-title-link::after,
.related-article-holder header h4 a.section-title-link::after,
.further-reading header h4 a.section-title-link::after,
.article-series-listing header h4 a.section-title-link::after,
.sponsor-section-header h4 a.section-title-link::after {
  content: "";
  background-position: -263px -336px;
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0.5;
  transition: opacity 0.5s ease;
}

@media only screen and (max-width: 500px) {
  .convertr-box-content img {
    display: none;
  }

  .convertr-box-width-48 {
    width: 100%;
  }

  .convertr-box-content td {
    border: none;
  }
}
.section h6 {
  letter-spacing: -0.01em;
}

blockquote:before {
  background-color: #fff;
  display: block;
  content: "";
  font-family: Georgia, serif;
  position: absolute;
  left: -5px;
  top: 5px;
  color: #5ca731;
  font-style: normal;
  z-index: 1;
  padding-right: 4px;
  height: 56px;
  background-position: -220px -1050px;
  width: 70px;
}

.search-1 form, .search_header form {
  border: 1px solid rgba(255, 255, 255, 0.45);
}

.component-opinion .span-lrg_2_of_4 .article-meta-details {
  margin-top: auto;
}

@media (max-width: 768px) {
  .component-list .col-lrg {
    width: 100%;
  }
}
.component-opinion article {
  background-color: transparent;
  border-top-color: transparent;
  border-top-width: 0px;
  border-top-style: solid;
}

@media only screen and (max-width: 1108px) and (min-width: 380px) {
  .main-menu .menu-title:nth-child(n+10):nth-child(-n+10) {
    display: none;
  }
}
@media only screen and (max-width: 1062px) and (min-width: 380px) {
  .main-menu .menu-title:nth-child(n+9):nth-child(-n+10) {
    display: none;
  }
}
@media only screen and (max-width: 880px) and (min-width: 380px) {
  .main-menu .menu-title:nth-child(n+8):nth-child(-n+10) {
    display: none;
  }
}

.convertr-box-content td img {
  max-width: 150px;
  width: 150px;
}

#block-boxes-convertr-box > div > img {
  width: initial;
  margin: 20px auto;
  display: block;
}

.cvtr-wp-advertiser-logo img {
  max-width: 150px;
  width: 150px;
}

/*Cvtr responsive iframes*/
.static-body-cvtrResponsiveIframe {
  height: 1125px;
  border: none;
}

@media only screen and (max-width: 970px) {
  .static-body-cvtrResponsiveIframe {
    height: 1325px;
  }
}
@media only screen and (max-width: 768px) {
  .static-body-cvtrResponsiveIframe {
    height: 1125px;
  }
}
/*Cvtr sidebar widget*/
.popular-articles.convertr-sidebar {
  border-bottom: 3px solid #168BCD;
  margin-bottom: 24px;
}

.popular-articles.convertr-sidebar table {
  margin-bottom: 17px;
  border-top: 1px solid #ccc;
  /* padding-top: 16px; */
}

.popular-articles.convertr-sidebar table td {
  padding: 14px 0;
}

.popular-articles.convertr-sidebar img {
  width: 100px;
  height: auto;
}

/**************************************************************************************************************/
/* CONVERTR START */
/**************************************************************************************************************/
#block-boxes-convertr-box {
  font-family: "Source_sans",Arial,sans-serif;
}

#block-boxes-convertr-box h3 {
  background: #fec128 none repeat scroll 0 0;
  color: #003366;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 700;
  margin: 0 auto;
  padding: 6px 10px;
  position: relative;
  text-align: left;
  width: auto;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Source_sans",Arial,sans-serif;
}

#block-boxes-convertr-box a:link {
  color: #004185;
  font-size: 1.1em;
  text-decoration: none;
  font-family: "Source_sans",Arial,sans-serif;
}

#block-boxes-convertr-box p {
  font-size: 0.9em;
  font-family: "Source_sans",Arial,sans-serif;
  padding-top: 10px;
}

#block-boxes-convertr-box hr {
  border: 1px solid #CCC;
}

.convertr-box-content a:link {
  font-size: 0.9em;
  color: #F00;
}

.convertr-box-content td {
  padding: 10px 0;
  width: 100%;
  border: 1px dotted #CCC;
  border-collapse: collapse;
  vertical-align: top;
  padding: 10px;
}

.convertr-box-content img {
  width: 150px;
}

#cvrtSearch form span {
  font-size: 1.4em;
  padding-right: 20px;
  vertical-align: middle;
}

#cvrtSearch form input {
  padding: 6px 12px;
  width: 50%;
  font-size: 1.4em;
  vertical-align: middle;
}

#cvrtSearch form a {
  vertical-align: middle;
  font-size: 1.4em;
}

.convertr-search {
  margin-bottom: 20px;
}

.convertr--wrapper {
  height: auto;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  background: transparent;
  margin: 0;
  position: static;
}

.convertr--form {
  overflow: hidden;
  position: relative;
}

.convertr--input-wrapper {
  padding: 0 66px 0 0;
  /* Right padding for submit button width */
  overflow: hidden;
}

.convertr--input {
  width: 100%;
}

.convertr {
  padding: 0 25px 0 200px;
  /* Padding for other horizontal elements */
}

.convertr--input {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 60px;
  padding: 0 46px 0 10px;
  border-color: #888;
  border-radius: 35px;
  /* (height/2) + border-width */
  border-style: solid;
  border-width: 5px;
  margin-top: 15px;
  color: #333;
  font-family: 'Helvetica', sans-serif;
  font-size: 26px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.convertr--submit {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  border: none;
  margin-top: 20px;
  /* margin-top + border-width */
  margin-right: 5px;
  /* border-width */
  background: transparent;
  color: #888;
  font-family: 'Helvetica', sans-serif;
  font-size: 40px;
  line-height: 60px;
}

.convertr--input:focus {
  outline: none;
  border-color: #333;
}

.convertr--input:focus.convertr--submit {
  color: #fff;
}

.convertr--submit:hover {
  color: #333;
  cursor: pointer;
}

.convertr-search h1 {
  float: left;
  margin: 25px;
  color: #333;
  font-family: 'Helvetica', sans-serif;
  font-size: 45px;
  font-weight: lighter;
  line-height: 45px;
  text-align: center;
}

/* Temp fix to adjust iframe height on whitepaper page */
.cvtrIframe {
  height: 1300px;
}

/* SEARCH RESULTS */
#cvtrSearchContent table {
  margin: 20px 0;
  border-bottom: 1px solid #3b7c8e;
  width: 100%;
}

#cvtrSearchContent table td {
  padding-bottom: 10px;
}

#cvtrSearchContent table td a {
  color: #000000;
  font-weight: bold;
  font-size: 1.2em;
}

#cvtrSearchContent table td a:hover {
  color: #1591c5;
}

#cvtrSearchContent table td img {
  width: 100px;
  display: none;
}

/* ALL COMPANY LISTINGS */
.cvtr-wp-advertiser-logo {
  float: right;
}

.cvtr-wp-advertiser {
  border-top: 1px solid #3b7c8e;
}

#convertr-company-listing div table {
  margin-bottom: 10px;
}

#convertr-company-listing div table td img {
  visibility: hidden;
  display: none;
}

.convertr-box-width-100 {
  width: 100%;
  float: left;
  margin: 0 0 4% 0;
}

.convertr-box-width-48 {
  width: 48%;
  float: left;
  margin: 0 2% 4% 0;
}

.content-spacer {
  height: 0 !important;
}

/**************************************************************************************************************/
/* CONVERTR END */
/**************************************************************************************************************/
@media only screen and (max-width: 500px) {
  .convertr-box-content img {
    display: none;
  }

  .convertr-box-width-48 {
    width: 100%;
  }

  .convertr-box-content td {
    border: none;
  }

  #block-boxes-convertr-box > div > img {
    width: 100%;
    margin: 20px auto;
    display: block;
  }
}
body.wallpaper-visible.no-gutter-layout .article-meta-container {
  position: relative;
  top: initial;
  left: 0;
  margin: 0;
  width: initial;
  margin-bottom: 8px;
}

.main-content .featuregrid.news-articles .group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.main-content .featuregrid.news-articles .col:not(:first-child) {
  position: relative;
  width: calc(33% - 10px);
  margin: 0;
  padding-top: 0;
  border-top: none;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  flex-grow: 1;
}
.main-content .featuregrid.news-articles .col:not(:first-child):last-child {
  margin-right: 0;
}
.main-content .featuregrid.news-articles .col:not(:first-child):nth-child(n+5) {
  visibility: hidden;
  height: 0;
}
.main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-b {
  padding: 10px 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 576px) {
  .main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-b {
    padding: 8px;
  }
}
.main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-b h3 {
  font-size: 1.3em;
  line-height: 1.2;
}
@media (max-width: 576px) {
  .main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-b h3 {
    font-size: 1.1em;
  }
}
.main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-b p {
  display: none;
}
.main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-b,
.main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-a {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-b img,
.main-content .featuregrid.news-articles .col:not(:first-child) .image-text-group-a img {
  margin: 0;
}
.main-content .featuregrid.news-articles .col:first-child {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 0;
}
.main-content .featuregrid.news-articles .col:first-child .image-text-group-b,
.main-content .featuregrid.news-articles .col:first-child .image-text-group-a {
  width: 100%;
  max-width: 100%;
}
.main-content .featuregrid.news-articles .col:first-child .image-text-group-a {
  width: 100%;
  max-width: 100%;
}
.main-content .featuregrid.news-articles .col:first-child .image-text-group-a img {
  margin-right: 0;
}
.main-content .featuregrid.news-articles .col:first-child .image-text-group-b {
  max-width: 100%;
  margin: 0;
  position: absolute;
  bottom: 0;
  padding: 20px;
  box-sizing: border-box;
  margin-left: 0;
}
.main-content .featuregrid.news-articles .col:first-child .image-text-group-b .listings-article-title {
  font-size: 20px;
}
@media (min-width: 576px) {
  .main-content .featuregrid.news-articles .col:first-child .image-text-group-b .listings-article-title {
    font-size: calc(4.16667vw - 4px);
  }
}
@media (min-width: 768px) {
  .main-content .featuregrid.news-articles .col:first-child .image-text-group-b .listings-article-title {
    font-size: calc(3.0303vw + 4.72727px);
  }
}
@media (min-width: 900px) {
  .main-content .featuregrid.news-articles .col:first-child .image-text-group-b .listings-article-title {
    font-size: calc(10vw - 58px);
  }
}
@media (min-width: 960px) {
  .main-content .featuregrid.news-articles .col:first-child .image-text-group-b .listings-article-title {
    font-size: 38px;
  }
}
.main-content .featuregrid.news-articles .col:first-child .image-text-group-b .listings-article-title a {
  font-weight: inherit;
}
.main-content .featuregrid.news-articles .col:first-child .image-text-group-b ul.article-meta-details,
.main-content .featuregrid.news-articles .col:first-child .image-text-group-b p {
  display: block;
}
.main-content .featuregrid.news-articles .col:first-child .image-text-group-b p {
  margin-bottom: 10px;
}
.main-content .featuregrid.news-articles .col:first-child.lighttext .image-text-group-a {
  position: relative;
}
.main-content .featuregrid.news-articles .col:first-child.lighttext .image-text-group-a::after {
  content: "";
  background-image: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.04) 20%, rgba(0, 0, 0, 0.21) 60%, rgba(0, 0, 0, 0.44) 100%);
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.main-content .featuregrid.news-articles .col:first-child.lighttext .listings-article-title a, .main-content .featuregrid.news-articles .col:first-child.lighttext .listings-article-title a:visited {
  color: white;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.8);
}
.main-content .featuregrid.news-articles .col:first-child.lighttext ul.article-meta-details,
.main-content .featuregrid.news-articles .col:first-child.lighttext li a,
.main-content .featuregrid.news-articles .col:first-child.lighttext p {
  color: white;
}

.frontpage-article-carousel {
  background-color: #f2f2f2;
}
.frontpage-article-carousel .slick-slide {
  margin-right: 8px;
}
.frontpage-article-carousel .listings-article-title {
  padding: 8px;
  font-size: 1em;
  color: #01326A;
}

.frontpage-article-carousel-header {
  position: relative;
}
.frontpage-article-carousel-header .slick-prev, .frontpage-article-carousel-header .slick-next {
  top: 110px;
}
.frontpage-article-carousel-header .slick-prev:before, .frontpage-article-carousel-header .slick-next:before {
  background-image: url(../images/site-darker.svg);
}

/*# sourceMappingURL=styles.css.map */