@charset "UTF-8";
@font-face {
  font-family: 'ProximaNova';
  font-weight: normal;
  font-style: normal;
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/4e63ff234f064711bf191dcd886ba5a9-ProximaNova-Regular.eot);
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/4e63ff234f064711bf191dcd886ba5a9-ProximaNova-Regular.eot?#iefix) format("embedded-opentype"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/8e0d45b1c6f5818e79495439e4b0e776-ProximaNova-Regular.woff) format("woff"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/0bfcf39e823b4ec22d30b2ff60b74ddf-ProximaNova-Regular.ttf) format("truetype"); }
@font-face {
  font-family: 'ProximaNova';
  font-weight: bold;
  font-style: normal;
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/4ea58a6a548401ffd0ab3795cc5cbe7e-ProximaNova-Bold.eot);
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/4ea58a6a548401ffd0ab3795cc5cbe7e-ProximaNova-Bold.eot?#iefix) format("embedded-opentype"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/8e0d45b1c6f5818e79495439e4b0e776-ProximaNova-Bold.woff) format("woff"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/9bb0de33ce1dcc09d5fe50143688a786-ProximaNova-Bold.woff) format("truetype"); }
@font-face {
  font-family: 'ProximaNovaSemiBold';
  font-weight: normal;
  font-style: normal;
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/97129f2b2734201616a110509ee3de6c-ProximaNova-Semibold.eot);
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/97129f2b2734201616a110509ee3de6c-ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/0560fccd91306b86cd62b4e0fac47051-ProximaNova-Semibold.woff) format("woff"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/0c26c621d065c1ebd227e3f7ad3dc2a6-ProximaNova-Semibold.ttf) format("truetype"); }
@font-face {
  font-family: 'ProximaNovaExtraBold';
  font-weight: normal;
  font-style: normal;
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/3a0a31a6b109d5339f7c27bcc846f87d-ProximaNova-Extrabold.eot);
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/3a0a31a6b109d5339f7c27bcc846f87d-ProximaNova-Extrabold.eot?#iefix) format("embedded-opentype"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/3118d841831ff4d15b98927dc21a22e8-ProximaNova-Extrabold.woff) format("woff"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/c4f673fda67327e76f3c93f9a2d8f6fe-ProximaNova-Extrabold.ttf) format("truetype"); }
@font-face {
  font-family: 'ProximaNovaBlack';
  font-weight: normal;
  font-style: normal;
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/35b4ac5bac988be647f160ec07b34bba-ProximaNova-Black.eot);
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/35b4ac5bac988be647f160ec07b34bba-ProximaNova-Black.eot?#iefix) format("embedded-opentype"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/8b11c4e0e6b54105a39a5c2520dccf4d-ProximaNova-Black.woff) format("woff"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/4bd9b7d8e5f03bf92c6849bcb28a6164-ProximaNova-Black.ttf) format("truetype"); }
@font-face {
  font-family: 'ProximaNovaLight';
  font-weight: normal;
  font-style: normal;
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/a46061661ef437eb7923c098fdb04d-ProximaNova-Light);
  src: url(https://d290g5mn36mqgx.cloudfront.net/webfonts/90a46061661ef437eb7923c098fdb04d-ProximaNova-Light.eot?#iefix) format("embedded-opentype"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/fe70f484105cceb8aa39a02e3c6e0f64-ProximaNova-Light.woff) format("woff"), url(https://d290g5mn36mqgx.cloudfront.net/webfonts/dca86f0a575b57972ddaab6d2887011a-ProximaNova-Light.ttf) format("truetype"); }
@font-face {
  font-family: "Ploticons";
  src: url("https://plotagon-assets.s3.amazonaws.com/webfonts/ploticons.eot");
  src: url("https://plotagon-assets.s3.amazonaws.com/webfonts/ploticons.eot?#iefix") format("embedded-opentype"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/ploticons.woff") format("woff"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/ploticons.svg#Ploticons") format("svg");
  font-weight: normal;
  font-style: normal; }
html:hover [class^="plot-"] {
  -ms-zoom: 1; }
.plot-icon, .plot-icon.plot-standard,
[class^="plot-"]:before, [class*=" plot-"]:before,
[class^="plot-"].plot-standard:before, [class*=" plot-"].plot-standard:before,
[class^="plot-"].right:after, [class*=" plot-"].right:after,
[class^="plot-"].plot-standard.right:after, [class*=" plot-"].plot-standard.right:after {
  font-family: "Ploticons";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: sub;
  margin-right: 5px; }
[class^="plot-"].right:before,
[class*=" plot-"].right:before {
  display: none;
  content: ''; }
.plot-calendar:before, .plot-calendar.right:after {
  content: '\E001'; }
.plot-action:before, .plot-action.right:after {
  content: '\E002'; }
.plot-back:before, .plot-back.right:after {
  content: '\E003'; }
.plot-apple:before, .plot-apple.right:after {
  content: '\E004'; }
.plot-challenges:before, .plot-challenges.right:after {
  content: '\E005'; }
.plot-comment:before, .plot-comment.right:after {
  content: '\E006'; }
.plot-create:before, .plot-create.right:after {
  content: '\E007'; }
.plot-check:before, .plot-check.right:after {
  content: '\E008'; }
.plot-close:before, .plot-close.right:after {
  content: '\E009'; }
.plot-dialogue:before, .plot-dialogue.right:after {
  content: '\E010'; }
.plot-down:before, .plot-down.right:after {
  content: '\E011'; }
.plot-download:before, .plot-download.right:after {
  content: '\E012'; }
.plot-action:before, .plot-action.right:after {
  content: '\E013'; }
.plot-facebook:before, .plot-facebook.right:after {
  content: '\E014'; }
.plot-discover:before, .plot-discover.right:after {
  content: '\E015'; }
.plot-home:before, .plot-home.right:after {
  content: '\E016'; }
.plot-file:before, .plot-file.right:after {
  content: '\E017'; }
.plot-letter:before, .plot-letter.right:after {
  content: '\E018'; }
.plot-fullscreen:before, .plot-fullscreen.right:after {
  content: '\E019'; }
.plot-email:before, .plot-email.right:after {
  content: '\E020'; }
.plot-more:before, .plot-more.right:after {
  content: '\E021'; }
.plot-music:before, .plot-music.right:after {
  content: '\E022'; }
.plot-fullscreenexit:before, .plot-fullscreenexit.right:after {
  content: '\E023'; }
.plot-pause:before, .plot-pause.right:after {
  content: '\E024'; }
.plot-play:before, .plot-play.right:after {
  content: '\E025'; }
.plot-plus:before, .plot-plus.right:after {
  content: '\E026'; }
.plot-like:before, .plot-like.right:after {
  content: '\E027'; }
.plot-replot:before, .plot-replot.right:after {
  content: '\E028'; }
.plot-next:before, .plot-next.right:after {
  content: '\E029'; }
.plot-password:before, .plot-password.right:after {
  content: '\E030'; }
.plot-profile:before, .plot-profile.right:after {
  content: '\E031'; }
.plot-refresh:before, .plot-refresh.right:after {
  content: '\E032'; }
.plot-scene:before, .plot-scene.right:after {
  content: '\E033'; }
.plot-skipnext:before, .plot-skipnext.right:after {
  content: '\E034'; }
.plot-settings:before, .plot-settings.right:after {
  content: '\E035'; }
.plot-share:before, .plot-share.right:after {
  content: '\E036'; }
.plot-skiprev:before, .plot-skiprev.right:after {
  content: '\E037'; }
.plot-stop:before, .plot-stop.right:after {
  content: '\E038'; }
.plot-subtitles:before, .plot-subtitles.right:after {
  content: '\E039'; }
.plot-twitter:before, .plot-twitter.right:after {
  content: '\E040'; }
.plot-up:before, .plot-up.right:after {
  content: '\E041'; }
.plot-store:before, .plot-store.right:after {
  content: '\E042'; }
.plot-view:before, .plot-view.right:after {
  content: '\E043'; }
.plot-vimeo:before, .plot-vimeo.right:after {
  content: '\E044'; }
.plot-warning:before, .plot-warning.right:after {
  content: '\E045'; }
.plot-windows:before, .plot-windows.right:after {
  content: '\E046'; }
.plot-youtube:before, .plot-youtube.right:after {
  content: '\E047'; }
.plot-he:before, .plot-he.right:after {
  content: '\E048'; }
.plot-her:before, .plot-her.right:after {
  content: '\E049'; }
.plot-location:before, .plot-location.right:after {
  content: '\E050'; }
.plot-info:before, .plot-info.right:after {
  content: '\E051'; }
.plot-instagram:before, .plot-instagram.right:after {
  content: '\E052'; }
@font-face {
  font-family: "SSSocial";
  src: url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-social-regular.eot");
  src: url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-social-regular.woff") format("woff"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-social-regular.ttf") format("truetype"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-social-regular.svg#SSSocialRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
.ss-icon, .ss-icon.ss-social, .ss-icon.ss-social-circle,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"][class*=" ss-social"]:before, [class*=" ss-"][class*=" ss-social"]:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"][class*=" ss-social"].right:after, [class*=" ss-"][class*=" ss-social"].right:after {
  font-family: "SSSocial"; }
.ss-fb:before, .ss-fb.right:after {
  font-family: "SSSocial";
  content: '\F610'; }
@font-face {
  font-family: "SSStandard";
  src: url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-standard.eot");
  src: url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-standard.woff") format("woff"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-standard.ttf") format("truetype"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/ss-standard.svg#SSStandard") format("svg");
  font-weight: normal;
  font-style: normal; }
html:hover [class^="ss-"] {
  -ms-zoom: 1; }
.ss-icon, .ss-icon.ss-standard,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: bottom;
  margin-right: 5px; }
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: ''; }
.ss-grid:before, .ss-grid.right:after {
  content: '\E9A0'; }
.ss-list:before, .ss-list.right:after {
  content: '\ED50'; }
.ss-cursor:before, .ss-cursor.right:after {
  content: ''; }
.ss-crosshair:before, .ss-crosshair.right:after {
  content: '⌖'; }
.ss-search:before, .ss-search.right:after {
  content: '🔎'; }
.ss-zoomin:before, .ss-zoomin.right:after {
  content: ''; }
.ss-zoomout:before, .ss-zoomout.right:after {
  content: ''; }
.ss-view:before, .ss-view.right:after {
  content: '👀'; }
.ss-attach:before, .ss-attach.right:after {
  content: '📎'; }
.ss-link:before, .ss-link.right:after {
  content: '🔗'; }
.ss-move:before, .ss-move.right:after {
  content: ''; }
.ss-write:before, .ss-write.right:after {
  content: '✎'; }
.ss-writingdisabled:before, .ss-writingdisabled.right:after {
  content: ''; }
.ss-erase:before, .ss-erase.right:after {
  content: '✐'; }
.ss-compose:before, .ss-compose.right:after {
  content: '📝'; }
.ss-lock:before, .ss-lock.right:after {
  content: '🔒'; }
.ss-unlock:before, .ss-unlock.right:after {
  content: '🔓'; }
.ss-key:before, .ss-key.right:after {
  content: '🔑'; }
.ss-backspace:before, .ss-backspace.right:after {
  content: '⌫'; }
.ss-ban:before, .ss-ban.right:after {
  content: '🚫'; }
.ss-trash:before, .ss-trash.right:after {
  content: ''; }
.ss-target:before, .ss-target.right:after {
  content: '◎'; }
.ss-tag:before, .ss-tag.right:after {
  content: ''; }
.ss-bookmark:before, .ss-bookmark.right:after {
  content: '🔖'; }
.ss-flag:before, .ss-flag.right:after {
  content: '⚑'; }
.ss-like:before, .ss-like.right:after {
  content: '👍'; }
.ss-dislike:before, .ss-dislike.right:after {
  content: '👎'; }
.ss-heart:before, .ss-heart.right:after {
  content: '♥'; }
.ss-halfheart:before, .ss-halfheart.right:after {
  content: ''; }
.ss-star:before, .ss-star.right:after {
  content: '⋆'; }
.ss-halfstar:before, .ss-halfstar.right:after {
  content: ''; }
.ss-sample:before, .ss-sample.right:after {
  content: ''; }
.ss-crop:before, .ss-crop.right:after {
  content: ''; }
.ss-layers:before, .ss-layers.right:after {
  content: ''; }
.ss-fill:before, .ss-fill.right:after {
  content: ''; }
.ss-stroke:before, .ss-stroke.right:after {
  content: ''; }
.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }
.ss-phonedisabled:before, .ss-phonedisabled.right:after {
  content: ''; }
.ss-rss:before, .ss-rss.right:after {
  content: ''; }
.ss-facetime:before, .ss-facetime.right:after {
  content: ''; }
.ss-reply:before, .ss-reply.right:after {
  content: '↩'; }
.ss-send:before, .ss-send.right:after {
  content: ''; }
.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }
.ss-inbox:before, .ss-inbox.right:after {
  content: '📥'; }
.ss-chat:before, .ss-chat.right:after {
  content: '💬'; }
.ss-ellipsischat:before, .ss-ellipsischat.right:after {
  content: ''; }
.ss-ellipsis:before, .ss-ellipsis.right:after {
  content: '…'; }
.ss-user:before, .ss-user.right:after {
  content: '👤'; }
.ss-femaleuser:before, .ss-femaleuser.right:after {
  content: '👧'; }
.ss-users:before, .ss-users.right:after {
  content: '👥'; }
.ss-cart:before, .ss-cart.right:after {
  content: ''; }
.ss-creditcard:before, .ss-creditcard.right:after {
  content: '💳'; }
.ss-dollarsign:before, .ss-dollarsign.right:after {
  content: '💲'; }
.ss-barchart:before, .ss-barchart.right:after {
  content: '📊'; }
.ss-piechart:before, .ss-piechart.right:after {
  content: ''; }
.ss-box:before, .ss-box.right:after {
  content: '📦'; }
.ss-home:before, .ss-home.right:after {
  content: '⌂'; }
.ss-buildings:before, .ss-buildings.right:after {
  content: '🏢'; }
.ss-warehouse:before, .ss-warehouse.right:after {
  content: ''; }
.ss-globe:before, .ss-globe.right:after {
  content: '🌎'; }
.ss-navigate:before, .ss-navigate.right:after {
  content: ''; }
.ss-compass:before, .ss-compass.right:after {
  content: ''; }
.ss-signpost:before, .ss-signpost.right:after {
  content: ''; }
.ss-map:before, .ss-map.right:after {
  content: ''; }
.ss-location:before, .ss-location.right:after {
  content: ''; }
.ss-pin:before, .ss-pin.right:after {
  content: '📍'; }
.ss-database:before, .ss-database.right:after {
  content: ''; }
.ss-hdd:before, .ss-hdd.right:after {
  content: ''; }
.ss-music:before, .ss-music.right:after {
  content: '♫'; }
.ss-mic:before, .ss-mic.right:after {
  content: '🎤'; }
.ss-volume:before, .ss-volume.right:after {
  content: '🔈'; }
.ss-lowvolume:before, .ss-lowvolume.right:after {
  content: '🔉'; }
.ss-highvolume:before, .ss-highvolume.right:after {
  content: '🔊'; }
.ss-airplay:before, .ss-airplay.right:after {
  content: ''; }
.ss-camera:before, .ss-camera.right:after {
  content: '📷'; }
.ss-picture:before, .ss-picture.right:after {
  content: '🌄'; }
.ss-video:before, .ss-video.right:after {
  content: '📹'; }
.ss-play:before, .ss-play.right:after {
  content: '▶'; }
.ss-pause:before, .ss-pause.right:after {
  content: ''; }
.ss-stop:before, .ss-stop.right:after {
  content: '■'; }
.ss-record:before, .ss-record.right:after {
  content: '●'; }
.ss-rewind:before, .ss-rewind.right:after {
  content: '⏪'; }
.ss-fastforward:before, .ss-fastforward.right:after {
  content: '⏩'; }
.ss-skipback:before, .ss-skipback.right:after {
  content: '⏮'; }
.ss-skipforward:before, .ss-skipforward.right:after {
  content: '⏭'; }
.ss-eject:before, .ss-eject.right:after {
  content: '⏏'; }
.ss-repeat:before, .ss-repeat.right:after {
  content: '🔁'; }
.ss-replay:before, .ss-replay.right:after {
  content: '↺'; }
.ss-shuffle:before, .ss-shuffle.right:after {
  content: '🔀'; }
.ss-book:before, .ss-book.right:after {
  content: '📕'; }
.ss-openbook:before, .ss-openbook.right:after {
  content: '📖'; }
.ss-notebook:before, .ss-notebook.right:after {
  content: '📓'; }
.ss-newspaper:before, .ss-newspaper.right:after {
  content: '📰'; }
.ss-rows:before, .ss-rows.right:after {
  content: ''; }
.ss-columns:before, .ss-columns.right:after {
  content: ''; }
.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: ''; }
.ss-filter:before, .ss-filter.right:after {
  content: ''; }
.ss-desktop:before, .ss-desktop.right:after {
  content: '💻'; }
.ss-laptop:before, .ss-laptop.right:after {
  content: ''; }
.ss-tablet:before, .ss-tablet.right:after {
  content: ''; }
.ss-cell:before, .ss-cell.right:after {
  content: '📱'; }
.ss-battery:before, .ss-battery.right:after {
  content: '🔋'; }
.ss-highbattery:before, .ss-highbattery.right:after {
  content: ''; }
.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: ''; }
.ss-lowbattery:before, .ss-lowbattery.right:after {
  content: ''; }
.ss-emptybattery:before, .ss-emptybattery.right:after {
  content: ''; }
.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: '💡'; }
.ss-downloadcloud:before, .ss-downloadcloud.right:after {
  content: ''; }
.ss-download:before, .ss-download.right:after {
  content: ''; }
.ss-uploadcloud:before, .ss-uploadcloud.right:after {
  content: ''; }
.ss-upload:before, .ss-upload.right:after {
  content: ''; }
.ss-fork:before, .ss-fork.right:after {
  content: ''; }
.ss-merge:before, .ss-merge.right:after {
  content: ''; }
.ss-transfer:before, .ss-transfer.right:after {
  content: '⇆'; }
.ss-refresh:before, .ss-refresh.right:after {
  content: '↻'; }
.ss-sync:before, .ss-sync.right:after {
  content: ''; }
.ss-loading:before, .ss-loading.right:after {
  content: ''; }
.ss-wifi:before, .ss-wifi.right:after {
  content: ''; }
.ss-connection:before, .ss-connection.right:after {
  content: ''; }
.ss-file:before, .ss-file.right:after {
  content: '📄'; }
.ss-folder:before, .ss-folder.right:after {
  content: '📁'; }
.ss-quote:before, .ss-quote.right:after {
  content: '“'; }
.ss-text:before, .ss-text.right:after {
  content: ''; }
.ss-font:before, .ss-font.right:after {
  content: ''; }
.ss-print:before, .ss-print.right:after {
  content: '⎙'; }
.ss-fax:before, .ss-fax.right:after {
  content: '📠'; }
.ss-list:before, .ss-list.right:after {
  content: ''; }
.ss-layout:before, .ss-layout.right:after {
  content: ''; }
.ss-action:before, .ss-action.right:after {
  content: ''; }
.ss-redirect:before, .ss-redirect.right:after {
  content: '↪'; }
.ss-expand:before, .ss-expand.right:after {
  content: '⤢'; }
.ss-contract:before, .ss-contract.right:after {
  content: ''; }
.ss-help:before, .ss-help.right:after {
  content: '❓'; }
.ss-info:before, .ss-info.right:after {
  content: 'ℹ'; }
.ss-alert:before, .ss-alert.right:after {
  content: '⚠'; }
.ss-caution:before, .ss-caution.right:after {
  content: '⛔'; }
.ss-logout:before, .ss-logout.right:after {
  content: ''; }
.ss-plus:before, .ss-plus.right:after {
  content: '+'; }
.ss-hyphen:before, .ss-hyphen.right:after {
  content: '-'; }
.ss-check:before, .ss-check.right:after {
  content: '✓'; }
.ss-delete:before, .ss-delete.right:after {
  content: '␡'; }
.ss-settings:before, .ss-settings.right:after {
  content: '⚙'; }
.ss-dashboard:before, .ss-dashboard.right:after {
  content: ''; }
.ss-notifications:before, .ss-notifications.right:after {
  content: '🔔'; }
.ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after {
  content: '🔕'; }
.ss-clock:before, .ss-clock.right:after {
  content: '⏲'; }
.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: '⏱'; }
.ss-calendar:before, .ss-calendar.right:after {
  content: '📅'; }
.ss-addcalendar:before, .ss-addcalendar.right:after {
  content: ''; }
.ss-removecalendar:before, .ss-removecalendar.right:after {
  content: ''; }
.ss-checkcalendar:before, .ss-checkcalendar.right:after {
  content: ''; }
.ss-deletecalendar:before, .ss-deletecalendar.right:after {
  content: ''; }
.ss-briefcase:before, .ss-briefcase.right:after {
  content: '💼'; }
.ss-cloud:before, .ss-cloud.right:after {
  content: '☁'; }
.ss-droplet:before, .ss-droplet.right:after {
  content: '💧'; }
