@charset "UTF-8";
/* These declarations are included like this because we only want to load fonts on bigger screen sizes, and
putting @font-face inside a media query isn't strictly legal and is ignored by IE9 and some FF. */
@font-face {
  font-family: ScoutLight;
  src: url(/wp-content/themes/vip/metrouk/css/../fonts/scout-light/scout-light.eot);
  src: url(/wp-content/themes/vip/metrouk/css/../fonts/scout-light/scout-light.eot?) format("embedded-opentype"), url(/wp-content/themes/vip/metrouk/css/../fonts/scout-light/scout-light.woff) format("woff"), url(/wp-content/themes/vip/metrouk/css/../fonts/scout-light/scout-light.ttf) format("truetype"), url(/wp-content/themes/vip/metrouk/css/../fonts/scout-light/scout-light.svg) format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: ScoutBold;
  src: url(/wp-content/themes/vip/metrouk/css/../fonts/scout-bold/scout-bold.eot);
  src: url(/wp-content/themes/vip/metrouk/css/../fonts/scout-bold/scout-bold.eot?) format("embedded-opentype"), url(/wp-content/themes/vip/metrouk/css/../fonts/scout-bold/scout-bold.woff) format("woff"), url(/wp-content/themes/vip/metrouk/css/../fonts/scout-bold/scout-bold.ttf) format("truetype"), url(/wp-content/themes/vip/metrouk/css/../fonts/scout-bold/scout-bold.svg) format("svg");
  font-style: normal;
  font-weight: normal;
}
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

h1, h2, h3 {
  font-weight: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

/* Contents
==================================================
	1. Hacks
	2. Floats
	3. Padding
	4. Margin
	5. Display
	6. Typography
	7. Links
	8. Overflow
*/
/* 1. Hacks
================================================== */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* 2. Floats
================================================== */
.flt-r {
  float: right;
}

.flt-l {
  float: left;
}

.clear {
  clear: both;
}

/* 3. Padding
================================================== */
.p10t {
  padding-top: 10px;
}

.p10b {
  padding-bottom: 10px;
}

.p10l {
  padding-left: 10px;
}

.p10r {
  padding-right: 10px;
}

.p10y {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p10x {
  padding-left: 10px;
  padding-right: 10px;
}

.p20t {
  padding-top: 20px;
}

.p20b {
  padding-bottom: 20px;
}

.p20l {
  padding-left: 20px;
}

.p20r {
  padding-right: 20px;
}

.p20y {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p20x {
  padding-left: 20px;
  padding-right: 20px;
}

/* 4. Margin
================================================== */
.m10t {
  margin-top: 10px;
}

.m10b {
  margin-bottom: 10px;
}

.m10l {
  margin-left: 10px;
}

.m10r {
  margin-right: 10px;
}

.m10y {
  margin-top: 10px;
  margin-bottom: 10px;
}

.m10x {
  margin-left: 10px;
  margin-right: 10px;
}

.m20t {
  margin-top: 20px;
}

.m20b {
  margin-bottom: 20px;
}

.m20l {
  margin-left: 20px;
}

.m20r {
  margin-right: 20px;
}

.m20y {
  margin-top: 20px;
  margin-bottom: 20px;
}

.m20x {
  margin-left: 20px;
  margin-right: 20px;
}

.m60l {
  margin-left: 60px;
}

.m85l {
  margin-left: 85px;
}

/* 5. Display
================================================== */
.hidden,
.display-none {
  display: none !important;
}

.display-block {
  display: block;
}

.display-table-cell {
  display: table-cell;
}

/* 6. Typography
================================================== */
.hide-text {
  font: 0px/0px a !important;
  text-shadow: none !important;
  color: transparent !important;
}

.f_12 {
  font-size: 1.2em;
}

.lh_13 {
  line-height: 1.3em;
}

.small-grey {
  font-size: 12px;
  color: #aaa;
}

.alt-font-bold {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}

/* 7. Links
================================================== */
.no-underline,
.no-underline:hover {
  text-decoration: none;
}

/* 8. Overflow
================================================== */
.overflow-y-off {
  overflow-y: hidden;
}

html.overflow-y-off {
  overflow-y: hidden;
}
html.overflow-y-off body {
  overflow-y: hidden;
}

/* Awesome icons courtesy of http://icomoon.io/ <-- Thanks!
To add to font: http://icomoon.io/#docs/save-load
*/
/* Icon font face */
@font-face {
  font-family: 'icomoon';
  src: url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.eot?1);
  src: url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.eot?1#iefix) format("embedded-opentype"), url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.woff?1) format("woff"), url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.ttf?!) format("truetype"), url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.svg?1#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-camera, .icon-star, .icon-star-2, .icon-star-3, .icon-play, .icon-user, .icon-home, .icon-pencil, .icon-pencil-2, .icon-file, .icon-file-2, .icon-envelop, .icon-expand, .icon-cog, .icon-contract, .icon-bubble, .icon-undo, .icon-redo, .icon-bookmark, .icon-bookmarks, .icon-link, .icon-close, .icon-checkmark, .icon-minus, .icon-plus, .icon-loop, .icon-facebook, .icon-facebook-2, .icon-google-plus, .icon-google-plus-2, .icon-twitter, .icon-twitter-2, .icon-tumblr, .icon-tumblr-2, .icon-wordpress, .icon-pinterest, .icon-pinterest-2, .icon-trashcan, .icon-pencil-3, .icon-info, .icon-search, .icon-attachment, .icon-share, .icon-arrow-left, .icon-arrow-down-left, .icon-arrow-down, .icon-arrow-down-right, .icon-arrow-right, .icon-arrow-up-right, .icon-arrow-up, .icon-arrow-up-left, .icon-volume-mute, .icon-earth, .icon-youtube, .icon-youtube-2, .icon-volume-medium, .icon-pencil-4, .icon-flickr, .icon-flickr-2, .icon-feed, .icon-feed-2, .icon-vimeo, .icon-vimeo2, .icon-android, .icon-windows, .icon-windows8, .icon-apple, .icon-file-pdf, .icon-file-word, .icon-foursquare, .icon-foursquare-2, .icon-linkedin, .icon-code, .icon-screen, .icon-laptop, .icon-mobile, .icon-mobile-2, .icon-tablet, .icon-print, .icon-calendar, .icon-alarm, .icon-stopwatch, .icon-alarm-2, .icon-quotes-left, .icon-tag, .icon-spinner, .icon-clock, .icon-gallery, .icon-video, .icon-trending-arrow {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background-color: #020202;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

a:hover .icon-camera,
a:hover .icon-youtube-2,
a:hover .icon-gallery,
a:hover .icon-video {
  background-color: #24AAE1;
}

.icon-camera:before,
.icon-gallery:before {
  content: "\e002";
}

.icon-star:before {
  content: "\e000";
}

.icon-star-2:before {
  content: "\e003";
}

.icon-star-3:before {
  content: "\e004";
}

.icon-play:before {
  content: "\e005";
}

.icon-user:before {
  content: "\e001";
}

.icon-home:before {
  content: "\e006";
}

.icon-pencil:before {
  content: "\e007";
}

.icon-pencil-2:before {
  content: "\e008";
}

.icon-file:before {
  content: "\e009";
}

.icon-file-2:before {
  content: "\e00a";
}

.icon-envelop:before {
  content: "\e00b";
}

.icon-expand:before {
  content: "\e00c";
}

.icon-cog:before {
  content: "\e00d";
}

.icon-contract:before {
  content: "\e00e";
}

.icon-bubble:before {
  content: "\e00f";
}

.icon-undo:before {
  content: "\e010";
}

.icon-redo:before {
  content: "\e011";
}

.icon-bookmark:before {
  content: "\e013";
}

.icon-bookmarks:before {
  content: "\e014";
}

.icon-link:before {
  content: "\e015";
}

.icon-close:before {
  content: "\e016";
}

.icon-checkmark:before {
  content: "\e017";
}

.icon-minus:before {
  content: "\e018";
}

.icon-plus:before {
  content: "\e019";
}

.icon-loop:before {
  content: "\e01a";
}

.icon-facebook:before {
  content: "\e012";
}

.icon-facebook-2:before {
  content: "\e01b";
}

.icon-google-plus:before {
  content: "\e01c";
}

.icon-google-plus-2:before {
  content: "\e01d";
}

.icon-twitter:before {
  content: "\e01e";
}

.icon-twitter-2:before {
  content: "\e01f";
}

.icon-tumblr:before {
  content: "\e020";
}

.icon-tumblr-2:before {
  content: "\e021";
}

.icon-wordpress:before {
  content: "\e023";
}

.icon-pinterest:before {
  content: "\e022";
}

.icon-pinterest-2:before {
  content: "\e024";
}

.icon-trashcan:before {
  content: "\e025";
}

.icon-pencil-3:before {
  content: "\e026";
}

.icon-info:before {
  content: "\e027";
}

.icon-search:before {
  content: "\e028";
}

.icon-attachment:before {
  content: "\e029";
}

.icon-share:before {
  content: "\e02a";
}

.icon-arrow-left:before {
  content: "\e02b";
}

.icon-arrow-down-left:before {
  content: "\e02c";
}

.icon-arrow-down:before {
  content: "\e02d";
}

.icon-arrow-down-right:before {
  content: "\e02e";
}

.icon-arrow-right:before {
  content: "\e02f";
}

.icon-arrow-up-right:before {
  content: "\e030";
}

.icon-arrow-up:before {
  content: "\e031";
}

.icon-arrow-up-left:before {
  content: "\e032";
}

.icon-volume-mute:before {
  content: "\e034";
}

.icon-earth:before {
  content: "\e035";
}

.icon-youtube:before {
  content: "\e033";
}

.icon-youtube-2:before,
.icon-video:before {
  content: "\e037";
}

.icon-volume-medium:before {
  content: "\e038";
}

.icon-pencil-4:before {
  content: "\e036";
}

.icon-flickr:before {
  content: "\e039";
}

.icon-flickr-2:before {
  content: "\e03a";
}

.icon-feed:before {
  content: "\e03b";
}

.icon-feed-2:before {
  content: "\e03c";
}

.icon-vimeo:before {
  content: "\e03d";
}

.icon-vimeo2:before {
  content: "\e03e";
}

.icon-android:before {
  content: "\e03f";
}

.icon-windows:before {
  content: "\e040";
}

.icon-windows8:before {
  content: "\e041";
}

.icon-apple:before {
  content: "\e042";
}

.icon-file-pdf:before {
  content: "\e043";
}

.icon-file-word:before {
  content: "\e044";
}

.icon-foursquare:before {
  content: "\e045";
}

.icon-foursquare-2:before {
  content: "\e046";
}

.icon-linkedin:before {
  content: "\e047";
}

.icon-code:before {
  content: "\e048";
}

.icon-screen:before {
  content: "\e04b";
}

.icon-laptop:before {
  content: "\e04c";
}

.icon-mobile:before {
  content: "\e04d";
}

.icon-mobile-2:before {
  content: "\e04e";
}

.icon-tablet:before {
  content: "\e04f";
}

.icon-print:before {
  content: "\e049";
}

.icon-calendar:before {
  content: "\e050";
}

.icon-alarm:before {
  content: "\e04a";
}

.icon-stopwatch:before {
  content: "\e052";
}

.icon-alarm-2:before {
  content: "\e051";
}

.icon-quotes-left:before {
  content: "\e053";
}

.icon-tag:before {
  content: "\e054";
}

.icon-spinner:before {
  content: "\e055";
}

.icon-clock:before {
  content: "\e056";
}

.icon-trending-arrow:before {
  content: "\e600";
}

html {
  overflow-y: scroll;
}

body {
  -webkit-text-size-adjust: 100%;
  height: 100%;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  color: black;
  min-width: 320px;
}

b,
strong,
.bold {
  font-weight: bold;
}

p em {
  font-style: italic;
}

#topBar,
#masthead,
#page-bottom {
  margin: 0 auto;
}

#pageBody {
  position: relative;
  margin: 0 auto;
  min-height: 720px;
}

#pageBody[style] {
  overflow: hidden !important;
}

.col-a {
  float: none;
  clear: both;
  width: 100%;
}

.col-b {
  float: none;
  clear: both;
  width: 100%;
}

.col-abc {
  clear: both;
}

.col-abc .centred-block {
  font-size: 16px;
}

.percent100 {
  max-width: 100%;
}

#pageTop {
  position: relative;
  z-index: 10;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
}

.ie7 #pageTop,
.ie8 #pageTop,
.ie9 #pageTop {
  padding-bottom: 60px !important;
}

.content {
  position: relative;
  font-size: 1.4em;
}

.side-by-side {
  overflow: hidden;
  font-size: 16px;
  margin: 20px 0 0;
}

.sbs-article {
  margin-bottom: 20px;
}

.side-by-side > a {
  display: block;
  position: relative;
  float: left;
  width: 49%;
}

.sbs-thumb-link {
  margin-right: 2%;
}

.side-by-side img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 5px;
}

.sbs-title {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.1;
}

.sbs-title:hover {
  text-decoration: none;
}

#page-bottom-container {
  background: #fff;
  position: relative;
  z-index: 0;
  max-width: 988px;
  margin: 0 auto;
}

#page-bottom {
  border-top: 1px dotted #869bd2;
  background: #fafafa;
  position: relative;
  overflow: hidden;
  /* Clearing floats */
}

a {
  color: #17318b;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.single-article a {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  color: #ea6400;
}
.single-article a:visited,
.single-article a:hover {
  color: #a34600;
  text-decoration: none;
}

#content blockquote {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  color: #666;
  max-width: 247px;
  min-height: 64px;
  margin: 5px auto;
  padding: 10px 10px 10px 53px;
  font-size: 16px;
  line-height: 1.2;
  float: none;
  font-style: italic;
  background: url(/wp-content/themes/vip/metrouk/css/../img/l_quotes.png) no-repeat left 11px;
}

article blockquote p:last-child {
  margin-bottom: 0;
}

.ie7 blockquote p,
.ie8 blockquote p {
  margin-bottom: 0 !important;
}

/* Ordered and unordered lists in single post page */
.type-post ol {
  margin: 0 0 1em 1em;
  padding-left: 2em;
  list-style: decimal outside;
}

.type-post ol ol {
  margin-bottom: 0;
}

.type-post ul {
  margin: 0 0 1em 1em;
  padding-left: 2em;
  list-style: disc outside;
}

.type-post ul ul {
  margin-bottom: 0;
  list-style: circle;
}

.type-post li {
  margin: 0;
  padding: 0;
}

.box {
  display: inline-block;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #dedede;
  background: #f3f3f3;
  line-height: 1.2em;
  font-size: 1em;
}

.ie7 .box {
  display: inline;
  zoom: 1;
}

.sidebar h2 {
  margin-bottom: 10px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  line-height: 1.2;
  color: #aaa;
}

.content .title-link,
.sidebar .title-link {
  color: black;
}

.content .title-link:hover,
.sidebar .title-link:hover {
  background: inherit;
  color: black;
}

li {
  margin-bottom: 0.5em;
}

.small_link {
  font-size: 1.4em;
}

/* Tiles */
.tiles {
  clear: both;
  margin: 0 -10px 20px 0;
}

.tiles .teaser {
  position: relative;
  margin: 0 2.8% 10px 0;
  float: left;
  height: auto !important;
  border-top: 3px solid #666;
}

.tiles .teaser a {
  text-decoration: none;
}

.tiles .teaser a.post {
  color: black;
}

.tiles .teaser a:hover {
  text-decoration: underline;
}

.tiles .teaser.highlight {
  background-color: #ddd;
}

.tiles .teaser.wide,
.tiles .teaser.hero_large {
  border-top: 0;
}

.tiles .teaser img {
  width: 100% !important;
}

.tiles .teaser.wide .category {
  display: none;
}

.tiles .teaser.quote-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #f3f3f3;
  border-top-color: #f3f3f3;
}

.tiles .quote-container a:hover {
  text-decoration: none;
}

.has-hover .tiles .quote-container a:hover .quote {
  text-decoration: underline;
}

.tiles .teaser .quote {
  font-size: 24px;
  line-height: 24px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-style: italic;
  color: black;
  margin: 0;
}

a:hover .quote {
  text-decoration: none;
}

.tiles .teaser.highlight .quote {
  padding: 20px 10px 0 10px;
}

.tiles .teaser .attrib {
  font-size: 12px;
  color: #666;
  padding-top: 10px;
  text-align: right;
  font-style: italic;
}

.excerpt .post-type {
  margin-right: 5px;
  margin-bottom: 0;
}

h1 .post-type,
h2 .post-type,
h3 .post-type {
  position: relative;
  top: -1px;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.tiles .teaser .title {
  font-size: 16px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  line-height: 16px;
  padding: 8px 0 0 0;
}

.tiles .teaser.wide .title {
  font-size: 24px;
  line-height: 24px;
}

.tiles .teaser.highlight .title {
  font-size: 18px;
  line-height: 20px;
  color: black;
  padding: 8px 10px 0 10px;
}

.tiles .teaser .excerpt {
  padding: 5px 0 10px 0;
}

.tiles .teaser.highlight .excerpt {
  color: black;
  padding: 8px 10px 10px 10px;
}

.tiles .teaser.hero_large .excerpt {
  padding: 10px 0;
  font-size: 14px;
}

.tiles .teaser img {
  display: block;
}

.tiles .rating {
  margin-top: 5px;
}

.tiles .highlight .rating {
  margin-left: 10px;
}

/* Tiles - section specific */
.cat-parent-news.teaser {
  border-top-color: #193989;
}

.cat-parent-news.teaser .category {
  background-color: #193989;
}

.cat-parent-news.teaser .quote {
  color: #193989;
  background-position: 0px 0px;
}

.cat-parent-sport.teaser {
  border-top-color: #ba001f;
}

.cat-parent-sport.teaser .category {
  background-color: #ba001f;
}

.cat-parent-sport.teaser .quote {
  color: #ba001f;
  background-position: -1250px 0px;
}

.cat-parent-entertainment.teaser {
  border-top-color: #0081c7;
}

.cat-parent-entertainment.teaser .category {
  background-color: #0081c7;
}

.cat-parent-entertainment.teaser .quote {
  color: #0081c7;
  background-position: -1000px 0px;
}

.cat-parent-lifestyle.teaser {
  border-top-color: #6d1f80;
}

.cat-parent-lifestyle.teaser .category {
  background-color: #6d1f80;
}

.cat-parent-lifestyle.teaser .quote {
  color: #6d1f80;
  background-position: -750px 0px;
}

hr {
  border: 0;
  border-bottom: 1px dotted #869bd2;
}

/* Brightcove */
.widget_metro_brightcove_video_carousel_widget {
  height: 380px;
}

/* Ad slots - hidden by default, and revealed by dynamically written media queries in header.php */
.ad-slot-container > * {
  margin: 0 auto;
}

.ad-slot {
  display: none;
  text-align: center;
}

/* Jobs of the Week */
.jobs {
  width: 300px;
  overflow: hidden;
  margin: 20px auto 0;
}

.job {
  float: left;
  max-width: 144px;
  margin: 0 auto 20px;
  font-size: 12px;
}

.job.odd {
  margin-right: 10px;
}

.jobs a {
  text-decoration: none;
}

.jobs .logo {
  width: 144px;
  height: 84px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.jobs .title {
  margin-bottom: 5px;
  font-size: 12px;
}

.jobs a:hover .title {
  text-decoration: underline;
}

.jobs .salary {
  margin-bottom: 5px;
  color: black;
}

.jobs .location {
  color: #999;
}

#jobs-content .link-list-inline {
  width: 90%;
  margin: 20px auto 0;
  text-align: center;
}

#jobs-content .link-list-inline a {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-right: 1px solid #ccc;
  font-size: 14px;
}

#jobs-content .link-list-inline a:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

#jobs-content .centred-block {
  margin: 10px auto;
  line-height: 1.2;
  font-size: 14px;
  color: #666;
}

/* Temporary fix for Daylife Gallery embed warning */
.daylife_smartgalleries_container {
  display: none;
}

.ie8 .author-box {
  background-image: none !important;
}

#sticky-elements {
  width: 300px;
}

.flyer-story {
  display: none;
  position: fixed;
  backface-visibility: hidden;
  display: block;
  bottom: 0;
  width: 260px;
  padding: 10px 10px 20px 10px;
  min-height: 73px;
  font-size: 16px;
  line-height: 1.1;
  color: #999;
  background-color: #fff;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  -moz-transition-property: right;
  -o-transition-property: right;
  -webkit-transition-property: right;
  transition-property: right;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  z-index: 999;
}
.flyer-story a {
  color: inherit;
}
.flyer-story h2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.flyer-story h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  border-bottom: 3px solid #939598;
}
.flyer-story.flyer-hidden {
  right: -100%;
}
.flyer-story.flyer-visible {
  right: 0;
}
.flyer-story .text {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1.3;
  border-bottom: 3px solid #e40135;
  padding: 0 15px 0 0;
  color: #e40135;
  z-index: 2;
}
.flyer-story .text:before, .flyer-story .text:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
}
.flyer-story .text:before {
  right: -8px;
  bottom: -8px;
  border-width: 8px 8px 0 0;
  border-color: #fff transparent transparent transparent;
  z-index: 2;
  color: #fff;
}
.flyer-story .text:after {
  right: -3px;
  bottom: -3px;
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: #e40135 transparent transparent transparent;
  z-index: 3;
}

.close-flyer {
  position: absolute;
  display: block;
  top: 3px;
  right: 0;
  font-size: 11px;
  width: 11px;
  background-color: transparent;
  color: #999;
  padding: 10px;
  z-index: 1000;
  text-align: center;
  cursor: pointer;
}

.remove-flyer {
  font-size: 10px;
  cursor: pointer;
  margin-top: 10px;
}
.remove-flyer:hover {
  text-decoration: underline;
}

.next:hover .next-story-full {
  display: block;
}

.next-story-full {
  display: none;
  position: absolute;
  top: -10px;
  right: 28px;
  width: 250px;
  padding: 9px;
  height: 63px;
  font-size: 12px;
  line-height: 1.2em;
  color: #999;
  background-color: #fff;
  border: 1px solid #999;
  border-right: none;
}
.next-story-full img {
  float: left;
  width: 114px;
  height: 63px;
}
.next-story-full .text {
  margin-left: 124px;
}

.metro-tweet:hover {
  background-color: #069eec;
  color: #fff;
  text-decoration: none;
}
.metro-tweet:hover span {
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite_tweet_quote.png?10) -22px 0 no-repeat;
}
.metro-tweet span {
  position: relative;
  top: 2px;
  margin-left: 2px;
  padding: 0 7px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite_tweet_quote.png?10) 1px 0 no-repeat;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

/* Masthead branding
-------------------------------------------------------------- */
#masthead {
  position: relative;
  min-height: 32px;
  padding: 10px;
  background-color: #fff;
  z-index: 100000000;
}

.show-legals #page-container {
  margin-top: 20px;
}

.metro-sticky-banner-on #page-container {
  margin-top: 50px;
}

.metro-sticky-banner-on.show-legals #page-container {
  margin-top: 70px;
}

.metro-phone-app #masthead {
  display: none;
}

#metro-logo {
  display: block;
  position: relative;
  float: none;
  width: 100px;
  max-height: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* Only used in blogs */
#date {
  display: block;
  float: right;
  clear: none;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: left;
}

#date .day {
  display: block;
  padding-top: 5px;
  font-size: 30px;
  color: #AAA;
}

#date .month {
  font-size: 20px;
}

/* Navigation
-------------------------------------------------------------- */
.nav-control {
  position: absolute;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  top: 0;
  right: 0;
  height: 40px;
  line-height: 40px;
  background: black;
  color: white;
  border-bottom: 0;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer;
}
.nav-control:hover {
  text-decoration: none;
}

.main-nav-container {
  margin-left: -10px;
  margin-right: -10px;
  height: 40px;
  background: black;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
}

.nav-strap {
  padding-left: 10px;
  background: #ffc000;
  line-height: 40px;
}

.nav-strap-text {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
}

.nav-strap-logo {
  display: none;
  width: 70px;
  height: 40px;
  line-height: 40px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-black.svg) no-repeat 0 12px;
  background-size: 61px;
}

.ie8 .nav-strap-logo {
  background: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-black-56x15.png) no-repeat 0 12px;
}

.nav-strap-shares {
  display: none;
}

.nav-menu {
  display: none;
  background: black;
}

.nav-menu > li {
  margin-right: 0;
  margin-bottom: 0;
  vertical-align: middle;
  background: transparent;
}

.nav-menu > li > a {
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 35px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

.nav-menu > .menu-item-home {
  background: #292929;
}

.ie7 .nav-menu a,
.ie8 .nav-menu a {
  background-color: inherit;
}

.metro-nav-open .main-nav-container {
  top: 0;
  right: 10px;
  bottom: -2px;
  left: 10px;
  height: auto;
  overflow-y: scroll;
  -ms-overflow-style: none;
}
.metro-nav-open.metro-sticky-banner-on .main-nav-container {
  top: 50px;
}
.metro-nav-open .nav-menu {
  display: block;
}

.main-nav-container .sub-menu {
  display: block;
  overflow: hidden;
  background: #292929;
  font-size: 15px;
  text-transform: uppercase;
}

.main-nav-container .sub-menu a {
  display: block;
  padding: 0 20px;
  font-size: 14px;
  line-height: 30px;
  color: #ddd;
  text-decoration: none;
}

.main-nav-container .sub-menu li {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 0;
}

.has-hover .nav-menu a:hover,
.nav-menu ul li.current-menu-item > a,
ul li ul li.current-menu-item > a,
.has-hover .nav-menu .more:hover > a {
  text-decoration: none;
}

.subnav-filler {
  display: none;
}

.menu-item-more > a:after {
  content: '»';
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ie8 .menu-item-more > a:after {
  display: none;
}

#masthead .search > a:before {
  content: "\e028";
  display: inline-block;
  position: static;
  float: left;
  line-height: 35px;
  margin-right: 7px;
  font-family: 'icomoon';
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  background-color: #020202;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  bottom: 0;
  left: 0;
}

.no-js #masthead,
.no-js .main-nav-container {
  position: static;
}

.no-js .nav-control {
  display: none;
}

.no-js .nav-menu {
  display: block;
  position: static;
  margin-top: 10px;
}

.nav-follow {
  overflow: hidden;
  padding: 20px 20px 30px;
}
.nav-follow > span {
  display: block;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 35px;
  color: white;
  text-transform: uppercase;
}
.nav-follow .follow-icon {
  display: block;
  float: left;
  width: 33%;
  height: 50px;
  padding: 0;
}
.nav-follow .facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% -118px;
  background-size: 32px;
}
.nav-follow .facebook:hover {
  background-color: #1f3666;
}
.nav-follow .twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% 9px;
  background-size: 32px;
}
.nav-follow .twitter:hover {
  background-color: #0e88bf;
}
.nav-follow .google {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% -183px;
  background-size: 32px;
}
.nav-follow .google:hover {
  background-color: #b63d2e;
}

.ie8 .nav-follow .facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?10) no-repeat 50% -104px;
}
.ie8 .nav-follow .twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?10) no-repeat 50% 16px;
}
.ie8 .nav-follow .google {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?10) no-repeat 50% -162px;
}

.cookie-notice {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10000000000;
  padding: 5px 0 5px 10px;
  background: #eaeaea;
}

#masthead-follow {
  display: none;
  position: absolute;
  top: 90px;
  right: 10px;
}
#masthead-follow .follow-icon {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  margin-left: 10px;
}
#masthead-follow .follow-icon:first-child {
  margin-left: 0;
}
#masthead-follow .facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% -123px;
  background-size: 32px;
}
#masthead-follow .facebook:hover {
  background-color: #1f3666;
}
#masthead-follow .twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% 4px;
  background-size: 32px;
}
#masthead-follow .twitter:hover {
  background-color: #0e88bf;
}
#masthead-follow .google {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% -188px;
  background-size: 32px;
}
#masthead-follow .google:hover {
  background-color: #b63d2e;
}

.ie8 #masthead-follow {
  top: 76px;
}
.ie8 #masthead-follow .facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?10) no-repeat 50% -108px;
}
.ie8 #masthead-follow .facebook:hover {
  background-color: #1f3666;
}
.ie8 #masthead-follow .twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?10) no-repeat 50% 11px;
}
.ie8 #masthead-follow .twitter:hover {
  background-color: #0e88bf;
}
.ie8 #masthead-follow .google {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?10) no-repeat 50% -165px;
}
.ie8 #masthead-follow .google:hover {
  background-color: #b63d2e;
}

#footer-links .sub-menu {
  display: block;
  margin: 0;
  border: none;
  background: transparent;
}

#footer-links li:last-child {
  margin-bottom: 0;
}

#footer-links li a {
  color: #999;
  font-size: 14px;
  line-height: 20px;
}

#footer-links .social-facebook {
  padding-left: 24px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat -75px -104px;
}

#footer-links .social-twitter {
  padding-left: 24px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat -75px -128px;
}

#footer-links .social-foursquare {
  padding-left: 24px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat -75px -155px;
}

#footer-links .social-google {
  padding-left: 24px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat -75px -183px;
}

#ad-choices {
  display: block;
  position: absolute;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  bottom: 10px;
  left: 10px;
  height: 14px;
  padding-left: 16px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat -46px -50px;
  line-height: 14px;
  font-size: 11px;
}

#searchform {
  width: 230px;
  margin: 40px auto;
}

#topSearchform {
  position: relative;
  float: right;
  margin: 3px;
}

input[type=submit] {
  padding: 6px 10px;
  border: 0;
  background: #464646;
  color: #FEFEFE;
  font-size: 1em;
}

.ie7 input[type=submit] {
  padding: 4px 6px;
}

#topS {
  float: left;
  max-width: 150px;
  padding-right: 25px;
}

#topSearchsubmit {
  position: absolute;
  right: 0;
  top: 1px;
  height: 20px;
  width: 28px;
  margin-left: 0;
  padding: 2px 5px 3px;
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) 6px -65px;
  cursor: pointer;
}

input[type=text] {
  width: 200px;
  background: #F8F8F8;
  border: 1px solid #D1D1D1;
  padding: 5px;
  font-size: 1em;
  color: #333;
}

input.text {
  width: 130px;
}

label {
  display: block;
  margin-bottom: 4px;
  font-size: 1em;
  color: #999;
}

.single-post h1,
.single-attachment h1 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 35px;
  line-height: 0.9;
  font-weight: normal;
}

.metro-phone-app .single-post h1,
.metro-phone-app .single-attachment h1 {
  font-size: 35px;
  line-height: 1;
}

.post-category.header {
  display: block;
  margin-top: 10px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-size: 11px;
}

.category-news .post-category.header a {
  color: #193989;
}

.category-sport .post-category.header a {
  color: #ba001f;
}

.category-entertainment .post-category.header a {
  color: #0081c7;
}

.category-lifestyle .post-category.header a {
  color: #6d1f80;
}

