@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Lato:100,300,300i,400,400i,700,900';
/* CSS Document */
/* CSS Document */
.transition-very-quick {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
* {
  font-family: 'Lato', sans-serif;
  line-height: 1.2;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-normal {
  font-weight: 400;
}
.font-weight-semi-bold {
  font-weight: 600;
}
.font-weight-bold {
  font-weight: 700;
}
strong {
  font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2c3144;
  font-weight: 700;
  font-style: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #2c3144;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #000000;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: rgba(44, 49, 68, 0.75);
}
h1 {
  font-size: 29.25px;
  margin: 40px 0 10px 0;
  letter-spacing: -1px;
}
h1 small,
h1 span,
h1 .btn {
  letter-spacing: normal;
  font-weight: 400;
}
h1 .more-link {
  margin: 0 0 0 5px;
  float: right;
}
h1 small {
  font-size: 17px;
}
h1 small .glyphicon {
  top: -4px;
}
h2 {
  font-size: 19.5px;
  line-height: 26px;
  letter-spacing: -1px;
}
h2 small,
h2 span,
h2 .btn {
  letter-spacing: normal;
  font-weight: 400;
}
h2 .more-link {
  margin: 0 0 0 5px;
  float: right;
}
h2 small {
  font-size: 13px;
}
h2 small .glyphicon {
  top: -2px;
}
h3 {
  font-size: 15px;
  line-height: 20px;
}
h3 .more-link {
  float: right;
}
h4 {
  font-size: 12px;
}
h6 {
  font-size: 8.25px;
  font-weight: 400;
}
@media (min-width: 768px) {
  h1 {
    font-size: 39px;
  }
  h2 {
    font-size: 26px;
    line-height: 26px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 15px;
  }
  h6 {
    font-size: 11px;
  }
}
p {
  font-size: 15px;
  line-height: 24px;
}
p.subtle {
  margin: 10px 0 0;
  color: #8e91a0;
}
p.subtle a {
  color: #8e91a0;
}
p.subtle a:hover {
  color: #1f2228;
}
p.mature-content {
  margin: 20px 0;
  color: rgba(92, 95, 109, 0.8);
  font-size: 12px;
}
p.copyright {
  font-size: 11px;
  margin: 20px 0 0 0;
  color: rgba(92, 95, 109, 0.7);
}
p a {
  color: #1f2228;
  font-weight: bold;
}
p a:hover {
  color: #2c3144;
}
@font-face {
  font-family: 'AnimeLab Hydra';
  src: url('../fonts/animelab-hydra.eot');
  src: url('../fonts/animelab-hydra.eot?#iefix') format('embedded-opentype'), url('../fonts/animelab-hydra.woff') format('woff'), url('../fonts/animelab-hydra.ttf') format('truetype'), url('../fonts/animelab-hydra.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.glyphicon {
  position: relative;
  top: 2px;
  display: inline-block;
  font-family: 'AnimeLab Hydra';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon.al-account-settings:before {
  content: "\e600";
}
.glyphicon.al-account-sign-in:before {
  content: "\e601";
}
.glyphicon.al-account-sign-out:before {
  content: "\e602";
}
.glyphicon.al-account-user:before {
  content: "\e647";
}
.glyphicon.al-actions:before {
  content: "\e603";
}
.glyphicon.al-android:before {
  content: "\e604";
}
.glyphicon.al-animelab-logo-patron:before {
  content: "\e605";
}
.glyphicon.al-animelab-logo-premium {
  font-size: 1.2em;
  margin-left: -2px;
}
.glyphicon.al-animelab-logo-premium:before {
  content: "\e606";
}
.glyphicon.al-animelab-logo-staff:before {
  content: "\e607";
}
.glyphicon.al-animelab-logo-standard:before {
  content: "\e608";
}
.glyphicon.al-arrow-back:before {
  content: "\e609";
}
.glyphicon.al-arrow-down:before {
  content: "\e60a";
}
.glyphicon.al-arrow-forward:before {
  content: "\e60b";
}
.glyphicon.al-arrow-up:before {
  content: "\e60c";
}
.glyphicon.al-audio-mute:before {
  content: "\e60d";
}
.glyphicon.al-audio-on:before {
  content: "\e60e";
}
.glyphicon.al-calendar:before {
  content: "\e64a";
}
.glyphicon.al-chevron-down:before {
  content: "\e60f";
}
.glyphicon.al-chevron-left:before {
  content: "\e610";
}
.glyphicon.al-chevron-right:before {
  content: "\e611";
}
.glyphicon.al-chevron-thin-down:before {
  content: "\e612";
}
.glyphicon.al-chevron-thin-left:before {
  content: "\e613";
}
.glyphicon.al-chevron-thin-right:before {
  content: "\e614";
}
.glyphicon.al-chevron-thin-up:before {
  content: "\e615";
}
.glyphicon.al-chevron-up:before {
  content: "\e616";
}
.glyphicon.al-chromecast-empty:before {
  content: "\e617";
}
.glyphicon.al-chromecast-full:before {
  content: "\e618";
}
.glyphicon.al-clock:before {
  content: "\e619";
}
.glyphicon.al-comments:before {
  content: "\e61a";
}
.glyphicon.al-creditcard:before {
  content: "\e61b";
}
.glyphicon.al-drip:before {
  content: "\e61c";
}
.glyphicon.al-dubbed:before {
  content: "\e61d";
}
.glyphicon.al-edit:before {
  content: "\e61e";
}
.glyphicon.al-email:before {
  content: "\e61f";
}
.glyphicon.al-episodes:before {
  content: "\e620";
}
.glyphicon.al-eye-closed:before {
  content: "\e621";
}
.glyphicon.al-eye-open:before {
  content: "\e622";
}
.glyphicon.al-facebook:before {
  content: "\e623";
}
.glyphicon.al-feedback:before {
  content: "\e624";
}
.glyphicon.al-graph:before {
  content: "\e625";
}
.glyphicon.al-hd:before {
  content: "\e626";
}
.glyphicon.al-heart-empty:before {
  content: "\e627";
}
.glyphicon.al-heart-full:before {
  content: "\e628";
}
.glyphicon.al-history:before {
  content: "\e649";
}
.glyphicon.al-ios:before {
  content: "\e629";
}
.glyphicon.al-keys:before {
  content: "\e646";
}
.glyphicon.al-link:before {
  content: "\e62a";
}
.glyphicon.al-list:before {
  content: "\e62b";
}
.glyphicon.al-list-with-icons:before {
  content: "\e62c";
}
.glyphicon.al-my-queue-add {
  left: 1px;
}
.glyphicon.al-my-queue-add:before {
  content: "\e62d";
}
.glyphicon.al-my-queue-in {
  left: 1px;
}
.glyphicon.al-my-queue-in:before {
  content: "\e62e";
}
.glyphicon.al-no-ads:before {
  content: "\e62f";
}
.glyphicon.al-password:before {
  content: "\e61f";
}
.glyphicon.al-playstation:before {
  content: "\e630";
}
.glyphicon.al-plus:before {
  content: "\e631";
}
.glyphicon.al-preferences:before {
  content: "\e632";
}
.glyphicon.al-profile:before {
  content: "\e633";
}
.glyphicon.al-rotate:before {
  content: "\e634";
}
.glyphicon.al-search:before {
  content: "\e635";
}
.glyphicon.al-shows:before {
  content: "\e636";
}
.glyphicon.al-shows-locked:before {
  content: "\e637";
}
.glyphicon.al-simulcasts:before {
  content: "\e638";
}
.glyphicon.al-subbed:before {
  content: "\e639";
}
.glyphicon.al-switch:before {
  content: "\e63a";
}
.glyphicon.al-tick:before {
  content: "\e63b";
}
.glyphicon.al-times:before {
  content: "\e63c";
}
.glyphicon.al-twitter:before {
  content: "\e63d";
}
.glyphicon.al-video-fast-forward:before {
  content: "\e63e";
}
.glyphicon.al-video-next:before {
  content: "\e63f";
}
.glyphicon.al-video-pause:before {
  content: "\e640";
}
.glyphicon.al-video-play:before {
  content: "\e641";
}
.glyphicon.al-video-previous:before {
  content: "\e642";
}
.glyphicon.al-video-rewind:before {
  content: "\e643";
}
.glyphicon.al-video-stop:before {
  content: "\e644";
}
.glyphicon.al-warning:before {
  content: "\e648";
}
.glyphicon.al-xbox:before {
  content: "\e645";
}
.glyphicon:empty {
  width: 1em;
}
/* Blacks & Greys */
/* Force and Colour */
.color-red {
  color: #da4c31;
}
.color-primary {
  color: #1f2228;
}
.color-primary-light {
  color: #8370c8;
}
a {
  text-decoration: none;
}
a.blue-grey-mid {
  color: #8e91a0;
}
a.blue-grey-mid:hover {
  color: #1f2228;
}
.btn {
  padding: 10px;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99);
}
.btn.lrg {
  font-size: 16px;
  font-weight: 600;
  border: 2px solid;
}
.btn.sml {
  font-size: 14px;
  border: 1px solid;
}
.btn.tiny {
  font-weight: 400;
  padding: 2px 6px;
  font-size: 14px;
  border: 1px solid;
}
.btn.full-width {
  width: 100%;
}
.btn.white {
  color: #ffffff;
  border-color: #ffffff;
  background: url(../images/btn_bg_white_solid.png);
  background-size: 100% 0%;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.btn.white:hover {
  color: #1f2228;
  background-size: 100% 100%;
}
.btn.blue-grey-light {
  color: #e1e2e6;
  border-color: #e1e2e6;
  background-color: #ffffff;
}
.btn.blue-grey-mid {
  color: #8e91a0;
  border-color: #8e91a0;
  background-color: #ffffff;
}
.btn.blue-grey-to-primary {
  color: #5c5f6d;
  border-color: #a4a7b3;
  background-color: transparent;
}
.btn.blue-grey-to-primary:hover {
  background-color: #1f2228;
  color: #ffffff;
  border-color: #1f2228;
}
.btn.blue-grey-light-to-primary {
  color: #8e91a0;
  border-color: #e1e2e6;
  background-color: transparent;
}
.btn.blue-grey-light-to-primary:hover {
  background-color: #1f2228;
  color: #ffffff;
  border-color: #1f2228;
}
.btn.primary-to-solid-primary {
  color: #1f2228;
  background-color: transparent;
  border: 2px solid #1f2228;
  font-weight: 700;
  font-size: 16px;
}
.btn.primary-to-solid-primary:hover {
  background-color: #1f2228;
  color: #ffffff;
}
.btn.solid-primary-primary {
  background-color: #1f2228;
  color: #ffffff;
  border: 2px solid #1f2228;
  font-weight: 700;
  font-size: 16px;
}
.btn.solid-primary-primary:hover {
  color: #1f2228;
  background-color: transparent;
}
.btn.docplay-green {
  background-color: #317e3c;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
}
.btn.docplay-green:hover {
  background-color: black;
}
.btn .al-chevron-left {
  position: absolute;
  height: 100%;
  right: 10px;
  font-size: 15px;
  top: 50%;
  margin-top: -8px;
}
.promo-chunk {
  text-align: center;
  display: none;
  /*billboard */
}
@media screen and (min-width: 540px) {
  .promo-chunk {
    padding: 10px;
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .promo-chunk {
    padding: 20px;
  }
}
@media screen and (min-width: 992px) {
  .promo-chunk {
    padding: 20px 40px;
  }
}
.promo-chunk.footer-placement {
  background-color: #171717;
}
.promo-chunk.card-listing-placement {
  background: radial-gradient(ellipse at top, #fcfcfc, #e6e6e6 80%, #e6e6e6);
  border-top: 1px solid #e6e6e6;
}
.promo-chunk > div,
.promo-chunk > iframe,
.promo-chunk > a,
.promo-chunk > img {
  margin: 0 auto;
}
.promo-chunk .bb-size {
  display: none;
  background-color: #e6e6e6;
}
@media screen and (min-width: 540px) {
  .promo-chunk .bb-size {
    display: block;
    width: 500px;
    height: 55px;
  }
  .promo-chunk .bb-size iframe {
    width: 500px;
    height: 55px;
  }
}
@media screen and (min-width: 768px) {
  .promo-chunk .bb-size {
    display: block;
    width: 740px;
    height: 69px;
  }
  .promo-chunk .bb-size iframe {
    width: 740px;
    height: 69px;
  }
}
@media screen and (min-width: 992px) {
  .promo-chunk .bb-size {
    display: block;
    width: 970px;
    height: 90px;
  }
  .promo-chunk .bb-size iframe {
    width: 970px;
    height: 90px;
  }
}
html,
body {
  background-color: #17191f;
}
body {
  margin: 0;
  padding: 0;
  color: #2c3144;
  -webkit-text-size-adjust: 100%;
}
a,
button,
.btn {
  position: relative;
  z-index: 20000;
}
a {
  color: #1f2228;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
a:hover {
  color: #1f2228;
}
.desktop-only {
  display: none !important;
}
.mobile-only {
  display: block !important;
}
@media only screen and (min-width: 768px) {
  .desktop-only {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}
.alm-btn-wrap #load-more:after {
  content: 'Load Posts';
}
.alm-btn-wrap #load-more.loading:after {
  content: 'Loading Posts';
}
.alm-btn-wrap .alm-load-more-btn {
  background-size: 50px!important;
}
.uv-icon.uv-bottom-right {
  display: none;
}
#container {
  top: 60px;
  position: relative;
  width: 100%;
  background-color: #f9f9fc;
}
@media screen and (min-width: 540px) {
  #container {
    top: 0;
  }
}
#container.inapp {
  top: 0!important;
}
#container.inapp .popularPanel,
#container.inapp .commentsPanel,
#container.inapp .post_tags,
#container.inapp .footer,
#container.inapp #topPanel,
#container.inapp .article-info-comment-count,
#container.inapp .article-info-author,
#container.inapp .simplesocialbuttons,
#container.inapp .addthis-smartlayers {
  display: none !important;
}
#container #topPanel {
  width: 100%;
  height: 140px;
  position: fixed;
  z-index: 10000;
  background: rgba(44, 49, 68, 0.3);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(44, 49, 68, 0)), color-stop(1, rgba(44, 49, 68, 0.3)));
  background: -ms-linear-gradient(bottom, rgba(44, 49, 68, 0), rgba(44, 49, 68, 0.3));
  background: -moz-linear-gradient(center bottom, rgba(44, 49, 68, 0) 0%, rgba(44, 49, 68, 0.3) 100%);
  background: -o-linear-gradient(rgba(44, 49, 68, 0.3), rgba(44, 49, 68, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(44, 49, 68, 0.3)', endColorstr='rgba(44, 49, 68, 0)', GradientType=0);
}
#container #topPanel #logoPanel {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#container #topPanel #logoPanel img {
  padding: 10px;
  height: 38px;
}
#container #topPanel #searchPanel {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
}
#container #topPanel #searchPanel #searchIcon {
  width: 60px;
  height: 60px;
}
#container #topPanel #searchPanel #searchIcon .al-search {
  font-size: 20px;
  color: white;
  transition: color 0.4s ease-in-out 0s;
  -moz-transition: color 0.4s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: color 0.4s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: color 0.4s ease-in-out 0s;
  /* Opera */
  display: table-cell;
  width: 60px;
  height: 60px;
  vertical-align: middle;
  text-align: center;
}
#container #topPanel #searchPanel #searchform {
  position: absolute;
  top: 0;
  right: -300px;
  transition: right 0s ease-in-out 0.4s;
  -moz-transition: right 0s ease-in-out 0.4s;
  /* Firefox 4 */
  -webkit-transition: right 0s ease-in-out 0.4s;
  /* Safari and Chrome */
  -o-transition: right 0s ease-in-out 0.4s;
  /* Opera */
  width: 200px;
}
#container #topPanel #searchPanel #searchform div {
  position: absolute;
  top: 0;
  right: 0;
  transition: right 0s ease-in-out 0.4s;
  -moz-transition: right 0s ease-in-out 0.4s;
  /* Firefox 4 */
  -webkit-transition: right 0s ease-in-out 0.4s;
  /* Safari and Chrome */
  -o-transition: right 0s ease-in-out 0.4s;
  /* Opera */
}
#container #topPanel #searchPanel #searchform div #s {
  width: 0px;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
  -moz-transition: all 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
  -o-transition: all 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
  transition: all 0.4s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s;
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  color: white;
  font-size: 18px;
  background-color: #090a0b;
  border-top: 10px solid #090a0b;
  border-bottom: 10px solid #090a0b;
  border-left: 1px solid #090a0b;
  border-right: 1px solid #090a0b;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
}
#container #topPanel #searchPanel #searchform div #searchsubmit {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: -60px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
}
#container #topPanel #searchPanel #searchform.active {
  right: 60px;
  transition: right 0s ease-in-out 0s;
  -moz-transition: right 0s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: right 0s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: right 0s ease-in-out 0s;
  /* Opera */
}
#container #topPanel #searchPanel #searchform.active div #s {
  width: 200px;
  border-top: 10px solid #090a0b;
  border-bottom: 10px solid #090a0b;
  border-left: 16px solid #090a0b;
  border-right: 16px solid #090a0b;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
