@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,
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, 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;
}
/* 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;
}
/* Contents
==================================================
	1. Hacks
	2. Floats
	3. Padding
	4. Margin
	5. Display
	6. Typography
	7. Links
	8. Overflow
	9. Validation
*/
/* 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;
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .hidden-lg-up {
    display: none !important;
  }
}

/* 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;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* 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;
}

/* 9. Validation
================================================== */
.error {
  font-size: 12px;
  padding: 0 0 5px 0;
  color: #FF0000;
}

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

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
/* 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?3);
  src: url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.eot?3#iefix) format("embedded-opentype"), url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.woff?3) 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?3#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);
  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
Generic selector [class*="icon-"] is slow, so use .icon

.icon-zoom-in, .icon-hamburger, .icon-zoom-out, .icon-email-2, .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-whatsapp
*/
.icon {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.related-posts-main .icon,
.mosaic-item .icon,
.md-close .icon,
.game-again .icon {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #020202;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.icon-baffled:before {
  content: "\e606";
}

.icon-confused:before {
  content: "\e607";
}

.icon-cool:before {
  content: "\e608";
}

.icon-frustrated:before {
  content: "\e609";
}

.icon-grin:before {
  content: "\e60a";
}

.icon-neutral:before {
  content: "\e60b";
}

.icon-sad:before {
  content: "\e60c";
}

.icon-shocked:before {
  content: "\e60d";
}

.icon-smile:before {
  content: "\e60e";
}

.icon-tongue:before {
  content: "\e60f";
}

.icon-wondering:before {
  content: "\e610";
}

.icon-happy:before {
  content: "\e611";
}

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

.icon-hamburger:before {
  content: "\e605";
}

.icon-zoom-out:before {
  content: "\e602";
}

.icon-zoom-in:before {
  content: "\e603";
}

.icon-email-2:before {
  content: "\e601";
}

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

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

.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-email: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-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-instagram:before {
  content: "\e612";
}

.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 {
  content: "\e037";
}

.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-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-quotes-left:before {
  content: "\e053";
}

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

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

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

.icon-uniF000:before {
  content: "\f000";
}
body {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  height: 100%;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  color: black;
  background: white;
  min-width: 320px;
}

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

p em {
  font-style: italic;
}

#topBar,
#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;
}

.widget .mor-static a {
  color: #ea6400;
}

.widget .mor-static a:visited,
.widget .mor-static a:hover {
  color: #a34600;
  text-decoration: none;
}

.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 {
  visibility: hidden;
  background: #fff;
  position: relative;
  z-index: 0;
  max-width: 988px;
  margin: 0 auto;
}

.page #page-bottom-container,
.tag #page-bottom-container,
.author #page-bottom-container,
.archive #page-bottom-container,
.newsfeed-end #page-bottom-container {
  visibility: visible;
}

a {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  color: #ea6400;
  text-decoration: none;
}

a:hover {
  color: #a34600;
}

#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 {
  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;
}

#ad-special {
  height: 1px;
}

/* 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;
  -webkit-backface-visibility: hidden;
          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;
  -webkit-transition: right 0.5s ease-in-out;
          transition: right 0.5s 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;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.met-homescreen-prompt {
  background-color: #ddd;
  color: #000;
  font-size: 17px;
  height: 50px;
}

.mhp-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 7px 0px 10px;
  vertical-align: middle;
}

.mhp-msg {
  display: inline-block;
  padding-top: 14px;
}

.mhp-btn {
  display: inline-block;
  float: right;
  margin-top: 9px;
  margin-right: 10px;
  margin-left: 5px;
  position: relative;
  background: #eee;
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);
  border-radius: 7px;
  font-size: 16px;
  padding: 5px 15px;
  border: 1px solid #aaa;
}

.mhp-instructions {
  display: none;
  font-size: 20px;
  color: #000;
}

.mhp-step {
  padding: 10px 12px 9px;
  border-bottom: 1px solid #ccc;
  margin: 0;
  min-width: 250px;
}

.mhp-step:nth-of-type(1) {
  padding-top: 4px;
  padding-bottom: 7px;
}

.mhp-step1-icon {
  width: 20px;
  height: 29px;
  vertical-align: text-bottom;
  margin-left: 3px;
}

.mhp-bullet1 {
  margin-right: 3px;
}
@charset "UTF-8";
/* Masthead branding
-------------------------------------------------------------- */
#masthead {
  box-sizing: border-box;
  padding-top: 50px;
  position: fixed;
  left: 0;
  width: 100%;
  top: 0px;
  height: 100px;
  min-width: 320px;
  background-color: #fff;
  z-index: 1001;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s ease;
          transition: transform 0.5s ease;
}

#masthead.isHidden {
  -webkit-transform: translate3d(0, -50px, 0) !important;
          transform: translate3d(0, -50px, 0) !important;
}

.metro-nav-open {
  position: fixed;
  overflow: hidden;
}

.metro-nav-open #masthead {
  min-height: 100%;
  overflow-y: scroll;
}

#page-container {
  padding-top: 100px;
  margin-top: 10px;
}

.admin-bar #page-container {
  padding-top: 50px;
}

.show-legals #masthead {
  padding-top: 70px;
  height: 120px;
}

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

.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;
  background-position: left 0;
  float: left;
}

/* 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 {
  background-color: #f1f1f1;
  height: 50px;
  cursor: pointer;
  width: 50px;
  line-height: 50px;
  color: #999;
  text-align: center;
  font-size: 2em;
  position: absolute;
  top: 0;
  right: 0;
  left: initial;
}

.nav-control:hover {
  color: black;
}

nav.main-nav-container-mobile {
  height: 50px;
  background-color: #f1f1f1;
  margin-right: 50px;
}

nav.main-nav-container-mobile a {
  width: 49%;
  text-transform: uppercase;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  float: left;
  font-size: 14px;
  border-right: 1px solid white;
}

nav.main-nav-container-mobile a:nth-child(1) {
  border-left: 1px solid white;
  color: #fc1049;
}

nav.main-nav-container-mobile a:nth-child(1):hover {
  color: white;
  background-color: #fc1049;
}

nav.main-nav-container-mobile a:nth-child(1).active {
  color: white;
  background-color: #fc1049;
}

nav.main-nav-container-mobile a:nth-child(2) {
  color: #f78b25;
}

nav.main-nav-container-mobile a:nth-child(2):hover {
  color: white;
  background-color: #f78b25;
}

nav.main-nav-container-mobile a:nth-child(2).active {
  color: white;
  background-color: #f78b25;
}

.main-nav-container {
  margin-left: 100px;
  margin-bottom: 10px;
  height: 50px;
  -webkit-transform: translateX(0);
  -ms-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;
  display: none;
}

.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: #f1f1f1;
  margin-left: -110px;
}

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

.nav-menu > li > a {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 20px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 35px;
  color: BLACK;
  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 .nav-control {
  color: black;
}

.metro-nav-open .nav-control:hover {
  color: black;
}

.metro-nav-open .nav-control:before {
  content: "\e604";
}

.metro-nav-open .main-nav-container {
  top: 0;
  right: 10px;
  bottom: -2px;
  left: 10px;
  height: auto;
}

.metro-nav-open .main-nav-container {
  top: 50px;
}

.metro-nav-open .nav-menu {
  display: block;
}

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

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

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

.main-nav-container .sub-menu li.nav-menu-item-tablet,
.footer-nav .sub-menu li.nav-menu-item-tablet {
  display: none;
}

.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);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

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

#masthead .search > a:before,
.footer-nav .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;
  color: black;
  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: black;
  text-transform: uppercase;
}

.nav-follow .follow-icon {
  display: block;
  float: left;
  width: 50%;
  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: fixed;
  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;
}

.browsehappy {
  margin: 0 0 10px;
  background: #f1f1f1;
  color: #000;
  padding: 10px;
  font-size: 16px;
  text-align: center;
}

.browsehappy a {
  text-decoration: underline;
}

.browsehappy .icon {
  position: static;
  margin-right: 2px;
  vertical-align: middle;
  font-size: 18px;
  color: #666;
  background: transparent;
}
#page-bottom {
  position: relative;
}

#ad-choices {
  height: 14px;
  padding-left: 16px;
  background: url(/wp-content/themes/vip/metrouk/css/../img/sprite.png?10) no-repeat -46px -48px;
}

.met-breadcrumb {
  margin-bottom: 20px;
  font-size: 17px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}

.met-crumb-text {
  color: #ea6400;
}

a.met-crumb-text:hover, a.met-crumb-text:visited {
  color: #a34600;
}

.footer-links {
  position: relative;
  background: #f1f1f1;
}

.footer-links .main-nav-container-mobile {
  display: none;
}

.powered-by:after {
  content: ' | ';
  display: inline-block;
  margin: 0 10px;
}

.footer-follow a {
  display: block;
  float: left;
  width: 50%;
  padding: 15px 0;
  text-align: center;
  color: white;
  cursor: pointer;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.footer-follow .icon {
  margin-right: 0.5em;
  font-size: 20px;
  vertical-align: middle;
}

.footer-follow span {
  vertical-align: middle;
}

.footer-follow .facebook {
  background: #3b5998;
}

.footer-follow .facebook:hover {
  background-color: #1f3666;
}

.footer-follow .twitter {
  background: #17abed;
}

.footer-follow .twitter:hover {
  background-color: #0e88bf;
}

.footer-promo .widget_text {
  margin: 0;
}

.foo-left {
  display: none;
}

#back-to-top {
  display: block;
  line-height: 40px;
  text-align: center;
  color: black;
  font-size: 16px;
  text-transform: uppercase;
}

#back-to-top:after {
  display: inline-block;
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

@media screen and (min-width: 768px) {
  #back-to-top {
    position: absolute;
    top: -40px;
    right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .foo-left {
    display: block;
    float: left;
    width: 50%;
    min-height: 160px;
    box-sizing: border-box;
  }
  .foo-right {
    float: left;
    width: 50%;
    box-sizing: border-box;
  }
}

#wpstats {
  position: fixed;
  bottom: 10px;
  left: 10px;
  visibility: hidden;
}
#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 .content h1,
.single-attachment .content 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 .content h1,
.page .content h1,
.error404 .content h1,
.tag .content 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: 24px;
  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;
  margin-left: -10px;
  margin-right: -10px;
}

.apb-main {
  position: relative;
  width: 100%;
  height: 190px;
  background-size: cover;
  background-repeat: no-repeat;
}

.apb-main.responsive-bg .apb-inner {
  background-color: transparent;
}

.apb-img-container {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100px;
  height: 100px;
}

.apb-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f1f1f1;
}

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

.apb-title {
  display: inline-block;
  position: absolute;
  left: 10px;
  bottom: 0;
  padding: 0 50px 0 10px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 28px;
  color: black;
}

.apb-title span {
  background-color: #ffc000;
  box-shadow: 10px 0 0 #ffc000, -10px 0 0 #ffc000;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.2;
}

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

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

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

.apb-badge {
  position: absolute;
  height: 50px;
  right: -30px;
  bottom: -7px;
}

.apb-contact-links {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}

.apb-contact-links ul {
  list-style-type: none;
  text-align: center;
}

.apb-contact-links li {
  display: block;
  margin-bottom: 0;
}

.apb-contact-links li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.apb-contact-links .icon {
  display: block;
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: middle;
  line-height: 35px;
  text-align: center;
  color: white;
  font-size: 18px;
}

.apb-contact-links .icon:hover {
  background-color: white;
  text-decoration: none;
}

.apb-contact-links .icon-facebook {
  background: #3b5998;
}

.apb-contact-links .icon-facebook:hover {
  color: #3b5998;
}

.apb-contact-links .icon-twitter {
  background: #17abed;
}

.apb-contact-links .icon-twitter:hover {
  color: #17abed;
}

.apb-contact-links .icon-google-plus-2 {
  background: #dd4b39;
}

.apb-contact-links .icon-google-plus-2:hover {
  color: #dd4b39;
}

.apb-contact-links .icon-link {
  background: #6cb42c;
}

.apb-contact-links .icon-link:hover {
  color: #6cb42c;
}

.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;
}

.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;
}

.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;
}

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

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

.apb-follow {
  margin-top: 9px;
}

/* 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;
  border-radius: 53px;
}

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

.sponsored-author .author-img {
  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;
  border-radius: 20px;
}

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

.byline-container .signpost {
  text-transform: uppercase;
  color: white;
  font-family: 'ScoutBold', sans-serif;
  font-size: 1em;
  padding: 0 5px 1px 5px;
  margin-right: 10px;
}

.byline-container .signpost.opinion {
  background-color: #00AEFF;
}

.byline-container .signpost.gossip {
  background-color: #BA22B2;
}

.byline-container .signpost.exclusive {
  background-color: #FF0044;
}

.byline-container .signpost.review {
  background-color: #008D9D;
}

.byline-container .signpost.club-metro-opinion {
  background-color: #00AEFF;
}

.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.15;
}

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

.gallery-content > article {
  margin-bottom: 20px;
}

.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;
}

.single-article iframe {
  max-width: 100%;
}

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

/* limit width of various objects */
video {
  width: 100%;
  height: auto !important;
}

object embed {
  width: 100%;
}

.daylife_smartgalleries_container {
  max-width: 100%;
}

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

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

.share-buttons 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 a i {
  display: none;
}

.share-buttons a:last-child {
  margin-right: 0;
}

.share-buttons.has-share-count .share-count {
  display: block;
}

.share-buttons.has-share-count a {
  width: 18.333333%;
}

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

.share-button:hover {
  text-decoration: none;
}

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

.share-button.twitter {
  background: #17abed url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% 4px;
  background-size: 32px;
}

.share-button.google {
  display: none;
  background: #dd4b39 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% -187px;
  background-size: 32px;
}

.share-button.whatsapp {
  padding: 8px;
  background: #57cf38;
  font-family: 'icomoon';
  font-size: 22px;
  text-align: center;
}

.share-button.whatsapp .icon-whatsapp {
  position: static;
  background: transparent;
  color: white;
}

.share-button.email {
  background: #878787 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% -64px;
  background-size: 34px;
}

.share-button.weibo {
  background: #ffcd20 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.svg?10) no-repeat 50% -399px;
  background-size: 40px;
}

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

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

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

.ie7 .share-button.email,
.ie8 .share-button.email {
  background: #878787 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?10) no-repeat 50% -47px;
}

.ie7 .share-button.weibo,
.ie8 .share-button.weibo {
  background: #ffcd20 url(/wp-content/themes/vip/metrouk/css/../img/social-sprite-2.png?10) no-repeat 50% -291px;
}

.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 .whatsapp:hover {
  background-color: #35a815;
}

.share-buttons .email:hover {
  background-color: #5c5c5c;
}

.share-buttons .weibo:hover {
  background-color: #edc536;
}

.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;
  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: #878787 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: #878787 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;
  box-sizing: border-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  color: white;
}

.fol-button:hover {
  text-decoration: none;
  color: white;
}

.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;
  -webkit-box-decoration-break: clone;
  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 {
  display: inline-block;
  vertical-align: bottom;
}

.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;
}

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

.ie8 .single-article figure {
  display: block;
}

.single-article figure p,
.single-article figure br {
  display: none;
}

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

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

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

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

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

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

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

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

.single-article figure.aligncenter img,
.single-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 .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 .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 {
  border-radius: 0;
}

.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 {
  color: #fff;
  padding: 10px;
  margin: 10px 0;
  clear: both;
  box-shadow: none !important;
}

.metro-sassy-poll ul {
  margin: 20px auto 0;
  padding: 0;
  text-align: center;
  list-style: none;
  display: table;
  border-spacing: 10px 0;
  width: 100%;
}