.error404 .content {
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
}
.error404 .message {
  margin-bottom: 1em;
}

.category h1,
.page h1,
.error404 h1,
.tag h1 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 35px;
  letter-spacing: -1px;
  line-height: 1;
  font-weight: normal;
}

.page-title-inner {
  color: #aaaaaa;
}

.cat-two-col {
  margin-bottom: 10px;
}

.two-col article {
  overflow: hidden;
  min-height: 45px;
  margin-bottom: 10px;
  clear: both;
}

.two-col .entry-header {
  position: relative;
  top: -3px;
  margin-bottom: 0 !important;
  font-size: 1.25em;
  line-height: 1em;
  clear: right;
}

.two-col .entry-meta {
  width: auto;
  margin-bottom: 0;
  font-size: 0.9em;
  color: #aaa;
}

.two-col .cat-name {
  display: block;
  background: #eaeaea;
  color: #888;
}

.two-col .cat-name h2 {
  margin: 5px 0;
  font-size: 1.4em;
  letter-spacing: 0;
}

.cat-name a {
  display: block;
  padding: 3px 7px;
  color: #888 !important;
}

.content h2 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1em;
  font-weight: normal;
  margin-bottom: 10px;
}

.author .content h2 {
  margin-bottom: 0;
}

.home h2 a,
.category h2 a,
.author h2 a {
  color: #193989;
}

.home h2 a:hover,
.category h2 a:hover {
  color: white;
  background: #193989;
  text-decoration: none;
}

.cat-name:hover,
.cat-name a:hover {
  text-decoration: none;
  background: #dadada !important;
  color: #555 !important;
}

.entry-container {
  overflow: hidden;
}

.sticky-container {
  overflow: hidden;
  margin-bottom: 10px;
}

.entry-meta {
  width: 100%;
}

.entry-meta-author {
  float: left;
  width: 48%;
}

.author .entry-meta-author a {
  color: #888;
}

.entry-meta-date {
  display: none;
  color: #888;
  white-space: nowrap;
}

.entry-meta-date .day {
  display: none;
}

.entry-meta-date-under {
  display: block;
  clear: both;
  color: #888;
  white-space: nowrap;
}

.entry-excerpt {
  display: none;
  font-size: 0.85em;
  line-height: 1.3em;
}

.two-col .entry-excerpt {
  font-size: 0.85em;
}

/* Author box on author page */
.author-page-box {
  margin-bottom: 30px;
  overflow: hidden;
}
.author-page-box.has-bg-img {
  margin-left: -10px;
  margin-right: -10px;
}

.has-bg-img > .apb-main {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background-size: cover;
}
.has-bg-img .apb-img-container {
  position: absolute;
  top: 10px;
  left: 10px;
}
.has-bg-img .apb-title {
  display: inline-block;
  position: absolute;
  left: 10px;
  bottom: 0;
}
.has-bg-img .apb-desc {
  margin-left: 10px;
  margin-right: 10px;
}
.has-bg-img .apb-contact-links {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}

.apb-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ie8 .has-bg-img .apb-main[style] {
  background-image: none !important;
}

.apb-title {
  float: left;
  padding: 0 10px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 32px;
  color: black;
}
.apb-title span {
  background-color: #ffc000;
  box-shadow: 10px 0 0 #ffc000, -10px 0 0 #ffc000;
  box-decoration-break: clone;
  line-height: 1.2;
}

.apb-desc {
  float: left;
  clear: left;
  padding: 10px;
  font-size: 18px;
  line-height: 1.1;
  background: black;
  color: white;
}

.apb-title-desc {
  overflow: hidden;
}

.has-author-img .apb-title-desc {
  margin-left: 60px;
}

.apb-img-container {
  position: relative;
  float: left;
  vertical-align: top;
  width: 80px;
  height: 80px;
}

.apb-img {
  width: 80px;
  height: 80px;
  max-width: 100%;
}

/* Club Metro league badge */
.apb-badge {
  position: absolute;
  height: 50px;
  right: -30px;
  bottom: -7px;
}

.apb-contact-links {
  display: none;
}
.apb-contact-links ul {
  list-style-type: none;
  text-align: center;
}
.apb-contact-links li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
}
.apb-contact-links li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.apb-contact-links a {
  display: block;
  width: 32px;
  height: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  color: white;
}
.apb-contact-links a:hover {
  background-color: white;
  text-decoration: none;
}
.apb-contact-links .facebook {
  background: #3b5998;
}
.apb-contact-links .facebook:hover {
  color: #3b5998;
}
.apb-contact-links .twitter {
  background: #17abed;
}
.apb-contact-links .twitter:hover {
  color: #17abed;
}
.apb-contact-links .google {
  background: #dd4b39;
}
.apb-contact-links .google:hover {
  color: #dd4b39;
}
.apb-contact-links .website {
  background: #6cb42c;
}
.apb-contact-links .website:hover {
  color: #6cb42c;
}

.apb-icon {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin-right: 5px;
}

.facebook .apb-icon {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px 1px;
  background-size: 30px;
}

.facebook:hover .apb-icon {
  background-color: white;
  background-position: -1px -477px;
  background-size: 34px;
}

.ie7 .facebook .apb-icon,
.ie8 .facebook .apb-icon {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.png?10) no-repeat 3px -174px;
}

.ie7 .facebook:hover .apb-icon,
.ie8 .facebook:hover .apb-icon {
  background-position: 3px -417px;
  background-size: auto;
}

.twitter .apb-icon {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 2px -29px;
  background-size: 30px;
}

.twitter:hover .apb-icon {
  background-color: white;
  background-position: 1px -329px;
}

.ie7 .twitter .apb-icon,
.ie8 .twitter .apb-icon {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.png?10) no-repeat 4px -33px;
}

.ie7 .twitter:hover .apb-icon,
.ie8 .twitter:hover .apb-icon {
  background-position: 3px -386px;
  background-size: auto;
}

.google .apb-icon {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 2px -179px;
  background-size: 30px;
}

.google:hover .apb-icon {
  background-color: white;
  background-position: 2px -389px;
}

.ie7 .google .apb-icon,
.ie8 .google .apb-icon {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.png?10) no-repeat 4px -210px;
}

.ie7 .google:hover .apb-icon,
.ie8 .google:hover .apb-icon {
  background-position: 4px -445px;
  background-size: auto;
}

.website .apb-icon {
  background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 2px -269px;
  background-size: 30px;
}

.website:hover .apb-icon {
  background-color: white;
  background-position: 1px -321px;
  background-size: 32px;
}

.ie7 .website .apb-icon,
.ie8 .website .apb-icon {
  background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.png?10) no-repeat 4px -315px;
}

.ie7 .website:hover .apb-icon,
.ie8 .website:hover .apb-icon {
  background-position: 3px -352px;
  background-size: auto;
}

/* Author box on article page */
.author-box {
  margin-bottom: 10px;
  padding: 15px;
  background: #eaeaea url(/wp-content/themes/vip/metrouk/css/../img/author-box-bg.jpg?10) repeat;
  line-height: 1.5;
  font-size: 1.4em;
}
.author-box li {
  font-size: 1.1em;
}
.author-box h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
  color: #aaa;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}
.author-box h2 {
  font-size: 26px !important;
  color: #666;
  line-height: 1 !important;
}
.author-box h3 {
  font-size: 1.0em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  color: #666;
  line-height: 0.9em;
}
.author-box .author-img-container {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.author-box .author-img {
  width: 100px;
  height: 100px;
  -moz-border-radius: 53px;
  -webkit-border-radius: 53px;
  border-radius: 53px;
}

.author-box.sponsored-author {
  background-color: #FDF6E4;
  background-image: none;
}

.sponsored-author .author-img {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

div.author-box.metro {
  background: #dce0ee;
}

.author-desc-container {
  clear: both;
}

.aut-badge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35px;
  height: auto;
}

.sponsored-author .aut-badge {
  right: -15px;
}

.aut-icon {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.aut-icon.facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px -103px;
  background-size: 21px;
}

.aut-icon.facebook:hover {
  background-color: white;
  background-position: 1px -275px;
  background-size: 23px;
}

.ie7 .aut-icon.facebook,
.ie8 .aut-icon.facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-small.png?10) no-repeat 2px -146px;
}

.ie7 .aut-icon.facebook:hover,
.ie8 .aut-icon.facebook:hover {
  background-position: 1px -348px;
}

.aut-icon.twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px -24px;
  background-size: 24px;
}

.aut-icon.twitter:hover {
  background-color: white;
  background-position: 1px -265px;
}

.ie7 .aut-icon.twitter,
.ie8 .aut-icon.twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-small.png?10) no-repeat 3px -29px;
}

.ie7 .aut-icon.twitter:hover,
.ie8 .aut-icon.twitter:hover {
  background-position: 3px -324px;
}

.aut-icon.google {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px -137px;
  background-size: 23px;
}

.aut-icon.google:hover {
  background-color: white;
  background-position: 1px -298px;
}

.ie7 .aut-icon.google,
.ie8 .aut-icon.google {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-small.png?10) no-repeat 2px -176px;
}

.ie7 .aut-icon.google:hover,
.ie8 .aut-icon.google:hover {
  background-position: 2px -373px;
}

.aut-icon.website {
  background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px -197px;
  background-size: 22px;
}

.aut-icon.website:hover {
  background-color: white;
  background-position: 1px -219px;
}

.ie7 .aut-icon.website,
.ie8 .aut-icon.website {
  background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-small.png?10) no-repeat 1px -265px;
  background-size: auto;
}

.ie7 .aut-icon.website:hover,
.ie8 .aut-icon.website:hover {
  background-position: 1px -296px;
}

.ie7 .aut-icon:hover,
.ie8 .aut-icon:hover {
  background-color: white;
}

.category .author-img-container {
  max-width: 160px;
  margin-right: 10px;
}

.author-short-desc {
  display: block;
  margin-bottom: 10px;
  color: #888;
}

.sticky {
  display: block;
  margin-bottom: 10px;
}

.ie7 .sticky {
  margin-bottom: 0;
}

.author-contact-links {
  overflow: hidden;
}
.author-contact-links li {
  float: left;
  margin-bottom: 0.5em;
  white-space: nowrap;
}
.author-contact-links img {
  position: relative;
  margin-right: 5px;
  top: 3px;
}

.byline-author-img {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.byline-container {
  display: inline-block;
  width: 250px;
  vertical-align: middle;
  font-size: 15px;
}

.social_btn {
  margin-right: 10px;
}

.post-meta-top {
  margin: 10px 0 20px;
  clear: both;
}

.ie7 .post-meta-top {
  margin-top: 0;
}

.sticky .byline {
  margin-bottom: 5px;
}

.user_short_desc {
  color: #777;
}

.byline .author-img-container {
  float: left;
}

.post-date {
  margin-right: 1em;
  color: #999;
}

.post-date a {
  color: #999;
}

.post-date-year {
  display: none;
}

.single-post .post-date {
  display: block;
}

.tags-icon {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) 0 -85px;
}

article {
  line-height: 1.3em;
}

article p {
  margin-bottom: 1em;
}

.single-post article > p:first-of-type {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}

.single-post article {
  font-size: 20px;
  line-height: 1.1;
}

.single-post .single-article b,
.single-post .single-article strong {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.no-results .sorry {
  margin-top: 40px;
}

/* Bottom pagination */
article + .wp-pagenavi {
  margin: 10px auto 20px !important;
}

.wp-pagenavi {
  clear: both;
  margin: 0 auto 10px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  margin: 2px 3px !important;
  padding: 3px 7px !important;
}

.wp-pagenavi a:first-child,
.wp-pagenavi span:first-child {
  margin-left: 0 !important;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi a {
  border: 1px solid #ccc;
  color: #999;
}

.wp-pagenavi a:hover {
  background: #999;
  color: white;
  border-color: #999 !important;
}

.wp-pagenavi span.current {
  background: #666;
  border-color: #666 !important;
  color: white;
}

.wp-pagenavi span.extend {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.actual-size {
  width: auto;
  height: auto;
}

#post-content article {
  position: relative;
}

#post-content iframe {
  max-width: 100%;
}

#disclaimer {
  margin: 20px auto;
  padding: 10px;
  line-height: 1.28;
  background: #fafafa;
  color: #888888;
  border: 1px dashed #CCC;
}

/* limit width of various objects */
.BrightcoveExperience, .embed-youtube {
  /*width: 100%;*/
}

video {
  width: 100%;
  height: auto !important;
}

object {
  /*width: 100%;*/
}

object embed {
  width: 100%;
}

.daylife_smartgalleries_container {
  max-width: 100%;
}

.share-buttons {
  position: relative;
  margin-bottom: 15px;
  clear: both;
  overflow: hidden;
}

.share-button {
  display: block;
  float: left;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
}
.share-button:hover {
  text-decoration: none;
}

#post-content .share-buttons iframe {
  max-width: none;
}

.share-buttons-top {
  overflow: hidden;
}
.share-buttons-top a {
  width: 25%;
  padding: 8px 17px 8px 39px;
  color: white;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
  font-size: 15px;
  line-height: 22px;
}
.share-buttons-top a i {
  display: none;
}
.share-buttons-top a:last-child {
  margin-right: 0;
}
.share-buttons-top.has-share-count .share-count {
  display: block;
}
.share-buttons-top.has-share-count a {
  width: 18.333333%;
}

.shrb-top.facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?9) no-repeat 50% -123px;
  background-size: 32px;
}
.shrb-top.twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?9) no-repeat 50% 4px;
  background-size: 32px;
}
.shrb-top.google {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?9) no-repeat 50% -187px;
  background-size: 32px;
}
.shrb-top.email {
  background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?9) no-repeat 50% -64px;
  background-size: 34px;
}

.ie7 .shrb-top.facebook,
.ie8 .shrb-top.facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?9) no-repeat 50% -107px;
}

.ie7 .shrb-top.twitter,
.ie8 .shrb-top.twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?9) no-repeat 50% 11px;
}

.ie7 .shrb-top.google,
.ie8 .shrb-top.google {
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?9) no-repeat 50% -166px;
}

.ie7 .shrb-top.email,
.ie8 .shrb-top.email {
  background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?9) no-repeat 50% -47px;
}

.share-buttons .facebook:hover {
  background-color: #1f3666 !important;
}
.share-buttons .twitter:hover {
  background-color: #0e88bf !important;
}
.share-buttons .google:hover {
  background-color: #b63d2e;
}
.share-buttons .email:hover {
  background-color: #559021;
}

.share-buttons-bottom {
  margin: 20px auto;
}
.share-buttons-bottom h3 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 24px;
  margin-bottom: 20px;
}
.share-buttons-bottom .fol-button {
  margin: 0 auto;
}

.shrb-bottom {
  position: relative;
  width: 50%;
  height: 75px;
  text-align: center;
}
.shrb-bottom span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  text-align: center;
  line-height: 30px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.shrb-bottom i {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.shrb-bottom.facebook {
  background-color: #3b5998;
}
.shrb-bottom.facebook i {
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?9) no-repeat;
  background-size: 40px;
  background-position: 50% -155px;
}
.shrb-bottom.twitter {
  background-color: #17abed;
}
.shrb-bottom.twitter i {
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?9) no-repeat;
  background-size: 43px;
  background-position: 50% 1px;
}
.shrb-bottom.google {
  background-color: #dd4b39;
}
.shrb-bottom.google i {
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?9) no-repeat;
  background-size: 38px;
  background-position: 50% -223px;
}
.shrb-bottom.email {
  background-color: #6cb42c;
}
.shrb-bottom.email i {
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?9) no-repeat;
  background-size: 43px;
  background-position: 50% -84px;
}

.ie7 .shrb-bottom.facebook i,
.ie8 .shrb-bottom.facebook i {
  margin-top: 5px;
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?9) no-repeat 50% -107px;
}

.ie7 .shrb-bottom.twitter i,
.ie8 .shrb-bottom.twitter i {
  margin-top: 5px;
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?9) no-repeat 50% 11px;
}

.ie7 .shrb-bottom.google i,
.ie8 .shrb-bottom.google i {
  margin-top: 5px;
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?9) no-repeat 50% -166px;
}

.ie7 .shrb-bottom.email i,
.ie8 .shrb-bottom.email i {
  margin-top: 5px;
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?9) no-repeat 50% -47px;
}

.share-count {
  display: block;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
}

.share-buttons .share-count {
  height: 40px;
  font-size: 18px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  line-height: 40px;
  background: black;
  color: white;
}

.share-count-bottom {
  display: none;
}

.gallery-image .share-buttons {
  margin-top: 20px;
}

.image-container {
  height: 220px;
  background-color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.image-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.image-container img {
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
  max-height: 100%;
  max-width: 99%;
}

.gallery-image .figcaption {
  max-width: 520px;
  margin: 0 auto;
}

.blogs-list .rating {
  margin-bottom: 5px;
}

#author-content,
#tag-content,
#archive-content {
  padding-top: 5px;
}

.listicle-img-container {
  text-align: center;
}
.listicle-img-container img {
  width: 100%;
}

.listicle-item {
  margin-bottom: 10px;
}
.listicle-item h2 {
  font-size: 20px;
}

.listicle-img-container {
  position: relative;
}

.listicle-item-descr {
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
}

.listicle-item-caption {
  text-align: left !important;
}

.gallery-listicle .anchor {
  display: inline-block;
  margin-top: -40px;
  padding-top: 40px;
}

.img-container .anchor {
  position: absolute;
  top: -60px;
}

.item-share-buttons {
  overflow: hidden;
  padding: 0 5px 5px 0;
  background: white;
}
.item-share-buttons .btn {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
  cursor: pointer;
}
.item-share-buttons .btn:last-child {
  margin-bottom: 0;
}

.img-share,
.listicle-share {
  position: absolute;
}

.external-link {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

.external-link:before {
  content: '';
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: white url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 0 -145px;
  background-size: 35px;
}

.ie8 .external-link:before {
  background: white url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.png?10) no-repeat 5px -144px;
}

.share-item-facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 2px 3px;
  background-size: 20px;
}

.ie7 .share-item-facebook,
.ie8 .share-item-facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-tiny.png?10) no-repeat 3px 2px;
}

.share-item-twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px -20px;
  background-size: 20px;
}

.ie7 .share-item-twitter,
.ie8 .share-item-twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-tiny.png?10) no-repeat 1px -25px;
}

.share-item-email {
  background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat -1px -45px;
  background-size: 22px;
}

.ie7 .share-item-email,
.ie8 .share-item-email {
  background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-tiny.png?10) no-repeat 1px -48px;
}

.fol-button {
  display: block;
  width: 259px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  color: white;
}
.fol-button:hover {
  text-decoration: none;
}
.fol-button i {
  display: inline-block;
  position: static;
  width: 50px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  text-align: center;
  background: transparent;
  font-size: 30px;
}
.fol-button span {
  display: inline-block;
  box-sizing: border-box;
  width: 184px;
  line-height: 50px;
  padding: 0 14px;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.3);
}
.fol-button b {
  float: right;
  width: 0;
  height: 0;
  border-bottom: 25px solid white;
  /* left arrow slant */
  border-top: 25px solid white;
  /* right arrow slant */
  border-left: 25px solid rgba(0, 0, 0, 0.3);
  /* bottom, add background color here */
  font-size: 0;
  line-height: 0;
}
.fol-button.facebook {
  margin-bottom: 10px;
  background-color: #3b5998;
}
.fol-button.facebook:hover {
  background-color: #1f3666 !important;
}
.fol-button.twitter {
  background-color: #17abed;
}
.fol-button.twitter:hover {
  background-color: #0e88bf !important;
}

.tag-header {
  margin-bottom: 30px;
}

.tag-header-liner.responsive-bg {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  padding-bottom: 56.25%;
  background-size: cover;
}
.tag-header-liner.responsive-bg .tag-title {
  position: absolute;
  left: 10px;
  bottom: 0;
}

.tag-title {
  padding: 0 10px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 32px;
  color: black;
}
.tag-title span {
  background-color: #ffc000;
  box-shadow: 10px 0 0 #ffc000, -10px 0 0 #ffc000;
  box-decoration-break: clone;
  line-height: 1.2;
}
.tag-title.red {
  color: white;
}
.tag-title.red span {
  background-color: #ff0044;
  box-shadow: 10px 0 0 #ff0044, -10px 0 0 #ff0044;
}

.tag-desc {
  max-width: 470px;
  padding: 10px;
  font-size: 18px;
  line-height: 1.1;
  background: black;
  color: white;
}

.has-bg-img .tag-desc {
  max-width: none;
}

.blank-sidebar .ad-side-one {
  margin-bottom: 500px;
}

.tag .item {
  margin-bottom: 20px;
}

.tag .item .meta {
  color: #888;
}

.tag .item .title {
  display: block;
  font-size: 1.25em;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  margin-bottom: 5px;
}

.tag .item .author {
  display: block;
}

.tag .item .photo {
  float: left;
  width: 90px;
  height: auto;
  margin-right: 10px;
}

.tag .item {
  overflow: hidden;
  /* Clearing floats */
}

.tag .tag-image-left {
  width: 48%;
  float: left;
}

.tag .tag-text-right {
  width: 48%;
  float: right;
}

/* Club Metro tag page */
#tag-content.club-metro-page .page-title {
  margin-top: 0;
  padding: 75px 0 22px 25px;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  color: white;
}

/* Fancy tag page */
.headline-container {
  padding: 10px;
  background-color: #f0f0f0;
  margin-bottom: 15px;
  border: 3px dashed #ddd;
}

.hc-image-container {
  float: left;
  width: 86px;
  height: 86px;
  margin-bottom: 5px;
}

.hc-image {
  width: 86px;
  height: 86px;
}

.hc-title {
  margin-left: 100px;
}

.hc-title {
  font-size: 32px !important;
}
.hc-title .ht-posts-number {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.ht-posts-number {
  display: block;
}

.hc-description {
  font-size: 18px;
  line-height: 1.5;
  clear: both;
  margin-bottom: 15px;
}

/* Star ratings */
.rating-small {
  display: block;
  width: 80px;
  height: 14px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/ratings-stars.png) no-repeat -81px -1px;
}

.rating-small.one {
  background-position: -64px -1px;
}

.rating-small.two {
  background-position: -48px -1px;
}

.rating-small.three {
  background-position: -32px -1px;
}

.rating-small.four {
  background-position: -16px -1px;
}

.rating-small.five {
  background-position: 0 -1px;
}

.rating-big {
  display: block;
  width: 107px;
  height: 20px;
  margin-right: 10px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/ratings-stars.png) no-repeat -108px -19px;
}

.rating-big.one {
  background-position: -88px -19px;
}

.rating-big.two {
  background-position: -66px -19px;
}

.rating-big.three {
  background-position: -44px -19px;
}

.rating-big.four {
  background-position: -22px -19px;
}

.rating-big.five {
  background-position: -1px -19px;
}

.single .rating {
  margin-bottom: 10px;
}

.taxonomy-posts-widget .rating {
  margin: 5px 5px 5px 0;
}

.carousel .rating {
  margin: 5px auto;
}

/* inline images */
.img-cnt,
.wps-image {
  width: 100% !important;
  height: auto !important;
}

article figure {
  width: inherit;
  max-width: 100%;
  min-height: 50px;
  height: inherit;
  position: relative;
  display: inline-block;
  margin: 0 0 10px 0;
}

.ie8 article figure {
  display: block;
}

article figure p,
article figure br {
  display: none;
}

article .click-to-reveal p,
figure .before-and-after p {
  display: block;
}

article img,
article figure img {
  max-width: 100%;
  height: inherit;
  display: block;
}

article figure figcaption,
.figcaption {
  color: #333;
  padding: 5px 10px;
  background: #f0f0f0;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.1;
}

article figure.alignleft,
article img.img-align-left {
  max-width: 50%;
  float: left;
  margin: 0 10px 10px 0;
}

article figure.alignleft img {
  max-width: 100%;
  float: none;
  margin: 0;
}

article figure.alignright,
article img.img-align-right {
  max-width: 50%;
  float: right;
  margin: 0 0 10px 10px;
}

article figure.alignright img {
  max-width: 100%;
  float: none;
  margin: 0;
}

article figure.aligncenter,
article img.img-align-center {
  margin: 0 auto 10px auto;
  display: block;
}

article figure.aligncenter img,
article figure.alignnone img {
  float: none;
  margin: 0 auto;
}

.single-article > figure:first-child,
.single-article > figure:first-child[style] {
  max-width: none !important;
}
.single-article > figure:first-child img[width],
.single-article > figure:first-child[style] img[width] {
  width: 100% !important;
}

.single-article > figure:first-child.aligncenter,
.single-article > figure:first-child.alignnone {
  display: block;
  margin: 0 auto 10px;
}

.single-article figure.aligncenter.size-medium {
  width: 300px;
}
.single-article img.img-align-none {
  margin-left: auto;
  margin-right: auto;
}

.related-posts-static.widget a {
  font-size: 16px;
  line-height: 1.2;
}

.post-style {
  position: relative;
  overflow: hidden;
}

.metro-tiles-widget .icon,
.related-posts-main .icon,
.more-posts .icon {
  font-size: 16px;
  padding: 6px;
}
.metro-tiles-widget .rating-container,
.related-posts-main .rating-container,
.more-posts .rating-container {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #020202;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0 5px;
}
.metro-tiles-widget a:hover .rating-container,
.related-posts-main a:hover .rating-container,
.more-posts a:hover .rating-container {
  background-color: #24AAE1;
}
.metro-tiles-widget .icon-star,
.related-posts-main .icon-star,
.more-posts .icon-star {
  display: inline-block;
  position: static;
  font-size: 12px;
  padding: 8px 4px;
  background-color: transparent !important;
}

.related-posts-main [class*="icon-"] {
  font-size: 12px;
}
.related-posts-main .post-style {
  float: left;
  width: 145px;
  height: 109px;
  margin-right: 10px;
}
.related-posts-main .icon-star {
  padding: 6px 2px;
}

.ti-image-box [class*="icon-"] {
  padding: 6px;
  font-size: 12px;
}

.sponsored {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px;
  background: #ee8333;
  color: white;
  font-family: ScoutBold;
  font-size: 14px;
  text-transform: uppercase;
}