.ss-flask:before, .ss-flask.right:after {
  content: ''; }
.ss-up:before, .ss-up.right:after {
  content: '⬆'; }
.ss-upright:before, .ss-upright.right:after {
  content: '⬈'; }
.ss-right:before, .ss-right.right:after {
  content: '➡'; }
.ss-downright:before, .ss-downright.right:after {
  content: '⬊'; }
.ss-down:before, .ss-down.right:after {
  content: '⬇'; }
.ss-downleft:before, .ss-downleft.right:after {
  content: '⬋'; }
.ss-left:before, .ss-left.right:after {
  content: '⬅'; }
.ss-upleft:before, .ss-upleft.right:after {
  content: '⬉'; }
.ss-navigateup:before, .ss-navigateup.right:after {
  content: ''; }
.ss-navigateright:before, .ss-navigateright.right:after {
  content: '▻'; }
.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: ''; }
.ss-navigateleft:before, .ss-navigateleft.right:after {
  content: '◅'; }
.ss-directup:before, .ss-directup.right:after {
  content: '▴'; }
.ss-directright:before, .ss-directright.right:after {
  content: '▹'; }
.ss-dropdown:before, .ss-dropdown.right:after {
  content: '▾'; }
.ss-directleft:before, .ss-directleft.right:after {
  content: '◃'; }
.ss-retweet:before, .ss-retweet.right:after {
  content: ''; }
.ss-volumelow:before, .ss-volumelow.right:after {
  content: ''; }
.ss-volumehigh:before, .ss-volumehigh.right:after {
  content: ''; }
.ss-batteryhigh:before, .ss-batteryhigh.right:after {
  content: ''; }
.ss-batterymedium:before, .ss-batterymedium.right:after {
  content: ''; }
.ss-batterylow:before, .ss-batterylow.right:after {
  content: ''; }
.ss-batteryempty:before, .ss-batteryempty.right:after {
  content: ''; }
.ss-clouddownload:before, .ss-clouddownload.right:after {
  content: ''; }
.ss-cloudupload:before, .ss-cloudupload.right:after {
  content: ''; }
.ss-calendaradd:before, .ss-calendaradd.right:after {
  content: ''; }
.ss-calendarremove:before, .ss-calendarremove.right:after {
  content: ''; }
.ss-calendarcheck:before, .ss-calendarcheck.right:after {
  content: ''; }
.ss-calendardelete:before, .ss-calendardelete.right:after {
  content: ''; }
.ss-small:before {
  font-size: 0.7em;
  vertical-align: middle; }
@font-face {
  font-family: "courierp";
  src: url("https://plotagon-assets.s3.amazonaws.com/webfonts/courier_prime-webfont.eot");
  src: url("https://plotagon-assets.s3.amazonaws.com/webfonts/courier_prime-webfont.eot?#iefix") format("embedded-opentype"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/courier_prime-webfont.woff") format("woff"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/courier_prime-webfont.ttf") format("truetype"), url("https://plotagon-assets.s3.amazonaws.com/webfonts/courier_prime-webfont.svg#courier_primeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.group:after {
  content: "";
  display: table;
  clear: both; }
.white {
  background-color: #fff; }
.hidden {
  display: none; }
.active {
  display: block; }
.left {
  float: left; }
.right {
  float: right; }
.center {
  text-align: center; }
.cf:before, ul.movies:before, #browse-movies-sidebar .sidebar-toggle-links ul:before,
.cf:after,
ul.movies:after,
#browse-movies-sidebar .sidebar-toggle-links ul:after {
  content: " ";
  
  display: table;
   }
.cf:after, ul.movies:after, #browse-movies-sidebar .sidebar-toggle-links ul:after {
  clear: both; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,
.signup .validate-email-domain, 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; }
ul.bullets {
  list-style: disc;
  list-style-position: inside;
  margin: 10px 0 10px 10px; }
ol.bullets {
  list-style: decimal;
  list-style-position: outside;
  margin: 10px 0 10px 25px; }
blockquote, q {
  quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }
table {
  border-collapse: collapse;
  border-spacing: 0; }
img {
  max-width: 100%; }
small {
  font-size: 85%; }
.wrapper {
  
  padding: 0 20px;
  clear: both;
   }
  @media only screen and (max-width: 767px) {
    .wrapper {
      padding-left: 2.6595744680851064%;
      padding-right: 2.6595744680851064%; } }
.wrapper.helper .onecol,
.wrapper.helper .twocol,
.wrapper.helper .threecol,
.wrapper.helper .fourcol,
.wrapper.helper .fivecol,
.wrapper.helper .sixcol,
.wrapper.helper .sevencol,
.wrapper.helper .eightcol,
.wrapper.helper .ninecol,
.wrapper.helper .tencol,
.wrapper.helper .elevencol,
.wrapper.helper .twelvecol {
  background: rgba(255, 0, 0, 0.2); }
.row:before,
.row:after {
  content: "";
  display: table; }
.row:after {
  clear: both; }
.row {
  width: auto;
  max-width: 1060px;
  margin: 0 auto;
  zoom: 1; }
  @media only screen and (max-width: 767px) {
    .row {
      width: 100%;
      min-width: 0; } }
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .onecol,
    .twocol,
    .threecol,
    .fourcol,
    .fivecol,
    .sixcol,
    .sevencol,
    .eightcol,
    .ninecol,
    .tencol,
    .elevencol,
    .twelvecol {
      width: auto !important;
      float: none !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      clear: both; } }
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol {
  margin-left: 1.88679%;
  float: left; }
.onecol:first-child,
.twocol:first-child,
.threecol:first-child,
.fourcol:first-child,
.fivecol:first-child,
.sixcol:first-child,
.sevencol:first-child,
.eightcol:first-child,
.ninecol:first-child,
.tencol:first-child,
.elevencol:first-child {
  margin-left: 0;
  clear: left;
   }
.visually-first {
  margin-left: 0; }
.onecol {
  width: 6.60377%; }
.twocol {
  width: 15.09434%; }
.threecol {
  width: 23.58491%; }
.fourcol {
  width: 32.07547%; }
.fivecol {
  width: 40.56604%; }
.sixcol {
  width: 49.0566%; }
  .sixcol.single {
    width: 100%;
    max-width: 520px; }
    @media only screen and (max-width: 768px) {
      .sixcol.single {
        max-width: 40rem; } }
    @media only screen and (min-width: 668px) {
      .sixcol.single {
        max-width: 30.58824rem; } }
    @media only screen and (max-width: 767px) {
      .sixcol.single {
        max-width: none; } }
.sevencol {
  width: 57.54717%; }
.eightcol {
  width: 66.03774%; }
  .eightcol.single {
    width: 100%;
    max-width: 700px; }
    @media only screen and (max-width: 768px) {
      .eightcol.single {
        max-width: 53.84615rem; } }
    @media only screen and (min-width: 668px) {
      .eightcol.single {
        max-width: 41.17647rem; } }
    @media only screen and (max-width: 767px) {
      .eightcol.single {
        max-width: none; } }
.ninecol {
  width: 74.5283%; }
.tencol {
  width: 83.01887%; }
.elevencol {
  width: 91.50943%; }
.twelvecol {
  width: 100%; }