.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 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  display: inline-block;
  width: 100%;
  margin: 0 0 10px !important;
  padding: 15px 0 20px !important;
  vertical-align: top;
  text-align: center;
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2) !important;
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-transition: background-color 0.5s ease-in-out;
          transition: background-color 0.5s ease-in-out;
  position: relative;
  background-color: #999;
}

.msp-option .msp-text {
  padding-left: 10px;
}

.msp-option .msp-score {
  padding-right: 10px;
}

.msp-score,
.msp-score-bar-container,
.msp-score-bar {
  display: none;
  font-size: 24px;
  font-size: 1.5rem;
}

.msp-score-bar-wrapper {
  position: absolute;
  height: 100%;
  width: 1%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: width 0.2s ease-in;
          transition: width 0.2s ease-in;
}

.msp-content {
  position: relative;
  z-index: 2;
}

.msp-share {
  display: none;
  margin: 10px auto;
  overflow: hidden;
  text-align: center;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}

.msp-share .msp-share-btns {
  float: right;
}

.msp-share .msp-share-cta {
  float: left;
  font-size: 20px;
  line-height: 50px;
}

.msp-share .msp-shrb {
  width: 50px;
  height: 50px;
  padding: 0 20px;
}

.msp-share .msp-shrb span {
  display: none;
}

.msp-share .msp-shrb.facebook {
  background-color: transparent;
  background-position: 50% -119px;
}

.msp-share .msp-shrb.twitter {
  background-color: transparent;
  background-position: 50% 9px;
}

.is-clickable .msp-option {
  cursor: pointer;
}

.is-clickable .msp-option:hover {
  background-color: #e73889;
}

.is-clickable .msp-option:active {
  box-shadow: rgba(0, 0, 0, 0.2) 0px -2px 0px 0px inset !important;
  vertical-align: bottom;
  top: 2px;
}

.is-answered .msp-option {
  margin-bottom: 2px !important;
  box-shadow: none !important;
  padding: 10px 0;
}

.is-answered .msp-score,
.is-answered .msp-share {
  display: block;
}

.is-answered .msp-score {
  display: inline-block;
  box-sizing: border-box;
  width: 20%;
  margin: auto 0;
  text-align: right;
  vertical-align: middle;
}

.is-answered .msp-text {
  display: inline-block;
  box-sizing: border-box;
  width: 80%;
  text-align: left;
  vertical-align: middle;
}

.is-answered .msp-content {
  width: 100%;
}

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

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

.thumbnail-link {
  display: block;
  float: left;
  width: 100px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.thumbnail-link h3 {
  margin-top: -3px;
}

.thumbnail-link img {
  display: block;
  float: left;
  width: 100px;
  height: 75px;
  margin-bottom: 5px;
}

a.thumbnail-link {
  color: #ea6400;
}

a.thumbnail-link:hover,
a.thumbnail-link:visited {
  color: #a34600;
}

.colour-1 .colour-bg,
.colour-1 .colour-bg-nohover {
  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);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-1.colour-bg-lighten,
.colour-1 .colour-bg-lighten {
  background-color: rgba(7, 56, 127, 0.5);
  box-shadow: 10px 0 0 rgba(7, 56, 127, 0.5), -10px 0 0 rgba(7, 56, 127, 0.5);
}

.colour-1.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(2, 13, 30, 0.8);
  box-shadow: 10px 0 0 rgba(2, 13, 30, 0.8), -10px 0 0 rgba(2, 13, 30, 0.8);
}

.colour-1 .is-clickable .mpw-option:hover {
  background-color: rgba(2, 13, 30, 0.8);
}

.colour-1:hover .colour-bg {
  background-color: rgba(4, 35, 79, 0.8);
  box-shadow: 10px 0 0 rgba(4, 35, 79, 0.8), -10px 0 0 rgba(4, 35, 79, 0.8);
}

.mosaic-item.colour-1 .title:after {
  color: #07387F;
}

.mosaic-item.colour-1 .excerpt:after {
  color: #07387F;
}

.colour-2 .colour-bg,
.colour-2 .colour-bg-nohover {
  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);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-2.colour-bg-lighten,
.colour-2 .colour-bg-lighten {
  background-color: rgba(0, 174, 255, 0.5);
  box-shadow: 10px 0 0 rgba(0, 174, 255, 0.5), -10px 0 0 rgba(0, 174, 255, 0.5);
}

.colour-2.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(0, 104, 153, 0.8);
  box-shadow: 10px 0 0 rgba(0, 104, 153, 0.8), -10px 0 0 rgba(0, 104, 153, 0.8);
}

.colour-2 .is-clickable .mpw-option:hover {
  background-color: rgba(0, 104, 153, 0.8);
}

.colour-2:hover .colour-bg {
  background-color: rgba(0, 139, 204, 0.8);
  box-shadow: 10px 0 0 rgba(0, 139, 204, 0.8), -10px 0 0 rgba(0, 139, 204, 0.8);
}

.mosaic-item.colour-2 .title:after {
  color: #00AEFF;
}

.mosaic-item.colour-2 .excerpt:after {
  color: #00AEFF;
}

.colour-3 .colour-bg,
.colour-3 .colour-bg-nohover {
  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);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-3.colour-bg-lighten,
.colour-3 .colour-bg-lighten {
  background-color: rgba(255, 0, 68, 0.5);
  box-shadow: 10px 0 0 rgba(255, 0, 68, 0.5), -10px 0 0 rgba(255, 0, 68, 0.5);
}

.colour-3.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(153, 0, 41, 0.8);
  box-shadow: 10px 0 0 rgba(153, 0, 41, 0.8), -10px 0 0 rgba(153, 0, 41, 0.8);
}

.colour-3 .is-clickable .mpw-option:hover {
  background-color: rgba(153, 0, 41, 0.8);
}

.colour-3:hover .colour-bg {
  background-color: rgba(204, 0, 54, 0.8);
  box-shadow: 10px 0 0 rgba(204, 0, 54, 0.8), -10px 0 0 rgba(204, 0, 54, 0.8);
}

.mosaic-item.colour-3 .title:after {
  color: #FF0044;
}

.mosaic-item.colour-3 .excerpt:after {
  color: #FF0044;
}

.colour-4 .colour-bg,
.colour-4 .colour-bg-nohover {
  background-color: rgba(94, 2, 43, 0.8);
  box-shadow: 10px 0 0 rgba(94, 2, 43, 0.8), -10px 0 0 rgba(94, 2, 43, 0.8);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-4.colour-bg-lighten,
.colour-4 .colour-bg-lighten {
  background-color: rgba(94, 2, 43, 0.5);
  box-shadow: 10px 0 0 rgba(94, 2, 43, 0.5), -10px 0 0 rgba(94, 2, 43, 0.5);
}

.colour-4.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), -10px 0 0 rgba(0, 0, 0, 0.8);
}

.colour-4 .is-clickable .mpw-option:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.colour-4:hover .colour-bg {
  background-color: rgba(44, 1, 20, 0.8);
  box-shadow: 10px 0 0 rgba(44, 1, 20, 0.8), -10px 0 0 rgba(44, 1, 20, 0.8);
}

.mosaic-item.colour-4 .title:after {
  color: #5E022B;
}

.mosaic-item.colour-4 .excerpt:after {
  color: #5E022B;
}

.colour-5 .colour-bg,
.colour-5 .colour-bg-nohover {
  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);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-5.colour-bg-lighten,
.colour-5 .colour-bg-lighten {
  background-color: rgba(234, 100, 0, 0.5);
  box-shadow: 10px 0 0 rgba(234, 100, 0, 0.5), -10px 0 0 rgba(234, 100, 0, 0.5);
}

.colour-5.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(132, 56, 0, 0.8);
  box-shadow: 10px 0 0 rgba(132, 56, 0, 0.8), -10px 0 0 rgba(132, 56, 0, 0.8);
}

.colour-5 .is-clickable .mpw-option:hover {
  background-color: rgba(132, 56, 0, 0.8);
}

.colour-5:hover .colour-bg {
  background-color: rgba(183, 78, 0, 0.8);
  box-shadow: 10px 0 0 rgba(183, 78, 0, 0.8), -10px 0 0 rgba(183, 78, 0, 0.8);
}

.mosaic-item.colour-5 .title:after {
  color: #EA6400;
}

.mosaic-item.colour-5 .excerpt:after {
  color: #EA6400;
}

.colour-6 .colour-bg,
.colour-6 .colour-bg-nohover {
  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);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-6.colour-bg-lighten,
.colour-6 .colour-bg-lighten {
  background-color: rgba(20, 148, 204, 0.5);
  box-shadow: 10px 0 0 rgba(20, 148, 204, 0.5), -10px 0 0 rgba(20, 148, 204, 0.5);
}

.colour-6.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(11, 81, 111, 0.8);
  box-shadow: 10px 0 0 rgba(11, 81, 111, 0.8), -10px 0 0 rgba(11, 81, 111, 0.8);
}

.colour-6 .is-clickable .mpw-option:hover {
  background-color: rgba(11, 81, 111, 0.8);
}

.colour-6:hover .colour-bg {
  background-color: rgba(15, 114, 158, 0.8);
  box-shadow: 10px 0 0 rgba(15, 114, 158, 0.8), -10px 0 0 rgba(15, 114, 158, 0.8);
}

.mosaic-item.colour-6 .title:after {
  color: #1494CC;
}

.mosaic-item.colour-6 .excerpt:after {
  color: #1494CC;
}

.colour-7 .colour-bg,
.colour-7 .colour-bg-nohover {
  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);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-7.colour-bg-lighten,
.colour-7 .colour-bg-lighten {
  background-color: rgba(235, 91, 76, 0.5);
  box-shadow: 10px 0 0 rgba(235, 91, 76, 0.5), -10px 0 0 rgba(235, 91, 76, 0.5);
}

.colour-7.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(188, 37, 21, 0.8);
  box-shadow: 10px 0 0 rgba(188, 37, 21, 0.8), -10px 0 0 rgba(188, 37, 21, 0.8);
}

.colour-7 .is-clickable .mpw-option:hover {
  background-color: rgba(188, 37, 21, 0.8);
}

.colour-7:hover .colour-bg {
  background-color: rgba(230, 49, 30, 0.8);
  box-shadow: 10px 0 0 rgba(230, 49, 30, 0.8), -10px 0 0 rgba(230, 49, 30, 0.8);
}

.mosaic-item.colour-7 .title:after {
  color: #EB5B4C;
}

.mosaic-item.colour-7 .excerpt:after {
  color: #EB5B4C;
}

.colour-8 .colour-bg,
.colour-8 .colour-bg-nohover {
  background-color: rgba(186, 34, 178, 0.8);
  box-shadow: 10px 0 0 rgba(186, 34, 178, 0.8), -10px 0 0 rgba(186, 34, 178, 0.8);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-8.colour-bg-lighten,
.colour-8 .colour-bg-lighten {
  background-color: rgba(186, 34, 178, 0.5);
  box-shadow: 10px 0 0 rgba(186, 34, 178, 0.5), -10px 0 0 rgba(186, 34, 178, 0.5);
}

.colour-8.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(100, 18, 95, 0.8);
  box-shadow: 10px 0 0 rgba(100, 18, 95, 0.8), -10px 0 0 rgba(100, 18, 95, 0.8);
}

.colour-8 .is-clickable .mpw-option:hover {
  background-color: rgba(100, 18, 95, 0.8);
}

.colour-8:hover .colour-bg {
  background-color: rgba(143, 26, 137, 0.8);
  box-shadow: 10px 0 0 rgba(143, 26, 137, 0.8), -10px 0 0 rgba(143, 26, 137, 0.8);
}

.mosaic-item.colour-8 .title:after {
  color: #BA22B2;
}

.mosaic-item.colour-8 .excerpt:after {
  color: #BA22B2;
}

.colour-9 .colour-bg,
.colour-9 .colour-bg-nohover {
  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);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-9.colour-bg-lighten,
.colour-9 .colour-bg-lighten {
  background-color: rgba(255, 0, 130, 0.5);
  box-shadow: 10px 0 0 rgba(255, 0, 130, 0.5), -10px 0 0 rgba(255, 0, 130, 0.5);
}

.colour-9.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(153, 0, 78, 0.8);
  box-shadow: 10px 0 0 rgba(153, 0, 78, 0.8), -10px 0 0 rgba(153, 0, 78, 0.8);
}

.colour-9 .is-clickable .mpw-option:hover {
  background-color: rgba(153, 0, 78, 0.8);
}

.colour-9:hover .colour-bg {
  background-color: rgba(204, 0, 104, 0.8);
  box-shadow: 10px 0 0 rgba(204, 0, 104, 0.8), -10px 0 0 rgba(204, 0, 104, 0.8);
}

.mosaic-item.colour-9 .title:after {
  color: #FF0082;
}

.mosaic-item.colour-9 .excerpt:after {
  color: #FF0082;
}

.colour-10 .colour-bg,
.colour-10 .colour-bg-nohover {
  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);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.colour-10.colour-bg-lighten,
.colour-10 .colour-bg-lighten {
  background-color: rgba(0, 192, 0, 0.5);
  box-shadow: 10px 0 0 rgba(0, 192, 0, 0.5), -10px 0 0 rgba(0, 192, 0, 0.5);
}

.colour-10.metro-sassy-poll:not(.is-answered) .msp-option:hover {
  background-color: rgba(0, 90, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 90, 0, 0.8), -10px 0 0 rgba(0, 90, 0, 0.8);
}

.colour-10 .is-clickable .mpw-option:hover {
  background-color: rgba(0, 90, 0, 0.8);
}

.colour-10:hover .colour-bg {
  background-color: rgba(0, 141, 0, 0.8);
  box-shadow: 10px 0 0 rgba(0, 141, 0, 0.8), -10px 0 0 rgba(0, 141, 0, 0.8);
}

.mosaic-item.colour-10 .title:after {
  color: #00C000;
}

.mosaic-item.colour-10 .excerpt:after {
  color: #00C000;
}

.mosaic-channel-zone-wrapper {
  margin-bottom: 20px;
}

.mosaic {
  clear: both;
  margin: 0 -10px 0 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: 135px;
}

.mosaic .title span {
  color: #fff;
}

.mosaic .excerpt {
  display: none;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  font-size: 19px;
  margin-top: 5px;
}

.mosaic .excerpt span {
  background: none !important;
  box-shadow: none !important;
}

.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: 125px;
  height: auto !important;
}

.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: 70px;
  margin: 0 10px 10px 0;
  overflow: hidden;
}

.mosaic-item.item-small .title {
  margin-top: -3px;
  font-size: 18px;
  line-height: 1.1;
}

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

.mosaic-item.item-small .colour-bg {
  background-color: transparent;
  box-shadow: none;
  color: black;
}

.mosaic-item.item-small:hover .colour-bg {
  background-color: transparent;
  box-shadow: none;
}

.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%;
  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;
}

.embed-twitter {
  clear: both;
}

.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;
  backface-visibility: hidden;
  -webkit-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;
  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);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-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);
  -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);
}

.single-article .election-map {
  display: block;
  margin: auto;
  overflow: hidden;
}

.comp-item {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  overflow: auto;
}

.comp-item a {
  text-decoration: none;
  color: #333333;
  font-family: Arial, Helvetica;
}

.comp-item img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.comp-item h1 {
  font-size: 1.7em;
  color: #193989;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  margin: 0 0 10px;
  clear: left;
}

.comp-item p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4em;
}

.blink {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 10;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 10;
  -webkit-animation-name: blinker;
          animation-name: blinker;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 10;
          animation-iteration-count: 10;
}

@-webkit-keyframes blinker {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blinker {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.instagram-media[style] {
  margin-bottom: 20px !important;
}
/*
.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;
  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;
}

.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 */
#we-need-monies {
  position: relative;
  z-index: 0;
  overflow: hidden;
  margin: 0 auto 10px;
}

#we-need-monies {
  margin-bottom: 0;
}

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

