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


.centred-m10 { margin: 10px auto; }

.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?wdftn0); src: url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.eot?wdftn0#iefix) format("embedded-opentype"), url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.ttf?wdftn0) format("truetype"), url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.woff?wdftn0) format("woff"), url(/wp-content/themes/vip/metrouk/css/../fonts/icomoon/icomoon.svg?wdftn0#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; }

#kixer_widget { visibility: hidden; }

.newsfeed-end #kixer_widget { visibility: visible; }

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

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

.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: 50px; min-width: 320px; margin-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); 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 { margin-top: 70px; }

.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; margin-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 { margin-top: 20px; }

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

.follow-icon.instagram { background: #125688; }

.follow-icon.instagram:hover { background: #003D6F !important; }

.follow-icon.pinterest { background: #cb2027; }

.follow-icon.pinterest:hover { background: #B2070E !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: 25%; 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: 88px; right: 10px; text-align: center; }

#masthead-follow .follow-icon { width: 35px; height: 35px; margin-left: 5px; }

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

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

.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-breadcrumb ol { display: inline-block; }

.met-breadcrumb ol li { display: inline-block; }

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