.sponsored-article .author-box {
  background-color: #FDF6E4;
  background-image: none;
}
.sponsored-article .author-img {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.pattern {
  position: relative;
  background-color: #c1c0c1;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  border-top: 5px solid #1b2157;
  border-bottom: 5px solid #1b2157;
  margin: 15px 0;
}
.pattern.p-no-image .p-title {
  padding: 9px 10px;
}
.pattern .p-title {
  margin: 0;
  padding: 9px 50px;
  font-size: 20px;
}
.pattern img {
  position: absolute;
  top: -50%;
  left: 10px;
  margin-top: 16px;
  width: 36px;
  height: 45px;
}

.notice {
  margin: 1em auto;
  padding: 10px;
  line-height: 1.3;
  font-size: 14px;
  color: #aaa;
  overflow: hidden;
  text-align: center;
}
.notice p:last-of-type {
  margin-bottom: 0;
}
.notice .icon-cog {
  display: block;
  position: static;
  float: left;
  width: 75px;
  height: 75px;
  margin-right: 20px;
  background: transparent;
  color: #ddd;
  font-size: 75px;
  line-height: 1;
}

.notice-text {
  margin-top: 20px;
}

.notice-bear {
  display: block;
  margin: 10px auto;
}

.jp-carousel-titleanddesc {
  display: none !important;
}

.metro-like {
  margin: 1.5em 0;
  padding: 10px;
  background: #F0F5FF;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}
.metro-like.medium {
  display: none;
}
.metro-like span {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #3b5998;
}
.metro-like .fb_iframe_widget {
  vertical-align: middle;
}

.metro-sassy-poll {
  background-color: #5c5c5c;
  color: #fff;
  padding: 10px;
  margin: 10px 0;
}
.metro-sassy-poll ul {
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.metro-sassy-poll li {
  list-style: none;
}
.metro-sassy-poll p {
  margin-bottom: 0;
}

.msp-title {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  text-trasform: uppercase;
  text-align: center;
}

.msp-option {
  display: inline-block;
  width: 135px;
  margin: 0 10px 10px !important;
  padding: 10px 0 !important;
  vertical-align: top;
  text-align: center;
  background-color: #000;
  text-transform: uppercase;
  font-size: 32px;
  font-size: 2rem;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.msp-score,
.msp-score-bar-container,
.msp-score-bar {
  display: none;
}

.is-clickable .msp-option {
  cursor: pointer;
}
.is-clickable .msp-option:hover {
  background-color: #aaa;
}

.is-answered .msp-score {
  display: block;
}
.is-answered .msp-majority {
  background-color: #67c2d4;
}

.gif-swap-container {
  display: table;
  position: relative;
}

.mosaic {
  clear: both;
  margin: 0 -10px 20px 0;
}
.mosaic a:hover {
  text-decoration: none;
}
.mosaic .title {
  position: relative;
  z-index: 2;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 26px;
  line-height: 1.2;
  margin-left: 110px;
}
.mosaic .title span {
  color: #fff;
}
.mosaic .excerpt {
  display: none;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  font-size: 19px;
  margin-top: 5px;
}
.mosaic .excerpt:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}
.mosaic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
}
.mosaic .wide,
.mosaic .item-1,
.mosaic .item-2 {
  width: auto;
}
.mosaic .wide .title,
.mosaic .item-1 .title,
.mosaic .item-2 .title {
  margin-left: 10px;
}
.mosaic .wide .excerpt,
.mosaic .item-1 .excerpt,
.mosaic .item-2 .excerpt {
  display: block;
}
.mosaic .wide img,
.mosaic .item-1 img,
.mosaic .item-2 img {
  position: static;
  top: auto;
  left: auto;
  width: 100%;
  margin-top: -31px;
}
.mosaic .wide .title {
  font-size: 29px;
}
.mosaic .wide img {
  margin-top: -35px;
}

.mosaic-item {
  position: relative;
  min-height: 65px;
  margin: 0 10px 10px 0;
  overflow: hidden;
}

.mon .item-0 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.mon .item-0 .excerpt:after {
  color: #07387F;
}
.mon .item-0 .mpw-poll-container {
  background-color: rgba(7, 56, 127, 0.8);
}
.mon .item-0 .mpw-option {
  color: rgba(7, 56, 127, 0.8);
}
.mon .item-0 .mpw-option:hover {
  color: #fff;
  background-color: rgba(2, 13, 30, 0.8);
}
.mon .item-0 .mpw-majority {
  background-color: rgba(12, 99, 224, 0.8);
  color: #fff;
}
.mon .newsfeed-side-2 .item-0 span,
.mon .sport-newsfeed-side-2 .item-0 span,
.mon .gaming-newsfeed-side-2 .item-0 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.mon .item-1 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.mon .item-1 .excerpt:after {
  color: #00AEFF;
}
.mon .item-1 .mpw-poll-container {
  background-color: rgba(0, 174, 255, 0.8);
}
.mon .item-1 .mpw-option {
  color: rgba(0, 174, 255, 0.8);
}
.mon .item-1 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 104, 153, 0.8);
}
.mon .item-1 .mpw-majority {
  background-color: rgba(102, 206, 255, 0.8);
  color: #fff;
}
.mon .newsfeed-side-2 .item-1 span,
.mon .sport-newsfeed-side-2 .item-1 span,
.mon .gaming-newsfeed-side-2 .item-1 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.mon .item-2 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.mon .item-2 .excerpt:after {
  color: #FF0044;
}
.mon .item-2 .mpw-poll-container {
  background-color: rgba(255, 0, 68, 0.8);
}
.mon .item-2 .mpw-option {
  color: rgba(255, 0, 68, 0.8);
}
.mon .item-2 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 41, 0.8);
}
.mon .item-2 .mpw-majority {
  background-color: rgba(255, 102, 143, 0.8);
  color: #fff;
}
.mon .newsfeed-side-2 .item-2 span,
.mon .sport-newsfeed-side-2 .item-2 span,
.mon .gaming-newsfeed-side-2 .item-2 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.mon .item-3 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.mon .item-3 .excerpt:after {
  color: #7ED321;
}
.mon .item-3 .mpw-poll-container {
  background-color: rgba(126, 211, 33, 0.8);
}
.mon .item-3 .mpw-option {
  color: rgba(126, 211, 33, 0.8);
}
.mon .item-3 .mpw-option:hover {
  color: #fff;
  background-color: rgba(73, 123, 19, 0.8);
}
.mon .item-3 .mpw-majority {
  background-color: rgba(176, 233, 113, 0.8);
  color: #fff;
}
.mon .newsfeed-side-2 .item-3 span,
.mon .sport-newsfeed-side-2 .item-3 span,
.mon .gaming-newsfeed-side-2 .item-3 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.mon .mosaic-item.item-3 .title:after {
  color: #7ED321;
}
.mon .item-4 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.mon .item-4 .excerpt:after {
  color: #EA6400;
}
.mon .item-4 .mpw-poll-container {
  background-color: rgba(234, 100, 0, 0.8);
}
.mon .item-4 .mpw-option {
  color: rgba(234, 100, 0, 0.8);
}
.mon .item-4 .mpw-option:hover {
  color: #fff;
  background-color: rgba(132, 56, 0, 0.8);
}
.mon .item-4 .mpw-majority {
  background-color: rgba(255, 155, 81, 0.8);
  color: #fff;
}
.mon .newsfeed-side-2 .item-4 span,
.mon .sport-newsfeed-side-2 .item-4 span,
.mon .gaming-newsfeed-side-2 .item-4 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.mon .mosaic-item.item-4 .title:after {
  color: #EA6400;
}
.mon .item-5 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.mon .item-5 .excerpt:after {
  color: #1494CC;
}
.mon .item-5 .mpw-poll-container {
  background-color: rgba(20, 148, 204, 0.8);
}
.mon .item-5 .mpw-option {
  color: rgba(20, 148, 204, 0.8);
}
.mon .item-5 .mpw-option:hover {
  color: #fff;
  background-color: rgba(11, 81, 111, 0.8);
}
.mon .item-5 .mpw-majority {
  background-color: rgba(87, 193, 239, 0.8);
  color: #fff;
}
.mon .newsfeed-side-2 .item-5 span,
.mon .sport-newsfeed-side-2 .item-5 span,
.mon .gaming-newsfeed-side-2 .item-5 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.mon .mosaic-item.item-5 .title:after {
  color: #1494CC;
}
.mon .item-6 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.mon .item-6 .excerpt:after {
  color: #EB5B4C;
}
.mon .item-6 .mpw-poll-container {
  background-color: rgba(235, 91, 76, 0.8);
}
.mon .item-6 .mpw-option {
  color: rgba(235, 91, 76, 0.8);
}
.mon .item-6 .mpw-option:hover {
  color: #fff;
  background-color: rgba(188, 37, 21, 0.8);
}
.mon .item-6 .mpw-majority {
  background-color: rgba(245, 175, 168, 0.8);
  color: #fff;
}
.mon .mosaic-item.item-6 .title:after {
  color: #EB5B4C;
}
.mon .item-7 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.mon .item-7 .excerpt:after {
  color: #BD00EB;
}
.mon .item-7 .mpw-poll-container {
  background-color: rgba(189, 0, 235, 0.8);
}
.mon .item-7 .mpw-option {
  color: rgba(189, 0, 235, 0.8);
}
.mon .item-7 .mpw-option:hover {
  color: #fff;
  background-color: rgba(107, 0, 133, 0.8);
}
.mon .item-7 .mpw-majority {
  background-color: rgba(221, 82, 255, 0.8);
  color: #fff;
}
.mon .mosaic-item.item-7 .title:after {
  color: #BD00EB;
}
.mon .item-8 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.mon .item-8 .excerpt:after {
  color: #FF0082;
}
.mon .item-8 .mpw-poll-container {
  background-color: rgba(255, 0, 130, 0.8);
}
.mon .item-8 .mpw-option {
  color: rgba(255, 0, 130, 0.8);
}
.mon .item-8 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 78, 0.8);
}
.mon .item-8 .mpw-majority {
  background-color: rgba(255, 102, 180, 0.8);
  color: #fff;
}
.mon .mosaic-item.item-8 .title:after {
  color: #FF0082;
}
.mon .item-9 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.mon .item-9 .excerpt:after {
  color: #00C000;
}
.mon .item-9 .mpw-poll-container {
  background-color: rgba(0, 192, 0, 0.8);
}
.mon .item-9 .mpw-option {
  color: rgba(0, 192, 0, 0.8);
}
.mon .item-9 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 90, 0, 0.8);
}
.mon .item-9 .mpw-majority {
  background-color: rgba(39, 255, 39, 0.8);
  color: #fff;
}

.tue .item-0 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.tue .item-0 .excerpt:after {
  color: #00AEFF;
}
.tue .item-0 .mpw-poll-container {
  background-color: rgba(0, 174, 255, 0.8);
}
.tue .item-0 .mpw-option {
  color: rgba(0, 174, 255, 0.8);
}
.tue .item-0 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 104, 153, 0.8);
}
.tue .item-0 .mpw-majority {
  background-color: rgba(102, 206, 255, 0.8);
  color: #fff;
}
.tue .newsfeed-side-2 .item-0 span,
.tue .sport-newsfeed-side-2 .item-0 span,
.tue .gaming-newsfeed-side-2 .item-0 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.tue .item-1 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.tue .item-1 .excerpt:after {
  color: #07387F;
}
.tue .item-1 .mpw-poll-container {
  background-color: rgba(7, 56, 127, 0.8);
}
.tue .item-1 .mpw-option {
  color: rgba(7, 56, 127, 0.8);
}
.tue .item-1 .mpw-option:hover {
  color: #fff;
  background-color: rgba(2, 13, 30, 0.8);
}
.tue .item-1 .mpw-majority {
  background-color: rgba(12, 99, 224, 0.8);
  color: #fff;
}
.tue .newsfeed-side-2 .item-1 span,
.tue .sport-newsfeed-side-2 .item-1 span,
.tue .gaming-newsfeed-side-2 .item-1 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.tue .item-2 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.tue .item-2 .excerpt:after {
  color: #7ED321;
}
.tue .item-2 .mpw-poll-container {
  background-color: rgba(126, 211, 33, 0.8);
}
.tue .item-2 .mpw-option {
  color: rgba(126, 211, 33, 0.8);
}
.tue .item-2 .mpw-option:hover {
  color: #fff;
  background-color: rgba(73, 123, 19, 0.8);
}
.tue .item-2 .mpw-majority {
  background-color: rgba(176, 233, 113, 0.8);
  color: #fff;
}
.tue .newsfeed-side-2 .item-2 span,
.tue .sport-newsfeed-side-2 .item-2 span,
.tue .gaming-newsfeed-side-2 .item-2 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.tue .item-3 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.tue .item-3 .excerpt:after {
  color: #FF0044;
}
.tue .item-3 .mpw-poll-container {
  background-color: rgba(255, 0, 68, 0.8);
}
.tue .item-3 .mpw-option {
  color: rgba(255, 0, 68, 0.8);
}
.tue .item-3 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 41, 0.8);
}
.tue .item-3 .mpw-majority {
  background-color: rgba(255, 102, 143, 0.8);
  color: #fff;
}
.tue .newsfeed-side-2 .item-3 span,
.tue .sport-newsfeed-side-2 .item-3 span,
.tue .gaming-newsfeed-side-2 .item-3 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.tue .mosaic-item.item-3 .title:after {
  color: #FF0044;
}
.tue .item-4 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.tue .item-4 .excerpt:after {
  color: #1494CC;
}
.tue .item-4 .mpw-poll-container {
  background-color: rgba(20, 148, 204, 0.8);
}
.tue .item-4 .mpw-option {
  color: rgba(20, 148, 204, 0.8);
}
.tue .item-4 .mpw-option:hover {
  color: #fff;
  background-color: rgba(11, 81, 111, 0.8);
}
.tue .item-4 .mpw-majority {
  background-color: rgba(87, 193, 239, 0.8);
  color: #fff;
}
.tue .newsfeed-side-2 .item-4 span,
.tue .sport-newsfeed-side-2 .item-4 span,
.tue .gaming-newsfeed-side-2 .item-4 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.tue .mosaic-item.item-4 .title:after {
  color: #1494CC;
}
.tue .item-5 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.tue .item-5 .excerpt:after {
  color: #EA6400;
}
.tue .item-5 .mpw-poll-container {
  background-color: rgba(234, 100, 0, 0.8);
}
.tue .item-5 .mpw-option {
  color: rgba(234, 100, 0, 0.8);
}
.tue .item-5 .mpw-option:hover {
  color: #fff;
  background-color: rgba(132, 56, 0, 0.8);
}
.tue .item-5 .mpw-majority {
  background-color: rgba(255, 155, 81, 0.8);
  color: #fff;
}
.tue .newsfeed-side-2 .item-5 span,
.tue .sport-newsfeed-side-2 .item-5 span,
.tue .gaming-newsfeed-side-2 .item-5 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.tue .mosaic-item.item-5 .title:after {
  color: #EA6400;
}
.tue .item-6 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.tue .item-6 .excerpt:after {
  color: #BD00EB;
}
.tue .item-6 .mpw-poll-container {
  background-color: rgba(189, 0, 235, 0.8);
}
.tue .item-6 .mpw-option {
  color: rgba(189, 0, 235, 0.8);
}
.tue .item-6 .mpw-option:hover {
  color: #fff;
  background-color: rgba(107, 0, 133, 0.8);
}
.tue .item-6 .mpw-majority {
  background-color: rgba(221, 82, 255, 0.8);
  color: #fff;
}
.tue .mosaic-item.item-6 .title:after {
  color: #BD00EB;
}
.tue .item-7 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.tue .item-7 .excerpt:after {
  color: #EB5B4C;
}
.tue .item-7 .mpw-poll-container {
  background-color: rgba(235, 91, 76, 0.8);
}
.tue .item-7 .mpw-option {
  color: rgba(235, 91, 76, 0.8);
}
.tue .item-7 .mpw-option:hover {
  color: #fff;
  background-color: rgba(188, 37, 21, 0.8);
}
.tue .item-7 .mpw-majority {
  background-color: rgba(245, 175, 168, 0.8);
  color: #fff;
}
.tue .mosaic-item.item-7 .title:after {
  color: #EB5B4C;
}
.tue .item-8 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.tue .item-8 .excerpt:after {
  color: #00C000;
}
.tue .item-8 .mpw-poll-container {
  background-color: rgba(0, 192, 0, 0.8);
}
.tue .item-8 .mpw-option {
  color: rgba(0, 192, 0, 0.8);
}
.tue .item-8 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 90, 0, 0.8);
}
.tue .item-8 .mpw-majority {
  background-color: rgba(39, 255, 39, 0.8);
  color: #fff;
}
.tue .mosaic-item.item-8 .title:after {
  color: #00C000;
}
.tue .item-9 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.tue .item-9 .excerpt:after {
  color: #FF0082;
}
.tue .item-9 .mpw-poll-container {
  background-color: rgba(255, 0, 130, 0.8);
}
.tue .item-9 .mpw-option {
  color: rgba(255, 0, 130, 0.8);
}
.tue .item-9 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 78, 0.8);
}
.tue .item-9 .mpw-majority {
  background-color: rgba(255, 102, 180, 0.8);
  color: #fff;
}

.wed .item-0 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.wed .item-0 .excerpt:after {
  color: #FF0044;
}
.wed .item-0 .mpw-poll-container {
  background-color: rgba(255, 0, 68, 0.8);
}
.wed .item-0 .mpw-option {
  color: rgba(255, 0, 68, 0.8);
}
.wed .item-0 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 41, 0.8);
}
.wed .item-0 .mpw-majority {
  background-color: rgba(255, 102, 143, 0.8);
  color: #fff;
}
.wed .newsfeed-side-2 .item-0 span,
.wed .sport-newsfeed-side-2 .item-0 span,
.wed .gaming-newsfeed-side-2 .item-0 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.wed .item-1 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.wed .item-1 .excerpt:after {
  color: #1494CC;
}
.wed .item-1 .mpw-poll-container {
  background-color: rgba(20, 148, 204, 0.8);
}
.wed .item-1 .mpw-option {
  color: rgba(20, 148, 204, 0.8);
}
.wed .item-1 .mpw-option:hover {
  color: #fff;
  background-color: rgba(11, 81, 111, 0.8);
}
.wed .item-1 .mpw-majority {
  background-color: rgba(87, 193, 239, 0.8);
  color: #fff;
}
.wed .newsfeed-side-2 .item-1 span,
.wed .sport-newsfeed-side-2 .item-1 span,
.wed .gaming-newsfeed-side-2 .item-1 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.wed .item-2 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.wed .item-2 .excerpt:after {
  color: #07387F;
}
.wed .item-2 .mpw-poll-container {
  background-color: rgba(7, 56, 127, 0.8);
}
.wed .item-2 .mpw-option {
  color: rgba(7, 56, 127, 0.8);
}
.wed .item-2 .mpw-option:hover {
  color: #fff;
  background-color: rgba(2, 13, 30, 0.8);
}
.wed .item-2 .mpw-majority {
  background-color: rgba(12, 99, 224, 0.8);
  color: #fff;
}
.wed .newsfeed-side-2 .item-2 span,
.wed .sport-newsfeed-side-2 .item-2 span,
.wed .gaming-newsfeed-side-2 .item-2 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.wed .item-3 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.wed .item-3 .excerpt:after {
  color: #FF0082;
}
.wed .item-3 .mpw-poll-container {
  background-color: rgba(255, 0, 130, 0.8);
}
.wed .item-3 .mpw-option {
  color: rgba(255, 0, 130, 0.8);
}
.wed .item-3 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 78, 0.8);
}
.wed .item-3 .mpw-majority {
  background-color: rgba(255, 102, 180, 0.8);
  color: #fff;
}
.wed .newsfeed-side-2 .item-3 span,
.wed .sport-newsfeed-side-2 .item-3 span,
.wed .gaming-newsfeed-side-2 .item-3 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.wed .mosaic-item.item-3 .title:after {
  color: #FF0082;
}
.wed .item-4 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.wed .item-4 .excerpt:after {
  color: #00C000;
}
.wed .item-4 .mpw-poll-container {
  background-color: rgba(0, 192, 0, 0.8);
}
.wed .item-4 .mpw-option {
  color: rgba(0, 192, 0, 0.8);
}
.wed .item-4 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 90, 0, 0.8);
}
.wed .item-4 .mpw-majority {
  background-color: rgba(39, 255, 39, 0.8);
  color: #fff;
}
.wed .newsfeed-side-2 .item-4 span,
.wed .sport-newsfeed-side-2 .item-4 span,
.wed .gaming-newsfeed-side-2 .item-4 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.wed .mosaic-item.item-4 .title:after {
  color: #00C000;
}
.wed .item-5 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.wed .item-5 .excerpt:after {
  color: #00AEFF;
}
.wed .item-5 .mpw-poll-container {
  background-color: rgba(0, 174, 255, 0.8);
}
.wed .item-5 .mpw-option {
  color: rgba(0, 174, 255, 0.8);
}
.wed .item-5 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 104, 153, 0.8);
}
.wed .item-5 .mpw-majority {
  background-color: rgba(102, 206, 255, 0.8);
  color: #fff;
}
.wed .newsfeed-side-2 .item-5 span,
.wed .sport-newsfeed-side-2 .item-5 span,
.wed .gaming-newsfeed-side-2 .item-5 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.wed .mosaic-item.item-5 .title:after {
  color: #00AEFF;
}
.wed .item-6 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.wed .item-6 .excerpt:after {
  color: #EB5B4C;
}
.wed .item-6 .mpw-poll-container {
  background-color: rgba(235, 91, 76, 0.8);
}
.wed .item-6 .mpw-option {
  color: rgba(235, 91, 76, 0.8);
}
.wed .item-6 .mpw-option:hover {
  color: #fff;
  background-color: rgba(188, 37, 21, 0.8);
}
.wed .item-6 .mpw-majority {
  background-color: rgba(245, 175, 168, 0.8);
  color: #fff;
}
.wed .mosaic-item.item-6 .title:after {
  color: #EB5B4C;
}
.wed .item-7 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.wed .item-7 .excerpt:after {
  color: #BD00EB;
}
.wed .item-7 .mpw-poll-container {
  background-color: rgba(189, 0, 235, 0.8);
}
.wed .item-7 .mpw-option {
  color: rgba(189, 0, 235, 0.8);
}
.wed .item-7 .mpw-option:hover {
  color: #fff;
  background-color: rgba(107, 0, 133, 0.8);
}
.wed .item-7 .mpw-majority {
  background-color: rgba(221, 82, 255, 0.8);
  color: #fff;
}
.wed .mosaic-item.item-7 .title:after {
  color: #BD00EB;
}
.wed .item-8 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.wed .item-8 .excerpt:after {
  color: #7ED321;
}
.wed .item-8 .mpw-poll-container {
  background-color: rgba(126, 211, 33, 0.8);
}
.wed .item-8 .mpw-option {
  color: rgba(126, 211, 33, 0.8);
}
.wed .item-8 .mpw-option:hover {
  color: #fff;
  background-color: rgba(73, 123, 19, 0.8);
}
.wed .item-8 .mpw-majority {
  background-color: rgba(176, 233, 113, 0.8);
  color: #fff;
}
.wed .mosaic-item.item-8 .title:after {
  color: #7ED321;
}
.wed .item-9 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.wed .item-9 .excerpt:after {
  color: #EA6400;
}
.wed .item-9 .mpw-poll-container {
  background-color: rgba(234, 100, 0, 0.8);
}
.wed .item-9 .mpw-option {
  color: rgba(234, 100, 0, 0.8);
}
.wed .item-9 .mpw-option:hover {
  color: #fff;
  background-color: rgba(132, 56, 0, 0.8);
}
.wed .item-9 .mpw-majority {
  background-color: rgba(255, 155, 81, 0.8);
  color: #fff;
}

.thu .item-0 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.thu .item-0 .excerpt:after {
  color: #7ED321;
}
.thu .item-0 .mpw-poll-container {
  background-color: rgba(126, 211, 33, 0.8);
}
.thu .item-0 .mpw-option {
  color: rgba(126, 211, 33, 0.8);
}
.thu .item-0 .mpw-option:hover {
  color: #fff;
  background-color: rgba(73, 123, 19, 0.8);
}
.thu .item-0 .mpw-majority {
  background-color: rgba(176, 233, 113, 0.8);
  color: #fff;
}
.thu .newsfeed-side-2 .item-0 span,
.thu .sport-newsfeed-side-2 .item-0 span,
.thu .gaming-newsfeed-side-2 .item-0 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.thu .item-1 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.thu .item-1 .excerpt:after {
  color: #FF0044;
}
.thu .item-1 .mpw-poll-container {
  background-color: rgba(255, 0, 68, 0.8);
}
.thu .item-1 .mpw-option {
  color: rgba(255, 0, 68, 0.8);
}
.thu .item-1 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 41, 0.8);
}
.thu .item-1 .mpw-majority {
  background-color: rgba(255, 102, 143, 0.8);
  color: #fff;
}
.thu .newsfeed-side-2 .item-1 span,
.thu .sport-newsfeed-side-2 .item-1 span,
.thu .gaming-newsfeed-side-2 .item-1 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.thu .item-2 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.thu .item-2 .excerpt:after {
  color: #EB5B4C;
}
.thu .item-2 .mpw-poll-container {
  background-color: rgba(235, 91, 76, 0.8);
}
.thu .item-2 .mpw-option {
  color: rgba(235, 91, 76, 0.8);
}
.thu .item-2 .mpw-option:hover {
  color: #fff;
  background-color: rgba(188, 37, 21, 0.8);
}
.thu .item-2 .mpw-majority {
  background-color: rgba(245, 175, 168, 0.8);
  color: #fff;
}
.thu .newsfeed-side-2 .item-2 span,
.thu .sport-newsfeed-side-2 .item-2 span,
.thu .gaming-newsfeed-side-2 .item-2 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.thu .item-3 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.thu .item-3 .excerpt:after {
  color: #FF0082;
}
.thu .item-3 .mpw-poll-container {
  background-color: rgba(255, 0, 130, 0.8);
}
.thu .item-3 .mpw-option {
  color: rgba(255, 0, 130, 0.8);
}
.thu .item-3 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 78, 0.8);
}
.thu .item-3 .mpw-majority {
  background-color: rgba(255, 102, 180, 0.8);
  color: #fff;
}
.thu .newsfeed-side-2 .item-3 span,
.thu .sport-newsfeed-side-2 .item-3 span,
.thu .gaming-newsfeed-side-2 .item-3 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.thu .mosaic-item.item-3 .title:after {
  color: #FF0082;
}
.thu .item-4 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.thu .item-4 .excerpt:after {
  color: #EA6400;
}
.thu .item-4 .mpw-poll-container {
  background-color: rgba(234, 100, 0, 0.8);
}
.thu .item-4 .mpw-option {
  color: rgba(234, 100, 0, 0.8);
}
.thu .item-4 .mpw-option:hover {
  color: #fff;
  background-color: rgba(132, 56, 0, 0.8);
}
.thu .item-4 .mpw-majority {
  background-color: rgba(255, 155, 81, 0.8);
  color: #fff;
}
.thu .newsfeed-side-2 .item-4 span,
.thu .sport-newsfeed-side-2 .item-4 span,
.thu .gaming-newsfeed-side-2 .item-4 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.thu .mosaic-item.item-4 .title:after {
  color: #EA6400;
}
.thu .item-5 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.thu .item-5 .excerpt:after {
  color: #1494CC;
}
.thu .item-5 .mpw-poll-container {
  background-color: rgba(20, 148, 204, 0.8);
}
.thu .item-5 .mpw-option {
  color: rgba(20, 148, 204, 0.8);
}
.thu .item-5 .mpw-option:hover {
  color: #fff;
  background-color: rgba(11, 81, 111, 0.8);
}
.thu .item-5 .mpw-majority {
  background-color: rgba(87, 193, 239, 0.8);
  color: #fff;
}
.thu .newsfeed-side-2 .item-5 span,
.thu .sport-newsfeed-side-2 .item-5 span,
.thu .gaming-newsfeed-side-2 .item-5 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.thu .mosaic-item.item-5 .title:after {
  color: #1494CC;
}
.thu .item-6 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.thu .item-6 .excerpt:after {
  color: #00AEFF;
}
.thu .item-6 .mpw-poll-container {
  background-color: rgba(0, 174, 255, 0.8);
}
.thu .item-6 .mpw-option {
  color: rgba(0, 174, 255, 0.8);
}
.thu .item-6 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 104, 153, 0.8);
}
.thu .item-6 .mpw-majority {
  background-color: rgba(102, 206, 255, 0.8);
  color: #fff;
}
.thu .mosaic-item.item-6 .title:after {
  color: #00AEFF;
}
.thu .item-7 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.thu .item-7 .excerpt:after {
  color: #BD00EB;
}
.thu .item-7 .mpw-poll-container {
  background-color: rgba(189, 0, 235, 0.8);
}
.thu .item-7 .mpw-option {
  color: rgba(189, 0, 235, 0.8);
}
.thu .item-7 .mpw-option:hover {
  color: #fff;
  background-color: rgba(107, 0, 133, 0.8);
}
.thu .item-7 .mpw-majority {
  background-color: rgba(221, 82, 255, 0.8);
  color: #fff;
}
.thu .mosaic-item.item-7 .title:after {
  color: #BD00EB;
}
.thu .item-8 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.thu .item-8 .excerpt:after {
  color: #07387F;
}
.thu .item-8 .mpw-poll-container {
  background-color: rgba(7, 56, 127, 0.8);
}
.thu .item-8 .mpw-option {
  color: rgba(7, 56, 127, 0.8);
}
.thu .item-8 .mpw-option:hover {
  color: #fff;
  background-color: rgba(2, 13, 30, 0.8);
}
.thu .item-8 .mpw-majority {
  background-color: rgba(12, 99, 224, 0.8);
  color: #fff;
}
.thu .mosaic-item.item-8 .title:after {
  color: #07387F;
}
.thu .item-9 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.thu .item-9 .excerpt:after {
  color: #00C000;
}
.thu .item-9 .mpw-poll-container {
  background-color: rgba(0, 192, 0, 0.8);
}
.thu .item-9 .mpw-option {
  color: rgba(0, 192, 0, 0.8);
}
.thu .item-9 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 90, 0, 0.8);
}
.thu .item-9 .mpw-majority {
  background-color: rgba(39, 255, 39, 0.8);
  color: #fff;
}

.fri .item-0 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.fri .item-0 .excerpt:after {
  color: #BD00EB;
}
.fri .item-0 .mpw-poll-container {
  background-color: rgba(189, 0, 235, 0.8);
}
.fri .item-0 .mpw-option {
  color: rgba(189, 0, 235, 0.8);
}
.fri .item-0 .mpw-option:hover {
  color: #fff;
  background-color: rgba(107, 0, 133, 0.8);
}
.fri .item-0 .mpw-majority {
  background-color: rgba(221, 82, 255, 0.8);
  color: #fff;
}
.fri .newsfeed-side-2 .item-0 span,
.fri .sport-newsfeed-side-2 .item-0 span,
.fri .gaming-newsfeed-side-2 .item-0 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.fri .item-1 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.fri .item-1 .excerpt:after {
  color: #7ED321;
}
.fri .item-1 .mpw-poll-container {
  background-color: rgba(126, 211, 33, 0.8);
}
.fri .item-1 .mpw-option {
  color: rgba(126, 211, 33, 0.8);
}
.fri .item-1 .mpw-option:hover {
  color: #fff;
  background-color: rgba(73, 123, 19, 0.8);
}
.fri .item-1 .mpw-majority {
  background-color: rgba(176, 233, 113, 0.8);
  color: #fff;
}
.fri .newsfeed-side-2 .item-1 span,
.fri .sport-newsfeed-side-2 .item-1 span,
.fri .gaming-newsfeed-side-2 .item-1 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.fri .item-2 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.fri .item-2 .excerpt:after {
  color: #EB5B4C;
}
.fri .item-2 .mpw-poll-container {
  background-color: rgba(235, 91, 76, 0.8);
}
.fri .item-2 .mpw-option {
  color: rgba(235, 91, 76, 0.8);
}
.fri .item-2 .mpw-option:hover {
  color: #fff;
  background-color: rgba(188, 37, 21, 0.8);
}
.fri .item-2 .mpw-majority {
  background-color: rgba(245, 175, 168, 0.8);
  color: #fff;
}
.fri .newsfeed-side-2 .item-2 span,
.fri .sport-newsfeed-side-2 .item-2 span,
.fri .gaming-newsfeed-side-2 .item-2 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.fri .item-3 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.fri .item-3 .excerpt:after {
  color: #00AEFF;
}
.fri .item-3 .mpw-poll-container {
  background-color: rgba(0, 174, 255, 0.8);
}
.fri .item-3 .mpw-option {
  color: rgba(0, 174, 255, 0.8);
}
.fri .item-3 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 104, 153, 0.8);
}
.fri .item-3 .mpw-majority {
  background-color: rgba(102, 206, 255, 0.8);
  color: #fff;
}
.fri .newsfeed-side-2 .item-3 span,
.fri .sport-newsfeed-side-2 .item-3 span,
.fri .gaming-newsfeed-side-2 .item-3 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.fri .mosaic-item.item-3 .title:after {
  color: #00AEFF;
}
.fri .item-4 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.fri .item-4 .excerpt:after {
  color: #FF0044;
}
.fri .item-4 .mpw-poll-container {
  background-color: rgba(255, 0, 68, 0.8);
}
.fri .item-4 .mpw-option {
  color: rgba(255, 0, 68, 0.8);
}
.fri .item-4 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 41, 0.8);
}
.fri .item-4 .mpw-majority {
  background-color: rgba(255, 102, 143, 0.8);
  color: #fff;
}
.fri .newsfeed-side-2 .item-4 span,
.fri .sport-newsfeed-side-2 .item-4 span,
.fri .gaming-newsfeed-side-2 .item-4 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.fri .mosaic-item.item-4 .title:after {
  color: #FF0044;
}
.fri .item-5 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.fri .item-5 .excerpt:after {
  color: #FF0082;
}
.fri .item-5 .mpw-poll-container {
  background-color: rgba(255, 0, 130, 0.8);
}
.fri .item-5 .mpw-option {
  color: rgba(255, 0, 130, 0.8);
}
.fri .item-5 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 78, 0.8);
}
.fri .item-5 .mpw-majority {
  background-color: rgba(255, 102, 180, 0.8);
  color: #fff;
}
.fri .newsfeed-side-2 .item-5 span,
.fri .sport-newsfeed-side-2 .item-5 span,
.fri .gaming-newsfeed-side-2 .item-5 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.fri .mosaic-item.item-5 .title:after {
  color: #FF0082;
}
.fri .item-6 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.fri .item-6 .excerpt:after {
  color: #00C000;
}
.fri .item-6 .mpw-poll-container {
  background-color: rgba(0, 192, 0, 0.8);
}
.fri .item-6 .mpw-option {
  color: rgba(0, 192, 0, 0.8);
}
.fri .item-6 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 90, 0, 0.8);
}
.fri .item-6 .mpw-majority {
  background-color: rgba(39, 255, 39, 0.8);
  color: #fff;
}
.fri .mosaic-item.item-6 .title:after {
  color: #00C000;
}
.fri .item-7 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.fri .item-7 .excerpt:after {
  color: #07387F;
}
.fri .item-7 .mpw-poll-container {
  background-color: rgba(7, 56, 127, 0.8);
}
.fri .item-7 .mpw-option {
  color: rgba(7, 56, 127, 0.8);
}
.fri .item-7 .mpw-option:hover {
  color: #fff;
  background-color: rgba(2, 13, 30, 0.8);
}
.fri .item-7 .mpw-majority {
  background-color: rgba(12, 99, 224, 0.8);
  color: #fff;
}
.fri .mosaic-item.item-7 .title:after {
  color: #07387F;
}
.fri .item-8 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.fri .item-8 .excerpt:after {
  color: #EA6400;
}
.fri .item-8 .mpw-poll-container {
  background-color: rgba(234, 100, 0, 0.8);
}
.fri .item-8 .mpw-option {
  color: rgba(234, 100, 0, 0.8);
}
.fri .item-8 .mpw-option:hover {
  color: #fff;
  background-color: rgba(132, 56, 0, 0.8);
}
.fri .item-8 .mpw-majority {
  background-color: rgba(255, 155, 81, 0.8);
  color: #fff;
}
.fri .mosaic-item.item-8 .title:after {
  color: #EA6400;
}
.fri .item-9 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.fri .item-9 .excerpt:after {
  color: #1494CC;
}
.fri .item-9 .mpw-poll-container {
  background-color: rgba(20, 148, 204, 0.8);
}
.fri .item-9 .mpw-option {
  color: rgba(20, 148, 204, 0.8);
}
.fri .item-9 .mpw-option:hover {
  color: #fff;
  background-color: rgba(11, 81, 111, 0.8);
}
.fri .item-9 .mpw-majority {
  background-color: rgba(87, 193, 239, 0.8);
  color: #fff;
}