::selection {
  background: #98065e;
  color: #fff; }
::-moz-selection {
  background: #98065e;
  color: #fff; }
html {
  font-size: 13px; }
  @media only screen and (min-width: 668px) {
    html {
      font-size: 17px; } }
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "ProximaNova";
  color: #000;
  line-height: 1.5; }
h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-weight: bold; }
h1.type-larger {
  font-size: 48px; }
  @media only screen and (max-width: 768px) {
    h1.type-larger {
      font-size: 3.69231rem; } }
  @media only screen and (min-width: 668px) {
    h1.type-larger {
      font-size: 2.82353rem; } }
  @media only screen and (max-width: 767px) {
    h1.type-larger {
      font-size: 30px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    h1.type-larger {
      font-size: 2.30769rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    h1.type-larger {
      font-size: 1.76471rem; } }
h1 {
  font-size: 34px;
  text-rendering: optimizeLegibility;
  line-height: 1.2;
  padding-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    h1 {
      font-size: 2.61538rem; } }
  @media only screen and (min-width: 668px) {
    h1 {
      font-size: 2rem; } }
h1.type-super {
  font-family: ProximaNovaBlack, ProximaNova;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  color: #98065e;
  font-size: 45px; }
  @media only screen and (max-width: 768px) {
    h1.type-super {
      font-size: 3.46154rem; } }
  @media only screen and (min-width: 668px) {
    h1.type-super {
      font-size: 2.64706rem; } }
  @media only screen and (max-width: 767px) {
    h1.type-super {
      font-size: 30px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    h1.type-super {
      font-size: 2.30769rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    h1.type-super {
      font-size: 1.76471rem; } }
h1.type-super.orange {
  color: #ff6523; }
h2 {
  font-size: 30px; }
  @media only screen and (max-width: 768px) {
    h2 {
      font-size: 2.30769rem; } }
  @media only screen and (min-width: 668px) {
    h2 {
      font-size: 1.76471rem; } }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 25px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    h2 {
      font-size: 1.92308rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    h2 {
      font-size: 1.47059rem; } }
h2.type-super {
  font-family: ProximaNovaBlack, ProximaNova;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  color: #ff6523; }
h2.type-super.purple {
  color: #98065e; }
h3 {
  font-size: 20px;
  margin-bottom: 0.5em; }
  @media only screen and (max-width: 768px) {
    h3 {
      font-size: 1.53846rem; } }
  @media only screen and (min-width: 668px) {
    h3 {
      font-size: 1.17647rem; } }
h4 {
  font-size: 17px; }
  @media only screen and (max-width: 768px) {
    h4 {
      font-size: 1.30769rem; } }
  @media only screen and (min-width: 668px) {
    h4 {
      font-size: 1rem; } }
h5 {
  font-size: 15px; }
  @media only screen and (max-width: 768px) {
    h5 {
      font-size: 1.15385rem; } }
  @media only screen and (min-width: 668px) {
    h5 {
      font-size: 0.88235rem; } }
h6 {
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    h6 {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    h6 {
      font-size: 0.82353rem; } }
.content-header {
  overflow: hidden;
  margin-bottom: 15px; }
  .content-header h1,
  .content-header h2 {
    font-size: 20px;
    margin-right: 20px; }
    @media only screen and (max-width: 768px) {
      .content-header h1,
      .content-header h2 {
        font-size: 1.53846rem; } }
    @media only screen and (min-width: 668px) {
      .content-header h1,
      .content-header h2 {
        font-size: 1.17647rem; } }
  .content-header a, .content-header .signup .validate-email-domain, .signup .content-header .validate-email-domain {
    font-size: 15px;
    margin-top: 6px; }
    @media only screen and (max-width: 768px) {
      .content-header a, .content-header .signup .validate-email-domain, .signup .content-header .validate-email-domain {
        font-size: 1.15385rem; } }
    @media only screen and (min-width: 668px) {
      .content-header a, .content-header .signup .validate-email-domain, .signup .content-header .validate-email-domain {
        font-size: 0.88235rem; } }
  .content-header h1,
  .content-header h2,
  .content-header a,
  .content-header .signup .validate-email-domain,
  .signup .content-header .validate-email-domain {
    float: left; }
p {
  font-size: 13px;
  margin-bottom: 1em; }
  @media only screen and (max-width: 768px) {
    p {
      font-size: 1rem; } }
  @media only screen and (min-width: 668px) {
    p {
      font-size: 0.76471rem; } }
  @media only screen and (min-width: 668px) {
    p {
      font-size: 17px; } }
  @media only screen and (min-width: 668px) and (max-width: 768px) {
    p {
      font-size: 1.30769rem; } }
  @media only screen and (min-width: 668px) and (min-width: 668px) {
    p {
      font-size: 1rem; } }
.leading {
  font-size: 20px;
  color: #9e9e9e; }
  @media only screen and (max-width: 768px) {
    .leading {
      font-size: 1.53846rem; } }
  @media only screen and (min-width: 668px) {
    .leading {
      font-size: 1.17647rem; } }
.type-largelead {
  font-size: 28px; }
  @media only screen and (max-width: 768px) {
    .type-largelead {
      font-size: 2.15385rem; } }
  @media only screen and (min-width: 668px) {
    .type-largelead {
      font-size: 1.64706rem; } }
  @media only screen and (max-width: 767px) {
    .type-largelead {
      font-size: 17px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .type-largelead {
      font-size: 1.30769rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .type-largelead {
      font-size: 1rem; } }
p.secondary, ul.secondary {
  font-size: 15px;
  color: #757575; }
  @media only screen and (max-width: 768px) {
    p.secondary, ul.secondary {
      font-size: 1.15385rem; } }
  @media only screen and (min-width: 668px) {
    p.secondary, ul.secondary {
      font-size: 0.88235rem; } }
  p.secondary.red, ul.secondary.red {
    color: #f13636; }
.subheading {
  margin-top: -10px;
  color: #9e9e9e;
  font-size: 20px; }
  @media only screen and (max-width: 768px) {
    .subheading {
      font-size: 1.53846rem; } }
  @media only screen and (min-width: 668px) {
    .subheading {
      font-size: 1.17647rem; } }
  @media only screen and (max-width: 767px) {
    .subheading {
      font-size: 16px;
      margin-top: 0; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .subheading {
      font-size: 1.23077rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .subheading {
      font-size: 0.94118rem; } }
p.timeago {
  font-size: 15px;
  color: #757575; }
  @media only screen and (max-width: 767px) {
    p.timeago {
      font-size: 12px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    p.timeago {
      font-size: 0.92308rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    p.timeago {
      font-size: 0.70588rem; } }
  @media only screen and (max-width: 768px) {
    p.timeago {
      font-size: 1.15385rem; } }
  @media only screen and (min-width: 668px) {
    p.timeago {
      font-size: 0.88235rem; } }
strong,
b {
  font-weight: bold; }
abbr {
  cursor: help;
  border-bottom-color: #000;
  border-bottom-style: dotted;
  border-bottom-width: 1px; }
  abbr.type-invert {
    border-bottom-color: rgba(255, 255, 255, 0.4); }
a, .signup .validate-email-domain {
  color: #98065e;
  text-decoration: none;
  border-bottom: 1px solid transparent; }
a:hover, .signup .validate-email-domain:hover {
  color: #80054f;
  border-bottom: 1px solid #80054f; }
a.selected, .signup .selected.validate-email-domain {
  color: #2076d8;
  border-bottom: 1px solid #1d9fe5; }
a.secondary, .signup .secondary.validate-email-domain {
  color: #f13636; }
a.secondary:hover, .signup .secondary.validate-email-domain:hover {
  color: #b21013;
  border-bottom-color: #f13636; }
a.third, .signup .third.validate-email-domain {
  color: #9e9e9e; }
a.third:hover, .signup .third.validate-email-domain:hover {
  color: #616161;
  border-bottom-color: #9e9e9e; }
a.type-link-invert, .signup .type-link-invert.validate-email-domain {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
a.type-link-invert:hover, .signup .type-link-invert.validate-email-domain:hover {
  color: rgba(0, 0, 0, 0.4);
  border-bottom: none; }
.type-bright {
  color: #fff; }
  .type-bright h1, .type-bright h2, .type-bright h3 {
    color: #fff; }
  .type-bright.secondary {
    color: #fff; }
q {
  color: #98065e; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }
.btn, .movie-page-comment-button, .comment-btn, .like-btn,
.more-btn,
.follow-btn,
.sharing-btn {
  font-weight: bold;
  font-family: "ProximaNova";
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 13px 30px;
  border: none;
  cursor: pointer; }
  @media only screen and (max-width: 768px) {
    .btn, .movie-page-comment-button, .comment-btn, .like-btn,
    .more-btn,
    .follow-btn,
    .sharing-btn {
      font-size: 1.23077rem; } }
  @media only screen and (min-width: 668px) {
    .btn, .movie-page-comment-button, .comment-btn, .like-btn,
    .more-btn,
    .follow-btn,
    .sharing-btn {
      font-size: 0.94118rem; } }
  .btn:focus, .movie-page-comment-button:focus, .comment-btn:focus, .like-btn:focus,
  .more-btn:focus,
  .follow-btn:focus,
  .sharing-btn:focus {
    outline: 0; }
.btn {
  margin: 0 15px 18px 0;
  background-color: #ffc12f; }
  .btn:hover {
    border-bottom: 0;
    color: #fff; }
  .btn:focus {
    outline: 0; }
  .btn.right {
    margin: 0 0 18px 15px; }
  .btn.plot-refresh {
    padding-left: 16px; }
    .btn.plot-refresh.big {
      padding-left: 26px; }
input.btn[type=submit]:disabled,
button.btn:disabled,
button.btn:disabled:hover,
button.btn:disabled:active {
  background-color: #d9a427; }
.btn:hover {
  background-color: #d9a427; }
.btn:active {
  background-color: #d9a427; }
.btn.alt {
  background-color: #98065e; }
input.btn.alt[type=submit]:disabled,
button.btn.alt:disabled,
button.btn.alt:disabled:hover,
button.btn.alt:disabled:active {
  background-color: #98065e; }
.btn.alt:hover {
  background-color: #98065e; }
.btn.alt:active {
  background-color: #98065e; }
.btn.edu {
  background-color: #ff6523; }
  .btn.edu:hover {
    background-color: #d9561e; }
.btn.sec {
  color: #424242;
  background-color: #e0e0e0; }
input.btn.sec[type=submit]:disabled,
button.btn.sec:disabled,
button.btn.sec:disabled:hover,
button.btn.sec:disabled:active {
  background-color: #eeeeee;
  color: #424242; }
.btn.sec:hover {
  background-color: #9e9e9e;
  color: #424242; }
.btn.sec:active {
  background-color: #bdbdbd; }
.btn.third {
  color: white;
  background: rgba(255, 255, 255, 0.3); }
  .btn.third:hover {
    background: rgba(255, 255, 255, 0.2); }
.btn.social {
  margin: 0 15px 0 0;
  line-height: 17px;
  padding: 6px 15px;
  color: #ffc12f;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff; }
  .btn.social:hover {
    color: #ffc12f; }
.btn.buy {
  color: white;
  background: #73cc47; }
  .btn.buy:hover {
    color: white;
    background: #73cc47; }
.btn.invisible {
  background: none;
  color: #000; }
input[type=submit]:disabled,
button:disabled {
  cursor: default;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
.btn.mg20 {
  margin-top: 20px; }
.big {
  padding: 18px 30px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px; }
  @media only screen and (max-width: 768px) {
    .big {
      font-size: 1.38462rem; } }
  @media only screen and (min-width: 668px) {
    .big {
      font-size: 1.05882rem; } }
.full {
  width: 100%;
  display: block;
  padding-left: 0;
  padding-right: 0; }
.buttons {
  clear: both; }
  .buttons .btn:last-child {
    margin-right: 0; }
  .buttons.center {
    text-align: center; }
.movie-page-comment-button {
  font-size: 18px;
  margin: 30px auto 0 auto;
  color: #ffc12f;
  border: 2px solid #ffc12f;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 8px 20px;
  width: 100%;
  background-color: #fff; }
  @media only screen and (max-width: 768px) {
    .movie-page-comment-button {
      font-size: 1.38462rem; } }
  @media only screen and (min-width: 668px) {
    .movie-page-comment-button {
      font-size: 1.05882rem; } }
  .movie-page-comment-button:hover {
    color: #fff;
    background-color: #ffc12f;
    border: 2px solid #ffc12f; }
  .movie-page-comment-button:before {
    content: 'View '; }
  .movie-page-comment-button:after {
    font-family: SSStandard;
    content: " \25BE";
    font-size: 12px; }
    @media only screen and (max-width: 768px) {
      .movie-page-comment-button:after {
        font-size: 0.92308rem; } }
    @media only screen and (min-width: 668px) {
      .movie-page-comment-button:after {
        font-size: 0.70588rem; } }
  .movie-page-comment-button.toggler-active:before {
    content: 'Close '; }
  .movie-page-comment-button.toggler-active:after {
    font-family: SSStandard;
    content: " \25B4";
    font-size: 12px; }
    @media only screen and (max-width: 768px) {
      .movie-page-comment-button.toggler-active:after {
        font-size: 0.92308rem; } }
    @media only screen and (min-width: 668px) {
      .movie-page-comment-button.toggler-active:after {
        font-size: 0.70588rem; } }
.comment-btn {
  margin: 0 15px 18px 0;
  color: #ffc12f;
  background-color: #fff;
  border: 1px solid #ffc12f;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 8px 20px; }
  .comment-btn:hover {
    color: #fff;
    background-color: #ffc12f;
    border: 1px solid #ffc12f; }
.like-btn,
.more-btn,
.follow-btn,
.sharing-btn {
  margin: 0 15px 18px 0;
  color: #ffc12f;
  background-color: #fff;
  border: 1px solid #ffc12f;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 8px 20px; }
  .like-btn:hover, .like-btn.on,
  .more-btn:hover,
  .more-btn.on,
  .follow-btn:hover,
  .follow-btn.on,
  .sharing-btn:hover,
  .sharing-btn.on {
    color: #fff;
    background-color: #ffc12f;
    border: 1px solid #ffc12f; }
  .like-btn.on,
  .more-btn.on,
  .follow-btn.on,
  .sharing-btn.on {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .like-btn.big,
  .more-btn.big,
  .follow-btn.big,
  .sharing-btn.big {
    padding: 18px 30px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    @media only screen and (max-width: 768px) {
      .like-btn.big,
      .more-btn.big,
      .follow-btn.big,
      .sharing-btn.big {
        font-size: 1.38462rem; } }
    @media only screen and (min-width: 668px) {
      .like-btn.big,
      .more-btn.big,
      .follow-btn.big,
      .sharing-btn.big {
        font-size: 1.05882rem; } }
  .like-btn.liked, .like-btn.following,
  .more-btn.liked,
  .more-btn.following,
  .follow-btn.liked,
  .follow-btn.following,
  .sharing-btn.liked,
  .sharing-btn.following {
    color: #fff;
    background-color: #ffc12f; }
  .like-btn.liked:hover, .like-btn.following:hover,
  .more-btn.liked:hover,
  .more-btn.following:hover,
  .follow-btn.liked:hover,
  .follow-btn.following:hover,
  .sharing-btn.liked:hover,
  .sharing-btn.following:hover {
    color: #fafafa;
    background-color: #ffc12f; }
  .like-btn span:before,
  .more-btn span:before,
  .follow-btn span:before,
  .sharing-btn span:before {
    color: #fff; }
  .like-btn.plot-like, .like-btn.plot-profile, .like-btn.plot-check,
  .more-btn.plot-like,
  .more-btn.plot-profile,
  .more-btn.plot-check,
  .follow-btn.plot-like,
  .follow-btn.plot-profile,
  .follow-btn.plot-check,
  .sharing-btn.plot-like,
  .sharing-btn.plot-profile,
  .sharing-btn.plot-check {
    padding-left: 16px; }
    .like-btn.plot-like.big, .like-btn.plot-profile.big, .like-btn.plot-check.big,
    .more-btn.plot-like.big,
    .more-btn.plot-profile.big,
    .more-btn.plot-check.big,
    .follow-btn.plot-like.big,
    .follow-btn.plot-profile.big,
    .follow-btn.plot-check.big,
    .sharing-btn.plot-like.big,
    .sharing-btn.plot-profile.big,
    .sharing-btn.plot-check.big {
      padding-left: 26px; }
.more-btn.plot-more:before {
  margin-right: 0;
  top: 2px;
  position: relative; }
legend {
  font-weight: bold;
  color: #333;
  line-height: 1.75;
  display: block;
  width: 100%;
  border-bottom: 1px solid #B3B3B3;
  margin-bottom: 18px; }
fieldset {
  margin-bottom: 18px; }
.radiogroup {
  margin-bottom: 18px; }
  .radiogroup > .header {
    font-size: 14px;
    color: #757575; }
    @media only screen and (max-width: 768px) {
      .radiogroup > .header {
        font-size: 1.07692rem; } }
    @media only screen and (min-width: 668px) {
      .radiogroup > .header {
        font-size: 0.82353rem; } }
label {
  display: block;
  color: #757575;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold; }
  @media only screen and (max-width: 768px) {
    label {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    label {
      font-size: 0.82353rem; } }
  label span {
    font-weight: normal; }
input[type=text].form-full-size {
  max-width: 100%; }
input[type=text],
input[type=email],
input[type=password],
textarea {
  font-family: "ProximaNova";
  font-size: 14px;
  color: #757575;
  border: 1px solid #e0e0e0;
  margin-top: 5px;
  -moz-border-radius: 3px / 3px;
  -webkit-border-radius: 3px 3px;
  border-radius: 3px / 3px;
  margin-bottom: 5px;
  padding: 8px;
  outline: none;
  -webkit-appearance: none;
  -webkit-outline: none;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    input[type=text],
    input[type=email],
    input[type=password],
    textarea {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    input[type=text],
    input[type=email],
    input[type=password],
    textarea {
      font-size: 0.82353rem; } }
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=password]:focus,
  textarea:focus {
    border-color: #b3b3b3; }
input[type=text],
input[type=email],
input[type=password] {
  max-width: 300px; }
  @media only screen and (max-width: 767px) {
    input[type=text],
    input[type=email],
    input[type=password] {
      max-width: none; } }
input[type=file] {
  margin: 5px 0; }
input[required],
select[required],
textarea[required] {
  box-shadow: none; }
input.inline {
  display: inline;
  width: auto; }
input.medium {
  max-width: 200px; }
input.small {
  max-width: 120px; }
.input-prefix {
  line-height: 46px;
  float: left;
  color: #81787D;
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .input-prefix {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    .input-prefix {
      font-size: 0.82353rem; } }
textarea {
  min-height: 80px; }
.group {
  margin-top: 10px; }
  .group:first-child {
    margin-top: 0px; }
label.checkbox,
label.radio {
  margin-right: 10px;
  display: inline;
  font-weight: normal; }
  label.checkbox input,
  label.radio input {
    display: inline;
    width: auto;
    margin-bottom: 0;
    cursor: pointer; }
.block label.checkbox,
.block label.radio {
  display: block; }
select {
  font-family: "ProximaNova";
  font-size: 14px;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  padding: 4px 6px;
  height: 30px;
  line-height: 1.75;
  min-width: 200px;
  margin: 5px 0 0 0; }
  @media only screen and (max-width: 768px) {
    select {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    select {
      font-size: 0.82353rem; } }
form .msg {
  font-size: 14px;
  color: #757575;
  line-height: 1.5;
  display: block; }
  @media only screen and (max-width: 768px) {
    form .msg {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    form .msg {
      font-size: 0.82353rem; } }
  form .msg.error {
    color: #f13636; }
  form .msg.right {
    margin-top: 7px; }
    @media only screen and (max-width: 767px) {
      form .msg.right {
        float: none; } }
.error input[type=text],
.error input[type=email],
.error input[type=password],
.error textarea,
.success input[type=text],
.success input[type=email],
.success input[type=password],
.success textarea {
  border-color: #f13636;
  border-width: 1px; }
.error .msg,
.success .msg {
  color: #f13636; }
  .error .msg:before,
  .success .msg:before {
    content: "⚠";
    font-family: "SSStandard";
    margin-right: 5px;
    vertical-align: middle; }
.success input[type=text],
.success input[type=email],
.success input[type=password],
.success textarea {
  border-color: #73cc47; }
.success .msg {
  color: #73cc47; }
  .success .msg:before {
    content: "✓"; }
.inline .group {
  float: left;
  margin-bottom: 0;
  margin-right: 9px; }
.inline label,
.inline .group,
.inline input[type=text],
.inline input[type=email] {
  display: inline; }
.inline input[type=text],
.inline input[type=email] {
  width: auto;
  margin-top: 0;
  margin-bottom: 0; }
.inline button[type=submit] {
  margin-bottom: 0; }
::-webkit-input-placeholder {
  color: #9e9e9e; }
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #9e9e9e; }
::-moz-placeholder {
  color: #9e9e9e; }
:-ms-input-placeholder {
  color: #9e9e9e; }
.slug-wrapper {
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .slug-wrapper {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    .slug-wrapper {
      font-size: 0.82353rem; } }
  .slug-wrapper input {
    vertical-align: center; }
.secure-box {
  border: 1px solid #eeeeee;
  padding: 10px 15px 15px 15px;
  margin-bottom: 1em;
  position: relative; }
  .secure-box.list {
    border: none;
    padding: 0;
    margin: 0; }
    .secure-box.list ul li {
      display: inline-block; }
      .secure-box.list ul li img {
        max-width: 60%; }
  .secure-box .field, .secure-box .field-small {
    margin-right: 30px;
    margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .secure-box .field, .secure-box .field-small {
        height: auto;
        width: 100%; } }
  .secure-box .field-small {
    height: auto; }
  .secure-box .card-number {
    width: 250px; }
  .secure-box .msg-below {
    font-size: 14px; }
    @media only screen and (max-width: 768px) {
      .secure-box .msg-below {
        font-size: 1.07692rem; } }
    @media only screen and (min-width: 668px) {
      .secure-box .msg-below {
        font-size: 0.82353rem; } }
    .secure-box .msg-below img {
      margin-right: 10px;
      margin-bottom: -1px; }
      .secure-box .msg-below img:first-child {
        margin-left: 10px; }
      .secure-box .msg-below img:last-child {
        margin-right: 0; }
  .secure-box .card-month {
    min-width: 40px; }
  .secure-box .card-year {
    min-width: 40px; }
  .secure-box .card-cvv {
    width: 100px; }
  .secure-box .card-country {
    width: 250px; }
.card-action {
  clear: both; }
  .card-action .btn {
    margin: 10px 0; }
.signup .secondary {
  margin-top: 20px;
  border-top: 1px solid #eeeeee;
  padding-top: 20px; }
.signup .validate-email-domain {
  cursor: pointer;
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .signup .validate-email-domain {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    .signup .validate-email-domain {
      font-size: 0.82353rem; } }
.invoice-tally {
  border-top: 1px solid #eeeeee;
  padding-top: 10px;
  min-height: 50px; }
.invoice-total {
  border-top: 1px solid #eeeeee;
  padding-top: 10px; }
.invoice-tally ul li,
.invoice-total li {
  font-size: 15px; }
  @media only screen and (max-width: 768px) {
    .invoice-tally ul li,
    .invoice-total li {
      font-size: 1.15385rem; } }
  @media only screen and (min-width: 668px) {
    .invoice-tally ul li,
    .invoice-total li {
      font-size: 0.88235rem; } }
  .invoice-tally ul li .remove,
  .invoice-total li .remove {
    color: #f13636;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px; }
    @media only screen and (max-width: 768px) {
      .invoice-tally ul li .remove,
      .invoice-total li .remove {
        font-size: 0.92308rem; } }
    @media only screen and (min-width: 668px) {
      .invoice-tally ul li .remove,
      .invoice-total li .remove {
        font-size: 0.70588rem; } }
  .invoice-tally ul li p,
  .invoice-total li p {
    font-size: 15px;
    float: right;
    margin: 0;
    font-weight: bold; }
    @media only screen and (max-width: 768px) {
      .invoice-tally ul li p,
      .invoice-total li p {
        font-size: 1.15385rem; } }
    @media only screen and (min-width: 668px) {
      .invoice-tally ul li p,
      .invoice-total li p {
        font-size: 0.88235rem; } }
ul.block-list {
  list-style: none;
  margin: 0;
  padding: 40px 0 0 0;
  overflow: hidden; }
  ul.block-list li {
    text-align: center;
    margin-bottom: 40px; }
    ul.block-list li img {
      margin: 0 auto 15px;
      display: block; }
    ul.block-list li .name {
      font-size: 17px;
      font-weight: normal;
      color: #4d424a; }
    ul.block-list li .title {
      font-size: 14px;
      font-weight: normal;
      margin: 0;
      color: #81787d; }
    ul.block-list li .desc {
      font-size: 14px;
      margin: 0; }
  ul.block-list li:nth-child(4n+1) {
    margin-left: 0;
    clear: left; }
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }
.select2-results {
  display: block; }
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }
.select2-container--open .select2-dropdown {
  left: 0; }
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0; }
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
  padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }
#header {
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }
  #header a, #header .signup .validate-email-domain, .signup #header .validate-email-domain {
    border-bottom: none; }
    #header a:hover, #header .signup .validate-email-domain:hover, .signup #header .validate-email-domain:hover {
      border-bottom: none; }
  #header #header-bg {
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 2px solid #eeeeee;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -10; }
  #header a.logo, #header .signup .logo.validate-email-domain, .signup #header .logo.validate-email-domain {
    display: inline-block; }
    #header a.logo img, #header .signup .logo.validate-email-domain img, .signup #header .logo.validate-email-domain img {
      width: 40px;
      height: 70px;
      display: inline-block;
      vertical-align: top; }
    #header a.logo svg, #header .signup .logo.validate-email-domain svg, .signup #header .logo.validate-email-domain svg {
      display: inline-block;
      height: 70px;
      vertical-align: top; }
      #header a.logo svg path, #header .signup .logo.validate-email-domain svg path, .signup #header .logo.validate-email-domain svg path {
        fill: #98065e; }
    #header a.logo h1, #header .signup .logo.validate-email-domain h1, .signup #header .logo.validate-email-domain h1 {
      display: inline-block;
      font-size: 24px;
      font-weight: bold;
      color: #98065e;
      font-family: "ProximaNova";
      line-height: 70px;
      margin-bottom: 0;
      margin-left: 10px; }
      @media only screen and (max-width: 768px) {
        #header a.logo h1, #header .signup .logo.validate-email-domain h1, .signup #header .logo.validate-email-domain h1 {
          font-size: 1.84615rem; } }
      @media only screen and (min-width: 668px) {
        #header a.logo h1, #header .signup .logo.validate-email-domain h1, .signup #header .logo.validate-email-domain h1 {
          font-size: 1.41176rem; } }
      @media only screen and (max-width: 767px) {
        #header a.logo h1, #header .signup .logo.validate-email-domain h1, .signup #header .logo.validate-email-domain h1 {
          display: none; } }
  #header nav {
    float: right;
    list-style-type: none;
    line-height: 70px; }
    #header nav ul li {
      display: inline-block; }
      #header nav ul li a, #header nav ul li .signup .validate-email-domain, .signup #header nav ul li .validate-email-domain,
      #header nav ul li span {
        color: #98065e;
        font-weight: bold;
        font-size: 21px;
        margin-left: 20px;
        cursor: pointer; }
        @media only screen and (max-width: 768px) {
          #header nav ul li a, #header nav ul li .signup .validate-email-domain, .signup #header nav ul li .validate-email-domain,
          #header nav ul li span {
            font-size: 1.61538rem; } }
        @media only screen and (min-width: 668px) {
          #header nav ul li a, #header nav ul li .signup .validate-email-domain, .signup #header nav ul li .validate-email-domain,
          #header nav ul li span {
            font-size: 1.23529rem; } }
        #header nav ul li a:hover, #header nav ul li .signup .validate-email-domain:hover, .signup #header nav ul li .validate-email-domain:hover,
        #header nav ul li span:hover {
          color: #80054f;
          border-bottom: none; }
    @media only screen and (max-width: 767px) {
      #header nav#nav-desktop {
        display: none; } }
#mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(152, 6, 94, 0.9);
  z-index: 500;
  overflow-y: hidden;
  padding: 15px; }
  #mobile-menu #mobile-menu-close {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    display: block;
    text-align: right;
    cursor: pointer; }
    @media only screen and (max-width: 768px) {
      #mobile-menu #mobile-menu-close {
        font-size: 2.46154rem; } }
    @media only screen and (min-width: 668px) {
      #mobile-menu #mobile-menu-close {
        font-size: 1.88235rem; } }
  #mobile-menu nav {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    #mobile-menu nav ul li {
      margin-bottom: 30px;
      text-align: center; }
      #mobile-menu nav ul li a, #mobile-menu nav ul li .signup .validate-email-domain, .signup #mobile-menu nav ul li .validate-email-domain {
        color: #fff;
        font-size: 26px;
        text-align: center;
        font-weight: bold;
        border-bottom: none; }
        @media only screen and (max-width: 768px) {
          #mobile-menu nav ul li a, #mobile-menu nav ul li .signup .validate-email-domain, .signup #mobile-menu nav ul li .validate-email-domain {
            font-size: 2rem; } }
        @media only screen and (min-width: 668px) {
          #mobile-menu nav ul li a, #mobile-menu nav ul li .signup .validate-email-domain, .signup #mobile-menu nav ul li .validate-email-domain {
            font-size: 1.52941rem; } }
.mobile-menu-body-lock {
  overflow: hidden; }
#footer {
  margin: 80px 0 60px 0;
  padding: 0;
  text-align: center;
  font-size: 15px;
  line-height: 2em; }
  @media only screen and (max-width: 768px) {
    #footer {
      font-size: 1.15385rem; } }
  @media only screen and (min-width: 668px) {
    #footer {
      font-size: 0.88235rem; } }
  #footer ul li {
    margin: 0 .5em;
    display: inline-block; }
    #footer ul li a, #footer ul li .signup .validate-email-domain, .signup #footer ul li .validate-email-domain {
      font-weight: bold;
      letter-spacing: 0.2px;
      text-rendering: optimizeLegibility;
      color: rgba(0, 0, 0, 0.5);
      border-bottom: none; }
      #footer ul li a:hover, #footer ul li .signup .validate-email-domain:hover, .signup #footer ul li .validate-email-domain:hover {
        color: black;
        border-bottom: 1px solid black; }
  #footer ul li:last-child {
    margin-right: 0; }
  #footer ul.social {
    margin-top: 1em; }
    #footer ul.social li a, #footer ul.social li .signup .validate-email-domain, .signup #footer ul.social li .validate-email-domain {
      font-size: 1.8em;
      border-bottom: none; }
      #footer ul.social li a:before, #footer ul.social li .signup .validate-email-domain:before, .signup #footer ul.social li .validate-email-domain:before {
        margin: 0; }
.avatar {
  float: left;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  margin-right: 20px; }
.movie-author .avatar {
  height: 30px;
  width: 30px;
  margin-right: 5px; }
.profile-page-header .avatar {
  width: 110px;
  height: 110px; }
  @media only screen and (max-width: 767px) {
    .profile-page-header .avatar {
      width: 100px;
      height: 100px; } }
@media only screen and (max-width: 767px) {
  .movie-page .avatar {
    width: 44px;
    height: 44px; } }
@media only screen and (max-width: 767px) {
  .movie-page .movie-comment .avatar {
    margin-bottom: 10px; } }
#header .avatar {
  float: none;
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  margin-right: 0;
  vertical-align: middle; }
.movie-container {
  margin: 0 auto 20px auto;
  background: #fff; }
  @media only screen and (max-width: 767px) {
    .movie-container {
      max-width: none;
      margin-left: -2.8%;
      margin-right: -2.8%;
      padding: 10px; } }
  .movie-container a:hover .play-btn, .movie-container .signup .validate-email-domain:hover .play-btn, .signup .movie-container .validate-email-domain:hover .play-btn {
    opacity: 1; }
  .movie-container .movie-header {
    overflow: hidden; }
    .movie-container .movie-header .movie-header-user {
      float: left;
      overflow: hidden;
      width: calc(60% - 30px);
      padding: 15px;
      clear: both; }
      .movie-container .movie-header .movie-header-user .fullname {
        font-weight: bold;
        line-height: 22px; }
      .movie-container .movie-header .movie-header-user .username {
        line-height: 22px;
        color: #9e9e9e; }
      .movie-container .movie-header .movie-header-user .timeago {
        line-height: 22px;
        color: #9e9e9e; }
        @media only screen and (max-width: 767px) {
          .movie-container .movie-header .movie-header-user .timeago {
            font-size: 12px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .movie-container .movie-header .movie-header-user .timeago {
      font-size: 0.92308rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .movie-container .movie-header .movie-header-user .timeago {
      font-size: 0.70588rem; } }
      .movie-container .movie-header .movie-header-user .plot-view {
        line-height: 22px;
        color: #9e9e9e; }
        @media only screen and (max-width: 767px) {
          .movie-container .movie-header .movie-header-user .plot-view {
            font-size: 12px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .movie-container .movie-header .movie-header-user .plot-view {
      font-size: 0.92308rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .movie-container .movie-header .movie-header-user .plot-view {
      font-size: 0.70588rem; } }
    .movie-container .movie-header .movie-header-meta {
      clear: none;
      float: right;
      width: calc(40% - 30px);
      padding: 15px;
      text-align: right; }
      .movie-container .movie-header .movie-header-meta li {
        line-height: 24px;
        display: inline-block;
        color: #574b54;
        color: #9e9e9e;
        margin-left: 10px; }
        .movie-container .movie-header .movie-header-meta li:first-child {
          margin-left: 0; }
  .movie-container .movie-content {
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    cursor: pointer; }
    .movie-container .movie-content img {
      display: block; }
    .movie-container .movie-content iframe {
      position: absolute;
      top: 0;
      left: 0; }
    .movie-container .movie-content .timelong {
      position: absolute;
      bottom: 4px;
      right: 4px;
      font-size: 14px;
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff;
      padding: 0 4px; }
      @media only screen and (max-width: 768px) {
        .movie-container .movie-content .timelong {
          font-size: 1.07692rem; } }
      @media only screen and (min-width: 668px) {
        .movie-container .movie-content .timelong {
          font-size: 0.82353rem; } }
  .movie-container .player-staffpick-badge {
    background-color: #98065e;
    color: #fff;
    padding: 0 0.5em;
    margin-bottom: .5em;
    font-weight: bold;
    line-height: 1.8em;
    height: 1.8em;
    font-size: 20px;
    z-index: 10;
    position: absolute;
    top: 10px;
    left: 10px; }
    @media only screen and (max-width: 768px) {
      .movie-container .player-staffpick-badge {
        font-size: 1.53846rem; } }
    @media only screen and (min-width: 668px) {
      .movie-container .player-staffpick-badge {
        font-size: 1.17647rem; } }
    @media only screen and (max-width: 667px) {
      .movie-container .player-staffpick-badge {
        top: 10px;
        left: 10px;
        font-size: 14px; } }
  @media only screen and (max-width: 667px) and (max-width: 768px) {
    .movie-container .player-staffpick-badge {
      font-size: 1.07692rem; } }
  @media only screen and (max-width: 667px) and (min-width: 668px) {
    .movie-container .player-staffpick-badge {
      font-size: 0.82353rem; } }
  .movie-container #player-metabar {
    position: absolute;
    top: 45px;
    left: 0;
    padding: 10px;
    z-index: 7; }
    @media only screen and (max-width: 767px) {
      .movie-container #player-metabar {
        top: 30px; } }
    .movie-container #player-metabar .player-metabox {
      margin: 0 0 .5em;
      padding: 0 5px 2px 5px;
      max-width: 4em;
      text-align: center;
      background: rgba(0, 0, 0, 0.7);
      border-radius: .5em; }
      @media only screen and (max-width: 667px) {
        .movie-container #player-metabar .player-metabox {
          padding-bottom: 0;
          max-width: none;
          text-align: left; } }
      .movie-container #player-metabar .player-metabox .plot-like,
      .movie-container #player-metabar .player-metabox .plot-view {
        display: block;
        font-size: 35px;
        margin: 0 auto -5px 6px;
        text-align: center;
        color: #9e9e9e; }
        @media only screen and (max-width: 768px) {
          .movie-container #player-metabar .player-metabox .plot-like,
          .movie-container #player-metabar .player-metabox .plot-view {
            font-size: 2.69231rem; } }
        @media only screen and (min-width: 668px) {
          .movie-container #player-metabar .player-metabox .plot-like,
          .movie-container #player-metabar .player-metabox .plot-view {
            font-size: 2.05882rem; } }
        @media only screen and (max-width: 667px) {
          .movie-container #player-metabar .player-metabox .plot-like,
          .movie-container #player-metabar .player-metabox .plot-view {
            font-size: 25px;
            display: initial;
            margin: 0 auto; } }
  @media only screen and (max-width: 667px) and (max-width: 768px) {
    .movie-container #player-metabar .player-metabox .plot-like,
    .movie-container #player-metabar .player-metabox .plot-view {
      font-size: 1.92308rem; } }
  @media only screen and (max-width: 667px) and (min-width: 668px) {
    .movie-container #player-metabar .player-metabox .plot-like,
    .movie-container #player-metabar .player-metabox .plot-view {
      font-size: 1.47059rem; } }
      .movie-container #player-metabar .player-metabox .player-metabox-text {
        font-family: ProximaNovaExtraBold;
        font-size: 18px;
        font-weight: bold;
        color: #9e9e9e; }
        @media only screen and (max-width: 768px) {
          .movie-container #player-metabar .player-metabox .player-metabox-text {
            font-size: 1.38462rem; } }
        @media only screen and (min-width: 668px) {
          .movie-container #player-metabar .player-metabox .player-metabox-text {
            font-size: 1.05882rem; } }
        @media only screen and (max-width: 667px) {
          .movie-container #player-metabar .player-metabox .player-metabox-text {
            font-size: 16px; } }
  @media only screen and (max-width: 667px) and (max-width: 768px) {
    .movie-container #player-metabar .player-metabox .player-metabox-text {
      font-size: 1.23077rem; } }
  @media only screen and (max-width: 667px) and (min-width: 668px) {
    .movie-container #player-metabar .player-metabox .player-metabox-text {
      font-size: 0.94118rem; } }
  .movie-container .player-logo {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 12px; }
    .movie-container .player-logo img {
      width: 125px;
      opacity: 0.6; }
    .movie-container .player-logo:hover {
      border-bottom: none; }
      .movie-container .player-logo:hover img {
        opacity: 1; }
  .movie-container .staffpick-badge {
    display: block;
    position: absolute;
    top: 1%;
    left: 0.7%;
    font-size: 18px;
    line-height: 1.8em;
    height: 1.8em;
    background-color: #98065e;
    color: #fff;
    padding: 0 0.5em;
    font-weight: bold;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .movie-container .staffpick-badge {
        font-size: 1.38462rem; } }
    @media only screen and (min-width: 668px) {
      .movie-container .staffpick-badge {
        font-size: 1.05882rem; } }
  .movie-container .videocontent .staffpick-badge {
    font-size: 20px; }
    @media only screen and (max-width: 768px) {
      .movie-container .videocontent .staffpick-badge {
        font-size: 1.53846rem; } }
    @media only screen and (min-width: 668px) {
      .movie-container .videocontent .staffpick-badge {
        font-size: 1.17647rem; } }
    @media only screen and (max-width: 768px) {
      .movie-container .videocontent .staffpick-badge {
        font-size: 14px; } }
  @media only screen and (max-width: 768px) and (max-width: 768px) {
    .movie-container .videocontent .staffpick-badge {
      font-size: 1.07692rem; } }
  @media only screen and (max-width: 768px) and (min-width: 668px) {
    .movie-container .videocontent .staffpick-badge {
      font-size: 0.82353rem; } }
  .movie-container .likes-badge {
    display: block;
    position: absolute;
    top: 2%;
    left: 0.7%;
    font-size: 14px;
    line-height: 1.8em;
    height: 1.8em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    color: #fff;
    padding: 0 0.5em;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 1; }
    @media only screen and (max-width: 768px) {
      .movie-container .likes-badge {
        font-size: 1.07692rem; } }
    @media only screen and (min-width: 668px) {
      .movie-container .likes-badge {
        font-size: 0.82353rem; } }
  .movie-container .movie-buttons {
    padding: 15px 15px 0 15px;
    border-top: 1px solid #E5E5E5; }
    .movie-container .movie-buttons > div {
      display: inline-block; }
    .movie-container .movie-buttons .more-container {
      display: inline-block;
      position: relative; }
      .movie-container .movie-buttons .more-container ul.dropdown {
        position: absolute;
        background: #fff;
        border: 1px solid #ffc12f;
        height: auto;
        width: auto;
        min-width: 230px;
        top: calc(100% - 19px);
        left: 0;
        margin: 0;
        padding: 0;
        z-index: 100;
        -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }
        .movie-container .movie-buttons .more-container ul.dropdown li a, .movie-container .movie-buttons .more-container ul.dropdown li .signup .validate-email-domain, .signup .movie-container .movie-buttons .more-container ul.dropdown li .validate-email-domain {
          padding: 5px 15px;
          display: block; }
          .movie-container .movie-buttons .more-container ul.dropdown li a:hover, .movie-container .movie-buttons .more-container ul.dropdown li .signup .validate-email-domain:hover, .signup .movie-container .movie-buttons .more-container ul.dropdown li .validate-email-domain:hover {
            border: none;
            color: #fff;
            background: #ffc12f;
            color: #424242;
            background-color: #e0e0e0;
            cursor: pointer; }
  .movie-container .movie-social-meta {
    margin-top: 5px; }
    .movie-container .movie-social-meta ul li {
      line-height: 24px;
      display: inline-block;
      font-size: 12px;
      color: #000;
      margin-right: 10px;
      font-weight: bold; }
      @media only screen and (max-width: 768px) {
        .movie-container .movie-social-meta ul li {
          font-size: 0.92308rem; } }
      @media only screen and (min-width: 668px) {
        .movie-container .movie-social-meta ul li {
          font-size: 0.70588rem; } }
      .movie-container .movie-social-meta ul li .plot-like,
      .movie-container .movie-social-meta ul li .plot-view,
      .movie-container .movie-social-meta ul li .plot-dialogue {
        border-radius: 50%;
        padding: 5px;
        margin-right: 5px; }
        .movie-container .movie-social-meta ul li .plot-like:before,
        .movie-container .movie-social-meta ul li .plot-view:before,
        .movie-container .movie-social-meta ul li .plot-dialogue:before {
          color: #fff;
          margin: 0; }
      .movie-container .movie-social-meta ul li .plot-like {
        background-color: #f13636; }
      .movie-container .movie-social-meta ul li .plot-view {
        background-color: #98065e; }
      .movie-container .movie-social-meta ul li .plot-dialogue {
        background-color: #15a8b2; }
  .movie-container .movie-author {
    padding: 8px 0 8px 0;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      .movie-container .movie-author {
        font-size: 1.23077rem; } }
    @media only screen and (min-width: 668px) {
      .movie-container .movie-author {
        font-size: 0.94118rem; } }
    .movie-container .movie-author span {
      display: inline-block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: calc(80% - 15px); }
    .movie-container .movie-author .username {
      color: #000;
      font-weight: bold;
      vertical-align: text-bottom; }
      .movie-container .movie-author .username a, .movie-container .movie-author .username .signup .validate-email-domain, .signup .movie-container .movie-author .username .validate-email-domain {
        color: #000; }
        .movie-container .movie-author .username a:hover, .movie-container .movie-author .username .signup .validate-email-domain:hover, .signup .movie-container .movie-author .username .validate-email-domain:hover {
          color: rgba(0, 0, 0, 0.5);
          border-color: rgba(0, 0, 0, 0.5); }
  .movie-container.list .movie-meta, .movie-container.profile .movie-meta {
    overflow: hidden;
    height: 38px;
    position: relative; }
    .movie-container.list .movie-meta div, .movie-container.profile .movie-meta div {
      font-size: 16px;
      line-height: 21px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
      @media only screen and (max-width: 768px) {
        .movie-container.list .movie-meta div, .movie-container.profile .movie-meta div {
          font-size: 1.23077rem; } }
      @media only screen and (min-width: 668px) {
        .movie-container.list .movie-meta div, .movie-container.profile .movie-meta div {
          font-size: 0.94118rem; } }
    .movie-container.list .movie-meta a .meta-more, .movie-container.list .movie-meta .signup .validate-email-domain .meta-more, .signup .movie-container.list .movie-meta .validate-email-domain .meta-more, .movie-container.profile .movie-meta a .meta-more, .movie-container.profile .movie-meta .signup .validate-email-domain .meta-more, .signup .movie-container.profile .movie-meta .validate-email-domain .meta-more {
      position: absolute;
      bottom: -5px;
      right: 5px;
      color: #fff;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 60%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, white));
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 60%);
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 60%);
      background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 60%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
      padding-left: 70px; }
  .movie-container.single {
    padding-top: 30px; }
    .movie-container.single .movie-header .movie-header-personal {
      float: none;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .movie-container.single .movie-header .movie-header-personal .fullname {
        font-size: 20px;
        margin-top: 5px; }
        @media only screen and (max-width: 768px) {
          .movie-container.single .movie-header .movie-header-personal .fullname {
            font-size: 1.53846rem; } }
        @media only screen and (min-width: 668px) {
          .movie-container.single .movie-header .movie-header-personal .fullname {
            font-size: 1.17647rem; } }
        @media only screen and (max-width: 767px) {
          .movie-container.single .movie-header .movie-header-personal .fullname {
            margin-top: 0;
            font-size: 16px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .movie-container.single .movie-header .movie-header-personal .fullname {
      font-size: 1.23077rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .movie-container.single .movie-header .movie-header-personal .fullname {
      font-size: 0.94118rem; } }
      .movie-container.single .movie-header .movie-header-personal .username {
        font-size: 20px;
        margin-top: 5px; }
        @media only screen and (max-width: 768px) {
          .movie-container.single .movie-header .movie-header-personal .username {
            font-size: 1.53846rem; } }
        @media only screen and (min-width: 668px) {
          .movie-container.single .movie-header .movie-header-personal .username {
            font-size: 1.17647rem; } }
        @media only screen and (max-width: 767px) {
          .movie-container.single .movie-header .movie-header-personal .username {
            font-size: 16px;
            margin-top: 0; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .movie-container.single .movie-header .movie-header-personal .username {
      font-size: 1.23077rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .movie-container.single .movie-header .movie-header-personal .username {
      font-size: 0.94118rem; } }
    .movie-container.single .movie-meta {
      font-size: 25px; }
      @media only screen and (max-width: 768px) {
        .movie-container.single .movie-meta {
          font-size: 1.92308rem; } }
      @media only screen and (min-width: 668px) {
        .movie-container.single .movie-meta {
          font-size: 1.47059rem; } }
      @media only screen and (max-width: 767px) {
        .movie-container.single .movie-meta {
          font-size: 17px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .movie-container.single .movie-meta {
      font-size: 1.30769rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .movie-container.single .movie-meta {
      font-size: 1rem; } }
ul.movies > li {
  float: left;
  max-width: 49%;
  margin-left: 2%; }
.row > ul.movies > li {
  max-width: 32%; }
.row > ul.movies > li:nth-child(3n+1) {
  margin-left: 0;
  clear: left; }
.tencol ul.movies > li,
.twelvecol ul.movies > li {
  max-width: 32%; }
.tencol ul.movies > li:nth-child(3n+1),
.twelvecol ul.movies > li:nth-child(3n+1) {
  margin-left: 0;
  clear: left; }
.eightcol ul.movies > li:nth-child(2n+1),
.sixcol ul.movies > li:nth-child(2n+1) {
  margin-left: 0;
  clear: left; }
.fourcol ul.movies > li {
  float: none;
  max-width: none;
  margin-left: 0; }
ul.movies > li.clear {
  margin-left: 0;
  clear: left; }
@media only screen and (max-width: 767px) {
  .row > ul.movies > li,
  .eightcol ul.movies > li,
  .tencol ul.movies > li,
  .fourcol ul.movies > li {
    float: none;
    max-width: none;
    margin-left: 0; }
  .row > ul.movies .movie-container,
  .eightcol ul.movies .movie-container,
  .tencol ul.movies .movie-container,
  .fourcol ul.movies .movie-container {
    overflow: hidden;
    background-color: #fff;
    position: relative; }
    .row > ul.movies .movie-container .movie .play-btn,
    .eightcol ul.movies .movie-container .movie .play-btn,
    .tencol ul.movies .movie-container .movie .play-btn,
    .fourcol ul.movies .movie-container .movie .play-btn {
      margin-top: -30px; }
    .row > ul.movies .movie-container .meta,
    .eightcol ul.movies .movie-container .meta,
    .tencol ul.movies .movie-container .meta,
    .fourcol ul.movies .movie-container .meta {
      position: static; }
      .row > ul.movies .movie-container .meta .meta-content,
      .eightcol ul.movies .movie-container .meta .meta-content,
      .tencol ul.movies .movie-container .meta .meta-content,
      .fourcol ul.movies .movie-container .meta .meta-content {
        height: auto; }
        .row > ul.movies .movie-container .meta .meta-content .meta-more,
        .eightcol ul.movies .movie-container .meta .meta-content .meta-more,
        .tencol ul.movies .movie-container .meta .meta-content .meta-more,
        .fourcol ul.movies .movie-container .meta .meta-content .meta-more {
          display: none; }
  .row > ul.movies li,
  .eightcol ul.movies li,
  .tencol ul.movies li,
  .fourcol ul.movies li {
    max-width: 100%; } }
.play-btn {
  height: 60px;
  width: 60px;
  background-color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  opacity: 0.5;
  cursor: pointer; }
  .play-btn .plot-play {
    color: #000;
    font-size: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -20px; }
    @media only screen and (max-width: 768px) {
      .play-btn .plot-play {
        font-size: 2.15385rem; } }
    @media only screen and (min-width: 668px) {
      .play-btn .plot-play {
        font-size: 1.64706rem; } }
.comments-list {
  clear: both; }
  .comments-list li {
    border-top: 1px solid #eeeeee;
    padding: 15px 0;
    margin: 0;
    overflow: hidden;
    font-size: 15px; }
    @media only screen and (max-width: 768px) {
      .comments-list li {
        font-size: 1.15385rem; } }
    @media only screen and (min-width: 668px) {
      .comments-list li {
        font-size: 0.88235rem; } }
    @media only screen and (max-width: 767px) {
      .comments-list li .col {
        float: none;
        width: 100%; } }
@media only screen and (max-width: 767px) {
  .add-comment .profile-pic {
    width: 36px;
    height: 36px; }
  .add-comment .col {
    float: none;
    width: 100%; } }
.movie-comment .btn {
  margin-top: 10px; }
#intro {
  background-color: #eeeeee;
  padding: 55px 0 30px 0;
  margin: 0 0 45px 0; }
  #intro .row {
    position: relative; }
  #intro h1 {
    color: #424242;
    text-transform: none;
    font-size: 48px; }
    @media only screen and (max-width: 768px) {
      #intro h1 {
        font-size: 3.69231rem; } }
    @media only screen and (min-width: 668px) {
      #intro h1 {
        font-size: 2.82353rem; } }
  @media only screen and (max-width: 767px) {
    #intro {
      padding: 15px 0;
      margin-bottom: 15px; }
      #intro h1 {
        font-size: 25px; } }
    @media only screen and (max-width: 767px) and (max-width: 768px) {
      #intro h1 {
        font-size: 1.92308rem; } }
    @media only screen and (max-width: 767px) and (min-width: 668px) {
      #intro h1 {
        font-size: 1.47059rem; } }
#intro.movie {
  background-color: #616161;
  padding: 20px 0 48px 0;
  border: none;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    #intro.movie {
      padding: 0;
      margin-bottom: 29px; } }
#intro.dark {
  background-color: #424242;
  margin: 0; }
  #intro.dark h1 {
    color: #f5f5f5; }
  #intro.dark a, #intro.dark .signup .validate-email-domain, .signup #intro.dark .validate-email-domain {
    color: #f5f5f5; }
    #intro.dark a:hover, #intro.dark .signup .validate-email-domain:hover, .signup #intro.dark .validate-email-domain:hover {
      border: 0; }
#intro.darker {
  background-color: #424242; }
  #intro.darker h1 {
    color: #f5f5f5; }
.dropzone {
  position: relative;
  min-height: 100px;
  margin-top: 0; }
  .dropzone:hover .dz-message {
    color: #bdbdbd; }
  .dropzone .dz-message {
    position: relative;
    z-index: 0;
    float: right;
    width: 100px;
    height: 100px;
    text-align: center;
    color: #616161; }
    .dropzone .dz-message:before {
      font-family: "SSStandard";
      content: "";
      font-size: 40px;
      left: 50%;
      margin-left: -20px;
      margin-top: -30px;
      position: absolute;
      top: 54%; }
    .dropzone .dz-message span {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 5px; }
  .dropzone .dz-preview {
    float: left;
    position: relative;
    z-index: 1;
    background-color: #fff; }
  .dropzone.dz-clickable {
    cursor: pointer; }
.dropzone .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative; }
.dropzone .dz-preview .dz-details .dz-filename {
  display: none; }
.dropzone .dz-preview .dz-details img {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 70px;
  border: 2;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px; }
.dropzone .dz-preview .dz-details .dz-size {
  display: none; }
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: none; }
.dropzone .dz-preview.selected .dz-details img,
.dropzone .dz-preview:hover .dz-details img {
  border-color: #424242; }
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px; }
.dropzone .dz-preview .dz-success-mark {
  color: #8cc657; }
.dropzone .dz-preview .dz-error-mark {
  color: #ee162d; }
.dropzone .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none; }
  .dropzone .dz-preview .dz-progress:before, .dropzone .dz-preview .dz-progress:after {
    display: none; }
.dropzone .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657; }
.dropzone .dz-preview.dz-processing .dz-progress {
  display: block; }
.dropzone .dz-preview.dz-success .dz-progress {
  display: none; }
.dropzone .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500; }
.dropzone .dz-preview:hover.dz-error .dz-error-message {
  display: block; }
.dropzone.browser-not-supported {
  background: none; }
  .dropzone.browser-not-supported .dz-message,
  .dropzone.browser-not-supported .dz-message:before {
    display: none; }
.default-profile-pics ul li {
  float: left;
  margin-right: 10px;
  min-width: 100px;
  min-height: 100px;
  text-align: center;
  cursor: pointer;
  opacity: 0.25; }
  .default-profile-pics ul li:hover, .default-profile-pics ul li.selected {
    opacity: 1; }
    .default-profile-pics ul li:hover img, .default-profile-pics ul li.selected img {
      border-color: #424242; }
  .default-profile-pics ul li img {
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    margin-top: 15px; }
  .default-profile-pics ul li input {
    display: none; }
.box, .flash-msg {
  margin: 0 0 20px; }
  @media only screen and (max-width: 767px) {
    .box, .flash-msg {
      padding-left: 2.5%;
      padding-right: 2.5%; } }
  .box ul, .flash-msg ul {
    margin-bottom: 10px; }
.box.top, .top.flash-msg {
  padding-top: 60px;
  margin-top: 0; }
  @media only screen and (max-width: 767px) {
    .box.top, .top.flash-msg {
      padding-top: 50px;
      margin-left: -2.65957%;
      width: 100%;
      padding-left: 2.65957%;
      padding-right: 2.65957%; } }
  .box.top.intro, .top.intro.flash-msg {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 60px 0 0 0; }
    @media only screen and (max-width: 767px) {
      .box.top.intro, .top.intro.flash-msg {
        padding: 30px 2.5% 0 5%; } }
@media only screen and (max-width: 767px) {
  .box.show-movie, .show-movie.flash-msg {
    margin-left: -2.65957%;
    width: 100%;
    padding-left: 2.65957%;
    padding-right: 2.65957%; } }
@media only screen and (max-width: 767px) {
  .box.mobile-expand, .mobile-expand.flash-msg {
    margin-left: -2.65957%;
    width: 100%;
    padding-left: 2.65957%;
    padding-right: 2.65957%; } }
.box.center, .center.flash-msg {
  text-align: center; }
.box.pop, .box.meta-box, .meta-box.flash-msg, .pop.flash-msg {
  margin-top: -28px; }
  @media only screen and (max-width: 767px) {
    .box.pop, .box.meta-box, .meta-box.flash-msg, .pop.flash-msg {
      margin-top: 0; } }
.sort-box h3 {
  display: inline;
  font-size: 1em; }
.sort-box ul {
  display: inline;
  margin-bottom: 0;
  margin: 0;
  font-size: 15px; }
  @media only screen and (max-width: 768px) {
    .sort-box ul {
      font-size: 1.15385rem; } }
  @media only screen and (min-width: 668px) {
    .sort-box ul {
      font-size: 0.88235rem; } }
.sort-box .sort-list li {
  display: inline; }
.sort-box .sort-list li:before {
  content: "\0020\002F\0020"; }
.sort-box .sort-list li:first-child:before {
  content: ""; }
@media only screen and (max-width: 767px) {
  .sort-box {
    display: none;
    margin-left: -2.65957%;
    width: 100%;
    padding-left: 2.65957%;
    padding-right: 2.65957%;
    font-size: 15px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .sort-box {
      font-size: 1.15385rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .sort-box {
      font-size: 0.88235rem; } }
.box.trial img, .trial.flash-msg img {
  margin: 40px auto 50px auto; }
.box.trial ol, .trial.flash-msg ol {
  list-style: decimal;
  margin-bottom: 40px; }
  .box.trial ol li, .trial.flash-msg ol li {
    line-height: 1.5;
    margin-left: 20px;
    padding-top: 5px; }
@media only screen and (max-width: 767px) {
  .box.meta-box, .meta-box.flash-msg {
    margin-left: -2.65957%;
    width: 100%;
    padding-left: 2.65957%;
    padding-right: 2.65957%; } }
.box.meta-box ul, .meta-box.flash-msg ul {
  overflow: hidden;
  margin-bottom: 0; }
  .box.meta-box ul li, .meta-box.flash-msg ul li {
    float: left;
    width: 33%;
    border-left: 1px solid #eeeeee;
    text-align: center; }
    .box.meta-box ul li:first-child, .meta-box.flash-msg ul li:first-child {
      border-left: none; }
    .box.meta-box ul li .counter, .meta-box.flash-msg ul li .counter,
    .box.meta-box ul li .meta,
    .meta-box.flash-msg ul li .meta {
      display: block; }
    .box.meta-box ul li .counter, .meta-box.flash-msg ul li .counter {
      font-size: 18px;
      font-weight: bold;
      line-height: 1;
      color: #ff6523; }
      @media only screen and (max-width: 768px) {
        .box.meta-box ul li .counter, .meta-box.flash-msg ul li .counter {
          font-size: 1.38462rem; } }
      @media only screen and (min-width: 668px) {
        .box.meta-box ul li .counter, .meta-box.flash-msg ul li .counter {
          font-size: 1.05882rem; } }
    .box.meta-box ul li .meta, .meta-box.flash-msg ul li .meta {
      font-size: 12px;
      margin-top: 4px;
      color: #424242; }
      @media only screen and (max-width: 768px) {
        .box.meta-box ul li .meta, .meta-box.flash-msg ul li .meta {
          font-size: 0.92308rem; } }
      @media only screen and (min-width: 668px) {
        .box.meta-box ul li .meta, .meta-box.flash-msg ul li .meta {
          font-size: 0.70588rem; } }
.box.meta-box .wide-meta li, .meta-box.flash-msg .wide-meta li {
  float: none;
  width: 100%;
  border-left: none;
  text-align: left;
  margin-left: 10px;
  font-size: 12px; }
  @media only screen and (max-width: 768px) {
    .box.meta-box .wide-meta li, .meta-box.flash-msg .wide-meta li {
      font-size: 0.92308rem; } }
  @media only screen and (min-width: 668px) {
    .box.meta-box .wide-meta li, .meta-box.flash-msg .wide-meta li {
      font-size: 0.70588rem; } }
.box.meta-box .inner, .meta-box.flash-msg .inner {
  padding: 0 16px; }
  @media only screen and (max-width: 767px) {
    .box.meta-box .inner, .meta-box.flash-msg .inner {
      padding-left: 2.5%;
      padding-right: 2.5%; } }
.segment-paddingtop {
  padding-top: 40px; }
  @media only screen and (max-width: 767px) {
    .segment-paddingtop {
      padding-top: 30px; } }
.segment-paddingbottom {
  padding-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    .segment-paddingbottom {
      padding-bottom: 30px; } }
.segment-padding {
  padding-top: 40px;
  padding-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    .segment-padding {
      padding-top: 30px;
      padding-bottom: 30px; } }
.segment-borderbottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.segment-grey {
  background-color: #eeeeee; }
.segment-light {
  background-color: #fafafa; }
.segment-opacity {
  background-color: rgba(255, 255, 255, 0.2); }
.image-90 {
  max-width: 90%; }
.image-80 {
  max-width: 80%; }
.image-70 {
  max-width: 70%; }
.image-60 {
  max-width: 60%; }
.image-50 {
  max-width: 50%; }
.image-40 {
  max-width: 40%; }
.image-30 {
  max-width: 30%; }
.image-20 {
  max-width: 20%; }
.image-10 {
  max-width: 10%; }
.profile-picture {
  border-radius: 50%; }
  .profile-picture.small {
    width: 34px;
    height: 34px; }
  .profile-picture.medium {
    width: 80px;
    height: 80px; }
.anim {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.anim-blam-primary {
  -webkit-animation-name: blam-primary;
  animation-name: blam-primary; }
@-webkit-keyframes blam-primary {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.2) rotate(-3deg);
    transform: scale(1.2) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@keyframes blam-primary {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.2) rotate(3deg);
    -ms-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.2) rotate(-3deg);
    -ms-transform: scale(1.2) rotate(-3deg);
    transform: scale(1.2) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
.anim-blam-secondary {
  -webkit-animation-name: blam-secondary;
  animation-name: blam-secondary; }
@-webkit-keyframes blam-secondary {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-1deg);
    transform: scale(0.9) rotate(-1deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(1deg);
    transform: scale(1.1) rotate(1deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-0.5deg);
    transform: scale(1.1) rotate(-0.5deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@keyframes blam-secondary {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-1deg);
    -ms-transform: scale(0.9) rotate(-1deg);
    transform: scale(0.9) rotate(-1deg); }
  35%, 75%, 95% {
    -webkit-transform: scale(1) rotate(1deg);
    -ms-transform: scale(1) rotate(1deg);
    transform: scale(1) rotate(1deg); }
  45%, 65% {
    -webkit-transform: scale(1) rotate(-0.5deg);
    -ms-transform: scale(1) rotate(-0.5deg);
    transform: scale(1) rotate(-0.5deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
.anim-blam-third {
  -webkit-animation-name: blam-third;
  animation-name: blam-third; }
@-webkit-keyframes blam-third {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(1.1) rotate(-0.5deg);
    transform: scale(1.1) rotate(-0.5deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(1deg);
    transform: scale(1.1) rotate(1deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(0.9) rotate(-1deg);
    transform: scale(0.9) rotate(-1deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
@keyframes blam-third {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(1) rotate(-0.5deg);
    -ms-transform: scale(1) rotate(-0.5deg);
    transform: scale(1) rotate(-0.5deg); }
  35%, 75%, 95% {
    -webkit-transform: scale(1) rotate(1deg);
    -ms-transform: scale(1) rotate(1deg);
    transform: scale(1) rotate(1deg); }
  45%, 65% {
    -webkit-transform: scale(0.9) rotate(-1deg);
    -ms-transform: scale(0.9) rotate(-1deg);
    transform: scale(0.9) rotate(-1deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }
.anim-bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.anim-bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  visibility: visible !important; }
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.player-metabar-fadeOut {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s; }
  .player-metabar-fadeOut .player-metabar-staffpick {
    visibility: visible !important;
    opacity: 1 !important; }
@keyframes device-popfade {
  0% {
    opacity: 1; }
  40% {
    opacity: 1; }
  50% {
    opacity: 0; } }
@keyframes device-fade {
  0% {
    opacity: 1; }
  15% {
    opacity: 1; }
  25% {
    opacity: 0; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#player-endcard {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  display: none; }
  #player-endcard.fade-in-anim {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: player-endcard-fade-in;
    animation-name: player-endcard-fade-in; }
@-webkit-keyframes player-endcard-fade-in {
  0% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes player-endcard-fade-in {
  0% {
    opacity: 0; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  #player-endcard > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0 auto; }
  #player-endcard h3 {
    color: #fff;
    margin-bottom: 15px; }
  #player-endcard p, #player-endcard .divider {
    color: #eeeeee;
    font-size: 15px;
    margin: 0 auto 20px; }
    @media only screen and (max-width: 768px) {
      #player-endcard p, #player-endcard .divider {
        display: none; } }
    @media only screen and (max-width: 768px) {
      #player-endcard p, #player-endcard .divider {
        font-size: 1.15385rem; } }
    @media only screen and (min-width: 668px) {
      #player-endcard p, #player-endcard .divider {
        font-size: 0.88235rem; } }
  #player-endcard .divider {
    margin: 0 auto 10px; }
  #player-endcard .btn,
  #player-endcard button {
    margin: 0 auto 10px; }
  #player-endcard .like-btn {
    margin-bottom: 30px; }
.call-to-action {
  font-family: ProximaNovaExtraBold, ProximaNova;
  font-weight: normal;
  text-transform: uppercase;
  display: inline-block;
  height: 100%;
  line-height: 1;
  vertical-align: middle;
  padding: 1em;
  margin-top: 0.5em;
  color: white;
  cursor: pointer;
  background-color: #ffc12f;
  -webkit-clip-path: polygon(0% 0%, 100% 5%, 99% 95%, 1% 100%); }
  @media only screen and (min-width: 668px) {
    .call-to-action {
      padding: 1.25em;
      margin-bottom: 0.3em; } }
@-moz-document url-prefix() {
  .call-to-action {
    clip-path: url(https://d290g5mn36mqgx.cloudfront.net/images/start-page/1f76af87ddfa4caa95cfcf10c912b9a0-wonky.svg#button-cta); } }
  .call-to-action:hover {
    background-color: #ffc12f; }
.secondary-call-to-action {
  font-family: ProximaNovaExtraBold, ProximaNova;
  font-weight: normal;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.5em 0.5em 0.5em 3em;
  margin-top: 0.5em;
  color: white;
  cursor: pointer;
  background-image: url(https://d290g5mn36mqgx.cloudfront.net/images/start-page/abd0ba60f2da5f47b2b2823953397941-play-video-icon.svg);
  background-repeat: no-repeat;
  background-size: 2em 2em;
  background-position: 0.5em 45%; }
a.call-to-action:hover, .signup .call-to-action.validate-email-domain:hover,
a.secondary-call-to-action:hover,
.signup .secondary-call-to-action.validate-email-domain:hover {
  border-bottom-color: transparent;
  color: white; }
a.secondary-call-to-action:hover, .signup .secondary-call-to-action.validate-email-domain:hover {
  text-decoration: underline; }
.start-page {
  padding-top: 0; }
  .start-page #header #header-bg.header-bg-show {
    display: initial; }
  .start-page #header #header-bg {
    display: none; }
  .start-page #header a.logo img, .start-page #header .signup .logo.validate-email-domain img, .signup .start-page #header .logo.validate-email-domain img {
    opacity: 0; }
  .start-page #header a.logo svg path, .start-page #header .signup .logo.validate-email-domain svg path, .signup .start-page #header .logo.validate-email-domain svg path {
    fill: #fff; }
  .start-page #header a.logo h1, .start-page #header .signup .logo.validate-email-domain h1, .signup .start-page #header .logo.validate-email-domain h1 {
    color: #fff; }
  .start-page #header nav ul li a, .start-page #header nav ul li .signup .validate-email-domain, .signup .start-page #header nav ul li .validate-email-domain,
  .start-page #header nav ul li span {
    color: #fff; }
    .start-page #header nav ul li a:hover, .start-page #header nav ul li .signup .validate-email-domain:hover, .signup .start-page #header nav ul li .validate-email-domain:hover,
    .start-page #header nav ul li span:hover {
      color: #bdbdbd; }
  .start-page #header.header-inverted a.logo svg path, .start-page #header.header-inverted .signup .logo.validate-email-domain svg path, .signup .start-page #header.header-inverted .logo.validate-email-domain svg path {
    fill: #98065e; }
  .start-page #header.header-inverted a.logo h1, .start-page #header.header-inverted .signup .logo.validate-email-domain h1, .signup .start-page #header.header-inverted .logo.validate-email-domain h1 {
    color: #98065e; }
  .start-page #header.header-inverted nav ul li a, .start-page #header.header-inverted nav ul li .signup .validate-email-domain, .signup .start-page #header.header-inverted nav ul li .validate-email-domain,
  .start-page #header.header-inverted nav ul li span {
    color: #98065e; }
    .start-page #header.header-inverted nav ul li a:hover, .start-page #header.header-inverted nav ul li .signup .validate-email-domain:hover, .signup .start-page #header.header-inverted nav ul li .validate-email-domain:hover,
    .start-page #header.header-inverted nav ul li span:hover {
      color: #80054f; }
  .start-page #segment-intro {
    background-color: #1d9fe5;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(../images/start-page/segment-intro-bg.jpg);
    background-repeat: no-repeat;
    padding-top: 70px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .start-page #segment-intro {
        padding-top: 90px; } }
    .start-page #segment-intro .intro-image-mobile {
      display: none;
      max-width: 80%;
      margin: 20px auto; }
      @media only screen and (max-width: 767px) {
        .start-page #segment-intro .intro-image-mobile {
          display: block; } }
    .start-page #segment-intro h1 {
      font-size: 45px;
      color: #fff;
      font-family: 'ProximaNovaExtraBold';
      margin: 80px 0 10px 0; }
      @media only screen and (max-width: 768px) {
        .start-page #segment-intro h1 {
          font-size: 3.46154rem; } }
      @media only screen and (min-width: 668px) {
        .start-page #segment-intro h1 {
          font-size: 2.64706rem; } }
      @media only screen and (max-width: 767px) {
        .start-page #segment-intro h1 {
          margin-top: 0;
          text-align: center;
          font-size: 28px;
          padding: 0 2%; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .start-page #segment-intro h1 {
      font-size: 2.15385rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .start-page #segment-intro h1 {
      font-size: 1.64706rem; } }
    .start-page #segment-intro p {
      font-size: 30px;
      line-height: 1.2em; }
      @media only screen and (max-width: 768px) {
        .start-page #segment-intro p {
          font-size: 2.30769rem; } }
      @media only screen and (min-width: 668px) {
        .start-page #segment-intro p {
          font-size: 1.76471rem; } }
      @media only screen and (max-width: 767px) {
        .start-page #segment-intro p {
          font-size: 23px;
          padding: 0 2%;
          text-align: center; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .start-page #segment-intro p {
      font-size: 1.76923rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .start-page #segment-intro p {
      font-size: 1.35294rem; } }
    .start-page #segment-intro .btn {
      margin-right: 40px; }
      @media only screen and (max-width: 767px) {
        .start-page #segment-intro .btn {
          width: 100%;
          margin: 0 0 15px 0; } }
    .start-page #segment-intro .device-container {
      position: relative; }
      .start-page #segment-intro .device-container img {
        max-width: 140%;
        margin-bottom: 60px; }
      @media only screen and (max-width: 767px) {
        .start-page #segment-intro .device-container {
          display: none; } }
    .start-page #segment-intro .device-platforms {
      position: absolute;
      bottom: 15px;
      right: 15px; }
      .start-page #segment-intro .device-platforms span {
        display: block;
        color: #fff; }
      .start-page #segment-intro .device-platforms img {
        display: block; }
  .start-page #segment-products,
  .start-page #segment-awards {
    padding-top: 60px; }
    .start-page #segment-products h1,
    .start-page #segment-awards h1 {
      text-align: center; }
  .start-page #segment-products .product-grid {
    margin-top: 30px;
    display: flex;
    justify-content: space-around; }
    @media only screen and (max-width: 767px) {
      .start-page #segment-products .product-grid {
        flex-wrap: wrap; } }
    .start-page #segment-products .product-grid .product-container {
      width: 22%;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .start-page #segment-products .product-grid .product-container {
          margin-bottom: 60px; }
          .start-page #segment-products .product-grid .product-container:last-child {
            margin-bottom: 0; } }
      .start-page #segment-products .product-grid .product-container img {
        display: block; }
        @media only screen and (max-width: 767px) {
          .start-page #segment-products .product-grid .product-container img {
            max-width: 60%;
            margin: 0 auto; } }
      .start-page #segment-products .product-grid .product-container h2 {
        font-size: 24px;
        margin: 20px 0; }
        @media only screen and (max-width: 768px) {
          .start-page #segment-products .product-grid .product-container h2 {
            font-size: 1.84615rem; } }
        @media only screen and (min-width: 668px) {
          .start-page #segment-products .product-grid .product-container h2 {
            font-size: 1.41176rem; } }
      .start-page #segment-products .product-grid .product-container p {
        margin-bottom: 20px;
        font-size: 18px; }
        @media only screen and (max-width: 768px) {
          .start-page #segment-products .product-grid .product-container p {
            font-size: 1.38462rem; } }
        @media only screen and (min-width: 668px) {
          .start-page #segment-products .product-grid .product-container p {
            font-size: 1.05882rem; } }
      .start-page #segment-products .product-grid .product-container .btn {
        margin: 0 0 15px 0; }
        @media only screen and (max-width: 767px) {
          .start-page #segment-products .product-grid .product-container .btn {
            display: block; } }
      @media only screen and (max-width: 767px) {
        .start-page #segment-products .product-grid .product-container {
          width: 100%; } }
  .start-page #segment-awards .award-grid {
    margin-top: 30px;
    display: flex;
    justify-content: space-around;
    align-items: baseline; }
    .start-page #segment-awards .award-grid .award-container {
      width: 22%; }
      @media only screen and (max-width: 767px) {
        .start-page #segment-awards .award-grid .award-container {
          width: 25%; } }
      .start-page #segment-awards .award-grid .award-container img {
        display: block; }
  .start-page #content {
    padding-top: 60px; }
    .start-page #content #staff-picks .box.top.intro h1, .start-page #content #staff-picks .top.intro.flash-msg h1 {
      text-align: center; }
    @media only screen and (max-width: 767px) {
      .start-page #content #staff-picks .box.top.intro, .start-page #content #staff-picks .top.intro.flash-msg {
        padding: 0;
        margin: 30px 0 15px 0; } }
