@font-face {font-family: "socialite-0-10-0"; src: url("//massrel-all.massrel.io/static/socialite-0-10-0.e0b6d033433fc63db4fd0d1c748202fa2a7f31e3.eot"); src: url("//massrel-all.massrel.io/static/socialite-0-10-0.e0b6d033433fc63db4fd0d1c748202fa2a7f31e3.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-0-10-0.4443caa85e461cf7a2a4c590e9027f9f050b06e0.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-0-10-0.a07d1d52df74a641e6d76bd0cce050290acd2395.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-0-10-0.ee4be9874092bb6798559770bee8a96b96683771.svg#socialite-0-10-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-graph-pie:before, .icon-instagram-comment:before, .icon-instagram-like:before, .icon-instagram-logo:before, .icon-list:before, .icon-load-more:before, .icon-mass-relevance-logo-copy:before, .icon-mass-relevance-logo:before, .icon-monitor:before, .icon-pinterest-logo:before, .icon-place:before, .icon-prohibited:before, .icon-search:before, .icon-spredfast-logo-copy:before, .icon-spredfast-logo-shape:before, .icon-spredfast-logo:before, .icon-thumbnails:before, .icon-thumbs-down:before, .icon-trophy:before, .icon-tumblr-logo-letter:before, .icon-tumblr-logo: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-upload2:before, .icon-vine-logo:before, .icon-vote-check:before, .icon-youtube-logo:before {font-family: "socialite-0-10-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-graph-pie:before {content: "\f110";} .icon-instagram-comment:before {content: "\f111";} .icon-instagram-like:before {content: "\f112";} .icon-instagram-logo:before {content: "\f113";} .icon-list:before {content: "\f114";} .icon-load-more:before {content: "\f115";} .icon-mass-relevance-logo-copy:before {content: "\f116";} .icon-mass-relevance-logo:before {content: "\f117";} .icon-monitor:before {content: "\f118";} .icon-pinterest-logo:before {content: "\f119";} .icon-place:before {content: "\f11a";} .icon-prohibited:before {content: "\f11b";} .icon-search:before {content: "\f11c";} .icon-spredfast-logo-copy:before {content: "\f11d";} .icon-spredfast-logo-shape:before {content: "\f11e";} .icon-spredfast-logo:before {content: "\f11f";} .icon-thumbnails:before {content: "\f120";} .icon-thumbs-down:before {content: "\f121";} .icon-trophy:before {content: "\f122";} .icon-tumblr-logo-letter:before {content: "\f123";} .icon-tumblr-logo:before {content: "\f124";} .icon-twitter-favorite:before {content: "\f125";} .icon-twitter-logo:before {content: "\f126";} .icon-twitter-reply:before {content: "\f127";} .icon-twitter-retweet:before {content: "\f128";} .icon-twitter-verified-bg:before {content: "\f129";} .icon-twitter-verified-check:before {content: "\f12a";} .icon-upload:before {content: "\f12b";} .icon-upload2:before {content: "\f12c";} .icon-vine-logo:before {content: "\f12d";} .icon-vote-check:before {content: "\f12e";} .icon-youtube-logo:before {content: "\f12f";} /*! * Fine Uploader * * Copyright 2013, Widen Enterprises, Inc. info@fineuploader.com * * Version: 3.9.0-3 * * Homepage: http://fineuploader.com * * Repository: git://github.com/Widen/fine-uploader.git * * Licensed under GNU GPL v3, see LICENSE */ .qq-uploader {position: relative; width: 100%;} .qq-upload-button {display: block; width: 105px; padding: 7px 0; text-align: center; background: #880000; border-bottom: 1px solid #DDD; color: #FFF;} .qq-upload-button-hover {background: #CC0000;} .qq-upload-drop-area, .qq-upload-extra-drop-area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 30px; z-index: 2; background: #FF9797; text-align: center;} .qq-upload-drop-area span {display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px;} .qq-upload-extra-drop-area {position: relative; margin-top: 50px; font-size: 16px; padding-top: 30px; height: 20px; min-height: 40px;} .qq-upload-drop-area-active {background: #FF7171;} .qq-upload-list {margin: 0; padding: 0; list-style: none;} .qq-upload-list li {margin: 0; padding: 9px; line-height: 15px; font-size: 16px; background-color: #FFF0BD;} .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete {margin-right: 12px;} .qq-upload-file {} .qq-upload-spinner {display: inline-block; background: url("bower_components/fine-uploader/dev/css/loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom;} .qq-drop-processing {display: none;} .qq-drop-processing-spinner {display: inline-block; background: url("bower_components/fine-uploader/dev/css/processing.gif"); width: 24px; height: 24px; vertical-align: text-bottom;} .qq-upload-finished {display:none; width:15px; height:15px; vertical-align:text-bottom;} .qq-upload-retry, .qq-upload-delete {display: none; color: #000000;} .qq-upload-cancel, .qq-upload-delete {color: #000000;} .qq-upload-retryable .qq-upload-retry {display: inline;} .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete {font-size: 12px; font-weight: normal;} .qq-upload-failed-text {display: none; font-style: italic; font-weight: bold;} .qq-upload-failed-icon {display:none; width:15px; height:15px; vertical-align:text-bottom;} .qq-upload-fail .qq-upload-failed-text {display: inline;} .qq-upload-retrying .qq-upload-failed-text {display: inline; color: #D60000;} .qq-upload-list li.qq-upload-success {background-color: #5DA30C; color: #FFFFFF;} .qq-upload-list li.qq-upload-fail {background-color: #D60000; color: #FFFFFF;} .qq-progress-bar {background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(30,87,153,1)), color-stop(50%, rgba(41,137,216,1)), color-stop(51%, rgba(32,124,202,1)), to(rgba(125,185,232,1))); background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); width: 0%; height: 15px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 3px; display: none;} INPUT.qq-edit-filename {position: absolute; opacity: 0; filter: alpha(opacity=0); z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .qq-upload-file.qq-editable {cursor: pointer;} .qq-edit-filename-icon.qq-editable {display: inline-block; cursor: pointer;} INPUT.qq-edit-filename.qq-editing {position: static; margin-top: -5px; margin-right: 10px; margin-bottom: -5px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .qq-edit-filename-icon {display: none; background: url("bower_components/fine-uploader/dev/css/edit.gif"); width: 15px; height: 15px; vertical-align: text-bottom; margin-right: 5px;} INPUT.qq-edit-filename.qq-editing ~ .qq-upload-cancel {display: 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.facebook {padding: 0.5em 1em 0.5em .6em; font-size: 14px; font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; font-weight: bold; -webkit-font-smoothing: antialiased; -webkit-border-radius: 3px; border-radius: 3px; background-image: none; vertical-align: middle;} .button.facebook .icon-facebook-logo {font-size: 1.65em; vertical-align: middle;} .button.facebook .button-text {vertical-align: middle;} .button.facebook.fb-like-button {background: transparent; -webkit-border-radius: none; border-radius: none; padding: 0; height: 20px; overflow: hidden;} .button.facebook.button-style-color {color: #fff; background-color: #3b5998; border: 1px solid #3b5998;} .button.facebook.button-style-color:focus, .button.facebook.button-style-color:hover, .button.facebook.button-style-color:active {background: #5b7bd5;} .button.facebook.button-style-silver {color: #4f4f4f; background-color: #f2efef; border: 1px solid #dbdbdb;} .button.facebook.button-style-silver .icon-facebook-logo {color: #4c65a5;} .button.facebook.button-style-silver:hover {background-color: #e5e3e3;} .button.facebook.button-style-white {color: #4f4f4f; background-color: #ffffff; border: 1px solid #999999;} .button.facebook.button-style-white:hover {background-color: #f2f2f2;} .button.facebook.button-style-white .icon-facebook-logo {color: #4c65a5;} .button.facebook.button-style-white.disabled {cursor: default; color: #9c9c9c;} .button.facebook.button-style-white.disabled .icon-facebook-logo {}@white DisabledIconColor; .button.facebook.button-style-white.disabled:focus, .button.facebook.button-style-white.disabled:hover {background-color: #ffffff;} .button.facebook.button-style-black {color: #ffffff; background-color: #333333; border: 1px solid #000000;} .button.facebook.button-style-black:hover {background-color: #484848;} .button.facebook.button-style-black .icon-facebook-logo {color: #ffffff;} .button.facebook.button-style-black.disabled {cursor: default; background-color: #808080;} .button.facebook.button-style-black.disabled:focus, .button.facebook.button-style-black.disabled:hover {background-color: #808080;} .button.facebook.button-style-native {height: 20px; display: inline-block; vertical-align: middle; font-size: 11px; text-shadow: 0 -1px 0 #354c8c; color: #fff; background: #3b5998; background: -webkit-gradient(linear, left top, left bottom, from(#3b5998), to(#3b55a0)); background: -webkit-linear-gradient(#3b5998, #3b55a0); background: linear-gradient(#3b5998, #3b55a0); border: none; -webkit-border-radius: 2px; border-radius: 2px; padding: 0 5px 0 2px;} .button.facebook.button-style-native .icon-facebook-logo {font-size: 1.5em;} .button.facebook.button-style-native:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;} .button.facebook.button-style-native .button-text {display: inline-block; vertical-align: -0.1em;} .button.facebook.button-style-native:hover {background: #5b7bd5; background: -webkit-gradient(linear, left top, left bottom, from(#5b7bd5), to(#4864b1)); background: -webkit-linear-gradient(#5b7bd5, #4864b1); background: linear-gradient(#5b7bd5, #4864b1); border-bottom-color: #41599f; border-left-color: #4961a8; border-right-color: #4961a8; border-top-color: #5874c3; -webkit-box-shadow: inset 0 0 1px #607fd6; box-shadow: inset 0 0 1px #607fd6;} .mr-component-type-fb-like-button-1 {display: inline-block;} .mr-component-type-fb-post-button-1 {display: inline-block;} .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-follow-button-1 {display: inline-block;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, video {display: inline-block;} audio:not([controls]) {display: none; height: 0;} [hidden], template {display: none;} html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {margin: 0;} a {background: transparent;} a:focus {outline: thin dotted;} a:active, a:hover {outline: 0;} h1 {font-size: 2em; margin: 0.67em 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0;} mark {background: #ff0; color: #000;} code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;} pre {white-space: pre-wrap;} q {quotes: "\201C" "\201D" "\2018" "\2019";} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0;} button, input {line-height: normal;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled] {cursor: default;} input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top;} table {border-collapse: collapse; border-spacing: 0;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .clearfix:before, .clearfix:after {content: ' '; display: table;} .clearfix:after {clear: both;} .mr-action-click {cursor: pointer;} .mr-component-type-logo-1 {display: none; overflow: hidden; height: 1em; font-size: 32px; text-decoration: none;} .mr-component-type-logo-1:hover, .mr-component-type-logo-1:visited, .mr-component-type-logo-1:active {text-decoration: none;} .mr-component-type-logo-1.theme-dark {color: #808285;} .mr-component-type-logo-1.theme-light {color: #ffffff;} .mr-component-type-logo-1 .icon-spredfast-logo {display: none;} @media (max-width: 480px) {.mr-component-type-logo-1 .icon-spredfast-logo {display: inline-block;} .mr-component-type-logo-1 .icon-spredfast-logo-shape {display: none;}} .logo-copy {display: inline-block; font-size: 4.5em; margin-top: -3.5em;} @media (max-width: 480px) {.logo-copy {display: none;}} @-webkit-keyframes modal-enter {from {opacity: 0;} to {opacity: 1;}} @keyframes modal-enter {from {opacity: 0;} to {opacity: 1;}} .mr-component-type-modal-2 {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 1000; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); padding: 15px; -webkit-animation: modal-enter 250ms; animation: modal-enter 250ms; text-align: center;} .mr-component-type-modal-2:before {display: inline-block; content: ''; height: 100%; vertical-align: middle; margin-right: -0.25em;} .mr-component-type-modal-2.modal-open {display: block;} .lt-ie9 .mr-component-type-modal-2 {background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); background-repeat: repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); zoom: 1;} .modal-content {position: relative; display: inline-block; text-align: left; vertical-align: middle; padding: 15px;} .lt-ie9 .modal-content {width: 100%;} .modal-close {position: absolute; top: -0.8333em; right: -0.75em; -webkit-border-radius: 100%; border-radius: 100%; font-size: 1.5em; line-height: 1; padding: 0.21em 0.16em 0.16em; background-color: #000000; background-color: rgba(0, 0, 0, 0.3); color: white; text-decoration: none; -webkit-transition: background-color 150ms; transition: background-color 150ms; text-shadow: 0 0 0.3em #000000;} .modal-close:hover {background-color: #000000;} .mr-component-instance-modal .modal-content {max-width: 550px;} @media screen and (max-width: 550px) {.mr-component-instance-modal .modal-content {max-width: 100%;}} @keyframes modal-enter {from {opacity: 0;} to {opacity: 1;}} .mr-component-type-modal-2 {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 1000; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); padding: 15px; -webkit-animation: modal-enter 250ms; animation: modal-enter 250ms; text-align: center;} .mr-component-type-modal-2:before {display: inline-block; content: ''; height: 100%; vertical-align: middle; margin-right: -0.25em;} .mr-component-type-modal-2.modal-open {display: block;} .lt-ie9 .mr-component-type-modal-2 {background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); background-repeat: repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); zoom: 1;} .modal-content {position: relative; display: inline-block; text-align: left; vertical-align: middle; padding: 15px;} .lt-ie9 .modal-content {width: 100%;} .modal-close {position: absolute; top: -0.8333em; right: -0.75em; -webkit-border-radius: 100%; border-radius: 100%; font-size: 1.5em; line-height: 1; padding: 0.21em 0.16em 0.16em; background-color: #000000; background-color: rgba(0, 0, 0, 0.3); color: white; text-decoration: none; -webkit-transition: background-color 150ms; transition: background-color 150ms; text-shadow: 0 0 0.3em #000000;} .modal-close:hover {background-color: #000000;} .mr-component-type-photo-share-button-2 {display: inline-block;} .photo-share-modal {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 1000; background-color: #000000; background-color: rgba(0, 0, 0, 0.7); padding: 15px; -webkit-animation: modal-enter 250ms; animation: modal-enter 250ms; text-align: center;} .photo-share-modal:before {display: inline-block; content: ''; height: 100%; vertical-align: middle; margin-right: -0.25em;} .photo-share-modal.modal-open {display: block;} .lt-ie9 .photo-share-modal {background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3000000,endColorstr=#b3000000); zoom: 1;} .photo-share-button {display: inline-block; font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; -webkit-font-smoothing: antialiased; text-shadow: none; -webkit-background-clip: padding-box; background-clip: padding-box; background-image: none; -webkit-border-radius: 3px; border-radius: 3px; vertical-align: middle;} .photo-share-button:hover {text-decoration: none;} .photo-share-button.button-style-silver, .photo-share-button.button-style-color {padding: 0.53em 0.6em; color: #4f4f4f; font-size: 14px; font-weight: bold; background-color: #f2efef; border: 1px solid #dbdbdb;} .photo-share-button.button-style-silver:hover, .photo-share-button.button-style-color:hover {background-color: #e5e3e3;} .photo-share-button.button-style-silver .icon-camera, .photo-share-button.button-style-color .icon-camera {font-size: 1.4em;} .photo-share-button.button-style-white {padding: 0.53em 0.6em; color: #4f4f4f; font-size: 14px; font-weight: bold; background-color: #fff; border: 1px solid #999999;} .photo-share-button.button-style-white:hover {background-color: #f2f2f2;} .photo-share-button.button-style-white .icon-camera {font-size: 1.4em;} .photo-share-button.button-style-black {padding: 0.53em 0.6em; color: #fff; font-size: 14px; font-weight: bold; background-color: #333333; border: 1px solid #000;} .photo-share-button.button-style-black:hover {background-color: #484848;} .photo-share-button.button-style-black .icon-camera {font-size: 1.4em;} .photo-share-button.button-style-native {height: 20px; padding: 0 3px 0 4px; line-height: 20px; background-color: #eee; 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: #ccc solid 1px; color: #333; font-weight: bold; font-size: 11px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} .photo-share-button.button-style-native .icon-camera {font-size: 1.4em; line-height: 1.2em;} .photo-share-button.button-style-native:hover {border-color: #bbb; 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);} .photo-share-modal .modal-content {-webkit-border-radius: 5px; border-radius: 5px;} .photo-share-modal-content {display: inline-block; position: relative; max-height: 90%; width: 100%; padding: 10px; vertical-align: top; background: #f3f3e7; background-image: -webkit-gradient(linear, , from(#f2f2ea), to(#f3f3e7)); background-image: -webkit-linear-gradient(right top, #f2f2ea, #f3f3e7); background-image: linear-gradient(to left bottom, #f2f2ea, #f3f3e7); -webkit-border-radius: 3px; border-radius: 3px; text-align: left;} .photo-share-modal-content h2 {padding: 0.25em; margin: 0 0 10px; color: #4f4f4f; font-weight: 100; font-size: 1.5em; line-height: 1.3em; text-align: center; border-bottom: none;} .photo-share-modal-content h3 {font-size: 2em; font-weight: 100; line-height: 2.5em; line-height: 1em; text-align: center; color: #4f4f4f; margin-bottom: 0.5em;} .photo-share-modal-content .button {background-color: #5d9bcf; color: white;} .photo-share-modal-content .upload-target {width: auto; margin: 0 auto;} .photo-share-modal-content .qq-upload-button, .photo-share-modal-content .qq-upload-drop-area {width: 100%; line-height: 20px; padding: 15px; background: #fafaf2; border: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.125) inset; box-shadow: 0 0 2px rgba(0, 0, 0, 0.125) inset; color: #4f4f4e; font-size: 14px; text-align: center; font-weight: bold; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;} .photo-share-modal-content .qq-upload-button:hover, .photo-share-modal-content .qq-upload-drop-area:hover {background: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;} .photo-share-modal-content .qq-upload-button input, .photo-share-modal-content .qq-upload-drop-area input {width: 100%; height: 100%; top: 0; left: 0;} .photo-share-modal-content .icon-upload {display: inline-block; color: #ff9000; text-shadow: 1px 1px 0 #9b5800;} .photo-share-modal-content .icon-upload:before {font-size: 12em; line-height: 0.75em;} .photo-share-modal-content .qq-upload-drop-area {display: none;} .photo-share-modal-content .qq-upload-drop-area span {width: auto;} .photo-share-modal-content .qq-upload-list {display: none;} .photo-share-modal-content .checkbox {vertical-align: middle;} .photo-share-modal-content .checkbox span {vertical-align: middle;} .photo-share-modal-content .network-logo {font-size: 30px; vertical-align: middle;} .photo-share-modal-content .icon-facebook-logo {color: #3B5999;} .photo-share-modal-content .icon-twitter-logo {color: #00ACEE;} .photo-share-modal-content .message-area {width: 100%; display: block;} .photo-share-modal-content .facebook {margin-bottom: 25px;} .photo-share-modal-content .twitter-share-block .share-form {background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(#ebf6fd), to(#ffffff)); background: -webkit-linear-gradient(top, #ffffff, #ebf6fd, #ffffff); background: linear-gradient(top, #ffffff, #ebf6fd, #ffffff);} .photo-share-modal-content .share .actions {padding-top: 15px; text-align: right;} .photo-share-modal-content .share textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 60px; border: 1px solid #cccccc; resize: none; overflow: auto; padding: 0.5em; margin: 5px auto 0; font-family: Tahoma, sans-serif;} .photo-share-modal-content .share.single-network .share-form {max-height: inherit; height: auto;} .photo-share-modal-content .image-preview {text-align: center; vertical-align: top; margin: 15px;} .photo-share-modal-content .image-preview-wrapper {display: inline-block;} .photo-share-modal-content .image-preview-wrapper.loaded .change-image {display: block;} .photo-share-modal-content .image-preview-wrapper.loading {min-height: 100px;} .photo-share-modal-content .image-preview-wrapper.loading .loading-indicator, .photo-share-modal-content .image-preview-wrapper.loading .loading-text {display: block;} .photo-share-modal-content .image-preview-wrapper .loading-indicator {display: none; height: 50px; background-image: url("//massrel-all.massrel.io/static/loader.806ea8a06eb29c46cd9526449bae2fe4f5bb3f32.gif"); background-position: center center; background-repeat: no-repeat;} .photo-share-modal-content .image-preview-wrapper .loading-text {display: none;} .photo-share-modal-content .image-preview-wrapper .change-image {display: none; padding: 3px; background: none; background-color: #ff9000; color: white; font-size: 0.8em; text-decoration: none; cursor: pointer;} .photo-share-modal-content .image-preview-wrapper img {max-width: 180px; max-height: 180px;} .photo-share-modal-content .share-block {position: relative; width: auto; margin: 10px auto; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ededed; padding: 5px 5px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background: #fff; color: #4f4f4f;} .photo-share-modal-content .share-block div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .photo-share-modal-content .share-block label {display: block; cursor: pointer; margin-top: 5px; margin-bottom: 5px;} .photo-share-modal-content .share-block:not(.open):not(.thanks):hover {-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);} .photo-share-modal-content .share-block .modal-close {background-color: #ff9000; background-image: none; color: white; padding: 4px 12px; margin-top: 10px; margin-bottom: 10px; right: 0; text-shadow: none; position: relative; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px;} .photo-share-modal-content .share-block.share-in-progress .waiting-overlay {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 102; background-color: #000; opacity: 0.8; color: #fff;} .photo-share-modal-content .share-block.upload-in-progress .uploading {opacity: 1;} .photo-share-modal-content .share-block.auth-in-progress .authorizing {opacity: 1;} .photo-share-modal-content .share-block .authorizing, .photo-share-modal-content .share-block .uploading {display: block; width: 100%; position: absolute; top: 50%; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;} .photo-share-modal-content .share-block.thanks .share-thanks {height: auto;} .photo-share-modal-content .facebook-header {margin-bottom: 5px; margin-top: 5px;} .photo-share-modal-content .facebook-text {background-color: #5b74a8; border: 1px solid #4b6ea9; padding: 5px 7px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none;} .photo-share-modal-content .twitter-header {color: #666; font-weight: bold; font-size: 18px; text-shadow: #fff 0 1px 0; padding: 15px;} .photo-share-modal-content .waiting-overlay {display: none; text-align: center; padding-top: 20%;} .photo-share-modal-content .share-action {float: right; margin-top: 10px; margin-right: 0;} .photo-share-modal-content .twitter-share-action {color: #fff; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); background-color: #019ad2; background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(#33bcef), to(#019ad2)); background-image: -webkit-linear-gradient(#33bcef, #019ad2); background-image: linear-gradient(#33bcef, #019ad2); border-width: 1px; border-style: solid; border-color: #057ed0; -webkit-border-radius: 4px; border-radius: 4px; -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); font-weight: 500; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none;} .photo-share-modal-content .twitter-share-action:hover {background-color: #0271bf; background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, from(#2daddc), to(#0271bf)); background-image: -webkit-linear-gradient(#2daddc, #0271bf); background-image: linear-gradient(#2daddc, #0271bf); border-color: #096eb3;} .photo-share-modal-content .character-counter {float: right; padding-top: 10px; padding-right: 5px; color: #999; line-height: 20px;} .photo-share-modal-content .character-counter.over-limit {color: red;} .photo-share-modal-content .share-form, .photo-share-modal-content .share-thanks {height: 0; overflow: hidden;} .photo-share-modal-content .share-thanks {opacity: 0; color: #4f4f4f; text-align: center; margin-left: 22px; margin-right: 22px; margin-top: 0;} .photo-share-modal-content .error {display: none; border: 1px solid; -webkit-border-radius: 7px; border-radius: 7px; margin: 10px 0px; padding: 8px; color: #D8000C; background-color: #FFBABA; position: relative; cursor: pointer;} .photo-share-modal-content .error:hover .dismiss-error {display: block;} .photo-share-modal-content .dismiss-error {float: right; position: absolute; right: 5px;} .photo-share-modal-content.step-file-select .file-select {display: block;} .photo-share-modal-content.step-share .share {display: block;} .photo-share-modal-content .file-select, .photo-share-modal-content .share {display: none;} .photo-share-modal-content .clearfix:before, .photo-share-modal-content .clearfix:after {content: " "; display: table;} .photo-share-modal-content .clearfix:after {clear: both;} .photo-share-modal-content .drag-and-drop {display: none;} .photo-share-modal-content .click-only {display: block;} .photo-share-modal-content .drag-and-drop, .photo-share-modal-content .click-only {margin-bottom: 0;} .photo-share-modal-content.file-api .drag-and-drop {display: block;} .photo-share-modal-content.file-api .click-only {display: none;} .step-share .file-select {display: block; opacity: 0; position: absolute; width: 100%;} .lt-ie9 .photo-share-modal-content {max-height: 85%;} .lt-ie9 .photo-share-modal-content .share-block.upload-in-progress .uploading {display: block;} .lt-ie9 .photo-share-modal-content .share-block.auth-in-progress .authorizing {display: block;} .lt-ie9 .photo-share-modal-content .authorizing, .lt-ie9 .photo-share-modal-content .uploading {display: none;} .lt-ie9 .step-share .file-select {display: none; position: static; width: auto;} @media screen and (max-width: 480px) {.photo-share-modal-content.drag-and-drop, .photo-share-modal-content.file-api .drag-and-drop {display: none;} .photo-share-modal-content.click-only, .photo-share-modal-content.file-api .click-only {display: block;}} .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;} .lt-ie10 .intent.instagram-intent {display: none;} .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;} .tile-wrapper {width: 100%; height: 100%;} .tile-to, .tile-from {position: absolute; overflow: hidden;} .tile-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;} .tile-front {z-index: 1;} .tile-back {z-index: 0;} .tile-visible {display: block;} .tile-hidden {display: none;} .mr-component-instance-tile-0 .tile-to, .mr-component-instance-tile-0 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-1 .tile-to, .mr-component-instance-tile-1 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-2 .tile-to, .mr-component-instance-tile-2 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-3 .tile-to, .mr-component-instance-tile-3 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-4 .tile-to, .mr-component-instance-tile-4 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-5 .tile-to, .mr-component-instance-tile-5 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-6 .tile-to, .mr-component-instance-tile-6 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-7 .tile-to, .mr-component-instance-tile-7 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-8 .tile-to, .mr-component-instance-tile-8 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-9 .tile-to, .mr-component-instance-tile-9 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-10 .tile-to, .mr-component-instance-tile-10 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-11 .tile-to, .mr-component-instance-tile-11 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-12 .tile-to, .mr-component-instance-tile-12 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-13 .tile-to, .mr-component-instance-tile-13 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-14 .tile-to, .mr-component-instance-tile-14 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-instance-tile-15 .tile-to, .mr-component-instance-tile-15 .tile-from {top: 5px; left: 5px; bottom: 5px; right: 5px;} .mr-component-type-tweet-button-1 {display: inline-block;} .modal {width: 100%;} @media screen and (max-width: 500px) {.modal-wrapper {padding: 0;}} .modal-overlay {background: #000000;} .modal-content {padding: 0; font-size: 12px; color: #000000; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif;} .modal-content .status-overlay {position: absolute; bottom: 0; left: 0; width: 100%; line-height: 100%;} @media screen and (max-width: 500px) {.modal-content .status-overlay {position: relative;}} .modal-content .media {max-width: 100%; overflow: hidden;} .modal-content .media img {max-width: 100%;} .modal-content .media iframe {width: 300px; height: 300px;} .modal-content .toggle-status {position: absolute; top: -17px; right: 10px; height: 17px; padding: 0 3px; text-decoration: none; text-align: center; background: #000000;} @media screen and (max-width: 500px) {.modal-content .toggle-status {display: none;}} .modal-content .toggle-status.open .icon-chevron-down {display: inline-block;} .modal-content .toggle-status.closed .icon-chevron-up {display: inline-block;} .modal-content .body, .modal-content .toggle-status {background-color: #ffffff;} .modal-content .icon-chevron-up, .modal-content .icon-chevron-down {display: none;} .modal-content .status-drawer {overflow: hidden;} @media screen and (max-width: 500px) {.modal-content .status-drawer {height: auto !important;}} .modal-content .status {position: relative; line-height: 0; word-break: break-word;} .modal-content .status .media {padding-bottom: 0;} .modal-content .status.google {padding: 0;} .modal-content .status .permalink {font-size: 1em;} .modal-content .body {overflow: hidden;} .modal-content .media {background: #000000;} .modal-content .media img {width: 100%;} .modal-content .embed-type-video {position: relative; width: 100%;} .modal-close {z-index: 500;} @media screen and (max-width: 500px) {.modal-close {top: 10px; right: 10px; font-size: 4em;}} .embed-type-photo a {z-index: 400;} html.standalone-modal {background: none; font-face: sans-serif; overflow: auto;} html.standalone-modal body {background: none; font-face: sans-serif; overflow: auto;} .item .text .status {font-size: 12px; padding: 5px;} .item .text .status:hover .intents {visibility: visible; display: inline-block;} .item .text .status .body {max-height: 90%; overflow: hidden;} .item .text .status .avatar, .item .text .status .avatar img {width: 32px; height: 32px; -webkit-border-radius: 0; border-radius: 0;} .item .text .status .content {padding: 0;} .item .text .status .content .primary-name, .item .text .status .content .secondary-name {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8125em;} .item .text .status .content .primary-name, .item .text .status .content .primary-name:hover, .item .text .status .content .primary-name:active, .item .text .status .content .primary-name:visited {color: #000000; text-decoration: none;} .item .text .status .content .secondary-name {text-decoration: none; font-weight: normal; color: #fff8f8;} .item .text .status .content .author:hover {text-decoration: none;} .item .text .status .content .author:hover .primary-name {color: #000000;} .item .text .status .content .author:hover .secondary-name {color: #666666; text-decoration: underline;} .item .text .status .content a {color: #c99caa; text-decoration: none;} .item .text .status .content a:hover, .item .text .status .content a:active {color: #ff0000; text-decoration: underline;} .item .text .status .content a:visited {color: #a5818c;} .item .text .status .content .permalink {float: none; position: absolute; bottom: 9px; right: 9px; font-size: 0.9em !important; color: black !important; text-decoration: none;} .item .text .status .content .permalink .timestamp {color: #fff8f8;} .item .text .status .content .permalink:hover, .item .text .status .content .permalink:active {text-decoration: underline;} .item .text .status .content .permalink:hover .timestamp, .item .text .status .content .permalink:active .timestamp {color: #666666;} .item .text .status .content .permalink:visited .timestamp {color: #666666;} .item .text .status .content .text {line-height: 1.5; font-size: 1em; clear: both; color: #000000; padding: 0.5em 0;} .item .text .status .retweeted-by {font-size: 0.9em;} .item .text .status .retweeted-by .retweeted-by-icon {display: inline-block; text-align: center;} .item .text .status .place {font-size: 0.9em;} .item .text .status .intents {visibility: hidden; position: absolute; bottom: 9px; left: 9px;} .item .text .status .intents a {color: #fff8f8;} .item .text .status .intents a:hover, .item .text .status .intents a:active {color: #666666;} .item .text .status .intents a:visited {color: #666666;} .item .text .status .intent-text {display: none;} .item .text .status:hover .intents {visibility: visible;} html.touch .text .status:hover .intents {visibility: visible;} html {font-size: 100vw;} body {font-size: 16px;} .item {padding-top: 100%; position: relative; overflow: hidden;} .item.large {width: 40%; padding-top: 40%;} .item.small {width: 20%; padding-top: 20%;} .item > * {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} #grid {width: 100%; padding-top: 800%;} .grid-container {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .header {margin-top: 100%; margin-top: 1.00rem; left: 0%; width: 100%; padding-top: 50%; position: absolute;} .item {position: absolute;} .item.large {width: 100%; padding-top: 100%;} .item.small {width: 50%; padding-top: 50%;} .item.text {width: 100%;} .item.tile-0 {margin-top: 0; left: 0;} .item.tile-1 {margin-top: 450%; margin-top: 4.50rem; left: 0; width: 100%;} .item.tile-2 {margin-top: 150%; margin-top: 1.50rem; left: 0;} .item.tile-4 {margin-top: 150%; margin-top: 1.50rem; left: 50%;} .item.tile-3 {margin-top: 200%; margin-top: 2.00rem; left: 0; width: 100%;} .item.tile-5 {margin-top: 250%; margin-top: 2.50rem; left: 0%;} .item.tile-7 {margin-top: 250%; margin-top: 2.50rem; left: 50%;} .item.tile-6 {margin-top: 300%; margin-top: 3.00rem; left: 0; width: 100%;} .item.tile-8 {margin-top: 350%; margin-top: 3.50rem; left: 0%;} .item.tile-9 {margin-top: 350%; margin-top: 3.50rem; left: 50%;} .item.tile-10 {margin-top: 400%; margin-top: 4.00rem; left: 0%;} .item.tile-11 {margin-top: 400%; margin-top: 4.00rem; left: 50%;} .item.tile-15 {margin-top: 500%; margin-top: 5.00rem; left: 0;} .item.tile-12 {margin-top: 600%; margin-top: 6.00rem; left: 0%; width: 100%;} .item.tile-13 {margin-top: 650%; margin-top: 6.50rem; left: 0%; width: 100%; padding-top: 100%;} .item.tile-14 {margin-top: 750%; margin-top: 7.50rem; left: 0%; width: 100%;} @media (min-width: 950px) {.header {margin-top: 40%; margin-top: .40rem; left: 20%; width: 60%; padding-top: 20%; position: absolute;} #grid {padding-top: 100%;} .item.large {width: 40%; padding-top: 40%;} .item.small {width: 20%; padding-top: 20%;} .item.tile-0 {margin-top: 0; left: 0;} .item.tile-1 {margin-top: 0; left: 40%;} .item.tile-2 {margin-top: 0; left: 60%;} .item.tile-3 {margin-top: 0; left: 80%;} .item.tile-4 {margin-top: 20%; margin-top: .20rem; left: 40%;} .item.tile-5 {margin-top: 20%; margin-top: .20rem; left: 60%;} .item.tile-6 {margin-top: 20%; margin-top: .20rem; left: 80%;} .item.tile-7 {margin-top: 40%; margin-top: .40rem; left: 0;} .item.tile-8 {margin-top: 40%; margin-top: .40rem; left: 80%;} .item.tile-9 {margin-top: 60%; margin-top: .60rem; left: 0;} .item.tile-10 {margin-top: 60%; margin-top: .60rem; left: 20%;} .item.tile-11 {margin-top: 60%; margin-top: .60rem; left: 40%;} .item.tile-12 {margin-top: 80%; margin-top: .80rem; left: 0;} .item.tile-13 {margin-top: 80%; margin-top: .80rem; left: 20%;} .item.tile-14 {margin-top: 80%; margin-top: .80rem; left: 40%;} .item.tile-15 {margin-top: 60%; margin-top: .60rem; left: 60%;}} @media (max-width: 950px) and (min-width: 750px) {.header {margin-top: 75%; margin-top: .75rem; left: 0%; width: 75%; padding-top: 25%; position: absolute;} #grid {padding-top: 150%;} .item.large {width: 50%; padding-top: 50%;} .item.small {width: 25%; padding-top: 25%;} .item.tile-0 {margin-top: 0; left: 0;} .item.tile-1 {margin-top: 0; left: 50%;} .item.tile-2 {margin-top: 0; left: 75%;} .item.tile-3 {margin-top: 25%; margin-top: .25rem; left: 50%;} .item.tile-4 {margin-top: 25%; margin-top: .25rem; left: 75%;} .item.tile-5 {margin-top: 50%; margin-top: .50rem; left: 0;} .item.tile-6 {margin-top: 50%; margin-top: .50rem; left: 25%;} .item.tile-7 {margin-top: 50%; margin-top: .50rem; left: 50%;} .item.tile-8 {margin-top: 50%; margin-top: .50rem; left: 75%;} .item.tile-9 {margin-top: 75%; margin-top: .75rem; left: 75%;} .item.tile-10 {margin-top: 100%; margin-top: 1.00rem; left: 0;} .item.tile-11 {margin-top: 100%; margin-top: 1.00rem; left: 25%;} .item.tile-12 {margin-top: 125%; margin-top: 1.25rem; left: 0;} .item.tile-13 {margin-top: 125%; margin-top: 1.25rem; left: 25%;} .item.tile-14 {display: none;} .item.tile-15 {margin-top: 100%; margin-top: 1.00rem; left: 50%;}} @media (max-width: 750px) and (min-width: 577px) {.header {margin-top: 132%; margin-top: 1.32rem; left: 0%; width: 100%; padding-top: 33%; position: absolute;} #grid {padding-top: 264%;} .item {float: none; position: absolute;} .item.large {width: 66%; padding-top: 66%;} .item.small {width: 33%; padding-top: 33%;} .item.tile-0 {margin-top: 0; left: 0;} .item.tile-1 {margin-top: 0; left: 66%;} .item.tile-2 {margin-top: 33%; margin-top: .33rem; left: 66%;} .item.tile-3 {margin-top: 66%; margin-top: .66rem; left: 0;} .item.tile-4 {margin-top: 66%; margin-top: .66rem; left: 33%;} .item.tile-5 {margin-top: 66%; margin-top: .66rem; left: 66%;} .item.tile-6 {margin-top: 99%; margin-top: .99rem; left: 0;} .item.tile-7 {margin-top: 99%; margin-top: .99rem; left: 33%;} .item.tile-8 {margin-top: 99%; margin-top: .99rem; left: 66%;} .item.tile-9 {margin-top: 165%; margin-top: 1.65rem; left: 0;} .item.tile-10 {margin-top: 165%; margin-top: 1.65rem; left: 33%;} .item.tile-11 {margin-top: 165%; margin-top: 1.65rem; left: 66%;} .item.tile-12 {margin-top: 198%; margin-top: 1.98rem; left: 66%;} .item.tile-13 {margin-top: 231%; margin-top: 2.31rem; left: 66%;} .item.tile-14 {display: none;} .item.tile-15 {margin-top: 198%; margin-top: 1.98rem; left: 0;}} body {background: #ededed no-repeat center center fixed; background-image: url(https://massrel-library-assets.a.ssl.fastly.net/production/7260/background-hd.png?1406901583); -webkit-background-size: cover; background-size: cover;} .header .header-content {margin: 5px; background: #45555f no-repeat center center fixed; background-attachment: scroll; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;} .header .table-wrapper {display: table; width: 100%; height: 100%;} .header .centered-content {display: table-cell; vertical-align: middle;} .header .title {color: #ffffff; font-size: 65px; font-family: Helvetica Neue; text-align: center; line-height: 1.4; margin-bottom: 8px;} .header .subtitle {color: #ffffff; font-size: 35px; font-family: Helvetica Neue; text-align: center; line-height: 1.4; margin-bottom: 20px;} @media (max-width: 320px) {.header .button {padding: 5px;}} .header .social-buttons {text-align: center;} @media (max-width: 577px) {.header .title {font-size: 52px;} .header .subtitle {font-size: 28px;}} .mr-component.text .tile-cell {background: #ffffff no-repeat center center fixed; background-attachment: scroll;} .mr-component.image .tile-cell {background: #ffffff no-repeat center center fixed; background-attachment: scroll;} .item .tile-content .media, .item .tile-content iframe, .item .tile-content .status {width: 100%; height: 100%;} .item .text .status .content a, .item .text .status .content a:visited {color: #55acee;} .item .image .status .media {text-align: center; display: table; padding: 0;} .item .image .status .media a {display: table-cell; vertical-align: middle;} .item .image .status .media + i {position: absolute; bottom: 10px; right: 10px;} .item .image .status.twitter .media + i {color: #55acee;} .item .image .status.facebook .media + i {color: #4c65a5;} .item .image .status.instagram .media + i {color: #517fa4;} .item .image img {max-width: 100%; max-height: 100%; width: auto; height: auto; display: none;} .item .image .background-image {-webkit-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; position: absolute;} .lt-ie9 .item .image img {display: inline;} .lt-ie9 .item .image .background-image {background: none;} .icon-video {display: none;} .embed-type-video .icon-video {display: block; top: 30%; bottom: 30%; left: 30%; right: 30%; position: absolute; background-image: url("//usa-swimming.massrel.io/template-static-d71edd67a617779219ed7b88574ed6477a381d99/img/video-play.png"); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; opacity: .6;} .embed-type-video .icon-video:hover {opacity: 1;} .status.instagram .author {padding-right: 4.8em;} .mr-component-type-photo-share-button-2 {vertical-align: top;} .photo-share-button.button-style-silver {-webkit-border-radius: 0; border-radius: 0; padding: 0.5em 1em 0.5em .6em;} .footer {padding-right: 10px; text-align: right;} #mrLogo {float: left;} .photo-share-modal-content {background: #f3f3e7;} .photo-share-modal-content .qq-upload-button, .photo-share-modal-content .qq-upload-drop-area {background: #fafaf2;} .photo-share-modal-content .qq-upload-button:hover, .photo-share-modal-content .qq-upload-drop-area:hover {background: #fafaf2;} .photo-share-modal-content .qq-upload-button:hover .icon-upload, .photo-share-modal-content .qq-upload-drop-area:hover .icon-upload {color: #ff9000; text-shadow: 1px 1px 0 #663a00;} .photo-share-modal-content .icon-upload {color: #ff9000; text-shadow: 1px 1px 0 #663a00; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;} .photo-share-modal-content .image-preview-wrapper .change-image {background: #ff9000;} .photo-share-modal-content .share-block .close {background: #ff9000;} html.lt-ie9 .item .image .background-image {-webkit-background-size: cover; background-size: cover; -ms-behavior: url("//usa-swimming.massrel.io/template-static-d71edd67a617779219ed7b88574ed6477a381d99/backgroundsize.min.htc");} html.lt-ie9 .embed-type-video .icon-video {-webkit-background-size: cover; background-size: cover; -ms-behavior: url("//usa-swimming.massrel.io/template-static-d71edd67a617779219ed7b88574ed6477a381d99/backgroundsize.min.htc");} .status .media.embed-type-photo img {min-width: 400px;} #logo {position: absolute; z-index: 2; bottom: 30px; left: 5px;} @media (max-width: 612px) {#logo {bottom: 0; left: 0;}} @media (min-width: 800px) {.header {left: 0; width: 100%;} #logo {bottom: 80px; left: 60px; width: 100px;}} @media (max-width: 700px) {.grid-container {margin: 50px;} .item .text .status .content .text {line-height: 1.4; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .item .text .status .body {font-size: 7px;} .header .title {font-size: 25px;} .header .subtitle {font-size: 15px;} #logo {bottom: 15%; left: 12%; width: 75px;} .item.large {width: 40%; padding-top: 40%;} .item.small {width: 20%; padding-top: 20%;} .item.tile-1 {left: 40%; margin-top: 0; width: 60%; height: 71%;} .item.tile-2, .item.tile-3, .item.tile-4, .item.tile-5, .item.tile-6 {display: none !important;} .header {margin-top: 40%; left: 0%; width: 100%; height: 90px; padding-top: 0;} .header .centered-content {display: block;} .item .text .status .content .primary-name, .item .text .status .content .secondary-name {font-size: 15px;} .item .text .status .content .text {font-size: 15px; padding: 0;} .item .text .status .content a, .item .text .status .content a:visited {color: white;} .item .text .status .place {display: none !important;} .status.twitter .content .permalink .permalink-logo {font-size: 3em;} .status.twitter .content .permalink .timestamp {font-size: 12px;} .item .text .status .content .permalink {bottom: 2px;} .item.image .status .media + i {font-size: 2em; bottom: 2px; right: 5px;} .item .image .status.instagram .media + i, .item .image .status.twitter .media + i {color: white; text-shadow: 0 0 5px black;}} .text, .primary-name, .secondary-name, .timestamp {color: #FFF !important;} .tile-content .status, .centered-content, .table-wrapper {background: #395d88;} .tile-content .status .intents:hover, .centered-content .intents:hover, .table-wrapper .intents:hover {display: none;} .retweeted-by, .place {color: #CCC !important;} #grid {padding-top: 0;} @media (min-width: 1900px) {.item.text .body .content {font-size: 20px; letter-spacing: 0.5px; font-weight: lighter;} .header {padding-top: 16%; width: 100%; left: 0;} .item.image .status .media + i {font-size: 1.52em; bottom: 8px;}}