.sat .item-0 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.sat .item-0 .excerpt:after {
  color: #FF0082;
}
.sat .item-0 .mpw-poll-container {
  background-color: rgba(255, 0, 130, 0.8);
}
.sat .item-0 .mpw-option {
  color: rgba(255, 0, 130, 0.8);
}
.sat .item-0 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 78, 0.8);
}
.sat .item-0 .mpw-majority {
  background-color: rgba(255, 102, 180, 0.8);
  color: #fff;
}
.sat .newsfeed-side-2 .item-0 span,
.sat .sport-newsfeed-side-2 .item-0 span,
.sat .gaming-newsfeed-side-2 .item-0 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.sat .item-1 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.sat .item-1 .excerpt:after {
  color: #EB5B4C;
}
.sat .item-1 .mpw-poll-container {
  background-color: rgba(235, 91, 76, 0.8);
}
.sat .item-1 .mpw-option {
  color: rgba(235, 91, 76, 0.8);
}
.sat .item-1 .mpw-option:hover {
  color: #fff;
  background-color: rgba(188, 37, 21, 0.8);
}
.sat .item-1 .mpw-majority {
  background-color: rgba(245, 175, 168, 0.8);
  color: #fff;
}
.sat .newsfeed-side-2 .item-1 span,
.sat .sport-newsfeed-side-2 .item-1 span,
.sat .gaming-newsfeed-side-2 .item-1 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.sat .item-2 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.sat .item-2 .excerpt:after {
  color: #BD00EB;
}
.sat .item-2 .mpw-poll-container {
  background-color: rgba(189, 0, 235, 0.8);
}
.sat .item-2 .mpw-option {
  color: rgba(189, 0, 235, 0.8);
}
.sat .item-2 .mpw-option:hover {
  color: #fff;
  background-color: rgba(107, 0, 133, 0.8);
}
.sat .item-2 .mpw-majority {
  background-color: rgba(221, 82, 255, 0.8);
  color: #fff;
}
.sat .newsfeed-side-2 .item-2 span,
.sat .sport-newsfeed-side-2 .item-2 span,
.sat .gaming-newsfeed-side-2 .item-2 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.sat .item-3 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.sat .item-3 .excerpt:after {
  color: #EA6400;
}
.sat .item-3 .mpw-poll-container {
  background-color: rgba(234, 100, 0, 0.8);
}
.sat .item-3 .mpw-option {
  color: rgba(234, 100, 0, 0.8);
}
.sat .item-3 .mpw-option:hover {
  color: #fff;
  background-color: rgba(132, 56, 0, 0.8);
}
.sat .item-3 .mpw-majority {
  background-color: rgba(255, 155, 81, 0.8);
  color: #fff;
}
.sat .newsfeed-side-2 .item-3 span,
.sat .sport-newsfeed-side-2 .item-3 span,
.sat .gaming-newsfeed-side-2 .item-3 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.sat .mosaic-item.item-3 .title:after {
  color: #EA6400;
}
.sat .item-4 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.sat .item-4 .excerpt:after {
  color: #FF0044;
}
.sat .item-4 .mpw-poll-container {
  background-color: rgba(255, 0, 68, 0.8);
}
.sat .item-4 .mpw-option {
  color: rgba(255, 0, 68, 0.8);
}
.sat .item-4 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 41, 0.8);
}
.sat .item-4 .mpw-majority {
  background-color: rgba(255, 102, 143, 0.8);
  color: #fff;
}
.sat .newsfeed-side-2 .item-4 span,
.sat .sport-newsfeed-side-2 .item-4 span,
.sat .gaming-newsfeed-side-2 .item-4 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.sat .mosaic-item.item-4 .title:after {
  color: #FF0044;
}
.sat .item-5 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.sat .item-5 .excerpt:after {
  color: #1494CC;
}
.sat .item-5 .mpw-poll-container {
  background-color: rgba(20, 148, 204, 0.8);
}
.sat .item-5 .mpw-option {
  color: rgba(20, 148, 204, 0.8);
}
.sat .item-5 .mpw-option:hover {
  color: #fff;
  background-color: rgba(11, 81, 111, 0.8);
}
.sat .item-5 .mpw-majority {
  background-color: rgba(87, 193, 239, 0.8);
  color: #fff;
}
.sat .newsfeed-side-2 .item-5 span,
.sat .sport-newsfeed-side-2 .item-5 span,
.sat .gaming-newsfeed-side-2 .item-5 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.sat .mosaic-item.item-5 .title:after {
  color: #1494CC;
}
.sat .item-6 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.sat .item-6 .excerpt:after {
  color: #7ED321;
}
.sat .item-6 .mpw-poll-container {
  background-color: rgba(126, 211, 33, 0.8);
}
.sat .item-6 .mpw-option {
  color: rgba(126, 211, 33, 0.8);
}
.sat .item-6 .mpw-option:hover {
  color: #fff;
  background-color: rgba(73, 123, 19, 0.8);
}
.sat .item-6 .mpw-majority {
  background-color: rgba(176, 233, 113, 0.8);
  color: #fff;
}
.sat .mosaic-item.item-6 .title:after {
  color: #7ED321;
}
.sat .item-7 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.sat .item-7 .excerpt:after {
  color: #07387F;
}
.sat .item-7 .mpw-poll-container {
  background-color: rgba(7, 56, 127, 0.8);
}
.sat .item-7 .mpw-option {
  color: rgba(7, 56, 127, 0.8);
}
.sat .item-7 .mpw-option:hover {
  color: #fff;
  background-color: rgba(2, 13, 30, 0.8);
}
.sat .item-7 .mpw-majority {
  background-color: rgba(12, 99, 224, 0.8);
  color: #fff;
}
.sat .mosaic-item.item-7 .title:after {
  color: #07387F;
}
.sat .item-8 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.sat .item-8 .excerpt:after {
  color: #00AEFF;
}
.sat .item-8 .mpw-poll-container {
  background-color: rgba(0, 174, 255, 0.8);
}
.sat .item-8 .mpw-option {
  color: rgba(0, 174, 255, 0.8);
}
.sat .item-8 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 104, 153, 0.8);
}
.sat .item-8 .mpw-majority {
  background-color: rgba(102, 206, 255, 0.8);
  color: #fff;
}
.sat .mosaic-item.item-8 .title:after {
  color: #00AEFF;
}
.sat .item-9 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.sat .item-9 .excerpt:after {
  color: #00C000;
}
.sat .item-9 .mpw-poll-container {
  background-color: rgba(0, 192, 0, 0.8);
}
.sat .item-9 .mpw-option {
  color: rgba(0, 192, 0, 0.8);
}
.sat .item-9 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 90, 0, 0.8);
}
.sat .item-9 .mpw-majority {
  background-color: rgba(39, 255, 39, 0.8);
  color: #fff;
}

.sun .item-0 span {
  background-color: rgba(0, 192, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  box-decoration-break: clone;
}
.sun .item-0 .excerpt:after {
  color: #00C000;
}
.sun .item-0 .mpw-poll-container {
  background-color: rgba(0, 192, 0, 0.8);
}
.sun .item-0 .mpw-option {
  color: rgba(0, 192, 0, 0.8);
}
.sun .item-0 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 90, 0, 0.8);
}
.sun .item-0 .mpw-majority {
  background-color: rgba(39, 255, 39, 0.8);
  color: #fff;
}
.sun .newsfeed-side-2 .item-0 span,
.sun .sport-newsfeed-side-2 .item-0 span,
.sun .gaming-newsfeed-side-2 .item-0 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.sun .item-1 span {
  background-color: rgba(7, 56, 127, 0.8);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  box-decoration-break: clone;
}
.sun .item-1 .excerpt:after {
  color: #07387F;
}
.sun .item-1 .mpw-poll-container {
  background-color: rgba(7, 56, 127, 0.8);
}
.sun .item-1 .mpw-option {
  color: rgba(7, 56, 127, 0.8);
}
.sun .item-1 .mpw-option:hover {
  color: #fff;
  background-color: rgba(2, 13, 30, 0.8);
}
.sun .item-1 .mpw-majority {
  background-color: rgba(12, 99, 224, 0.8);
  color: #fff;
}
.sun .newsfeed-side-2 .item-1 span,
.sun .sport-newsfeed-side-2 .item-1 span,
.sun .gaming-newsfeed-side-2 .item-1 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.sun .item-2 span {
  background-color: rgba(189, 0, 235, 0.8);
  box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  box-decoration-break: clone;
}
.sun .item-2 .excerpt:after {
  color: #BD00EB;
}
.sun .item-2 .mpw-poll-container {
  background-color: rgba(189, 0, 235, 0.8);
}
.sun .item-2 .mpw-option {
  color: rgba(189, 0, 235, 0.8);
}
.sun .item-2 .mpw-option:hover {
  color: #fff;
  background-color: rgba(107, 0, 133, 0.8);
}
.sun .item-2 .mpw-majority {
  background-color: rgba(221, 82, 255, 0.8);
  color: #fff;
}
.sun .newsfeed-side-2 .item-2 span,
.sun .sport-newsfeed-side-2 .item-2 span,
.sun .gaming-newsfeed-side-2 .item-2 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.sun .item-3 span {
  background-color: rgba(255, 0, 68, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  box-decoration-break: clone;
}
.sun .item-3 .excerpt:after {
  color: #FF0044;
}
.sun .item-3 .mpw-poll-container {
  background-color: rgba(255, 0, 68, 0.8);
}
.sun .item-3 .mpw-option {
  color: rgba(255, 0, 68, 0.8);
}
.sun .item-3 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 41, 0.8);
}
.sun .item-3 .mpw-majority {
  background-color: rgba(255, 102, 143, 0.8);
  color: #fff;
}
.sun .newsfeed-side-2 .item-3 span,
.sun .sport-newsfeed-side-2 .item-3 span,
.sun .gaming-newsfeed-side-2 .item-3 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.sun .mosaic-item.item-3 .title:after {
  color: #FF0044;
}
.sun .item-4 span {
  background-color: rgba(126, 211, 33, 0.8);
  box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  box-decoration-break: clone;
}
.sun .item-4 .excerpt:after {
  color: #7ED321;
}
.sun .item-4 .mpw-poll-container {
  background-color: rgba(126, 211, 33, 0.8);
}
.sun .item-4 .mpw-option {
  color: rgba(126, 211, 33, 0.8);
}
.sun .item-4 .mpw-option:hover {
  color: #fff;
  background-color: rgba(73, 123, 19, 0.8);
}
.sun .item-4 .mpw-majority {
  background-color: rgba(176, 233, 113, 0.8);
  color: #fff;
}
.sun .newsfeed-side-2 .item-4 span,
.sun .sport-newsfeed-side-2 .item-4 span,
.sun .gaming-newsfeed-side-2 .item-4 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.sun .mosaic-item.item-4 .title:after {
  color: #7ED321;
}
.sun .item-5 span {
  background-color: rgba(20, 148, 204, 0.8);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  box-decoration-break: clone;
}
.sun .item-5 .excerpt:after {
  color: #1494CC;
}
.sun .item-5 .mpw-poll-container {
  background-color: rgba(20, 148, 204, 0.8);
}
.sun .item-5 .mpw-option {
  color: rgba(20, 148, 204, 0.8);
}
.sun .item-5 .mpw-option:hover {
  color: #fff;
  background-color: rgba(11, 81, 111, 0.8);
}
.sun .item-5 .mpw-majority {
  background-color: rgba(87, 193, 239, 0.8);
  color: #fff;
}
.sun .newsfeed-side-2 .item-5 span,
.sun .sport-newsfeed-side-2 .item-5 span,
.sun .gaming-newsfeed-side-2 .item-5 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.sun .mosaic-item.item-5 .title:after {
  color: #1494CC;
}
.sun .item-6 span {
  background-color: rgba(234, 100, 0, 0.8);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  box-decoration-break: clone;
}
.sun .item-6 .excerpt:after {
  color: #EA6400;
}
.sun .item-6 .mpw-poll-container {
  background-color: rgba(234, 100, 0, 0.8);
}
.sun .item-6 .mpw-option {
  color: rgba(234, 100, 0, 0.8);
}
.sun .item-6 .mpw-option:hover {
  color: #fff;
  background-color: rgba(132, 56, 0, 0.8);
}
.sun .item-6 .mpw-majority {
  background-color: rgba(255, 155, 81, 0.8);
  color: #fff;
}
.sun .mosaic-item.item-6 .title:after {
  color: #EA6400;
}
.sun .item-7 span {
  background-color: rgba(235, 91, 76, 0.8);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  box-decoration-break: clone;
}
.sun .item-7 .excerpt:after {
  color: #EB5B4C;
}
.sun .item-7 .mpw-poll-container {
  background-color: rgba(235, 91, 76, 0.8);
}
.sun .item-7 .mpw-option {
  color: rgba(235, 91, 76, 0.8);
}
.sun .item-7 .mpw-option:hover {
  color: #fff;
  background-color: rgba(188, 37, 21, 0.8);
}
.sun .item-7 .mpw-majority {
  background-color: rgba(245, 175, 168, 0.8);
  color: #fff;
}
.sun .mosaic-item.item-7 .title:after {
  color: #EB5B4C;
}
.sun .item-8 span {
  background-color: rgba(0, 174, 255, 0.8);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  box-decoration-break: clone;
}
.sun .item-8 .excerpt:after {
  color: #00AEFF;
}
.sun .item-8 .mpw-poll-container {
  background-color: rgba(0, 174, 255, 0.8);
}
.sun .item-8 .mpw-option {
  color: rgba(0, 174, 255, 0.8);
}
.sun .item-8 .mpw-option:hover {
  color: #fff;
  background-color: rgba(0, 104, 153, 0.8);
}
.sun .item-8 .mpw-majority {
  background-color: rgba(102, 206, 255, 0.8);
  color: #fff;
}
.sun .mosaic-item.item-8 .title:after {
  color: #00AEFF;
}
.sun .item-9 span {
  background-color: rgba(255, 0, 130, 0.8);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  box-decoration-break: clone;
}
.sun .item-9 .excerpt:after {
  color: #FF0082;
}
.sun .item-9 .mpw-poll-container {
  background-color: rgba(255, 0, 130, 0.8);
}
.sun .item-9 .mpw-option {
  color: rgba(255, 0, 130, 0.8);
}
.sun .item-9 .mpw-option:hover {
  color: #fff;
  background-color: rgba(153, 0, 78, 0.8);
}
.sun .item-9 .mpw-majority {
  background-color: rgba(255, 102, 180, 0.8);
  color: #fff;
}

.mosaic .item-3 .title {
  margin-top: -3px;
  font-size: 18px;
  line-height: 1.1;
}
.mosaic .item-3 .title:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}
.mosaic .item-3 span {
  background-color: transparent;
  box-shadow: none;
  color: black;
}
.mosaic .item-4 .title {
  margin-top: -3px;
  font-size: 18px;
  line-height: 1.1;
}
.mosaic .item-4 .title:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}
.mosaic .item-4 span {
  background-color: transparent;
  box-shadow: none;
  color: black;
}
.mosaic .item-5 .title {
  margin-top: -3px;
  font-size: 18px;
  line-height: 1.1;
}
.mosaic .item-5 .title:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}
.mosaic .item-5 span {
  background-color: transparent;
  box-shadow: none;
  color: black;
}
.mosaic .item-6 .title {
  margin-top: -3px;
  font-size: 18px;
  line-height: 1.1;
}
.mosaic .item-6 .title:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}
.mosaic .item-6 span {
  background-color: transparent;
  box-shadow: none;
  color: black;
}
.mosaic .item-7 .title {
  margin-top: -3px;
  font-size: 18px;
  line-height: 1.1;
}
.mosaic .item-7 .title:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}
.mosaic .item-7 span {
  background-color: transparent;
  box-shadow: none;
  color: black;
}
.mosaic .item-8 .title {
  margin-top: -3px;
  font-size: 18px;
  line-height: 1.1;
}
.mosaic .item-8 .title:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}
.mosaic .item-8 span {
  background-color: transparent;
  box-shadow: none;
  color: black;
}
.mosaic .item-3 {
  margin-bottom: 20px;
}

.gif-swap.icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 38px;
  margin-top: -19px;
  margin-left: -25px;
  font-size: 50px;
  line-height: 38px;
}

.before-and-after {
  display: inline-block;
  position: relative;
  margin: 0 auto 10px;
  font-size: 0;
  overflow: hidden;
  -ms-touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.before-and-after.portrait {
  max-width: 200px;
}
.before-and-after img {
  width: 100%;
  height: auto;
}

.before-and-after:hover {
  cursor: col-resize;
}

.bef-after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 2px solid white;
  background-size: cover;
}

.bef-label {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  width: 140px;
  height: 40px;
  margin-right: -70px;
  margin-top: -12.5px;
  -webkit-transition: opacity 0.25s ease-out 0s;
  transition: opacity 0.25s ease-out 0s;
  color: white !important;
  background: none repeat scroll 0% 0% #ff0044;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 40px;
  opacity: 1;
}
.bef-label:hover {
  text-decoration: none;
}

.bef-slide-text {
  margin: 0 3px;
}

.bef-widget {
  position: relative;
  margin-bottom: 20px;
}
.bef-widget .title {
  position: relative;
  max-width: 644px;
  margin: -30px 10px 0;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 19px;
}
.bef-widget a:hover {
  text-decoration: none;
}

.clk-label {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  background: #00aeff;
  color: white;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}

iframe.twitter-tweet[style] {
  margin-left: auto !important;
  margin-right: auto !important;
}

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 100000002;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.md-show {
  visibility: visible;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 100000001;
  opacity: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

.md-content {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 50px;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border: 3px solid black;
  color: black;
  background: white;
  font-size: 20px;
}

.md-close {
  display: block;
  position: absolute;
  top: -50px;
  right: -3px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: black;
  color: white;
  font-size: 24px;
  line-height: 50px;
  cursor: pointer;
}
.md-close span {
  width: 100%;
  line-height: 50px;
  text-align: center;
}

.md-show .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

#after-share-modal {
  max-width: 300px;
  max-height: 225px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 22px;
}
#after-share-modal .md-content {
  max-width: 300px;
  padding: 30px 20px;
}
#after-share-modal p {
  margin-bottom: 10px;
  padding: 10px 0;
}

#love-metro {
  width: 260px;
  height: 25px;
  margin-bottom: 10px;
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/love-metro.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -3px 0;
}

.ie7 #love-metro,
.ie8 #love-metro {
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/love-metro.png);
}

/*
.teaser
	.title
	.date
	.author
	.excerpt
	.image
	.category
	.trending-score
	.post-type
	.rating
	.quote
	.quote-attribution

	Others:
	-------
	.meta
	.item
	.item-1
*/
.teaser {
  overflow: hidden;
  /* Clearing floats */
}

.teaser .title {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.teaser .excerpt {
  font-size: 12px;
  line-height: 1.1;
  line-height: 1.3em;
  color: black;
}

.teaser .category {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 40px;
  min-height: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  padding: 0 5px 3px 5px;
  background-color: #666;
  z-index: 2;
}

/* Smaller on non-touch devices */
.has-hover .teaser .category {
  min-height: 10px;
  line-height: 10px;
  min-width: inherit;
  padding: 0 4px 3px 4px;
}

/* "On the Blogs" list */
.blg-teaser {
  float: left;
}
.blg-teaser:first-child {
  margin-right: 10px;
}
.blg-teaser .meta {
  display: table-cell;
  width: 100%;
  overflow: hidden;
  margin-left: 10px;
  vertical-align: middle;
}
.blg-teaser .title {
  display: block;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
}

.sidebar .blg-teaser:first-child {
  margin-right: 0;
}

/* More by this Author list */
.more-by-author .teaser {
  margin-bottom: 10px;
}

.more-by-author .teaser .title {
  display: block;
  padding: 5px;
  font-size: 14px;
  line-height: 1.2;
}

.more-by-author .teaser .title:hover {
  background: #eaeaea;
}

/* Gallery */
.gallery .teaser .title {
  display: none;
}

/* Tags page */
.post-list .teaser {
  overflow: hidden;
  margin-bottom: 20px;
}

.post-list .image {
  float: left;
  margin-right: 10px;
  max-width: 100px;
  height: auto;
}

.post-list .meta {
  overflow: hidden;
}

.post-list .title {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.2;
}

.post-list .author {
  display: inline-block;
  margin-right: 1em;
}

.post-list .date {
  display: inline-block;
  color: #999;
}

.post-list .excerpt {
  font-size: 12px;
  line-height: 1.2;
}

/* Sidebar plain link list */
.post-list-sidebar .title {
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 1.2;
}

/* More compact as we might have lot of links */
.sidebar .widget.post-list-sidebar li {
  margin-bottom: 0;
}

/*
 Generic widget styles
*/
.sidebar .widget h2 {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 5px 10px;
  color: black;
  background: #ffc000;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}

#sidebar blockquote {
  width: auto;
}

li.widget {
  list-style-type: none;
}

.widget {
  padding: 0;
  margin: 0 0 20px;
}

#widget-area-channel-top .widget {
  margin-bottom: 0;
}

.widgettitle,
.home .widgettitle {
  margin-bottom: 10px !important;
  font-size: 2.1em !important;
  text-indent: 0;
}

.ie7 .widgettitle {
  width: 100%;
  float: left;
}

.widgettitle:after {
  content: "";
  display: table;
}

.widgettitle:after {
  clear: both;
}

.widgettitle {
  zoom: 1;
}

.widget a {
  text-decoration: none;
  color: black;
}

.widget a:hover {
  text-decoration: underline;
}

.widget .post-link {
  display: block;
}

.widget .post-date-date {
  display: block;
  color: #aaa;
  font-size: 0.8em;
}

/* Div that breaks the tiles widget */
.tiles-break {
  margin: 0 0 20px;
}

/*
 Widgets in the main content area of the page
*/
#content .widgettitle {
  margin-bottom: 0.25em;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #aaa;
}

/* Taxonomy posts sidebar widget - Editor's Choice */
.taxonomy-posts-widget img {
  max-width: 100%;
}

.taxonomy-posts-widget .title {
  display: block;
  min-height: 32px;
  margin-bottom: 5px;
  padding: 10px;
  background: #f0f0f0;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.category-posts-widget .author {
  color: black;
}

.all-images .teaser {
  padding: 5px 0;
}

.all-images a {
  display: block;
  overflow: hidden;
}

.all-images img {
  float: left;
  width: 145px;
  height: 109px;
  margin: 0 10px 0 0;
}

.all-images .title {
  display: block;
  font-size: 1.4em;
  line-height: 1.2em;
  overflow: hidden;
  min-height: inherit;
  margin-bottom: 0;
  padding: 0;
  background: none;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.1;
}

/* Ads */
#ad-top {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: 0 auto;
}

#ad-bottom {
  padding-bottom: 20px;
  background-color: #fff;
  overflow: hidden;
  max-width: 320px;
  margin: 0 auto;
}

#ad-top .ad-slot,
#ad-bottom .ad-slot {
  margin: auto;
}

/* ad slots are hidden by default, and revealed by dynamically written media queries in header.php */
.ad-slot {
  display: none;
}

#page-wrap {
  display: none;
  position: fixed;
  width: 100%;
  height: 1200px;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: default;
}

#ad-overlay {
  display: none;
  position: fixed;
  width: 964px;
  height: 920px;
  top: 20px;
  left: 50%;
  margin-left: -485px;
  background-position: top center;
  z-index: 6000000;
}

#ad-overlay-link {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#ad-overlay-image {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#ad-overlay-metro-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 180px;
  height: auto;
  z-index: 6000001;
}

#ad-overlay-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 85px;
  height: 28px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) 0 -306px no-repeat;
  z-index: 6000001;
}

/* Related Articles in sidebar */
.post-list-sidebar li,
.related-posts li {
  overflow: hidden;
  /* Clearing floats */
  padding: 5px;
}

.post-list-sidebar li:hover {
  background: #EAEAEA;
}

.post-list-sidebar a,
.related-posts a,
.more-posts a {
  display: block;
  overflow: hidden;
  /* Clearing floats */
}

.post-list-sidebar img,
.related-posts img {
  float: left;
  width: 145px;
  height: 109px;
  margin: 0 10px 0 0;
}

.post-list-sidebar .trail {
  display: block;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1;
  overflow: hidden;
  /* Stopping text wrap around floated image */
}

.content .post-list .trail {
  display: block;
  overflow: hidden;
  padding-right: 40px;
  font-size: 16px;
  line-height: 1.1;
}

/* Related items used at bottom of story */
.related-posts-main {
  margin-bottom: 10px;
}
.related-posts-main .trail {
  padding-right: 0;
  font-size: 14px;
}

.related-posts a:hover,
.more-posts a:hover {
  text-decoration: none;
}

.related-posts a:hover .trail {
  text-decoration: underline;
}

.post-list-sidebar .meta,
.post-list .meta,
.related-posts-main .meta {
  margin: 3px 0 0 0;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999;
  text-align: left;
}

.more-posts li {
  float: left;
  width: 48.333333%;
  margin-bottom: 15px;
}
.more-posts li:nth-child(1),
.more-posts li:nth-child(3) {
  margin-right: 10px;
}
.more-posts img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.mor-title {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.mor-title:after {
  content: "\00BB";
  font-size: 18px;
  padding: 0 3px;
}

.item.news .mor-title:after {
  color: #193989;
}

.item.sport .mor-title:after {
  color: #ba001f;
}

.item.entertainment .mor-title:after {
  color: #0081c7;
}

.item.lifestyle .mor-title:after {
  color: #6d1f80;
}

.archive .post-list .meta {
  margin-top: 0;
}

.post-type {
  display: inline-block;
  margin: 0 5px 2px 0;
  padding: 0 2px;
  border: 1px solid #e40135;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1em;
  color: white;
  text-transform: uppercase;
  background: #e40135;
}
.post-type.sponsored {
  background: none;
  display: block;
  color: #ea6400;
  border: none;
  margin-left: 0;
  padding-left: 0;
}

#blogs-home-content .post-type.blog {
  display: none;
}

.club-metro .post-type.blog {
  display: none;
}

/* Trending */
.trending {
  margin: 10px 0 30px 0;
}

.trending ol {
  margin: 20px 0;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 38px;
  color: #ddd;
  counter-reset: item;
  list-style-type: none;
  overflow: hidden;
}

.trending li {
  /*display: table;*/
  position: relative;
  min-height: 42px;
  margin-bottom: 10px;
  overflow: hidden;
}

.sidebar .trending li {
  /*display: table;*/
  position: relative;
  min-height: 42px;
  margin-bottom: 5px;
  overflow: hidden;
}

.trending li:first-child h3 {
  font-size: 20px;
}

.trending li:nth-child(2) h3 {
  font-size: 18px;
}

.trending .ranking {
  display: table-cell;
  vertical-align: middle;
  min-width: 40px;
  text-align: center;
}

.trending h3 {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  width: 100%;
  margin-left: 40px;
  padding: 5px;
  line-height: 1.2;
}

.trending a:hover {
  text-decoration: underline;
}

.sidebar .trending {
  margin: 0;
}

.sidebar .trending h3,
.sidebar .trending li:nth-child(2) h3 {
  font-size: 14px;
}

.sidebar .trending li:first-child h3 {
  font-size: 18px;
}

.trending .score-bar {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 0;
  z-index: 0;
  background: #f3f5f9;
}

.trending-sidebar li {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px !important;
}
.trending-sidebar a:hover {
  text-decoration: none;
}
.trending-sidebar h3 {
  margin: -29px 10px 5px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 23px;
  line-height: 28px;
  color: white;
}
.trending-sidebar .excerpt {
  font-size: 18px;
  line-height: 1;
}
.trending-sidebar .excerpt:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}
.trending-sidebar .sponsored {
  position: absolute;
  top: 0;
}

@-moz-document url-prefix() {
  .trending-sidebar h3 {
    margin: -26px 10px 5px;
    line-height: 24px;
  }
}
.trs-image {
  max-width: 100%;
}

.trs-sponsored {
  background-color: orange;
  color: #FFF;
  position: absolute;
  top: 0px;
  font-size: 11px;
  padding: 5px;
}

.is-4_3 .trs-image {
  float: left;
  width: 145px;
  height: 109px;
  margin-bottom: 10px;
}
.is-4_3 .trs-header {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 0 0 0 155px;
  color: black;
  line-height: 1.1;
}
.is-4_3 .trs-header span {
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.is-4_3 .excerpt {
  display: none;
}

.trending-sidebar.is-4_3 li {
  margin-bottom: 5px !important;
}
.trending-sidebar.is-4_3 a:hover {
  text-decoration: underline;
}

.post_style {
  display: inline-block;
  margin-top: 2px;
  font-size: 8px;
  border: 1px solid #999;
  color: #999;
  padding: 1px 2px;
  text-transform: uppercase;
}

#widget-area-home-top .trending-main,
#widget-area-channel-top .trending-main {
  clear: both;
  margin-bottom: 20px;
}

.trending-main {
  position: relative;
  clear: both;
  margin-top: 30px;
  margin-left: 0;
  padding: 30px 10px 10px;
  background: #eee;
  counter-reset: li;
}
.trending-main li {
  display: table;
  position: relative;
  min-height: 45px;
  height: 45px;
  margin: 0 0 10px 50px;
  list-style: none;
  font-size: 18px;
}
.trending-main li > a {
  display: table-cell;
  vertical-align: middle;
}
.trending-main li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -50px;
  z-index: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  color: #fff;
  background: #666;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 26px;
  line-height: 40px;
  text-align: center;
}
.trending-main .tw-item-1:before {
  background: #ff0044;
}
.trending-main .tw-item-2:before {
  background: #ff4679;
}
.trending-main .tw-item-3:before {
  background: #ff759b;
}
.trending-main .tw-item-4:before {
  background: #ffa4bd;
}
.trending-main .tw-item-5:before {
  background: #ffd2de;
}
.trending-main li ol,
.trending-main li ul {
  margin-top: 6px;
}
.trending-main ol ol li:last-child {
  margin-bottom: 0;
}
.trending-main a:hover {
  text-decoration: none;
}
.trending-main h3 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.trending-main-header {
  position: absolute !important;
  top: -23px;
  left: 10px;
}