.usage-pages {
  background-color: #1d9fe5; }
  .usage-pages #available-now,
  .usage-pages .footer {
    background-color: rgba(255, 255, 255, 0.2); }
  .usage-pages #footer {
    border-top: 1px solid rgba(255, 255, 255, 0.4); }
    .usage-pages #footer a, .usage-pages #footer .signup .validate-email-domain, .signup .usage-pages #footer .validate-email-domain {
      color: #fff; }
      .usage-pages #footer a:hover, .usage-pages #footer .signup .validate-email-domain:hover, .signup .usage-pages #footer .validate-email-domain:hover {
        color: rgba(0, 0, 0, 0.4);
        border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
.login-signup {
  padding-top: 70px; }
  .login-signup .flash-msg {
    margin-top: 40px;
    margin-bottom: -20px; }
  .login-signup .login-signup-fb {
    text-align: center;
    margin-top: 10px; }
  .login-signup .login-signup-btn {
    float: right; }
  .login-signup .login-signup-secondary {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
    margin-bottom: 0; }
  .login-signup .login-signup-buttons {
    
    
    
    margin-top: 10px;
    border-bottom: 1px solid #e5e2de;
    overflow: hidden; }
    .login-signup .login-signup-buttons .btn {
      float: right; }
    .login-signup .login-signup-buttons .btn.sec {
      margin-right: 10px; }
  .login-signup .ss-fb {
    background-color: #3B5998; }
    .login-signup .ss-fb:hover {
      background-color: #324B80; }
  .login-signup form {
    margin-bottom: 2em; }
  .login-signup .login-signup-full-width {
    max-width: auto; }
  .login-signup .login-signup-box {
    width: 300px;
    margin: 0 auto; }
    .login-signup .login-signup-box .success .msg {
      display: none; }
    .login-signup .login-signup-box .login-signup-remove-btn .toggler-active {
      display: none; }
    .login-signup .login-signup-box h3 {
      text-align: center;
      font-size: 18px; }
      @media only screen and (max-width: 768px) {
        .login-signup .login-signup-box h3 {
          font-size: 1.38462rem; } }
      @media only screen and (min-width: 668px) {
        .login-signup .login-signup-box h3 {
          font-size: 1.05882rem; } }
    .login-signup .login-signup-box .appstore {
      width: 10em;
      display: block;
      margin: 0 auto .5em; }
      .login-signup .login-signup-box .appstore a, .login-signup .login-signup-box .appstore .signup .validate-email-domain, .signup .login-signup .login-signup-box .appstore .validate-email-domain {
        border: none; }
        .login-signup .login-signup-box .appstore a img, .login-signup .login-signup-box .appstore .signup .validate-email-domain img, .signup .login-signup .login-signup-box .appstore .validate-email-domain img {
          display: block;
          width: 100%; }
    .login-signup .login-signup-box small {
      display: block; }
    @media (max-width: 667px) {
      .login-signup .login-signup-box {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: auto;
        padding: 0; } }
@media only screen and (max-width: 767px) {
  .profile-page .box, .profile-page .flash-msg {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; } }
.profile-page .profile-page-header-block {
  margin-bottom: 20px; }
.profile-page .profile-page-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .profile-page .profile-page-header h1 {
    display: inline-block;
    line-height: 1; }
    @media only screen and (max-width: 767px) {
      .profile-page .profile-page-header h1 {
        line-height: 1.3;
        font-size: 24px;
        padding-bottom: 0; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .profile-page .profile-page-header h1 {
      font-size: 1.84615rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .profile-page .profile-page-header h1 {
      font-size: 1.41176rem; } }
    .profile-page .profile-page-header h1.type-super {
      font-size: 34px; }
      @media only screen and (max-width: 768px) {
        .profile-page .profile-page-header h1.type-super {
          font-size: 2.61538rem; } }
      @media only screen and (min-width: 668px) {
        .profile-page .profile-page-header h1.type-super {
          font-size: 2rem; } }
      @media only screen and (max-width: 767px) {
        .profile-page .profile-page-header h1.type-super {
          font-size: 24px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .profile-page .profile-page-header h1.type-super {
      font-size: 1.84615rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .profile-page .profile-page-header h1.type-super {
      font-size: 1.41176rem; } }
  .profile-page .profile-page-header .featured-badge {
    display: inline-block;
    position: relative;
    left: 0.75em;
    top: -0.5em;
    font-size: 14px;
    line-height: 1.8em;
    height: 1.8em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #98065e;
    color: #fff;
    padding: 0 0.5em;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 1;
    vertical-align: top; }
    @media only screen and (max-width: 768px) {
      .profile-page .profile-page-header .featured-badge {
        font-size: 1.07692rem; } }
    @media only screen and (min-width: 668px) {
      .profile-page .profile-page-header .featured-badge {
        font-size: 0.82353rem; } }
  .profile-page .profile-page-header #follow-button .follow-btn {
    margin-top: 5px;
    margin-bottom: 0; }
    .profile-page .profile-page-header #follow-button .follow-btn:disabled {
      pointer-events: none;
      color: #fff;
      background-color: #ffc12f;
      opacity: 0.3; }
  .profile-page .profile-page-header .description {
    clear: both;
    padding-top: 15px; }
  .profile-page .profile-page-header .profile-page-header-meta {
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
    margin-top: 15px; }
    .profile-page .profile-page-header .profile-page-header-meta ul {
      margin-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .profile-page .profile-page-header .profile-page-header-meta ul {
          width: 100%; } }
      .profile-page .profile-page-header .profile-page-header-meta ul li {
        display: inline-block;
        border-right: 1px solid #eeeeee;
        height: 40px;
        width: 80px;
        padding: 10px;
        text-align: center; }
        .profile-page .profile-page-header .profile-page-header-meta ul li .number {
          color: #98065e;
          font-weight: bold;
          display: block;
          font-size: 22px;
          line-height: 15px; }
          @media only screen and (max-width: 768px) {
            .profile-page .profile-page-header .profile-page-header-meta ul li .number {
              font-size: 1.69231rem; } }
          @media only screen and (min-width: 668px) {
            .profile-page .profile-page-header .profile-page-header-meta ul li .number {
              font-size: 1.29412rem; } }
        .profile-page .profile-page-header .profile-page-header-meta ul li .text {
          font-size: 15px;
          color: #757575; }
          @media only screen and (max-width: 768px) {
            .profile-page .profile-page-header .profile-page-header-meta ul li .text {
              font-size: 1.15385rem; } }
          @media only screen and (min-width: 668px) {
            .profile-page .profile-page-header .profile-page-header-meta ul li .text {
              font-size: 0.88235rem; } }
        @media only screen and (max-width: 767px) {
          .profile-page .profile-page-header .profile-page-header-meta ul li {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 32%;
            height: auto; }
            .profile-page .profile-page-header .profile-page-header-meta ul li:last-child {
              border-right: 0; } }
.corporate-pages {
  padding-top: 70px; }
  @media only screen and (max-width: 767px) {
    .corporate-pages .corporate-menu nav ul {
      text-align: center;
      margin-bottom: 0px; } }
  .corporate-pages .corporate-menu nav ul .subnav-corp {
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .corporate-pages .corporate-menu nav ul .subnav-corp {
        display: none; } }
    .corporate-pages .corporate-menu nav ul .subnav-corp li {
      margin-left: 1em; }
  @media only screen and (max-width: 767px) {
    .corporate-pages .corporate-menu nav ul li {
      display: inline-block;
      margin-right: 15px;
      font-size: 18px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .corporate-pages .corporate-menu nav ul li {
      font-size: 1.38462rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .corporate-pages .corporate-menu nav ul li {
      font-size: 1.05882rem; } }
  @media only screen and (max-width: 767px) {
      .corporate-pages .corporate-menu nav ul li:last-child {
        margin-right: 0; } }
  .corporate-pages .teammembers {
    margin-top: 30px;
    text-align: center; }
    .corporate-pages .teammembers li {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      max-width: 22%;
      margin: 0 3% 20px 0;
      vertical-align: top; }
      @media only screen and (max-width: 600px) {
        .corporate-pages .teammembers li {
          max-width: 40%;
          margin-right: 8%; }
          .corporate-pages .teammembers li:nth-child(2n) {
            margin-right: 0; } }
      .corporate-pages .teammembers li:nth-child(4n) {
        margin-right: 0; }
      .corporate-pages .teammembers li:last-child {
        margin-right: 0; }
      .corporate-pages .teammembers li h2 {
        font-size: 17px;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .corporate-pages .teammembers li h2 {
            font-size: 1.30769rem; } }
        @media only screen and (min-width: 668px) {
          .corporate-pages .teammembers li h2 {
            font-size: 1rem; } }
      .corporate-pages .teammembers li p {
        font-size: 12px;
        text-align: center; }
        @media only screen and (max-width: 768px) {
          .corporate-pages .teammembers li p {
            font-size: 0.92308rem; } }
        @media only screen and (min-width: 668px) {
          .corporate-pages .teammembers li p {
            font-size: 0.70588rem; } }
.movie-page input[type=text], .movie-page input[type=email], .movie-page input[type=password] {
  max-width: none; }
@media only screen and (max-width: 767px) {
  .movie-page .box, .movie-page .flash-msg {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }
  .movie-page .player-meta {
    padding: 15px; }
    .movie-page .player-meta .action-buttons .like-btn {
      width: 100%;
      margin: 15px 0; }
    .movie-page .player-meta .action-buttons .btn {
      width: 100%;
      margin: 0;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box; } }
.movie-page .movie-container.main-movie {
  max-width: 1280px;
  margin: 0 auto; }
.movie-page .movie-page-blackout {
  background-color: #000; }
.movie-page .movie-page-meta-wrapper {
  background-color: #fff; }
  .movie-page .movie-page-meta-wrapper .movie-page-meta {
    padding: 30px 0 20px 0; }
    .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user {
      float: left;
      clear: both;
      overflow: hidden; }
      .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user .username {
        font-size: 16px;
        color: #757575;
        font-family: 'ProximaNovaSemiBold'; }
        @media only screen and (max-width: 768px) {
          .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user .username {
            font-size: 1.23077rem; } }
        @media only screen and (min-width: 668px) {
          .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user .username {
            font-size: 0.94118rem; } }
      .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user .timeago {
        font-size: 16px;
        color: #757575; }
        @media only screen and (max-width: 768px) {
          .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user .timeago {
            font-size: 1.23077rem; } }
        @media only screen and (min-width: 668px) {
          .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user .timeago {
            font-size: 0.94118rem; } }
    .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc {
      font-size: 25px;
      color: #424242;
      line-height: 1.2;
      word-wrap: break-word; }
      @media only screen and (max-width: 768px) {
        .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc {
          font-size: 1.92308rem; } }
      @media only screen and (min-width: 668px) {
        .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc {
          font-size: 1.47059rem; } }
    @media only screen and (max-width: 767px) {
      .movie-page .movie-page-meta-wrapper .movie-page-meta {
        padding-top: 10px;
        border-bottom: none; }
        .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user {
          float: none;
          border-bottom: 1px solid #e0e0e0;
          padding-bottom: 10px;
          font-size: 18px; } }
    @media only screen and (max-width: 767px) and (max-width: 768px) {
      .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user {
        font-size: 1.38462rem; } }
    @media only screen and (max-width: 767px) and (min-width: 668px) {
      .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user {
        font-size: 1.05882rem; } }
    @media only screen and (max-width: 767px) {
          .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-user .fullname {
            margin-top: 10px;
            display: inline-block; }
        .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc {
          padding-top: 10px;
          font-size: 20px; } }
    @media only screen and (max-width: 767px) and (max-width: 768px) {
      .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc {
        font-size: 1.53846rem; } }
    @media only screen and (max-width: 767px) and (min-width: 668px) {
      .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc {
        font-size: 1.17647rem; } }
    @media only screen and (max-width: 767px) {
          .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc .timeago {
            font-size: 14px;
            color: #757575;
            margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) and (max-width: 768px) {
        .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc .timeago {
          font-size: 1.07692rem; } }
      @media only screen and (max-width: 767px) and (min-width: 668px) {
        .movie-page .movie-page-meta-wrapper .movie-page-meta .movie-page-meta-desc .timeago {
          font-size: 0.82353rem; } }
  .movie-page .movie-page-meta-wrapper .movie-buttons {
    padding: 15px 15px 15px 0; }
    .movie-page .movie-page-meta-wrapper .movie-buttons > div {
      display: inline-block; }
    .movie-page .movie-page-meta-wrapper .movie-buttons .more-container {
      display: inline-block;
      position: relative; }
      .movie-page .movie-page-meta-wrapper .movie-buttons .more-container ul.dropdown {
        position: absolute;
        background: #fff;
        border: 2px solid #ffc12f;
        height: auto;
        width: auto;
        min-width: 230px;
        top: calc(100% - 19px);
        left: 0;
        margin: 0;
        padding: 0;
        z-index: 100;
        -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); }
        .movie-page .movie-page-meta-wrapper .movie-buttons .more-container ul.dropdown li a, .movie-page .movie-page-meta-wrapper .movie-buttons .more-container ul.dropdown li .signup .validate-email-domain, .signup .movie-page .movie-page-meta-wrapper .movie-buttons .more-container ul.dropdown li .validate-email-domain {
          padding: 5px 15px;
          display: block;
          color: #ffc12f; }
          .movie-page .movie-page-meta-wrapper .movie-buttons .more-container ul.dropdown li a:hover, .movie-page .movie-page-meta-wrapper .movie-buttons .more-container ul.dropdown li .signup .validate-email-domain:hover, .signup .movie-page .movie-page-meta-wrapper .movie-buttons .more-container ul.dropdown li .validate-email-domain:hover {
            border: none;
            color: #fff;
            background: #ffc12f;
            color: #fff;
            cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .movie-page .movie-page-meta-wrapper .movie-buttons {
        padding: 15px 0; }
        .movie-page .movie-page-meta-wrapper .movie-buttons .like-btn,
        .movie-page .movie-page-meta-wrapper .movie-buttons .more-btn,
        .movie-page .movie-page-meta-wrapper .movie-buttons .sharing-btn {
          margin: 0 5px 10px 0; } }
.movie-page .box.top.intro, .movie-page .top.intro.flash-msg {
  padding-top: 70px; }
.comment-meta #comment-form {
  margin-top: 20px; }
  .comment-meta #comment-form .hidden {
    display: none; }
@media only screen and (max-width: 767px) {
  .listing-page .box, .listing-page .flash-msg {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
  .listing-page .movie-container {
    margin-bottom: 30px; } }
.listing-page .listing-page-form input {
  float: left; }
  @media only screen and (max-width: 767px) {
    .listing-page .listing-page-form input {
      padding-right: 20px; } }
.listing-page .listing-page-form button {
  margin-top: 4px;
  margin-left: 2%; }
  @media only screen and (max-width: 767px) {
    .listing-page .listing-page-form button {
      margin-left: 0; } }
.download {
  background-color: #1d9fe5;
  background: url(https://d290g5mn36mqgx.cloudfront.net/images/download-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  @media (max-width: 850px) {
    .download {
      background-position: 20%; } }
  .download section {
    text-align: center; }
    .download section h1 {
      font-size: 45px;
      color: #98065e;
      font-family: 'ProximaNovaExtraBold';
      max-width: 600px;
      margin: 60px auto 0 auto;
      padding: 0 20px; }
      @media only screen and (max-width: 768px) {
        .download section h1 {
          font-size: 3.46154rem; } }
      @media only screen and (min-width: 668px) {
        .download section h1 {
          font-size: 2.64706rem; } }
      @media only screen and (min-width: 769px) {
        .download section h1 {
          font-size: 45px; } }
  @media only screen and (min-width: 769px) and (max-width: 768px) {
    .download section h1 {
      font-size: 3.46154rem; } }
  @media only screen and (min-width: 769px) and (min-width: 668px) {
    .download section h1 {
      font-size: 2.64706rem; } }
    .download section .leading {
      margin-bottom: 60px;
      color: rgba(0, 0, 0, 0.8); }
    .download section .download-win,
    .download section .download-mac {
      vertical-align: top;
      min-width: 350px;
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        .download section .download-win,
        .download section .download-mac {
          margin-bottom: 60px;
          min-width: auto;
          display: block; } }
      .download section .download-win img,
      .download section .download-mac img {
        max-width: 150px;
        display: block;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          .download section .download-win img,
          .download section .download-mac img {
            max-width: 120px; } }
      .download section .download-win h2,
      .download section .download-win p,
      .download section .download-mac h2,
      .download section .download-mac p {
        color: #000;
        max-width: 350px;
        margin: 0 auto; }
      .download section .download-win .btn,
      .download section .download-mac .btn {
        margin: 30px auto 0 auto; }
    .download section .download-appstore {
      margin-top: 60px; }
      @media only screen and (max-width: 767px) {
        .download section .download-appstore {
          margin-top: 10px; } }
      .download section .download-appstore p {
        color: #000; }
      .download section .download-appstore a img, .download section .download-appstore .signup .validate-email-domain img, .signup .download section .download-appstore .validate-email-domain img {
        max-width: 170px; }
      .download section .download-appstore a:hover, .download section .download-appstore .signup .validate-email-domain:hover, .signup .download section .download-appstore .validate-email-domain:hover {
        border-bottom: 0; }
.whatsnew .twelvecol .box p, .whatsnew .twelvecol .flash-msg p {
  width: 66.66%; }
.whatsnew h3 {
  margin-bottom: 0; }
.whatsnew h3 ~ p.date {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    .whatsnew h3 ~ p.date {
      font-size: 1.23077rem; } }
  @media only screen and (min-width: 668px) {
    .whatsnew h3 ~ p.date {
      font-size: 0.94118rem; } }
.whatsnew .box ul, .whatsnew .flash-msg ul {
  margin-bottom: 20px;
  list-style: disc outside;
  padding-left: 1.25em; }
.faq {
  padding-top: 70px; }
  .faq .box, .faq .flash-msg {
    padding: 30px; }
  .faq .faq-content .leading {
    margin-left: 0; }
  .faq .faq-content h2 {
    margin-bottom: .2em;
    margin-top: 1.25em; }
    .faq .faq-content h2:first-child {
      margin-top: 0; }
  .faq .faq-content p {
    margin-bottom: .5em; }
    .faq .faq-content p span {
      padding: .5em 0 .5em 1em; }
  .faq .faq-question {
    margin-bottom: .5em; }
    .faq .faq-question:before {
      font-family: "SSStandard";
      font-size: .5em;
      content: "\25b9\00a0\00a0"; }
    .faq .faq-question.toggler-active:before {
      content: "\25be\00a0\00a0"; }
  .faq .faq-answer {
    display: none; }
    .faq .faq-answer.active {
      display: block; }
  .faq .faq-sub-list {
    margin-bottom: 0;
    padding: 0 0 .5em 2em;
    list-style: initial;
    list-style-type: circle; }
.education-pages .education-index-intro {
  background-color: #ffc12f; }
  .education-pages .education-index-intro h1 {
    color: #fff; }
  .education-pages .education-index-intro h2 {
    font-size: 35px; }
    @media only screen and (max-width: 768px) {
      .education-pages .education-index-intro h2 {
        font-size: 2.69231rem; } }
    @media only screen and (min-width: 668px) {
      .education-pages .education-index-intro h2 {
        font-size: 2.05882rem; } }
  .education-pages .education-index-intro .eduicon {
    max-width: 10%;
    -ms-transform: rotate(-7deg);
    
    -webkit-transform: rotate(-7deg);
    
    transform: rotate(-7deg);
    position: absolute;
    top: 10px;
    left: -10px;
    z-index: 10; }
  @media only screen and (max-width: 767px) {
    .education-pages .education-index-intro {
      text-align: center; }
      .education-pages .education-index-intro h1 {
        margin-bottom: 20px; } }
  .education-pages .education-index-intro .video-container {
    margin-top: 30px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
  .education-pages .education-index-intro .video-container iframe,
  .education-pages .education-index-intro .video-container object,
  .education-pages .education-index-intro .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.education-pages .educationButtonWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start; }
  @media only screen and (max-width: 767px) {
    .education-pages .educationButtonWrapper {
      flex-direction: column; }
      .education-pages .educationButtonWrapper .btn {
        padding: 15px 0;
        width: 100%; } }
.education-pages section {
  padding-top: 3em;
  padding-bottom: 3em; }
@media only screen and (max-width: 768px) {
  .education-pages .wrapper:not(.header-wrapper) {
    padding-left: 11.4%;
    padding-right: 11.4%; } }
.education-pages h2 {
  line-height: 1em;
  margin-bottom: 0.5em; }
  @media only screen and (min-width: 1025px) {
    .education-pages h2 {
      font-size: 45px; } }
  @media only screen and (min-width: 1025px) and (max-width: 768px) {
    .education-pages h2 {
      font-size: 3.46154rem; } }
  @media only screen and (min-width: 1025px) and (min-width: 668px) {
    .education-pages h2 {
      font-size: 2.64706rem; } }
.education-pages strong {
  font-family: ProximaNovaSemiBold;
  font-weight: bold; }
  .education-pages strong.purple {
    font-family: ProximaNovaBlack, ProximaNova;
    text-transform: uppercase;
    font-weight: normal;
    color: #98065e; }
  .education-pages strong.orange {
    font-family: ProximaNovaBlack, ProximaNova;
    text-transform: uppercase;
    font-weight: normal;
    color: #ff6523; }
  .education-pages strong .VAT {
    text-transform: initial;
    font-size: 0.6em; }
@media only screen and (min-width: 769px) {
  .education-pages #education-intro p {
    font-size: 1.3em; } }
.education-pages #why img {
  display: block;
  width: 92%;
  margin: 5px auto 15px auto; }
.education-pages #why .classroom img.desktop {
  width: 100%;
  width: calc(100% + 15px);
  max-width: none;
  margin-left: -15px; }
.education-pages #why img.desktop {
  display: none; }
@media only screen and (min-width: 768px) {
  .education-pages #why img.mobile {
    display: none; }
  .education-pages #why img.desktop {
    display: block; } }
@media only screen and (min-width: 1024px) {
  .education-pages #why .classroom h2 {
    margin-top: 5%; }
  .education-pages #why .ways h2 {
    margin-top: 10%; } }
.education-pages #lessonplans h1, .education-pages #lessonplans p,
.education-pages #lessonplans-index h1,
.education-pages #lessonplans-index p {
  color: #fff; }
.education-pages #lessonplans .lesson-container,
.education-pages #lessonplans-index .lesson-container {
  background-color: #fff; }
  .education-pages #lessonplans .lesson-container .lesson-content,
  .education-pages #lessonplans-index .lesson-container .lesson-content {
    padding: 10px; }
    .education-pages #lessonplans .lesson-container .lesson-content .type-super,
    .education-pages #lessonplans-index .lesson-container .lesson-content .type-super {
      color: #000;
      font-size: 21px; }
      @media only screen and (max-width: 768px) {
        .education-pages #lessonplans .lesson-container .lesson-content .type-super,
        .education-pages #lessonplans-index .lesson-container .lesson-content .type-super {
          font-size: 1.61538rem; } }
      @media only screen and (min-width: 668px) {
        .education-pages #lessonplans .lesson-container .lesson-content .type-super,
        .education-pages #lessonplans-index .lesson-container .lesson-content .type-super {
          font-size: 1.23529rem; } }
    .education-pages #lessonplans .lesson-container .lesson-content p,
    .education-pages #lessonplans-index .lesson-container .lesson-content p {
      color: #000;
      margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .education-pages #lessonplans .lesson-container,
    .education-pages #lessonplans-index .lesson-container {
      margin-bottom: 40px; } }
.education-pages #lessonplans .more-lessons,
.education-pages #lessonplans-index .more-lessons {
  text-align: right;
  margin-top: 20px; }
  .education-pages #lessonplans .more-lessons a, .education-pages #lessonplans .more-lessons .signup .validate-email-domain, .signup .education-pages #lessonplans .more-lessons .validate-email-domain,
  .education-pages #lessonplans-index .more-lessons a,
  .education-pages #lessonplans-index .more-lessons .signup .validate-email-domain,
  .signup .education-pages #lessonplans-index .more-lessons .validate-email-domain {
    color: #fff;
    font-weight: bold; }
    .education-pages #lessonplans .more-lessons a:hover, .education-pages #lessonplans .more-lessons .signup .validate-email-domain:hover, .signup .education-pages #lessonplans .more-lessons .validate-email-domain:hover,
    .education-pages #lessonplans-index .more-lessons a:hover,
    .education-pages #lessonplans-index .more-lessons .signup .validate-email-domain:hover,
    .signup .education-pages #lessonplans-index .more-lessons .validate-email-domain:hover {
      border-bottom: 1px solid #fff; }