#container #topPanel.addColour #logoPanel .glyphicon,
#container #topPanel.addColour #searchPanel #searchIcon .glyphicon {
  color: #1f2228;
  transition: color 0.4s ease-in-out 0s;
  -moz-transition: color 0.4s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: color 0.4s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: color 0.4s ease-in-out 0s;
  /* Opera */
}
#container #homeIntroPanel,
#container #standardIntroPanel {
  width: 100%;
  min-height: 300px;
  background-color: #1f2228;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
#container #homeIntroPanel .docPlayLogoText,
#container #standardIntroPanel .docPlayLogoText {
  width: 300px;
  height: 60px;
  display: block;
  margin: 0 auto;
  background-image: url(../images/logo_docplay_full.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
  margin-bottom: 20px;
  padding-top: 95px;
}
#container #homeIntroPanel h2,
#container #standardIntroPanel h2 {
  color: white;
  font-weight: 300;
  margin: 0 auto;
  width: 70%;
  margin-bottom: 6px;
}
#container #homeIntroPanel h2.simulcastHeading,
#container #standardIntroPanel h2.simulcastHeading {
  background-color: #ffb800;
  padding: 10px 14px;
  margin-bottom: 12px;
  display: inline-block;
  width: auto;
  color: #664a00;
  font-size: 20px;
  font-weight: 500;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