#we-need-monies .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;
}

/* 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;
  color: #666;
}

.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: #666;
  text-align: left;
}

.more-posts li {
  float: left;
  width: 48.333333%;
  margin-bottom: 15px;
}

.more-posts li:nth-child(odd) {
  margin-right: 10px;
}

.more-posts .mor-static {
  width: 100%;
  margin: 10px 0 0 0;
}

.more-posts .mor-static:nth-child(odd) {
  margin-right: 0;
}

.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;
}

.mor-static {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.mor-static a {
  display: inline;
}

.mor-static .mor-title {
  display: inline;
  margin: 0;
  font-size: 18px;
}

.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.widget h2 {
  background: transparent;
}

.trending-sidebar.widget h2 span {
  padding: 5px 0;
  background: #ffc000;
  box-shadow: 10px 0 0 #ffc000, -10px 0 0 #ffc000;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.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;
}

.trending-sidebar .trs-image {
  position: relative;
}

.trending-sidebar .trs-image img {
  margin-top: 5px;
}

.trs-index,
.trd-index {
  position: absolute;
  width: 35px;
  height: 35px;
  top: -5px;
  right: -5px;
  padding-right: 5px;
  padding-top: 5px;
  background-color: #fc1049;
  color: white;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-style: italic;
}

.trs-index {
  top: 0;
}

.moz .trending-sidebar h3 {
  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: 18px;
  margin: 0 0 0 155px;
  color: black;
  line-height: 1.1;
}

.is-4_3 .trs-header:hover {
  color: #666;
}

.is-4_3 .trs-header span {
  background: none;
  box-shadow: none;
}

.is-4_3 .excerpt {
  display: none;
}

.trending-sidebar.is-4_3 li {
  margin-bottom: 5px !important;
}

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

.trending-main {
  clear: both;
  margin-bottom: 50px;
}

.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;
  z-index: 1;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  color: #fff;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  line-height: 40px;
  text-align: center;
  left: -50px;
  padding-right: 5px;
  background-color: #fc1049;
  font-size: 36px;
  font-style: italic;
}

.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 a:hover .title {
  color: #666;
}

.trending-main h3 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.trending-main .trending-main-more {
  float: right;
  height: 25px;
  padding-right: 10px;
  color: #fc1049;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 25px;
  text-align: center;
  font-style: italic;
}

.trending-main .trending-main-more span {
  box-shadow: none;
  background-color: transparent;
  color: black;
}

.trending-main-more-mobile {
  margin-top: 20px;
}

.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);
  -ms-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 a:hover {
  text-decoration: none;
  color: #999;
}

#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;
}

.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;
}

#sidebar .trs-more-trending {
  display: block;
  float: right;
  width: 100%;
  height: 25px;
  box-sizing: border-box;
  margin-top: -15px;
  margin-bottom: 20px;
  padding-right: 10px;
  color: #fc1049;
  background-color: #f1f1f1;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 25px;
  text-align: center;
  font-style: italic;
}

#sidebar .trs-more-trending span {
  color: black;
}

#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 {
  display: inline-block;
  position: relative;
  padding: 4px 0;
}

#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;
  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;
  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-ad {
  margin: 20px 0;
}

.news-feed-ad.ad-slot-large {
  margin: 0 -3px;
}

.nf-item {
  position: relative;
  margin: 10px 0;
}

.nf-item .sponsored {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  background: white;
  color: #ee8333;
}

.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 {
  display: none;
  margin-left: 110px;
  margin-bottom: 10px;
  line-height: 1;
}

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

.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 {
  position: relative;
  float: left;
  width: 125px;
  margin-bottom: 10px;
  z-index: 1;
}

.nf-image-box img {
  width: 100%;
}

.nf-image-box .icon-video,
.nf-image-box .icon-gallery {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #24aae1;
  color: white;
  width: 18px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  text-align: center;
  padding: 3px 5px;
}

.nf-image-box .nf-share-count {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
}

.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;
  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;
  color: white;
}

.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;
  font-size: 16px;
  line-height: 26px;
}

.nf-social .blog {
  float: left;
}

.nf-social .post-type {
  padding: 1px 10px;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
}

.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;
}
.bc-player-default_default .vjs-big-play-button {
  background-color: transparent;
  opacity: 1;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.bc-player-default_default .vjs-big-play-button:before {
  width: auto;
  margin: 33px auto 0;
  font-size: 80px;
  opacity: 1;
}

.bc-player-default_default .vjs-big-play-button:hover {
  box-shadow: none;
}

.bc-player-default_default .vjs-social-overlay .vjs-share-options {
  margin-top: 10px;
  margin-left: 0;
}

.bc-player-default_default .vjs-share-options li a {
  margin-right: 10px;
}

.bc-player-default_default .vjs-share-options li a:hover {
  color: white;
}

.bc-player-default_default .vjs-restart {
  display: none;
}

@media screen and (min-width: 768px) {
  .bc-player-default_default .vjs-big-play-button:before {
    font-size: 160px;
  }
}
/* 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;
  -webkit-transition: background-color 0.5s ease-in-out;
          transition: background-color 0.5s 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;
}
.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;
}
.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;
  -webkit-transition: opacity 0.35s;
          transition: opacity 0.35s;
}

.fadeout .quiz-item {
  opacity: .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;
  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;
  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%;
  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;
  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 {
  opacity: .6;
}

.fadeout .is-answered .quiz-img-answer,
.quiz-img-answer.is-selected {
  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 {
  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 {
  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;
  -webkit-transition: all 2s ease-in;
          transition: all 2s 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%;
  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%;
  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 {
  opacity: .6;
}

.comp-inputs {
  clear: both;
  overflow: hidden;
  padding-top: 10px;
  font-size: 14px;
  cursor: pointer;
}

.comp-opt-text {
  float: left;
  width: 48.461538461%;
  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;
  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;
}
.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;
}
#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,
.ie8 #widget-area-home-top .mosaic-channel-zone-wrapper {
  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 {
  width: 300px;
  margin-bottom: 10px;
}

.ji-item.is-invisible,
.trs-item.is-invisible {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 300px;
}

.widget .ji-title:hover {
  text-decoration: none;
}

.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-title:hover .ji-text {
  color: #666;
}

.ji-sponsored {
  font-size: 12px;
  font-size: 0.75rem;
  color: orange;
  margin-left: 155px;
  margin-top: 7px;
}

.ji-ad-slot-mpu {
  width: 100%;
  margin-bottom: 0;
}

.ji-ad-slot-double-mpu {
  width: 100%;
  height: 600px;
}

.sidebar .ad-slot-container.ji-ad-slot-container {
  margin-top: 10px;
}

.ji-ad-slot-mpu:first-child .ad-slot-container.ji-ad-slot-container,
.ji-ad-slot-double-mpu:first-child .ad-slot-container.ji-ad-slot-container {
  margin-top: 0;
}

@media screen and (min-width: 1024px) {
  #widget-area-channel-top .mosaic,
  #widget-area-channel-top .mosaic-channel-zone-wrapper {
    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: 18px;
  }
}

.metro-breaker {
  clear: both;
  width: 100%;
  padding-top: 20px;
  border-top: 25px solid #dad5d5;
}

.metro-breaker a:hover {
  text-decoration: none;
  color: #666;
}

.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 .metro-poll-widget img {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0;
}

.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: 5px 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 .image-breaker.ada-banner-container,
.metro-breaker .countdown-breaker.ada-banner-container {
  float: left;
}

.metro-breaker .image-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;
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
}

@media screen and (min-width: 768px) {
  .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 .mvw-video-container {
    width: 607px;
  }
}

.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;
  padding: 33.3333% 0 0 0;
}

.page-break img {
  width: 100%;
}

.page-break .ada-banner-title {
  position: absolute;
  top: 30px;
  left: 25px;
  width: 250px;
}

.page-break .mpw-story-container,
.page-break .ada-story-container {
  width: auto;
  margin: 0 -10px 20px;
  overflow: hidden;
}

.page-break .mpw-story-container {
  width: auto;
  margin: 0 -10px;
  overflow: hidden;
}

.page-break .mpw-poll-container {
  margin: 0 -10px;
  padding: 20px;
}

.page-break .mpw-title-story,
.page-break .ada-title-story {
  margin: -31px 20px 10px;
  font-size: 26px;
  line-height: 1.2;
  color: white;
}

.page-break .mpw-title-story {
  position: relative;
  margin-bottom: 0;
  font-size: 24px;
}

.page-break .mpw-title-container,
.page-break .ada-title-excerpt {
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
}

.page-break .ada-title-excerpt {
  padding-bottom: 1px;
}

.page-break .ada-excerpt {
  margin: 10px 10px 9px;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  font-size: 19px;
  color: white;
}

.page-break .ada-excerpt:after {
  content: "\00BB";
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0 3px;
}

.page-break .mpw-option {
  display: block;
  position: relative;
  width: auto;
  margin: 0;
  padding: 15px 10px;
  overflow: hidden;
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2) !important;
  vertical-align: top;
  text-align: center;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  -webkit-transition: background-color 0.5s ease-in-out;
          transition: background-color 0.5s ease-in-out;
  color: white;
}

.page-break .mpw-option:first-child {
  margin-bottom: 2px;
}

.page-break .is-clickable .mpw-option:first-child {
  margin-bottom: 10px;
}

.page-break.is-ad {
  margin-bottom: 0;
}

@media screen and (min-width: 480px) {
  .page-break .mpw-option {
    width: 80%;
    margin: 0 auto;
  }
  .page-break .mpw-title-story {
    font-size: 25px;
  }
}

@media screen and (min-width: 768px) {
  .page-break {
    margin-bottom: 20px;
  }
  .page-break .mpw-title-story,
  .page-break .ada-title-story {
    margin: -31px 10px 0;
    font-size: 26px;
    line-height: 1.2;
    color: white;
    width: 70%;
  }
  .page-break .ada-title-story {
    margin-top: -32px;
  }
  .page-break .mpw-poll-container {
    margin-right: 460px;
    margin-left: 0;
    padding-bottom: 0;
    box-shadow: none !important;
  }
  .page-break .mpw-story-container,
  .page-break .ada-story-container {
    width: 100%;
    margin: 0;
  }
  .page-break .mpw-story-container {
    float: right;
    width: 460px;
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .page-break .ada-story-container {
    margin-bottom: 20px;
  }
  .page-break .mpw-image-container {
    padding-top: 0;
  }
  .page-break .mpw-image-container img {
    position: static;
    width: 600px;
    height: 200px;
  }
  .page-break .ada-story-container {
    float: right;
  }
  .page-break .ada-excerpt {
    display: none;
  }
  .page-break .ada-image-container img {
    height: 249px;
  }
}

@media screen and (min-width: 1024px) {
  .page-break .mpw-story-container {
    width: 664px;
  }
  .page-break .mpw-image-container img {
    width: 664px;
    height: 221px;
  }
  .page-break .mpw-poll-container {
    width: 300px;
    min-height: 250px;
    box-sizing: border-box;
    margin-right: 664px;
  }
  .page-break .ada-story-container {
    width: 646px;
  }
  .page-break .ada-image-container img {
    height: 219px;
  }
  .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;
  }
  .page-break .moz .ada-title-excerpt .ada-title-story {
    margin-top: -29px;
  }
}

.metro-slidey-widget .ada-story-container {
  margin-bottom: 20px;
}

.metro-slidey-widget .ada-title-story {
  position: relative;
  margin-top: -11px;
}

.metro-slidey-widget .before-and-after {
  display: block;
}

@media screen and (min-width: 768px) {
  .moz .ada-title-excerpt .ada-title-story,
  .moz .countdown-breaker .ada-title-story {
    margin-top: -30px;
    line-height: 27px !important;
  }
  .moz .page-break .mpw-title-story {
    margin-top: -27px;
    line-height: 27px !important;
  }
  .moz .metro-breaker .mvw-title-story {
    margin-top: -26px !important;
    line-height: 26px !important;
  }
  .metro-slidey-widget .before-and-after {
    display: block;
  }
  .metro-slidey-widget .ada-title-story {
    margin-top: -41px;
  }
  .metro-slidey-widget .moz .ada-title-story {
    margin-top: -39px;
  }
}

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 100000000000;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.15s;
          transition: opacity 0.15s;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
  outline: 0;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background-image: url(/wp-content/themes/vip/metrouk/css/../img/metro-photoswipe.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
}

.pswp__button--close {
  width: 50px;
  height: 50px;
  background-color: black;
  background-position: -25px -94px;
  background-size: 450px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  width: 50px;
  height: 50px;
  background-position: -171px -19px;
  background-size: 450px;
  background-color: black;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -246px -19px;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -30px;
  width: 36px;
  height: 60px;
  position: absolute;
  opacity: 1;
}

.pswp__button--arrow--left:focus,
.pswp__button--arrow--right:focus {
  outline: 0;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  position: absolute;
  top: 0;
  height: 60px;
  width: 36px;
  background-size: 500px;
  background-color: black;
  opacity: 1;
  cursor: pointer;
}

.pswp__button--arrow--left:before {
  left: 0;
  background-position: -283px -87px;
}

.pswp__button--arrow--right:before {
  right: 0;
  background-position: -211px -87px;
}

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 100000000100;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 100000000120;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

.pswp__counter {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100px;
  height: 44px;
  margin-left: -50px;
  font-size: 20px;
  text-align: center;
  line-height: 44px;
  color: #FFF;
  padding: 0 10px;
}

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: center;
  max-width: 420px;
  margin: 0 auto;
  font-size: 20px;
  padding: 10px;
  line-height: 20px;
  color: white;
}

.pswp__caption--empty {
  display: none;
}

.pswp__caption--fake {
  visibility: hidden;
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
          animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
          animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .pswp__caption__center {
    max-width: 540px;
  }
  .pswp__button--arrow--left,
  .pswp__button--arrow--right {
    margin-top: -50px;
  }
  .pswp__button--arrow--left:before,
  .pswp__button--arrow--right:before {
    height: 100px;
    width: 60px;
    background-size: 1000px;
  }
  .pswp__button--arrow--left:before {
    background-position: -574px -184px;
  }
  .pswp__button--arrow--right:before {
    background-position: -425px -184px;
  }
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 100000000050;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 100%;
  background: black;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__caption {
  background-color: black;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.is-photoswipeable img {
  cursor: pointer;
}

.is-photoswipeable .icon {
  position: absolute;
  top: 5px;
  left: auto;
  right: 5px;
  width: 20px;
  height: 20px;
  padding: 5px;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.photoswipe-active .page-top-leaderboard {
  display: none;
}

.photoswipe-active .page-container {
  visibility: hidden;
}

.photoswipe-active .pswp {
  visibility: visible;
}

@media screen and (min-width: 1025px) {
  .pswp__bg {
    background: white;
  }
  .pswp__top-bar {
    background: transparent;
  }
}

.timeline {
  margin: 50px auto 10px auto;
  width: 345px;
  background-color: WHITE;
}

.timeline h1 {
  padding: 30px 0 0 10px;
}

.timeline img {
  height: auto;
}

.timeline .inner > div {
  margin: 10px;
  position: relative;
  margin-bottom: 50px;
  clear: both;
}

.timeline .inner > div.is-hidden .timeline-block, .timeline .inner > div.is-hidden .timeline-content {
  visibility: hidden;
}

.timeline .inner > div .timeline-content {
  background-color: WHITE;
  width: 260px;
  position: relative;
  float: left;
  padding: 10px;
  border: 1px solid #F0F0F0;
  box-shadow: 2px 2px 0 0 #f0f0f0;
  margin-bottom: 10px;
}

.timeline .inner > div .timeline-content.bounce-in {
  visibility: visible;
  -webkit-animation: tl-bounce-2 0.6s;
          animation: tl-bounce-2 0.6s;
}

.timeline .inner > div .timeline-content:after, .timeline .inner > div .timeline-content:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}

.timeline .inner > div .timeline-content:before {
  top: 5px;
  right: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #F0F0F0;
}

.timeline .inner > div .timeline-content:after {
  top: 4px;
  right: -7px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid WHITE;
}

.timeline .inner > div .timeline-content p {
  margin: 0.5em 0;
}

.timeline .inner > div .timeline-block {
  display: block;
  width: 25px;
  height: 25px;
  border: 5px solid WHITESMOKE;
  background-color: #FFC000;
  border-radius: 50px;
  position: absolute;
  left: 295px;
  top: 0;
}

.timeline .inner > div .timeline-block.bounce-in {
  visibility: visible;
  -webkit-animation: tl-bounce-1 0.6s;
          animation: tl-bounce-1 0.6s;
}

.timeline .inner {
  display: block;
  position: relative;
}

.timeline .inner::before {
  background: WHITESMOKE;
  content: '';
  left: 323px;
  height: 100%;
  margin-left: -3px;
  position: absolute;
  top: 0;
  width: 6px;
}

@media only screen and (min-width: 768px) {
  .timeline {
    width: 645px;
    margin-left: -52px;
  }
  .timeline .inner > div:nth-child(even) .timeline-content {
    float: right;
  }
  .timeline .inner > div:nth-child(even) .timeline-content.bounce-in {
    -webkit-animation: tl-bounce-2-inverse 0.6s;
            animation: tl-bounce-2-inverse 0.6s;
  }
  .timeline .inner > div:nth-child(even) .timeline-content:after {
    top: 6px;
    left: -9px;
    border-left: 0;
    border-right: 9px solid WHITE;
  }
  .timeline .inner > div:nth-child(even) .timeline-content:before {
    left: -10px;
    border-left: 0;
    border-right: 10px solid #F0F0F0;
  }
}

@-webkit-keyframes tl-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes tl-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes tl-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes tl-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-webkit-keyframes tl-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes tl-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.transfer-countdown {
  background: #f1f1f1 url(/wp-content/themes/vip/metrouk/css/../img/plugins/metro-transfer-countdown/pitch.jpg) no-repeat;
  height: 87px;
  margin: 10px auto;
  width: 100%;
}

.transfer-countdown .transfer-countdown-left, .transfer-countdown .transfer-countdown-right {
  width: 50%;
  float: left;
}

.transfer-countdown .transfer-countdown-right {
  text-align: center;
  background-color: #f1f1f1;
  height: 87px;
  float: right;
}

.transfer-countdown .transfer-countdown-right .counter > div {
  margin-top: 20px;
  width: 34px;
  text-align: center;
  display: inline-block;
  font-size: .7em;
}

.transfer-countdown .transfer-countdown-right .counter > div span {
  font-size: 2.2em;
}

.metro-name-generator {
  margin: 40px auto;
}

.metro-name-generator .nam-message {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align: center;
}

.metro-name-generator .nam-finished {
  margin-top: 20px;
}

.metro-name-generator .nam-result {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.metro-name-generator input.nam-submit {
  margin: 10px auto 0px;
  padding: 10px 20px;
  -webkit-appearance: none;
  border-radius: 0;
}

.metro-feature {
  margin-bottom: 1em;
  width: 100%;
  position: relative;
  min-height: 360px;
  /*
  Author: Michael James Ilett
  Description: Front end styles for quizzes created with Metro Features
  Notes:
    - These styles must be cloned between Metro Features and the Metro.co.uk Wordpress Theme.
    - These styles are @imported into metro-features.scss and then @imported into global.scss.
    - When these styles are @imported into metro-features.scss all rules end up being namespaced with .metro-feature
*/
  /*
   Hover states

  .no-touch applies to .metro-feature (parent element) when onTouchStart is not detected
*/
  /*
  CSS State classes

 .mf-quiz-finished          applied to .mf-quiz-question when quiz is complete
 .mf-quiz-not-finished      applied to .mf-quiz-question when quiz is not complete
 .mf-instant-feedback       applied to .mf-quiz-question if the instantFeedback for quiz is true
 .mf-question-answered      applied to .mf-quiz-question if an answer has been selected

 .mf-chosen                 applied to .mf-quiz-answer to answers that are chosen
 .mf-not-chosen             applied to .mf-quiz-answer to answers that are not chosen
 .mf-not-instant-answered   applied to .mf-quiz-answer when instantFeedback is true and the question is not answered

 .mf-quiz-correct           applied to .mf-quiz-answer-label if quiz is finished and the parent answer is chosen and correct
 .mf-quiz-invalid           applied to .mf-quiz-answer-label if quiz is finished and the parent answer is chosen and invalid
 .mf-quiz-instant-correct   applied to .mf-quiz-answer-label when instantFeedback is true and parent answer is correct option
 .mf-quiz-instant-invalid   applied to .mf-quiz-answer-label when instantFeedback is true and parent answer is chosen and incorrect
*/
}