.education-pages #promise .bullit {
  padding-top: 11px; }
.education-pages #promise .icon-container {
  width: 7%;
  float: left; }
  .education-pages #promise .icon-container img {
    padding-top: 2px; }
.education-pages #promise .content-container {
  width: 90%;
  max-width: 100%;
  padding-left: 3%;
  float: left; }
  @media only screen and (min-width: 1025px) {
    .education-pages #promise .content-container {
      width: 88%;
      padding-left: 5%; } }
@media only screen and (max-width: 768px) {
  .education-pages #promise #available-soon {
    padding-top: 1.2em; } }
.education-pages .bright-background {
  background-color: white; }
.education-pages .blue-background {
  background-color: #1d9fe5; }
.education-pages blockquote {
  overflow: hidden; }
.education-pages q {
  display: block; }
  @media only screen and (min-width: 500px) {
    .education-pages q {
      padding-top: 2%; } }
.education-pages .quote {
  float: left;
  margin-right: 3%; }
  @media only screen and (min-width: 668px) {
    .education-pages .quote {
      margin-right: 15px;
      margin-bottom: 15px; } }
@media only screen and (min-width: 1382px) {
  .education-pages .row.mobile {
    display: none; } }
.education-pages .row.mobile .quote {
  width: 24%;
  max-width: 120px; }
.education-pages .row.mobile .tweet {
  display: block;
  width: 100%;
  width: calc(100% + 30px);
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  left: -15px; }
.education-pages .row.desktop {
  display: none; }
  @media only screen and (min-width: 1382px) {
    .education-pages .row.desktop {
      display: block; } }
.education-pages .clearfix:before,
.education-pages .clearfix:after {
  content: " ";
  display: table; }
.education-pages .clearfix:after {
  clear: both; }
.education-pages #secondary-call-to-action {
  background-color: #ffc12f; }
  .education-pages #secondary-call-to-action p {
    font-size: 1.55em; }
  .education-pages #secondary-call-to-action .type-super {
    color: #fff; }
  .education-pages #secondary-call-to-action .app-info {
    display: -webkit-flex;
    
    -webkit-justify-content: flex-start;
    
    -webkit-align-items: center;
    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px; }
    .education-pages #secondary-call-to-action .app-info a, .education-pages #secondary-call-to-action .app-info .signup .validate-email-domain, .signup .education-pages #secondary-call-to-action .app-info .validate-email-domain {
      -webkit-flex: 1 0;
      
      -ms-flex: 1 0;
      
      flex: 1 0;
      max-width: 30%;
      margin-right: 20px;
      border-bottom: none; }
      .education-pages #secondary-call-to-action .app-info a:hover, .education-pages #secondary-call-to-action .app-info .signup .validate-email-domain:hover, .signup .education-pages #secondary-call-to-action .app-info .validate-email-domain:hover {
        border-bottom: none; }
    .education-pages #secondary-call-to-action .app-info div {
      -webkit-flex: 1 0;
      
      -ms-flex: 1 0;
      
      flex: 1 0; }
      .education-pages #secondary-call-to-action .app-info div h1 {
        font-weight: bold;
        word-wrap: break-word;
        overflow: visible;
        font-size: 17px;
        color: #000; }
        @media only screen and (max-width: 768px) {
          .education-pages #secondary-call-to-action .app-info div h1 {
            font-size: 1.30769rem; } }
        @media only screen and (min-width: 668px) {
          .education-pages #secondary-call-to-action .app-info div h1 {
            font-size: 1rem; } }
      .education-pages #secondary-call-to-action .app-info div ul {
        margin-bottom: 20px; }
      .education-pages #secondary-call-to-action .app-info div a, .education-pages #secondary-call-to-action .app-info div .signup .validate-email-domain, .signup .education-pages #secondary-call-to-action .app-info div .validate-email-domain {
        font-weight: bold;
        word-wrap: break-word;
        overflow: visible;
        font-size: 17px;
        color: #fff; }
        @media only screen and (max-width: 768px) {
          .education-pages #secondary-call-to-action .app-info div a, .education-pages #secondary-call-to-action .app-info div .signup .validate-email-domain, .signup .education-pages #secondary-call-to-action .app-info div .validate-email-domain {
            font-size: 1.30769rem; } }
        @media only screen and (min-width: 668px) {
          .education-pages #secondary-call-to-action .app-info div a, .education-pages #secondary-call-to-action .app-info div .signup .validate-email-domain, .signup .education-pages #secondary-call-to-action .app-info div .validate-email-domain {
            font-size: 1rem; } }
        .education-pages #secondary-call-to-action .app-info div a:hover, .education-pages #secondary-call-to-action .app-info div .signup .validate-email-domain:hover, .signup .education-pages #secondary-call-to-action .app-info div .validate-email-domain:hover {
          border-bottom: 1px solid #fff; }