#container #homeIntroPanel h2.simulcastHeading span,
#container #standardIntroPanel h2.simulcastHeading span {
  margin-left: 8px;
}
#container #homeIntroPanel p,
#container #standardIntroPanel p {
  color: #3094D1;
  margin: 0 auto;
  width: 70%;
}
#container #homeIntroPanel p a,
#container #standardIntroPanel p a {
  color: #5aaada;
}
#container #homeIntroPanel .btn,
#container #standardIntroPanel .btn {
  margin-top: 20px;
  width: 280px;
}
#container #standardIntroPanel {
  padding: 80px 0 80px 0;
  min-height: initial;
  width: 100%;
  background-color: #1f2228;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
#container #standardIntroPanel.pageNotFound {
  margin-bottom: 0;
  padding-bottom: 0;
}
#container #standardIntroPanel.pageNotFound .articlePanel .info {
  width: 100%;
  padding-right: 320px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: bottom right;
  min-height: 400px;
}
#container #standardIntroPanel.pageNotFound .articlePanel .info .infoBox {
  padding: 30px 40px;
  border: 1px solid #000000;
  background-color: #16181d;
  display: inline-block;
  float: left;
  vertical-align: top;
  margin-top: 100px;
  margin-bottom: 80px;
}
#container #standardIntroPanel.pageNotFound .articlePanel .info .infoBox h2 {
  font-size: 28px;
  color: #b4bac5;
  line-height: 34px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 10px;
}
#container #standardIntroPanel.pageNotFound .articlePanel .info .infoBox p {
  color: #7b8598;
  padding: 0;
  margin-top: 0;
}
@media screen and (max-width: 760px) {
  #container #standardIntroPanel.pageNotFound .articlePanel .info {
    padding-right: 0;
    padding-bottom: 340px;
    background-position: bottom center;
  }
  #container #standardIntroPanel.pageNotFound .articlePanel .info .infoBox {
    margin-top: 10px;
    padding: 20px;
  }
}
@media screen and (max-width: 540px) {
  #container #standardIntroPanel.pageNotFound .articlePanel .info {
    width: 90%;
    padding-bottom: 280px;
    background-size: 280px;
  }
  #container #standardIntroPanel.pageNotFound .articlePanel .info .infoBox p {
    font-size: 15px;
  }
}
#container #standardIntroPanel .articlePanel {
  padding-top: 0;
  padding-bottom: 0;
  top: auto;
  margin-bottom: 0;
}
@media screen and (max-width: 540px) {
  #container #standardIntroPanel .articlePanel {
    padding-left: 30px;
  }
}
#container #standardIntroPanel .articlePanel .info {
  display: table;
}
#container #standardIntroPanel .articlePanel .info h2,
#container #standardIntroPanel .articlePanel .info p {
  text-align: left;
  width: auto;
  line-height: initial;
  padding-left: 10px;
}
#container #standardIntroPanel .articlePanel .info h2 {
  font-size: 39px;
  margin-bottom: 0;
  padding-top: 0;
}
@media screen and (max-width: 760px) {
  #container #standardIntroPanel .articlePanel .info h2 {
    font-size: 26px;
  }
}
#container #standardIntroPanel .articlePanel .info a {
  font-size: small;
  font-weight: normal;
  color: #c4b9e9;
}
#container #standardIntroPanel .articlePanel .info a:hover {
  color: #ffffff;
}
#container #standardIntroPanel .articlePanel .userAvatar {
  width: 80px;
  height: 80px;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  overflow: hidden;
  float: left;
  display: table-cell;
}
#container #standardIntroPanel .articlePanel .userAvatar img {
  width: 80px;
  height: 80px;
}
#container .articleListPanel {
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 40px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#container .articleListPanel .alm-btn-wrap {
  padding: 0;
  margin: 0;
}
#container .articleListPanel .alm-btn-wrap button.done {
  display: none;
}
#container .articleListPanel .newsItem {
  width: 370px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 10px;
  display: inline-block;
  text-align: left;
  position: relative;
}
#container .articleListPanel .newsItem:hover {
  -webkit-box-shadow: 0 5px 15px 1px rgba(44, 49, 68, 0.25);
  -moz-box-shadow: 0 5px 15px 1px rgba(44, 49, 68, 0.25);
  box-shadow: 0 5px 15px 1px rgba(44, 49, 68, 0.25);
}
#container .articleListPanel .newsItem:hover .newsItemBtn .btn {
  border-color: #1f2228;
  transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99);
  color: #ffffff;
  background-color: #1f2228;
}
#container .articleListPanel .newsItem:hover .newsItemBtn .btn .glyphicon {
  color: #ffffff;
  transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99);
}
#container .articleListPanel .newsItem .newsItemButton {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
#container .articleListPanel .newsItem .newsItemGraphic {
  width: 100%;
  position: relative;
  border: 1px solid #e1e2e6;
  border-bottom: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#container .articleListPanel .newsItem .newsItemGraphic:before {
  content: "";
  display: block;
  padding-top: 56%;
  /* this is a 16:9 ratio */
}
#container .articleListPanel .newsItem .newsItemGraphic .graphicInner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#container .articleListPanel .newsItem .newsItemInfo {
  width: 100%;
  height: 192px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  border: 1px solid #e1e2e6;
  position: relative;
  background-color: #ffffff;
  display: block;
}
#container .articleListPanel .newsItem .newsItemInfo p {
  font-size: 14px;
  line-height: 15px;
  color: #8e91a0;
  display: table;
}
#container .articleListPanel .newsItem .newsItemInfo h5 {
  margin-top: 0;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