.content .widget h2 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 10px;
  color: black;
  background: #ffc000;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 23px;
  text-transform: uppercase;
}
.content .widget .text {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  padding: 4px 10px;
  background-color: #e40135;
  color: #fff;
}
.content .widget .text:before, .content .widget .text:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
}
.content .widget .text:before {
  right: -30px;
  top: 0;
  border-width: 30px 30px 0 0;
  border-color: #fff transparent transparent transparent;
  z-index: 1;
}
.content .widget .text:after {
  position: absolute;
  right: -24px;
  top: 0;
  border-width: 24px 24px 0 0;
  border-color: #e40135 transparent transparent transparent;
  color: #e40135;
  z-index: 3;
}
.content .cat-parent-news .text {
  background-color: #193989;
}
.content .cat-parent-news .text:before {
  border-color: #fff transparent transparent transparent;
  z-index: 1;
}
.content .cat-parent-news .text:after {
  border-color: #193989 transparent transparent transparent;
  z-index: 3;
}
.content .cat-parent-sport .text {
  background-color: #ba001f;
}
.content .cat-parent-sport .text:before {
  border-color: #fff transparent transparent transparent;
  z-index: 1;
}
.content .cat-parent-sport .text:after {
  border-color: #ba001f transparent transparent transparent;
  z-index: 3;
}
.content .cat-parent-entertainment .text {
  background-color: #0081c7;
}
.content .cat-parent-entertainment .text:before {
  border-color: #fff transparent transparent transparent;
  z-index: 1;
}
.content .cat-parent-entertainment .text:after {
  border-color: #0081c7 transparent transparent transparent;
  z-index: 3;
}
.content .cat-parent-lifestyle .text {
  background-color: #6d1f80;
}
.content .cat-parent-lifestyle .text:before {
  border-color: #fff transparent transparent transparent;
  z-index: 1;
}
.content .cat-parent-lifestyle .text:after {
  border-color: #6d1f80 transparent transparent transparent;
  z-index: 3;
}

.more-content .widget h2 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 10px;
  color: black;
  background: #ffc000;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 23px;
  text-transform: uppercase;
}

.ranking-image-container {
  display: none;
  position: relative;
  width: 100px;
  height: 56px;
}

.has-hover .ranking-image-container .ranking {
  top: 0;
}
.has-hover .ranking-image-container img {
  top: 100%;
}
.has-hover .trending-opacity .ranking {
  background-color: #ddd;
  background-color: rgba(221, 221, 221, 0.7);
  color: #1b2157;
}
.has-hover .trending-opacity .ranking-image-container img {
  top: 0;
}

/* List carousel widget */
.list-carousel-widget h2 {
  margin-bottom: 20px;
}

.carousel-prev {
  position: absolute;
  display: block;
  top: 21px;
  left: 0;
  width: 20px;
  height: 60px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite-2.svg?10) -75px -1139px;
  background-size: 180px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.carousel-next {
  position: absolute;
  display: block;
  top: 21px;
  right: 0;
  width: 20px;
  height: 60px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite-2.svg?10) -75px -1139px;
  background-size: 180px;
}

.carousel-prev:hover,
.carousel-next:hover {
  background-position: -75px -1499px;
}

.carousel-prev.greyed-out,
.carousel-prev.greyed-out:hover,
.carousel-next.greyed-out,
.carousel-next.greyed-out:hover {
  cursor: default;
  background-position: -75px -1856px;
}

.ie8 .carousel-prev {
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) 0 -410px;
}
.ie8 .carousel-prev:hover {
  background-position: -42px -410px;
}
.ie8 .carousel-prev.greyed-out,
.ie8 .carousel-prev.greyed-out:hover {
  background-position: 0 -470px;
}
.ie8 .carousel-next {
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) -19px -410px;
}
.ie8 .carousel-next:hover {
  background-position: -63px -410px;
}
.ie8 .carousel-next.greyed-out,
.ie8 .carousel-next.greyed-out:hover {
  background-position: -19px -470px;
}

.slide-wrapper {
  position: relative;
  overflow: hidden;
  /* Clearing floats */
}

.list-carousel-widget ul {
  position: relative;
  left: 0;
  width: 6000%;
}

.list-carousel-widget .teaser {
  display: block;
  float: left;
  width: 100px;
  text-align: center;
}

.list-carousel-widget img,
.list-carousel-widget img[style] {
  display: block;
  width: 100px !important;
  height: 100px !important;
  max-width: 100%;
  margin-bottom: 6px;
}

/* Social follow widget */
.social-follow {
  position: relative;
}

.social-follow ul {
  background-color: #f0f0f0;
  padding: 10px;
}

.social-follow .social-icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 86px;
  height: 35px;
  font-size: 13px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/share-buttons.png?10) no-repeat -128px 0;
  cursor: pointer;
  margin: 0 !important;
}

.social-icon.twitter {
  background-position: -96px -128px;
  margin: 0 7px !important;
}

.social-icon.facebook {
  background-position: 0 -128px;
}

.social-icon .gplus {
  display: block;
  height: 100%;
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/share-buttons.png?10);
  background-position: 0 -167px;
}

.social-icon.google {
  background: none;
}

.social-icon .social-icon-container {
  display: none;
  position: absolute;
  top: 35px;
  right: -10px;
  z-index: 100;
  width: 300px;
  padding: 10px;
  background-color: #fff;
  border: 10px solid #f0f0f0;
}

.social-icon.is-active .social-icon-container {
  display: block;
}

.twitter-box {
  border: 1px solid #aaa;
  padding: 10px;
}

.twitter-box .twitter-link,
.twitter-box .twitter-name,
.twitter-box .twitter-description {
  margin: 0 0 5px 55px;
}

.twitter-box .twitter-description {
  font-size: 11px;
  color: #777;
}

.twitter-box .twitter-image {
  float: left;
  margin: 0 10px 10px 0;
}

.twitter-box .twitter-name {
  font-weight: bold;
  color: #333;
}

.twitter-box .twitter-link a {
  color: #1190C7;
}

.social-icon.twitter .twitter-button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 58px;
}

.certified {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 1px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/share-buttons.png?10) no-repeat -96px -168px;
  vertical-align: middle;
}

#latest-posts-widget {
  display: none;
  position: relative;
  float: right;
  width: 299px;
}
#latest-posts-widget > ul {
  margin-top: -5px;
}
#latest-posts-widget a {
  display: block;
}
#latest-posts-widget .lp-item {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 0;
  padding: 10px 0;
}
#latest-posts-widget .lp-item:first-child {
  padding: 0 0 10px 0;
}
#latest-posts-widget .lp-item .post-type {
  top: 0;
}
#latest-posts-widget .lp-item h3 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#latest-posts-widget .lp-item h3,
#latest-posts-widget .lp-item .blog,
#latest-posts-widget .lp-item .lp-labels,
#latest-posts-widget .lp-item .new {
  display: inline-block;
  margin-right: 3px;
  vertical-align: top;
}
#latest-posts-widget .lp-item .lp-labels {
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 1px;
  margin-right: 0;
}
#latest-posts-widget .lp-item .new {
  display: none;
  margin-bottom: 2px;
  padding: 0 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1em;
  border: 1px solid #e40135;
  color: #e40135;
}
#latest-posts-widget .lp-item.is-new .new {
  display: inline-block;
}
#latest-posts-widget .lp-item:last-child {
  border-bottom: none;
}

#widget-area-channel-top #latest-posts-widget .lp-item:first-child {
  padding: 10px 0;
}

.header-content #latest-posts-widget {
  float: left;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.metro-tiles-widget .sponsored-article-item {
  position: relative;
}
.metro-tiles-widget .sponsored-article-item .title,
.metro-tiles-widget .sponsored-article-item .excerpt {
  background-color: #fff7e5;
  border-left: 1px dashed #888;
  border-right: 1px dashed #888;
}
.metro-tiles-widget .sponsored-article-item .title {
  padding: 8px 8px 0 8px;
  position: relative;
}
.metro-tiles-widget .sponsored-article-item .title:before {
  position: absolute;
  top: -20px;
  left: 0;
  content: 'Sponsored Article';
  width: 100%;
  background-color: #020202;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 2px 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.metro-tiles-widget .sponsored-article-item .excerpt {
  padding: 5px 8px 10px 8px;
  border-bottom: 1px dashed #888;
}
.metro-tiles-widget .sponsored-article-item.headline-only .title {
  padding: 29px 8px 10px 8px;
  border-bottom: 1px dashed #888;
}
.metro-tiles-widget .sponsored-article-item.headline-only .title:before {
  top: 0;
}

.club-metro .title:before,
.ti-club-metro .title:before,
.club-metro .trail:before {
  content: '';
  display: block;
  float: left;
  width: 24px;
  height: 30px;
  margin: 0 5px 0 0;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat 0 -532px;
}

.club-metro-home .club-metro .title:before,
.club-metro-home .club-metro .trail:before {
  content: none;
  display: none;
  margin: 0;
  background: none;
}

.taxonomy-posts-widget {
  overflow: hidden;
}
.taxonomy-posts-widget .sponsored-article-item {
  position: relative;
  background-color: #fff7e5;
  overflow: visible;
}
.taxonomy-posts-widget .sponsored-article-item .title {
  background-color: #fff7e5;
  margin-bottom: 0;
}
.taxonomy-posts-widget .sponsored-article-item .title {
  overflow: hidden;
  line-height: 1.25;
}
.taxonomy-posts-widget .sponsored-article-item .title:after {
  display: block;
  float: right;
  content: 'Sponsored Article';
  margin-top: 5px;
  color: #aaa;
  font-size: 11px;
}
.taxonomy-posts-widget .all-images .sponsored-article-item .title {
  padding-left: 5px;
}
.taxonomy-posts-widget .all-images .sponsored-article-item .title:after {
  float: left;
  clear: right;
  width: 100%;
  padding: 0;
}

#sidebar .taxonomy-posts-widget {
  width: 300px;
}

#latest-posts-widget .sponsored-article-item {
  position: relative;
  padding-bottom: 20px !important;
}
#latest-posts-widget .sponsored-article-item h3:after {
  position: absolute;
  bottom: 5px;
  left: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  content: 'Sponsored Article';
  color: #aaa;
}

.latest-posts-widget.new .club-metro .title {
  position: relative;
  margin-left: 30px;
  padding: 4px 0;
  display: inline-block;
}
.latest-posts-widget.new .club-metro .title:before {
  position: absolute;
  top: 0;
  left: -30px;
  content: '';
  display: block;
  float: none;
  width: 24px;
  height: 30px;
  margin: 0 5px 0 0;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat 0 -532px;
}

#nui-tabview {
  margin-top: 40px;
}

.nui-tabs a {
  display: block;
  vertical-align: middle;
  padding: 10px 15px;
  color: #aeaeae;
  font-weight: bold;
  text-decoration: none;
  outline: 0;
}

.nui-tabs-item {
  display: inline-block;
  float: left;
  min-width: 100px;
  margin: 0;
  margin-right: 10px;
  background-color: #e8e8e8;
  color: #aeaeae;
  font-size: 100%;
  text-align: center;
  line-height: 1.3;
}
.nui-tabs-item.nui-selected {
  position: relative;
  background-color: #1a1c59;
}
.nui-tabs-item.nui-selected:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #1a1c59 transparent transparent transparent;
}
.nui-tabs-item.nui-selected a {
  color: #fff;
}

.nui-tabs-item:last-child {
  margin-right: 0;
}

.nui-tabpanels-item,
.nui-tab-panel {
  display: none;
}
.nui-tabpanels-item.nui-selected,
.nui-tab-panel.nui-selected {
  display: block;
}

.most-popular {
  max-width: 300px;
  background: white;
}
.most-popular .metro-tab {
  width: 145px;
}

.news-feed-widget > h2 {
  margin-bottom: -5px;
}

.metro-tab {
  display: inline-block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100px;
  margin: 0 10px 0 0;
  padding: 10px 15px;
  background-color: #e8e8e8;
  color: #aeaeae;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  vertical-align: middle;
  cursor: pointer;
}
.metro-tab.is-selected {
  position: relative;
  color: white;
  background-color: #1a1c59;
}
.metro-tab.is-selected:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #1a1c59 transparent transparent transparent;
}

.metro-tab:last-child {
  margin-right: 0;
}

.metro-tab-panel {
  display: none;
  padding: 15px 0 10px;
}
.metro-tab-panel.is-selected {
  display: block;
}

.pop-title {
  display: inline-block;
  vertical-align: middle;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

.is-numbered .pop-title {
  width: 266px;
  padding-left: 10px;
}

.pop-item {
  overflow: hidden;
  margin: 0;
  padding: 1em 0;
}

.pop-latest .pop-item {
  border-bottom: 1px dashed #ccc;
}

.pop-num {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  width: 24px;
  line-height: 24px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #888;
  color: white;
  text-align: center;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* responsive swipe */
.responsive-swipe-loading,
.responsive-swipe-error {
  display: block;
  background: #fff;
  width: 300px;
  height: 479px;
  padding: 10px 0;
  margin: 70px auto 0 auto;
  font-size: 14px;
  text-align: center;
  background: #EAEAEA;
  color: #666;
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/polar-bear.jpg);
}

/* Google custom search */
form.gsc-search-box {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 0 !important;
}

.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
  padding-left: 0 !important;
}

.gs-snippet {
  font-family: Arial, Helvetica, sans-serif;
}

.gsc-control-cse .gs-result a.gs-title {
  display: block;
  height: auto !important;
  line-height: 1.2em !important;
}

.has-hover .gsc-result a.gs-title:hover {
  text-decoration: underline !important;
}

.gsc-result .gs-title,
.gs-result .gs-title * {
  height: auto !important;
  text-decoration: none !important;
}

.gsc-url-top {
  display: none !important;
}

.gsc-results .gsc-cursor-box {
  margin-left: 0 !important;
}

.gsc-results .gsc-cursor-box:before {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  margin-right: 20px !important;
  font-size: 16px;
  color: #666 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: black !important;
}

.gsc-selected-option-container {
  background: #dce0ee !important;
}

/* Hack for Brightcove videos on IE */
.ie div.brightcove-video > span[style] {
  display: inline !important;
}

.nf-post-type-quiz:before, .nf-blog .nf-post-type:before {
  display: inline-block;
  margin: 0 5px 2px 0;
  padding: 0 2px;
  border: 1px solid #e40135;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1em;
  color: white;
  text-transform: uppercase;
  background: #e40135;
}

#news-feed-widget {
  position: relative;
  clear: both;
  margin: 10px 0 80px 0;
}

#news-feed-list {
  font-family: Arial, Helvetica, sans-serif;
}
#news-feed-list a {
  text-decoration: none;
}

.news-feed-ad {
  margin: 20px 0;
}

.nf-item {
  position: relative;
  margin: 10px 0;
  padding-bottom: 10px;
}
.nf-item .sponsored {
  margin-bottom: 5px;
}

.nf-post-box {
  background-color: #fff;
}

.nf-author-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.nf-author-name,
.nf-author-image,
.nf-sponsored-text {
  display: inline-block;
  vertical-align: middle;
}

.nf-sponsored-text {
  font-size: 12px;
  font-size: 0.75rem;
  color: orange;
}

.nf-author-name {
  font-size: 12px;
  font-size: 0.75rem;
  color: #999;
  display: none;
}

.nf-author-image {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.nf-content {
  margin-left: 110px;
  margin-bottom: 10px;
  line-height: 1;
}

.nf-headline {
  margin-left: 110px;
}

.nf-title {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  margin-top: -2px;
  margin-bottom: 5px;
}
.nf-title a {
  color: black;
}

.nf-image-box {
  float: left;
  width: 100px;
  margin-bottom: 10px;
  z-index: 1;
}
.nf-image-box .image {
  position: relative;
}
.nf-image-box img {
  width: 100%;
}
.nf-image-box .icon-video,
.nf-image-box .icon-gallery {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #24aae1;
  width: 18px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  text-align: center;
  padding: 3px 5px;
}

.nf-excerpt {
  font-size: 19px;
  font-size: 1.1875rem;
}

.nf-content .blog {
  float: left;
  display: block;
  content: "";
  width: 117px;
  height: 20px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px -815px;
  background-size: 57px;
}

.nf-post-type-quiz:before {
  float: left;
  content: "Quiz";
  display: inline-block;
  margin: 0 5px 2px 0;
  padding: 4px 14px;
  font-weight: bold;
  background: #6cb42c;
  border: 1px solid #6cb42c;
}

.nf-blog .nf-post-type:before {
  float: left;
  content: "Blog";
  display: inline-block;
  margin: 0 5px 2px 0;
  padding: 4px 14px;
  font-weight: bold;
}

.nf-social {
  padding: 0 10px 0 0;
}
.nf-social .icon-facebook,
.nf-social .icon-twitter,
.nf-social .icon-google-plus-2 {
  display: inline-block;
  position: static;
  vertical-align: middle;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33px;
  height: 25px;
  font-size: 18px;
  line-height: 25px;
  color: white;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
}
.nf-social .icon-facebook:hover,
.nf-social .icon-facebook:active,
.nf-social .icon-twitter:hover,
.nf-social .icon-facebook:active,
.nf-social .icon-google-plus-2:hover,
.nf-social .icon-google-plus-2:active {
  text-decoration: none;
}
.nf-social .icon-facebook {
  color: #3b5998;
  background-color: white;
}
.nf-social .icon-twitter {
  color: #17abed;
  background-color: white;
}
.nf-social .icon-google-plus-2 {
  color: #dd4b39;
  background-color: white;
}
.nf-social .blog {
  float: left;
}
.nf-social .post-type {
  padding: 1px 10px;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
}

.nf-social-mobile {
  width: 100px;
  margin-top: 10px;
}

.nf-social-desktop {
  display: none;
}

.nf-social-buttons {
  overflow: hidden;
}

.nf-share-count {
  margin-top: 5px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
}

#news-feed-scroll-more {
  width: 160px;
  margin: 30px auto;
  padding: 5px;
  border: 1px solid #bac4de;
  color: #7589bc;
  text-align: center;
}
#news-feed-scroll-more div {
  width: 43px;
  height: 12px;
  margin: 7px auto 0;
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/chevron-down-blue.png?10);
  background-repeat: no-repeat;
}

.is-visited.is-zone .nf-post-box {
  margin-left: 0  !important;
}
.is-visited .nf-excerpt,
.is-visited .nf-headline {
  margin-left: 0 !important;
}

.error {
  font-size: 12px;
  padding: 0 0 5px 0;
  color: #FF0000;
}

input.error,
textarea.error {
  background: #FFD2D2;
  color: #000000;
}

#comments {
  margin: 40px 0;
}

#comments-loading {
  padding: 40px 20px 40px;
  color: #ccc;
  text-align: center;
}

.comment-respond {
  margin-bottom: 20px;
}

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
  max-width: 1040px;
  padding-left: 60px;
  padding-right: 376px;
}

.comment-list,
.comment-list .children {
  list-style-type: none;
  padding: 0;
}

.comment-list .children {
  margin-left: 20px;
}

.comment-list > li:after,
.comment-list .children > li:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
}

.comment-list > li:last-child:after {
  display: none;
}

.comment-list .comment-respond {
  margin-top: 30px;
}

.comment {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px;
  border-top: 1px solid #ddd;
}

.comment-body {
  overflow: hidden;
  font-size: 13px;
  line-height: 1.25;
}

.comment-author {
  float: left;
  font-size: 11px;
}

.comment-author .avatar {
  display: block;
  margin-right: 10px;
}

.comment-author-name {
  margin-bottom: 10px;
  word-wrap: break-word;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
}

.comment-text {
  margin-bottom: 10px;
}

.comment-text p {
  margin-bottom: 0.5em;
}

.reply {
  float: left;
}

.says {
  display: none;
}

.no-avatars .comment-author {
  margin: 0 0 5px;
  max-width: 100%;
  position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
  width: 100%;
}

.bypostauthor > .comment-body .fn:before {
  content: "\f408";
  vertical-align: text-top;
}

.comment-list .edit-link {
  margin-left: 20px;
}

.comment-meta,
.comment-meta a {
  color: #a2a2a2;
  font-size: 13px;
}

.comment-meta a:hover {
  color: #ea9629;
}

.comment-metadata {
  margin-bottom: 20px;
}

.ping-meta {
  color: #a2a2a2;
  font-size: 13px;
  line-height: 2;
}

.comment-awaiting-moderation {
  color: #a2a2a2;
}

.comment-awaiting-moderation:before {
  content: "\f414";
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.reply {
  float: left;
  margin-right: 10px;
}

.comment-metro-social {
  background: #efeff3;
  border-top-color: transparent;
}

/* Comment form */
.logged-in-as,
.must-log-in {
  margin-bottom: 10px;
}

.comment .comment-respond {
  margin-bottom: 20px;
  padding: 20px;
}

.comment-reply-title {
  display: none;
}

.comment-list .comment-reply-title {
  display: block;
  color: #999;
  font-size: 14px;
  padding: 0 0 10px;
}

.comment-reply-title small a {
  color: #999;
  display: block;
  float: right;
}

.comment-reply-title small a:hover {
  color: #ed331c;
  text-decoration: none;
}

.comment-reply-title small a:before {
  content: "\2715";
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
  padding: 0;
}

.comment-form .comment-notes {
  margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
  margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
  float: left;
  margin-bottom: 10px;
}

.comment-form .required {
  color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  max-width: 270px;
  width: 60%;
}

.comment-form input[type="submit"] {
  margin: 0;
}

.comment-form textarea {
  width: 100%;
  margin: 0 0 10px;
  padding: 5px;
  border-color: #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
}

.comment-form .form-submit {
  text-align: right;
}

.form-allowed-tags,
.form-allowed-tags code {
  color: #686758;
  font-size: 12px;
}

.form-allowed-tags code {
  font-size: 10px;
  margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
  padding-top: 24px;
}

.comment-navigation {
  font-size: 14px;
  margin: 0 auto;
  padding: 20px 0 30px;
  width: 100%;
}

.no-comments {
  background-color: #f7f5e7;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  margin: 0;
  padding: 40px 0;
  text-align: center;
}

.comment-navigation h1 {
  display: none;
}

.comment-navigation .nav-next {
  float: right;
}

.sidebar .no-comments {
  padding-left: 60px;
  padding-right: 376px;
}

.club-item {
  display: inline-block;
  width: 25%;
  margin: 5px 0;
  text-align: center;
}

.club {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
  margin: 0 auto;
}

.clubs-sprite, .clubs-arsenal-fc, .clubs-aston-villa-fc, .clubs-burnley-fc, .clubs-chelsea-fc, .clubs-crystal-palace-fc, .clubs-everton-fc, .clubs-hull-city-fc, .clubs-leicester-city-fc, .clubs-liverpool-fc, .clubs-manchester-city-fc, .clubs-manchester-united-fc, .clubs-newcastle-united-fc, .clubs-qpr-fc, .clubs-southampton-fc, .clubs-stoke-city-fc, .clubs-sunderland-fc, .clubs-swansea-city-fc, .clubs-tottenham-hotspur-fc, .clubs-west-bromwich-albion-fc, .clubs-west-ham-united-fc {
  background: url(/wp-content/themes/vip/metrouk/css/../img/clubs-s2b8d7e0d0d.png) no-repeat;
}

.clubs-arsenal-fc {
  background-position: 0 -576px;
}

.clubs-aston-villa-fc {
  background-position: 0 -672px;
}

.clubs-burnley-fc {
  background-position: 0 -624px;
}

.clubs-chelsea-fc {
  background-position: 0 -768px;
}

.clubs-crystal-palace-fc {
  background-position: 0 -384px;
}

.clubs-everton-fc {
  background-position: 0 -192px;
}

.clubs-hull-city-fc {
  background-position: 0 -864px;
}

.clubs-leicester-city-fc {
  background-position: 0 -144px;
}

.clubs-liverpool-fc {
  background-position: 0 -48px;
}

.clubs-manchester-city-fc {
  background-position: 0 0;
}

.clubs-manchester-united-fc {
  background-position: 0 -720px;
}

.clubs-newcastle-united-fc {
  background-position: 0 -96px;
}

.clubs-qpr-fc {
  background-position: 0 -288px;
}

.clubs-southampton-fc {
  background-position: 0 -336px;
}

.clubs-stoke-city-fc {
  background-position: 0 -528px;
}

.clubs-sunderland-fc {
  background-position: 0 -480px;
}

.clubs-swansea-city-fc {
  background-position: 0 -912px;
}

.clubs-tottenham-hotspur-fc {
  background-position: 0 -816px;
}

.clubs-west-bromwich-albion-fc {
  background-position: 0 -432px;
}

.clubs-west-ham-united-fc {
  background-position: 0 -240px;
}

.world-cup-teams-widget ul {
  text-align: center;
}

.world-cup-sprite, .world-cup-algeria-national-team, .world-cup-argentina-national-team, .world-cup-australia-national-team, .world-cup-belgium-national-team, .world-cup-bosnia-herzegovina-national-team, .world-cup-brazil-national-team, .world-cup-cameroon-national-team, .world-cup-chile-national-team, .world-cup-colombia-national-team, .world-cup-costa-rica-national-team, .world-cup-croatia-national-team, .world-cup-ecuador-national-team, .world-cup-england-national-team, .world-cup-france-national-team, .world-cup-germany-national-team, .world-cup-ghana-national-team, .world-cup-greece-national-team, .world-cup-honduras-national-team, .world-cup-iran-national-team, .world-cup-italy-national-team, .world-cup-ivory-coast-national-team, .world-cup-japan-national-team, .world-cup-mexico-national-team, .world-cup-netherlands-national-team, .world-cup-nigeria-national-team, .world-cup-portugal-national-team, .world-cup-russia-national-team, .world-cup-south-korea-national-team, .world-cup-spain-national-team, .world-cup-switzerland-national-team, .world-cup-uruguay-national-team, .world-cup-usa-national-team {
  background: url(/wp-content/themes/vip/metrouk/css/../img/world-cup-s74cbd42fac.png) no-repeat;
}

.world-cup-algeria-national-team {
  background-position: 0 -768px;
}

.world-cup-argentina-national-team {
  background-position: 0 -1056px;
}

.world-cup-australia-national-team {
  background-position: 0 -192px;
}

.world-cup-belgium-national-team {
  background-position: 0 -432px;
}

.world-cup-bosnia-herzegovina-national-team {
  background-position: 0 -240px;
}

.world-cup-brazil-national-team {
  background-position: 0 -816px;
}

.world-cup-cameroon-national-team {
  background-position: 0 -480px;
}

.world-cup-chile-national-team {
  background-position: 0 -48px;
}

.world-cup-colombia-national-team {
  background-position: 0 0;
}

.world-cup-costa-rica-national-team {
  background-position: 0 -384px;
}

.world-cup-croatia-national-team {
  background-position: 0 -720px;
}

.world-cup-ecuador-national-team {
  background-position: 0 -1104px;
}

.world-cup-england-national-team {
  background-position: 0 -672px;
}

.world-cup-france-national-team {
  background-position: 0 -144px;
}

.world-cup-germany-national-team {
  background-position: 0 -1152px;
}

.world-cup-ghana-national-team {
  background-position: 0 -1008px;
}

.world-cup-greece-national-team {
  background-position: 0 -1488px;
}

.world-cup-honduras-national-team {
  background-position: 0 -1200px;
}

.world-cup-iran-national-team {
  background-position: 0 -1392px;
}

.world-cup-italy-national-team {
  background-position: 0 -1296px;
}

.world-cup-ivory-coast-national-team {
  background-position: 0 -960px;
}

.world-cup-japan-national-team {
  background-position: 0 -1440px;
}

.world-cup-mexico-national-team {
  background-position: 0 -96px;
}

.world-cup-netherlands-national-team {
  background-position: 0 -864px;
}

.world-cup-nigeria-national-team {
  background-position: 0 -528px;
}

.world-cup-portugal-national-team {
  background-position: 0 -912px;
}

.world-cup-russia-national-team {
  background-position: 0 -336px;
}

.world-cup-south-korea-national-team {
  background-position: 0 -576px;
}

.world-cup-spain-national-team {
  background-position: 0 -624px;
}

.world-cup-switzerland-national-team {
  background-position: 0 -1248px;
}

.world-cup-uruguay-national-team {
  background-position: 0 -1344px;
}

.world-cup-usa-national-team {
  background-position: 0 -288px;
}

.game .spinner {
  display: block;
  position: static;
  margin: 50px auto;
}
.game .spinner > div {
  background-color: #ddd;
}
.game .notice {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-size: 1.25rem;
}

.metro-quizzicle {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto 20px;
  counter-reset: section;
}
.metro-quizzicle img {
  max-width: 100%;
}

a.quiz-audio {
  background: #00AEFF;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  font-family: "ScoutBold";
  text-align: center;
  font-size: 20px;
  line-height: 47px;
  height: 45px;
  padding: 0 10px 0 45px;
  cursor: pointer;
}
a.quiz-audio:hover, a.quiz-audio:visited, a.quiz-audio:active, a.quiz-audio:focus {
  color: white;
}
a.quiz-audio:before {
  content: " ";
  background: url(/wp-content/themes/vip/metrouk/css/../img/quiz-audio-icon.svg);
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
}

.quiz-item {
  padding: 20px 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 350ms;
  -o-transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
}

.fadeout .quiz-item {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
  opacity: 0.45;
}
.fadeout .quiz-label {
  cursor: default;
}

.quiz-img-container {
  margin: 0 auto;
  table-layout: fixed;
}

.quiz-img {
  display: block;
  margin: 0 auto 10px;
}

.quiz-img-credits {
  margin: -7px auto 10px;
  font-size: 12px;
  color: #888;
  text-align: left;
}

.quiz-question {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1.2;
  counter-reset: subsection;
}

.quiz-question:before {
  counter-increment: section;
  content: counter(section) ". ";
  font-weight: bold;
}

.quiz-answers {
  font-size: 18px;
  line-height: 1.25;
}
.quiz-answers li {
  padding: 5px 0;
  list-style-type: none;
}
.quiz-answers span {
  display: inline-block;
  vertical-align: middle;
}

ul.quiz-answers {
  list-style: none;
  margin: 0;
  padding: 0;
}

.quiz-answer-2-up,
.quiz-answer-4-up {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48.461538462%;
  vertical-align: top;
}
.quiz-answer-2-up:first-child, .quiz-answer-2-up:nth-child(3),
.quiz-answer-4-up:first-child,
.quiz-answer-4-up:nth-child(3) {
  margin-right: 3.076923077%;
}
.quiz-answer-2-up .quiz-label,
.quiz-answer-4-up .quiz-label {
  padding: 20px;
}

.quiz-answer-6-up {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.307692308%;
  vertical-align: top;
}
.quiz-answer-6-up:first-child, .quiz-answer-6-up:nth-child(2), .quiz-answer-6-up:nth-child(4), .quiz-answer-6-up:nth-child(5) {
  margin-right: 1.538461538%;
}

.quiz-answer-4-up:first-child, .quiz-answer-4-up:nth-child(2) {
  margin-bottom: 10px;
}

.quiz-answer-img {
  width: 100%;
}

.quiz-answer-img-credits {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px;
  font-size: 10px;
  line-height: 12px;
  background: rgba(0, 0, 0, 0.4);
  color: #ddd;
}

.quiz-result {
  min-height: 400px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #eee;
  background: #fafafa url(/wp-content/themes/vip/metrouk/css/../img/question-mark.svg) no-repeat center;
  background-size: 200px;
  line-height: 1.3;
}
.quiz-result .quiz-img-credits {
  margin: -17px auto 20px;
}

.quiz-result.finished {
  background-image: none;
  background-color: black;
  color: white;
}

.quiz-result-img {
  display: block;
  margin: 20px auto;
}

.quiz-result-text {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}

.quiz-result-head,
.single-post .quiz-result-head {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  float: none;
}

.quiz-result-title,
.single-post .quiz-result-title {
  font-size: 28px;
  font-weight: bold;
  color: #ddd;
  text-align: center;
}

/* Profile comparison */
.quiz-comparison {
  margin-top: 40px;
  text-align: center;
}

.quiz-comp-text {
  margin: 0 auto;
  font-size: 120px;
  line-height: 1em;
}

.quiz-comp-subtext {
  margin-bottom: 40px;
}

.quiz-comp-profile {
  width: 60%;
  margin: 0 auto;
}

.content .quiz-comp-title {
  margin: 0 auto 20px;
  color: #ddd;
  font-weight: bold;
  font-size: 24px;
}

.quiz-comp-img {
  width: 80%;
}
.quiz-comp-img .quiz-img-credits {
  margin-top: 3px;
}

/* Radio buttons */
.quiz-input {
  display: none;
}

.quiz-label {
  display: table;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 8px;
  cursor: pointer;
  background: #f0f0f0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-box-shadow: 1px 1px 0 #cccccc;
  -webkit-box-shadow: 1px 1px 0 #cccccc;
  box-shadow: 1px 1px 0 #cccccc;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 1, Direction = 135, Color = '#cccccc');
  color: black;
  font-size: 20px;
}
.quiz-label span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.quiz-img-answer {
  padding: 3px 0 !important;
}
.quiz-img-answer .quiz-label {
  display: block;
}

.quiz-radio {
  display: inline-block;
  vertical-align: middle;
  width: 31px;
  height: 31px;
  margin-right: 10px;
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/radio-button.png) no-repeat;
  background-size: 29px;
}