.education-pages .footer {
  background-color: #fff; }
.education-trial p {
  margin-bottom: 10px; }
.education-trial h2 {
  font-size: 35px;
  max-width: 720px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .education-trial h2 {
      font-size: 2.69231rem; } }
  @media only screen and (min-width: 668px) {
    .education-trial h2 {
      font-size: 2.05882rem; } }
  @media only screen and (max-width: 767px) {
    .education-trial h2 {
      font-size: 25px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .education-trial h2 {
      font-size: 1.92308rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .education-trial h2 {
      font-size: 1.47059rem; } }
.education-trial form label {
  max-width: 300px;
  width: 100%;
  margin: 0 auto; }
.education-trial form select {
  font-family: "ProximaNova";
  font-size: 14px;
  color: #574b54;
  -moz-border-radius: 3px / 3px;
  -webkit-border-radius: 3px 3px;
  border-radius: 3px / 3px;
  outline: none;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 300px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .education-trial form select {
      max-width: 308px; } }
.education-trial form input,
.education-trial form select {
  margin: 10px auto; }
.education-trial form input[type="submit"],
.education-trial form input[type="reset"],
.education-trial form input[type="button"],
.education-trial form button {
  margin-top: 1em;
  margin-bottom: 60px;
  font-size: 17px;
  border: 0;
  overflow: visible;
  padding: 1em;
  -webkit-appearance: button;
  
  -webkit-user-select: none;
  
  -moz-user-select: none;
  -ms-user-select: none; }
  @media only screen and (max-width: 768px) {
    .education-trial form input[type="submit"],
    .education-trial form input[type="reset"],
    .education-trial form input[type="button"],
    .education-trial form button {
      font-size: 1.30769rem; } }
  @media only screen and (min-width: 668px) {
    .education-trial form input[type="submit"],
    .education-trial form input[type="reset"],
    .education-trial form input[type="button"],
    .education-trial form button {
      font-size: 1rem; } }
.education-price h2 {
  font-size: 35px;
  max-width: 720px;
  margin: 0 auto; }
  @media only screen and (max-width: 768px) {
    .education-price h2 {
      font-size: 2.69231rem; } }
  @media only screen and (min-width: 668px) {
    .education-price h2 {
      font-size: 2.05882rem; } }
  @media only screen and (max-width: 767px) {
    .education-price h2 {
      font-size: 25px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .education-price h2 {
      font-size: 1.92308rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .education-price h2 {
      font-size: 1.47059rem; } }
#lessonplans-index {
  background-color: #1d9fe5; }
  #lessonplans-index .type-super {
    color: #fff; }
  #lessonplans-index .lessonplans-plans {
    margin-bottom: 30px; }
#lessonplans-content {
  background-color: #fff; }
  #lessonplans-content video {
    max-width: 620px;
    display: block;
    margin: 20px auto 10px auto; }
.dead-trigger-2 {
  
  
  
   }
  .dead-trigger-2 body {
    margin: 0; }
  .dead-trigger-2 h1,
  .dead-trigger-2 h2 {
    font-family: ProximaNovaExtraBold, ProximaNova;
    font-weight: normal;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    font-size: 1.9em; }
    @media only screen and (min-width: 769px) {
      .dead-trigger-2 h1,
      .dead-trigger-2 h2 {
        font-size: 2.58em; } }
  .dead-trigger-2 h1 {
    font-family: ProximaNovaBlack, ProximaNova;
    font-weight: normal;
    text-transform: uppercase; }
  .dead-trigger-2 .parallax {
    -moz-perspective: 1px;
    -webkit-perspective: 1px;
    perspective: 1px;
    width: 100%;
    position: relative;
    top: -60px; }
  .dead-trigger-2 .parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .dead-trigger-2 .parallax__group {
    position: relative;
    -moz-transform-style: flat;
    -webkit-transform-style: flat;
    transform-style: flat; }
  @media only screen and (min-width: 1025px) {
    .dead-trigger-2 .parallax {
      position: absolute;
      top: 0; }
    .dead-trigger-2 .parallax__layer {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .dead-trigger-2 .parallax__group {
      position: relative; } }
  .dead-trigger-2 #hero {
    min-height: 500px;
    height: 95vh;
    max-height: 95vh;
    
     }
    @media (min-height: 569px) {
      .dead-trigger-2 #hero {
        height: 88vw; } }
    .dead-trigger-2 #hero h1 {
      color: white;
      padding-right: 15px;
      padding-left: 15px; }
    .dead-trigger-2 #hero p {
      font-family: 'ProximaNovaLight';
      color: white;
      font-size: 1.5em;
      margin-bottom: 0.5em; }
      @media only screen and (max-width: 667px) {
        .dead-trigger-2 #hero p {
          display: none; } }
    .dead-trigger-2 #hero .parallax__layer {
      overflow-x: hidden; }
    .dead-trigger-2 #hero .parallax__layer--deep {
      background-size: cover;
      background-position: 50% 50%;
      background-image: url(https://d290g5mn36mqgx.cloudfront.net/images/dead-trigger-2/77965171ce73683c0b2636052d9d8616-roadblock-bg.jpg);
      background-repeat: no-repeat; }
    .dead-trigger-2 #hero .parallax__layer--base {
      text-align: center;
      top: 27%;
      left: 0;
      margin: 0 auto; }
    .dead-trigger-2 #hero .call-to-action {
      width: 10em; }
      @media only screen and (min-width: 668px) {
        .dead-trigger-2 #hero .call-to-action {
          width: 12em; } }
    .dead-trigger-2 #hero .dead-trigger-2-logo {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 10em; }
      @media only screen and (min-width: 668px) {
        .dead-trigger-2 #hero .dead-trigger-2-logo {
          width: 12em; } }
      .dead-trigger-2 #hero .dead-trigger-2-logo img {
        width: 10em; }
      .dead-trigger-2 #hero .dead-trigger-2-logo:hover {
        border-bottom-color: transparent; }
    .dead-trigger-2 #hero .character {
      position: absolute;
      bottom: 0;
      height: 52%;
      max-width: none; }
      @media only screen and (min-width: 1025px) {
        .dead-trigger-2 #hero .character {
          height: 80%; } }
    .dead-trigger-2 #hero .left-image {
      right: 64%; }
    .dead-trigger-2 #hero .right-image {
      left: 64%; }
    .dead-trigger-2 #hero .tara {
      margin-left: 40px; }
    .dead-trigger-2 #hero .buck {
      margin-right: 30px; }
    .dead-trigger-2 #hero .zombie1 {
      margin-left: 0; }
    .dead-trigger-2 #hero .zombie2 {
      margin-right: -100px; }
  .dead-trigger-2 #content {
    color: #4d424a; }
    .dead-trigger-2 #content .parallax__layer {
      top: -3em; }
    .dead-trigger-2 #content .label {
      display: inline-block;
      position: relative;
      width: 9em;
      left: 50%;
      margin-left: -4.5em;
      background-image: url(https://d290g5mn36mqgx.cloudfront.net/images/start-page/9b0fde223f60ae89c98d2d5a3e0cedfe-label-paper.svg);
      background-repeat: no-repeat;
      background-size: cover;
      border-bottom: none;
      padding-top: .8em;
      font-family: ProximaNovaExtraBold, ProximaNova;
      text-transform: uppercase;
      text-align: center;
      color: #aa8c8a; }
    .dead-trigger-2 #content a.label:hover, .dead-trigger-2 #content .signup .label.validate-email-domain:hover, .signup .dead-trigger-2 #content .label.validate-email-domain:hover {
      border-bottom: none; }
    .dead-trigger-2 #content .arrow-down {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #aa8c8a;
      margin: 0 auto; }
    .dead-trigger-2 #content #introduction-label,
    .dead-trigger-2 #content #challenges-label {
      background-image: url(https://d290g5mn36mqgx.cloudfront.net/images/start-page/a6e75e9800b46339c2bcd92c56921d6b-label-white.svg); }
    .dead-trigger-2 #content .explore {
      background: #f2ede5;
      padding-bottom: 2.141176471em; }
      .dead-trigger-2 #content .explore h1 {
        color: #9f2a5e; }
      .dead-trigger-2 #content .explore .box.top.intro, .dead-trigger-2 #content .explore .top.intro.flash-msg {
        padding-top: 2em; }
    .dead-trigger-2 #content .introduction {
      text-align: center; }
    .dead-trigger-2 #content .introduction,
    .dead-trigger-2 #content .challenges,
    .dead-trigger-2 #content .terms {
      background: #ffffff; }
      .dead-trigger-2 #content .introduction .picture,
      .dead-trigger-2 #content .challenges .picture,
      .dead-trigger-2 #content .terms .picture {
        padding: 3.141176em 1em 0 1em; }
      .dead-trigger-2 #content .introduction h2,
      .dead-trigger-2 #content .challenges h2,
      .dead-trigger-2 #content .terms h2 {
        letter-spacing: 1.6px;
        margin-bottom: 0;
        line-height: 1;
        margin-top: 1em;
        margin-bottom: .5em; }
        .dead-trigger-2 #content .introduction h2 ins,
        .dead-trigger-2 #content .challenges h2 ins,
        .dead-trigger-2 #content .terms h2 ins {
          text-decoration: none; }
      .dead-trigger-2 #content .introduction .copy,
      .dead-trigger-2 #content .challenges .copy,
      .dead-trigger-2 #content .terms .copy {
        padding-bottom: 1em; }
      .dead-trigger-2 #content .introduction .centered,
      .dead-trigger-2 #content .challenges .centered,
      .dead-trigger-2 #content .terms .centered {
        float: none;
        margin-left: auto;
        margin-right: auto; }
    .dead-trigger-2 #content .challenges {
      padding-bottom: 3.141176em; }
      .dead-trigger-2 #content .challenges p strong {
        font-family: "ProximaNovaSemiBold";
        font-weight: normal; }
    .dead-trigger-2 #content .terms {
      background: transparent; }
      .dead-trigger-2 #content .terms ul {
        list-style: disc;
        padding-left: 2em; }
      .dead-trigger-2 #content .terms ul ul {
        list-style: circle; }
      .dead-trigger-2 #content .terms em {
        font-style: italic; }
      .dead-trigger-2 #content .terms strong {
        font-weight: bold; }
  .dead-trigger-2 body > div.wrapper.footer {
    display: none; }