.metro-feature-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e5e5e5;
  display: none;
}

.metro-feature-loader svg {
  margin: 0 auto;
  display: block;
}

.metro-feature-loader-animation {
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-animation: 3s ease 0s alternate none infinite running moving-panel;
          animation: 3s ease 0s alternate none infinite running moving-panel;
}

.metro-feature .hide-until-loaded {
  display: none !important;
}

.metro-feature .hide-until-loaded + .metro-feature-loader {
  display: block !important;
}

.metro-feature .mf-quiz {
  /*
   .mf-quiz-item - The element that wraps all questions
  */
  /*
    .mf-quiz-item - The element that wraps a questions and it's answers
  */
  /*
    .mf-quiz-question - The element that wraps the question title and image
  */
  /*
    .mf-quiz-img - The element that wraps images and image credits, used in questions and answers
  */
  /*
    .mf-quiz-answers - The element that wraps a group of answers
  */
  /*
    .mf-quiz-answer - The element that wraps an individual answer and its components
  */
  /*
   .mf-quiz-answer-grid-4 - overrides for when we image 2 col image answers, use with .mf-quiz-answer
  */
  /*
   .mf-quiz-answer-grid-6 - overrides for when we image 3 col image answers, use with .mf-quiz-answer
  */
  /*
    .mf-quiz-result - The parent element of a result pane
  */
  /*
    .mf-quiz-submit - The button element for submitting the quiz
  */
}

.metro-feature .mf-quiz-items {
  padding: 0;
  margin: 0;
  list-style: none;
}

.metro-feature .mf-quiz-item {
  padding: 0 0 40px;
}

.metro-feature .mf-quiz-question {
  position: relative;
  margin-bottom: 10px;
  font-family: ScoutBold,Arial,Helvetica,sans-serif;
  font-size: 22px;
  line-height: 1.2;
}

.metro-feature .mf-quiz-question-number {
  position: absolute;
  left: -55px;
  top: 0;
  background: #804DAA;
  width: 37px;
  height: 37px;
  line-height: 37px;
  color: #FFF;
  text-align: center;
}

.metro-feature .mf-quiz-question-title {
  width: 100%;
  display: inline-block;
  min-height: 30px;
  font-size: 30px;
}

.metro-feature .mf-quiz-img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.metro-feature .mf-quiz-img-container {
  position: relative;
  margin-bottom: 6px;
}

.metro-feature .mf-quiz-img-credit {
  position: absolute;
  bottom: 0;
  right: 0;
  height: auto;
  background: rgba(0, 0, 0, 0.7);
  padding: 2px 5px 3px;
  font-size: 15px;
  color: #FFF;
}

.metro-feature .mf-quiz-img-opacity {
  background: #e4e4e4;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.metro-feature .mf-quiz-reveal-img-container {
  position: relative;
}