.quiz-input:checked + .quiz-label {
  background: #333;
  color: white;
}
.quiz-input:checked + .quiz-label .quiz-radio {
  background-position: 0 -29px;
}

.is-finished .quiz-input:checked + .quiz-label {
  background: #f0f0f0;
  color: inherit;
}
.is-finished .is-answer .quiz-label {
  background: #6cb42c !important;
}
.is-finished li:not(.is-answer) .quiz-input:checked + .quiz-label {
  background: red;
}

.is-answered .quiz-img-answer {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.fadeout .is-answered .quiz-img-answer,
.quiz-img-answer.is-selected {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* Instant Feedback Changes */
.is-completed.is-answer .quiz-label,
.is-completed.is-answer .quiz-input:checked + .quiz-label {
  background: #7ed321;
}

.is-false .quiz-input:checked + .quiz-label {
  background: #FF1957;
}

/* Share buttons */
.game-share-buttons {
  text-align: center;
  margin: 40px auto 0;
}
.game-share-buttons a {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.game-share-buttons a:hover {
  text-decoration: none;
}
.game-share-buttons .btn {
  display: inline-block;
  width: 200px;
  height: 50px;
  margin: 0 10px 20px;
  border: none;
  padding: 5px 5px 5px 50px;
  overflow: hidden;
  vertical-align: middle;
  color: white;
  text-align: left;
  font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;
  font-size: 15px;
  line-height: 1.1;
  cursor: pointer;
}
.game-share-buttons .btn:focus {
  outline: none;
}
.game-share-buttons .facebook {
  background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/facebook-f-white.svg) no-repeat 9px center;
  background-size: 35px;
}
.game-share-buttons .twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/twitter-bird-white.svg) no-repeat 7px center;
  background-size: 40px;
}

/* Wordicle */
.wordicle {
  margin: 60px auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 20px;
  color: black;
}
.wordicle dd {
  display: block;
  margin: 20px 0;
  font-size: 48px;
  line-height: 1;
}

#wordicle-generate {
  text-decoration: none;
  color: #FF0075;
}
#wordicle-generate:hover {
  text-decoration: underline;
  color: black;
}

/* Namicle */
.namicle {
  width: 300px;
  margin: 50px auto;
  overflow: hidden;
}
.namicle input[type=submit] {
  display: block;
  margin: 10px 0 0;
  padding: 8px 16px;
  font-size: 16px;
  border: none;
  background: #6cb42c;
  color: #333;
  cursor: pointer;
  text-align: center;
  line-height: 1;
  color: white;
}
.namicle input[type=submit]:hover {
  background: #3b6318;
}
.namicle input[type=submit]:focus {
  outline: 0;
}
.namicle .game-share-buttons .btn {
  display: block;
  margin: 10px auto;
}

.nam-content {
  width: 300px;
  margin: 0 auto;
}

.nam-message {
  max-width: 460px;
  margin: 0 auto 20px;
}

.nam-name {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  min-width: 300px;
  font-size: 16px;
}

.nam-finished {
  margin-top: 40px;
  padding: 20px;
  background-color: black;
  color: white;
  text-align: center;
}

.nam-output > p {
  margin-bottom: 0;
  color: #666;
}

.nam-result {
  font-size: 24px;
  font-weight: bold;
}

/* Selecticle */
.selecticle {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px auto;
  padding: 3%;
  border: 1px solid #ccc;
}
.selecticle label {
  color: #333;
}

h2.sel-title {
  margin-bottom: 2rem;
  font-size: 2rem;
  text-align: center;
}

#sel-input-view,
#sel-output-view {
  height: 0;
  overflow: hidden;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#sel-input-view.is-active,
#sel-output-view.is-active {
  height: auto;
}

.sel-button.is-disabled {
  opacity: 0.5;
}

.sel-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  margin-bottom: 1rem;
  padding: 5px;
  font-size: 1.5rem;
  border-color: #666;
  border-radius: 0;
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/sprite-2.svg?10);
  background-position: right 2px;
  background-repeat: no-repeat;
}

.sel-input[type=text] {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1rem;
  border-color: #666;
  font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;
  font-size: 1.5rem;
  background: transparent;
}

.sel-button[type=button] {
  width: 100%;
  padding: 10px;
  font-size: 1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border-color: transparent;
  background: #6cb42c;
  color: white;
  font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;
}

.sel-button[type=button]:hover {
  background: #3E6919;
}

#sel-submit {
  margin-top: 1rem;
}

.sel-endtitle {
  margin-bottom: 2rem;
  font-size: 1.2rem;
}

.sel-result {
  font-size: 2rem;
  line-height: 1.1;
  text-align: center;
}
.sel-result span {
  font-weight: bold;
  color: #7589bc;
}

.game-again {
  display: block;
  width: 200px;
  height: 50px;
  margin: 0 auto;
  padding: 5px;
  color: white;
  background: #6cb42c;
  font-family: 'Lucida Grande', 'Lucida Sans', sans-serif;
  font-size: 15px;
  vertical-align: middle;
  border: none;
}
.game-again span {
  vertical-align: middle;
}
.game-again .icon {
  display: inline-block;
  position: static;
  padding-right: 10px;
  background: transparent;
  color: white;
  font-weight: bold;
  font-size: 22px;
  vertical-align: middle;
}

.game-again:hover {
  background: #3E6919;
}

.metro-quizzicle .game-again {
  margin-top: 40px;
}

#try-again {
  margin: 20px auto 0;
}

.notice.try-again p:first-of-type {
  margin-top: 2.75rem;
}

/* Comparicle */
.comparicle {
  position: relative;
  min-height: 200px;
  margin: 40px 0;
  text-align: center;
}
.comparicle .spinner {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -35px;
}

.game-view {
  display: none;
}
.game-view.is-active {
  display: block;
}

.comp-output-view.is-active {
  display: inline-block;
}

.comparicle .comp-title {
  margin-bottom: 10px;
  font-size: 18px;
  text-align: center;
}

.comp-opts {
  display: none;
  overflow: hidden;
}
.comp-opts.is-active {
  display: block;
}

.comp-opt-thumb {
  position: relative;
  float: left;
  width: 48.461538461%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.comp-opt-thumb.left {
  margin-right: 3.076923076%;
}

.comp-reveal-container {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -1em;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.comp-reveal {
  display: none;
  padding: 0.5em;
  background: white;
}

.comp-answer {
  display: none;
  padding: 10px;
  background: black;
  color: white;
  text-align: center;
}
.comp-answer .right {
  display: none;
}

.is-right .wrong {
  display: none;
}
.is-right .right {
  display: block;
}

.is-answered .comp-reveal {
  display: inline-block;
}
.is-answered .comp-answer {
  display: block;
}
.is-answered .comp-opt-text {
  display: none;
}
.is-answered .comp-opt-thumb {
  cursor: default;
}
.is-answered .comp-opt-thumb img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

.comp-inputs {
  clear: both;
  overflow: hidden;
  padding-top: 10px;
  font-size: 14px;
  cursor: pointer;
}

.comp-opt-text {
  float: left;
  width: 48.461538461%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #eee;
  text-align: center;
}
.comp-opt-text.left {
  margin-right: 3.076923076%;
}

.comp-outcome {
  padding: 20px;
  background: black;
  color: white;
}

.comp-score {
  font-weight: bold;
  font-size: 72px;
  line-height: 1;
  text-align: center;
}

.comp-verdict {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
}

/* Click to reveal */
.clk-text {
  display: table;
  width: 300px;
  margin: 20px auto;
  overflow: hidden;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  border: 1px solid #333;
}
.clk-text .clk-button-container,
.clk-text .clk-message-container {
  display: table-cell;
  width: 300px;
  vertical-align: middle;
  padding: 10px;
  text-align: center;
}
.clk-text .clk-message-container {
  background: black;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
}

.clk-image {
  display: table;
  margin: 20px auto;
  font-size: 20px;
  line-height: 1.2;
}
.clk-image img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.clk-image .clk-button-container,
.clk-image .clk-message-container {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.clk-image .clk-intro {
  font-size: 16px;
}

.clk-button {
  text-align: center;
}

.clk-reveal-container {
  cursor: pointer;
}

.clk-message {
  text-align: center;
  vertical-align: middle;
}

.clk-intro {
  font-size: 20px;
  color: gray;
  font-weight: normal;
}

/* REFACTOR: Move ".metro-poll-card" styles from media-query-*.scss to this file */
.metro-poll-card {
  margin: 10px 0 0;
  padding: 10px 5px 5px;
  background-color: #f0f0f0;
  color: black;
  font-size: 16px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .metro-poll-card {
    font-weight: bold;
  }
}
.metro-poll-card ul {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
  margin: 1px auto 0;
  text-align: center;
  list-style: none;
}

.mpc-option {
  width: 135px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background-color: #454545;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  padding: 10px 0 !important;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  margin: 5px;
}

.mpc-label {
  padding: 0 5px;
  display: inline-block;
}

.mpc-score {
  margin-bottom: 5px;
}

.mpc-score,
.mpc-score-bar-container,
.mpc-score-bar {
  display: none;
}

.is-clickable .mpc-option {
  cursor: pointer;
}
.is-clickable .mpc-option:hover {
  background-color: black;
}

.is-answered .mpc-score {
  display: block;
}
.is-answered .mpc-majority {
  background-color: #fff;
  color: #193989;
}

/* Default *
	-------------------------------------------------------------- */
/* Layout */
.pageBackground {
  padding: 0 10px 10px;
  background-color: #fff;
}

#sidebar,
#channel-sidebar-top {
  display: none;
}

/* Masthead */
#topBar {
  display: none;
}

.show-legals #topBar {
  display: block;
}

.show-legals .cookie-notice {
  display: block;
}

.menu-top-nav-menu-container {
  display: none;
}

#metro-logo {
  display: block;
  width: 302px;
  height: 76px;
  margin: 0 auto 8px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-orange.svg) center 0 no-repeat;
  background-size: contain;
}

.ie8 #metro-logo {
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-orange-300x74.png);
}

.poppy {
  position: absolute;
  top: -6px;
  right: -9px;
  width: 22px;
}

/* Nav menu - mobile */
.nav-menu .current-menu-item a,
.has-hover .nav-menu a:hover,
.has-hover .sub-menu a:hover,
.nav-menu .current-post-ancestor > a,
.nav-menu .current-menu-ancestor > a {
  color: #ffc000;
}

.submenu-title {
  display: none !important;
}

/* Temp search link in nav */
#masthead .icon-search {
  display: inline-block;
  position: static;
  float: left;
  line-height: 35px;
  margin-right: 7px;
}

#breaking-news {
  margin-bottom: 10px;
  padding: 5px 2px;
  background: #fefcfa;
  color: #e40135;
  font-size: 14px;
  line-height: 1.1;
}
#breaking-news .label {
  font-weight: bold;
}

.breaking-news-post {
  margin-bottom: 10px;
}
.breaking-news-post img {
  width: 100%;
  max-width: 100%;
}
.breaking-news-post .title {
  font-size: 28px;
  margin: 5px 0;
}
.breaking-news-post .excerpt {
  display: none;
}

.tags {
  display: block;
  font-size: 18px;
  line-height: 1.5;
}
.tags a {
  display: inline-block;
  min-height: 33px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0 10px;
  background-color: #f0f0f0;
  color: black;
  line-height: 33px;
}
.tags a:hover {
  text-decoration: none;
}
.tags a:last-of-type {
  margin-right: 0;
}

.more-tags {
  margin-bottom: 10px;
}
.more-tags h2 {
  margin-right: 10px;
}

.tag-page-top,
.author-page-top {
  overflow: hidden;
  margin-bottom: 15px;
}
.tag-page-top img,
.author-page-top img {
  width: 100%;
  max-width: 100%;
}
.tag-page-top .title,
.author-page-top .title {
  margin-bottom: 10px;
  padding: 8px 0 0;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1;
}
.tag-page-top .excerpt,
.author-page-top .excerpt {
  font-size: 14px;
}

.post-meta-top .post-category {
  display: block;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 6px 0 0;
  line-height: 1.5em;
  color: #999;
}

/* Fix for inline wps images */
.img-cnt,
.wps-image {
  width: 100% !important;
  height: auto !important;
}

#ad-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  background: white;
  margin-left: 0;
}

#ad-overlay-metro-logo {
  height: 28px;
  width: auto;
}

.metro-sticky-banner-on #ad-top {
  position: fixed;
  z-index: 1000000000;
  top: 0;
  left: 0;
  right: 0;
  background: white;
}

.metro-sticky-banner-on.show-legals #ad-top {
  top: 20px;
}

/* Tiles */
.tiles .teaser {
  width: 47%;
}

.tiles .teaser.wide {
  width: 97%;
}

.tiles .teaser.hero_large .title {
  font-size: 28px;
  line-height: 1em;
}

/* Galleries */
.gallery.tiles .teaser {
  width: 47%;
}

#single-image-content {
  padding-top: 10px;
}

.gallery-nav .gallery-title {
  margin: 0 auto 10px auto;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
}

.gallery.embedded,
.gallery.embedded .outer,
.gallery.embedded .inner,
.gallery.embedded .next-image,
.gallery.embedded .prev-image {
  height: 100px;
}

.gallery.embedded {
  position: relative;
  margin: 20px 0 40px 0;
}

.gallery.embedded .title {
  display: block;
  text-align: center;
  margin: 5px 0 10px 0;
  font-size: 12px;
}

.gallery.embedded .outer {
  position: relative;
  margin: 10px 30px 0 30px;
  overflow: hidden;
}

.gallery.embedded .inner {
  position: relative;
  display: inline-block;
  width: 10000px;
}

.gallery.embedded .next-image,
.gallery.embedded .prev-image {
  position: absolute;
  top: 0;
  margin: 0;
  width: 25px;
  background-color: #999;
}

.gallery.embedded .next-image:hover,
.gallery.embedded .prev-image:hover {
  background-color: #ccc;
}

.gallery.embedded .next-image:active,
.gallery.embedded .prev-image:active {
  background-color: #999;
}

.gallery.embedded .prev-image {
  left: 0;
}

.gallery.embedded .next-image {
  right: 0;
}

.gallery.embedded .next-image span,
.gallery.embedded .prev-image span {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 22px;
  margin: -10px 5px 0 5px;
  text-decoration: none;
}

.gallery.embedded .next-image span {
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat -28px -205px;
}

.gallery.embedded .prev-image span {
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat -2px -205px;
}

.gallery.embedded img {
  width: auto;
  max-width: inherit;
  max-height: 100%;
  margin: 0 5px 20px 0;
}

/* Gallery Listicles */
.listicle-item {
  position: relative;
}

/* Trending */
.trending li {
  margin-bottom: 10px;
  overflow: hidden;
}

.trending h3 {
  font-size: 16px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  line-height: 1.2;
}

/* "On the Blogs" list */
.blogs-list {
  overflow: hidden;
  /* Clearing floats */
  margin: 0 0 20px;
}

.blg-teaser {
  display: table;
  width: 49%;
}
.blg-teaser img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

/* List carousel widget */
.list-carousel-widget .carousel {
  position: relative;
  width: 260px;
  margin: 0 auto;
  padding: 0 30px;
}

.list-carousel-widget .slide-wrapper {
  width: 240px;
  margin: 0 auto;
}

.list-carousel-widget .teaser {
  margin: 0 10px;
  font-size: 13px;
}

/* Multiple Galleries Widget */
.category-galleries-widget {
  text-align: center;
  margin: 0 -10px 5px 0;
  overflow: auto;
}

.category-galleries-widget .teaser {
  float: left;
  display: block;
  margin: 0 10px 10px 0;
  width: 30%;
}

.category-galleries-widget .teaser img {
  width: 100%;
}

/* Category posts widget */
.category-posts-widget {
  border-bottom: 3px solid #ddd;
  margin: 0 0 5px 0;
}

.category-posts-widget .item {
  margin: 0 0 10px 0;
}

.category-posts-widget .item img {
  display: none;
}

.category-posts-widget .item .title {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.category-posts-widget .item .meta {
  margin: 5px 0 0 0;
  font-size: 12px;
  color: #999;
}

.category-posts-widget .item .meta a[rel="author"] {
  margin: 0 4px 0 0;
}

.category-posts-widget .item-1 .title {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}

/* List carousel widget */
.list-carousel-widget .carousel {
  position: relative;
  width: 240px;
  margin: 0 auto;
  padding: 0 30px;
}

.list-carousel-widget .slide-wrapper {
  width: 240px;
  margin: 0 auto;
}

.list-carousel-widget .teaser {
  margin: 0 10px;
  font-size: 13px;
}

.blogs-header {
  margin: 0 auto 10px;
  padding: 5px;
  background: #00aeff;
}

.blogs-logo {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: white;
}
.blogs-logo:hover {
  text-decoration: none;
}

.blogs-header span {
  display: none;
}

/* Footer */
#page-bottom-base {
  float: left;
  margin: 10px auto 45px 10px;
  vertical-align: bottom;
}

#footer-links {
  overflow: hidden;
  clear: left;
}

#footer-links > ul > li {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

#footer-links .is-metro-phone-app > li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
}

.is-metro-phone-app > li > a:after {
  content: '|';
  color: #ddd;
  padding-left: 10px;
}

.is-metro-phone-app > li:last-child > a:after {
  content: none;
}

#footer-links .is-metro-phone-app > li > a {
  display: block;
}

#powered-by {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 11px;
  color: #ccc;
}

#powered-by a,
#debug-container a {
  color: #b1bfe6;
}

#powered-by .copyright {
  display: block;
  height: auto;
}

#debug-container {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #ccc;
}

/* Facebook comments */
#fb-comments-area {
  margin: 0 auto;
  background-color: #fff;
}
#fb-comments-area.is-active {
  padding-bottom: 10px;
}

#fb-comments-container {
  display: none;
}

.comment-show {
  display: block;
  height: 32px;
  margin: 0 auto 20px;
  vertical-align: middle;
  background: #e8e8e8;
  color: #888888;
  text-decoration: none;
  text-align: center;
  line-height: 32px;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
  font-size: 15px;
}
.comment-show:hover {
  text-decoration: none;
}

.fb-comments,
.fb-comments iframe[style],
.fb-comments > span[style] {
  width: 100% !important;
}

.comment-down-arrow {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 32px;
  vertical-align: middle;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite-2.svg?10) no-repeat -11px -64px;
  overflow: hidden;
}

.ie7 .comment-down-arrow,
.ie8 .comment-down-arrow {
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite-2.png?10) no-repeat 0 -53px;
}

.is-active .comment-show {
  background: #1a1c59;
  color: white;
}
.is-active .comment-down-arrow {
  background: none;
}
.is-active .comment-down-arrow:before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite-2.svg?10) no-repeat -6px -110px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.is-active #fb-comments-container {
  display: block;
}

/* loading */
.spinner {
  display: none;
  z-index: 99;
  margin-left: -55px;
  padding: 20px;
  width: 70px;
  height: 30px;
  text-align: center;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

#spinner {
  position: fixed;
  left: 50%;
  bottom: 20px;
}

.ie7 .spinner,
.ie8 .spinner {
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/spinner.gif);
  background-repeat: no-repeat;
  background-position: 35px 15px;
}

.spinner > div {
  width: 18px;
  height: 18px;
  margin-top: 7px;
  background-color: #888;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
}

.ie7 .spinner > div,
.ie8 .spinner > div {
  display: none;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/* Fix for YouTube videos on Android */
.embed-youtube,
.youtube-player {
  max-width: 300px !important;
  max-height: 182px !important;
  margin: auto;
}

.BrightcoveExperience {
  display: block;
  max-width: 300px !important;
  max-height: 182px !important;
  margin: 0 auto 1em;
}

/* Temp - to fix unwanted duplicate images in content */
#post-content figure + img,
#post-content img + img,
#post-content figure + p > img {
  display: none !important;
}

/* Google custom search */
.gsc-result a.gs-title,
.gsc-result a.gs-title b {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px !important;
  text-decoration: none !important;
}

.gsc-table-result {
  font-size: 13px !important;
  line-height: 1.2;
}

.sorry {
  margin-top: 2em;
  text-align: center;
}

#widget-area-channel-top .just-in-widget,
#widget-area-channel-top .ad-slot-container,
#widget-area-channel-top .trending-sidebar {
  float: right;
  display: none;
  width: 300px;
}

.ie8 #widget-area-home-top .mosaic {
  clear: none;
  width: 660px;
  float: left;
}
.ie8 #widget-area-home-top .just-in-widget,
.ie8 #widget-area-home-top .ad-slot-container,
.ie8 #widget-area-home-top .trending-sidebar {
  display: block;
}

.just-in-widget {
  position: relative;
  width: 300px;
  overflow: hidden;
}
#channel-sidebar-top .just-in-widget {
  margin-top: 20px;
}
.just-in-widget h2:after {
  border-bottom: none !important;
}
.just-in-widget h2 span {
  background-color: #ffc000;
  color: black;
  text-transform: uppercase;
}

.ji-item {
  margin-bottom: 10px;
}

.ji-item.is-invisible {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 300px;
}

.ji-image {
  float: left;
  width: 145px;
  height: 109px;
  overflow: hidden;
}
.ji-image img {
  width: 100%;
}

.ji-text {
  font-family: 'ScoutBold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin-left: 155px;
  color: black;
  line-height: 1.1;
}

.ji-sponsored {
  font-size: 12px;
  font-size: 0.75rem;
  color: orange;
  margin-left: 155px;
  margin-top: 7px;
}

.ji-add-slot-MPU {
  width: 100%;
  height: 300px;
}

.ji-add-slot-double-MPU {
  width: 100%;
  height: 600px;
}