.glint-index {
  text-align: center;
  padding: 0; }
  .glint-index .wrapper {
    padding: 0; }
  .glint-index .unicorn-wrapper {
    background: #f89dc9;
    
    background: -moz-linear-gradient(-45deg, #f89dc9 0%, #fbd274 50%, #9cf265 100%);
    
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f89dc9), color-stop(50%, #fbd274), color-stop(100%, #9cf265));
    
    background: -webkit-linear-gradient(-45deg, #f89dc9 0%, #fbd274 50%, #9cf265 100%);
    
    background: -o-linear-gradient(-45deg, #f89dc9 0%, #fbd274 50%, #9cf265 100%);
    
    background: -ms-linear-gradient(-45deg, #f89dc9 0%, #fbd274 50%, #9cf265 100%);
    
    background: linear-gradient(135deg, #f89dc9 0%, #fbd274 50%, #9cf265 100%);
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89dc9', endColorstr='#9cf265',GradientType=1 );
     }
  .glint-index .unicorn-wrapper {
    width: 100%;
    height: auto;
    overflow: hidden; }
  .glint-index .header-wrapper {
    width: 100%;
    background: transparent; }
    .glint-index .header-wrapper .header {
      width: 100%;
      max-width: 1060px;
      height: auto;
      margin: 0 auto;
      padding: 0;
      position: relative;
      z-index: 1;
      top: 1em; }
      @media only screen and (min-width: 769px) {
        .glint-index .header-wrapper .header {
          top: 2em; } }
      .glint-index .header-wrapper .header h1 {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
        font-family: ProximaNovaBlack, ProximaNova;
        font-weight: normal;
        text-transform: uppercase;
        text-rendering: optimizeLegibility;
        color: #fff;
        line-height: 1em;
        font-size: 3.58em; }
        @media only screen and (min-width: 668px) {
          .glint-index .header-wrapper .header h1 {
            float: left;
            width: 50%;
            padding: 0 0 0 5%;
            text-align: left; } }
        .glint-index .header-wrapper .header h1 .logo {
          background: transparent url(https://d290g5mn36mqgx.cloudfront.net/images/glint/3d69e2e25a20ddd20cb74d9f3d58f050-glint_logo_white.png) no-repeat center center;
          background-size: 2em 2em;
          display: inline-block;
          height: 2em;
          width: 2em;
          vertical-align: middle;
          line-height: normal;
          position: relative;
          top: -0.1em;
          margin-right: .05em; }
      .glint-index .header-wrapper .header .appstore-above {
        display: none; }
        @media only screen and (min-width: 668px) {
          .glint-index .header-wrapper .header .appstore-above {
            display: block;
            float: left;
            width: 40%;
            padding: 1.5em 5% 0 0;
            margin: 0;
            overflow: hidden; }
            .glint-index .header-wrapper .header .appstore-above a, .glint-index .header-wrapper .header .appstore-above .signup .validate-email-domain, .signup .glint-index .header-wrapper .header .appstore-above .validate-email-domain {
              border: none;
              display: block;
              float: right;
              width: 13em; }
              .glint-index .header-wrapper .header .appstore-above a img, .glint-index .header-wrapper .header .appstore-above .signup .validate-email-domain img, .signup .glint-index .header-wrapper .header .appstore-above .validate-email-domain img {
                display: block;
                width: 100%; }
            .glint-index .header-wrapper .header .appstore-above p {
              clear: both;
              display: block;
              float: right;
              width: 13em;
              margin: 0;
              padding: .25em 0 0;
              text-align: center;
              font-family: ProximaNovaExtraBold, ProximaNova;
              font-weight: normal;
              text-transform: uppercase;
              color: #fff;
              text-transform: uppercase;
              letter-spacing: .05em; } }
  .glint-index .hero-wrapper {
    width: 100%;
    height: auto;
    padding: 0 0 1em;
    text-align: center;
    position: relative; }
    @media only screen and (min-width: 668px) {
      .glint-index .hero-wrapper {
        padding-bottom: 2em; } }
    @media only screen and (min-width: 769px) {
      .glint-index .hero-wrapper {
        padding-bottom: 3em; } }
    .glint-index .hero-wrapper .hero {
      width: 100%;
      max-width: 1060px;
      height: auto;
      margin: 0 auto;
      padding: 0;
      position: relative; }
      .glint-index .hero-wrapper .hero img {
        position: absolute;
        top: 10%;
        max-width: 50%; }
        @media only screen and (min-width: 668px) {
          .glint-index .hero-wrapper .hero img {
            max-width: 30%; } }
        .glint-index .hero-wrapper .hero img.left-1, .glint-index .hero-wrapper .hero img.right-1 {
          max-width: 40%; }
          @media only screen and (min-width: 668px) {
            .glint-index .hero-wrapper .hero img.left-1, .glint-index .hero-wrapper .hero img.right-1 {
              max-width: 20%; } }
        .glint-index .hero-wrapper .hero img.left-2, .glint-index .hero-wrapper .hero img.right-2 {
          max-width: 45%; }
          @media only screen and (min-width: 668px) {
            .glint-index .hero-wrapper .hero img.left-2, .glint-index .hero-wrapper .hero img.right-2 {
              max-width: 25%; } }
        .glint-index .hero-wrapper .hero img.left-1 {
          display: none; }
          @media only screen and (min-width: 668px) {
            .glint-index .hero-wrapper .hero img.left-1 {
              display: block;
              top: 22.5%;
              left: 5%;
              transform: rotate(-6deg);
              -webkit-transform: rotate(-6deg); } }
        .glint-index .hero-wrapper .hero img.left-2 {
          left: 2.5%;
          transform: rotate(-3deg);
          -webkit-transform: rotate(-3deg); }
          @media only screen and (min-width: 668px) {
            .glint-index .hero-wrapper .hero img.left-2 {
              left: 17.5%; } }
        .glint-index .hero-wrapper .hero img.right-1 {
          display: none; }
          @media only screen and (min-width: 668px) {
            .glint-index .hero-wrapper .hero img.right-1 {
              display: block;
              top: 22.5%;
              right: 5%;
              transform: rotate(6deg);
              -webkit-transform: rotate(6deg); } }
        .glint-index .hero-wrapper .hero img.right-2 {
          right: 2.5%;
          transform: rotate(3deg);
          -webkit-transform: rotate(3deg); }
          @media only screen and (min-width: 668px) {
            .glint-index .hero-wrapper .hero img.right-2 {
              right: 17.5%; } }
        .glint-index .hero-wrapper .hero img.center {
          position: relative;
          display: block;
          margin: 0 auto;
          top: auto; }
  .glint-index .appstore-below {
    display: block;
    padding: 0 0 1.5em;
    margin: 0; }
    @media only screen and (min-width: 668px) {
      .glint-index .appstore-below {
        display: none; } }
    .glint-index .appstore-below a, .glint-index .appstore-below .signup .validate-email-domain, .signup .glint-index .appstore-below .validate-email-domain {
      border: none;
      display: block;
      width: 14em;
      margin: 0 auto; }
      .glint-index .appstore-below a img, .glint-index .appstore-below .signup .validate-email-domain img, .signup .glint-index .appstore-below .validate-email-domain img {
        display: block;
        width: 100%; }
    .glint-index .appstore-below p {
      display: block;
      width: 14em;
      margin: 0 auto;
      padding: .25em 0 0;
      text-align: center;
      font-family: ProximaNovaExtraBold, ProximaNova;
      font-weight: normal;
      text-transform: uppercase;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: .05em; }
  .glint-index .description-wrapper {
    padding: 2em 2em; }
    .glint-index .description-wrapper .description {
      max-width: 500px;
      margin: 0 auto; }
      .glint-index .description-wrapper .description ul {
        margin: 0 auto 1em; }
        .glint-index .description-wrapper .description ul li {
          list-style: disc outside;
          margin-left: 2em;
          text-align: left; }
body {
  background-color: #fff;
  padding-top: 70px; }
* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.user-link {
  font-weight: bold; }
.time-ago {
  color: #9e9e9e;
  font-size: 15px; }
  @media only screen and (max-width: 768px) {
    .time-ago {
      font-size: 1.15385rem; } }
  @media only screen and (min-width: 668px) {
    .time-ago {
      font-size: 0.88235rem; } }
.profile-pic,
.col {
  float: left; }
.profile-pic {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 50%; }
  .profile-pic img {
    display: block;
    max-width: 100%; }
  .profile-pic.large {
    margin-bottom: 10px;
    width: 100%;
    margin-bottom: 10px;
    height: 100%;
    overflow: hidden;
    border-radius: 50%; }
    .profile-pic.large img {
      max-width: 100%;
      margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .profile-pic.large {
        display: none; } }
  .profile-pic.margin {
    margin-right: 20px; }
  .profile-pic.small {
    display: none; }
    @media only screen and (max-width: 767px) {
      .profile-pic.small {
        display: inline;
        width: 60px;
        margin-right: 10px;
        height: 60px;
        overflow: hidden;
        border-radius: 50%; }
        .profile-pic.small img {
          max-width: 100%;
          margin-bottom: 10px; } }
.col {
  width: 80%; }
nav ul li.selected > a, nav ul .signup li.selected > .validate-email-domain, .signup nav ul li.selected > .validate-email-domain,
.sidebar ul li.selected > a,
.sidebar ul .signup li.selected > .validate-email-domain,
.signup .sidebar ul li.selected > .validate-email-domain {
  font-weight: bold; }
nav ul li ul,
.sidebar ul li ul {
  margin-top: 5px;
  margin-left: 10px; }
.sidebar ul li {
  font-size: 15px;
  margin-bottom: 5px; }
  @media only screen and (max-width: 768px) {
    .sidebar ul li {
      font-size: 1.15385rem; } }
  @media only screen and (min-width: 668px) {
    .sidebar ul li {
      font-size: 0.88235rem; } }
#show-sidebar-btn {
  display: none; }
  @media only screen and (max-width: 767px) {
    #show-sidebar-btn {
      display: inline-block; } }
#browse-movies-sidebar {
  float: right; }
  #browse-movies-sidebar.active {
    display: block; }
  @media only screen and (max-width: 767px) {
    #browse-movies-sidebar > .box, #browse-movies-sidebar > .flash-msg {
      display: none;
      margin-left: -2.65957%;
      width: 100%;
      padding-left: 2.65957%;
      padding-right: 2.65957%; }
    #browse-movies-sidebar > .box.active, #browse-movies-sidebar > .active.flash-msg {
      display: block;
      -moz-column-width: 9em;
      -webkit-column-width: 9em;
      -moz-column-gap: 1em;
      -webkit-column-gap: 1em;
      text-align: center; }
      #browse-movies-sidebar > .box.active h3, #browse-movies-sidebar > .active.flash-msg h3 {
        display: none; } }
  #browse-movies-sidebar .sidebar-toggle-links {
    display: none;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      #browse-movies-sidebar .sidebar-toggle-links {
        display: block; } }
    #browse-movies-sidebar .sidebar-toggle-links li {
      float: left;
      width: 33%;
      text-align: center;
      margin-bottom: 0; }
      #browse-movies-sidebar .sidebar-toggle-links li:first-child {
        margin-left: 0; }
      #browse-movies-sidebar .sidebar-toggle-links li a, #browse-movies-sidebar .sidebar-toggle-links li .signup .validate-email-domain, .signup #browse-movies-sidebar .sidebar-toggle-links li .validate-email-domain {
        padding: 10px 0;
        display: block; }
        #browse-movies-sidebar .sidebar-toggle-links li a:hover, #browse-movies-sidebar .sidebar-toggle-links li .signup .validate-email-domain:hover, .signup #browse-movies-sidebar .sidebar-toggle-links li .validate-email-domain:hover {
          border-bottom: 0; }
        #browse-movies-sidebar .sidebar-toggle-links li a.toggler-active, #browse-movies-sidebar .sidebar-toggle-links li .signup .toggler-active.validate-email-domain, .signup #browse-movies-sidebar .sidebar-toggle-links li .toggler-active.validate-email-domain {
          background-color: #fff; }
      #browse-movies-sidebar .sidebar-toggle-links li a:before, #browse-movies-sidebar .sidebar-toggle-links li .signup .validate-email-domain:before, .signup #browse-movies-sidebar .sidebar-toggle-links li .validate-email-domain:before {
        margin-right: 2px;
        vertical-align: middle; }