.metro-feature .mf-quiz-reveal-img-container .mf-quiz-img-container:first-child {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.metro-feature .mf-quiz-answers {
  margin: 0 0 0 -5px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.metro-feature .mf-quiz-answers:before {
  display: none;
}

.metro-feature .mf-quiz-answer {
  margin-bottom: 6px;
  padding-left: 5px;
  width: 100%;
}

.metro-feature .mf-quiz-answer-input {
  display: none;
}

.metro-feature .mf-quiz-answer-label {
  display: block;
  padding: 7px;
  cursor: pointer;
  background: #F1F1F1;
  color: #000;
  font-size: 24px;
  font-family: ScoutLight,sans-serif;
  position: relative;
}

.metro-feature .mf-quiz-answer-label-inner {
  min-height: 25px;
}

.metro-feature .mf-quiz-answer-label-radio {
  cursor: pointer;
  width: 25px;
  height: 25px;
  margin-right: 15px;
  margin-top: 4px;
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/metro-features-radio-button.png) no-repeat scroll 1px -4px;
  float: left;
}

.metro-feature .mf-quiz-answer-label-radio.no-text {
  float: none;
  margin: 0 auto;
}

.metro-feature .mf-quiz-answer-grid-4 {
  width: 50%;
  float: left;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.metro-feature .mf-quiz-answer-grid-4 .mf-quiz-answer-label {
  padding: 0 0 7px;
  margin-bottom: 0;
  font-size: 20px;
}

.metro-feature .mf-quiz-answer-grid-4 .mf-quiz-answer-label-inner {
  padding: 0 7px;
}

.metro-feature .mf-quiz-answer-grid-4 .mf-quiz-answer-label-radio {
  margin-top: 1px;
}

.metro-feature .mf-quiz-answer-grid-4 .mf-quiz-img-container {
  margin-bottom: 7px;
}

.metro-feature .mf-quiz-answer-grid-6 {
  width: 33.33333333%;
  float: left;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.metro-feature .mf-quiz-answer-grid-6 .mf-quiz-answer-label {
  padding: 0 0 7px;
  margin-bottom: 0;
  font-size: 20px;
}

.metro-feature .mf-quiz-answer-grid-6 .mf-quiz-answer-label-inner {
  padding: 0 7px;
}

.metro-feature .mf-quiz-answer-grid-6 .mf-quiz-answer-label-radio {
  margin-top: 1px;
}

.metro-feature .mf-quiz-answer-grid-6 .mf-quiz-img-container {
  margin-bottom: 7px;
}

.metro-feature .mf-quiz-result {
  width: 100%;
}

.metro-feature .mf-quiz-result * {
  box-sizing: border-box;
}

.metro-feature .mf-quiz-result-mobile-cta {
  display: none;
}

.metro-feature .mf-quiz-result-wrap {
  height: 56.25%;
}

.metro-feature .mf-quiz-result-block {
  float: left;
  width: 100%;
}

.metro-feature .mf-quiz-result-full {
  width: 100%;
}

.metro-feature .mf-quiz-result-half {
  width: 50%;
}

.metro-feature .mf-quiz-result-quarter {
  width: 25%;
}

.metro-feature .mf-quiz-result-score,
.metro-feature .mf-quiz-result-image {
  height: 270px;
}

.metro-feature .mf-quiz-result-facebook,
.metro-feature .mf-quiz-result-twitter {
  height: 92px;
}

.metro-feature .mf-quiz-result-facebook,
.metro-feature .mf-quiz-result-twitter {
  cursor: pointer;
  position: relative;
  background: #906AB2;
  padding: 10px;
}

.metro-feature .mf-quiz-result-facebook-inner,
.metro-feature .mf-quiz-result-twitter-inner {
  height: 72px;
  text-align: center;
  line-height: 65px;
}

.metro-feature .mf-quiz-result-facebook-inner span,
.metro-feature .mf-quiz-result-twitter-inner span {
  font-size: 20px;
  font-family: "ScoutBold", sans-serif;
  color: #ffffff;
  margin-right: 10px;
}

.metro-feature .mf-quiz-result-facebook-inner svg,
.metro-feature .mf-quiz-result-twitter-inner svg {
  width: 30px;
  height: 30px;
  margin-bottom: -8px;
}

.metro-feature .mf-quiz-result-facebook {
  padding-right: 5px;
}

.metro-feature .mf-quiz-result-twitter {
  padding-left: 5px;
}

.metro-feature .mf-quiz-result-twitter svg {
  margin-left: 5px;
}

.metro-feature .mf-quiz-result-personality {
  background: #74459F;
  color: #ffffff;
  height: 270px;
  padding: 20px 15px;
  font-family: 'ScoutBold', sans-serif;
}

.metro-feature .mf-quiz-result-personality-image {
  float: right;
}

.metro-feature .mf-quiz-result-personality-intro,
.metro-feature .mf-quiz-result-personality-text {
  font-size: 25px;
  display: block;
}

.metro-feature .mf-quiz-result-personality-intro {
  margin-bottom: 15px;
}

.metro-feature .mf-quiz-result-personality-text {
  margin-top: 15px;
  font-family: 'ScoutLight', sans-serif;
}

.metro-feature .mf-quiz-result-superlist {
  background: #74459F;
  color: #ffffff;
  height: 270px;
  padding: 20px 15px;
  font-family: 'ScoutBold', sans-serif;
}

.metro-feature .mf-quiz-result-superlist-intro,
.metro-feature .mf-quiz-result-superlist-text {
  font-size: 25px;
  display: block;
}

.metro-feature .mf-quiz-result-superlist-intro {
  margin-bottom: 15px;
}

.metro-feature .mf-quiz-result-superlist-text {
  margin-top: 15px;
  font-family: 'ScoutLight', sans-serif;
}

.metro-feature .mf-quiz-result-superlist-threshold {
  display: inline-block;
}

.metro-feature .mf-quiz-result-score {
  background: #74459F;
  color: #ffffff;
  text-align: center;
  padding: 25px;
  font-family: 'ScoutBold', sans-serif;
}

.metro-feature .mf-quiz-result-score-intro,
.metro-feature .mf-quiz-result-score-text {
  font-size: 25px;
  display: block;
}

.metro-feature .mf-quiz-result-score-intro {
  margin-bottom: 10px;
}

.metro-feature .mf-quiz-result-score-text {
  margin-top: 15px;
}

.metro-feature .mf-quiz-result-score-numbers {
  font-size: 70px;
}

.metro-feature .mf-quiz-result-score-numbers > * {
  display: inline-block;
}

.metro-feature .mf-quiz-result-retry {
  font-family: 'ScoutBold', sans-serif;
  height: 44px;
  border-bottom: 4px solid #548B1F;
  cursor: pointer;
  background: #81D135;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
  line-height: 40px;
}

.metro-feature .mf-quiz-result-facebook-inner {
  background: #4169BD;
  border-bottom: 4px solid #1A356D;
}

.metro-feature .mf-quiz-result-twitter-inner {
  background: #3EB6E9;
  border-bottom: 4px solid #217FA6;
}

.metro-feature .mf-quiz-result-image {
  background: #EEEEEE;
}

.metro-feature .mf-quiz-result-image img {
  width: 270px;
  height: 270px;
}

.metro-feature .mf-quiz-submit {
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  height: 40px;
  width: 100%;
  text-transform: uppercase;
  background: #74459F;
  color: #ffffff;
  font-family: 'ScoutBold', sans-serif;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}

.metro-feature .mf-quiz-custom-feedback {
  margin-top: 10px;
  font-size: 18px;
  line-height: 20px;
}

.metro-feature .mf-quiz-custom-feedback-container {
  padding: 10px;
  border: 2px solid;
  margin-bottom: 5px;
}

.metro-feature .mf-quiz-custom-feedback-correct {
  color: #7ED321;
}

.metro-feature .mf-quiz-custom-feedback-false {
  color: #FC2C49;
}

.metro-feature .mf-quiz-custom-feedback-bold {
  font-weight: 700;
  display: inline-block;
  margin-right: 5px;
}

.metro-feature .mf-quiz-custom-feedback-text {
  color: #333333;
}

.metro-feature .mf-quiz-custom-feedback-text:empty:before {
  display: inline !important;
}

.metro-feature .no-touch .mf-quiz-not-finished .mf-not-chosen:hover .mf-quiz-answer-label-radio,
.metro-feature .no-touch .mf-quiz-not-finished .mf-not-instant-answered:hover .mf-quiz-answer-label-radio {
  background-position: 1px -31px;
}

.metro-feature .no-touch .mf-quiz-not-finished .mf-not-chosen:hover .mf-quiz-answer-label,
.metro-feature .no-touch .mf-quiz-not-finished .mf-not-instant-answered:hover .mf-quiz-answer-label {
  background: #e4e4e4;
}

.metro-feature .no-touch .mf-quiz-not-finished .mf-not-chosen:hover .mf-quiz-img-opacity,
.metro-feature .no-touch .mf-quiz-not-finished .mf-not-instant-answered:hover .mf-quiz-img-opacity {
  display: block;
}

.metro-feature .mf-quiz-finished .mf-quiz-reveal-img-container .mf-quiz-img-container:first-child,
.metro-feature .mf-question-answered.mf-instant-feedback .mf-quiz-reveal-img-container .mf-quiz-img-container:first-child {
  opacity: 0;
}

.metro-feature .mf-quiz-finished .mf-quiz-answer-label,
.metro-feature .mf-question-answered.mf-instant-feedback .mf-quiz-answer-label {
  cursor: default;
}

.metro-feature .mf-quiz-finished .mf-quiz-answer-label-radio,
.metro-feature .mf-question-answered.mf-instant-feedback .mf-quiz-answer-label-radio {
  cursor: default;
}

.metro-feature .mf-quiz-answer-label.mf-quiz-instant-correct,
.metro-feature .mf-quiz-answer-label.mf-quiz-correct {
  background: #CEEFD7 !important;
  color: #000 !important;
}

.metro-feature .mf-quiz-answer-label.mf-quiz-instant-correct .mf-quiz-answer-label-radio,
.metro-feature .mf-quiz-answer-label.mf-quiz-correct .mf-quiz-answer-label-radio {
  background-position: 1px -31px;
}

.metro-feature .mf-quiz-answer-label.mf-quiz-instant-invalid {
  background: #FC2C49 !important;
  color: #FFF !important;
}

.metro-feature .mf-chosen .mf-quiz-answer-label {
  background: #333;
  color: #FFF;
}

.metro-feature .mf-chosen .mf-quiz-answer-label .mf-quiz-answer-label-radio {
  background-position: 1px -58px;
}

.metro-feature .mf-chosen .mf-quiz-answer-label.mf-quiz-invalid {
  background: #FC2C49;
  color: #FFF;
}

.metro-feature .mf-chosen .mf-quiz-answer-label.mf-quiz-correct,
.metro-feature .mf-chosen .mf-quiz-answer-label.mf-quiz-instant-correct {
  background: #7ED321 !important;
  color: #FFF !important;
}

.metro-feature .mf-charts {
  background: #f3f2f2;
}

.metro-feature .mf-charts-title {
  background: #000000;
  color: #ffffff;
  font-size: 20px;
  font-family: 'ScoutBold', sans-serif;
  padding: 8px;
}

.metro-feature .mf-charts-inner {
  padding: 20px 20px 0;
  display: table;
}

.metro-feature .mf-charts-svg-wrap {
  box-sizing: border-box;
  position: relative;
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.metro-feature .mf-charts-svg-wrap:first-child {
  padding-right: 20px;
}

.metro-feature .mf-charts-pie .mf-charts-chart {
  width: 100%;
  height: auto;
}

.metro-feature .mf-charts-pie .mf-charts-legend {
  width: 100%;
  height: auto;
}

.metro-feature .mf-charts-bar .mf-charts-inner {
  display: block;
}

.metro-feature .mf-charts-bar .mf-charts-chart-wrap {
  width: auto;
  display: block;
  padding: 0;
  overflow: hidden;
}

.metro-feature .mf-charts-bar .mf-charts-legend-wrap {
  float: left;
  width: auto;
  padding-right: 10px;
}

.metro-feature .mf-charts .mf-social-bar {
  padding: 10px 20px 20px;
}

.metro-feature .mf-social-bar {
  padding: 10px 20px 20px;
}

.metro-feature .mf-social-bar-item {
  float: left;
  width: 50%;
  height: 65px;
  box-sizing: border-box;
}

.metro-feature .mf-social-bar-item-inner {
  height: 60px;
  width: 100%;
  background: #000;
  border-bottom: 5px solid orange;
  box-sizing: border-box;
  padding-top: 15px;
  cursor: pointer;
  display: block;
}

.metro-feature .mf-social-bar-item-icon {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto 0;
}

.metro-feature .mf-social-bar-item:first-child {
  padding-right: 5px;
}

.metro-feature .mf-social-bar-item:last-child {
  padding-left: 5px;
}

.metro-feature .mf-social-bar-mobile-cta {
  display: none;
}

.metro-feature .mf-social-bar-facebook {
  background: #3f67c0;
  border-color: #18336f;
}

.metro-feature .mf-social-bar-pinterest {
  background: #cf1717;
  border-color: #660C0E;
}

@-webkit-keyframes moving-panel {
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes moving-panel {
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@media screen and (max-width: 1024px) {
  .metro-feature .mf-quiz-img-container img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .metro-feature .mf-quiz-question-number {
    float: left;
    left: 0;
    top: 0;
    position: relative;
    margin-right: 10px;
  }
  .metro-feature .mf-quiz-question-title {
    width: 100%;
    display: inline;
    line-height: 37px;
  }
  .metro-feature .mf-quiz-result-personality,
  .metro-feature .mf-quiz-result-superlist {
    height: auto;
    position: relative;
    background: #ffffff;
    padding-top: 0;
    margin-top: -31px;
  }
  .metro-feature .mf-quiz-result-personality-intro,
  .metro-feature .mf-quiz-result-superlist-intro {
    margin-top: -29px;
    background: rgba(116, 69, 159, 0.8);
    box-shadow: 10px 0px 0px rgba(116, 69, 159, 0.8), -10px 0px 0px rgba(116, 69, 159, 0.8);
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    display: inline;
    line-height: 31px;
  }
  .metro-feature .mf-quiz-result-personality-text,
  .metro-feature .mf-quiz-result-superlist-text {
    background: #ffffff;
    color: #000;
    font-size: 18px;
    font-family: "ScoutBold", sans-serif;
  }
  .metro-feature .mf-quiz-result-mobile-share {
    float: right;
  }
  .metro-feature .mf-quiz-result-mobile-cta {
    display: block;
    float: left;
    font-size: 22px;
    font-family: "ScoutBold", sans-serif;
    color: #ffffff;
    margin: 0 0 0 10px;
    width: 100px;
    padding-top: 5px;
  }
  .metro-feature .mf-quiz-result-block {
    float: none;
  }
  .metro-feature .mf-quiz-result-social-wrap {
    background: #906AB2;
    padding: 5px;
  }
  .metro-feature .mf-quiz-result-top-wrap {
    position: relative;
  }
  .metro-feature .mf-quiz-result-top-wrap .mf-quiz-result-score {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(116, 69, 159, 0.8);
  }
  .metro-feature .mf-quiz-result-facebook,
  .metro-feature .mf-quiz-result-twitter {
    height: 62px;
    width: 50px !important;
    float: left;
  }
  .metro-feature .mf-quiz-result-facebook-inner,
  .metro-feature .mf-quiz-result-twitter-inner {
    background: none;
    border: none;
    text-align: left;
    line-height: 1;
    height: 100%;
  }
  .metro-feature .mf-quiz-result-facebook-inner svg,
  .metro-feature .mf-quiz-result-twitter-inner svg {
    margin-top: 5px;
  }
  .metro-feature .mf-quiz-result-facebook-inner span,
  .metro-feature .mf-quiz-result-twitter-inner span {
    display: none;
  }
  .metro-feature .mf-quiz-result-facebook-inner {
    border-right: 2px solid #9D7DBB;
  }
  .metro-feature .mf-quiz-result-facebook-inner svg {
    float: right;
    margin-right: 13px;
  }
  .metro-feature .mf-quiz-result-twitter-inner svg {
    margin-top: 6px;
  }
  .metro-feature .mf-quiz-result-wrap {
    height: auto;
  }
  .metro-feature .mf-quiz-result-half {
    width: 100%;
  }
  .metro-feature .mf-quiz-result-quarter {
    width: 50%;
  }
  .metro-feature .mf-quiz-result-score,
  .metro-feature .mf-quiz-result-image {
    height: auto;
  }
  .metro-feature .mf-quiz-result-image img {
    height: auto;
    width: 100%;
  }
  .metro-feature .mf-social-bar {
    margin-top: 10px;
    padding: 0 !important;
    background: #906AB2;
    height: 40px;
  }
  .metro-feature .mf-social-bar-mobile-cta {
    display: block;
    float: left;
    font-size: 22px;
    font-family: "ScoutBold", sans-serif;
    color: #ffffff;
    margin: 0 0 0 10px;
    width: 100px;
    line-height: 40px;
    height: 40px;
  }
  .metro-feature .mf-social-bar-item {
    float: left;
    width: auto;
    height: auto;
    padding: 0 !important;
  }
  .metro-feature .mf-social-bar-item:first-child .mf-social-bar-item-inner {
    border-right: 2px solid #9D7DBB;
  }
  .metro-feature .mf-social-bar-item-inner {
    background: none;
    border: none;
    text-align: left;
    line-height: 1;
    height: 100%;
    padding: 0;
  }
  .metro-feature .mf-social-bar-item-inner svg {
    width: 25px;
    height: 25px;
  }
  .metro-feature .mf-social-bar-item-inner span {
    display: none;
  }
  .metro-feature .mf-social-bar-wrap {
    float: right;
  }
  .metro-feature .mf-social-bar-facebook,
  .metro-feature .mf-social-bar-pinterest {
    height: 25px;
    width: 50px !important;
    float: left;
    margin: 7.5px 0;
  }
}

@media screen and (max-width: 500px) {
  .metro-feature .mf-charts-pie .mf-charts-inner {
    display: block;
    padding: 20px;
  }
  .metro-feature .mf-charts-pie .mf-charts-svg-wrap {
    width: 100%;
    display: block;
  }
  .metro-feature .mf-charts-pie .mf-charts-svg-wrap:first-child {
    padding: 20px 20px 0px;
  }
  .metro-feature .mf-charts-pie .mf-charts-svg-wrap:last-child {
    padding: 30px;
  }
}

@media screen and (max-width: 360px) {
  .metro-feature .mf-charts-pie .mf-charts-svg-wrap:first-child {
    padding: 0 0 20px;
  }
  .metro-feature .mf-charts-pie .mf-charts-svg-wrap:last-child {
    padding: 0;
  }
}

.sailthru-the-fix {
  margin-bottom: 20px;
  padding: 15px;
  border: 10px solid black;
  overflow: hidden;
}

.sailthru_form {
  position: relative;
  overflow: hidden;
}

.fix-welcome-content h3 {
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 22px;
}

.fix-welcome-content p {
  margin-bottom: 0.5em;
  font-size: 22px;
}

.fix-welcome-content .fix-head-container {
  max-width: 480px;
  box-sizing: border-box;
  margin: 0 auto 20px;
  padding: 15px;
  border: 10px solid black;
  overflow: hidden;
}

.fix-welcome-content .fix-subhead {
  text-align: center;
}

.fix-welcome-content .metro-email-signup {
  max-width: 480px;
  min-height: 110px;
  margin: 0 auto 20px;
}

.fix-welcome-content {
  max-width: 800px;
  margin: 0 auto 50px;
}

.fix-blurb-desktop {
  display: none;
}

.fix-blurb-mobile {
  margin-bottom: 50px;
}

.fix-preview {
  margin: 10px auto 20px;
  padding-top: 20px;
  background: #f1f1f1;
}

.fix-preview img {
  display: block;
  width: 60%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

h2.fix-logo,
.widget h2.fix-logo {
  display: block;
  width: 210px;
  height: 41px;
  margin: 0 auto;
  padding: 0;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 60px;
  text-align: center;
  line-height: 41px;
  text-transform: uppercase;
  text-indent: -9999px;
  background: transparent url(/wp-content/themes/vip/metrouk/css/../img/plugins/metro-email-signup/the-fix-logo.svg?10) no-repeat 0 0;
  background-size: 213px;
}

.ie8 h2.fix-logo {
  text-indent: 0;
}

h3.fix-subhead {
  margin: 15px 5px 3px;
  color: #FFF;
  color: #FFF;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 25px;
  line-height: 28px;
}

h3.fix-subhead span {
  background-color: black;
  padding: 0px 5px 2px;
  box-shadow: 5px 0 0 black, -5px 0 0 black;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.fix-add-subscriber-form {
  margin-top: 10px;
}

.sailthru-output {
  font-size: 22px;
}

.sailthru-output.error {
  color: #ff0044;
}

.sailthru-output.success {
  color: #00c000;
}

.the-fix-welcome .sailthru-output {
  margin-top: 20px;
  text-align: center;
}

.sailthru-breaker .fix-add-subscriber-form {
  margin-top: 0;
}

.sailthru-breaker .sailthru-output {
  margin-top: 10px;
}

.sailthru-the-fix .sailthru-slogan,
.the-fix-welcome .sailthru-slogan {
  margin: 10px 0 15px;
  color: #000;
  font-size: 20px;
  line-height: 1.2;
}

.sailthru-the-fix input.sailthru-email,
.the-fix-welcome input.sailthru-email {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
  background: white;
  border: 1px solid black;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  font-size: 20px;
}

.sailthru-the-fix .sailthru-btn,
.the-fix-welcome .sailthru-btn {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 0;
  background-color: black;
  color: white;
  border: 0px;
  border-bottom: 5px solid #4a4a4a;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: none;
  cursor: pointer;
}

.sailthru-the-fix .sailthru-add-subscriber-errors,
.the-fix-welcome .sailthru-add-subscriber-errors {
  margin-bottom: 10px;
  font-size: 20px;
  color: #ff0044;
}

.sailthru-the-fix ::-webkit-input-placeholder,
.the-fix-welcome ::-webkit-input-placeholder {
  color: black;
}

.sailthru-the-fix :-moz-placeholder,
.the-fix-welcome :-moz-placeholder {
  color: black;
}

.sailthru-signup-widget ::-moz-placeholder {
  color: black;
}

.sailthru-signup-widget :-ms-input-placeholder {
  color: black;
}

.sailthru-the-fix.is-submitting .sailthru-loading,
.the-fix-welcome.is-submitting .sailthru-loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white url(/wp-content/themes/vip/metrouk/css/../img/spinner.gif?10) no-repeat 50%;
  opacity: 0.9;
}

.sailthru-signup-widget-close {
  display: none;
}

.sailthru-breaker .sailthru-slogan {
  display: none;
}

.footer-promo .sailthru-the-fix {
  min-height: 168px;
  margin-bottom: 0;
  border: none;
}

.footer-promo .sailthru-output {
  font-size: 18px;
}

.footer-promo h2.fix-logo {
  margin-left: 0;
}

.footer-promo h3.fix-subhead {
  font-size: 23px;
  line-height: 36px;
}

.footer-promo h3.fix-subhead span {
  padding: 4px;
}

.footer-promo .sailthru-the-fix .sailthru-slogan {
  font-size: 22px;
}

.footer-promo .sailthru-the-fix input.sailthru-email {
  float: left;
  width: 70%;
  margin-bottom: 0;
  font-size: 22px;
}

.footer-promo .sailthru-the-fix .sailthru-btn {
  float: left;
  width: 30%;
}

@media screen and (min-width: 768px) {
  h2.fix-logo,
  .widget h2.fix-logo {
    margin: 10px auto 25px;
  }
  .sailthru-the-fix .sailthru-slogan,
  .the-fix-welcome .sailthru-slogan {
    font-size: 22px;
  }
  .sailthru-the-fix input.sailthru-email,
  .the-fix-welcome input.sailthru-email {
    float: left;
    width: 70%;
    margin-bottom: 0;
    font-size: 22px;
  }
  .sailthru-the-fix .sailthru-btn,
  .the-fix-welcome .sailthru-btn {
    float: left;
    width: 30%;
  }
  .sailthru-breaker .sailthru-slogan {
    display: block;
  }
  .sailthru-breaker h2.fix-logo {
    width: 300px;
    height: 60px;
    background-size: 300px;
  }
  .footer-promo h2.fix-logo {
    margin: 0 auto 0 0;
  }
  .the-fix-welcome h2.fix-logo {
    width: 300px;
    height: 60px;
    background-size: contain;
  }
  .the-fix-welcome .fix-head-container {
    max-width: none;
  }
  .the-fix-welcome .metro-email-signup {
    max-width: none;
    max-height: 75px;
    min-height: initial;
  }
  .the-fix-welcome .fix-subhead {
    font-size: 32px;
    line-height: 41px;
  }
  .the-fix-welcome .sailthru-the-fix-form {
    width: 70%;
    margin: 20px auto;
  }
  .fix-welcome-content h3 {
    margin-bottom: 10px;
  }
  .fix-blurb-desktop {
    display: block;
  }
  .fix-blurb-mobile {
    display: none;
  }
  .fix-preview {
    margin-top: 0;
  }
  .fix-preview img {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .sailthru-the-fix.sailthru-breaker .sailthru-slogan {
    display: none;
  }
  .sailthru-the-fix.sailthru-breaker .sailthru-add-subscriber-errors {
    margin: 0;
  }
  .sailthru-the-fix.sailthru-breaker h2.fix-logo {
    width: 500px;
    height: 100px;
    background-size: 500px;
  }
  .sailthru-the-fix.sailthru-breaker h3.fix-subhead {
    width: 50%;
    float: left;
    box-sizing: border-box;
    margin: 0 20px 0 0;
  }
  .sailthru-the-fix.sailthru-breaker h3.fix-subhead span {
    display: block;
    padding: 6px;
  }
  .sailthru-the-fix.sailthru-breaker .sailthru-output {
    margin-top: 0;
  }
  .footer-promo .sailthru-the-fix {
    float: none;
    width: 370px;
    margin: 0 auto;
    padding: 25px 15px 15px;
  }
  .footer-promo .sailthru-slogan {
    display: none;
  }
  .footer-promo h3.fix-subhead {
    font-size: 22px;
    line-height: 34px;
  }
  .footer-promo .sailthru-email,
  .footer-promo .sailthru-btn {
    font-size: 22px;
  }
  .footer-promo .sailthru-output {
    margin-top: 5px;
  }
}

.trd-feed.metro-breaker {
  border-top: none;
}

.trending-feed-breaker {
  display: block;
  position: relative;
  clear: both;
  height: 150px;
  margin-bottom: 20px;
  background-size: cover;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
}

.trending-feed-breaker h2 {
  z-index: 2;
  position: absolute;
  top: 20px;
  left: 20px;
  line-height: 40px;
  font-size: 32px;
  background: #BC39E5 url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-orange.svg) 10px 8px no-repeat;
  background-size: auto 25px;
  padding-left: 118px;
  height: 40px;
  padding-right: 10px;
  color: white;
  display: inline-block;
}

.trd-breaker-1,
.trd-breaker-3 {
  background-color: #ba22b2;
}

.trd-breaker-2,
.trd-breaker-4 {
  background-color: #0079b2;
}

.trd-breaker-strap {
  position: relative;
  z-index: 2;
  top: 60px;
  left: 20px;
  width: 250px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.2;
  color: black;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-color: white;
  display: inline;
  padding: 0 10px 5px;
}

.trd-breaker-cta {
  background: #FF9831;
  width: 35px;
  margin-top: 5px;
  margin-right: -11px;
  padding-bottom: 5px;
  display: inline-block;
  text-align: center;
  color: black;
}

.trd-breaker-1 .trd-breaker-strap span:after,
.trd-breaker-3 .trd-breaker-strap span:after {
  color: #ff339b;
}

.trd-breaker-2 .trd-breaker-strap span:after,
.trd-breaker-4 .trd-breaker-strap span:after {
  color: #00aeff;
}

.trd-overlay {
  position: absolute;
  padding: 0px;
  margin: 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/vip/metrouk/css/../img/overlay.png) repeat scroll 0px 0px transparent;
  z-index: 1;
}

@media screen and (min-width: 480px) {
  .trd-feed .nf-image-box {
    width: 200px;
  }
  .trd-feed .nf-headline,
  .trd-feed .nf-content,
  .trd-feed .nf-social {
    margin-left: 220px;
  }
  .trending-feed-breaker {
    height: 180px;
  }
  .trending-feed-breaker h2 {
    left: 20px;
    top: 20px;
  }
  .trd-breaker-strap {
    top: 60px;
    width: 350px;
    font-size: 32px;
  }
  .trd-breaker-cta {
    width: 45px;
  }
}

@media screen and (min-width: 768px) {
  .trending-content,
  .nutshell-content {
    margin-bottom: 20px;
  }
  .trd-feed .nf-image-box {
    width: 240px;
  }
  .trd-feed .nf-headline,
  .trd-feed .nf-content,
  .trd-feed .nf-social {
    margin-left: 260px;
  }
  .trending-feed-breaker {
    height: 200px;
  }
  .trending-feed-breaker h2 {
    top: 20px;
    left: 30px;
  }
  .trd-breaker-strap {
    width: 500px;
    top: 60px;
    left: 30px;
    font-size: 46px;
    color: black;
  }
  .trd-breaker-cta {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
  }
  .trd-breaker-cta span {
    display: inline-block;
    margin-top: -17px;
    vertical-align: middle;
  }
  .trd-breaker-1 .trd-breaker-main span,
  .trd-breaker-2 .trd-breaker-main span,
  .trd-breaker-3 .trd-breaker-main span,
  .trd-breaker-4 .trd-breaker-main span {
    background: white;
  }
}

@media screen and (min-width: 1024px) {
  .trd-feed .nf-headline {
    width: auto;
  }
  .trd-feed .item-1 {
    margin-top: 5px;
  }
  .trending-feed-breaker {
    height: 250px;
  }
  .trending-feed-breaker h2 {
    top: 30px;
    left: 40px;
  }
  .trd-breaker-strap {
    width: 640px;
    top: 70px;
    left: 40px;
    font-size: 55px;
  }
  .trd-breaker-cta {
    width: 70px;
    height: 70px;
    box-sizing: content-box;
    padding-bottom: 1px;
  }
  .trd-breaker-cta span {
    margin-top: -21px;
  }
}

.metro-factbox {
  margin-bottom: 1em;
}

.metro-factbox.half {
  margin: 0 0 1em 0;
  float: none;
  width: 100%;
}

.metro-factbox-title {
  background: #000;
  font-size: 20px;
  font-family: 'ScoutBold', 'sans-serif';
  color: #FFFFFF;
  padding: 8px 10px 8px 65px;
  position: relative;
  margin-bottom: 5px;
}

.metro-factbox-title:before {
  content: '';
  background: url(/wp-content/themes/vip/metrouk/css/../img/factbox_icons.png) 0px 0px;
  width: 50px;
  height: 54px;
  top: 50%;
  margin-top: -26px;
  left: 7px;
  display: block;
  position: absolute;
}

.metro-factbox-title.no-icon {
  padding: 8px 10px;
}

.metro-factbox-title.no-icon:before {
  background: none;
  width: 0;
  height: 0;
  display: none;
}

.metro-factbox-title.grey.exclamation:before {
  background-position: -2px -174px;
}

.metro-factbox-title.grey.tldr:before {
  background-position: -2px -116px;
}

.metro-factbox-title.grey.clock:before {
  background-position: -2px 0px;
}

.metro-factbox-title.grey.graph:before {
  background-position: -2px -58px;
}

.metro-factbox-title.grey.trophy:before {
  background-position: -2px -233px;
}

.metro-factbox-title.pink.exclamation:before {
  background-position: 217px -174px;
}

.metro-factbox-title.pink.tldr:before {
  background-position: 217px -116px;
}

.metro-factbox-title.pink.clock:before {
  background-position: 217px 0px;
}

.metro-factbox-title.pink.graph:before {
  background-position: 217px -58px;
}

.metro-factbox-title.pink.trophy:before {
  background-position: 217px -233px;
}

.metro-factbox-title.blue.exclamation:before {
  background-position: 162px -174px;
}

.metro-factbox-title.blue.tldr:before {
  background-position: 162px -116px;
}

.metro-factbox-title.blue.clock:before {
  background-position: 162px 0px;
}

.metro-factbox-title.blue.graph:before {
  background-position: 162px -58px;
}

.metro-factbox-title.blue.trophy:before {
  background-position: 162px -233px;
}

.metro-factbox-title.orange.exclamation:before {
  background-position: 107px -174px;
}

.metro-factbox-title.orange.tldr:before {
  background-position: 107px -116px;
}

.metro-factbox-title.orange.clock:before {
  background-position: 107px 0px;
}

.metro-factbox-title.orange.graph:before {
  background-position: 107px -58px;
}

.metro-factbox-title.orange.trophy:before {
  background-position: 107px -233px;
}

.metro-factbox-title.green.exclamation:before {
  background-position: 52px -174px;
}

.metro-factbox-title.green.tldr:before {
  background-position: 52px -116px;
}

.metro-factbox-title.green.clock:before {
  background-position: 52px 0px;
}

.metro-factbox-title.green.graph:before {
  background-position: 52px -58px;
}

.metro-factbox-title.green.trophy:before {
  background-position: 52px -233px;
}

.metro-factbox-content {
  font-size: 20px;
  padding: 15px;
  background: #E6E6E6;
}

.metro-factbox-content p:last-child {
  margin-bottom: 0;
}

.metro-factbox-content.pink {
  background: #FFEAF5;
}

.metro-factbox-content.blue {
  background: #E5F6FF;
}

.metro-factbox-content.orange {
  background: #FCEFE5;
}

.metro-factbox-content.green {
  background: #E5F8E5;
}

.metro-factbox figure:hover .item-share-buttons {
  display: none;
}

.metro-poll-widget {
  background-color: #47a3da;
  color: #fff;
  margin-bottom: 20px;
}

.metro-poll-widget img {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}

.metro-poll-widget ul {
  margin: 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: 0 0 15px;
  text-align: center;
}

.mpw-title a {
  color: #fff;
  font-size: 20px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.mpw-title a:hover {
  text-decoration: none;
  color: white;
}

@media screen and (min-width: 480px) {
  .mpw-title a {
    font-size: 22px;
  }
}

.mpw-content {
  position: relative;
  z-index: 2;
}

.is-answered .mpw-text {
  display: inline-block;
  width: 70%;
  margin: 0;
  vertical-align: middle;
}

.mpw-score {
  width: 30%;
  vertical-align: middle;
  text-align: right;
}

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

.mpw-score-bar {
  display: none;
  position: absolute;
  height: 100%;
  width: 1%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}

.mpw-share-cta {
  float: left;
  width: 50%;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 50px;
}

.mpw-share-btns {
  float: right;
}

.mpw-shrb {
  width: 50px;
  height: 50px;
  padding: 0 20px;
}

.mpw-shrb.facebook {
  background-color: transparent;
  background-position: 50% -119px;
}

.mpw-shrb.twitter {
  background-color: transparent;
  background-position: 50% 9px;
}

.is-clickable .mpw-option {
  cursor: pointer;
}

.is-clickable .mpw-option:hover {
  background-color: #288bc6;
}

.is-answered .mpw-poll-container {
  padding-bottom: 0;
}

.is-answered .mpw-option {
  padding: 10px;
  box-shadow: none !important;
  text-align: left;
}

.is-answered .mpw-score {
  display: inline-block;
}

.is-answered .mpw-score-bar-container,
.is-answered .mpw-score-bar,
.is-answered .mpw-share {
  display: block;
}

@media screen and (min-width: 768px) {
  .mpw-body {
    margin-left: 325px;
  }
  .mpw-floater {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    right: 20px;
  }
  .mpw-minimal {
    margin-top: 50px;
  }
  .mpw-share-cta {
    width: 55%;
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .mpw-minimal {
    margin-bottom: 10px;
  }
}

/* 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: 100px;
  height: 50px;
  margin: 0 auto 0;
  background: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-orange.svg) center 15px no-repeat;
  background-size: 85px;
}

.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 {
  background-color: #ffc000;
}

.sub-menu .current-menu-item > a,
.sub-menu .menu-item > a:hover {
  background: transparent;
  color: #f78b25;
}

.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 a.post-author {
  display: inline-block;
  vertical-align: top;
}

.single .byline {
  display: inline-block;
  margin: 5px 0 3px;
  vertical-align: middle;
}

.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;
}

#we-need-monies {
  position: fixed;
  z-index: 1000000000;
  top: 0;
  left: 0;
  right: 0;
  background: white;
}

.show-legals #we-need-monies {
  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;
}

/* Nutshell Page */
.ns-section-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  color: black;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.ns-section-title span {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-color: #ffc000;
  padding: 0 20px 0 10px;
}

.content .ns-section-title {
  font-size: 23px;
  line-height: 1.2;
}

.want-to-know,
.talk-about {
  margin: 40px -10px 20px;
  padding: 0 10px;
  background-color: #f1f1f1;
}

.want-to-know .ns-section-title,
.talk-about .ns-section-title {
  margin-top: -24px;
  padding: 3px 0;
}

.ns-item {
  margin: 0 auto;
  padding-bottom: 20px;
  position: relative;
  line-height: 1.2;
}

.ns-item .ns-image-box {
  float: left;
  position: relative;
  width: 125px;
  margin-bottom: 0;
  margin-left: 0;
}

.ns-item .ns-image-box img {
  width: 100%;
}

.ns-item header {
  margin-bottom: 8px;
  line-height: 1;
}

.ns-item header > h3 {
  margin-top: -5px;
  font-size: 25px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.ns-item header > h3 a:hover {
  color: #666;
}

.ns-item .ns-content {
  margin-left: 135px;
  display: block;
  margin-top: 5px;
  margin-right: 10px;
  line-height: 1;
}

.ns-item .ns-content .ns-excerpt {
  font-size: 18px;
  display: block;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
}

.ns-item-title {
  color: black;
}

.ns-page-header {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  height: 62px;
  z-index: 0;
  overflow: hidden;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 25px;
}

.ns-page-header h3 {
  color: white;
  position: relative;
  top: 0;
  line-height: 60px;
  left: 0;
}

.ns-page-header h3 br {
  display: none;
}

.ns-page-header h3 span {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 0 10px;
}

.ns-page-header .overlay {
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) url(/wp-content/themes/vip/metrouk/css/../img/overlay.png) repeat scroll 0px 0px;
  display: block;
}

.ns-page-header img {
  display: block;
  position: absolute;
  width: 100%;
  z-index: -1;
  top: -75%;
  left: 0;
}

/* Footer */
#footer-base {
  padding: 10px;
  overflow: hidden;
  color: white;
  background: black;
  font-size: 14px;
  line-height: 1.4;
}

#footer-base a {
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  color: white;
}

#footer-base .copyright {
  display: block;
  height: auto;
}

#footer-base .terms a {
  display: inline-block;
  margin-right: 1em;
  color: #9b9b9b;
}

/* Facebook comments */
#fb-comments-area {
  margin: 0 auto;
  background-color: #fff;
}

#fb-comments-area.is-active {
  padding-bottom: 10px;
}

#fb-comments-area.is-active .comment-count {
  display: none;
}

#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);
  -ms-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% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Fix for YouTube videos on Android */
.embed-youtube,
.youtube-player {
  max-width: 300px !important;
  max-height: 182px !important;
  margin: auto;
}

.single-article .embed-youtube {
  margin-bottom: 1em;
}

.brightcove-video {
  max-width: 300px !important;
  margin: 0 auto 1em;
}

.BrightcoveExperience {
  display: block;
  max-width: 300px !important;
  max-height: 182px !important;
  margin: 0 auto;
}

.brightcove-video {
  margin-left: auto;
  margin-right: auto;
}

.brightcove-video .met-bc-share {
  display: none;
  width: 100%;
  line-height: 40px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  text-align: right;
}

.brightcove-video .met-bc-share .share-button {
  float: right;
  width: 40px;
  height: 40px;
  padding: 0;
}

.brightcove-video .met-bc-share .share-button:nth-child(2) {
  margin-left: 10px;
}

.brightcove-video.met-bc-has-social .met-bc-share {
  display: block;
}

.brightcove-video.met-bc-has-social .BrightcoveExperience {
  margin: 0 auto 0;
}

/* 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;
}

#eastender-countdown .counter-wrap {
  font-family: 'ScoutBold';
  top: 111px;
  left: 30px;
  font-size: 40px;
  color: #000;
}
/* 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: 100px;
  height: 50px;
  margin: 0 auto 0;
  background: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-orange.svg) center 15px no-repeat;
  background-size: 85px;
}

.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 {
  background-color: #ffc000;
}

.sub-menu .current-menu-item > a,
.sub-menu .menu-item > a:hover {
  background: transparent;
  color: #f78b25;
}

.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 a.post-author {
  display: inline-block;
  vertical-align: top;
}

.single .byline {
  display: inline-block;
  margin: 5px 0 3px;
  vertical-align: middle;
}

.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;
}

#we-need-monies {
  position: fixed;
  z-index: 1000000000;
  top: 0;
  left: 0;
  right: 0;
  background: white;
}

.show-legals #we-need-monies {
  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;
}

/* Nutshell Page */
.ns-section-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  color: black;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

.ns-section-title span {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-color: #ffc000;
  padding: 0 20px 0 10px;
}

.content .ns-section-title {
  font-size: 23px;
  line-height: 1.2;
}

.want-to-know,
.talk-about {
  margin: 40px -10px 20px;
  padding: 0 10px;
  background-color: #f1f1f1;
}

.want-to-know .ns-section-title,
.talk-about .ns-section-title {
  margin-top: -24px;
  padding: 3px 0;
}

.ns-item {
  margin: 0 auto;
  padding-bottom: 20px;
  position: relative;
  line-height: 1.2;
}

.ns-item .ns-image-box {
  float: left;
  position: relative;
  width: 125px;
  margin-bottom: 0;
  margin-left: 0;
}

.ns-item .ns-image-box img {
  width: 100%;
}

.ns-item header {
  margin-bottom: 8px;
  line-height: 1;
}

.ns-item header > h3 {
  margin-top: -5px;
  font-size: 25px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.ns-item header > h3 a:hover {
  color: #666;
}

.ns-item .ns-content {
  margin-left: 135px;
  display: block;
  margin-top: 5px;
  margin-right: 10px;
  line-height: 1;
}

.ns-item .ns-content .ns-excerpt {
  font-size: 18px;
  display: block;
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
}

.ns-item-title {
  color: black;
}

.ns-page-header {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  height: 62px;
  z-index: 0;
  overflow: hidden;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  font-size: 25px;
}

.ns-page-header h3 {
  color: white;
  position: relative;
  top: 0;
  line-height: 60px;
  left: 0;
}

.ns-page-header h3 br {
  display: none;
}

.ns-page-header h3 span {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 0 10px;
}

.ns-page-header .overlay {
  position: absolute;
  z-index: -1;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) url(/wp-content/themes/vip/metrouk/css/../img/overlay.png) repeat scroll 0px 0px;
  display: block;
}

.ns-page-header img {
  display: block;
  position: absolute;
  width: 100%;
  z-index: -1;
  top: -75%;
  left: 0;
}

/* Footer */
#footer-base {
  padding: 10px;
  overflow: hidden;
  color: white;
  background: black;
  font-size: 14px;
  line-height: 1.4;
}

#footer-base a {
  font-family: ScoutLight, Arial, Helvetica, sans-serif;
  color: white;
}

