@font-face {font-family: "socialite-1-7-0"; src: url("//massrel-all.massrel.io/static/socialite-1-7-0.d19f34bf6e20df46b6a9a9df86143f931b42724d.eot"); src: url("//massrel-all.massrel.io/static/socialite-1-7-0.d19f34bf6e20df46b6a9a9df86143f931b42724d.eot?#iefix") format("embedded-opentype"), url("//massrel-all.massrel.io/static/socialite-1-7-0.82a559c38b0c4c7c8308ea775a0f1823c8df7115.woff") format("woff"), url("//massrel-all.massrel.io/static/socialite-1-7-0.20cafbfd8bd1f1b0d1db0d0742097239dce069e8.ttf") format("truetype"), url("//massrel-all.massrel.io/static/socialite-1-7-0.93306ac00917c637a044a0e7309c103177bf4eff.svg#socialite-1-7-0") format("svg"); font-weight: normal; font-style: normal;} @media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: "socialite-1-7-0"; src: url("//massrel-all.massrel.io/static/socialite-1-7-0.93306ac00917c637a044a0e7309c103177bf4eff.svg#socialite-1-7-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-bold-down:before, .icon-arrow-bold-left:before, .icon-arrow-bold-right:before, .icon-arrow-bold-up: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-instagram-logo-old: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-person: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-7-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-bold-down:before {content: "\f138";} .icon-arrow-bold-left:before {content: "\f139";} .icon-arrow-bold-right:before {content: "\f13a";} .icon-arrow-bold-up:before {content: "\f13b";} .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-instagram-logo-old:before {content: "\f13c";} .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-person:before {content: "\f13d";} .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');} .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-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:hover {background: #6ebaf5;} .button.twitter.button-style-color:active {background: #448abe;} .button.twitter.button-style-color .icon-twitter-logo {color: #ffffff;} .button.twitter.button-style-color.disabled {cursor: default; background-color: #84a6bf;} .button.twitter.button-style-color.disabled:focus, .button.twitter.button-style-color.disabled:hover {background-color: #84a6bf;} .mr-component-type-tweet-button-1 {display: inline-block;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} *, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body {font-size: 10px; font-family: helvetica, arial, sans-serif;} .cf:before, .cf:after {content: ''; display: table;} .cf:after {clear: both;} .wrap {margin: 0 auto;} h1 {font-size: 3.3em; font-family: Impact, helvetica, arial, sans-serif; text-transform: uppercase;} @media (max-width: 400px) {h1 {font-size: 2.25em;}} .question {clear: both;} .question > img {margin-top: 2%; width: 100%; height: auto;} .question-2 .option .inner .check-box, .question-4 .option .inner .check-box {background: #fe001a ;} .option {width: 50%; padding-bottom: 35.5%; float: left; position: relative;} @media (min-width: 900px) {.option {width: 25%; padding-bottom: 19%;}} .option .inner {cursor: pointer; position: absolute; top: 6%; bottom: 3%; right: 0; left: 0;} .option .inner img {height: 75%; width: 100%; border: .1em solid #afaeae;} .option .inner .check-box {height: 25%; width: 100%; background: #fe001a; position: absolute; bottom: 0; left: 0;} .option-1 .inner, .option-3 .inner {right: 3%;} .option-2 .inner, .option-4 .inner {left: 3%;} @media (min-width: 900px) {.option-2 .inner {right: 3%;} .option-3 .inner {right: 3%; left: 3%;}} div[data-checked='false'] {opacity: .5; cursor: auto;} .check {background: #fff; position: absolute; top: 25%; left: 5%; height: 49%; width: 8%; border: .2em solid black;} .lt-ie9 .active:before {content: ''; position: absolute; left: 10%; bottom: -40%; background-image: url("//nascar.massrel.io/template-static-386b8de29d16d3fa840b1b71cdc99a3adefe5e0c/img/check.png"); background-repeat: no-repeat; height: 150%; width: 200%;} @media (min-width: 900px) {.lt-ie9 .active:before {left: 0; bottom: 0;}} .csstransforms .check:before, .csstransforms .check:after {content: ''; height: 40%; background: black; position: absolute; -webkit-transition: 0.12s; transition: 0.12s;} .csstransforms .check:before {width: 0; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); top: 20%; left: 7%; -webkit-transition-delay: 0.072s; transition-delay: 0.072s; -webkit-border-radius: .3em 0 0 .3em; border-radius: .3em 0 0 .3em;} .csstransforms .check:after {width: 0; top: 70%; left: 37%; -webkit-transform: rotate(-48.5deg); -ms-transform: rotate(-48.5deg); transform: rotate(-48.5deg); -webkit-border-radius: .3em .3em .3em 0; border-radius: .3em .3em .3em 0;} .csstransforms .active:before, .csstransforms .active:after {content: ''; -webkit-transition: 0.12s; transition: 0.12s;} .csstransforms .active:before {width: 80%; top: 45%; left: -4%;} .csstransforms .active:after {width: 150%; top: 15.5%; left: 17%; -webkit-transition-delay: 0.072s; transition-delay: 0.072s;} .cta-text {font-size: 2em; margin: 2% 0;} @media (max-width: 400px) {.cta-text {font-size: 1.5em;}} .result {width: 100%; display: none; overflow: hidden; -webkit-transition: 1s; transition: 1s;} .result img {margin-top: 5%; width: 100%; height: auto;} #tweetButton, #postButton {width: 48.5%; float: left;} @media (min-width: 900px) {#tweetButton, #postButton {width: 49.25%;}} #tweetButton {margin-right: 1.5%;} @media (min-width: 900px) {#tweetButton {margin-right: .75%;}} #postButton {margin-left: 1.5%;} @media (min-width: 900px) {#postButton {margin-left: .75%;}} .button.twitter, .button.facebook {margin: 0; font-size: 3.4em; font-family: Impact; text-transform: uppercase; width: 100%; text-align: center;} @media (max-width: 400px) {.button.twitter, .button.facebook {font-size: 2em;}}