#container .articleListPanel .newsItem .newsItemInfo h6 {
  margin: 0 0 10px 0;
  color: #a4a7b3;
}
#container .articleListPanel .newsItem .newsItemInfo h6 span.glyphicon {
  top: 0;
}
#container .articleListPanel .newsItem .newsItemInfo h6 a {
  color: #a4a7b3;
}
#container .articleListPanel .newsItem .newsItemBtn {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: -60px;
}
#container .articleListPanel .newsItem .newsItemBtn .btn {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  #container .articleListPanel .newsItem {
    width: 46%;
    margin: 10px;
  }
  #container .articleListPanel .newsItem .newsItemInfo p {
    font-size: 12px;
  }
}
#container .articleListPanel.simulcastPanel {
  text-align: left;
  padding-top: 30px;
}
#container .articleListPanel.simulcastPanel:nth-child(even) {
  background-color: #f2f3f9;
}
#container .articleListPanel.simulcastPanel h2 {
  margin: 0;
  font-size: 34px;
  margin-left: 10px;
  margin-bottom: 10px;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem {
  cursor: pointer;
  width: 100%;
  background-color: white;
}
@media screen and (min-width: 540px) {
  #container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  #container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem {
    width: 30%;
  }
}
@media screen and (min-width: 992px) {
  #container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem {
    width: 20%;
  }
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemButton {
  bottom: auto;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemButton:before {
  content: "";
  display: block;
  padding-top: 56%;
  /* this is a 16:9 ratio */
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemButton .graphicInner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  background-color: rgba(62, 45, 125, 0.8);
  transition: opacity 0.2s ease-in-out 0s;
  -moz-transition: opacity 0.2s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: opacity 0.2s ease-in-out 0s;
  /* Opera */
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemButton .graphicInner .al-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  font-size: 39px;
  color: #fff;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem:hover .newsItemButton .graphicInner {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  transition: opacity 0.2s ease-in-out 0s;
  -moz-transition: opacity 0.2s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: opacity 0.2s ease-in-out 0s;
  /* Opera */
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .simulcastDay {
  position: absolute;
  top: 10px;
  left: -4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px 12px;
  background-color: #1f2228;
  color: white;
  font-size: 12px;
  font-weight: 600;
  z-index: 9000;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .simulcastDay:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 0;
  border-color: transparent #1e174b transparent transparent;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemInfo {
  height: auto;
  display: block;
  border: none;
  border-top: 1px solid #e1e2e6;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemInfo .statusPanel {
  display: table-cell;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 600;
  color: #8370c8;
  border: 1px solid #8370c8;
  background-color: #f2f3f9;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemInfo .statusPanel:nth-child(3),
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemInfo .statusPanel:nth-child(4) {
  position: relative;
  left: 4px;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem .newsItemGraphic {
  border: none;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem.premium .simulcastDay {
  background-color: #da4c31;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem.premium .simulcastDay:after {
  border-color: transparent #8c2b19 transparent transparent;
}
#container .articleListPanel.simulcastPanel .simulcastPanelList .newsItem.premium .newsItemButton .graphicInner {
  background-color: rgba(218, 76, 49, 0.8);
}
@media screen and (max-width: 760px) {
  #container .articleListPanel {
    padding-left: 70px;
    padding-right: 70px;
  }
  #container .articleListPanel .newsItem {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }
  #container .articleListPanel .newsItem .newsItemInfo {
    height: auto;
    padding-bottom: 60px;
  }
  #container .articleListPanel.simulcastPanel .newsItem {
    margin: 10px;
  }
  #container .articleListPanel.simulcastPanel .newsItem .newsItemInfo {
    height: auto;
    padding-bottom: 0;
  }
}
#container #featureArticleImage {
  width: 100%;
  border-bottom: 0;
  background-size: 1528px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #1f2228;
  max-height: 640px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#container #featureArticleImage:before {
  content: "";
  display: block;
  padding-top: 56%;
  /* this is a 16:9 ratio */
}
@media screen and (max-width: 1528px) {
  #container #featureArticleImage {
    background-size: cover;
  }
}
#container .articlePanel {
  width: 1024px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  top: -60px;
  margin-bottom: -60px;
}
#container .articlePanel .articleInner {
  background-color: white;
  position: relative;
}
#container .articlePanel .articleInner .simplesocialbuttons {
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9fc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 60px;
  padding-top: 18px;
}
#container .articlePanel .articleInner .simplesocialbuttons .fb-like {
  width: auto;
  margin-right: 10px;
  float: left;
}
@media screen and (max-width: 540px) {
  #container .articlePanel .articleInner .simplesocialbuttons {
    padding-left: 30px;
  }
}
#container .articlePanel #postViews {
  position: absolute;
  top: -30px;
  color: white;
  background-color: black;
  padding: 4px 8px;
  font-size: 11px;
}
@media screen and (max-width: 540px) {
  #container .articlePanel #postViews {
    margin-left: 30px;
  }
}
#container .articlePanel p,
#container .articlePanel h1,
#container .articlePanel h2,
#container .articlePanel h3,
#container .articlePanel h4,
#container .articlePanel ul,
#container .articlePanel ol {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#container .articlePanel ul,
#container .articlePanel ol {
  list-style-position: inside;
}
#container .articlePanel .post_show {
  padding: 0 30px 20px 30px;
}
#container .articlePanel .articleInfo {
  width: 100%;
  padding: 20px 30px 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
