@font-face {font-family: "socialite-1-4-0"; src: url("//massrel-all.massrel.io/static/socialite-1-4-0.5197ae0cab805f6d0f0c3a2e781889edeb52a971.eot"); src: url("//massrel-all.massrel.io/static/socialite-1-4-0.5197ae0cab805f6d0f0c3a2e781889edeb52a971.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-1-4-0.abc3f0192f22929ac596bc57d0c7ee892b4337c8.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-1-4-0.41cb2703affbab3ebbf439a53d72239a6ca6ab70.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-1-4-0.d2a262bc3c4ac30699a3b4fb6e74e9c264c6c90d.svg#socialite-1-4-0") format("svg"); font-weight: normal; font-style: normal;} @media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: "socialite-1-4-0"; src: url("//massrel-all.massrel.io/static/socialite-1-4-0.d2a262bc3c4ac30699a3b4fb6e74e9c264c6c90d.svg#socialite-1-4-0") format("svg");}} [data-icon]:before {content: attr(data-icon);} [data-icon]:before, .icon-add-content:before, .icon-angle-left:before, .icon-angle-right:before, .icon-arrow-down:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-arrow-up: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:before, .icon-facebook-logo-letter:before, .icon-facebook-mobilelike:before, .icon-facebook-share:before, .icon-getglue-logo:before, .icon-google-plus-logo:before, .icon-google-plus-logo-letter: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:before, .icon-mass-relevance-logo-copy:before, .icon-minimize-arrow:before, .icon-monitor:before, .icon-pinterest-logo:before, .icon-place:before, .icon-prohibited:before, .icon-round-word-bubble:before, .icon-search:before, .icon-spredfast-logo:before, .icon-spredfast-logo-copy:before, .icon-spredfast-logo-shape:before, .icon-thumbnails:before, .icon-thumbs-down:before, .icon-trophy:before, .icon-tumblr-logo:before, .icon-tumblr-logo-letter:before, .icon-twitter-favorite:before, .icon-twitter-like: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, .icon-youtube-logo-copy:before {display: inline-block; font-family: "socialite-1-4-0"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;} .icon-add-content:before {content: "\f100";} .icon-angle-left:before {content: "\f101";} .icon-angle-right:before {content: "\f102";} .icon-arrow-down:before {content: "\f133";} .icon-arrow-left:before {content: "\f134";} .icon-arrow-right:before {content: "\f135";} .icon-arrow-up:before {content: "\f136";} .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:before {content: "\f109";} .icon-facebook-logo-letter: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:before {content: "\f10e";} .icon-google-plus-logo-letter: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:before {content: "\f116";} .icon-mass-relevance-logo-copy:before {content: "\f117";} .icon-minimize-arrow:before {content: "\f131";} .icon-monitor:before {content: "\f118";} .icon-pinterest-logo:before {content: "\f119";} .icon-place:before {content: "\f11a";} .icon-prohibited:before {content: "\f11b";} .icon-round-word-bubble:before {content: "\f132";} .icon-search:before {content: "\f11c";} .icon-spredfast-logo:before {content: "\f11d";} .icon-spredfast-logo-copy:before {content: "\f11e";} .icon-spredfast-logo-shape:before {content: "\f11f";} .icon-thumbnails:before {content: "\f120";} .icon-thumbs-down:before {content: "\f121";} .icon-trophy:before {content: "\f122";} .icon-tumblr-logo:before {content: "\f123";} .icon-tumblr-logo-letter:before {content: "\f124";} .icon-twitter-favorite:before {content: "\f125";} .icon-twitter-like:before {content: "\f137";} .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";} .icon-youtube-logo-copy:before {content: "\f130";} @font-face {font-family: 'avant garde'; src: url('//massrel-custom-fonts.massrel.io/avant_garde_book_bt-webfont-309da51b-6add-40ec-9383-3064e10618dc.eot'); src: url('//massrel-custom-fonts.massrel.io/avant_garde_book_bt-webfont-309da51b-6add-40ec-9383-3064e10618dc.eot?#iefix') format('embedded-opentype'), url('//massrel-custom-fonts.massrel.io/avant_garde_book_bt-webfont-ee234af7-c43e-44c6-b76a-00cc31e70e0a.woff') format('woff'), url('//massrel-custom-fonts.massrel.io/avant_garde_book_bt-webfont-796fc32a-8765-4968-95b5-17ea5202ee60.ttf') format('truetype'), url('//massrel-custom-fonts.massrel.io/avant_garde_book_bt-webfont-0df25a82-4deb-4379-b1cb-48115c75dd3a.svg#webfont') format('svg');} @font-face {font-family: 'Roboto Light'; src: url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-5a37bf81-e608-4e85-ae17-07723a1c0a18.eot'); src: url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-5a37bf81-e608-4e85-ae17-07723a1c0a18.eot?#iefix') format('embedded-opentype'), url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-cc3ea07e-0a02-469e-b254-ae0045c54107.woff') format('woff'), url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-f8322632-4e13-4b61-9f3b-7326604ff1cb.ttf') format('truetype'), url('//massrel-custom-fonts.massrel.io/roboto-light-webfont-01fdfdc7-8cc2-4927-b286-ae30cf339ecd.svg#webfont') format('svg'); font-weight: normal;} .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: #4c69ba; border: 1px solid #4c69ba;} .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: #4c69ba; background: -webkit-gradient(linear, left top, left bottom, from(#4c69ba), to(#3b55a0)); background: -webkit-linear-gradient(#4c69ba, #3b55a0); background: linear-gradient(#4c69ba, #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;} .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: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; position: relative;} 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;}} li.list-item {padding: 0; list-style: none;} .vote-buttons {text-align: center;} .vote-buttons.disabled a {pointer-events: none; cursor: not-allowed; opacity: .35; filter: alpha(opacity=35); -webkit-box-shadow: none; box-shadow: none;} .option .percent-pre-vote-container {display: none;} .with-results .option .percent-pre-vote-container {display: block;} .poll-list {padding: 0; margin: 0;} .mr-component-type-sponsor-bar-1 {display: none;} .mr-component-instance-sponsor-bar {display: block;} .mr-component-instance-sponsor-bar .sponsor-bar {background-color: #efefef; text-align: center; padding: 10px;} body {margin: 0; background: #006bba no-repeat center center fixed;} .head-container {background-color: transparent; padding: 20px;} .header {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 32px; color: #002e68;} .subtitle {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 24px; color: #ffffff;} .question {font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 18px; color: #ffffff; margin-left: 20px; margin-right: 20px;} #poll-content {margin-left: 20px; margin-right: 20px; margin-bottom: 20px;} #poll-content ul.poll-list {clear: both; white-space: nowrap;} #poll-content ul.poll-list li.results-item .item-button {opacity: .7;} #poll-content ul.poll-list li.results-item .item-button div.list-item-name {cursor: auto;} #poll-content ul.poll-list li.list-item, #poll-content ul.poll-list li.results-item {text-align: center; display: inline-block; width: 50%; position: relative; margin-top: 0px;} #poll-content ul.poll-list li.list-item .percent, #poll-content ul.poll-list li.results-item .percent {position: absolute; font-size: 24px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: bold; color: #ffffff; padding: 5px; -webkit-border-radius: 0; border-radius: 0; top: 0;} #poll-content ul.poll-list li.list-item .progress-percent, #poll-content ul.poll-list li.results-item .progress-percent {-webkit-transition: width 1s linear; transition: width 1s linear; position: absolute; top: 48px; width: 100%; height: 40px;} #poll-content ul.poll-list li.list-item .item-button, #poll-content ul.poll-list li.results-item .item-button {overflow: hidden; height: 52px; width: 50%; position: relative;} @media (min-width: 1200px) {#poll-content ul.poll-list li.list-item .item-button, #poll-content ul.poll-list li.results-item .item-button {width: 50%;}} @media (max-width: 982px) {#poll-content ul.poll-list li.list-item .item-button, #poll-content ul.poll-list li.results-item .item-button {width: 75%;}} @media (max-width: 680px) {#poll-content ul.poll-list li.list-item .item-button, #poll-content ul.poll-list li.results-item .item-button {width: 90%;}} @media (max-width: 500px) {#poll-content ul.poll-list li.list-item .item-button, #poll-content ul.poll-list li.results-item .item-button {height: 104px;} #poll-content ul.poll-list li.list-item .item-button .network-icons, #poll-content ul.poll-list li.results-item .item-button .network-icons {float: left; width: 100%;} #poll-content ul.poll-list li.list-item .item-button .inner, #poll-content ul.poll-list li.results-item .item-button .inner {float: left; width: 100%;} #poll-content ul.poll-list li.list-item .item-button .inner span, #poll-content ul.poll-list li.results-item .item-button .inner span {float: left; width: 100%;} #poll-content ul.poll-list li.list-item .item-button .fb-post-button, #poll-content ul.poll-list li.results-item .item-button .fb-post-button, #poll-content ul.poll-list li.list-item .item-button .tweet-button, #poll-content ul.poll-list li.results-item .item-button .tweet-button {float: left; width: 60%;}} #poll-content ul.poll-list li.list-item .item-button .list-item-name, #poll-content ul.poll-list li.results-item .item-button .list-item-name {font-size: 20px; color: #ffffff; -webkit-transition: margin-top 0.5s ease-out; transition: margin-top 0.5s ease-out; position: absolute; cursor: pointer; width: 100%; padding-top: 14px; padding-bottom: 14px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 100;} #poll-content ul.poll-list li.list-item .item-button .list-item-name .network-icons, #poll-content ul.poll-list li.results-item .item-button .list-item-name .network-icons {display: inline-block;} #poll-content ul.poll-list li.list-item .item-button .list-item-name .network-icons .bird, #poll-content ul.poll-list li.results-item .item-button .list-item-name .network-icons .bird {display: none;} #poll-content ul.poll-list li.list-item .item-button .list-item-name .network-icons .f, #poll-content ul.poll-list li.results-item .item-button .list-item-name .network-icons .f {display: none;} #poll-content ul.poll-list li.list-item .item-button .list-item-name .inner, #poll-content ul.poll-list li.results-item .item-button .list-item-name .inner {display: inline-block; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;} #poll-content ul.poll-list li.list-item .item-button .option-buttons, #poll-content ul.poll-list li.results-item .item-button .option-buttons {-webkit-transition: margin-top 0.5s ease-out; transition: margin-top 0.5s ease-out; position: absolute; margin-top: 104px; width: 100%; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; z-index: 50;} @media (min-width: 500px) and (max-width: 550px) {#poll-content ul.poll-list li.list-item .item-button .option-buttons, #poll-content ul.poll-list li.results-item .item-button .option-buttons {text-align: left;}} #poll-content ul.poll-list li.list-item .item-button .option-buttons .close-vote, #poll-content ul.poll-list li.results-item .item-button .option-buttons .close-vote {position: absolute; right: 3px; top: 3px;} #poll-content ul.poll-list li.list-item .item-button .option-buttons .fb-post-button, #poll-content ul.poll-list li.results-item .item-button .option-buttons .fb-post-button {display: none;} #poll-content ul.poll-list li.list-item .item-button .option-buttons .tweet-button, #poll-content ul.poll-list li.results-item .item-button .option-buttons .tweet-button {display: none;} #poll-content ul.poll-list li.list-item:first-child .percent, #poll-content ul.poll-list li.results-item:first-child .percent {left: 0; background-color: #ffbb08;} #poll-content ul.poll-list li.list-item:first-child .percent:before, #poll-content ul.poll-list li.results-item:first-child .percent:before {left: 0; content: ""; border-left: 0 transparent solid; border-top: 10px #ffbb08 solid; border-right: 10px transparent solid; position: absolute; bottom: -9px;} #poll-content ul.poll-list li.list-item:first-child .progress-percent, #poll-content ul.poll-list li.results-item:first-child .progress-percent {background-color: #ffbb08; left: 0;} #poll-content ul.poll-list li.list-item:first-child .item-button, #poll-content ul.poll-list li.results-item:first-child .item-button {margin-right: auto;} #poll-content ul.poll-list li.list-item:first-child .list-item-name, #poll-content ul.poll-list li.results-item:first-child .list-item-name {background-color: #ffbb08;} #poll-content ul.poll-list li.list-item:first-child .list-item-name:hover, #poll-content ul.poll-list li.results-item:first-child .list-item-name:hover {background-color: #d49a00;} #poll-content ul.poll-list li.list-item + li, #poll-content ul.poll-list li.results-item + li {margin-left: -5px;} #poll-content ul.poll-list li.list-item + li .percent, #poll-content ul.poll-list li.results-item + li .percent {right: 0; background-color: #002e68;} #poll-content ul.poll-list li.list-item + li .percent:before, #poll-content ul.poll-list li.results-item + li .percent:before {right: 0; content: ""; border-left: 10px transparent solid; border-top: 10px #002e68 solid; border-right: 0 transparent solid; position: absolute; bottom: -9px;} #poll-content ul.poll-list li.list-item + li .progress-percent, #poll-content ul.poll-list li.results-item + li .progress-percent {right: 0; background-color: #002e68;} #poll-content ul.poll-list li.list-item + li .item-button, #poll-content ul.poll-list li.results-item + li .item-button {float: right;} #poll-content ul.poll-list li.list-item + li .list-item-name, #poll-content ul.poll-list li.results-item + li .list-item-name {background-color: #002e68;} #poll-content ul.poll-list li.list-item + li .list-item-name:hover, #poll-content ul.poll-list li.results-item + li .list-item-name:hover {background-color: #001735;} #poll-content.with-twitter ul.poll-list li.list-item .list-item-name .network-icons .bird, #poll-content.with-twitter ul.poll-list li.results-item .list-item-name .network-icons .bird {display: inline-block;} #poll-content.with-twitter ul.poll-list .option-buttons a.twitter.tweet-button {display: inline-block;} #poll-content.with-facebook ul.poll-list li.list-item .list-item-name .network-icons .f, #poll-content.with-facebook ul.poll-list li.results-item .list-item-name .network-icons .f {display: inline-block;} #poll-content.with-facebook ul.poll-list .option-buttons a.facebook.fb-post-button {display: inline-block;} #poll-content ul.poll-list li.list-item.selected .item-button .list-item-name {margin-top: 104px;} #poll-content ul.poll-list li.list-item.selected .item-button .option-buttons {margin-top: 0;} .social-buttons {float: right; margin-right: 20px;} .icon-close-x {color: #000; opacity: .33; cursor: pointer;} .icon-close-x:hover {opacity: 1;} #mr-logo {position: relative; top: 1em; margin-left: 1em;} .button.facebook, .button.twitter {font-size: 15px;} .percent-left, .percent-right {font-size: 24px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: bold; color: #ffffff; padding: 5px; -webkit-border-radius: 0; border-radius: 0; position: relative; margin-bottom: 10px;} .percent-left {float: left; background-color: #ffbb08;} .percent-left:before {left: 0; content: ""; border-left: 0 transparent solid; border-top: 10px #ffbb08 solid; border-right: 10px transparent solid; position: absolute; bottom: -9px;} .percent-right {float: right; background-color: #002e68;} .percent-right:before {right: 0; content: ""; border-left: 10px transparent solid; border-top: 10px #002e68 solid; border-right: 0 transparent solid; position: absolute; bottom: -9px;} .progress-container {margin: 20px;} .progress-bar {width: 100%; position: relative; clear: both; height: 40px; background-color: #002e68;} .progress-bar .left {-webkit-transition: width 1s linear; transition: width 1s linear; height: 40px; background-color: #ffbb08; display: inline-block;}