#footer-base .copyright {
  display: block;
  height: auto;
}

#footer-base .terms a {
  display: inline-block;
  margin-right: 1em;
  color: #9b9b9b;
}

/* Facebook comments */
#fb-comments-area {
  margin: 0 auto;
  background-color: #fff;
}

#fb-comments-area.is-active {
  padding-bottom: 10px;
}

#fb-comments-area.is-active .comment-count {
  display: none;
}

#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);
  -ms-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% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Fix for YouTube videos on Android */
.embed-youtube,
.youtube-player {
  max-width: 300px !important;
  max-height: 182px !important;
  margin: auto;
}

.single-article .embed-youtube {
  margin-bottom: 1em;
}

.brightcove-video {
  max-width: 300px !important;
  margin: 0 auto 1em;
}

.BrightcoveExperience {
  display: block;
  max-width: 300px !important;
  max-height: 182px !important;
  margin: 0 auto;
}

.brightcove-video {
  margin-left: auto;
  margin-right: auto;
}

.brightcove-video .met-bc-share {
  display: none;
  width: 100%;
  line-height: 40px;
  font-family: ScoutBold, Arial, Helvetica, sans-serif;
  text-align: right;
}

.brightcove-video .met-bc-share .share-button {
  float: right;
  width: 40px;
  height: 40px;
  padding: 0;
}