@media screen and (max-width: 540px) {
  #container .articlePanel .articleInfo {
    padding-top: 10px;
  }
}
#container .articlePanel .articleInfo p {
  margin: 0;
  padding: 0;
  color: #8e91a0;
  border-bottom: 1px dotted #8e91a0;
  padding-bottom: 10px;
}
#container .articlePanel .articleInfo p a,
#container .articlePanel .articleInfo p .articleInfoBlock {
  color: #8e91a0;
  font-size: 12px;
  font-weight: 400;
  margin-right: 10px;
  margin-bottom: 0;
  display: inline-table;
}
#container .articlePanel .articleInfo p a .glyphicon,
#container .articlePanel .articleInfo p .articleInfoBlock .glyphicon {
  margin-right: 4px;
  margin-top: -6px;
}
#container .articlePanel .articleInfo p a span,
#container .articlePanel .articleInfo p .articleInfoBlock span {
  color: #8e91a0;
}
#container .articlePanel .articleInfo p a a,
#container .articlePanel .articleInfo p .articleInfoBlock a {
  margin-right: 0;
}
#container .articlePanel .articleContent {
  padding-bottom: 10px;
}
#container .articlePanel .articleContent .entry-header {
  padding: 0 30px;
}
#container .articlePanel .articleContent .preamble p {
  font-weight: 300;
  line-height: 34px;
  font-size: 26px;
  letter-spacing: -1px;
}
#container .articlePanel .articleContent blockquote p {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #2c3144;
  letter-spacing: -1px;
}
#container .articlePanel .articleContent .entry-content {
  padding: 0 30px;
}
#container .articlePanel .articleContent .entry-content .fb_iframe_widget_fluid_desktop {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  #container .articlePanel .articleContent .entry-content img.staffpic,
  #container .articlePanel .articleContent .entry-content img.smallpic {
    width: 100%;
    margin: 20px 0;
  }
}
#container .articlePanel .articleContent .entry-content .posterPanel {
  width: 100%;
  display: table;
  background-color: #171717;
  position: relative;
  margin-bottom: 30px;
}
#container .articlePanel .articleContent .entry-content .posterPanel .posterHalf {
  width: 50%;
  display: table;
  float: left;
  text-align: center;
}
#container .articlePanel .articleContent .entry-content .posterPanel .posterHalf img {
  width: 100%;
  float: left;
  left: auto;
  margin: 0;
  -webkit-box-shadow: 0 0 0 0 #d3d5da;
  -moz-box-shadow: 0 0 0 0 #d3d5da;
  box-shadow: 0 0 0 0 #d3d5da;
}
#container .articlePanel .articleContent .entry-content .posterPanel .posterHalf.quotes .quotesHolder {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
#container .articlePanel .articleContent .entry-content .posterPanel .posterHalf.quotes .quotesHolder p {
  color: white;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#container .articlePanel .articleContent .entry-content .posterPanel .posterHalf.quotes .quotesHolder p.quote {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