@media screen and (min-width: 1024px) {
  #widget-area-channel-top .mosaic {
    clear: none;
    width: 660px;
    float: left;
  }
  #widget-area-channel-top .just-in-widget,
  #widget-area-channel-top .ad-slot-container,
  #widget-area-channel-top .trending-sidebar {
    display: block;
  }

  .ji-text {
    font-size: 20px;
  }

  .big .ji-text {
    font-size: 20px;
  }
}
.metro-breaker {
  clear: both;
  width: 100%;
  padding-top: 20px;
  border-top: 25px solid #dad5d5;
}
.metro-breaker a:hover {
  text-decoration: none;
}
.metro-breaker .metro-vision-btn {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: 83px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/metrovision_banner_mobile.png) no-repeat 50% 0;
  background-size: contain;
  margin-bottom: 20px;
}
.metro-breaker .trending-sidebar img {
  width: 300px;
  height: 100px;
}
.metro-breaker .nf-item:nth-of-type(1) {
  margin-top: 0;
}
.metro-breaker .mpw-story-container,
.metro-breaker .mpw-poll-container,
.metro-breaker .ada-story-container {
  font-family: ScoutBold,Arial,Helvetica,sans-serif;
  position: relative;
}
.metro-breaker .metro-poll-widget {
  background-color: #fff;
}
.metro-breaker .fw-ad-slot-container {
  display: block !important;
  width: 100% !important;
  margin-bottom: 0 !important;
}
.metro-breaker .ad-slot {
  padding-bottom: 20px;
  margin: 10px 0 0;
}
.metro-breaker .metro-video-widget {
  background-color: #000;
  margin-bottom: 20px;
}
.metro-breaker .metro-video-widget img {
  display: none;
}
.metro-breaker .metro-video-widget .mvw-story-container {
  position: relative;
}
.metro-breaker .metro-video-widget .mvw-title-story {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 25px;
  line-height: 28px;
  color: #fff;
  margin: -34px 10px 0 10px;
}
.metro-breaker .metro-video-widget .mvw-excerpt {
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  margin: 18px;
}
.metro-breaker .metro-video-widget .metro-video-placeholder {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.metro-breaker .metro-video-widget .metro-video-placeholder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.metro-breaker .advent-breaker.ada-banner-container,
.metro-breaker .countdown-breaker.ada-banner-container {
  float: left;
}
.metro-breaker .advent-breaker.ada-story-container,
.metro-breaker .countdown-breaker.ada-story-container {
  float: right;
}
.metro-breaker .countdown-breaker-bg {
  width: 300px;
  height: 250px;
  display: block;
  position: relative;
}
.metro-breaker .countdown-breaker-bg .counter-wrap {
  font-size: 38px;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  position: absolute;
  width: 100%;
  top: 131px;
  left: 40px;
  color: #FFF;
}
.metro-breaker .countdown-breaker-bg .counter-wrap span {
  background-color: transparent;
  box-shadow: none;
  box-decoration-break: slice;
}
@media screen and (min-width: 768px) {
  .metro-breaker .metro-vision-btn {
    height: 113px;
    background: url(/wp-content/themes/vip/metrouk/css/../img/metrovision_banner_768.png) no-repeat 50% 0;
  }
  .metro-breaker .mvw-title-story {
    margin: -30px 10px 0 10px !important;
    line-height: 30px !important;
  }
  .metro-breaker .mvw-story-container {
    float: left;
    width: 357px;
  }
  .metro-breaker .mvw-story-container img {
    display: block;
  }
  .metro-breaker .mvw-video-container {
    float: right;
    width: 391px;
  }
  .metro-breaker .fw-ad-slot-container {
    margin-top: 0;
  }
  .metro-breaker .ad-slot {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .metro-breaker .col-ab {
    width: 604px;
  }
  .metro-breaker .col-c {
    width: 340px;
  }
  .metro-breaker .nf-headline {
    width: 434px;
  }
  .metro-breaker .trending-sidebar img {
    width: 340px;
    height: 113px;
  }
  .metro-breaker .metro-vision-btn {
    height: 113px;
    background: url(/wp-content/themes/vip/metrouk/css/../img/metrovision_banner.png) no-repeat 50% 0;
  }
  .metro-breaker .mvw-video-container {
    width: 607px;
  }
}

@media screen and (min-width: 1280px) {
  .big .metro-breaker .col-ab {
    width: 850px;
  }
  .big .metro-breaker .col-c {
    width: 380px;
  }
  .big .metro-breaker .nf-headline {
    width: 610px;
    margin-left: 240px;
  }
  .big .trending-sidebar img {
    width: 380px;
    height: 127px;
  }
  .big .metro-poll-placeholder {
    width: 614px;
  }
  .big .ada-story-container {
    width: 850px !important;
  }
}
.tag .metro-breaker,
.author .metro-breaker {
  padding-top: 0;
  border-top: none;
}

.ada-banner-container {
  display: none;
}

.ada-banner-link:hover .facebook {
  background-color: #1f3666 !important;
}

.fol-button.ada-fol-button {
  position: absolute;
  bottom: 15px;
  left: 30px;
  width: 240px;
  height: 50px;
  margin: 0 !important;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 17px;
  box-shadow: none !important;
}
.fol-button.ada-fol-button p {
  display: inline-block;
  box-sizing: border-box;
  width: 165px;
  line-height: 50px;
  padding: 0 14px;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.3);
}
.fol-button.ada-fol-button.facebook {
  background-color: #3b5998;
}

.ada-cat-eyes .fol-button b {
  border-bottom-color: #33bbff;
  border-top-color: #33bbff;
}

.ada-cameron .fol-button b {
  border-bottom-color: #111100;
  border-top-color: #111100;
}

.ada-pacman .fol-button b {
  border-bottom-color: black;
  border-top-color: black;
}
.ada-pacman .fol-button.ada-fol-button {
  bottom: 20px;
}

.ada-robot .fol-button b {
  border-bottom-color: #00aaff;
  border-top-color: #00aaff;
}

.ada-giraffe-orange .fol-button b {
  border-bottom-color: #ee8333;
  border-top-color: #ee8333;
}

.ada-giraffe-blue .fol-button b {
  border-bottom-color: #00adff;
  border-top-color: #00adff;
}

.page-main {
  position: relative;
}
.page-main h2 {
  position: absolute !important;
  top: -54px;
  left: 0;
}
.page-main .sponsored {
  float: none !important;
}

.page-sidebar {
  display: none;
}
@media screen and (min-width: 1024px) {
  .page-sidebar {
    display: block;
  }
}

.metro-poll-widget {
  position: relative;
}
.metro-poll-widget ul {
  margin-top: 5px;
}

.page-break .mpw-image-container {
  overflow: hidden;
}
.page-break .mpw-story-container,
.page-break img,
.page-break .ada-story-container {
  width: 100%;
}
.page-break .ada-banner-title {
  position: absolute;
  top: 30px;
  left: 25px;
  width: 250px;
}
.page-break .ada-story-container {
  margin-bottom: 10px;
  overflow: hidden;
}
.page-break .mpw-title-story,
.page-break .ada-title-story {
  margin: -38px 10px 10px;
  font-size: 20px;
  line-height: 24px;
  color: white;
}
.page-break .mpw-option {
  width: 250px;
  background-color: #fff;
}
.page-break.is-ad {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .page-break {
    margin-bottom: 20px;
  }
  .page-break .mpw-title-story,
  .page-break .ada-title-story {
    margin: -28px 10px 0;
    font-size: 23px;
    line-height: 28px;
    color: white;
    width: 70%;
  }
  .page-break .mpw-poll-container {
    margin-right: 460px;
  }
  .page-break .ada-story-container {
    float: right;
  }
  .page-break .metro-poll-placeholder {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .page-break .mpw-story-container {
    float: right;
    width: 450px;
  }
  .page-break .mpw-title {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .page-break .mpw-story-container {
    width: 600px;
  }
  .page-break .mpw-poll-container {
    margin-right: 610px;
  }
  .page-break .ada-story-container {
    width: 646px;
  }
  .page-break .ada-ad-slot-container {
    display: block;
    float: right;
    width: 300px;
  }
  .page-break .ada-banner-container {
    display: block;
    position: relative;
    width: 300px;
  }
  .page-break .mpw-option {
    width: 235px;
  }
}
@media screen and (min-width: 1280px) {
  .page-break .big .metro-poll-placeholder {
    margin-right: 800px;
  }
  .page-break .big .mpw-story-container {
    width: 780px;
  }
}

.metro-poll-widget {
  background-color: #47a3da;
  color: #fff;
  margin-bottom: 15px;
}
.metro-poll-widget img {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
.metro-poll-widget ul {
  margin: 5px 0 5px 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.metro-poll-widget li {
  list-style: none;
}
@media screen and (min-width: 768px) {
  .metro-poll-widget img {
    width: inherit;
    padding: inherit;
    margin-bottom: inherit;
  }
  .metro-poll-widget ul {
    margin-top: 20px;
    margin-bottom: 0;
  }
}

.mpw-title {
  margin: 20px 10px 0px;
  text-align: center;
}
.mpw-title a {
  color: #fff;
  font-size: 16px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.mpw-title a:hover {
  text-decoration: none;
}
@media screen and (min-width: 480px) {
  .mpw-title a {
    font-size: 24px;
  }
}

@media screen and (min-width: 768px) {
  .mpw-body {
    margin-left: 325px;
  }

  .mpw-minimal {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .mpw-minimal {
    margin-bottom: 10px;
  }
}
.mpw-option {
  width: 135px;
  display: inline-block;
  text-align: center;
  background-color: #1b5e86;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 0 !important;
  font-size: 18px;
  font-size: 1.125rem;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  margin: 10px;
}

.mpw-score,
.mpw-score-bar-container,
.mpw-score-bar {
  display: none;
}

.is-clickable .mpw-option {
  cursor: pointer;
}
.is-clickable .mpw-option:hover {
  background-color: #247cb1;
}

.is-answered .mpw-score {
  display: block;
}
.is-answered .mpw-majority {
  background-color: #fff;
  color: #47a3da;
}

@media screen and (min-width: 480px) {
  /* Min 480
  -------------------------------------------------------------- */
  /* Layout */
  /* Mosaic */
  .mosaic img {
    width: 140px;
  }
  .mosaic .item-3 .title {
    margin-left: 150px;
    font-size: 22px;
  }
  .mosaic .item-3 .title:after {
    content: "";
  }
  .mosaic .item-3 .excerpt {
    display: block;
    margin-left: 150px;
    font-size: 17px;
  }
  .mosaic .item-4 .title {
    margin-left: 150px;
    font-size: 22px;
  }
  .mosaic .item-4 .title:after {
    content: "";
  }
  .mosaic .item-4 .excerpt {
    display: block;
    margin-left: 150px;
    font-size: 17px;
  }
  .mosaic .item-5 .title {
    margin-left: 150px;
    font-size: 22px;
  }
  .mosaic .item-5 .title:after {
    content: "";
  }
  .mosaic .item-5 .excerpt {
    display: block;
    margin-left: 150px;
    font-size: 17px;
  }

  .mosaic-item {
    min-height: 105px;
  }

  /* Post listings */
  .entry-meta-date {
    display: block;
  }

  .entry-meta-date .day {
    display: inline;
  }

  .entry-meta-date-under {
    display: none;
  }

  .entry-excerpt {
    display: inline;
  }

  .two-col h2.entry-header {
    font-size: 1.5em;
    margin-bottom: 0;
  }

  .ie7 .two-col h2.entry-header {
    clear: none;
  }

  .two-col .entry-meta.m60l {
    margin-left: 0;
  }

  /* Widgets */
  .metro_api .trail {
    font-size: 1.5em;
    line-height: 1.3em;
  }

  /* List carousel widget */
  .list-carousel-widget .carousel {
    width: auto;
    padding: 0 32px;
  }

  .list-carousel-widget .slide-wrapper {
    width: 396px;
  }

  .list-carousel-widget .teaser {
    margin: 0 16px;
  }

  .single-post .intro {
    font-size: 16px;
  }

  .wp-pagenavi span.extend {
    margin: 0 5px !important;
    padding: 0 !important;
  }

  #content blockquote {
    max-width: 320px;
  }

  .post-meta-top {
    margin-bottom: 25px;
  }

  .single .content .rating {
    display: inline-block;
  }

  .byline-container {
    width: 400px;
  }

  .single .byline {
    display: inline-block;
    margin-top: 3px;
    vertical-align: middle;
  }

  .nf-social-mobile {
    display: none;
  }

  .nf-social-desktop {
    display: block;
    margin-left: 110px;
  }

  .apb-img-container {
    width: 100px;
    height: 100px;
  }

  .apb-img {
    width: 100px;
    height: 100px;
  }

  .tag-page-top img,
  .author-page-top img {
    float: left;
    width: 50%;
    margin-right: 10px;
  }
  .tag-page-top .title,
  .author-page-top .title {
    padding-top: 0;
  }

  .blg-teaser img {
    width: 60px;
    height: 60px;
  }

  #searchform {
    width: 345px;
  }

  input[type=text] {
    width: 225px;
  }

  input[type=submit] {
    margin-left: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }

  #page-bottom-base {
    width: 100%;
  }

  #footer-links .item-1,
  #footer-links .item-3 {
    float: left;
    width: 50%;
    clear: left;
  }

  #footer-links .item-2,
  #footer-links .item-4 {
    float: right;
    width: 50%;
    clear: right;
  }

  #powered-by span {
    height: 185px;
  }

  .tiles .teaser {
    width: 31.276%;
    margin-right: 10px;
  }

  .tiles .teaser.wide {
    width: 63.85%;
  }

  .embed-youtube,
  .youtube-player, .BrightcoveExperience {
    max-width: 460px !important;
    max-height: 280px !important;
  }

  .related-posts-main .trail {
    display: block;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.2;
  }

  .gallery.tiles .teaser {
    width: 47.9%;
  }

  .quiz-result {
    margin: 0 20px;
  }

  .namicle {
    width: 450px;
  }

  .nam-result {
    font-size: 28px;
  }

  .comparicle .comp-title {
    font-size: 24px;
  }

  .comp-inputs {
    font-size: 16px;
  }

  .comp-reveal-container {
    font-size: 18px;
  }

  .msp-option {
    width: 270px;
  }

  .msp-score-bar-container {
    display: block;
    background-color: #5c5c5c;
    margin: 0 20px;
  }

  .msp-score-bar {
    border-top: 20px solid #fff;
  }

  .is-answered .msp-score,
  .is-answered .msp-score-bar-container,
  .is-answered .msp-score-bar {
    display: block;
  }

  .share-buttons-bottom {
    width: 400px;
  }

  .shrb-bottom {
    height: 90px;
    padding: 7px;
  }
}
@media screen and (min-width: 600px) {
  .single-article,
  .col-skinny {
    max-width: 540px;
    margin: 0 auto;
  }

  /* List carousel widget */
  .list-carousel-widget .carousel {
    padding: 0 42px;
  }

  .list-carousel-widget .slide-wrapper {
    width: 496px;
  }

  .list-carousel-widget .teaser {
    margin: 0 12px;
  }

  /* Mosaic */
  .mosaic-item,
  .mosaic .item-1,
  .mosaic .item-2 {
    float: left;
    width: 48%;
    margin: 0 10px 20px 0;
  }

  .mosaic .wide {
    width: auto;
  }
  .mosaic .title {
    margin: 0 10px !important;
  }
  .mosaic .title span {
    color: #fff;
  }
  .mosaic img {
    margin-top: -31px;
    position: static;
    top: auto;
    left: auto;
    width: 100%;
  }
  .mosaic .excerpt {
    display: block;
  }

  .mosaic .item-3 .title,
  .mosaic .item-4 .title,
  .mosaic .item-5 .title,
  .mosaic .item-6 .title,
  .mosaic .item-7 .title,
  .mosaic .item-8 .title {
    margin-left: 0;
    font-size: 26px;
    line-height: 1.2;
  }
  .mosaic .item-3 .excerpt,
  .mosaic .item-4 .excerpt,
  .mosaic .item-5 .excerpt,
  .mosaic .item-6 .excerpt,
  .mosaic .item-7 .excerpt,
  .mosaic .item-8 .excerpt {
    margin-left: 0;
    font-size: 19px;
  }
  .mosaic .item-3 span,
  .mosaic .item-4 span,
  .mosaic .item-5 span,
  .mosaic .item-6 span,
  .mosaic .item-7 span,
  .mosaic .item-8 span {
    box-decoration-break: clone;
  }

  .mon .item-3 span {
    background-color: rgba(126, 211, 33, 0.8);
    box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  }
  .mon .item-3 .excerpt:after {
    color: #7ED321;
  }
  .mon .item-4 span {
    background-color: rgba(234, 100, 0, 0.8);
    box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  }
  .mon .item-4 .excerpt:after {
    color: #EA6400;
  }
  .mon .item-5 span {
    background-color: rgba(20, 148, 204, 0.8);
    box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  }
  .mon .item-5 .excerpt:after {
    color: #1494CC;
  }
  .mon .item-6 span {
    background-color: rgba(235, 91, 76, 0.8);
    box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  }
  .mon .item-6 .excerpt:after {
    color: #EB5B4C;
  }
  .mon .item-7 span {
    background-color: rgba(189, 0, 235, 0.8);
    box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  }
  .mon .item-7 .excerpt:after {
    color: #BD00EB;
  }
  .mon .item-8 span {
    background-color: rgba(255, 0, 130, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  }
  .mon .item-8 .excerpt:after {
    color: #FF0082;
  }
  .mon .item-9 span {
    background-color: rgba(0, 192, 0, 0.8);
    box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  }
  .mon .item-9 .excerpt:after {
    color: #00C000;
  }

  .tue .item-3 span {
    background-color: rgba(255, 0, 68, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  }
  .tue .item-3 .excerpt:after {
    color: #FF0044;
  }
  .tue .item-4 span {
    background-color: rgba(20, 148, 204, 0.8);
    box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  }
  .tue .item-4 .excerpt:after {
    color: #1494CC;
  }
  .tue .item-5 span {
    background-color: rgba(234, 100, 0, 0.8);
    box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  }
  .tue .item-5 .excerpt:after {
    color: #EA6400;
  }
  .tue .item-6 span {
    background-color: rgba(189, 0, 235, 0.8);
    box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  }
  .tue .item-6 .excerpt:after {
    color: #BD00EB;
  }
  .tue .item-7 span {
    background-color: rgba(235, 91, 76, 0.8);
    box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  }
  .tue .item-7 .excerpt:after {
    color: #EB5B4C;
  }
  .tue .item-8 span {
    background-color: rgba(0, 192, 0, 0.8);
    box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  }
  .tue .item-8 .excerpt:after {
    color: #00C000;
  }
  .tue .item-9 span {
    background-color: rgba(255, 0, 130, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  }
  .tue .item-9 .excerpt:after {
    color: #FF0082;
  }

  .wed .item-3 span {
    background-color: rgba(255, 0, 130, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  }
  .wed .item-3 .excerpt:after {
    color: #FF0082;
  }
  .wed .item-4 span {
    background-color: rgba(0, 192, 0, 0.8);
    box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  }
  .wed .item-4 .excerpt:after {
    color: #00C000;
  }
  .wed .item-5 span {
    background-color: rgba(0, 174, 255, 0.8);
    box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  }
  .wed .item-5 .excerpt:after {
    color: #00AEFF;
  }
  .wed .item-6 span {
    background-color: rgba(235, 91, 76, 0.8);
    box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  }
  .wed .item-6 .excerpt:after {
    color: #EB5B4C;
  }
  .wed .item-7 span {
    background-color: rgba(189, 0, 235, 0.8);
    box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  }
  .wed .item-7 .excerpt:after {
    color: #BD00EB;
  }
  .wed .item-8 span {
    background-color: rgba(126, 211, 33, 0.8);
    box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  }
  .wed .item-8 .excerpt:after {
    color: #7ED321;
  }
  .wed .item-9 span {
    background-color: rgba(234, 100, 0, 0.8);
    box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  }
  .wed .item-9 .excerpt:after {
    color: #EA6400;
  }

  .thu .item-3 span {
    background-color: rgba(255, 0, 130, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  }
  .thu .item-3 .excerpt:after {
    color: #FF0082;
  }
  .thu .item-4 span {
    background-color: rgba(234, 100, 0, 0.8);
    box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  }
  .thu .item-4 .excerpt:after {
    color: #EA6400;
  }
  .thu .item-5 span {
    background-color: rgba(20, 148, 204, 0.8);
    box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  }
  .thu .item-5 .excerpt:after {
    color: #1494CC;
  }
  .thu .item-6 span {
    background-color: rgba(0, 174, 255, 0.8);
    box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  }
  .thu .item-6 .excerpt:after {
    color: #00AEFF;
  }
  .thu .item-7 span {
    background-color: rgba(189, 0, 235, 0.8);
    box-shadow: 10px 0 0 rgba(189, 0, 235, 0.8), -10px 0 0 rgba(189, 0, 235, 0.8);
  }
  .thu .item-7 .excerpt:after {
    color: #BD00EB;
  }
  .thu .item-8 span {
    background-color: rgba(7, 56, 127, 0.8);
    box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  }
  .thu .item-8 .excerpt:after {
    color: #07387F;
  }
  .thu .item-9 span {
    background-color: rgba(0, 192, 0, 0.8);
    box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  }
  .thu .item-9 .excerpt:after {
    color: #00C000;
  }

  .fri .item-3 span {
    background-color: rgba(0, 174, 255, 0.8);
    box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  }
  .fri .item-3 .excerpt:after {
    color: #00AEFF;
  }
  .fri .item-4 span {
    background-color: rgba(255, 0, 68, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  }
  .fri .item-4 .excerpt:after {
    color: #FF0044;
  }
  .fri .item-5 span {
    background-color: rgba(255, 0, 130, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  }
  .fri .item-5 .excerpt:after {
    color: #FF0082;
  }
  .fri .item-6 span {
    background-color: rgba(0, 192, 0, 0.8);
    box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  }
  .fri .item-6 .excerpt:after {
    color: #00C000;
  }
  .fri .item-7 span {
    background-color: rgba(7, 56, 127, 0.8);
    box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  }
  .fri .item-7 .excerpt:after {
    color: #07387F;
  }
  .fri .item-8 span {
    background-color: rgba(234, 100, 0, 0.8);
    box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  }
  .fri .item-8 .excerpt:after {
    color: #EA6400;
  }
  .fri .item-9 span {
    background-color: rgba(20, 148, 204, 0.8);
    box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  }
  .fri .item-9 .excerpt:after {
    color: #1494CC;
  }

  .sat .item-3 span {
    background-color: rgba(234, 100, 0, 0.8);
    box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  }
  .sat .item-3 .excerpt:after {
    color: #EA6400;
  }
  .sat .item-4 span {
    background-color: rgba(255, 0, 68, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  }
  .sat .item-4 .excerpt:after {
    color: #FF0044;
  }
  .sat .item-5 span {
    background-color: rgba(20, 148, 204, 0.8);
    box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  }
  .sat .item-5 .excerpt:after {
    color: #1494CC;
  }
  .sat .item-6 span {
    background-color: rgba(126, 211, 33, 0.8);
    box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  }
  .sat .item-6 .excerpt:after {
    color: #7ED321;
  }
  .sat .item-7 span {
    background-color: rgba(7, 56, 127, 0.8);
    box-shadow: 10px 0 0 rgba(7, 56, 127, 0.8), -10px 0 0 rgba(7, 56, 127, 0.8);
  }
  .sat .item-7 .excerpt:after {
    color: #07387F;
  }
  .sat .item-8 span {
    background-color: rgba(0, 174, 255, 0.8);
    box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  }
  .sat .item-8 .excerpt:after {
    color: #00AEFF;
  }
  .sat .item-9 span {
    background-color: rgba(0, 192, 0, 0.8);
    box-shadow: 10px 0 0 rgba(0, 192, 0, 0.8), -10px 0 0 rgba(0, 192, 0, 0.8);
  }
  .sat .item-9 .excerpt:after {
    color: #00C000;
  }

  .sun .item-3 span {
    background-color: rgba(255, 0, 68, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 68, 0.8), -10px 0 0 rgba(255, 0, 68, 0.8);
  }
  .sun .item-3 .excerpt:after {
    color: #FF0044;
  }
  .sun .item-4 span {
    background-color: rgba(126, 211, 33, 0.8);
    box-shadow: 10px 0 0 rgba(126, 211, 33, 0.8), -10px 0 0 rgba(126, 211, 33, 0.8);
  }
  .sun .item-4 .excerpt:after {
    color: #7ED321;
  }
  .sun .item-5 span {
    background-color: rgba(20, 148, 204, 0.8);
    box-shadow: 10px 0 0 rgba(20, 148, 204, 0.8), -10px 0 0 rgba(20, 148, 204, 0.8);
  }
  .sun .item-5 .excerpt:after {
    color: #1494CC;
  }
  .sun .item-6 span {
    background-color: rgba(234, 100, 0, 0.8);
    box-shadow: 10px 0 0 rgba(234, 100, 0, 0.8), -10px 0 0 rgba(234, 100, 0, 0.8);
  }
  .sun .item-6 .excerpt:after {
    color: #EA6400;
  }
  .sun .item-7 span {
    background-color: rgba(235, 91, 76, 0.8);
    box-shadow: 10px 0 0 rgba(235, 91, 76, 0.8), -10px 0 0 rgba(235, 91, 76, 0.8);
  }
  .sun .item-7 .excerpt:after {
    color: #EB5B4C;
  }
  .sun .item-8 span {
    background-color: rgba(0, 174, 255, 0.8);
    box-shadow: 10px 0 0 rgba(0, 174, 255, 0.8), -10px 0 0 rgba(0, 174, 255, 0.8);
  }
  .sun .item-8 .excerpt:after {
    color: #00AEFF;
  }
  .sun .item-9 span {
    background-color: rgba(255, 0, 130, 0.8);
    box-shadow: 10px 0 0 rgba(255, 0, 130, 0.8), -10px 0 0 rgba(255, 0, 130, 0.8);
  }
  .sun .item-9 .excerpt:after {
    color: #FF0082;
  }

  .bef-widget .title {
    margin-top: -44px;
    font-size: 28px;
    line-height: 33px;
  }
}
@media screen and (min-width: 768px) {
  /* Min 768
  -------------------------------------------------------------- */
  /* Layout */
  .fontBold {
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
  }

  #topBar, #masthead, #page-bottom {
    max-width: 748px;
  }

  .menu-top-nav-menu-container {
    display: block;
  }

  .show-legals #topBar {
    display: block;
  }

  .show-legals .cookie-notice {
    display: block;
  }

  .cookie-notice span {
    display: block;
    width: 748px;
    margin: 0 auto;
  }

  #pageBody {
    max-width: 768px;
  }

  .pageBackground {
    padding: 10px;
  }

  #home-content {
    margin-top: 0;
  }

  /* Hide the mininal default content in larger screens */
  .minimal {
    display: none;
  }

  .col-ab {
    float: left;
    width: 100%;
  }

  .col-c {
    float: right;
    width: 300px;
    padding: 0 0 0 10px;
  }

  /* Masthead */
  #topBar {
    display: block;
    margin-bottom: 10px;
  }

  .page-wrap #topBar {
    max-width: 788px;
  }

  #metro-logo {
    float: left;
    width: 394px;
    height: 98px;
    background-position: -2px 0;
    background-size: 399px;
  }

  #masthead {
    min-height: 77px;
    margin: 0 auto 10px;
    padding: 10px 10px 0;
  }

  .poppy {
    top: -8px;
    right: -11px;
    width: 26px;
  }

  /* Navigation */
  .main-nav-container {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    margin: 117px 0 0;
    background: #f1f1f1;
  }
  .main-nav-container .sub-menu {
    display: none;
    width: 100%;
    margin: 0;
    border-top: none;
    background: #ffc000;
  }
  .main-nav-container .sub-menu li {
    width: auto;
    height: 40px;
  }
  .main-nav-container .sub-menu a {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 40px;
    padding: 0 15px;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: black;
  }

  .ie7 .main-nav-container,
  .ie8 .main-nav-container {
    top: -1px;
  }

  .nav-strap {
    position: absolute;
    top: -92px;
    left: 366px;
    width: auto;
    background: transparent;
  }

  .ie8 .nav-strap {
    top: 20px;
  }

  .metro-no-masthead-share-count .nav-strap {
    top: -84px;
  }

  .nav-strap-text {
    height: 35px;
    padding: 0 10px;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 23px;
    line-height: 35px;
    color: #ffc719;
    background: black;
  }

  .nav-strap-shares {
    display: block;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 18px;
    text-transform: uppercase;
  }
  .nav-strap-shares span {
    font-size: 44px;
    font-weight: bold;
    color: #ff0044;
  }
  .nav-strap-shares i {
    font-size: 28px;
  }

  .nav-follow {
    display: none;
  }

  .nav-control {
    display: none;
  }

  .main-nav-container .current-menu-item .sub-menu,
  .current-post-ancestor .sub-menu,
  .current-menu-ancestor .sub-menu,
  .current-category-ancestor .sub-menu {
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    height: 40px;
  }

  .nav-menu {
    display: block;
    position: static;
    float: left;
    width: 100%;
    margin: 0;
    background: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .nav-menu > .menu-item-home {
    background: inherit;
  }

  .ie8 .nav-menu {
    position: relative;
  }

  .category-news .nav-menu,
  .category-sport .nav-menu,
  .category-entertainment .nav-menu,
  .category-lifestyle .nav-menu,
  .club-metro-home .nav-menu {
    height: 90px;
  }

  .nav-menu li {
    float: left;
    height: 50px;
    border: none;
  }

  .nav-menu li:first-child {
    padding-left: 0;
  }

  .nav-menu > li > a {
    display: block;
    float: left;
    height: 50px;
    padding: 0 15px;
    color: black;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 50px;
    background: none;
  }

  .has-hover .nav-menu a:hover {
    text-decoration: none;
  }

  .ie8 .nav-menu a {
    line-height: 50px;
  }

  .ie8 .main-nav-container .sub-menu a {
    line-height: 40px;
  }

  .nav-menu .current-menu-item a,
  .has-hover .nav-menu a:hover,
  .nav-menu .current-post-ancestor > a,
  .nav-menu .current-menu-ancestor > a {
    color: black;
    background: #ffc000;
  }

  .has-hover .sub-menu a:hover {
    background: #ffe38d;
  }

  .sub-menu .current-menu-item a {
    background: #ffe38d;
  }

  .menu-item-more {
    position: relative;
    overflow: visible;
  }
  .menu-item-more .sub-menu {
    position: absolute;
    top: 50px;
    left: 0;
    overflow: visible;
    background: black;
  }
  .menu-item-more .sub-menu li {
    float: none;
    min-width: 116px;
  }
  .menu-item-more .sub-menu a {
    width: 100%;
    color: white;
    background: black;
  }

  .menu-item-more.current-menu-item .sub-menu,
  .menu-item-more.current-post-ancestor .sub-menu,
  .menu-item-more.current-menu-ancestor .sub-menu,
  .menu-item-more.current-category-ancestor .sub-menu {
    display: none;
  }

  .has-hover .menu-item-more:hover > a {
    color: #ffc000;
    background: black;
  }
  .has-hover .menu-item-more:hover .sub-menu {
    display: block;
  }
  .has-hover .menu-item-more .sub-menu a:hover {
    color: #ffc000;
    background: black;
  }

  .menu-item-more.is-hovered > a {
    color: #ffc000;
    background: black;
  }
  .menu-item-more.is-hovered .sub-menu {
    display: block;
  }

  /* Search link in nav */
  #masthead .search {
    position: absolute;
    right: 0;
  }
  #masthead .search a {
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    text-indent: -9999px;
  }
  #masthead .search > a:before {
    display: block;
    width: 50px;
    line-height: 50px;
    margin: 0;
    color: black;
    background: inherit;
    font-size: 20px;
    text-indent: 0;
    text-align: center;
  }

  /* No JS navigation */
  .no-js #masthead,
  .no-js .main-nav-container {
    position: relative;
  }

  /* Content containers */
  #category-content {
    padding-top: 5px;
  }

  #single-post-content {
    padding-top: 20px;
  }

  .single-article,
  .col-skinny {
    width: 540px;
    margin: 0 auto;
  }

  /* Headings */
  .page-title {
    display: none;
  }

  .page .page-title,
  #tag-content .page-title {
    display: block;
    margin: 24px 0;
    font-size: 32px;
  }

  .category h1,
  .error404 h1 {
    font-size: 54px;
    letter-spacing: -1px;
  }

  .single-post h1,
  .metro-phone-app .single-post h1 {
    margin-top: 0;
    font-size: 44px;
    line-height: 1;
  }

  .single-attachment h1,
  .metro-phone-app .single-attachment h1 {
    margin-top: 0;
    font-size: 32px;
    letter-spacing: -1px;
  }

  .two-col h2 {
    font-size: 2em;
  }

  .post-category.header {
    display: none;
  }

  .sidebar .widget h2 {
    font-size: 23px;
  }

  /* Share buttons */
  .share-btn {
    margin: 0;
    width: auto;
    height: 40px;
    overflow: hidden;
    color: white;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
    font-size: 15px;
    text-align: left;
    line-height: 22px;
    cursor: pointer;
    text-indent: 0;
  }
  .share-btn i {
    display: inline-block;
  }

  .share-buttons .share-count {
    font-size: 24px;
  }

  .share-buttons-top.has-share-count .share-btn {
    width: 20%;
  }
  .share-buttons-top .share-btn.google,
  .share-buttons-top .share-btn.email {
    display: block;
  }

  .share-buttons-fixed .share-btn {
    padding-right: 25px;
  }

  .share-buttons-bottom .share-btn {
    width: 25%;
  }

  .share-count-bottom {
    display: inline-block;
  }

  .nui-tabs-item {
    min-width: 160px;
  }

  .external-link:before {
    width: 35px;
    height: 35px;
    background-position: 4px -145px;
  }

  .ie8 .external-link:before {
    background-position: 9px -144px;
  }

  /* Keyboard nav notice at top */
  .has-hover.has-swipe .key-nav-notice {
    display: block;
    position: relative;
    float: right;
    margin-right: 10px;
    color: #999;
    line-height: 24px;
  }

  .key-nav-notice span {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 12px;
    max-height: 19px;
    margin: 0 3px;
    padding: 0 4px 0 3px;
    vertical-align: middle;
    line-height: 19px;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  /* Posts */
  .layout-1 .item-1 .icon,
  .layout-1 .item-2 .icon,
  .layout-1 .item-3 .icon {
    visibility: visible;
  }

  #breaking-news {
    font-size: 16px;
  }

  .breaking-news-post {
    position: relative;
    margin-bottom: 20px;
  }
  .breaking-news-post .title {
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 44px;
    line-height: 1;
  }
  .breaking-news-post .excerpt {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.2;
  }

  .breaking-no-image {
    margin-top: -10px;
  }

  .category-posts-widget {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted #869bd2;
    margin: 0 0 5px 0;
  }

  .category-posts-widget .item {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 364px;
  }

  .category-posts-widget .item img {
    display: block;
    float: left;
    width: 80px;
    height: auto;
    margin: 0 8px 0 0;
  }

  .category-posts-widget .item .title {
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 14px;
  }

  .category-posts-widget .item-1 {
    padding-left: 0;
    padding-right: 10px;
    border-right: 1px dashed #ddd;
  }

  .category-posts-widget .item-1 .title {
    margin: 0 8px 0 0;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 16px;
  }

  .category-posts-widget .item-2 {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 5px;
    padding-left: 5px;
    margin: 0 0 5px 0;
  }

  .category-posts-widget .item-3 {
    padding-left: 5px;
  }

  .listicle-item h2 {
    font-size: 22px;
  }

  .single-article > figure:first-child,
  .single-article > figure:first-child.aligncenter,
  .single-article > figure:first-child.alignnone {
    display: block;
    width: auto;
    max-width: none;
    margin: 0 -104px 15px -104px;
  }

  .single-article > figure.alignleft:first-child,
  .single-article > figure.alignright:first-child,
  .single-article > figure.size-medium:first-child,
  .single-article > figure.size-thumbnail:first-child {
    display: inline-block;
    width: inherit;
    max-width: 100%;
    margin: auto auto 10px;
  }

  .single-article > figure.alignleft:first-child {
    max-width: 50%;
    margin: auto 10px 10px auto;
  }

  .single-article > figure.alignright:first-child {
    max-width: 50%;
    margin: auto auto 10px 10px;
  }

  article figure figcaption,
  .figcaption {
    padding: 10px;
  }

  /* Tag page */
  .tag-header-liner.responsive-bg {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 33.33%;
  }

  .tag-header-liner.responsive-bg .tag-title {
    left: 0;
    bottom: 20px;
  }

  .has-desc .responsive-bg .tag-title {
    left: 0;
    bottom: 0;
  }

  .tag-desc {
    font-size: 20px;
  }

  .post-list .title {
    font-size: 20px;
  }

  .post-list .author,
  .post-list .date {
    margin-bottom: 10px;
  }

  .post-list .excerpt {
    font-size: 14px;
  }

  .tag-page-top .title,
  .author-page-top .title {
    font-size: 28px;
  }

  /* Author page */
  .author-page-box {
    max-width: 600px;
  }
  .author-page-box.has-bg-img {
    max-width: none;
    margin: 0 0 30px 0;
  }

  .has-bg-img > .apb-main {
    padding-bottom: 33.33%;
  }
  .has-bg-img .apb-title {
    left: 0;
    bottom: 20px;
  }
  .has-bg-img .apb-desc {
    margin: 0;
  }

  .has-desc .apb-title {
    bottom: 0;
  }

  .custom .pattern {
    font-weight: normal;
  }

  .apb-contact-links {
    display: inline-block;
    margin: 0;
  }
  .apb-contact-links ul {
    text-align: left;
  }
  .apb-contact-links li {
    display: list-item;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .apb-contact-links li:last-child {
    margin-bottom: 0;
  }
  .apb-contact-links a {
    width: 120px;
    height: 40px;
    padding: 5px 4px;
    text-indent: 0;
    font-size: 16px;
  }

  .apb-title {
    font-size: 32px;
  }

  .apb-desc {
    max-width: inherit;
    margin: auto;
    font-size: 20px;
  }

  .apb-img-container {
    display: inline-block;
  }

  .apb-badge {
    right: -18px;
  }

  /* Trending */
  .trending ol {
    width: 90%;
    margin: 20px auto;
  }

  .trending h3 {
    font-size: 18px;
  }

  .trending-main {
    padding: 0;
    background: inherit;
  }
  .trending-main li {
    display: inline-block;
    height: auto;
    width: 31.940575673%;
    margin-left: 2.08913649%;
    vertical-align: top;
  }
  .trending-main li > a {
    display: block;
  }
  .trending-main li:before {
    left: 0;
  }
  .trending-main ol li:first-child {
    margin-left: 0 !important;
  }
  .trending-main h3 {
    margin: -26px 10px 5px;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: black;
  }
  .trending-main .tw-item-4,
  .trending-main .tw-item-5 {
    display: none;
  }

  .trending-main-header {
    position: static !important;
  }

  @-moz-document url-prefix() {
    .trending-main h3 {
      margin-top: -25px;
    }
  }
  .ranking-image-container {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
  }

  .copy-container {
    position: relative;
    margin-left: 0;
  }

  .trending-main .club-metro .title:before {
    margin-top: -7px;
  }

  /* "On the Blogs" list */
  .blg-teaser,
  .blg-teaser:first-child {
    width: 49%;
    margin-bottom: 0;
  }

  .blg-teaser img {
    width: 75px;
    height: 75px;
  }

  .sidebar .blg-teaser img {
    width: 60px;
    height: 60px;
  }

  .sidebar .blg-teaser {
    width: 300px;
    margin-bottom: 10px;
  }

  /* Related items used at bottom of story */
  .related-posts-main li {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    float: left;
    width: 33.333333%;
    padding: 0;
  }

  .related-posts-main li:nth-child(1) {
    text-align: left;
  }

  .related-posts-main li:nth-child(2) {
    text-align: center;
  }

  .related-posts-main li:nth-child(3) {
    text-align: right;
  }

  .related-posts-main li:hover {
    background: inherit;
  }

  .related-posts-main img {
    float: none;
    width: 236px;
    height: 177px;
    max-width: none;
    max-height: none;
    margin: 0 auto;
  }

  .related-posts-main .trail {
    display: inline-block;
    width: 236px;
    margin-top: 5px;
    padding-right: 0;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
  }

  .related-posts-main .meta {
    display: inline-block;
    width: 236px;
  }

  .related-posts-main .post-type {
    float: left;
    clear: both;
    margin: 1px 5px 0 0;
  }

  .related-posts-main .post-style {
    display: inline-block;
    float: none;
    width: 236px;
    height: 177px;
    margin-right: 0;
  }

  .related-posts-main [class*="icon-"] {
    font-size: 16px;
  }
  .related-posts-main .icon-star {
    font-size: 12px;
    padding: 8px 4px;
  }

  .related-posts-static a {
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 16px;
  }

  /* List carousel widget */
  .list-carousel-widget .carousel {
    padding: 0 30px;
  }

  .carousel-prev {
    top: 45px;
  }

  .carousel-next {
    top: 45px;
  }

  .list-carousel-widget .slide-wrapper {
    width: 688px;
  }

  .list-carousel-widget .teaser {
    width: 150px;
    margin: 0 11px;
    font-size: 14px;
  }

  .list-carousel-widget img,
  .list-carousel-widget img[style] {
    width: 150px !important;
    height: 150px !important;
  }

  /* Single posts */
  #social-buttons {
    display: block;
  }

  #content blockquote {
    font-size: 18px;
  }

  #content blockquote.left {
    float: left;
    width: 237px;
    margin-right: 20px;
  }

  #content blockquote.right {
    float: right;
    width: 237px;
    margin-left: 20px;
  }

  .byline-container {
    width: auto;
    font-size: 18px;
  }

  .single .byline {
    display: inline-block;
    margin: 0 5px 0 0;
  }

  .single .post-date {
    display: inline-block;
    vertical-align: middle;
  }

  .blogs-header {
    height: 30px;
    margin-top: 0;
    padding: 0;
  }

  .blogs-logo {
    padding-left: 10px;
    font-size: 22px;
    line-height: 30px;
  }

  .blogs-header span {
    display: block;
    float: right;
    padding-right: 10px;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-align: right;
    color: white;
  }

  /* Cancelling fix for YouTube videos on Android */
  .embed-youtube,
  .youtube-player, .BrightcoveExperience {
    max-width: 100% !important;
    max-height: 100% !important;
  }

  .side-by-side > a {
    width: 364px;
  }

  .sbs-thumb-link {
    margin-right: 20px;
  }

  .side-by-side img {
    width: 364px;
    height: 273px;
    margin-bottom: 0;
  }

  .sbs-title {
    width: 364px;
    box-sizing: border-box;
    padding-top: 5px;
    font-size: 18px;
  }

  /* Fix for inline wps images */
  .img-cnt,
  .wps-image {
    width: inherit !important;
    height: inherit !important;
  }

  /* Ads */
  .metro-sticky-banner-on #page-container {
    margin-top: 97px;
  }
  .metro-sticky-banner-on.show-legals #page-container {
    margin-top: 117px;
  }

  #ad-overlay-metro-logo {
    width: 120px;
    height: auto;
  }

  #ad-bottom {
    max-width: 748px;
  }

  /* Tiles */
  .tiles .teaser {
    width: 242px;
  }

  .tiles .teaser.wide {
    width: 494px;
  }

  .tiles .teaser.hero_small {
    width: 177px !important;
  }

  .tiles .teaser.hero_large {
    width: 364px !important;
  }

  .tiles .teaser.hero_large .title {
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 1em;
  }

  /* gallery */
  .gallery.embedded,
  .gallery.embedded .outer,
  .gallery.embedded .inner,
  .gallery.embedded .next-image,
  .gallery.embedded .prev-image {
    height: 200px;
  }

  .image-container {
    height: 520px;
  }

  .gallery.tiles .teaser {
    width: 368px;
  }

  /* Jobs of the Week */
  .jobs {
    width: 525px;
    margin-top: 30px;
    padding-left: 30px;
  }

  .job.odd,
  .job.even {
    margin-right: 30px;
  }

  .jobs .title {
    font-size: 14px;
  }

  #jobs-content .link-list-inline {
    margin: 20px auto;
  }

  #jobs-content .centred-block {
    width: 90%;
    margin: 20px auto;
    line-height: 1.2;
    font-size: 16px;
    color: #666;
  }

  /* Facebook comments */
  #fb-comments-area {
    max-width: 748px;
  }

  .comment-show {
    width: 80%;
  }

  /* MSN Video widget */
  .mv-item {
    float: left;
    width: 36.92307692307692%;
    margin-bottom: 10px;
    padding-left: 0;
  }
  .mv-item h3 {
    margin-left: 110px;
    font-size: 12px;
  }
  .mv-item:before {
    background-color: transparent;
  }

  .mv-in-evidence {
    width: 60.53846153846154%;
    margin: 0 2.538461538461538% 0 0;
  }
  .mv-in-evidence img {
    float: none;
    width: 100%;
  }
  .mv-in-evidence h3 {
    font-size: 20px;
    margin: 10px 0;
  }
  .mv-in-evidence .mv-description {
    float: none;
    margin: 10px 0 10px 0;
  }

  /* News feed */
  .nf-author-image {
    width: 20px;
    height: 20px;
  }

  .nf-content,
  .nf-social {
    margin-left: 170px;
  }

  .nf-content {
    margin-top: 5px;
  }

  .nf-author-name,
  .nf-share-count {
    font-size: 20px;
    font-size: 1.25rem;
  }

  .nf-author-name {
    display: inline-block;
  }

  .nf-club-metro .nf-post-type:before {
    float: left;
    display: block;
    content: "";
    width: 77px;
    height: 25px;
    margin-top: 10px;
    background: url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px -971px;
    background-size: 68px;
  }

  #news-feed-list {
    width: auto;
  }

  .nf-item {
    margin: 20px auto;
    padding-bottom: 20px;
  }

  .nf-headline {
    float: none;
    margin-left: 170px;
  }

  .nf-title {
    margin-top: -5px;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 23px;
    font-size: 1.4375rem;
  }

  .nf-item.is-sponsored .nf-title {
    margin-top: 0;
  }

  .nf-excerpt {
    display: block;
    margin-top: 5px;
    font-family: ScoutLight, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
  }

  .nf-image-box {
    width: 150px;
    margin-bottom: 0;
  }

  .nf-social {
    clear: none;
  }
  .nf-social .icon-facebook,
  .nf-social .icon-twitter,
  .nf-social .icon-google-plus-2 {
    float: left;
    width: 25px;
    margin-right: 6px;
    font-size: 15px;
    line-height: 25px;
    color: white;
  }
  .nf-social .icon-facebook {
    background-color: #3b5998;
  }
  .nf-social .icon-facebook:hover {
    background-color: #1f3666;
  }
  .nf-social .icon-twitter {
    background-color: #17abed;
  }
  .nf-social .icon-twitter:hover {
    background-color: #0e88bf;
  }
  .nf-social .icon-google-plus-2 {
    background: #dd4b39;
  }
  .nf-social .icon-google-plus-2:hover {
    background-color: #b63d2e;
  }

  .nf-social-desktop .nf-social-buttons,
  .nf-social-desktop .nf-share-count {
    display: inline-block;
    margin-top: 0;
  }

  /* Footer */
  #page-bottom-base {
    margin-bottom: 35px;
  }

  #footer-links .item-1,
  #footer-links .item-2,
  #footer-links .item-3,
  #footer-links .item-4 {
    float: left;
    width: 25%;
    clear: none;
  }

  #powered-by .copyright {
    display: inline;
    height: auto;
  }

  #powered-by .copyright:after {
    content: ' | ';
    display: inline-block;
    margin: 0 10px;
  }

  /* Fancy tag page */
  .headline-container {
    padding: 20px;
  }

  .hc-image-container {
    width: 160px;
    height: 160px;
    margin-bottom: 0;
  }

  .hc-image {
    width: 160px;
    height: 160px;
  }

  .hc-title {
    margin: 0 0 5px 0 !important;
  }

  .hc-title,
  .hc-description {
    margin-left: 180px !important;
  }

  .ht-posts-number {
    display: inline;
    margin-bottom: 5px;
    vertical-align: middle;
  }

  .hc-description {
    clear: none;
  }

  /* Google Custom Search */
  .gsc-result a.gs-title {
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 18px !important;
  }

  .gsc-result a.gs-title b {
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 18px !important;
  }

  .gsc-table-result {
    font-size: 14px !important;
  }

  .content .club-item {
    width: 10%;
  }
  .content .world-cup-teams-widget .club-item {
    width: 12%;
  }

  #spinner {
    bottom: 50px;
  }

  /* Quizzicle */
  .metro-quizzicle {
    max-width: 644px;
  }

  .quiz-img {
    max-height: 450px;
  }

  .game-share-buttons .btn {
    display: inline-block;
    margin: 0;
  }
  .game-share-buttons .facebook {
    margin-right: 20px;
  }

  .quiz-question {
    font-size: 24px;
  }

  .quiz-result {
    padding: 30px;
  }

  .quiz-comp-text {
    font-size: 144px;
  }

  .quiz-answer-img-credits {
    font-size: 12px;
  }

  .wordicle {
    margin: 80px 40px;
  }
  .wordicle dd {
    margin: 40px 0;
  }

  .notice {
    padding: 20px;
    font-size: 20px;
    text-align: left;
  }
  .notice p:first-of-type,
  .notice .is-first {
    margin-top: 70px;
  }

  .notice-bear {
    float: left;
    margin-right: 50px;
  }

  #try-again {
    margin-left: 0;
  }

  h2.sel-title,
  .sel-result {
    font-size: 2.3rem;
  }

  .comparicle {
    min-height: 300px;
  }
  .comparicle .comp-title {
    margin-bottom: 20px;
    font-size: 32px;
  }

  .comp-inputs {
    padding-top: 20px;
    font-size: 24px;
  }

  .comp-reveal-container {
    margin-top: -1.5em;
    font-size: 24px;
  }

  .comp-reveal {
    padding: 1em;
  }

  .comp-score {
    font-size: 144px;
  }

  .comp-verdict {
    font-size: 24px;
  }

  .metro-like.small {
    display: none;
  }
  .metro-like.medium {
    display: block;
  }

  .metro-sassy-poll {
    margin: 20px 0;
    padding: 20px;
  }

  .msp-option {
    width: 344px;
    padding: 20px 0 !important;
  }
  .msp-option:first-child {
    margin-right: 20px;
  }

  .mosaic .title {
    font-size: 25px;
    line-height: 30px;
  }
  .mosaic .excerpt {
    font-family: ScoutLight, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
  }
  .mosaic .wide {
    width: 748px;
  }
  .mosaic .wide .title {
    font-size: 30px;
    line-height: 36px;
  }
  .mosaic .wide img {
    margin-top: -36px;
  }

  @-moz-document url-prefix() {
    .mosaic .title {
      line-height: 1 !important;
    }
    .mosaic img,
    .mosaic .item-2 img,
    .mosaic .item-3 img {
      margin-top: -25px;
    }
    .mosaic .wide .title {
      line-height: 31px;
    }
    .mosaic .wide img {
      margin-top: -31px;
    }
  }
  .mosaic-item {
    float: left;
    width: 365px;
    margin: 0 10px 20px 0;
  }

  .ie7 .mosaic .title,
  .ie8 .mosaic .title,
  .ie7 .trending-main .title,
  .ie8 .trending-main .title {
    margin: 0 !important;
  }
  .ie7 .mosaic .news span,
  .ie8 .mosaic .news span,
  .ie7 .trending-main .news span,
  .ie8 .trending-main .news span {
    padding: 0 10px;
    white-space: pre-wrap;
  }

  .ie7 .mosaic .title,
  .ie8 .mosaic .title,
  .ie7 .trending-main .title,
  .ie8 .trending-main .title {
    margin: 0 !important;
  }
  .ie7 .mosaic .sport span,
  .ie8 .mosaic .sport span,
  .ie7 .trending-main .sport span,
  .ie8 .trending-main .sport span {
    padding: 0 10px;
    white-space: pre-wrap;
  }

  .ie7 .mosaic .title,
  .ie8 .mosaic .title,
  .ie7 .trending-main .title,
  .ie8 .trending-main .title {
    margin: 0 !important;
  }
  .ie7 .mosaic .entertainment span,
  .ie8 .mosaic .entertainment span,
  .ie7 .trending-main .entertainment span,
  .ie8 .trending-main .entertainment span {
    padding: 0 10px;
    white-space: pre-wrap;
  }

  .ie7 .mosaic .title,
  .ie8 .mosaic .title,
  .ie7 .trending-main .title,
  .ie8 .trending-main .title {
    margin: 0 !important;
  }
  .ie7 .mosaic .lifestyle span,
  .ie8 .mosaic .lifestyle span,
  .ie7 .trending-main .lifestyle span,
  .ie8 .trending-main .lifestyle span {
    padding: 0 10px;
    white-space: pre-wrap;
  }

  .trending-main span {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 10px 0 0 rgba(255, 255, 255, 0.9), -10px 0 0 rgba(255, 255, 255, 0.9);
    box-decoration-break: clone;
  }

  .ie7 .trending-main .span,
  .ie8 .trending-main .span {
    background-color: white;
  }

  .before-and-after.portrait {
    max-width: 450px;
  }

  .share-buttons-bottom {
    width: auto;
  }
  .share-buttons-bottom .shrb-bottom {
    width: 50%;
  }
  .share-buttons-bottom .fol-button {
    display: inline-block;
    margin: 0;
    font-family: ScoutBold, Arial, Helvetica, sans-serif;
    font-size: 20px;
  }
  .share-buttons-bottom .fol-button.facebook {
    margin-right: 19px;
  }

  .shrb-bottom {
    width: 25%;
    height: 100px;
    padding: 15px;
  }
  .shrb-bottom.facebook i {
    background-size: 49px;
    background-position: 50% -197px;
  }
  .shrb-bottom.twitter i {
    background-size: 54px;
    background-position: 50% -7px;
  }
  .shrb-bottom.google i {
    background-size: 46px;
    background-position: 50% -277px;
  }
  .shrb-bottom.email i {
    background-size: 54px;
    background-position: 50% -112px;
  }

  .gallery-content .share-buttons-bottom,
  .gallery-image .share-buttons-bottom {
    width: 540px;
    margin: 30px auto;
  }

  .fol-button.facebook {
    margin-bottom: 15px;
  }

  .bef-widget .title {
    margin-top: -46px;
    font-size: 30px;
  }

  .more-posts img {
    float: left;
    width: 100px;
    height: 75px;
  }

  .mor-title {
    margin-left: 110px;
    font-size: 18px;
  }

  .md-close {
    top: -25px;
    right: -25px;
  }

  #after-share-modal {
    max-width: 400px;
    max-height: 300px;
  }
  #after-share-modal .md-content {
    max-width: 400px;
    max-height: 300px;
    padding: 30px 71px;
  }
}
@media screen and (min-width: 1024px) {
  /* Min 1024
  -------------------------------------------------------------- */
  /* Layout */
  .col-ab {
    width: 644px;
  }

  #topBar, #masthead, #page-bottom {
    max-width: 964px;
  }

  #pageBody {
    max-width: 1010px;
  }

  .pageBackground {
    width: 964px;
    margin: 0 auto;
  }

  .error404 .breakable {
    display: block;
  }

  #sidebar {
    display: block;
    clear: right;
    float: right;
  }

  #channel-sidebar-top {
    display: block;
  }

  #single-post-content {
    padding-top: 0;
  }

  /* Masthead */
  #masthead {
    margin-bottom: 10px;
    padding: 20px 10px 10px;
  }

  #metro-logo {
    width: 475px;
    height: 118px;
    max-height: none;
    top: -2px;
    background-size: 475px;
  }

  .nav-strap {
    top: -93px;
    left: 439px;
  }

  .nav-strap-shares {
    margin-top: 3px;
  }
  .nav-strap-shares span {
    font-size: 53px;
  }
  .nav-strap-shares span i {
    font-size: 42px;
  }

  .ie8 #metro-logo {
    width: 405px;
    height: 100px;
    background-image: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-orange-405x100.png);
    background-position: 0 0;
  }
  .ie8 .nav-strap {
    left: 373px;
    top: -98px;
  }

  .poppy {
    width: auto;
  }

  .cookie-notice span {
    width: 964px;
  }

  /* Navigation */
  .main-nav-container {
    top: -11px;
    left: 10px;
    margin-top: 126px;
  }

  .ie8 .main-nav-container {
    margin-top: 112px;
  }

  .main-nav-container h2 {
    top: 43px;
    font-size: 16px;
  }

  .home .subnav-filler,
  .tag .subnav-filler,
  .author .subnav-filler,
  .page-template-search-php .subnav-filler {
    height: 33px;
  }
  .home .subnav-filler h2,
  .tag .subnav-filler h2,
  .author .subnav-filler h2,
  .page-template-search-php .subnav-filler h2 {
    height: 33px;
    padding: 0 10px;
    line-height: 33px;
  }

  .nav-follow {
    display: none;
  }

  #author-content,
  #tag-content,
  #archive-content,
  #category-content {
    padding-top: 0;
  }

  /* Post listings */
  .breaking-news-post a:hover {
    text-decoration: none;
  }
  .breaking-news-post .title {
    margin-top: -2px;
    margin-bottom: 0;
    padding: 6px 5px 10px 10px;
    color: #fff;
    background-color: black;
  }
  .breaking-news-post .excerpt {
    display: none;
  }

  .nf-headline {
    width: 474px;
  }

  .nf-title {
    font-size: 25px;
    font-size: 1.5625rem;
  }

  /* Tiles */
  .tiles .teaser {
    width: 208px;
  }

  .tiles .teaser.wide {
    width: 426px;
  }

  .gallery.tiles .teaser {
    width: 317px;
  }

  /* Gallery single image page */
  .gallery-nav {
    float: right;
    width: 300px;
    padding: 0 0 10px 10px;
    border-left: 1px solid transparent;
  }

  /* Multiple galleries widget */
  .category-galleries-widget .item,
  .category-galleries-widget .item .title,
  .category-galleries-widget .item img {
    width: 208px !important;
  }

  /* Facebook comments */
  #fb-comments-area {
    max-width: 964px;
  }

  #fb-comments-container {
    max-width: 620px;
    margin: 0 auto;
  }

  .gallery-content #fb-comments-container {
    width: 540px;
    max-width: 540px;
  }

  .gallery-image #fb-comments-container {
    width: 768px;
    max-width: 768px;
  }

  #latest-posts-widget {
    display: block;
  }

  /* Posts */
  .post-meta-top {
    margin-bottom: 35px;
  }

  .post-meta-top .post-category {
    display: inline-block;
    line-height: 1em;
    vertical-align: top;
    margin-top: -1px;
    font-size: 18px;
  }

  .category-posts-widget .item {
    width: 300px;
  }

  .single-article > figure:first-child,
  .single-article > figure:first-child.aligncenter,
  .single-article > figure:first-child.alignnone {
    margin: 0 -52px 15px -52px;
  }

  .blogs-header {
    height: 40px;
  }

  .blogs-logo {
    font-size: 32px;
    line-height: 40px;
  }

  .blogs-header span {
    font-size: 20px;
    line-height: 40px;
  }

  /* Ads */
  .sidebar .ad-slot-container {
    margin: 0 0 20px 0;
  }

  body.page-wrap #topBar {
    max-width: 1010px;
    /* Expand the top bar */
  }

  #ad-overlay-metro-logo {
    width: 180px;
  }

  #ad-top {
    background: transparent;
  }

  #ad-top,
  #ad-bottom {
    position: static;
    max-width: 970px;
  }

  .metro-sticky-banner-on #ad-top {
    position: static;
  }
  .metro-sticky-banner-on #page-container {
    margin-top: 0;
  }
  .metro-sticky-banner-on.show-legals #page-container {
    margin-top: 20px;
  }

  /* Trending */
  .trending ol {
    width: 100%;
    margin: auto;
  }

  .trending h3 {
    font-size: 16px;
  }

  .trending-main li {
    width: 19.143468951%;
    margin-left: 1.070663812%;
  }
  .trending-main .tw-item-4,
  .trending-main .tw-item-5 {
    display: inline-block;
  }

  /* List carousel widget */
  .list-carousel-widget .carousel {
    padding: 0 40px;
  }

  .list-carousel-widget .slide-wrapper {
    width: 540px;
  }

  .list-carousel-widget .teaser {
    margin: 0 15px;
  }

  /* Related items used at bottom of story */
  .related-posts-main .trail {
    width: 203px;
    font-size: 14px;
  }

  .related-posts-main img,
  .related-posts-main .meta,
  .related-posts-main .post-style {
    width: 203px;
    height: 152px;
  }

  .related-posts-main .icon-star {
    padding: 8px 4px;
  }

  .side-by-side > a {
    width: 312px;
  }

  .side-by-side img {
    width: 312px;
    height: 234px;
  }

  .sbs-title {
    width: 312px;
  }

  /* Author page */
  .apb-title {
    font-size: 35px;
  }

  .apb-img-container {
    width: 130px;
    height: 130px;
  }

  .apb-img {
    width: 130px;
    height: 130px;
  }

  /* In masthead */
  #masthead-follow {
    display: block;
  }

  .mosaic .wide {
    width: 644px;
  }

  .mosaic-item {
    width: 317px;
  }

  .msp-option {
    width: 292px;
  }

  .more-posts {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
  }
  .more-posts li {
    width: 260px;
  }
  .more-posts li:nth-child(1),
  .more-posts li:nth-child(3) {
    margin-right: 20px;
  }

  .mor-title {
    margin-left: 110px;
  }

  .gallery-content .share-buttons-bottom,
  .gallery-image .share-buttons-bottom {
    width: 540px;
    margin: 30px auto;
  }

  .gallery-content .share-buttons-top {
    margin-bottom: 20px;
  }

  .gallery-image .figcaption {
    max-width: 748px;
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 1025px) {
  #ad-overlay {
    position: absolute;
    width: 964px;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-left: -470px;
    background: transparent;
  }

  #ad-top .ad-slot-large {
    margin-bottom: 10px;
  }

  .page-wrap #page-wrap {
    display: block;
    cursor: pointer;
  }

  /* Page wrap is a bit wider if there's an overlay */
  body.page-wrap #ad-overlay {
    width: 990px;
    margin-left: -480px;
  }

  .pageBackground {
    padding: 10px 10px 0;
  }

  .has-hover .teaser:hover .category {
    right: 0;
  }

  .flyer-story {
    display: block;
  }

  /* Image and listicle share buttons */
  .item-share-buttons {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 35px;
    padding: 0 10px 10px 0;
  }
  .item-share-buttons .btn {
    width: 35px;
    height: 35px;
    margin: 0 10px 10px 0;
  }

  figure:hover .item-share-buttons,
  .listicle-item:hover .item-share-buttons {
    display: block;
  }

  .share-item-facebook {
    background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 2px 3px;
    background-size: 39px;
  }

  .ie7 .share-item-facebook,
  .ie8 .share-item-facebook {
    background: #3b5998 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.png?10) no-repeat 10px 11px;
  }

  .share-item-twitter {
    background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 2px -30px;
    background-size: 32px;
  }

  .ie7 .share-item-twitter,
  .ie8 .share-item-twitter {
    background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.png?10) no-repeat 6px -31px;
  }

  .share-item-email {
    background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.svg?10) no-repeat 1px -67px;
    background-size: 34px;
  }

  .ie7 .share-item-email,
  .ie8 .share-item-email {
    background: #6cb42c url(/wp-content/themes/vip/metrouk/css/../img/social-sprite.png?10) no-repeat 5px -67px;
  }
}
@media screen and (min-width: 1280px) {
  .big #pageBody {
    max-width: 1300px;
  }
  .big .pageBackground {
    width: 1260px;
  }
  .big #topBar, .big #masthead, .big #page-bottom {
    max-width: 1260px;
  }
  .big #masthead {
    min-height: 113px;
  }
  .big .col-ab {
    width: 930px;
  }
  .big .header-content {
    margin-top: 20px;
  }
  .big .sidebar .widget h2 {
    font-size: 28px;
  }
  .big .single-article,
  .big .col-skinny {
    width: 768px;
  }
  .big .single-post article {
    font-size: 25px;
  }
  .big .single-post h1 {
    font-size: 60px;
  }
  .big .byline-container {
    font-size: 20px;
  }
  .big article figure figcaption,
  .big .figcaption {
    font-size: 16px;
  }
  .big .single-article > figure:first-child {
    display: block;
    margin: 0 -81px 15px -81px;
  }
  .big .single-article > figure.alignleft:first-child,
  .big .single-article > figure.alignright:first-child,
  .big .single-article > figure.size-medium:first-child,
  .big .single-article > figure.size-thumbnail:first-child {
    display: inline-block;
    width: inherit;
    max-width: 100%;
    margin: auto auto 20px;
  }
  .big .tags {
    font-size: 20px;
  }
  .big #fb-comments-container {
    max-width: 768px;
  }
  .big #widget-area-channel-top .mosaic,
  .big #widget-area-home-1 .mosaic, .big.tag .mosaic, .big.author .mosaic {
    width: 960px;
    overflow-x: hidden;
  }
  .big .mosaic {
    margin: 0 0 30px 0;
  }
  .big .mosaic .title {
    font-size: 34px;
    line-height: 1.2;
  }
  .big .mosaic img {
    margin-top: -41px;
  }
  .big .mosaic .excerpt {
    font-size: 20px;
  }
  .big .mosaic .wide,
  .big .mosaic-item {
    width: 450px;
    margin: 0 30px 30px 0;
  }
  @-moz-document url-prefix() {
    .big .mosaic .title {
      line-height: 35px;
    }
    .big .mosaic img {
      margin-top: -33px;
    }
  }
  .big .trending-main {
    padding-top: 30px;
  }
  .big .trending-main h3 {
    margin-top: -29px;
  }
  .big .trending-main span {
    font-size: 23px;
  }
  @-moz-document url-prefix() {
    .big .trending-main h3 {
      margin-top: -24px;
    }
  }
  .big .list-carousel-widget .carousel {
    width: 740px;
  }
  .big .list-carousel-widget .slide-wrapper {
    width: 720px;
  }
  .big .sbs-thumb-link {
    margin: 0 67px;
  }
  .big .side-by-side > a {
    width: 364px;
  }
  .big .side-by-side img {
    width: 364px;
    height: 218px;
  }
  .big .nf-headline {
    width: 690px;
  }
  .big .nf-title {
    font-size: 34px;
    font-size: 2.125rem;
  }
  .big .nf-excerpt {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .big .nf-image-box {
    width: 220px;
  }
  .big .nf-content,
  .big .nf-social {
    margin-left: 240px;
  }
  .big .nf-share-count {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .big .share-buttons-bottom {
    margin: 40px auto;
  }
  .big .gallery-content .share-buttons-bottom,
  .big .gallery-image .share-buttons-bottom {
    width: 768px;
  }
  .big .related-posts-main img,
  .big .related-posts-main .meta,
  .big .related-posts-main .post-style {
    width: 280px;
    height: 210px;
  }
  .big .related-posts-main .trail {
    width: 280px;
  }
  .big .tiles {
    width: 945px;
    margin: 0 -15px 20px 0;
  }
  .big .tiles .teaser {
    width: 221px;
    margin-right: 15px;
  }
  .big .tiles .teaser.wide {
    width: 455px;
  }
  .big .apb-title {
    font-size: 40px;
  }
  .big .apb-desc {
    font-size: 25px;
  }
  .big .more-posts {
    width: 640px;
  }
  .big .more-posts li {
    width: 47.65625%;
    margin-bottom: 20px;
  }
  .big .more-posts li:nth-child(1),
  .big .more-posts li:nth-child(3) {
    margin-right: 30px;
  }
  .big .mor-title {
    font-size: 20px;
  }
  .big .quiz-question {
    font-size: 26px;
  }
}