@font-face {font-family: "socialite-0-7-0"; src: url("//massrel-all.massrel.io/static/socialite-0-7-0.65d242385d15e5f85038088a4b182e699bb33687.eot"); src: url("//massrel-all.massrel.io/static/socialite-0-7-0.65d242385d15e5f85038088a4b182e699bb33687.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-0-7-0.6c042f3b9867c8b75dbda2a6ee09b0ffd0929bb0.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-0-7-0.2ca9f8e32b26ae94cd6bf859304c8e4c314683a6.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-0-7-0.06fcba0933a8e07eca909fa21870fca84265a51a.svg#socialite-0-7-0") format("svg"); font-weight: normal; font-style: normal;} [data-icon]:before {content: attr(data-icon);} [data-icon]:before, .icon-add-content:before, .icon-angle-left:before, .icon-angle-right:before, .icon-back-to-top:before, .icon-camera:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-close-x:before, .icon-facebook-comment:before, .icon-facebook-logo-letter:before, .icon-facebook-logo:before, .icon-facebook-mobilelike:before, .icon-facebook-share:before, .icon-getglue-logo:before, .icon-google-plus-logo-letter:before, .icon-google-plus-logo:before, .icon-instagram-comment:before, .icon-instagram-like:before, .icon-instagram-logo:before, .icon-load-more:before, .icon-mass-relevance-logo-copy:before, .icon-mass-relevance-logo:before, .icon-pinterest-logo:before, .icon-place:before, .icon-search:before, .icon-thumbs-down:before, .icon-twitter-favorite:before, .icon-twitter-logo:before, .icon-twitter-reply:before, .icon-twitter-retweet:before, .icon-twitter-verified-bg:before, .icon-twitter-verified-check:before, .icon-upload:before, .icon-vine-logo:before, .icon-vote-check:before, .icon-youtube-logo:before {font-family: "socialite-0-7-0"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit;} .icon-add-content:before {content: "\f100";} .icon-angle-left:before {content: "\f101";} .icon-angle-right:before {content: "\f102";} .icon-back-to-top:before {content: "\f103";} .icon-camera:before {content: "\f104";} .icon-chevron-down:before {content: "\f105";} .icon-chevron-up:before {content: "\f106";} .icon-close-x:before {content: "\f107";} .icon-facebook-comment:before {content: "\f108";} .icon-facebook-logo-letter:before {content: "\f109";} .icon-facebook-logo:before {content: "\f10a";} .icon-facebook-mobilelike:before {content: "\f10b";} .icon-facebook-share:before {content: "\f10c";} .icon-getglue-logo:before {content: "\f10d";} .icon-google-plus-logo-letter:before {content: "\f10e";} .icon-google-plus-logo:before {content: "\f10f";} .icon-instagram-comment:before {content: "\f110";} .icon-instagram-like:before {content: "\f111";} .icon-instagram-logo:before {content: "\f112";} .icon-load-more:before {content: "\f113";} .icon-mass-relevance-logo-copy:before {content: "\f114";} .icon-mass-relevance-logo:before {content: "\f115";} .icon-pinterest-logo:before {content: "\f116";} .icon-place:before {content: "\f117";} .icon-search:before {content: "\f118";} .icon-thumbs-down:before {content: "\f119";} .icon-twitter-favorite:before {content: "\f11a";} .icon-twitter-logo:before {content: "\f11b";} .icon-twitter-reply:before {content: "\f11c";} .icon-twitter-retweet:before {content: "\f11d";} .icon-twitter-verified-bg:before {content: "\f11e";} .icon-twitter-verified-check:before {content: "\f11f";} .icon-upload:before {content: "\f120";} .icon-vine-logo:before {content: "\f121";} .icon-vote-check:before {content: "\f122";} .icon-youtube-logo:before {content: "\f123";} .status.twitter.has-klout .klout {float: left;} .status.twitter.has-klout .avatar {margin-left: 3px;} .status.twitter.has-klout .body .content {padding-left: 91px;} .status.twitter .body:hover .meta .intents {visibility: visible;} .status.twitter .content a {color: #55acee;} .status.twitter .content .author:hover .primary-name {color: #55acee;} .status.twitter .content .verified {position: relative; display: inline-block; font-size: 1.3em; width: 1em; height: 1em;} .status.twitter .content .verified .icon-twitter-verified-bg {position: absolute; top: 0; left: 0; color: #1dcaff;} .status.twitter .content .verified .icon-twitter-verified-check {position: absolute; top: 0; left: 0; color: #fff;} .status.twitter .content .permalink {font-size: 1.0em; line-height: 1.3em;} .status.twitter .content .permalink .permalink-logo {font-size: 1.3em; vertical-align: -2px; color: #55acee;} .status.twitter .content .timestamp {color: #55acee;} .status.twitter .media {padding-bottom: 1.0em;} .status.twitter .meta:after {clear: both; display: block; content: ''; height: 0; padding: 0; margin: 0; overflow: hidden;} .status.twitter .meta .intents {visibility: hidden; display: inline-block; text-align: right; float: right;} .status.twitter .meta .intents .intent {margin-left: 0.5em;} .status.twitter .meta .intents .intent:hover {text-decoration: none;} .status.twitter .meta .intents .intent:hover .intent-text {text-decoration: underline;} .status.facebook .content a {color: #3b5998;} .status.facebook .permalink {color: #3b5998;} .status.facebook .permalink:hover {text-decoration: none;} .status.facebook .meta {color: #666666;} .status.facebook .permalink.timestamp {float: none; font-size: 1.0em;} .status.facebook .author .primary-name {color: #3b5998;} .status.facebook .body:hover .meta .intents {display: inline-block;} .status.facebook .meta .intents {display: none;} .icon-instagram-like.liked {color: #b40404;} .status.instagram .left-content {width: 14em;} @media (max-width: 480px) {.status.instagram .left-content {float: none; width: auto; text-align: left;}} @media (max-width: 480px) {.status.instagram .avatar {float: none;}} .status.instagram .author {text-align: left; padding-right: 4.4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 250px;} .status.instagram .author .primary-name {display: block;} @media (max-width: 480px) {.status.instagram .author {display: inline-block; text-align: left; padding-right: 0;}} .status.instagram .timestamp, .status.instagram .place {color: #666666;} .status.instagram .timestamp.permalink {float: none; font-size: 1em;} .status.instagram .primary-name, .status.instagram .timestamp, .status.instagram .place {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .status.instagram .place {clear: both; padding: 0.4em 0.4em 0 0.4em;} @media (max-width: 480px) {.status.instagram .place {padding-bottom: 0.4em; padding-left: 0;}} .status.instagram .content {padding-left: 56px;} @media (max-width: 480px) {.status.instagram .content {padding-left: 0;}} .status.instagram .media-container {position: relative;} .status.instagram .media-container .permalink {visibility: hidden; float: none; position: absolute; top: 2px; right: 2px; text-shadow: 0 0 2px #000; color: #FFF; z-index: 1;} .status.instagram .media-container .permalink .permalink-logo {opacity: 0.7;} .status.google {padding: 0.5em;} .status.google .author {margin-bottom: 2.0em;} .status.google .author .permalink .permalink-logo {color: #dd4b39;} .status.google .author .primary-name {display: block;} .status.google .author .avatar {-webkit-border-radius: 50%; border-radius: 50%;} .status.google .author .avatar img {-webkit-border-radius: 50%; border-radius: 50%;} .status.google .author .timestamp, .status.google .author .place {color: #666666;} .status.google .author .timestamp.permalink {float: none;} .status.google .content {padding-left: 0; clear: both;} .status.google .content .media {-webkit-box-shadow: inset 0 0 2px #CCC; box-shadow: inset 0 0 2px #CCC; line-height: 0; background-color: #EFEFEF; text-align: center;} .status.getglue .permalink {font-size: 1.0em;} .status.getglue .permalink-logo {font-size: 1.2em; vertical-align: -0.05em;} .klout {font-size: 13px; height: 32px; width: 32px; line-height: 24px; text-align: center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjZJREFUeNrsmb9LHEEUx79zN7unohFUgoWISmIQxcouKkEt9C+wFkSwTu3/kD5NSOk/IIKNWCSF2nkYlTSBFAbWH3feeXe783yze3FvQyBVYGaZge8Nu1wxn/m+N2/unvi80D8G4CNrkeXDrtFkHbE2pYaYebu0MjE1AxG2QK0GoCKAyGwEIaAg/O+X58vl46+fNMji+Os3oEoAVa+CGnVQqEHJXBiG4A8I6WN8+CXKwLyMw6l2D8UgVL1lkFriigWOCK8EUerRT0UNAtJOMISq3oAeHxikaQmID6E3nUcC0qwnTjCEDi9Y4giFJRTajwkI54QOp9gJPYeWOKLXLv0UBIoXrRS/VcmsZfqgjjXzKDy/tHzINh7SmTqejbflea0F5GTkBkRmLKIOWRFZ6Vrl7xf0h2wDcTliZo4QsvlhbY5k6oerIyaEFlkfWjksiM4RoxyBu/26U8vlyL8cycs1PhEsBMnZ7TePdcTu22/yTyPcT12XI/+xssNVdlMcIYi4l5U6YWllP7++q0wNFT0I6cX9BtG+shhzemU2+O+brUHen5x92x3o7ekVKgRFRf5Sl1G7PugDI17EeaDijjPF/RvVboqmIHus0aBam+XZMzGCghbWLlHcftXnd4+WoriNDt70BCTzvxZuWIcGZ8MB68NVJdq5qmBj8kW31EB6iLif27Tq1PrB2mJNX9yHuwe/iH5GHHN+l7XH7wVrnTVXDhr7J9c16+vIKWs1eHh8x/OXJwEGAGgpfqB1cj+AAAAAAElFTkSuQmCC'); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjZJREFUeNrsmb9LHEEUx79zN7unohFUgoWISmIQxcouKkEt9C+wFkSwTu3/kD5NSOk/IIKNWCSF2nkYlTSBFAbWH3feeXe783yze3FvQyBVYGaZge8Nu1wxn/m+N2/unvi80D8G4CNrkeXDrtFkHbE2pYaYebu0MjE1AxG2QK0GoCKAyGwEIaAg/O+X58vl46+fNMji+Os3oEoAVa+CGnVQqEHJXBiG4A8I6WN8+CXKwLyMw6l2D8UgVL1lkFriigWOCK8EUerRT0UNAtJOMISq3oAeHxikaQmID6E3nUcC0qwnTjCEDi9Y4giFJRTajwkI54QOp9gJPYeWOKLXLv0UBIoXrRS/VcmsZfqgjjXzKDy/tHzINh7SmTqejbflea0F5GTkBkRmLKIOWRFZ6Vrl7xf0h2wDcTliZo4QsvlhbY5k6oerIyaEFlkfWjksiM4RoxyBu/26U8vlyL8cycs1PhEsBMnZ7TePdcTu22/yTyPcT12XI/+xssNVdlMcIYi4l5U6YWllP7++q0wNFT0I6cX9BtG+shhzemU2+O+brUHen5x92x3o7ekVKgRFRf5Sl1G7PugDI17EeaDijjPF/RvVboqmIHus0aBam+XZMzGCghbWLlHcftXnd4+WoriNDt70BCTzvxZuWIcGZ8MB68NVJdq5qmBj8kW31EB6iLif27Tq1PrB2mJNX9yHuwe/iH5GHHN+l7XH7wVrnTVXDhr7J9c16+vIKWs1eHh8x/OXJwEGAGgpfqB1cj+AAAAAAElFTkSuQmCC', sizingMethod='scale')";} .klout .klout-score {vertical-align: middle; color: #FFF; font-weight: bold; text-decoration: none;} .klout .klout-score:hover {text-decoration: none;} .status {clear: both;} .status .body {padding: 0.35em;} .status a {text-decoration: none; color: #666666;} .status a:hover {text-decoration: underline;} .status a.klout-score {color: #FFF;} .status .avatar {-webkit-border-radius: 6px; border-radius: 6px; float: left; margin-right: 0.5em; display: inline-block; max-width: 48px;} .status .avatar img {-webkit-border-radius: 6px; border-radius: 6px; max-width: 48px;} .status .author {display: block; text-decoration: none;} .status .author:hover {text-decoration: none;} .status .author:hover .primary-name {text-decoration: underline;} .status .author:hover .secondary-name {text-decoration: none;} .status .author .primary-name {font-size: 1.1em; font-weight: bold;} .status .author .secondary-name {font-weight: bold; font-size: 0.9em;} .status .author .secondary-name .prefix {font-weight: normal;} .status .timestamp, .status .place, .status .retweeted-by {color: #666666;} .status .permalink {font-size: 1.5em; line-height: 1.0em; float: right; text-decoration: none;} .status .content {padding-left: 56px;} .status .content .text {margin: 0.5em 0; word-wrap: break-word;} .status .content .media {max-width: 100%; overflow: hidden;} .status .content .media img {max-width: 100%;} .status .content .media iframe {width: 300px; height: 300px;} .stream {height: 100%; width: 100%; overflow-y: auto; overflow-x: hidden;} .stream.infinite-scroll .loading-indicator, .stream.loading .loading-indicator {display: block;} .stream.no-content .no-content-message {display: block;} .stream.new-content .stream-body .new-content-button {display: inline-block;} .stream .no-content-message {font-size: 1.5em; text-align: center; display: none;} .stream .loading-indicator {display: none; background-image: url("//massrel-all.massrel.io/static/loader.806ea8a06eb29c46cd9526449bae2fe4f5bb3f32.gif"); background-position: center center; background-repeat: no-repeat; height: 50px;} .stream .stream-body {padding: 0; margin: 0;} .stream .stream-body .status {margin: 0; font-size: 1.0em; padding-top: 0.5em;} .stream .stream-body .status.twitter {border-bottom: 1px solid #cccccc;} .stream .stream-body .new-content-button {z-index: 2; cursor: pointer; display: none; -webkit-border-radius: 1em; border-radius: 1em; position: absolute; overflow: hidden; top: 0.5em; right: 0.5em; padding: 0.25em 0.75em; font-size: 1.0em;} .mr-component-instance-stream {color: #333333; background-color: #ffffff;} .mr-component-instance-stream .stream-body .new-content-button {background-color: rgba(0, 0, 0, 0.8); color: #ffffff;} .mr-component-instance-stream .stream-body .status {} .mr-component-instance-stream .stream-body .status a {color: #55acee; text-decoration: none;} .mr-component-instance-stream .stream-body .status a:visited {color: #55acee;} .mr-component-instance-stream .stream-body .status a:hover {color: #55acee; text-decoration: none;} .mr-component-instance-stream .stream-body .status .intents a.intent {color: #666666;} .mr-component-instance-stream .stream-body .status .intents a.intent:visited {color: #666666;} .mr-component-instance-stream .stream-body .status .intents a.intent:hover {color: #666666;} .mr-component-instance-stream .stream-body .status .meta .intents a.intent .intent-text {text-decoration: none;} .mr-component-instance-stream .stream-body .status .meta .intents a.intent:hover .intent-text {text-decoration: none;} .mr-component-instance-stream .stream-body .status a.permalink, .mr-component-instance-stream .stream-body .status a.permalink .timestamp, .mr-component-instance-stream .stream-body .status.twitter a.author .secondary-name, .mr-component-instance-stream .stream-body .status.facebook .author a, .mr-component-instance-stream .stream-body .status.instagram .author a, .mr-component-instance-stream .stream-body .status.google .author a, .mr-component-instance-stream .stream-body .status.getglue .author a {color: #666666; text-decoration: none;} .mr-component-instance-stream .stream-body .status a.permalink:visited, .mr-component-instance-stream .stream-body .status a.permalink .timestamp:visited, .mr-component-instance-stream .stream-body .status.twitter a.author .secondary-name:visited, .mr-component-instance-stream .stream-body .status.facebook .author a:visited, .mr-component-instance-stream .stream-body .status.instagram .author a:visited, .mr-component-instance-stream .stream-body .status.google .author a:visited, .mr-component-instance-stream .stream-body .status.getglue .author a:visited {color: #666666;} .mr-component-instance-stream .stream-body .status a.permalink:hover, .mr-component-instance-stream .stream-body .status a.permalink .timestamp:hover, .mr-component-instance-stream .stream-body .status.twitter a.author .secondary-name:hover, .mr-component-instance-stream .stream-body .status.facebook .author a:hover, .mr-component-instance-stream .stream-body .status.instagram .author a:hover, .mr-component-instance-stream .stream-body .status.google .author a:hover, .mr-component-instance-stream .stream-body .status.getglue .author a:hover {color: #666666; text-decoration: none;} .button {font: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0.4em 0 0.4em 0.4em; padding: 0.25em 0.6em; font-size: 1.0em; line-height: 1.4em; background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); background-image: linear-gradient(top, #ffffff, #cccccc); -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; display: inline-block; text-decoration: none; vertical-align: top; valign: top;} .button:hover, .button:active {text-decoration: none; opacity: 1;} .button.twitter {font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; font-size: 14px; font-weight: bold; -webkit-font-smoothing: antialiased; text-shadow: none; -webkit-background-clip: padding-box; background-clip: padding-box; background-image: none; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-border-radius: 3px; border-radius: 3px; vertical-align: middle; padding: 0.5em 1em 0.5em .6em;} .button.twitter .button-text {vertical-align: middle;} .button.twitter .icon-twitter-logo {font-weight: normal; font-size: 1.65em; vertical-align: middle;} .button.twitter.button-style-native {height: 20px; padding: 0 3px 0 4px; line-height: 20px; background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede)); background-image: -webkit-linear-gradient(#ffffff, #dedede); background-image: linear-gradient(#ffffff, #dedede); border: #cccccc solid 1px; color: #333333; font-weight: bold; font-size: 11px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .button.twitter.button-style-native .icon-twitter-logo {color: #55acee; font-size: 12px;} .button.twitter.button-style-native:hover {border-color: #bbbbbb; background-color: #d9d9d9; background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d9d9d9)); background-image: -webkit-linear-gradient(#f8f8f8, #d9d9d9); background-image: linear-gradient(#f8f8f8, #d9d9d9); -webkit-box-shadow: none; box-shadow: none;} .button.twitter.button-style-native.disabled {cursor: default; color: #808080;} .button.twitter.button-style-native.disabled .icon-twitter-logo {color: #e9eff3;} .button.twitter.button-style-native.disabled:focus, .button.twitter.button-style-native.disabled:hover {background-color: #eeeeee;} .button.twitter.button-style-silver {color: #4f4f4f; background-color: #f2efef; border: 1px solid #dbdbdb;} .button.twitter.button-style-silver:hover {background-color: #e5e3e3;} .button.twitter.button-style-silver .icon-twitter-logo {color: #55acee;} .button.twitter.button-style-silver.disabled {cursor: default; color: #9c9c9c;} .button.twitter.button-style-silver.disabled .icon-twitter-logo {color: #e9eff3;} .button.twitter.button-style-silver.disabled:focus, .button.twitter.button-style-silver.disabled:hover {background-color: #f2efef;} .button.twitter.button-style-white {color: #4f4f4f; background-color: #ffffff; border: 1px solid #999999;} .button.twitter.button-style-white:hover {background-color: #f2f2f2;} .button.twitter.button-style-white .icon-twitter-logo {color: #55acee;} .button.twitter.button-style-white.disabled {cursor: default; color: #9c9c9c;} .button.twitter.button-style-white.disabled .icon-twitter-logo {}@white DisabledIconColor; .button.twitter.button-style-white.disabled:focus, .button.twitter.button-style-white.disabled:hover {background-color: #ffffff;} .button.twitter.button-style-black {color: #ffffff; background-color: #333333; border: 1px solid #000000;} .button.twitter.button-style-black:hover {background-color: #484848;} .button.twitter.button-style-black .icon-twitter-logo {color: #ffffff;} .button.twitter.button-style-black.disabled {cursor: default; background-color: #808080;} .button.twitter.button-style-black.disabled:focus, .button.twitter.button-style-black.disabled:hover {background-color: #808080;} .button.twitter.button-style-color {color: #ffffff; background-color: #55acee; border: 1px solid #55acee;} .button.twitter.button-style-color:focus, .button.twitter.button-style-color:hover {background: #6ebaf5;} .button.twitter.button-style-color:active {background: #448abe;} .button.twitter.button-style-color .icon-twitter-logo {color: #ffffff;} .button.twitter.button-style-color.disabled {cursor: default; background-color: #84a6bf;} .button.twitter.button-style-color.disabled:focus, .button.twitter.button-style-color.disabled:hover {background-color: #84a6bf;} .mr-component-type-tweet-button-1 {display: inline-block;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} .card {width: 968px; background: #FFF; padding: 20px !important;} .card .title {font-size: 12px; font-weight: bold; color: #666; text-transform: uppercase; padding-bottom: 10px;} .card .card-head {width: 100%; height: 180px; border-bottom: 1px solid #F1F1F1; font-size: 0; padding-top: 15px;} .card .card-head .popularity {display: inline-block; vertical-align: middle; width: 40%; font-size: 14px;} .card .card-head .popularity .title {width: 100%;} .card .card-head .popularity .percentages {width: 100%; font-size: 0;} .card .card-head .popularity .percentages div {display: inline-block; vertical-align: middle; width: 50%; font-weight: bold; font-size: 30px;} .card .card-head .popularity .percentages div span {display: inline-block; vertical-align: middle;} .card .card-head .popularity .percentages div span.arrow {width: 20px; height: 22px;} .card .card-head .popularity .percentages div.pos {color: #0085E9;} .card .card-head .popularity .percentages div.pos .arrow {background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/sentiment-pos.png") no-repeat center center;} .card .card-head .popularity .percentages div.neg {color: #FFD100; text-align: right;} .card .card-head .popularity .percentages div.neg .arrow {background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/sentiment-neg.png") no-repeat center center;} .card .card-head .popularity .pop-bar {width: 100%; height: 20px; background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/pop-bg-line.png") repeat-x 0 0 #ffd100; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden;} .card .card-head .popularity .pop-bar .pop-bar-inner {width: 50%; background-color: #0085E9;} .card .card-head .info {display: inline-block; vertical-align: middle; width: 60%; font-size: 14px;} .card .card-head .info .place {display: inline-block; vertical-align: middle; height: 70px; margin-right: -20px; margin-left: 30px; padding: 0 25px 0 5px; background: #CFD0D1; color: #FFF; position: relative; text-align: center; max-width: 105px;} .card .card-head .info .place:before {content: ' '; position: absolute; left: -30px; bottom: 0; width: 0px; height: 0px; border-style: solid; border-width: 70px 30px 0 0; border-color: transparent #CFD0D1 transparent transparent; z-index: 2;} .card .card-head .info .place.up {background: #8CC813;} .card .card-head .info .place.up:before {border-color: transparent #8CC813 transparent transparent;} .card .card-head .info .place.down {background: #D6170D;} .card .card-head .info .place.down:before {border-color: transparent #D6170D transparent transparent;} .card .card-head .info .place .trend {padding: 0; height: 15px; display: inline-block; margin-top: 6px;} .card .card-head .info .place .trend span {vertical-align: middle; text-transform: uppercase; font-size: 12px; font-weight: bold;} .card .card-head .info .place .trend.up {background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/trend-up.png") no-repeat 0 0; padding-left: 15px;} .card .card-head .info .place .trend.down {background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/trend-down.png") no-repeat 0 0; padding-left: 15px;} .card .card-head .info .place .rank {font-size: 42px; font-weight: 300;} .card .card-head .info .photo {display: inline-block; vertical-align: middle; width: 148px; height: 148px; border: 3px solid #CFD0D1; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; position: relative; z-index: 2500; text-align: center; background: #FFF;} .card .card-head .info .photo img {width: 100%;} .card .card-head .info .photo.flag img {width: 70px; margin-top: 47px; border: 1px solid #CFD0D1;} .card .card-head .info .about {display: inline-block; vertical-align: middle; padding-left: 20px; width: 280px;} .card .card-head .info .about .flag {width: 100%;} .card .card-head .info .about .flag img {width: 26px; height: 18px; border: 1px solid #CFD0D1;} .card .card-head .info .about .name {width: 100%; font-size: 32px; padding: 5px 0;} .card .card-head .info .about .group {width: 100%; font-size: 12px; color: #999; font-weight: 300; text-transform: uppercase;} .card .card-body {font-size: 0; padding-top: 15px;} .card .card-body .stats {display: inline-block; vertical-align: text-top; width: 40%; height: 400px; font-size: 14px;} .card .card-body .stats .stat {margin-top: 5px; font-weight: 300;} .card .card-body .stats .stat + .stat {margin-top: 50px;} .card .card-body .stats .stat .number {font-size: 60px; color: #8ec62c;} .card .card-body .stats .stat .metric {font-size: 12px; color: #999; text-transform: uppercase; padding-top: 10px;} .card .card-body .stream {display: inline-block; vertical-align: text-top; width: 60%; height: 400px; font-size: 14px;} .card .card-body .stream .loading-indicator {display: none;} .card .card-body .stream .none {padding: 10px; text-align: center;} .card .card-body .stream .footer-post {padding: 5px 10px;} .card .card-body .stream #cardStream {width: 100%; height: 280px; position: relative; background: none; color: #2E2E2E; top: auto; left: auto; overflow-y: scroll;} .card .card-body .stream #cardStream .status .author {line-height: 14px;} .ar-EG * {direction: rtl;} .ar-EG .card .card-head .info .about {text-align: right;} .ar-EG .card .card-head .info .place {margin-right: 30px; margin-left: -20px; padding: 0 5px 0 25px;} .ar-EG .card .card-head .info .place:before {left: auto; right: -30px; border-width: 10px 0 0 30px;} .ar-EG .card .card-head .popularity .title {text-align: right;} .ar-EG .card .card-head .popularity .percentages div.pos {text-align: right;} .ar-EG .card .card-head .popularity .percentages div.neg {text-align: left;} .ar-EG .card .card-body {text-align: right;} .ar-EG .card .card-body .stream #cardStream {direction: ltr; text-align: left;} .es-ES .card .card-head .info .place, .pt-BR .card .card-head .info .place {max-width: 135px; margin-left: 0;} .es-ES .card .card-head .info .place:before, .pt-BR .card .card-head .info .place:before {display: none !important;} .select {height: 40px; line-height: 36px; font-size: 14px;} .select span.link {padding: 0 5px;} .select .link {color: #0087e6; cursor: pointer;} .select .link:hover {text-decoration: underline;} .select .link.selected {color: #2e2e2e; cursor: default;} .select .link.selected:hover {text-decoration: none; cursor: default;} nav {height: 40px; padding: 0; margin: 0; background: #f2f2f2; border: 1px solid #e1e1e1; position: relative;} nav ul {list-style: none; margin: 0; padding: 0;} nav ul li {float: left; height: 39px; line-height: 36px; margin-left: -1px; font-size: 14px; text-transform: uppercase; vertical-align: middle; padding: 0 20px; cursor: pointer; color: #0087e6; border: 1px solid transparent; border-bottom: none; border-top: none;} nav ul li:hover {text-decoration: underline;} nav ul li.selected {border-color: #e1e1e1; background: #FFF; cursor: default; color: #2e2e2e;} nav ul li.selected:hover {text-decoration: none;} nav .select {position: absolute; right: 20px;} .section-filter {padding: 15px 20px; position: relative;} .section-filter .filter {padding: 5px 15px 5px 0; display: inline-block;} .section-filter .menu {position: absolute; top: 41px; left: 0; width: 100%; height: 0; overflow: hidden; background: #EFEFEF; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 10000; padding: 0; font-size: 0;} .section-filter .menu ul {display: inline-block; width: 25%; font-size: 14px; vertical-align: text-top; padding: 10px;} .section-filter .menu li {cursor: pointer; padding: 5px 10px;} .section-filter .menu li.filter-item-team:hover, .section-filter .menu li.filter-item-player:hover, .section-filter .menu li.selected {background: #F9F9F9;} .section-filter .menu li .flag {display: inline-block; vertical-align: middle;} .section-filter .menu li .flag img {width: 24px; height: 16px; border: 1px solid #CFD0D1;} .section-filter .menu li .name {display: inline-block; vertical-align: middle; width: 170px;} .section-filter .menu li .team-name {display: inline-block; vertical-align: middle; width: 170px;} .section-filter .menu li .date {display: inline-block; vertical-align: middle; text-align: center; width: 40px; height: 40px; background: #F9F9F9;} .section-filter .menu li .date .day {width: 100%; font-size: 22px;} .section-filter .menu li .date .month {width: 100%;} .section-filter .menu li .team {display: inline-block; vertical-align: middle; text-align: center; margin: 0 10px; width: 24px;} .section-filter .menu li .team .name {width: 100%; text-transform: uppercase;} .section-filter .menu li .time {display: inline-block; vertical-align: middle; text-align: center;} .section-filter .filter {padding: 0; margin: 5px 15px 5px 0;} .section-filter .filter:hover .label {border-color: #CCC; background-color: #EFEFEF;} .section-filter .filter:hover .menu {opacity: 1; height: auto;} .section-filter .label {padding: 5px 25px 5px 10px; background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/arrow-down.png") no-repeat right center; cursor: pointer;} .section-filter .show-all {padding: 0; margin: 5px 15px 5px 0;} .section-filter .show-all .label {background: none; padding-right: 10px; border-color: #CCC; background-color: #EFEFEF;} .ar-EG nav ul {float: right;} .ar-EG nav .select {left: 20px; right: auto;} .ar-EG .section-filter .filter-label, .ar-EG .section-filter .filterby {margin-top: 5px;} body {font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; color: #2e2e2e;} *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} h1 {font-size: 24px; padding: 10px 20px 15px 0;} h2 {color: #999; font-size: 12px; line-height: 17px; font-weight: 800; text-transform: uppercase;} a, a:active, a:visited {color: #0087e6; text-decoration: none;} a:hover, a:active:hover, a:visited:hover {text-decoration: underline;} .container {width: 988px; margin: 0 auto;} .loading {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/loading.gif") no-repeat center center #ffffff; color: red;} #ranking {position: relative;} #ranking #view {width: 100%; height: 360px; position: relative; overflow: hidden;} .backgroundsize #grid-view .box img {display: none;} .advert {width: 75%; margin: 0 auto 60px; padding: 40px 0; background: #333; text-align: center; color: #FFF;} #mosaic-post {height: 65px; width: 680px; padding: 13px 20px 0; margin: -60px 0 0 308px; background: #f2f2f2; border: 1px solid #e1e1e1; border-bottom: none; border-left: none; position: relative; z-index: 1; text-align: right;} #mosaic-post:before {content: ' '; position: absolute; left: -30px; bottom: 0; width: 0px; height: 0px; border-style: solid; border-width: 65px 30px 0 0; border-color: transparent #f2f2f2 transparent transparent; z-index: 2;} #mosaic-post:after {content: ' '; position: absolute; left: -31px; bottom: 0; width: 0px; height: 0px; border-style: solid; border-width: 65px 30px 0 0; border-color: transparent #e1e1e1 transparent transparent; z-index: 1;} #mosaic-post h2, #mosaic-post input, #mosaic-post .networks {color: #666;} #mosaic-post h2, #mosaic-post div, #mosaic-post span {display: inline-block; vertical-align: middle;} #mosaic-post #mad-lib-container .twitter-character-counter {display: none;} #mosaic-post #mad-lib-container .button-container {margin: 0;} #mosaic-post #mad-lib-container .button {margin: 0; padding: 0.25em 0.6em;} #mosaic-post #mad-lib-container .mad-lib-item-input {margin: 0 5px;} #mosaic-post #mad-lib-container input {height: 32px; font-size: 12px; line-height: 17px; font-weight: 800; padding: 0 10px; outline: none; width: 250px;} #mosaic-post .networks {font-size: 12px; line-height: 17px; font-weight: 800; text-transform: uppercase; color: #666;} #mosaic-post .networks .or {padding: 0 5px;} #mosaic-post .networks .icon {font-size: 29px;} #grid {height: 400px; position: relative; width: 988px; margin: 20px 0;} #grid .ad {position: absolute;} #grid .tile-1 {width: 400px; height: 400px; top: 0; left: 0;} #grid .tile-2 {width: 316px; height: 232px; top: 0; left: 420px;} #grid .tile-3 {width: 232px; height: 232px; top: 0; left: 756px;} #grid .tile-4 {width: 148px; height: 148px; top: 252px; left: 420px;} #grid .ad-1 {width: 400px; height: 148px; top: 252px; left: 588px;} #grid .tile-5 {width: 232px; height: 232px; top: 420px; left: 0;} #grid .tile-6 {width: 148px; height: 148px; top: 420px; left: 252px;} #grid .tile-7 {width: 232px; height: 232px; top: 420px; left: 420px;} #grid .tile-8 {width: 316px; height: 316px; top: 420px; left: 672px;} #grid .ad-2 {width: 148px; height: 148px; top: 588px; left: 252px;} #grid .tile-9 {width: 232px; height: 232px; top: 672px; left: 0;} #grid .tile-10 {width: 232px; height: 232px; top: 672px; left: 420px;} #grid .tile-11 {width: 148px; height: 148px; top: 756px; left: 252px;} #grid .tile-12 {width: 148px; height: 148px; top: 756px; left: 672px;} #grid .tile-13 {width: 148px; height: 148px; top: 756px; left: 840px;} #grid .adidas {background: #000 !important; border: 3px solid #000 !important; cursor: pointer;} #grid .adidas .permalink, #grid .adidas .meta {display: none;} #grid .adidas .textAdidas {background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/adidas-mosaic-bg.png") no-repeat center center; margin-top: 22px;} #grid .adidas .imageAdidas {margin-top: 22px;} #grid .adidas .imageAdidas .icon {display: none;} #grid .adidas .adidas-logo {background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/adidas-logo-sm.png") no-repeat top left;} #grid .adidas .modal-click {position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .lt-ie9 #grid .item.image .background-image img {display: inline-block;} nav.empty {border: none; border-top: 1px solid #e1e1e1; height: auto; background: none;} #social-tug {margin: 20px auto 60px;} .icon-close-x {display: none;} .ar-EG * {direction: rtl; font-family: sans-serif;} .ar-EG #grid * {direction: ltr;} .ar-EG h1 {padding: 10px 0 15px 20px;} .ar-EG #list-view .select .view {float: right;} .ar-EG #list-view .search-sort .select {right: 20px; left: auto;} .ar-EG #list-view .search-sort input {right: auto; left: 20px;} .ar-EG #mosaic-post {float: left; border-left: 1px solid #e1e1e1; border-right: none;} .ar-EG #mosaic-post:before {right: -30px; left: auto; border-width: 65px 0 0 30px; border-color: transparent transparent transparent #f2f2f2;} .ar-EG #mosaic-post:after {right: -31px; left: auto; border-width: 65px 0 0 30px; border-color: transparent transparent transparent #e1e1e1;} .ar-EG .avatar-cell {float: right;} .lt-ie10 .ar-EG #grid-view .box .rank-label {padding-left: 5px;} .lt-ie10 .ar-EG #grid-view .box .rank-label:after {display: none;} .lt-ie10 .ar-EG #mosaic-post {border-right: 1px solid #e1e1e1;} .lt-ie10 .ar-EG #mosaic-post:before, .lt-ie10 .ar-EG #mosaic-post:after {display: none;} .mobile-styles .container {width: 320px;} .mobile-styles h1 {font-size: 18px; padding-left: 5px;} .mobile-styles nav ul li {width: 50%; text-align: center;} .mobile-styles nav .select {display: none;} .mobile-styles #ranking #view {height: auto; min-height: 300px;} .mobile-styles #ranking #list-view {height: auto; padding: 20px 0 0;} .mobile-styles #ranking #list-view .search-sort {display: none;} .mobile-styles #ranking #list-view ul {border-top: none; height: auto; margin-top: 0;} .mobile-styles #ranking #list-view li {padding: 7px 0; height: auto;} .mobile-styles #ranking #list-view li .rank {width: 10%; font-size: 24px; color: #2E2E2E;} .mobile-styles #ranking #list-view li .flag-icon, .mobile-styles #ranking #list-view li .player-icon {width: 20%; padding-left: 0; text-align: center;} .mobile-styles #ranking #list-view li .flag-icon .image, .mobile-styles #ranking #list-view li .player-icon .image {border-width: 1px;} .mobile-styles #ranking #list-view li .label {width: 65%; padding-left: 5px;} .mobile-styles #ranking #list-view li .label .name.team {font-size: 24px; color: #0087e6;} .mobile-styles #ranking #list-view li .tph, .mobile-styles #ranking #list-view li .mentions, .mobile-styles #ranking #list-view li .tweet {display: none;} .mobile-styles #ranking #grid-view {width: 100%; height: auto; margin: 0; padding: 5px;} .mobile-styles #ranking #grid-view .box {position: relative; width: 100%; height: 320px; left: auto !important; right: auto !important; top: auto !important; border: none; margin-bottom: 5px;} .mobile-styles #ranking #grid-view .box .rank-label.small {height: auto;} .mobile-styles #ranking #grid-view .box .rank-label.small:after {border-width: 75px 0 0 30px;} .mobile-styles #ranking #grid-view .box .rank-label.small .rank {top: 7px; font-size: 34px;} .mobile-styles #ranking #grid-view .box .rank-label.small .label {height: 30px; margin-top: 45px; font-size: 14px; line-height: 15px;} .mobile-styles #social-tug {margin-top: 0; margin-bottom: 10px; padding-top: 80px; position: relative;} .mobile-styles #social-tug .team-crest {width: 70px; height: 70px; position: absolute; top: 5px;} .mobile-styles #social-tug .team-crest.team-home {right: 5px;} .mobile-styles #social-tug .team-crest img {width: 50px; margin-top: 16px;} .mobile-styles #social-tug .tug-content {width: 100%; padding: 0 5px; margin: 0;} .mobile-styles #social-tug .tug-content .vote-buttons .team.team-home {padding-left: 5px;} .mobile-styles #social-tug .tug-content .vote-buttons .team.team-away {padding-right: 5px;} .mobile-styles #social-tug .tug-content .vote-show {padding: 10px 2px;} .mobile-styles #social-tug .tug-content .vote-show .network-icons {font-size: 13px; line-height: 13px;} .mobile-styles #social-tug .tug-content .vote-show .inner {font-size: 13px; line-height: 13px; padding-left: 5px;} .mobile-styles #social-tug .tug-content .network-buttons {padding: 5px 4px;} .mobile-styles #social-tug .tug-content .network-buttons .close-vote {display: none;} .mobile-styles #social-tug .tug-content .network-buttons .button {font-size: 12px !important;} .mobile-styles .advert {width: 95%; margin: 10px auto;} .mobile-styles h1.map, .mobile-styles #map-stats, .mobile-styles .section-filter.map, .mobile-styles #map, .mobile-styles #avatars {display: none;} .mobile-styles #mosaic #mosaic-post {display: none;} .mobile-styles #mosaic nav ul li {width: 25%; padding: 0 2px; overflow: hidden; text-overflow: ellipsis;} .mobile-styles #mosaic .section-filter {padding: 40px 5px 5px; font-size: 0;} .mobile-styles #mosaic .section-filter span {font-size: 14px;} .mobile-styles #mosaic .section-filter .filterby, .mobile-styles #mosaic .section-filter .show-all {width: auto; margin: 0; padding: 15px; position: absolute; top: 0; left: 0;} .mobile-styles #mosaic .section-filter .show-all {left: auto; right: 0;} .mobile-styles #mosaic .section-filter .filter {width: 50%; margin: 0; padding: 5px 15px 5px 0;} .mobile-styles #mosaic .section-filter .filter + .filter {text-align: right; padding-right: 0;} .mobile-styles #mosaic .section-filter .filter + .filter .menu {text-align: left;} .mobile-styles #mosaic .section-filter .filter-match {display: none;} .mobile-styles #mosaic .section-filter .menu {top: 61px;} .mobile-styles #mosaic .section-filter .menu ul {width: 100%; padding: 0 5px;} .mobile-styles #mosaic #grid {width: 100%; height: auto; margin: 0 auto 5px;} .mobile-styles #mosaic #grid .grid-container {padding: 5px;} .mobile-styles #mosaic #grid .item {width: 100%; height: 320px; position: relative; top: auto; left: auto; margin: 5px auto; display: none;} .mobile-styles #mosaic #grid .item.text, .mobile-styles #mosaic #grid .item.image, .mobile-styles #mosaic #grid .item.adidas {display: inline-block;} .mobile-styles #mosaic #grid .item.adidas {height: 148px; background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/adidas-logo-mosaic.png") no-repeat center center #cccccc !important; border: none !important;} .mobile-styles #mosaic #grid .item.adidas * {display: none;} .mobile-styles #mosaic #grid .item.adidas.ad-2 {display: none;} .mobile-styles #mosaic #grid .item.tile-3 {height: 160px; display: inline-block; width: 49%;} .mobile-styles #mosaic #grid .item.tile-4 {height: 160px; display: inline-block; width: 49%;} .mobile-styles .card {width: 100%; padding: 5px !important;} .mobile-styles .card .card-head {height: auto; border: none;} .mobile-styles .card .card-head .info {width: 320px;} .mobile-styles .card .card-head .info .place {float: left; margin-top: 38px; margin-left: 130px; padding: 0 5px 0 25px;} .mobile-styles .card .card-head .info .place:before {left: auto; right: -30px; border-width: 0 30px 70px 0; border-color: transparent transparent #CFD0D1 transparent;} .mobile-styles .card .card-head .info .place.up:before {border-color: transparent transparent #8CC813 transparent;} .mobile-styles .card .card-head .info .place.down:before {border-color: transparent transparent #D6170D transparent;} .mobile-styles .card .card-head .info .photo {float: left; margin-top: -109px;} .mobile-styles .card .card-head .info .about {width: 100%; padding: 20px 0;} .mobile-styles .card .card-head .popularity {width: 100%;} .mobile-styles .card .card-body {width: 100%; padding-top: 25px;} .mobile-styles .card .card-body .stats {width: 100%; height: auto;} .mobile-styles .card .card-body .stream {width: 100%; margin-top: 20px;} .mobile-styles .card .card-body nav ul li {width: 33%; font-size: 12px;} .mobile-styles .modal-content {max-width: 100% !important;} .mobile-styles .ar-EG .card .card-head .info .photo {float: none; margin-top: 0;} .mobile-styles .ar-EG .card .card-head .info .place {float: right;} .mobile-styles.ar-EG #mosaic .section-filter .filterby {right: 0; left: auto;} .mobile-styles.ar-EG #mosaic .section-filter .show-all {left: 0; right: auto;} .mobile-styles.ar-EG #mosaic .section-filter .filter {text-align: right; padding-right: 0;} .mobile-styles.ar-EG #mosaic .section-filter .filter .menu {text-align: right;} .mobile-styles.ar-EG #mosaic .section-filter .filter + .filter {text-align: left; padding: 0;} @media only screen and (max-width: 320px) {.container {width: 320px;} h1 {font-size: 18px; padding-left: 5px;} nav ul li {width: 50%; text-align: center;} nav .select {display: none;} #ranking #view {height: auto; min-height: 300px;} #ranking #list-view {height: auto; padding: 20px 0 0;} #ranking #list-view .search-sort {display: none;} #ranking #list-view ul {border-top: none; height: auto; margin-top: 0;} #ranking #list-view li {padding: 7px 0; height: auto;} #ranking #list-view li .rank {width: 10%; font-size: 24px; color: #2E2E2E;} #ranking #list-view li .flag-icon, #ranking #list-view li .player-icon {width: 20%; padding-left: 0; text-align: center;} #ranking #list-view li .flag-icon .image, #ranking #list-view li .player-icon .image {border-width: 1px;} #ranking #list-view li .label {width: 65%; padding-left: 5px;} #ranking #list-view li .label .name.team {font-size: 24px; color: #0087e6;} #ranking #list-view li .tph, #ranking #list-view li .mentions, #ranking #list-view li .tweet {display: none;} #ranking #grid-view {width: 100%; height: auto; margin: 0; padding: 5px;} #ranking #grid-view .box {position: relative; width: 100%; height: 320px; left: auto !important; right: auto !important; top: auto !important; border: none; margin-bottom: 5px;} #ranking #grid-view .box .rank-label.small {height: auto;} #ranking #grid-view .box .rank-label.small:after {border-width: 75px 0 0 30px;} #ranking #grid-view .box .rank-label.small .rank {top: 7px; font-size: 34px;} #ranking #grid-view .box .rank-label.small .label {height: 30px; margin-top: 45px; font-size: 14px; line-height: 15px;} #social-tug {margin-top: 0; margin-bottom: 10px; padding-top: 80px; position: relative;} #social-tug .team-crest {width: 70px; height: 70px; position: absolute; top: 5px;} #social-tug .team-crest.team-home {right: 5px;} #social-tug .team-crest img {width: 50px; margin-top: 16px;} #social-tug .tug-content {width: 100%; padding: 0 5px; margin: 0;} #social-tug .tug-content .vote-buttons .team.team-home {padding-left: 5px;} #social-tug .tug-content .vote-buttons .team.team-away {padding-right: 5px;} #social-tug .tug-content .vote-show {padding: 10px 2px;} #social-tug .tug-content .vote-show .network-icons {font-size: 13px; line-height: 13px;} #social-tug .tug-content .vote-show .inner {font-size: 13px; line-height: 13px; padding-left: 5px;} #social-tug .tug-content .network-buttons {padding: 5px 4px;} #social-tug .tug-content .network-buttons .close-vote {display: none;} #social-tug .tug-content .network-buttons .button {font-size: 12px !important;} .advert {width: 95%; margin: 10px auto;} h1.map, #map-stats, .section-filter.map, #map, #avatars {display: none;} #mosaic #mosaic-post {display: none;} #mosaic nav ul li {width: 25%; padding: 0 2px; overflow: hidden; text-overflow: ellipsis;} #mosaic .section-filter {padding: 40px 5px 5px; font-size: 0;} #mosaic .section-filter span {font-size: 14px;} #mosaic .section-filter .filterby, #mosaic .section-filter .show-all {width: auto; margin: 0; padding: 15px; position: absolute; top: 0; left: 0;} #mosaic .section-filter .show-all {left: auto; right: 0;} #mosaic .section-filter .filter {width: 50%; margin: 0; padding: 5px 15px 5px 0;} #mosaic .section-filter .filter + .filter {text-align: right; padding-right: 0;} #mosaic .section-filter .filter + .filter .menu {text-align: left;} #mosaic .section-filter .filter-match {display: none;} #mosaic .section-filter .menu {top: 61px;} #mosaic .section-filter .menu ul {width: 100%; padding: 0 5px;} #mosaic #grid {width: 100%; height: auto; margin: 0 auto 5px;} #mosaic #grid .grid-container {padding: 5px;} #mosaic #grid .item {width: 100%; height: 320px; position: relative; top: auto; left: auto; margin: 5px auto; display: none;} #mosaic #grid .item.text, #mosaic #grid .item.image, #mosaic #grid .item.adidas {display: inline-block;} #mosaic #grid .item.adidas {height: 148px; background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/adidas-logo-mosaic.png") no-repeat center center #cccccc !important; border: none !important;} #mosaic #grid .item.adidas * {display: none;} #mosaic #grid .item.adidas.ad-2 {display: none;} #mosaic #grid .item.tile-3 {height: 160px; display: inline-block; width: 49%;} #mosaic #grid .item.tile-4 {height: 160px; display: inline-block; width: 49%;} .card {width: 100%; padding: 5px !important;} .card .card-head {height: auto; border: none;} .card .card-head .info {width: 320px;} .card .card-head .info .place {float: left; margin-top: 38px; margin-left: 130px; padding: 0 5px 0 25px;} .card .card-head .info .place:before {left: auto; right: -30px; border-width: 0 30px 70px 0; border-color: transparent transparent #CFD0D1 transparent;} .card .card-head .info .place.up:before {border-color: transparent transparent #8CC813 transparent;} .card .card-head .info .place.down:before {border-color: transparent transparent #D6170D transparent;} .card .card-head .info .photo {float: left; margin-top: -109px;} .card .card-head .info .about {width: 100%; padding: 20px 0;} .card .card-head .popularity {width: 100%;} .card .card-body {width: 100%; padding-top: 25px;} .card .card-body .stats {width: 100%; height: auto;} .card .card-body .stream {width: 100%; margin-top: 20px;} .card .card-body nav ul li {width: 33%; font-size: 12px;} .modal-content {max-width: 100% !important;} .ar-EG .card .card-head .info .photo {float: none; margin-top: 0;} .ar-EG .card .card-head .info .place {float: right;} .ar-EG #mosaic .section-filter .filterby {right: 0; left: auto;} .ar-EG #mosaic .section-filter .show-all {left: 0; right: auto;} .ar-EG #mosaic .section-filter .filter {text-align: right; padding-right: 0;} .ar-EG #mosaic .section-filter .filter .menu {text-align: right;} .ar-EG #mosaic .section-filter .filter + .filter {text-align: left; padding: 0;}} .mobile .container {width: 320px;} .mobile h1 {font-size: 18px; padding-left: 5px;} .mobile nav ul li {width: 50%; text-align: center;} .mobile nav .select {display: none;} .mobile #ranking #view {height: auto; min-height: 300px;} .mobile #ranking #list-view {height: auto; padding: 20px 0 0;} .mobile #ranking #list-view .search-sort {display: none;} .mobile #ranking #list-view ul {border-top: none; height: auto; margin-top: 0;} .mobile #ranking #list-view li {padding: 7px 0; height: auto;} .mobile #ranking #list-view li .rank {width: 10%; font-size: 24px; color: #2E2E2E;} .mobile #ranking #list-view li .flag-icon, .mobile #ranking #list-view li .player-icon {width: 20%; padding-left: 0; text-align: center;} .mobile #ranking #list-view li .flag-icon .image, .mobile #ranking #list-view li .player-icon .image {border-width: 1px;} .mobile #ranking #list-view li .label {width: 65%; padding-left: 5px;} .mobile #ranking #list-view li .label .name.team {font-size: 24px; color: #0087e6;} .mobile #ranking #list-view li .tph, .mobile #ranking #list-view li .mentions, .mobile #ranking #list-view li .tweet {display: none;} .mobile #ranking #grid-view {width: 100%; height: auto; margin: 0; padding: 5px;} .mobile #ranking #grid-view .box {position: relative; width: 100%; height: 320px; left: auto !important; right: auto !important; top: auto !important; border: none; margin-bottom: 5px;} .mobile #ranking #grid-view .box .rank-label.small {height: auto;} .mobile #ranking #grid-view .box .rank-label.small:after {border-width: 75px 0 0 30px;} .mobile #ranking #grid-view .box .rank-label.small .rank {top: 7px; font-size: 34px;} .mobile #ranking #grid-view .box .rank-label.small .label {height: 30px; margin-top: 45px; font-size: 14px; line-height: 15px;} .mobile #social-tug {margin-top: 0; margin-bottom: 10px; padding-top: 80px; position: relative;} .mobile #social-tug .team-crest {width: 70px; height: 70px; position: absolute; top: 5px;} .mobile #social-tug .team-crest.team-home {right: 5px;} .mobile #social-tug .team-crest img {width: 50px; margin-top: 16px;} .mobile #social-tug .tug-content {width: 100%; padding: 0 5px; margin: 0;} .mobile #social-tug .tug-content .vote-buttons .team.team-home {padding-left: 5px;} .mobile #social-tug .tug-content .vote-buttons .team.team-away {padding-right: 5px;} .mobile #social-tug .tug-content .vote-show {padding: 10px 2px;} .mobile #social-tug .tug-content .vote-show .network-icons {font-size: 13px; line-height: 13px;} .mobile #social-tug .tug-content .vote-show .inner {font-size: 13px; line-height: 13px; padding-left: 5px;} .mobile #social-tug .tug-content .network-buttons {padding: 5px 4px;} .mobile #social-tug .tug-content .network-buttons .close-vote {display: none;} .mobile #social-tug .tug-content .network-buttons .button {font-size: 12px !important;} .mobile .advert {width: 95%; margin: 10px auto;} .mobile h1.map, .mobile #map-stats, .mobile .section-filter.map, .mobile #map, .mobile #avatars {display: none;} .mobile #mosaic #mosaic-post {display: none;} .mobile #mosaic nav ul li {width: 25%; padding: 0 2px; overflow: hidden; text-overflow: ellipsis;} .mobile #mosaic .section-filter {padding: 40px 5px 5px; font-size: 0;} .mobile #mosaic .section-filter span {font-size: 14px;} .mobile #mosaic .section-filter .filterby, .mobile #mosaic .section-filter .show-all {width: auto; margin: 0; padding: 15px; position: absolute; top: 0; left: 0;} .mobile #mosaic .section-filter .show-all {left: auto; right: 0;} .mobile #mosaic .section-filter .filter {width: 50%; margin: 0; padding: 5px 15px 5px 0;} .mobile #mosaic .section-filter .filter + .filter {text-align: right; padding-right: 0;} .mobile #mosaic .section-filter .filter + .filter .menu {text-align: left;} .mobile #mosaic .section-filter .filter-match {display: none;} .mobile #mosaic .section-filter .menu {top: 61px;} .mobile #mosaic .section-filter .menu ul {width: 100%; padding: 0 5px;} .mobile #mosaic #grid {width: 100%; height: auto; margin: 0 auto 5px;} .mobile #mosaic #grid .grid-container {padding: 5px;} .mobile #mosaic #grid .item {width: 100%; height: 320px; position: relative; top: auto; left: auto; margin: 5px auto; display: none;} .mobile #mosaic #grid .item.text, .mobile #mosaic #grid .item.image, .mobile #mosaic #grid .item.adidas {display: inline-block;} .mobile #mosaic #grid .item.adidas {height: 148px; background: url("//fifa-deltatre.massrel.io/template-static-e36320d2bf932494c852c7997736e62f9d425b9d/img/adidas-logo-mosaic.png") no-repeat center center #cccccc !important; border: none !important;} .mobile #mosaic #grid .item.adidas * {display: none;} .mobile #mosaic #grid .item.adidas.ad-2 {display: none;} .mobile #mosaic #grid .item.tile-3 {height: 160px; display: inline-block; width: 49%;} .mobile #mosaic #grid .item.tile-4 {height: 160px; display: inline-block; width: 49%;} .mobile .card {width: 100%; padding: 5px !important;} .mobile .card .card-head {height: auto; border: none;} .mobile .card .card-head .info {width: 320px;} .mobile .card .card-head .info .place {float: left; margin-top: 38px; margin-left: 130px; padding: 0 5px 0 25px;} .mobile .card .card-head .info .place:before {left: auto; right: -30px; border-width: 0 30px 70px 0; border-color: transparent transparent #CFD0D1 transparent;} .mobile .card .card-head .info .place.up:before {border-color: transparent transparent #8CC813 transparent;} .mobile .card .card-head .info .place.down:before {border-color: transparent transparent #D6170D transparent;} .mobile .card .card-head .info .photo {float: left; margin-top: -109px;} .mobile .card .card-head .info .about {width: 100%; padding: 20px 0;} .mobile .card .card-head .popularity {width: 100%;} .mobile .card .card-body {width: 100%; padding-top: 25px;} .mobile .card .card-body .stats {width: 100%; height: auto;} .mobile .card .card-body .stream {width: 100%; margin-top: 20px;} .mobile .card .card-body nav ul li {width: 33%; font-size: 12px;} .mobile .modal-content {max-width: 100% !important;} .mobile .ar-EG .card .card-head .info .photo {float: none; margin-top: 0;} .mobile .ar-EG .card .card-head .info .place {float: right;} .mobile.ar-EG #mosaic .section-filter .filterby {right: 0; left: auto;} .mobile.ar-EG #mosaic .section-filter .show-all {left: 0; right: auto;} .mobile.ar-EG #mosaic .section-filter .filter {text-align: right; padding-right: 0;} .mobile.ar-EG #mosaic .section-filter .filter .menu {text-align: right;} .mobile.ar-EG #mosaic .section-filter .filter + .filter {text-align: left; padding: 0;}