@media screen and (max-width: 760px) {
  #container .articlePanel .articleContent .entry-content .posterPanel .posterHalf.quotes .quotesHolder p.quote {
    font-size: 16px;
    line-height: 20px;
  }
}
#container .articlePanel .articleContent .entry-content .posterPanel .posterHalf.quotes .quotesHolder p.source {
  margin-top: 0;
  font-size: 11px;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  #container .articlePanel .articleContent .entry-content .posterPanel .posterHalf {
    width: 100%;
  }
  #container .articlePanel .articleContent .entry-content .posterPanel .posterHalf.quotes .quotesHolder {
    height: auto !important;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
#container .articlePanel .articleContent .entry-content .image-gallery {
  position: relative;
  width: 100%;
  display: table;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0;
  z-index: 10;
}
#container .articlePanel .articleContent .entry-content .image-gallery li {
  padding: 0;
  width: 33.4%;
  display: table-cell;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#container .articlePanel .articleContent .entry-content .image-gallery li a {
  display: block;
  background-size: cover;
  background-position: center center;
}
#container .articlePanel .articleContent .entry-content .image-gallery li img {
  width: 100%;
  margin: 0;
}
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(1) {
  width: 66.6%;
}
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(1) a img {
  height: 384px;
}
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(4),
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(5),
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(7),
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(8),
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(10),
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(11) {
  width: 33.3%;
}
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(4) a img,
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(5) a img,
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(7) a img,
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(8) a img,
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(10) a img,
#container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(11) a img {
  height: 192px;
}
@media screen and (max-width: 1200px) {
  #container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(1) a img {
    height: auto;
  }
  #container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(4) a img,
  #container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(5) a img,
  #container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(7) a img,
  #container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(8) a img,
  #container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(10) a img,
  #container .articlePanel .articleContent .entry-content .image-gallery li:nth-child(11) a img {
    height: auto;
  }
}
#container .articlePanel .articleContent .wp-caption,
#container .articlePanel .articleContent img {
  width: 100%;
  position: relative;
  display: table;
  margin: 30px 0 10px 0;
}
#container .articlePanel .articleContent .wp-caption .wp-caption-text,
#container .articlePanel .articleContent img .wp-caption-text {
  width: 100%;
  padding: 0 20px 10px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 11px;
  color: #8e91a0;
  line-height: 140%;
  float: left;
  border-bottom: 1px solid #e6e6e6;
}
#container .articlePanel .articleContent .wp-caption img,
#container .articlePanel .articleContent img img {
  width: 100%;
  left: 0;
  display: table;
  margin: 0;
  float: left;
}
#container .articlePanel .articleContent .topTenTitle {
  position: relative;
  left: -5%;
  display: table;
  height: 100px;
  margin-bottom: -80px;
  width: 80%;
  z-index: 2000;
}
#container .articlePanel .articleContent .topTenTitle .topTenNum {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-color: #1f2228;
}
#container .articlePanel .articleContent .topTenTitle .topTenNum h2 {
  width: 100px;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 60px;
  letter-spacing: -2px;
  color: white;
}
#container .articlePanel .articleContent .topTenTitle .topTenWords {
  position: absolute;
  bottom: 20px;
  left: 100px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  background-color: #1e174b;
}
#container .articlePanel .articleContent .topTenTitle .topTenWords h3 {
  color: #ffffff;
  margin: 0;
}
#container .articlePanel .navigation {
  width: 100%;
  height: 20px;
}
#container .articlePanel .navigation h2 {
  display: none;
}
#container .articlePanel .navigation .nav-links .nav-previous a {
  display: block;
}
#container .articlePanel .navigation .nav-links .nav-previous a span {
  float: left;
  font-size: 20px;
  color: #1f2228;
}
#container .articlePanel .navigation .nav-links .nav-previous a p {
  float: left;
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #1f2228;
}
#container .articlePanel .post_tags,
#container .articlePanel .post_source {
  padding-bottom: 4px;
  padding-top: 4px;
  border-top: 1px solid #e6e6e6;
}
#container .articlePanel .post_tags p,
#container .articlePanel .post_source p {
  padding: 0 30px;
  font-size: 14px;
}
#container .articlePanel .post_tags .btn,
#container .articlePanel .post_source .btn {
  margin-right: 3px;
}
@media screen and (max-width: 1200px) {
  #container .articlePanel {
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
  }
}
#container .stdContentHolder {
  width: 100%;
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
#container .stdContentHolder.blue-grey-light {
  background-color: #e1e2e6;
}
#container .stdContentHolder.blue-grey-lightest {
  background-color: #f2f3f9;
}
#container .stdContentHolder.white {
  background-color: #ffffff;
}
#container .stdContentHolder .articlePanel {
  margin: 0 auto;
  background-color: transparent;
  top: 0;
}
#container .stdContentHolder.popularPanel {
  z-index: 10;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