.progress {
  width: auto;
  min-height: 8px;
  position: relative;
  background: #eeeeee;
  margin: 0 8px 20px 8px; }
  .progress .value-bar {
    background-color: #71b221;
    text-indent: -9000px;
    height: 8px; }
    .progress .value-bar p {
      font-size: 0; }
  .progress:before, .progress:after {
    position: absolute;
    top: -4px;
    left: -8px;
    width: 16px;
    height: 16px;
    content: "";
    background-color: #73cc47;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px; }
  .progress:after {
    left: auto;
    right: -8px;
    background-color: #eeeeee; }
.checklist li {
  color: #757575;
  margin: 0 0 5px 25px; }
  .checklist li:before {
    color: #71b221;
    margin-right: 9px; }
  .checklist li.ss-check {
    margin-left: 0; }
ul.step-progress {
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 0;
  margin-bottom: 22px;
  overflow: hidden; }
  ul.step-progress.threestep li {
    width: 33%; }
  ul.step-progress.fourstep li {
    width: 25%; }
  ul.step-progress:before {
    height: 8px;
    content: "";
    background-color: #eeeeee;
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 22px; }
  ul.step-progress li {
    float: left;
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 18px;
    color: #bdbdbd;
    height: 70px;
    line-height: 1; }
    @media only screen and (max-width: 768px) {
      ul.step-progress li {
        font-size: 1.38462rem; } }
    @media only screen and (min-width: 668px) {
      ul.step-progress li {
        font-size: 1.05882rem; } }
    @media only screen and (max-width: 767px) {
      ul.step-progress li {
        font-size: 14px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    ul.step-progress li {
      font-size: 1.07692rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    ul.step-progress li {
      font-size: 0.82353rem; } }
  ul.step-progress li.current {
    font-weight: bold;
    color: #616161; }
    ul.step-progress li.current:before, ul.step-progress li.current:after {
      background-color: #73cc47; }
    ul.step-progress li.current:after {
      width: 50%; }
  ul.step-progress li.current:first-child:after {
    background-color: #eeeeee; }
  ul.step-progress li.done:before, ul.step-progress li.done:after {
    background-color: #73cc47; }
  ul.step-progress li:before,
  ul.step-progress li:after {
    content: "";
    background-color: #eeeeee;
    position: absolute;
    z-index: -1; }
  ul.step-progress li:before {
    width: 16px;
    height: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    left: 50%;
    bottom: 18px;
    margin-left: -8px; }
  ul.step-progress li:after {
    width: 100%;
    height: 8px;
    left: 0;
    bottom: 22px;
    z-index: -2; }
  ul.step-progress li:first-child:after,
  ul.step-progress li:last-child:after {
    width: 50%; }
  ul.step-progress li:first-child:after {
    left: 50%; }
.activity-list {
  margin-bottom: 15px; }
  .activity-list li {
    font-size: 15px;
    padding-top: 5px;
    border-top: 1px solid #e5e2de; }
    @media only screen and (max-width: 768px) {
      .activity-list li {
        font-size: 1.15385rem; } }
    @media only screen and (min-width: 668px) {
      .activity-list li {
        font-size: 0.88235rem; } }
    .activity-list li span {
      font-size: 13px; }
      @media only screen and (max-width: 768px) {
        .activity-list li span {
          font-size: 1rem; } }
      @media only screen and (min-width: 668px) {
        .activity-list li span {
          font-size: 0.76471rem; } }
  .activity-list li:first-child {
    border-top: none; }
.badge {
  background-color: #1d9fe5;
  font-weight: bold;
  color: #fff;
  padding: 2px 4px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; }
.view {
  float: right;
  margin: 0; }
  .view .ss-thumbnails:before {
    margin: 0; }
  .view a, .view .signup .validate-email-domain, .signup .view .validate-email-domain {
    padding: 6px 6px 3px 6px; }
    .view a:before, .view .signup .validate-email-domain:before, .signup .view .validate-email-domain:before {
      font-family: "SSStandard";
      content: "\ED50"; }
    .view a:first-child, .view .signup .validate-email-domain:first-child, .signup .view .validate-email-domain:first-child {
      margin-right: 3px; }
    .view a:hover, .view .signup .validate-email-domain:hover, .signup .view .validate-email-domain:hover, .view a.toggler-active, .view .signup .toggler-active.validate-email-domain, .signup .view .toggler-active.validate-email-domain {
      background-color: #eeeeee;
      border-bottom: none; }
    .view a.toggler-active:before, .view .signup .toggler-active.validate-email-domain:before, .signup .view .toggler-active.validate-email-domain:before {
      content: "\E9A0"; }
    .view a span, .view .signup .validate-email-domain span, .signup .view .validate-email-domain span {
      display: none; }
  @media only screen and (max-width: 767px) {
    .view {
      display: none; } }
.flash-msg {
  margin-top: -20px;
  position: relative;
  background-color: #73cc47; }
  @media only screen and (max-width: 767px) {
    .flash-msg {
      margin-left: -2.65957%;
      width: 100%;
      padding-left: 2.65957%;
      padding-right: 2.65957%; } }
  .flash-msg a, .flash-msg .signup .validate-email-domain, .signup .flash-msg .validate-email-domain {
    color: #fff;
    font-weight: bold; }
    .flash-msg a:hover, .flash-msg .signup .validate-email-domain:hover, .signup .flash-msg .validate-email-domain:hover {
      border-bottom-color: #fff; }
  .flash-msg p {
    padding: 10px;
    color: #fff;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      .flash-msg p {
        font-size: 1.23077rem; } }
    @media only screen and (min-width: 668px) {
      .flash-msg p {
        font-size: 0.94118rem; } }
  .flash-msg ul li {
    color: #fafafa;
    list-style: disc;
    margin-left: 17px;
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      .flash-msg ul li {
        font-size: 1.23077rem; } }
    @media only screen and (min-width: 668px) {
      .flash-msg ul li {
        font-size: 0.94118rem; } }
  .flash-msg .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0.75em;
    cursor: pointer;
    color: #fff; }
    .flash-msg .close-btn:hover {
      border-bottom: none; }
  .flash-msg.info {
    background-color: #ffc12f; }
  .flash-msg.error {
    background-color: #f13636; }
  .flash-msg.notice {
    margin-top: -204px;
    background-color: #1d9fe5; }
    @media only screen and (max-width: 767px) {
      .flash-msg.notice {
        margin-top: 0; } }
  .flash-msg.download-notification {
    left: 0;
    min-height: 26px;
    top: 60px;
    position: absolute;
    text-align: center;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999999;
    padding: 25px 0;
    margin-top: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    color: white; }
    .flash-msg.download-notification.active {
      display: none; }
    .flash-msg.download-notification h3 {
      font-family: 'ProximaNova';
      font-size: 15px;
      line-height: 1.2;
      color: #fff;
      width: 93%;
      margin: 0 auto;
      text-align: center;
      display: inline-block; }
      @media only screen and (max-width: 768px) {
        .flash-msg.download-notification h3 {
          font-size: 1.15385rem; } }
      @media only screen and (min-width: 668px) {
        .flash-msg.download-notification h3 {
          font-size: 0.88235rem; } }
      .flash-msg.download-notification h3 a, .flash-msg.download-notification h3 .signup .validate-email-domain, .signup .flash-msg.download-notification h3 .validate-email-domain {
        color: #98065e; }
        .flash-msg.download-notification h3 a:hover, .flash-msg.download-notification h3 .signup .validate-email-domain:hover, .signup .flash-msg.download-notification h3 .validate-email-domain:hover {
          border-bottom-color: #80054f;
          color: #80054f; }
    .flash-msg.download-notification a.plot-close, .flash-msg.download-notification .signup .plot-close.validate-email-domain, .signup .flash-msg.download-notification .plot-close.validate-email-domain {
      width: 4%;
      display: inline-block;
      float: right; }
      .flash-msg.download-notification a.plot-close:hover, .flash-msg.download-notification .signup .plot-close.validate-email-domain:hover, .signup .flash-msg.download-notification .plot-close.validate-email-domain:hover {
        border-bottom: 0;
        color: rgba(255, 255, 255, 0.7); }
    .flash-msg.download-notification .download-notification-hero {
      float: left;
      display: inline-block;
      width: 15%; }
    .flash-msg.download-notification .download-notification-appstore {
      float: right;
      display: inline-block;
      max-width: 15%;
      margin-top: 15px; }
      .flash-msg.download-notification .download-notification-appstore:hover {
        border-bottom: none; }
      .flash-msg.download-notification .download-notification-appstore img {
        float: right; }
    @media only screen and (max-width: 767px) {
      .flash-msg.download-notification {
        margin-left: 0;
        width: auto;
        padding: 15px 0; }
        .flash-msg.download-notification h3 {
          font-size: 13px;
          width: 90%;
          margin: 0; } }
    @media only screen and (max-width: 767px) and (max-width: 768px) {
      .flash-msg.download-notification h3 {
        font-size: 1rem; } }
    @media only screen and (max-width: 767px) and (min-width: 668px) {
      .flash-msg.download-notification h3 {
        font-size: 0.76471rem; } }
    @media only screen and (max-width: 767px) {
        .flash-msg.download-notification .download-notification-appstore {
          display: none; }
        .flash-msg.download-notification .download-notification-hero {
          display: none; } }
.no-margin {
  margin: 0; }
.margin-height {
  margin: 50px 0; }
.purchases-app ul,
.purchases-content {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0;
  margin-bottom: 40px; }
.purchases-meta {
  margin-top: 14px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block; }
  @media only screen and (max-width: 768px) {
    .purchases-meta {
      font-size: 1.23077rem; } }
  @media only screen and (min-width: 668px) {
    .purchases-meta {
      font-size: 0.94118rem; } }
.purchases-date {
  float: right;
  margin-top: 18px;
  font-size: 14px;
  font-weight: normal; }
  @media only screen and (max-width: 768px) {
    .purchases-date {
      font-size: 1.07692rem; } }
  @media only screen and (min-width: 668px) {
    .purchases-date {
      font-size: 0.82353rem; } }
.purchases-img {
  float: left;
  margin-right: 10px; }
.legal {
  font-size: 16px; }
  @media only screen and (max-width: 768px) {
    .legal {
      font-size: 1.23077rem; } }
  @media only screen and (min-width: 668px) {
    .legal {
      font-size: 0.94118rem; } }
  .legal h2 {
    font-size: 16px; }
    @media only screen and (max-width: 768px) {
      .legal h2 {
        font-size: 1.23077rem; } }
    @media only screen and (min-width: 668px) {
      .legal h2 {
        font-size: 0.94118rem; } }
  .legal p {
    font-size: 14px; }
    @media only screen and (max-width: 768px) {
      .legal p {
        font-size: 1.07692rem; } }
    @media only screen and (min-width: 668px) {
      .legal p {
        font-size: 0.82353rem; } }
  .legal ol {
    list-style: decimal; }
    .legal ol li {
      list-style-position: inside; }
.receipt th {
  text-align: left;
  width: 200px; }
.receipt tr {
  text-align: right; }
.receipt .total {
  font-weight: bold;
  border-top: 1px solid #eeeeee;
  padding-top: 10px; }
.subnav {
  float: right;
  margin-top: 35px; }
  @media only screen and (max-width: 767px) {
    .subnav {
      display: none; } }
  .subnav ul {
    margin: 0;
    list-style: none; }
    .subnav ul li {
      float: left;
      margin-left: 25px; }
      .subnav ul li:first-child {
        margin-left: 0; }
      .subnav ul li a, .subnav ul li .signup .validate-email-domain, .signup .subnav ul li .validate-email-domain {
        display: block; }
.subnav-second {
  display: none;
  margin-top: -16px; }
  @media only screen and (max-width: 767px) {
    .subnav-second {
      display: block; } }
  .subnav-second ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center; }
    .subnav-second ul li {
      display: inline;
      margin-right: 10px; }
      .subnav-second ul li.current-menu-item {
        display: none; }
.embedded-content {
  position: relative;
  padding-bottom: 56.25%;
  
  padding-top: 25px;
  height: 0; }
  .embedded-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.overflow-hidden {
  overflow: hidden; }
.hidden {
  display: none; }
.active {
  display: block; }
.left {
  float: left; }
.right {
  float: right; }
.center {
  text-align: center; }
.cf:before, ul.movies:before, #browse-movies-sidebar .sidebar-toggle-links ul:before,
.cf:after,
ul.movies:after,
#browse-movies-sidebar .sidebar-toggle-links ul:after {
  content: " ";
  
  display: table;
   }
.cf:after, ul.movies:after, #browse-movies-sidebar .sidebar-toggle-links ul:after {
  clear: both; }
@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none; } }
.mobile-only {
  display: none; }
  @media only screen and (max-width: 767px) {
    .mobile-only {
      display: block; } }
.max740 {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto; }
.strike-through {
  display: block;
  margin-bottom: 15px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1; }
  .strike-through:before {
    width: 40px;
    height: 10px;
    background-color: #fff;
    content: '';
    margin: -5px 0 0 -20px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: -1; }
  .strike-through:after {
    border-bottom: 1px solid #eeeeee;
    content: '';
    display: block;
    position: absolute;
    top: 49%;
    width: 100%;
    z-index: -2; }
@media only screen and (max-width: 767px) {
  .settings-menu ul {
    text-align: center;
    margin-bottom: 0px; } }
@media only screen and (max-width: 767px) {
  .settings-menu ul li {
    font-size: 18px; } }
  @media only screen and (max-width: 767px) and (max-width: 768px) {
    .settings-menu ul li {
      font-size: 1.38462rem; } }
  @media only screen and (max-width: 767px) and (min-width: 668px) {
    .settings-menu ul li {
      font-size: 1.05882rem; } }
.loading-spinner {
  background: url("https://d290g5mn36mqgx.cloudfront.net/images/movies/dd514ccc392981803a3c3352f2444de8-spinner.png") no-repeat;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
  opacity: .75;
  margin: 0 auto; }
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }