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


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

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


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

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }


.flt-r { float: right; }

.flt-l { float: left; }

.clear { clear: both; }


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


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


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


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


.no-underline, .no-underline:hover { text-decoration: none; }


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

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

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


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


@font-face { font-family: 'icomoon'; src: url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.eot?4); src: url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.eot?4#iefix) format("embedded-opentype"), url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.woff?4) 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?4#icomoon) format("svg"); font-weight: normal; font-style: normal; }

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

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

.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; display: none; 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; display: block; }

.page .metro-spinner.feed, .tag .metro-spinner.feed, .author .metro-spinner.feed, .archive .metro-spinner.feed, .newsfeed-end .metro-spinner.feed { display: none; }

.category #page-bottom-container { visibility: hidden; }

.category.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; width: 100%; margin: 1em 0; padding: 0 25px; line-height: 1.2; float: none; font-style: italic; position: relative; box-sizing: border-box; }

#content blockquote:before, #content blockquote:after { font-size: 60px; color: #8e8e8e; font-style: normal; }

#content blockquote:before { content: '\201C'; position: absolute; top: -15px; left: -2px; }

#content blockquote:after { content: '\201D'; position: absolute; margin-left: 8px; margin-top: -11px; }

#content blockquote p:last-child { display: inline; }

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

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


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


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


.widget_metro_brightcove_video_carousel_widget { height: 380px; }


.ad-slot-container > * { margin: 0 auto; }

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

#ad-special { height: 1px; }


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


.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 .5s ease-in-out; transition: right .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 .3s ease-out; transition: all .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; }

#actionbar { display: none; }
@charset "UTF-8";

#masthead { box-sizing: border-box; position: fixed; left: 0; width: 100%; top: 0; height: 100px; min-width: 320px; padding-top: 50px; 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 .5s ease; transition: transform .5s ease; }

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

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

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

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

.admin-bar #masthead { z-index: 1000000; }

.metro_ads_leaderboard_all_off #masthead, .metro_ads_leaderboard_small_off #masthead { top: 0; height: 50px; padding-top: 0; }

.metro_ads_leaderboard_all_off #page-container, .metro_ads_leaderboard_small_off #page-container { margin-top: 10px; padding-top: 50px; }

.metro_ads_leaderboard_all_off.show-legals #masthead, .metro_ads_leaderboard_small_off.show-legals #masthead { padding-top: 20px; height: 70px; }

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

.metro_ads_leaderboard_all_off.admin-bar #page-container, .metro_ads_leaderboard_small_off.admin-bar #page-container { margin-top: 10px; padding-top: 50px; }

.metro_ads_leaderboard_all_off.show-legals.admin-bar #page-container, .metro_ads_leaderboard_small_off.show-legals.admin-bar #page-container { margin-top: 30px; }

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

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

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


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


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

.follow-icon { display: block; float: left; color: white !important; text-align: center; }

.follow-icon .icon { vertical-align: middle; font-size: 24px; }

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

.follow-icon.facebook:hover { background: #1f3666 !important; }

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

.follow-icon.twitter:hover { background: #0e88bf !important; }

.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 { width: 50%; height: 50px; padding: 0; }

.nav-follow .follow-icon .icon { line-height: 50px; }

.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 { width: 40px; height: 40px; margin-left: 10px; }

#masthead-follow .follow-icon:first-child { margin-left: 0; }

#masthead-follow .follow-icon .icon { line-height: 40px; }

.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: 28px; line-height: 0.9; font-weight: normal; }

.single-post .content h1 { margin: 10px 0 15px; }

.single-attachment .content h1 { font-size: 35px; }

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

.single-article .leading-img, .single-article .leading-img.aligncenter, .single-article .leading-img.alignleft, .single-article .leading-img.alignright { min-width: 100%; max-width: none; margin-left: -10px; margin-right: -10px; }

.leading-img .icon { font-size: 20px; }

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

.single-article h3, .single-article h4 { font-family: ScoutBold, Arial, Helvetica, sans-serif; line-height: 1em; font-weight: normal; margin-bottom: 10px; }

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


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

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


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

.aut-icon.facebook:hover { background-color: white; color: #3b5998; }

.aut-icon.twitter { background: #17abed; }

.aut-icon.twitter:hover { background-color: white; color: #17abed; }

.aut-icon.google { background: #dd4b39; }

.aut-icon.google:hover { background-color: white; color: #dd4b39; }

.aut-icon.website { background: #6cb42c; }

.aut-icon.website:hover { background-color: white; color: #6cb42c; }

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

.signpost { text-transform: uppercase; font-family: 'ScoutBold', sans-serif; font-size: 1em; }

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

.byline-container .signpost { margin-right: 10px; padding: 0 5px 1px 5px; color: white; }

.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; 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-body { font-size: 20px; line-height: 1.15; }

.article-body p { margin-bottom: 1em; }

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

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


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


video:not(.video-js) { width: 100%; height: auto !important; }

.video-js { width: 100%; }

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%; 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; padding: 8px; overflow: hidden; cursor: pointer; font-size: 22px; text-align: center; }

.share-button .icon { display: inline-block; position: static; background: transparent; color: white; font-size: 22px; }

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

.share-button.facebook { background: #3b5998; }

.share-button.twitter { background: #17abed; }

.share-button.google { display: none; background: #dd4b39; }

.share-button.whatsapp { background: #57cf38; }

.share-button.email { background: #878787; }

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

.floaty-share-buttons { position: fixed; bottom: -50px; right: 0; z-index: 100; margin-bottom: 0; -webkit-transition-property: bottom, top; transition-property: bottom, top; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.floaty-share-buttons .share-button { width: 50px; height: 50px; }

.floaty-share-buttons .icon { font-size: 26px; line-height: 39px; }

.metro-show-floaty-share .floaty-share-buttons { bottom: 0; }

.metro-show-floaty-share.metro-share-buttons-in-view .floaty-share-buttons { bottom: -50px; }

.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 .img-wrap { 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: 5px 0 5px 5px; background: white; }

.item-share-buttons .btn { display: block; width: 20px; height: 20px; margin-top: 10px; cursor: pointer; color: white; text-align: center; font-size: 14px; line-height: 22px; vertical-align: middle; }

.item-share-buttons .btn:hover { color: white; }

.item-share-buttons .btn .icon { vertical-align: top; }

.item-share-buttons .btn:first-child { margin-top: 0; }

.item-share { position: absolute; right: 0; bottom: 0; z-index: 2; }

.external-link { display: block; position: relative; }

.external-link:before { position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: white; color: #3b2570; text-align: right; font-size: 16px; }

.share-item-facebook { background: #3b5998; }

.share-item-twitter { background: #17abed; }

.share-item-email { background: #878787; }

.share-item-pinterest { background-color: #bd081c; }

.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;  border-top: 25px solid white;  border-left: 25px solid rgba(0, 0, 0, 0.3);  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;  }

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

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


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


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


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


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

.img-wrap { position: relative; }

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

.leading-img figcaption { display: inline-block; position: absolute; bottom: 0; color: white; background: rgba(0, 0, 0, 0.65); font-family: ScoutLight, Arial, Helvetica, sans-serif; }

.leading-img .item-share-buttons { display: none; }

.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.alignnone img { float: none; margin: 0 auto; }

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

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

.article-body > figure:first-child.aligncenter, .article-body > 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 .5s ease-in-out; transition: background-color .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 .2s ease-in; transition: width .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; }

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

.msp-share .msp-shrb .icon { display: inline-block; width: 50px; line-height: 50px; vertical-align: middle; }

.msp-share .msp-shrb.facebook { margin-right: 10px; background-color: transparent; }

.msp-share .msp-shrb.twitter { background-color: transparent; }

.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-box, .colour-1 .colour-box-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-box-lighten-20, .colour-1 .colour-box-lighten-20 { background-color: rgba(12, 99, 224, 0.8); box-shadow: 10px 0 0 rgba(12, 99, 224, 0.8), -10px 0 0 rgba(12, 99, 224, 0.8); }

.colour-1.colour-bg-lighten-10, .colour-1 .colour-bg-lighten-10 { background-color: rgba(10, 77, 175, 0.8); }

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

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

.colour-2 .colour-box, .colour-2 .colour-box-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-box-lighten-20, .colour-2 .colour-box-lighten-20 { background-color: rgba(102, 206, 255, 0.8); box-shadow: 10px 0 0 rgba(102, 206, 255, 0.8), -10px 0 0 rgba(102, 206, 255, 0.8); }

.colour-2.colour-bg-lighten-10, .colour-2 .colour-bg-lighten-10 { background-color: rgba(51, 190, 255, 0.8); }

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

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

.colour-3 .colour-box, .colour-3 .colour-box-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-box-lighten-20, .colour-3 .colour-box-lighten-20 { background-color: rgba(255, 102, 143, 0.8); box-shadow: 10px 0 0 rgba(255, 102, 143, 0.8), -10px 0 0 rgba(255, 102, 143, 0.8); }

.colour-3.colour-bg-lighten-10, .colour-3 .colour-bg-lighten-10 { background-color: rgba(255, 51, 105, 0.8); }

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

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

.colour-4 .colour-box, .colour-4 .colour-box-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-box-lighten-20, .colour-4 .colour-box-lighten-20 { background-color: rgba(194, 4, 89, 0.8); box-shadow: 10px 0 0 rgba(194, 4, 89, 0.8), -10px 0 0 rgba(194, 4, 89, 0.8); }

.colour-4.colour-bg-lighten-10, .colour-4 .colour-bg-lighten-10 { background-color: rgba(144, 3, 66, 0.8); }

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

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

.colour-5 .colour-box, .colour-5 .colour-box-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-box-lighten-20, .colour-5 .colour-box-lighten-20 { background-color: rgba(255, 155, 81, 0.8); box-shadow: 10px 0 0 rgba(255, 155, 81, 0.8), -10px 0 0 rgba(255, 155, 81, 0.8); }

.colour-5.colour-bg-lighten-10, .colour-5 .colour-bg-lighten-10 { background-color: rgba(255, 126, 30, 0.8); }

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

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

.colour-6 .colour-box, .colour-6 .colour-box-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-box-lighten-20, .colour-6 .colour-box-lighten-20 { background-color: rgba(87, 193, 239, 0.8); box-shadow: 10px 0 0 rgba(87, 193, 239, 0.8), -10px 0 0 rgba(87, 193, 239, 0.8); }

.colour-6.colour-bg-lighten-10, .colour-6 .colour-bg-lighten-10 { background-color: rgba(41, 175, 234, 0.8); }

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

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

.colour-7 .colour-box, .colour-7 .colour-box-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-box-lighten-20, .colour-7 .colour-box-lighten-20 { background-color: rgba(245, 175, 168, 0.8); box-shadow: 10px 0 0 rgba(245, 175, 168, 0.8), -10px 0 0 rgba(245, 175, 168, 0.8); }

.colour-7.colour-bg-lighten-10, .colour-7 .colour-bg-lighten-10 { background-color: rgba(240, 133, 122, 0.8); }

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

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

.colour-8 .colour-box, .colour-8 .colour-box-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-box-lighten-20, .colour-8 .colour-box-lighten-20 { background-color: rgba(226, 96, 219, 0.8); box-shadow: 10px 0 0 rgba(226, 96, 219, 0.8), -10px 0 0 rgba(226, 96, 219, 0.8); }

.colour-8.colour-bg-lighten-10, .colour-8 .colour-bg-lighten-10 { background-color: rgba(218, 53, 209, 0.8); }

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

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

.colour-9 .colour-box, .colour-9 .colour-box-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-box-lighten-20, .colour-9 .colour-box-lighten-20 { background-color: rgba(255, 102, 180, 0.8); box-shadow: 10px 0 0 rgba(255, 102, 180, 0.8), -10px 0 0 rgba(255, 102, 180, 0.8); }

.colour-9.colour-bg-lighten-10, .colour-9 .colour-bg-lighten-10 { background-color: rgba(255, 51, 155, 0.8); }

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

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

.colour-10 .colour-box, .colour-10 .colour-box-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-box-lighten-20, .colour-10 .colour-box-lighten-20 { background-color: rgba(39, 255, 39, 0.8); box-shadow: 10px 0 0 rgba(39, 255, 39, 0.8), -10px 0 0 rgba(39, 255, 39, 0.8); }

.colour-10.colour-bg-lighten-10, .colour-10 .colour-bg-lighten-10 { background-color: rgba(0, 243, 0, 0.8); }

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

.trs-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 .signpost { display: none; }

.mosaic .excerpt .signpost.opinion { display: inline-block; margin-right: 0.5em; color: #00AEFF; }

.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-box { background-color: transparent; box-shadow: none; color: black; }

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

.club-metro-home .mosaic .signpost.opinion { display: 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%); 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); 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); 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: 0 auto 20px auto !important; }

[data-pin-id] { display: block !important; margin: 0 auto; }

.force-wrap-no-hyphens { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; }

.page-template-page-single-article .page-body:before, .page-template-page-single-article .page-body:after { content: ""; display: table; }

.page-template-page-single-article .page-body:after { clear: both; }

.page-template-page-single-article .page-body { zoom: 1; }

.page-template-page-single-article #page-bottom { clear: both; }

.teaser { overflow: hidden;  }

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


.has-hover .teaser .category { min-height: 10px; line-height: 10px; min-width: inherit; padding: 0 4px 3px 4px; }


.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-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 .teaser .title { display: none; }


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


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


.sidebar .widget.post-list-sidebar li { margin-bottom: 0; }


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


.tiles-break { margin: 0 0 20px; }


#content .widgettitle { margin-bottom: 0.25em; font-family: ScoutBold, Arial, Helvetica, sans-serif; font-size: 1em; color: #aaa; }


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


#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-slot { display: none; }


.article-bottom-mpu > div:first-of-type { padding: 0px 0 20px; }

.article-bottom-mpu[style] { min-height: unset !important; }

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


.post-list-sidebar li, .related-posts li { overflow: hidden;  padding: 5px; }

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

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

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

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


.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 { 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 {  position: relative; min-height: 42px; margin-bottom: 10px; overflow: hidden; }

.sidebar .trending li {  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 !important; line-height: 1.2; }

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

.yellow-label { display: inline-block; position: relative; overflow: hidden; margin-bottom: 10px; padding: 5px 10px; font-family: ScoutBold, Arial, Helvetica, sans-serif; font-size: 23px; text-transform: uppercase; }

.yellow-label span { padding: 5px 0; color: black; background: #ffc000; box-shadow: 10px 0 0 #ffc000, -10px 0 0 #ffc000; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

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

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


.ir { background-color: transparent; border: 0; overflow: hidden;  *text-indent: -9999px; }

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


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


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


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

.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 .5s ease-in-out; transition: background-color .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 .metro-spinner { display: block; position: static; margin: 50px auto; }

.game .metro-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 .35s; transition: opacity .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; }


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


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


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


.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 { 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 { 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 { 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 { position: relative; min-height: 200px; margin: 40px 0; text-align: center; }

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


.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%;  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 .5s ease-in-out; transition: background-color .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-title-excerpt { background: transparent; }
  .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%;  -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: zoom-in; }

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

.pswp--dragging .pswp__img { 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; 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); 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); 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: #bd081c; }

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-expand { 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; z-index: 2; }

.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: 0 auto 20px auto; }

.timeline * { outline: none; box-sizing: border-box; }

.timeline h1 { padding: 20px 0 20px 0; text-align: center; font-size: 24px; }

.timeline img { height: auto; }

.timeline ul { list-style-type: none; display: block; position: relative; padding: 0; margin: 0; }

.timeline ul > li { margin: 0; position: relative; }

.timeline ul > li.is-hidden .timeline-block, .timeline ul > li.is-hidden .timeline-content { visibility: hidden; }

.timeline ul > li .timeline-content { background-color: WHITE; width: 100%; margin-bottom: 10px; }

.timeline ul > li .timeline-content > * { width: 100%; }

.timeline ul > li .timeline-content h2 { font-family: ScoutBold, sans-serif; font-size: 24px; line-height: 1em; font-weight: normal; padding: 10px; background-color: #fb9543; text-transform: uppercase; color: white; position: relative; margin: 0; }

.timeline ul > li .timeline-content h3 { color: #b6b6b6; margin-bottom: 10px; font-size: 20px; font-family: ScoutLight, sans-serif; background: transparent url(/wp-content/themes/vip/metrouk/css/../img/plugins/metro-timeline/timeline_clock-01.svg) no-repeat; background-size: auto 20px; background-position: left; padding-left: 25px; }

.timeline ul > li .timeline-content img { margin-bottom: -3px; min-height: 100px; }

.timeline ul > li .timeline-content.bounce-in { visibility: visible; -webkit-animation: tl-bounce-2 .6s; animation: tl-bounce-2 .6s; }

.timeline ul > li .timeline-content p { display: block; min-height: 50px; font-family: ScoutLight, sans-serif; font-size: 20px; border: 2px solid #fb9543; border-top: 0; padding: 10px; }

.timeline ul > li:last-child { clear: both; }

@media only screen and (min-width: 768px) { .timeline { width: 540px; }
  .timeline ul > li { width: 250px; }
  .timeline ul > li:last-child { background-color: #ddd; width: 40px; height: 5px; left: 250px; }
  .timeline ul::before { background: #ddd; content: ''; left: 270px; height: 100%; margin-left: -3px; position: absolute; top: 0; width: 5px; }
  .timeline ul > li:not(:last-child) { display: inline-block; }
  .timeline ul > li:not(:last-child) h2:before { content: ''; display: block; width: 20px; height: 5px; background-color: #ddd; position: absolute; left: 250px; top: 10px; }
  .timeline ul > li:not(:last-child) h2:before.bounce-in { visibility: visible; -webkit-animation: tl-bounce-1 .6s; animation: tl-bounce-1 .6s; }
  .timeline ul > li:not(:last-child):nth-child(odd) { float: left; }
  .timeline ul > li:not(:last-child):nth-child(odd) h3 { text-align: right; background-position: right; padding-right: 25px; }
  .timeline ul > li:not(:last-child):nth-child(odd) input.warning { left: 0px; right: auto; }
  .timeline ul > li:not(:last-child):nth-child(even) { float: right; }
  .timeline ul > li:not(:last-child):nth-child(even) h2:before { left: -20px; }
  .timeline ul > li:not(:last-child):nth-child(even) .timeline-content { float: right; }
  .timeline ul > li:not(:last-child):nth-child(even) .timeline-content.bounce-in { -webkit-animation: tl-bounce-2-inverse .6s; animation: tl-bounce-2-inverse .6s; }
  .timeline ul > li:not(:last-child):nth-child(even) .timeline-content:after { top: 6px; left: -9px; border-left: 0; border-right: 9px solid WHITE; }
  .timeline ul > li:not(:last-child):nth-child(even) .timeline-content:before { left: -10px; border-left: 0; border-right: 10px solid #F0F0F0; }
  .timeline ul > li:not(:last-child):nth-child(2) { margin-top: 50px; } }

@-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(0);
            transform: translateX(0); }
  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(0);
            transform: translateX(0); }
  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(0);
            transform: translateX(0); }
  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(0);
            transform: translateX(0); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

.metro-lineup .ml-body-container { width: 100%; display: block; position: relative; }

.metro-lineup .ml-body-container .ml-players { width: 100%; float: left; border: 3px solid #5e0a2a; box-sizing: border-box; border-top: 0; }

.metro-lineup .ml-body-container .ml-players menu { cursor: pointer; list-style-type: none; margin: 0; padding: 0; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }

.metro-lineup .ml-body-container .ml-players menu li { font-family: ScoutBold, sans-serif; font-size: 24px; background-color: #5e0a2a; padding: 5px 0; text-align: center; color: white; }

.metro-lineup .ml-body-container .ml-players menu li.ml-active { background-color: white; color: #5e0a2a; }

.metro-lineup .ml-body-container .ml-players ul.ml-player-list { list-style-type: none; margin: 0; padding: 0; }

.metro-lineup .ml-body-container .ml-players ul.ml-player-list li { width: 25%; float: left; padding: 10px; box-sizing: border-box; cursor: grab; font-family: ScoutBold; }

.metro-lineup .ml-body-container .ml-players ul.ml-player-list li span { padding: 2px 5px; background-color: rgba(255, 255, 255, 0.5); display: inline-block; }

.metro-lineup .ml-body-container .ml-players ul.ml-player-list li:not([data-player-type=gk]) { display: none; }

.metro-lineup .ml-body-container .ml-players ul.ml-player-list li:before { content: '+'; }

.metro-lineup .ml-body-container .ml-players ul.ml-player-list li.ui-draggable-dragging { width: auto; }

.metro-lineup .ml-body-container .ml-players ul.ml-player-list li.ui-draggable-dragging:before { content: '\00a0 '; }

.metro-lineup .ml-body-container .ml-players .ml-cta { width: 100%; border: 0; border-radius: 0; padding: 10px 0; background-color: rgba(94, 10, 42, 0.8); border-bottom: 3px solid #5e0a2a; font-size: 24px; color: white; font-family: ScoutBold, sans-serif; }

.metro-lineup .ml-body-container .ml-players .ml-cta:focus { outline: none; box-shadow: none; border-color: transparent; }

.metro-lineup .ml-body-container .ml-pitch-wrapper { width: 100%; min-height: 400px; float: left; position: relative; background: transparent url(/wp-content/themes/vip/metrouk/css/../img/plugins/metro-lineup/metro-lineup-pitch.png) no-repeat center center; background-size: cover; }

.metro-lineup .ml-body-container .ml-pitch-wrapper ul.ml-pitch { position: absolute; top: 0; right: 0; height: 100%; width: 100%; list-style-type: none; margin: 0; padding: 0; }

.metro-lineup .ml-body-container .ml-pitch-wrapper ul.ml-pitch li { position: absolute !important; font-family: ScoutBold; padding: 10px; cursor: grab; }

.metro-lineup .ml-body-container .ml-pitch-wrapper ul.ml-pitch li span { color: white; background-color: rgba(0, 0, 0, 0.5); padding: 2px 5px; }

.metro-lineup .ml-share-wrapper { position: relative; margin: 10px auto; }

.metro-lineup .ml-share-wrapper .lineup-image { width: 100%; }

.metro-lineup .ml-share-wrapper .tweet-cta { position: absolute; top: 10px; right: 10px; }

.metro-lineup .ml-body-container.manchester_city .ml-players { border: 3px solid #00AEFF; }

.metro-lineup .ml-body-container.manchester_city .ml-players menu li { background-color: #00AEFF; }

.metro-lineup .ml-body-container.manchester_city .ml-players menu li.ml-active { background-color: white; color: #00AEFF; }

.metro-lineup .ml-body-container.manchester_city .ml-players .ml-cta { background-color: rgba(0, 174, 255, 0.8); border-bottom: 3px solid #00AEFF; }

.metro-lineup .ml-body-container.manchester_united .ml-players { border: 3px solid #e32328; }

.metro-lineup .ml-body-container.manchester_united .ml-players menu li { background-color: #e32328; }

.metro-lineup .ml-body-container.manchester_united .ml-players menu li.ml-active { background-color: white; color: #e32328; }

.metro-lineup .ml-body-container.manchester_united .ml-players .ml-cta { background-color: rgba(227, 35, 40, 0.8); border-bottom: 3px solid #e32328; }

.metro-lineup .ml-body-container.chelsea .ml-players { border: 3px solid #034694; }

.metro-lineup .ml-body-container.chelsea .ml-players menu li { background-color: #034694; }

.metro-lineup .ml-body-container.chelsea .ml-players menu li.ml-active { background-color: white; color: #034694; }

.metro-lineup .ml-body-container.chelsea .ml-players .ml-cta { background-color: rgba(3, 70, 148, 0.8); border-bottom: 3px solid #034694; }

.metro-lineup .ml-body-container.arsenal .ml-players { border: 3px solid #FF0044; }

.metro-lineup .ml-body-container.arsenal .ml-players menu li { background-color: #FF0044; }

.metro-lineup .ml-body-container.arsenal .ml-players menu li.ml-active { background-color: white; color: #FF0044; }

.metro-lineup .ml-body-container.arsenal .ml-players .ml-cta { background-color: rgba(255, 0, 68, 0.8); border-bottom: 3px solid #FF0044; }

.transfer-countdown { margin: 10px auto; width: 100%; color: white; position: relative; }

.transfer-countdown img { width: 100%; }

.transfer-countdown .counter { position: absolute; bottom: 0; right: 20px; text-align: center; }

.transfer-countdown .counter > div { width: 30px; text-align: center; display: inline-block; font-size: .7em; }

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

@media screen and (min-width: 480px) { .transfer-countdown .counter > div { width: 60px; }
  .transfer-countdown .counter > div span { font-size: 3.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;    }

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

.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; line-height: 1; }

.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: #bd081c; 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; }

.metro-email-signup-shortcode, .sailthru-breaker { position: relative; padding-bottom: 45px; background: url(/wp-content/themes/vip/metrouk/css/../img/plugins/metro-email-signup/red-bg-small.jpg?10) 35% 11% no-repeat; background-size: cover; border-bottom: 0; }

.metro-email-signup-shortcode .fix-logo, .sailthru-breaker .fix-logo { margin-bottom: 0; padding: 10px; background-color: white; background-position: center center; border: 10px solid black; }

.metro-email-signup-shortcode .fix-subhead, .sailthru-breaker .fix-subhead { margin-bottom: 17px; }

.metro-email-signup-shortcode .fix-sub-subhead, .sailthru-breaker .fix-sub-subhead { display: none; }

.metro-email-signup-shortcode.sailthru-the-fix .sailthru-email, .sailthru-breaker.sailthru-the-fix .sailthru-email { height: 40px; }

.metro-email-signup-shortcode .fix-info, .sailthru-breaker .fix-info { position: absolute; left: 0; right: 0; bottom: 0; height: 20px; margin: 0; padding: 2px; background: black; color: white; text-align: right; }

.metro-email-signup-shortcode .fix-info:after, .sailthru-breaker .fix-info:after { content: "\00BB"; font-size: 18px; padding: 0 3px; }

.metro-email-signup-shortcode .fix-info:active, .metro-email-signup-shortcode .fix-info:hover, .sailthru-breaker .fix-info:active, .sailthru-breaker .fix-info:hover { color: white; }

.metro-email-signup-shortcode .fix-add-subscriber-form, .sailthru-breaker .fix-add-subscriber-form { margin-top: 0; }

.metro-email-signup-shortcode.is-submitting .sailthru-loading, .sailthru-breaker.is-submitting .sailthru-loading { top: 0 !important; height: 40px !important; background: white url(/wp-content/themes/vip/metrouk/css/../img/spinner-horizontal.gif?10) no-repeat 50% !important; opacity: 1 !important; }

.metro-email-signup-shortcode .sailthru-output.success, .sailthru-breaker .sailthru-output.success { margin: 18px 0; color: white; }

.metro-email-signup-shortcode .sailthru-output.error, .sailthru-breaker .sailthru-output.error { margin: 18px; color: white; }

.metro-email-signup-shortcode .sailthru-output.error a, .metro-email-signup-shortcode .sailthru-output.error a:hover, .sailthru-breaker .sailthru-output.error a, .sailthru-breaker .sailthru-output.error a:hover { color: white; }

.fix-screengrab { display: none; }

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

.fix-info { display: inline-block; float: right; margin-top: 10px; font-size: 18px; font-family: ScoutLight, Arial, Helvetica, sans-serif; color: #ea6400; }

.fix-info:hover { color: #a34600; }

.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 { padding-bottom: 20px; border: 0; background: url(/wp-content/themes/vip/metrouk/css/../img/plugins/metro-email-signup/red-bg-medium.jpg?10) 0 0 no-repeat; background-size: cover; }
  .sailthru-breaker .sailthru-slogan { display: block; }
  .sailthru-breaker h2.fix-logo { float: left; width: 290px; height: 50px; margin-bottom: 0; margin-left: 20px; background-size: 290px; }
  .sailthru-breaker .fix-subhead { float: left; clear: left; width: 270px; margin-top: 0; margin-left: 25px; }
  .sailthru-breaker .fix-info { left: auto; padding: 7px 0 7px 10px; }
  .sailthru-breaker .sailthru_form { position: absolute; top: 40px; right: 40px; width: 300px; }
  .sailthru-breaker .sailthru-btn { clear: left; width: 150px; height: 45px; }
  .sailthru-breaker input.sailthru-email { width: 100%; margin-bottom: 10px; }
  .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%; }
  .metro-email-signup-shortcode { border: none; }
  .metro-email-signup-shortcode .fix-logo { margin-bottom: 13px; }
  .metro-email-signup-shortcode .fix-info { left: auto; padding: 2px 0 2px 10px; }
  .metro-email-signup-shortcode .fix-subhead span { padding: 2px 5px 6px; }
  .metro-email-signup-shortcode .fix-add-subscriber-form { margin-top: 0; } }

@media screen and (min-width: 1024px) { .sailthru-the-fix.sailthru-breaker { padding-bottom: 0; }
  .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 { display: none; }
  .sailthru-the-fix.sailthru-breaker .fix-subhead { width: 420px; float: left; clear: none; box-sizing: border-box; margin: 40px 0 20px 24px; }
  .sailthru-the-fix.sailthru-breaker .fix-subhead span { display: inline-block; padding: 4px; }
  .sailthru-the-fix.sailthru-breaker .fix-sub-subhead { display: inline-block; font-family: ScoutLight, Arial, Helvetica, sans-serif; font-size: 20px; }
  .sailthru-the-fix.sailthru-breaker .sailthru_form { position: relative; top: auto; right: auto; float: left; width: 425px; margin-left: 20px; }
  .sailthru-the-fix.sailthru-breaker .sailthru-output { margin-top: 0; }
  .sailthru-the-fix.sailthru-breaker input.sailthru-email { width: 263px; }
  .sailthru-the-fix.sailthru-breaker .sailthru-btn { clear: none; }
  .sailthru-the-fix.sailthru-breaker .fix-screengrab { display: block; float: left; width: 460px; }
  .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; } }

.metro-grid-header-img, .metro-grid-footer-img { width: 100%; max-width: 100%; height: auto; }

.metro-grid-header-img svg, .metro-grid-footer-img svg { width: 100%; max-width: 100%; height: auto; }

.metro-grid-inner { padding: 20px 20px 0 20px; }

.metro-grid-list { margin: 0 !important; padding-left: 0 !important; }

.metro-grid-box { box-sizing: border-box; float: left; list-style: none; margin-left: 2% !important; margin-bottom: 20px !important; width: 22.5%; height: auto; background: lightgrey; display: block; }

@media (max-width: 480px) { .metro-grid-list { margin: 0 !important; }
  .metro-grid-box { width: 26.66%; margin-left: 5% !important; } }

.metro-ents-advent-2015 { background-color: #56456B; background-image: -webkit-linear-gradient(#271D4E, #FFD2D2); background-image: linear-gradient(#271D4E, #FFD2D2); position: relative; margin: 20px -52px; }

.metro-ents-advent-2015-door-number { -webkit-transition: fill 0.2s linear; transition: fill 0.2s linear; }

.metro-ents-advent-2015-modal { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(39, 29, 78, 0.8); -webkit-transition: all 1s; transition: all 1s; overflow: auto; }

.metro-ents-advent-2015-modal-content { width: 90%; background: #ffffff; font-size: 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.metro-ents-advent-2015-modal-inner { position: relative; }

.metro-ents-advent-2015-modal-title-wrap { font-size: 36px; font-family: 'ScoutBold', sans-serif; line-height: 42px; color: #ffffff; margin: -42px 0 20px; }

.metro-ents-advent-2015-modal-title-wrap span { -webkit-box-decoration-break: clone; box-decoration-break: clone; background: #FC1049; box-shadow: 15px 0 0 #FC1049, -15px 0 0 #FC1049; }

.metro-ents-advent-2015-modal-image { position: absolute; top: 0; left: 0; color: #F1F1F1; }

.metro-ents-advent-2015-modal-image-wrap { position: relative; padding-bottom: 56.25%; background: #F1F1F1; }

.metro-ents-advent-2015-modal-inner { padding: 0 15px 15px; }

.metro-ents-advent-2015-modal-bold, .metro-ents-advent-2015-modal-desc { font-family: 'ScoutBold', sans-serif; }

.metro-ents-advent-2015-modal-heading { font-family: 'ScoutBold', sans-serif; margin-bottom: 5px; font-size: 18px; }

.metro-ents-advent-2015-modal-small { font-size: 18px; }

.metro-ents-advent-2015-modal-cta { display: block; max-width: 400px; width: 100%; background: #12B76C; color: #ffffff; text-align: center; font-size: 36px; padding: 20px 0; margin: 0 auto 20px; cursor: pointer; -webkit-transition: 0.1s ease; transition: 0.1s ease; border-bottom: 4px solid #0E9256; }

.metro-ents-advent-2015-modal-cta:hover { color: #ffffff; background: #0E9256; border-bottom: 4px solid #0A6D40; }

.metro-ents-advent-2015-modal-close { display: block; position: absolute; top: -15px; right: -15px; background: #0C3A7D; height: 30px; width: 30px; cursor: pointer; padding: 5px; box-sizing: border-box; color: #ffffff; }

.metro-ents-advent-2015-modal-close:hover { color: #ffffff; }

.metro-ents-advent-2015.modal-open .metro-ents-advent-2015-modal { display: block; }

.metro-ents-advent-2015 .metro-grid-inner { padding: 10px 0 20px; }

.metro-ents-advent-2015 .metro-grid-list { margin: 0 !important; }

.metro-ents-advent-2015 .metro-grid-box { background: none; margin-bottom: 0 !important; }

.metro-ents-advent-2015 .metro-grid-box.metro-ents-advent-2015-divide { width: 100%; height: 10px; margin-bottom: 20px !important; margin-left: 0 !important; background-color: #FFFFFF; background-image: -webkit-repeating-linear-gradient(135deg, #FFFFFF, #FFFFFF 25%, #007D68 25%, #007D68 50%, #FFFFFF 50%); background-image: repeating-linear-gradient(-45deg, #FFFFFF, #FFFFFF 25%, #007D68 25%, #007D68 50%, #FFFFFF 50%); background-size: 160px 160px; }

.metro-ents-advent-2015 .metro-grid-box.metro-ents-advent-2015-divide.divide-3 { display: none; }

.metro-ents-advent-2015 .metro-grid-box.metro-ents-advent-2015-divide.divide-4 { display: block; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-FE0081:hover .metro-ents-advent-2015-door-number { fill: #FE0081; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-FFFFFF:hover .metro-ents-advent-2015-door-number { fill: #FFFFFF; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-B2002F:hover .metro-ents-advent-2015-door-number { fill: #B2002F; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-07387F:hover .metro-ents-advent-2015-door-number { fill: #07387F; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-FF003E:hover .metro-ents-advent-2015-door-number { fill: #FF003E; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-B2005A:hover .metro-ents-advent-2015-door-number { fill: #B2005A; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-07387F:hover .metro-ents-advent-2015-door-number { fill: #07387F; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-042758:hover .metro-ents-advent-2015-door-number { fill: #042758; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-FF0082:hover .metro-ents-advent-2015-door-number { fill: #FF0082; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-12B76C:hover .metro-ents-advent-2015-door-number { fill: #12B76C; }

.metro-ents-advent-2015 .metro-grid-box.hover-fill-07387F:hover .metro-ents-advent-2015-door-number { fill: #07387F; }

.metro-ents-advent-2015 .metro-grid-box-image { cursor: pointer; }

.metro-ents-advent-2015 .metro-grid-box-image svg { width: 100%; height: auto; margin-bottom: -6px; }

.metro-ents-advent-2015 .metro-grid-box-image:hover .metro-ents-advent-2015-door-number, .metro-ents-advent-2015 .metro-grid-box-image:focus .metro-ents-advent-2015-door-number, .metro-ents-advent-2015 .metro-grid-box-image:active .metro-ents-advent-2015-door-number { fill-opacity: 1; }

.metro-ents-advent-2015-star-particle { position: absolute; display: block; width: 15px; height: 15px; background: url(/wp-content/themes/vip/metrouk/css/../lib/plugins/metro-advent-2015/images/star-white-border.png); -webkit-transition: -webkit-transform 1s ease, opacity 1s ease; transition: transform 1s ease, opacity 1s ease; }

@-webkit-keyframes metro-ents-advent-2015-move { 0% { background-position: 0 0; }
  100% { background-position: 160px 0; } }

@keyframes metro-ents-advent-2015-move { 0% { background-position: 0 0; }
  100% { background-position: 160px 0; } }

@media (max-width: 1024px) { .metro-ents-advent-2015 { margin: 20px -64px; } }

@media (max-width: 767px) { .metro-ents-advent-2015 { margin: 20px -104px; } }

@media (max-width: 766px) { .metro-ents-advent-2015 { margin: 20px 0; } }

@media (max-width: 480px) { .metro-ents-advent-2015 .metro-grid-box.metro-ents-advent-2015-divide { height: 8px; }
  .metro-ents-advent-2015 .metro-grid-box.metro-ents-advent-2015-divide.divide-4 { display: none; }
  .metro-ents-advent-2015 .metro-grid-box.metro-ents-advent-2015-divide.divide-3 { display: block; }
  .metro-ents-advent-2015-modal-title-wrap, .metro-ents-advent-2015-modal-cta { font-size: 26px; }
  .metro-ents-advent-2015-modal-title-wrap { margin: -31px 0 20px; line-height: 31px; } }

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

.liveblog-entry { border: 1px solid #dfdfdf; margin: 0 0 20px; padding: 18px 20px; }

.liveblog-entry .liveblog-meta .liveblog-meta-time { float: none; font-size: 15px; color: #5d5d5d; margin-left: 5px; }

.liveblog-meta-time a { text-transform: none; }

.liveblog-entry .liveblog-meta .liveblog-author-avatar { margin-right: 5px; }

.liveblog-entry .liveblog-meta .liveblog-author-avatar img { border-radius: 20px; }

.liveblog-entry .liveblog-entry-text { margin: 20px 0; clear: both; }

#liveblog-container { font-family: ScoutLight, Arial, Helvetica, sans-serif; }

.liveblog-entry .liveblog-meta { font-family: ScoutBold, Arial, Helvetica, sans-serif; }

.liveblog-entry .liveblog-entry-actions { margin: 0; padding-left: 0; }

.liveblog-insert-label { vertical-align: text-top; }

ul.liveblog-labels { margin: 0 0 10px; padding: 0; list-style-type: none; }

ul.liveblog-labels li { display: inline-block; margin: 2px 5px; color: white; text-transform: uppercase; background-color: #444; padding: 2px 5px; font-family: ScoutLight; font-size: 16px; }

ul.liveblog-labels li:first-child { margin-left: 0; }

ul.liveblog-labels li.done_deal { background-color: #ff0044; }

ul.liveblog-labels li.in_talks { background-color: #00c000; }

ul.liveblog-labels li.medical { background-color: #5e022b; }

ul.liveblog-labels li.rumour { background-color: #870e79; }

ul.liveblog-labels li.deal_close { background-color: #3f52f4; }

ul.liveblog-labels li.premier_league { background-color: #3f52f4; }

ul.liveblog-labels li.football_league { background-color: #b0120b; }

.metro-spoiler[data-active="true"] { -webkit-filter: blur(3px); filter: blur(3px); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

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

.mpw-shrb.twitter { background-color: transparent; }

.mpw-shrb .icon { line-height: 50px; }

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

#eastender-countdown .counter-wrap { font-family: 'ScoutBold'; top: 111px; left: 30px; font-size: 40px; color: #000; }


.pageBackground { padding: 0 10px 10px; background-color: #fff; }

#sidebar, #channel-sidebar-top { display: none; }


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

.christmas #metro-logo { background: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-christmas.svg) center 9px 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: 2px; height: 20px; width: auto; -webkit-transform: rotate(56deg); transform: rotate(56deg); }


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


#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, .page .byline { display: inline-block; margin: 5px 0; vertical-align: middle; }

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

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


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

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

#we-need-monies .ad-slot-container { background-color: white; }

#we-need-monies .ad-slot-container .ad-slot-small[style], #we-need-monies .ad-slot-container .ad-slot-medium[style] { min-height: 0 !important; }

#we-need-monies .house-promo { height: 100%; background-color: transparent; background-position: center; background-repeat: no-repeat; background-image: url(/wp-content/themes/vip/metrouk/css/../img/housepromo320.png); position: absolute; z-index: -1; display: block; width: 100%; }

.show-legals #we-need-monies { top: 20px; }


.tiles .teaser { width: 47%; }

.tiles .teaser.wide { width: 97%; }

.tiles .teaser.hero_large .title { font-size: 28px; line-height: 1em; }


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


.listicle-item { position: relative; }


.trending li { margin-bottom: 10px; overflow: hidden; }

.trending h3 { font-size: 16px; font-family: ScoutBold, Arial, Helvetica, sans-serif; line-height: 1.2; }


.blogs-list { overflow: hidden;  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 .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; }


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


.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, .think-about { margin: 40px -10px 20px; padding: 0 10px; background-color: #f1f1f1; }

.want-to-know .ns-section-title, .think-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; }


.promo-nutshell { display: block; position: relative; max-width: 540px; margin: 0 auto 20px; background-size: cover; font-family: ScoutBold, Arial, Helvetica, sans-serif; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.pronut-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; width: 80%; }

.pronut-inner h2 { display: inline-block; margin-bottom: 0; padding: 5px 10px; color: white; background: black; text-transform: uppercase; }

.pronut-logo { width: 120px; height: 30px; background: #FF0044 url(/wp-content/themes/vip/metrouk/css/../img/branding/metro.co.uk/metro.co.uk-white.svg?10) no-repeat center center; background-size: 105px; }

p.pronut-strap { margin-bottom: 0; font-size: 25px; color: black; }

.pronut-slogan { display: inline-block; padding: 0 10px 2px; background: white; vertical-align: top; line-height: 34px; }

.pronut-cta { display: inline-block; width: 35px; padding-bottom: 3px; background: #FF9831; text-align: center; color: black; line-height: 33px; vertical-align: top; }


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


#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); transform: rotate(180deg); }

.is-active #fb-comments-container { display: block; }


.metro-spinner { z-index: 99; display: none; height: 30px; padding: 20px; width: 70px; margin-left: -55px; text-align: center; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.metro-spinner.feed { display: block; margin-left: auto; bottom: 20px; width: 100%; padding: 20px 0; }

.ie7 .metro-spinner, .ie8 .metro-spinner { background-image: url(/wp-content/themes/vip/metrouk/css/../img/spinner.gif); background-repeat: no-repeat; background-position: 35px 15px; }

.metro-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 .metro-spinner > div, .ie8 .metro-spinner > div { display: none; }

.metro-spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.metro-spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

.error404 .metro-spinner { display: none; }

@-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
  40% { -webkit-transform: scale(1); transform: scale(1); } }


.embed-youtube, .youtube-player { max-width: 300px !important; max-height: 182px !important; margin: auto; }

.single-article .embed-youtube { margin-bottom: 1em; }

.BrightcoveExperience { display: block; max-width: 300px !important; max-height: 182px !important; margin: 0 auto; }

.video-share { display: none; width: 100%; line-height: 40px; font-family: ScoutBold, Arial, Helvetica, sans-serif; text-align: right; }

.video-share .share-button { float: right; width: 40px; height: 40px; padding: 0; }

.video-share .share-button:nth-child(2) { margin-left: 10px; }

.video-share .share-button .icon { line-height: 40px; }

.brightcove-video { max-width: 100% !important; margin: 0 auto 1em; text-align: center; }

.brightcove-video.met-bc-has-social .video-share { display: block; }

.brightcove-video.met-bc-has-social .BrightcoveExperience { margin: 0 auto 0; }

.met-bc-container { display: inline-block; }

.video-js-container .video-share { display: block; }


#post-content figure + img, #post-content img + img, #post-content figure + p > img { display: none !important; }


.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) {


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

  .metro_api .trail { font-size: 1.5em; line-height: 1.3em; }

  .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; }
  .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%; }
  .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; }
  .pronut-inner { width: 403px; }
  .pronut-inner h2 { font-size: 29px; }
  .pronut-logo { display: inline-block; width: 125px; height: 39px; vertical-align: bottom; }
  p.pronut-strap { font-size: 46px; line-height: 55px; }
  .pronut-slogan { padding-bottom: 5px; line-height: 45px; }
  .pronut-cta { width: 49px; padding-bottom: 10px; line-height: 40px; } }
@media screen and (min-width: 600px) { .single-article .article-body, .col-skinny { width: 540px; margin: 0 auto; }
  
  .list-carousel-widget .carousel { padding: 0 42px; }
  .list-carousel-widget .slide-wrapper { width: 496px; }
  .list-carousel-widget .teaser { margin: 0 12px; }
  
  .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-box { color: white; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
  .mosaic-item.colour-1 .colour-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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-box { 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; } }
@media screen and (min-width: 768px) {

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

  #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; }
  .christmas #masthead { padding-top: 0; }
  .christmas #metro-logo { width: 399px; height: 142px; max-height: none; background: url(/wp-content/themes/vip/metrouk/css/../img/branding/metro-logo-christmas.svg) 0 0 no-repeat; background-size: 399px; }
  .christmas .nav-strap { top: -81px; }
  .christmas .main-nav-container { margin-top: 149px; }
  #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; }
  #we-need-monies { height: 90px; }
  #we-need-monies .house-promo { background-image: url(/wp-content/themes/vip/metrouk/css/../img/housepromo728.png); }
  #page-container { margin-top: 97px; padding-top: 0; }
  .admin-bar #page-container { margin-top: 97px; padding-top: 0; }
  .poppy { top: -14px; right: -3px; height: 47px; }
  #topBar, #masthead, #page-bottom { max-width: 748px; }
  .menu-top-nav-menu-container { display: block; }
  .metro_ads_leaderboard_small_off #masthead { height: auto; }
  .metro_ads_leaderboard_small_off #page-container { margin-top: 107px; padding-top: 0; }
  .metro_ads_leaderboard_small_off.show-legals #masthead { height: auto; }
  .metro_ads_leaderboard_small_off.show-legals #page-container { margin-top: 107px; }
  .metro_ads_leaderboard_small_off.admin-bar #page-container { margin-top: 10px; padding-top: 97px; }
  .metro_ads_leaderboard_all_off.show-legals.admin-bar #page-container, .metro_ads_leaderboard_small_off.show-legals.admin-bar #page-container { margin-top: 10px; }
  .metro_ads_leaderboard_medium_off.show-legals #page-container { margin-top: 30px; }
  .metro_ads_leaderboard_all_off #page-container, .metro_ads_leaderboard_medium_off #page-container { margin-top: 10px; padding-top: 0; }
  .metro_ads_leaderboard_all_off #masthead, .metro_ads_leaderboard_medium_off #masthead { height: auto; padding-top: 10px; }
  .metro_ads_leaderboard_all_off.show-legals #masthead, .metro_ads_leaderboard_medium_off.show-legals #masthead { padding-top: 10px; height: inherit; }
  .metro_ads_leaderboard_all_off.show-legals #topBar, .metro_ads_leaderboard_medium_off.show-legals #topBar { display: block; }
  .metro_ads_leaderboard_all_off.admin-bar #page-container, .metro_ads_leaderboard_medium_off.admin-bar #page-container { padding-top: 0; }
  .metro_ads_leaderboard_all_off.admin-bar.show-legals #page-container, .metro_ads_leaderboard_medium_off.admin-bar.show-legals #page-container { margin-top: 20px; }
  .show-legals #page-container { margin-top: 117px; }
  .show-legals #masthead { height: auto; padding-top: 10px; }
  .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; }

  .minimal { display: none; }
  .col-ab { float: left; width: 100%; }
  .col-c { float: right; width: 300px; padding: 0 0 0 10px; }

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

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

  #category-content { padding-top: 5px; }
  .article-body, .col-skinny { width: 620px; }
  .single-article .leading-img { margin-left: 0; margin-right: 0; }

  .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-post .content h1 { margin-bottom: 20px; }
  .single-attachment .content h1, .metro-phone-app .single-attachment h1 { margin-top: 0; font-size: 32px; letter-spacing: -1px; }
  .post-category.header { display: none; }
  .sidebar .widget h2 { font-size: 23px; }

  .share-buttons { margin-bottom: 20px; }
  .floaty-share-buttons { margin-bottom: 0; }
  .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; }

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

  .single-post .article-body { 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; }
  .article-body > figure:first-child, .article-body > figure:first-child.aligncenter, .article-body > figure:first-child.alignnone { display: block; width: auto; max-width: none; margin: 0 -64px 15px -64px; }
  .article-body > figure:first-child.alignleft, .article-body > figure:first-child.alignright, .article-body > figure:first-child.size-medium, .article-body > figure:first-child.size-thumbnail { display: inline-block; width: inherit; max-width: 100%; margin: auto auto 10px; }
  .article-body > figure:first-child.alignleft { max-width: 50%; margin: auto 10px 10px auto; }
  .article-body > figure:first-child.alignright { max-width: 50%; margin: auto auto 10px 10px; }
  .single-article figcaption, .figcaption { padding: 10px; }
  .article-body > 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; }
  .article-body > figure img.full-width { max-width: 100%; margin: 0; }

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

  .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, .think-about { margin: 0; padding: 0 10px 0 0; }
  .want-to-know .ns-section-title, .think-about .ns-section-title { margin-top: -20px; padding: 5px 10px; }
  .want-to-know .ns-item header, .think-about .ns-item header { width: 498px; }
  .think-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-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 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; }

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

  #social-buttons { display: block; }
  #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, .page .byline { display: inline-block; margin-right: 5px; }
  .single .post-date, .page .post-date { display: inline-block; vertical-align: middle; font-size: 17px; }
  .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; }

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

  .img-cnt, .wps-image { width: inherit !important; height: inherit !important; }

  #ad-bottom { max-width: 748px; }

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

  #fb-comments-area { max-width: 748px; }
  .comment-show { width: 100%; font-size: 18px; }

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

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

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

  .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%; }
  .metro-spinner.feed { bottom: 50px; }

  .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 {  }
  .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: inline-block; margin-bottom: 5px; line-height: 40px; }
  .metro-sassy-poll .msp-share .msp-shrb .icon { width: 40px; margin-bottom: 5px; line-height: 40px; text-align: left; }
  .metro-sassy-poll .msp-share .msp-shrb.twitter { background-color: #17abed; }
  .metro-sassy-poll .msp-share .msp-shrb.twitter:hover { background-color: #0e88bf; }
  .metro-sassy-poll .msp-share .msp-shrb.facebook { background-color: #3b5998; }
  .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 .title > 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 .title > .span, .ie8 .trending-main .title > .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.half.left { width: 49%; margin-left: 0; margin-right: 1.851851851852%; }
  .metro-factbox.half.right { float: right; width: 49%; margin-right: 0; margin-left: 0; }
  .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) {

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

  #page-container { margin-top: 0; padding-top: 0; }
  #masthead { height: auto; padding-top: 20px; }
  .show-legals #masthead { height: auto; padding-top: 30px; }
  .show-legals #page-container { margin-top: 0; }
  .admin-bar #page-container { margin-top: 0; }
  .metro_ads_leaderboard_small_off.show-legals #masthead, .metro_ads_leaderboard_medium_off.show-legals #masthead { padding-top: 20px; }
  .metro_ads_leaderboard_small_off.show-legals #page-container, .metro_ads_leaderboard_medium_off.show-legals #page-container { margin-top: 10px; }
  .metro_ads_leaderboard_small_off.admin-bar #masthead, .metro_ads_leaderboard_medium_off.admin-bar #masthead { height: auto; padding: 10px 10px 0; }
  .metro_ads_leaderboard_all_off #masthead, .metro_ads_leaderboard_small_off #masthead, .metro_ads_leaderboard_medium_off #masthead, .metro_ads_leaderboard_large_off #masthead, .metro_ads_leaderboard_all_off.admin-bar #masthead, .metro_ads_leaderboard_small_off.admin-bar #masthead, .metro_ads_leaderboard_medium_off.admin-bar #masthead, .metro_ads_leaderboard_large_off.admin-bar #masthead, .metro_ads_leaderboard_all_off.admin-bar.show-legals #masthead, .metro_ads_leaderboard_small_off.admin-bar.show-legals #masthead, .metro_ads_leaderboard_medium_off.admin-bar.show-legals #masthead, .metro_ads_leaderboard_large_off.admin-bar.show-legals #masthead { margin-bottom: 0; padding: 20px 10px 10px; }
  .metro_ads_leaderboard_all_off #page-container, .metro_ads_leaderboard_small_off #page-container, .metro_ads_leaderboard_medium_off #page-container, .metro_ads_leaderboard_large_off #page-container, .metro_ads_leaderboard_all_off.admin-bar #page-container, .metro_ads_leaderboard_small_off.admin-bar #page-container, .metro_ads_leaderboard_medium_off.admin-bar #page-container, .metro_ads_leaderboard_large_off.admin-bar #page-container, .metro_ads_leaderboard_all_off.admin-bar.show-legals #page-container, .metro_ads_leaderboard_small_off.admin-bar.show-legals #page-container, .metro_ads_leaderboard_medium_off.admin-bar.show-legals #page-container, .metro_ads_leaderboard_large_off.admin-bar.show-legals #page-container { margin-top: 0; padding-top: 0; }
  #metro-logo { width: 475px; height: 118px; max-height: none; top: -2px; background-size: 475px; }
  .christmas #masthead { padding-top: 5px; }
  .christmas #metro-logo { width: 475px; height: 160px; background-size: 475px; }
  .christmas #masthead-follow { top: 117px; }
  .christmas .nav-strap { top: -96px; }
  .christmas .main-nav-container { margin-top: 171px; }
  .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 { top: -10px; right: -5px; height: 56px; }
  .cookie-notice span { width: 964px; }
  .show-legals.admin-bar .cookie-notice { line-height: 22px; }
  .show-legals.admin-bar #masthead { padding-top: 20px; }

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

  .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 .teaser { width: 208px; }
  .tiles .teaser.wide { width: 426px; }
  .gallery.tiles .teaser { width: 317px; }

  .gallery-nav { float: right; width: 300px; padding: 0 0 10px 10px; border-left: 1px solid transparent; }

  .category-galleries-widget .item, .category-galleries-widget .item .title, .category-galleries-widget .item img { width: 208px !important; }

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

  .article-body, .col-skinny { width: 540px; }
  .single-post .article-body { font-size: 20px; }
  .wide-post .article-body, .wide-post .col-skinny { width: 768px; font-size: 22px; }
  .post-meta-top { margin: 20px 0; }
  .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; }
  .article-body > figure:first-child, .article-body > figure:first-child.aligncenter, .article-body > figure:first-child.alignnone, .article-body > figure.full-width { margin: 0 -52px 15px -52px; }
  .wide-post .article-body > figure:first-child, .wide-post .article-body > figure:first-child.aligncenter, .wide-post .article-body > 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; }
  .article-body > 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 .article-body > figure.full-width { margin: 0 -98px 20px -98px; }
  .wide-post .article-body > figure.full-width img { width: 100%; margin: auto; }
  .wide-post .leading-img img.full-width { margin: 0; }
  .wide-post.single-post h1 { margin-top: 0; font-size: 60px; }
  .wide-post.single-post .article-body { line-height: 1.2; }
  .wide-post.single-post figcaption, .wide-post.single-post .figcaption { font-size: 16px; }
  .wide-post .shrb-top, .wide-post .shrb-bottom { height: 50px; }
  .wide-post .shrb-top .icon, .wide-post .shrb-bottom .icon { font-size: 24px; line-height: 36px; }
  .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; }
  .blogs-header { height: 40px; }
  .blogs-logo { font-size: 32px; line-height: 40px; }
  .blogs-header span { font-size: 20px; line-height: 40px; }

  .sidebar .ad-slot-container { margin: 0 0 20px 0; }
  body.page-wrap #topBar { max-width: 1010px;  }
  #we-need-monies { background: transparent; height: auto; }
  #we-need-monies .house-promo { display: none; }
  #we-need-monies, #ad-bottom { position: static; max-width: 970px; }
  #we-need-monies { position: static; }
  .ad-slot-medium.page-top-leaderboard { display: none; }

  .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 .carousel { padding: 0 40px; }
  .list-carousel-widget .slide-wrapper { width: 540px; }
  .list-carousel-widget .teaser { margin: 0 15px; }

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

  .apb-title { font-size: 35px; }
  .apb-img-container { width: 130px; height: 130px; }
  .apb-img { width: 130px; height: 130px; }

  .ns-item header { width: 404px; }
  .want-to-know .ns-item header, .think-about .ns-item header { width: 394px; }

  #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; }
  .floaty-share-buttons { display: none; }
  .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; }
  
  .item-share-buttons { display: none; position: absolute; z-index: 1; width: 35px; padding: 10px 0 0 10px; }
  .item-share-buttons .btn { width: 35px; height: 35px; margin: 10px 0 0 0; }
  .item-share-buttons .btn .icon { vertical-align: inherit; font-size: 24px; line-height: 35px; }
  figure:hover .item-share-buttons, .listicle-item:hover .item-share-buttons { display: block; } }