@media screen and (max-width: 540px) {
  #container .stdContentHolder.popularPanel {
    padding: 0 30px 10px 30px;
  }
}
#container .stdContentHolder.popularPanel .articlePanel h3 {
  margin-top: 0;
  padding-top: 20px;
  padding-left: 0;
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder {
  width: 100%;
  display: table;
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost {
  width: 32%;
  float: left;
  display: inline-block;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.2s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: all 0.2s ease-in-out 0s;
  /* Opera */
  margin-right: 2%;
  background-color: white;
  margin-bottom: 20px;
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost:nth-child(3) {
  margin-right: 0;
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost:nth-child(6) {
  margin-right: 0;
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost:hover {
  -webkit-box-shadow: 0 5px 15px 1px rgba(44, 49, 68, 0.25);
  -moz-box-shadow: 0 5px 15px 1px rgba(44, 49, 68, 0.25);
  box-shadow: 0 5px 15px 1px rgba(44, 49, 68, 0.25);
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.2s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: all 0.2s ease-in-out 0s;
  /* Opera */
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost:hover a {
  color: #1f2228;
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost a {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 0;
  width: 100%;
  color: #6a6a6a;
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost a img {
  margin: 0;
  width: 100%;
}
#container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost .wpp-post-title {
  padding: 6px 10px 10px 10px;
  font-size: 12px;
  min-height: 50px;
}
@media screen and (max-width: 760px) {
  #container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost .wpp-post-title {
    min-height: 70px;
  }
}
@media screen and (max-width: 600px) {
  #container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost {
    width: 48%;
    margin-right: 0;
  }
  #container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost:nth-child(1),
  #container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost:nth-child(3) {
    margin-right: 4%;
  }
  #container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost:nth-child(5),
  #container .stdContentHolder.popularPanel .articlePanel .popPostHolder .popPost:nth-child(6) {
    display: none;
  }
}
#container .stdContentHolder.commentsPanel .fb_iframe_widget_fluid {
  display: inline-block;
}
#container .stdContentHolder.commentsPanel .fb_iframe_widget,
#container .stdContentHolder.commentsPanel .fb_iframe_widget span,
#container .stdContentHolder.commentsPanel .fb_iframe_widget span iframe.fb_ltr {
  min-width: 100% !important;
  width: 100% !important;
}
#container .stdContentHolder.commentsPanel h2,
#container .stdContentHolder.commentsPanel h3 {
  margin-top: 0;
  padding-left: 0;
}
@media screen and (max-width: 540px) {
  #container .stdContentHolder.commentsPanel .articlePanel {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
  }
}
#container .footer {
  background-color: #17191f;
  margin: 0;
  padding: 20px 0 15px;
  margin-bottom: 80px;
}
#container .footer .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
#container .footer span.copyright-line {
  display: block;
  color: rgba(108, 113, 129, 0.8);
  font-size: 12px;
  margin: 20px 0 0;
  text-align: center;
}
#container .footer span.copyright-line a {
  color: #6c7181;
}
#container .footer .sa-logo {
  width: 170px;
  margin: 40px auto 0;
}
#container .footer .sa-logo img {
  width: 100%;
}
#container .footer .sa-line {
  display: block;
  color: rgba(108, 113, 129, 0.8);
  font-size: 12px;
  margin: 10px 0 0;
  text-align: center;
}
#container .footer .footer-links .vl-logo {
  width: 100%;
}
#container .footer .footer-links .vl-logo img {
  width: 40px;
  display: block;
  margin: 0 auto;
}
#container .footer .footer-links ul.footer-links-group {
  list-style-type: none;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: auto;
}
#container .footer .footer-links ul.footer-links-group li {
  color: #555965;
  padding: 0;
  font-size: 14px;
  line-height: 1.428571429;
}
#container .footer .footer-links ul.footer-links-group li a {
  color: rgba(108, 113, 129, 0.8);
  padding: 0;
  padding: 4px 10px;
  background-color: rgba(0, 0, 0, 0.2);
  margin-bottom: 2px;
  display: block;
  outline: 0 none!important;
}
#container .footer .footer-links ul.footer-links-group li a:hover {
  color: white;
}
#container .footer .footer-links ul.footer-links-group li a .glyphicon {
  font-size: 18px;
}
#container .footer .footer-links ul.footer-links-group li.icon-only {
  margin-top: 4px;
}
#container .footer .footer-links ul.footer-links-group li.group-header h4 {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #6c7181;
}
@media screen and (min-width: 540px) {
  #container .footer .footer-links {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  #container .footer .footer-links .vl-logo {
    width: 40px;
    text-align: center;
  }
  #container .footer .footer-links .vl-logo img {
    width: 100%;
  }
  #container .footer .footer-links ul.footer-links-group {
    margin: 0 0 0 40px;
    width: auto;
    display: block;
  }
  #container .footer .footer-links ul.footer-links-group li a {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #container .footer span.copyright-line {
    margin: 40px 0 0;
  }
  #container .footer .footer-links .vl-logo {
    width: 80px;
  }
  #container .footer .container {
    width: 750px;
  }
}
@media screen and (min-width: 992px) {
  #container .footer .container {
    width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  #container .footer .container {
    width: 1170px;
  }
}
@media screen and (max-width: 540px) {
  a,
  button,
  .btn {
    z-index: 9000;
  }
  .desktop-only {
    display: none;
  }
  #container #topPanel {
    height: 60px;
    background-color: #1b1d22;
    top: 0;
  }
  #container #topPanel #searchPanel {
    height: 54px;
  }
  #container #topPanel #searchPanel #searchIcon {
    height: 54px;
  }
  #container #topPanel #searchPanel #searchIcon .al-search {
    height: 54px;
  }
  #container #topPanel.addColour #logoPanel .glyphicon,
  #container #topPanel.addColour #searchPanel #searchIcon .glyphicon {
    color: #ffffff;
  }
  #container #homeIntroPanel,
  #container #standardIntroPanel {
    min-height: initial;
    padding-bottom: 30px;
  }
  #container #homeIntroPanel .animeLabLogoText,
  #container #standardIntroPanel .animeLabLogoText {
    width: 200px;
    height: 36px;
    padding-top: 40px;
    margin-bottom: 24px;
  }
  #container #standardIntroPanel {
    padding-top: 30px;
  }
  #container #standardIntroPanel .articlePanel h2 {
    padding-top: 8px;
  }
  #container #standardIntroPanel.noHeaderImage {
    margin-bottom: 0;
    height: 20px;
  }
  #container .articleListPanel {
    padding-left: 10px;
    padding-right: 10px;
  }
  #container .articleListPanel .newsItem .newsItemInfo {
    height: auto;
    padding-bottom: 60px;
  }
  #container .articlePanel {
    width: 100%;
    top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #container .articlePanel .articleInfo p a,
  #container .articlePanel .articleInfo p .articleInfoBlock {
    margin-right: 10px;
    font-size: 11px;
  }
  #container .articlePanel .authorInfo .authorText {
    padding-top: 10px;
  }
  #container .articlePanel .articleContent figure {
    width: 100%;
    left: auto;
  }
  #container .articlePanel .articleContent .topTenTitle {
    width: 100%;
    margin-bottom: -50px;
    left: auto;
  }
  #container .articlePanel .articleContent .topTenTitle .topTenNum {
    width: 80px;
  }
  #container .articlePanel .articleContent .topTenTitle .topTenNum h2 {
    width: 80px;
    font-size: 40px;
  }
  #container .articlePanel .articleContent .topTenTitle .topTenWords {
    left: 80px;
  }
  #container .articlePanel .articleContent .topTenTitle .topTenWords h3 {
    font-size: 12px;
  }
  #container #standardIntroPanel .articlePanel h2 {
    font-size: 20px;
  }
  #container #standardIntroPanel .articlePanel p {
    font-size: 12px;
  }
  #container #standardIntroPanel .articlePanel p a {
    font-size: 12px;
  }
  #container #standardIntroPanel .articlePanel .userAvatar {
    width: 60px;
    height: 60px;
  }
  #container #standardIntroPanel .articlePanel .userAvatar img {
    width: 60px;
    height: 60px;
  }
}
.release_block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: row;
  -moz-flex-wrap: row;
  -ms-flex-wrap: row;
  flex-wrap: row;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  border: 1px solid #e6e6e6;
  margin-bottom: 30px;
}
.release_block .release_portrait {
  width: 30%;
}
.release_block .release_portrait img {
  margin: 0 !important;
}
@media screen and (max-width: 600px) {
  .release_block .release_portrait {
    width: auto;
  }
}
.release_block .release_desc {
  width: 66%;
  padding: 20px 32px 28px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.release_block .release_desc .btn {
  padding: 12px 18px;
  font-size: 21px;
  border: 1px solid rgba(23, 25, 31, 0.4);
  color: rgba(23, 25, 31, 0.8);
  font-weight: 400;
  outline: 0 none!important;
  display: inline-block;
  align-self: flex-end;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
}
.release_block .release_desc .btn:hover,
.release_block .release_desc .btn:focus {
  background: #1f2228;
  color: #ffffff;
}
.release_block .release_desc .btn:hover span,
.release_block .release_desc .btn:focus span {
  background-image: url('../images/icon-play-white.png');
}
.release_block .release_desc .btn span {
  padding-right: 22px;
  margin-left: 12px;
  background-image: url('../images/icon-play-black.png');
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 600px) {
  .release_block .release_desc .btn {
    font-size: 18px;
  }
  .release_block .release_desc .btn span {
    background-position: right center;
  }
}
@media screen and (max-width: 600px) {
  .release_block .release_desc {
    width: auto;
  }
}
.release_block .release_keycolour {
  width: 4%;
}
@media screen and (max-width: 768px) {
  .release_block .release_keycolour {
    height: 24px;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  .release_block {
    border: 0;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .release_block .release_desc {
    padding: 20px 0 28px 0;
  }
}
.promo-panel {
  padding: 30px 30px 40px 30px;
  background-color: #018900;
  color: white;
  text-align: center;
  margin: 20px;
}
.promo-panel h2 {
  color: white;
  font-size: 23px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 4px;
}
.promo-panel p {
  font-size: 16px;
  margin-top: 0;
  line-height: 18px;
  max-width: 500px;
  margin: 10px auto 20px;
}
.promo-panel .btn {
  background-color: white;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  color: #317e3c;
  font-size: 17px;
  font-weight: 900;
  padding: 14px 24px;
}
.feature-apps {
  width: 100%;
  background-color: #a7a8a8;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.feature-apps .container {
  padding: 40px 0;
  text-align: center;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.feature-apps .container h2 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 10px;
}
.feature-apps .container h2 span {
  color: #0c0d10;
  font-size: 22px;
  font-weight: 900;
  display: block;
}
.feature-apps .container p {
  color: #0c0d10;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
}
.feature-apps .container .vl-btn.vl-btn-xl {
  padding: 6px 14px;
  font-size: 18px;
  font-weight: 400;
  border: 1px solid rgba(23, 25, 31, 0.4);
  color: rgba(23, 25, 31, 0.8);
  outline: 0 none!important;
  transition: all 0.3s 0s 0.4s ease-in-out 0s;
  -moz-transition: all 0.3s 0s 0.4s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s 0s 0.4s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: all 0.3s 0s 0.4s ease-in-out 0s;
  /* Opera */
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.feature-apps .container .vl-btn.vl-btn-xl:hover {
  background-color: #17191f;
  border: 1px solid #17191f;
  color: #fff;
  transition: all 0.3s 0s 0.4s ease-in-out 0s;
  -moz-transition: all 0.3s 0s 0.4s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s 0s 0.4s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: all 0.3s 0s 0.4s ease-in-out 0s;
  /* Opera */
}
.feature-apps .container .button-group {
  margin-top: 15px;
}
.feature-apps .container .vl-btn.vl-btn-apps {
  margin: 0 4px 4px;
  outline: 0 none!important;
  background-color: #000;
  border: 0;
  display: inline-block;
  width: 120px;
  height: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99) 0.4s ease-in-out 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99) 0.4s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99) 0.4s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99) 0.4s ease-in-out 0s;
  /* Opera */
  border: 1px solid transparent;
  font-size: 14px;
  cursor: pointer;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.feature-apps .container .vl-btn.vl-btn-apps:hover {
  opacity: .6;
  background-color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99) 0.4s ease-in-out 0s;
  -moz-transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99) 0.4s ease-in-out 0s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99) 0.4s ease-in-out 0s;
  /* Safari and Chrome */
  -o-transition: all 0.3s cubic-bezier(0, 1.07, 0.63, 0.99) 0.4s ease-in-out 0s;
  /* Opera */
}
.feature-apps .container .feature-key-image {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.feature-apps .container .feature-key-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56%;
}
@media screen and (min-width: 540px) {
  .feature-apps .container h2 span {
    font-size: 30px;
  }
  .feature-apps .container .vl-btn.vl-btn-xl {
    padding: 8px 14px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  .feature-apps .container {
    width: 750px;
  }
  .feature-apps .container p {
    max-width: 60%;
    font-size: 22px;
  }
}
@media screen and (min-width: 992px) {
  .feature-apps .container {
    width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  .feature-apps .container {
    width: 1170px;
  }
}