.brightcove-video .met-bc-share .share-button:nth-child(2) {
  margin-left: 10px;
}

.brightcove-video.met-bc-has-social .met-bc-share {
  display: block;
}

.brightcove-video.met-bc-has-social .BrightcoveExperience {
  margin: 0 auto 0;
}

/* 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;
}
@media screen and (min-width: 480px) {
	/* Min 480
	-------------------------------------------------------------- */
	/* Layout */
	/* Mosaic */
	.mosaic img {
		width: 140px;
	}

	.mosaic-item {
		min-height: 105px;
	}

	.mosaic-item.item-small a:hover span {
		color: #999;
	}

	.mosaic-item.item-small .title {
		margin-left: 150px;
		font-size: 22px;
	}

	.mosaic-item.item-small .title:after {
		content: '';
	}

	.mosaic-item.item-small .excerpt {
		display: block;
		margin-left: 150px;
		font-size: 19px;
	}

	/* 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;
	}

	.nf-image-box {
		width: 140px;
	}

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

	.nf-title {
		font-size: 22px;
	}

	.nf-content {
		display: block;
		margin-left: 150px;
	}

	.nf-excerpt {
		font-size: 17px;
	}

	.apb-main {
		height: 160px;
	}

	.apb-title {
		font-size: 32px;
	}

	.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;
	}

	#footer-base span {
		height: 185px;
	}

	.tiles .teaser {
		width: 31.276%;
		margin-right: 10px;
	}

	.tiles .teaser.wide {
		width: 63.85%;
	}

	.brightcove-video {
		max-width: 460px !important;
	}

	.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-score-bar-container {
		display: block;
		background-color: #5c5c5c;
		margin: 0 20px;
	}

	.msp-score-bar {
		border-top: 20px solid #fff;
	}

	.thumbnail-link {
		width: 40%;
	}

	.thumbnail-link img {
		display: block;
		float: left;
		margin-right: 10px;
	}

	.thumbnail-link h3 {
		margin-left: 110px;
	}

	.trs-index,
	.trd-index {
		width: 35px;
		height: 35px;
		line-height: 30px;
		font-size: 30px;
	}
}
@media screen and (min-width: 600px) {
	.single-article,
	.col-skinny {
		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 .mosaic-item a:hover span {
		color: white;
	}

	.mosaic .item-small .title {
		margin-left: 0;
		font-size: 26px;
		line-height: 1.2;
	}

	.mosaic .item-small .excerpt {
		margin-left: 0;
		font-size: 19px;
	}

	.mosaic .item-small .colour-bg {
		color: white;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-1 .colour-bg {
		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);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-1 .title:after {
		color: #07387F;
	}

	.mosaic-item.colour-1 .excerpt:after {
		color: #07387F;
	}

	.mosaic-item.colour-1:hover .colour-bg {
		background-color: rgba(4, 35, 79, 0.8);
		box-shadow: 10px 0 0 rgba(4, 35, 79, 0.8), -10px 0 0 rgba(4, 35, 79, 0.8);
	}

	.mosaic-item.colour-2 .colour-bg {
		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);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-2 .title:after {
		color: #00AEFF;
	}

	.mosaic-item.colour-2 .excerpt:after {
		color: #00AEFF;
	}

	.mosaic-item.colour-2:hover .colour-bg {
		background-color: rgba(0, 139, 204, 0.8);
		box-shadow: 10px 0 0 rgba(0, 139, 204, 0.8), -10px 0 0 rgba(0, 139, 204, 0.8);
	}

	.mosaic-item.colour-3 .colour-bg {
		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);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-3 .title:after {
		color: #FF0044;
	}

	.mosaic-item.colour-3 .excerpt:after {
		color: #FF0044;
	}

	.mosaic-item.colour-3:hover .colour-bg {
		background-color: rgba(204, 0, 54, 0.8);
		box-shadow: 10px 0 0 rgba(204, 0, 54, 0.8), -10px 0 0 rgba(204, 0, 54, 0.8);
	}

	.mosaic-item.colour-4 .colour-bg {
		background-color: rgba(94, 2, 43, 0.8);
		box-shadow: 10px 0 0 rgba(94, 2, 43, 0.8), -10px 0 0 rgba(94, 2, 43, 0.8);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-4 .title:after {
		color: #5E022B;
	}

	.mosaic-item.colour-4 .excerpt:after {
		color: #5E022B;
	}

	.mosaic-item.colour-4:hover .colour-bg {
		background-color: rgba(44, 1, 20, 0.8);
		box-shadow: 10px 0 0 rgba(44, 1, 20, 0.8), -10px 0 0 rgba(44, 1, 20, 0.8);
	}

	.mosaic-item.colour-5 .colour-bg {
		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);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-5 .title:after {
		color: #EA6400;
	}

	.mosaic-item.colour-5 .excerpt:after {
		color: #EA6400;
	}

	.mosaic-item.colour-5:hover .colour-bg {
		background-color: rgba(183, 78, 0, 0.8);
		box-shadow: 10px 0 0 rgba(183, 78, 0, 0.8), -10px 0 0 rgba(183, 78, 0, 0.8);
	}

	.mosaic-item.colour-6 .colour-bg {
		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);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-6 .title:after {
		color: #1494CC;
	}

	.mosaic-item.colour-6 .excerpt:after {
		color: #1494CC;
	}

	.mosaic-item.colour-6:hover .colour-bg {
		background-color: rgba(15, 114, 158, 0.8);
		box-shadow: 10px 0 0 rgba(15, 114, 158, 0.8), -10px 0 0 rgba(15, 114, 158, 0.8);
	}

	.mosaic-item.colour-7 .colour-bg {
		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);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-7 .title:after {
		color: #EB5B4C;
	}

	.mosaic-item.colour-7 .excerpt:after {
		color: #EB5B4C;
	}

	.mosaic-item.colour-7:hover .colour-bg {
		background-color: rgba(230, 49, 30, 0.8);
		box-shadow: 10px 0 0 rgba(230, 49, 30, 0.8), -10px 0 0 rgba(230, 49, 30, 0.8);
	}

	.mosaic-item.colour-8 .colour-bg {
		background-color: rgba(186, 34, 178, 0.8);
		box-shadow: 10px 0 0 rgba(186, 34, 178, 0.8), -10px 0 0 rgba(186, 34, 178, 0.8);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-8 .title:after {
		color: #BA22B2;
	}

	.mosaic-item.colour-8 .excerpt:after {
		color: #BA22B2;
	}

	.mosaic-item.colour-8:hover .colour-bg {
		background-color: rgba(143, 26, 137, 0.8);
		box-shadow: 10px 0 0 rgba(143, 26, 137, 0.8), -10px 0 0 rgba(143, 26, 137, 0.8);
	}

	.mosaic-item.colour-9 .colour-bg {
		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);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-9 .title:after {
		color: #FF0082;
	}

	.mosaic-item.colour-9 .excerpt:after {
		color: #FF0082;
	}

	.mosaic-item.colour-9:hover .colour-bg {
		background-color: rgba(204, 0, 104, 0.8);
		box-shadow: 10px 0 0 rgba(204, 0, 104, 0.8), -10px 0 0 rgba(204, 0, 104, 0.8);
	}

	.mosaic-item.colour-10 .colour-bg {
		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);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.mosaic-item.colour-10 .title:after {
		color: #00C000;
	}

	.mosaic-item.colour-10 .excerpt:after {
		color: #00C000;
	}

	.mosaic-item.colour-10:hover .colour-bg {
		background-color: rgba(0, 141, 0, 0.8);
		box-shadow: 10px 0 0 rgba(0, 141, 0, 0.8), -10px 0 0 rgba(0, 141, 0, 0.8);
	}

	.bef-widget .title {
		margin-top: -44px;
		font-size: 28px;
		line-height: 33px;
	}

	.transfer-countdown .transfer-countdown-right .counter > div {
		width: 57px;
		margin-top: 10px;
	}

	.transfer-countdown .transfer-countdown-right .counter > div span {
		font-size: 3.3em;
	}
}
@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 #masthead {
		padding-top: 10px;
		height: inherit;
	}

	.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;
		margin-top: 0;
	}

	.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 {
		box-sizing: inherit;
		position: relative;
		height: auto;
		min-height: 77px;
		margin: 0 auto 10px;
		padding: 10px 10px 0;
		top: 0;
	}

	#masthead.isHidden {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	#page-container {
		padding-top: 0;
		margin-top: 0;
	}

	.admin-bar #page-container {
		margin-top: 67px;
		padding-top: 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,
	.footer-nav .sub-menu {
		display: none;
		width: 100%;
		margin: 0;
		border-top: none;
		background: #ffc000;
	}

	.main-nav-container .sub-menu li,
	.footer-nav .sub-menu li {
		width: auto;
		height: 40px;
	}

	.main-nav-container .sub-menu li.nav-menu-item-tablet,
	.footer-nav .sub-menu li.nav-menu-item-tablet {
		display: block;
	}

	.main-nav-container .sub-menu a,
	.footer-nav .sub-menu a {
		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 {
		display: block;
		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: auto;
		margin: 0;
		background: inherit;
		box-shadow: none;
	}

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

	.nav-menu > .menu-item:nth-child(n+5):not(.menu-item-more):not(.search) {
		display: none;
	}

	.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 12px;
		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,
	.footer-nav .search {
		position: absolute;
		right: 0;
	}

	#masthead .search a,
	.footer-nav .search a {
		display: block;
		width: 50px;
		height: 50px;
		padding: 0;
		text-indent: -9999px;
	}

	#masthead .search > a:before,
	.footer-nav .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;
	}

	nav.main-nav-container-mobile {
		float: right;
	}

	nav.main-nav-container-mobile a {
		width: auto;
		padding: 0 15px;
		font-size: 18px;
	}

	/* Content containers */
	#category-content {
		padding-top: 5px;
	}

	.single-article,
	.col-skinny {
		width: 620px;
	}

	/* Headings */
	.page-title {
		display: none;
	}

	.page .page-title,
	#tag-content .page-title {
		display: block;
		margin: 24px 0;
		font-size: 32px;
	}

	.category .content h1,
	.error404 .content h1 {
		font-size: 54px;
		letter-spacing: -1px;
	}

	.single-post .content h1,
	.metro-phone-app .single-post h1 {
		margin-top: -5px;
		font-size: 44px;
		line-height: 1;
	}

	.single-attachment .content 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-buttons {
		margin-bottom: 20px;
	}

	.share-button.google {
		display: block;
	}

	.share-button.whatsapp {
		display: none;
	}

	.share-buttons .share-count {
		font-size: 24px;
	}

	.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;
		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;
		border-radius: 3px;
	}

	/* Posts */
	.single-post article {
		font-size: 22px;
	}

	.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;
		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 -64px 15px -64px;
	}

	.single-article > figure:first-child.alignleft,
	.single-article > figure:first-child.alignright,
	.single-article > figure:first-child.size-medium,
	.single-article > figure:first-child.size-thumbnail {
		display: inline-block;
		width: inherit;
		max-width: 100%;
		margin: auto auto 10px;
	}

	.single-article > figure:first-child.alignleft {
		max-width: 50%;
		margin: auto 10px 10px auto;
	}

	.single-article > figure:first-child.alignright {
		max-width: 50%;
		margin: auto auto 10px 10px;
	}

	.single-article figcaption,
	.figcaption {
		padding: 10px;
	}

	.single-article > figure.full-width {
		display: block;
		max-width: none;
		width: auto;
		margin-left: -64px;
		margin-right: -64px;
	}

	.single-article img.full-width,
	.single-article iframe.full-width {
		display: block;
		width: 748px;
		max-width: none;
		margin-left: -64px;
		margin-right: -64px;
	}

	.single-article > figure img.full-width {
		max-width: 100%;
		margin: 0;
	}

	/* 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;
	}

	/* Nutshell Page */
	.ns-section-title {
		display: inline-block;
		position: relative;
		margin-left: 20px;
		overflow: hidden;
		margin-bottom: 10px;
		padding: 5px 10px;
		color: black;
		background: #ffc000;
		line-height: 1.2;
		font-family: ScoutBold, Arial, Helvetica, sans-serif;
		font-size: 23px;
		text-transform: uppercase;
	}

	.ns-section-title span {
		padding: 0;
	}

	.ns-section-title span br {
		display: none;
	}

	.want-to-know,
	.talk-about {
		margin: 0;
		padding: 0 10px 0 0;
	}

	.want-to-know .ns-section-title,
	.talk-about .ns-section-title {
		margin-top: -20px;
		padding: 5px 10px;
	}

	.want-to-know .ns-item header,
	.talk-about .ns-item header {
		width: 498px;
	}

	.talk-about {
		margin-bottom: 20px;
	}

	.ns-section {
		margin-top: 30px;
	}

	.ns-item {
		margin: 10px auto;
		padding-bottom: 10px;
		position: relative;
		line-height: 1.2;
	}

	.ns-item .ns-image-box {
		float: left;
		position: relative;
		width: 200px;
		margin-bottom: 0;
		margin-left: 20px;
	}

	.ns-item .ns-image-box img {
		width: 100%;
	}

	.ns-item header {
		width: 508px;
		float: right;
		margin-bottom: 5px;
	}

	.ns-item header > h3 {
		margin-top: -5px;
		font-size: 25px;
		font-family: ScoutBold, Arial, Helvetica, sans-serif;
		font-weight: normal;
	}

	.ns-item .ns-content {
		margin-left: 240px;
		margin-bottom: 10px;
		display: block;
		margin-top: 5px;
	}

	.ns-item .ns-content .ns-excerpt {
		font-size: 18px;
		display: block;
		margin-top: 5px;
		font-family: ScoutLight, Arial, Helvetica, sans-serif;
	}

	.ns-item-title {
		color: black;
	}

	.ns-page-header {
		height: 150px;
		margin-bottom: -10px;
		background-color: transparent;
		font-size: 45px;
	}

	.ns-page-header h3 {
		color: black;
		position: relative;
		top: 20px;
		line-height: 54px;
		left: 20px;
	}

	.ns-page-header h3 br {
		display: block;
	}

	.ns-page-header h3 span {
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		background-color: white;
		padding: 0 10px;
	}

	.ns-page-header .overlay {
		position: absolute;
		z-index: -1;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: url(/wp-content/themes/vip/metrouk/css/../img/overlay.png) repeat scroll 0px 0px transparent;
		display: block;
	}

	/* Author page */
	.author-page-box {
		max-width: none;
		margin: 0 0 30px 0;
	}

	.apb-title {
		left: 0;
	}

	.apb-contact-links {
		top: 0;
		right: 0;
	}

	.apb-desc {
		max-width: inherit;
		margin: 0;
		font-size: 20px;
	}

	.apb-img-container {
		display: inline-block;
		top: 0;
		left: 0;
		width: 110px;
		height: 110px;
	}

	.apb-img {
		width: 110px;
		height: 110px;
	}

	.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 ol {
		clear: both;
	}

	.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 {
		width: 35px;
		height: 35px;
		box-sizing: content-box;
		left: auto;
		top: -5px;
		right: -5px;
		padding-top: 5px;
		padding-right: 5px;
		font-size: 30px;
		line-height: 30px;
	}

	.trending-main ol li:first-child {
		margin-left: 0 !important;
	}

	.trending-main h3 {
		margin: -26px 0 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 .trending-main-more {
		display: block;
	}

  	.trending-main {
		margin-bottom: 20px;
	}

	.trending-main-header {
		position: static !important;
		float: left;
		margin-bottom: 12px !important;
	}

	.moz .trending-main h3 {
		margin-top: -25px;
	}

	.ranking-image-container {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
	}

	.copy-container {
		position: relative;
		margin-left: 0;
		margin-right: 15px;
	}

	.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 {
		box-sizing: border-box;
		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 .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;
	}

	.brightcove-video {
		max-width: 100% !important;
	}

	/* 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 */
	#page-container {
		margin-top: 97px;
	}

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

	#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: 100%;
		font-size: 18px;
	}

	/* News feed */
	.nf-author-image {
		width: 20px;
		height: 20px;
	}

	.nf-content,
	.nf-social {
		margin-left: 170px;
	}

	.nf-content {
		display: block;
		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-image-box .nf-share-count {
		display: none;
	}

	.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 {
		display: block;
		margin-left: 170px;
	}

	.nf-social-desktop .nf-social-buttons,
	.nf-social-desktop .nf-share-count {
		display: inline-block;
		margin-top: 0;
	}

	/* Footer */
	#page-bottom-container {
		margin-top: 10px;
	}

	#footer-base .copyright {
		display: inline;
		height: auto;
	}

	#footer-base .copyright:after {
		content: ' | ';
		display: inline-block;
		margin: 0 10px;
	}

	.footer-follow a {
		font-size: 18px;
	}

	.footer-follow .icon {
		font-size: 20px;
	}

	.footer-nav .nav-menu {
		height: 50px !important;
	}

	.footer-links .main-nav-container-mobile {
		display: block;
	}

	/* 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;
	}

	.tag-latest-transfer-news .nav-menu,
	.tag-viral-sport-videos .nav-menu,
	.tag-big-brother .nav-menu,
	.tag-soap-spoilers .nav-menu {
		height: 90px;
	}

	/* 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;
	}

	.thumbnail-link {
		min-width: 250px;
		margin-left: -64px;
	}

	.metro-sassy-poll {
		/* poll has two items */
	}

	.metro-sassy-poll:not(.is-answered) li:first-child:nth-last-child(2),
	.metro-sassy-poll:not(.is-answered) li:first-child:nth-last-child(2) ~ li {
		width: 220px;
		margin: 0 5px !important;
		display: table-cell;
		vertical-align: middle;
	}

	.metro-sassy-poll .msp-share .msp-share-cta {
		display: none;
	}

	.metro-sassy-poll .msp-share .msp-share-btns {
		float: none;
	}

	.metro-sassy-poll .msp-share .msp-shrb {
		border: 0;
		display: inline-block;
		float: none;
		color: white;
		height: 70px;
		line-height: 40px;
		width: 220px;
		margin: 0 5px;
		box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
		padding: 15px;
		text-align: left;
		font-size: 20px;
		background-origin: content-box !important;
	}

	.metro-sassy-poll .msp-share .msp-shrb span {
		display: block;
	}

	.metro-sassy-poll .msp-share .msp-shrb.twitter {
		background-color: #17abed;
		background-size: 36px;
		background-position: right 1px;
	}

	.metro-sassy-poll .msp-share .msp-shrb.twitter:hover {
		background-color: #0e88bf;
	}

	.metro-sassy-poll .msp-share .msp-shrb.facebook {
		background-color: #3b5998;
		background-position: right -138px;
		background-size: 35px;
	}

	.metro-sassy-poll .msp-share .msp-shrb.facebook:hover {
		background-color: #1f3666;
	}

	.msp-option {
		width: 430px;
		padding: 20px 10px !important;
	}

	.msp-option:first-child {
		margin-right: 20px;
	}

	.msp-option .msp-text {
		padding-left: 0;
	}

	.msp-option .msp-score {
		padding-right: 0;
	}

	.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 .mosaic .title {
		line-height: 27px !important;
	}

	.moz .mosaic img,
	.moz .mosaic .item-2 img,
	.moz .mosaic .item-3 img {
		margin-top: -30px;
	}

	.moz .mosaic .wide .title {
		line-height: 31px !important;
	}

	.moz .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,
	.ie7 .mosaic .sport span,
	.ie8 .mosaic .sport span,
	.ie7 .trending-main .sport span,
	.ie8 .trending-main .sport span,
	.ie7 .mosaic .entertainment span,
	.ie8 .mosaic .entertainment span,
	.ie7 .trending-main .entertainment span,
	.ie8 .trending-main .entertainment span,
	.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: white;
		box-shadow: 10px 0 0 white, -10px 0 0 white;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}

	.ie7 .trending-main .span,
	.ie8 .trending-main .span {
		background-color: white;
	}

	.before-and-after.portrait {
		max-width: 450px;
	}

	.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 li {
		min-height: 85px;
		margin-bottom: 10px;
	}

	.more-posts img {
		float: left;
		width: 100px;
		height: 75px;
	}

	.more-posts .mor-static {
		min-height: inherit;
	}

	.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;
	}

	.metro-factbox.half {
		float: left;
		width: 50%;
		margin-right: 1em;
		margin-left: -52px;
	}

	.metro-factbox-content {
		font-size: 18px;
	}

	.single-article .election-map {
		width: 680px;
		max-width: none;
	}

	.comp-item h1,
	.comp-item .comp-para {
		clear: none;
		margin-left: 330px;
	}
}
@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: 0;
		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;
	}

	.main-nav-container .nav-menu .menu-item:nth-child(n+5):not(.menu-item-more) {
		display: block;
	}

	.main-nav-container .sub-menu li.nav-menu-item-tablet {
		display: none;
	}

	.ie8 .main-nav-container {
		margin-top: 112px;
	}

	.main-nav-container h2 {
		top: 43px;
		font-size: 16px;
	}

	.footer-links .nav-menu .menu-item:nth-child(n+5):not(.menu-item-more) {
		display: block;
	}

	.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,
	.wide-post #fb-comments-container {
		width: 768px;
		max-width: 768px;
	}

	#latest-posts-widget {
		display: block;
	}

	/* Posts */
	.single-article,
	.col-skinny {
		width: 540px;
	}

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

	.wide-post .single-article,
	.wide-post .col-skinny {
		width: 768px;
		font-size: 22px;
	}

	.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,
	.single-article > figure.full-width {
		margin: 0 -52px 15px -52px;
	}

	.wide-post .single-article > figure:first-child,
	.wide-post .single-article > figure:first-child.aligncenter,
	.wide-post .single-article > figure:first-child.alignnone {
		max-width: none !important;
		margin: 0 -98px 15px -98px;
	}

	.single-article img.full-width,
	.single-article iframe.full-width {
		width: 644px;
		margin-left: -52px;
		margin-right: -52px;
	}

	.single-article > figure img.full-width {
		margin: 0;
	}

	.thumbnail-link {
		margin-left: -52px;
	}

	.wide-post .single-article img.full-width,
	.wide-post .single-article iframe.full-width {
		width: 964px;
		margin-left: -98px;
		margin-right: -98px;
	}

	.wide-post .single-article > figure.full-width {
		margin: 0 -98px 20px -98px;
	}

	.wide-post .single-article > figure.full-width img {
		width: 100%;
		margin: auto;
	}

	.wide-post.single-post h1 {
		margin-top: 0;
		font-size: 60px;
	}

	.wide-post.single-post article {
		line-height: 1.2;
	}

	.wide-post.single-post figcaption,
	.wide-post.single-post .figcaption {
		font-size: 16px;
	}

	.wide-post .share-button {
		height: 50px;
	}

	.wide-post .share-button.facebook {
		background-position: 50% -120px;
	}

	.wide-post .share-button.twitter {
		background-position: 50% 8px;
	}

	.wide-post .share-button.google {
		background-position: 50% -184px;
	}

	.wide-post .share-button.email {
		background-position: 50% -61px;
	}

	.wide-post .share-button.weibo {
		background-position: 50% -394px;
	}

	.wide-post .share-count {
		height: 50px;
		line-height: 50px;
	}

	.wide-post .thumbnail-link {
		margin-left: -98px;
	}

	.wide-post .thumbnail-link img {
		width: 145px;
		height: 109px;
	}

	.wide-post .thumbnail-link h3 {
		margin-left: 155px;
		font-size: 20px;
	}

	.ie7 .wide-post .share-button.facebook,
	.ie8 .wide-post .share-button.facebook {
		background-position: 50% -104px;
	}

	.ie7 .wide-post .share-button.twitter,
	.ie8 .wide-post .share-button.twitter {
		background-position: 50% 15px;
	}

	.ie7 .wide-post .share-button.google,
	.ie8 .wide-post .share-button.google {
		background-position: 50% -163px;
	}

	.ie7 .wide-post .share-button.email,
	.ie8 .wide-post .share-button.email {
		background-position: 50% -44px;
	}

	.ie7 .wide-post .share-button.weibo,
	.ie8 .wide-post .share-button.weibo {
		background-position: 50% -286px;
	}

	.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 */
	}

	#we-need-monies {
		background: transparent;
	}

	#we-need-monies,
	#ad-bottom {
		position: static;
		max-width: 970px;
	}

	#we-need-monies {
		position: static;
	}

	#page-container {
		margin-top: 0;
	}

	.admin-bar #page-container {
		margin-top: 0;
	}

	.show-legals #masthead {
		padding-top: 20px;
	}

	.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;
	}

	/* Nutshell Page */
	.ns-item header {
		width: 404px;
	}

	.want-to-know .ns-item header,
	.talk-about .ns-item header {
		width: 394px;
	}

	/* In masthead */
	#masthead-follow {
		display: block;
	}

	.mosaic .wide {
		width: 644px;
	}

	.mosaic-item {
		width: 317px;
	}

	.col-abc .mosaic-item {
		width: 308px;
	}

	.more-posts {
		width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	.more-posts li {
		width: 260px;
	}

	.more-posts li:nth-child(odd) {
		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;
	}

	.single-article .election-map {
		width: 640px;
		margin-left: -45px;
		margin-right: -45px;
	}

	#footer-base {
		line-height: 50px;
		padding: 0 20px;
	}

	#footer-base .terms {
		float: right;
	}

	#footer-base .terms a:last-child {
		margin-right: 0;
	}
}
@media screen and (min-width: 1025px) {
	#we-need-monies .ad-slot-large {
		margin-bottom: 10px;
	}

	.page-wrap #page-wrap {
		display: block;
		cursor: pointer;
	}

	.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;
	}
}