/**
 *
 * !!!!! MAKE YOUR CHANGES TO CORRESPONDING .less -file !!!!!
 * !!!!!     DO NOT MODIFY CSS VERSION OF THIS FILE     !!!!!
 *
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* re-defining these for the new mobile design,
   let's change them on desktop as well for consistency */
/* use this if you need to use at2x inside a @media declaration to overcome issues with 
   less, at least version 1.3.3! this is used at least on thinglink.com/app to make retina
   images work inside mobile media queries. */
.unusedIdentifierOnlyForCaching {
  background: url('362075930916');
}
.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.wordWrap {
  -ms-word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
.smallCaps {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*
    ICONS
    from tl icons
*/
[class^="_"]:before,
[class*=" _"]:before {
  font-family: 'tl-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._icon_video_trash:before {
  content: "\e614";
}
._icon_video_link:before {
  content: "\e613";
}
._icon_video_heart_hover:before {
  content: "\e612";
}
._icon_video_edit:before {
  content: "\e611";
}
._icon_video_stats:before {
  content: "\e610";
}
._icon_video_heart:before {
  content: "\e60f";
}
._icon_video_time:before {
  content: "\e60e";
}
._icon_groupplus:before {
  content: "\e60d";
}
._icon_heart_thick_stroke:before {
  content: "\e60b";
}
._icon_ios_trashcan:before {
  content: "\e60a";
}
._icon_heart_angular_stroke:before {
  content: "\e609";
}
._icon_heart_angular_filled:before {
  content: "\e608";
}
._icon_graduation:before {
  content: "\e607";
}
._icon_chat:before {
  content: "\e606";
}
._icon_air:before {
  content: "\e605";
}
._icon_heart_stroke:before {
  content: "\e604";
}
._icon_popup:before {
  content: "\e603";
}
._icon_empty_bigcamera:before {
  content: "\e600";
}
._icon_empty_squares:before {
  content: "\e601";
}
._icon_empty_user:before {
  content: "\e602";
}
._icon_wrench:before {
  content: "\e000";
}
._icon_wordpress:before {
  content: "\e001";
}
._icon_touch:before {
  content: "\e002";
}
._icon_trash:before {
  content: "\e003";
}
._icon_safari:before {
  content: "\e004";
}
._icon_right:before {
  content: "\e005";
}
._icon_list:before {
  content: "\e006";
}
._icon_lock:before {
  content: "\e007";
}
._icon_hard-drive:before {
  content: "\e008";
}
._icon_group:before {
  content: "\e009";
}
._icon_desktop:before {
  content: "\e00a";
}
._icon_developer:before {
  content: "\e00b";
}
._icon_admin:before {
  content: "\e00c";
}
._icon_add:before {
  content: "\e00d";
}
._icon_close:before {
  content: "\e00f";
}
._icon_flickr:before {
  content: "\e010";
}
._icon_googleplus:before {
  content: "\e011";
}
._icon_linux:before {
  content: "\e012";
}
._icon_link:before {
  content: "\e013";
}
._icon_read:before {
  content: "\e014";
}
._icon_renren:before {
  content: "\e015";
}
._icon_time:before {
  content: "\e016";
}
._icon_thumbsup:before {
  content: "\e017";
}
._icon_weibo:before {
  content: "\e018";
}
._icon_win:before {
  content: "\e019";
}
._icon_vkontakt:before {
  content: "\e01a";
}
._icon_video:before {
  content: "\e01b";
}
._icon_tag:before {
  content: "\e01c";
}
._icon_text:before {
  content: "\e01d";
}
._icon_question:before {
  content: "\e01e";
}
._icon_plugin:before {
  content: "\e01f";
}
._icon_install:before {
  content: "\e020";
}
._icon_left:before {
  content: "\e021";
}
._icon_firefox:before {
  content: "\e022";
}
._icon_features:before {
  content: "\e023";
}
._icon_cart:before {
  content: "\e024";
}
._icon_chrome:before {
  content: "\e025";
}
._icon_camera:before {
  content: "\e026";
}
._icon_business:before {
  content: "\e027";
}
._icon_embed:before {
  content: "\e028";
}
._icon_facebook:before {
  content: "\e029";
}
._icon_instagram:before {
  content: "\e02a";
}
._icon_images:before {
  content: "\e02b";
}
._icon_pinterest:before {
  content: "\e02c";
}
._icon_plans:before {
  content: "\e02d";
}
._icon_support:before {
  content: "\e02e";
}
._icon_stats:before {
  content: "\e02f";
}
._icon_url:before {
  content: "\e030";
}
._icon_user:before {
  content: "\e031";
}
._icon_upgrade:before {
  content: "\e032";
}
._icon_up:before {
  content: "\e033";
}
._icon_spade:before {
  content: "\e034";
}
._icon_star:before {
  content: "\e035";
}
._icon_other:before {
  content: "\e036";
}
._icon_notification:before {
  content: "\e037";
}
._icon_mobile:before {
  content: "\e038";
}
._icon_logout:before {
  content: "\e039";
}
._icon_settings:before {
  content: "\e03a";
}
._icon_share:before {
  content: "\e03b";
}
._icon_unlock:before {
  content: "\e03c";
}
._icon_twitter:before {
  content: "\e03d";
}
._icon_tumblr:before {
  content: "\e03e";
}
._icon_search:before {
  content: "\e03f";
}
._icon_login:before {
  content: "\e040";
}
._icon_heart:before {
  content: "\e041";
}
._icon_alert:before {
  content: "\e043";
}
._icon_apple:before {
  content: "\e044";
}
._icon_download:before {
  content: "\e045";
}
._icon_home:before {
  content: "\e046";
}
._icon_ideas:before {
  content: "\e047";
}
._icon_drupal:before {
  content: "\e048";
}
._icon_blogger:before {
  content: "\e04a";
}
._icon_browser:before {
  content: "\e04b";
}
._icon_email:before {
  content: "\e04c";
}
._icon_edit:before {
  content: "\e04d";
}
._icon_ie:before {
  content: "\e04e";
}
._icon_image:before {
  content: "\e04f";
}
._icon_comment:before {
  content: "\e00e";
}
._icon_edmodo:before {
  content: "\e051";
}
._icon_thinglink:before {
  content: "\e052";
}
._icon_viewfinder:before {
  content: "\e059";
}
._icon_checked:before {
  content: "\e056";
}
._icon_fbapp:before {
  content: "\e050";
}
._icon_unchecked:before {
  content: "\e055";
}
._icon_reload:before {
  content: "\e058";
}
._icon_flashon:before {
  content: "\e05a";
}
._icon_flashoff:before {
  content: "\e05b";
}
._icon_close2:before {
  content: "\e057";
}
._icon_comment2:before {
  content: "\e05c";
}
._icon_flag:before {
  content: "\e054";
}
._icon_loop:before {
  content: "\e05e";
}
._icon_fork:before {
  content: "\e05d";
}
._icon_videocam:before {
  content: "\e053";
}
._icon_bigcamera:before {
  content: "\e049";
}
._icon_pencil:before {
  content: "\e05f";
}
._icon_person:before {
  content: "\e060";
}
._icon_squares:before {
  content: "\e061";
}
._icon_down:before {
  content: "\e042";
}
._icon_youtube_logo:before {
  content: "\e062";
}
._icon_vcard:before {
  content: "\e063";
}
._icon_ios_share:before {
  content: "\e064";
}
._icon_ios_backwards:before {
  content: "\e066";
}
._icon_ios_forward:before {
  content: "\e065";
}
._icon_text_bold:before {
  content: "\f032";
}
._icon_text_italic:before {
  content: "\f033";
}
._icon_text_heading:before {
  content: "\f1dc";
}
._icon_add_user:before {
  content: "\e60c";
}
._icon_vr_head:before {
  content: "\e901";
}
._icon_facebook_svg {
  background: url("../../../gfx/icons/skoletube.png") center center no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 30px;
  height: 30px;
  content: " ";
}
._icon_skoletube:before {
  background: url("../../../gfx/icons/skoletube.png") center center no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: " ";
}
._icon_tackk:before {
  background: url("../../../gfx/icons/tackk-96.png") center center no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 32px;
  height: 32px;
  content: " ";
}
.inline-icon {
  display: inline-block;
  vertical-align: middle;
}
.block-icon {
  display: block;
}
.icon-media-360 {
  background: url("../../../../gfx/media-badges/360vr-16x9") no-repeat center center transparent;
  background: url("../../../gfx/spa/media-badges/360vr-16x9.svg") no-repeat center center transparent;
  background-size: 16px 9px;
  width: 16px;
  height: 9px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.icon-media-scene {
  background: url("../../../../gfx/media-badges/image-16x11") no-repeat center center transparent;
  background: url("../../../gfx/spa/media-badges/image-16x11.svg") no-repeat center center transparent;
  background-size: 16px 11px;
  width: 16px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.icon-media-video {
  background: url("../../../../gfx/media-badges/video-16x11") no-repeat center center transparent;
  background: url("../../../gfx/spa/media-badges/video-16x11.svg") no-repeat center center transparent;
  background-size: 16px 11px;
  width: 16px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.icon-media-unlisted {
  background: url("../../../../gfx/media-badges/lock-white") no-repeat center center transparent;
  background: url("../../../gfx/spa/media-badges/lock-white.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}
.icon-media-unlisted.gray {
  background: url("../../../../gfx/media-badges/lock-gray") no-repeat center center transparent;
  background: url("../../../gfx/spa/media-badges/lock-gray.svg") no-repeat center center transparent;
  background-size: 15px 13px;
  width: 15px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  filter: none;
}
.item .icon {
  margin-right: 16px;
}
.icon-groups {
  background: url("../../../../gfx/groups") no-repeat center center transparent;
  background: url("../../../gfx/spa/groups.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-my-media {
  background: url("../../../../gfx/my-projects") no-repeat center center transparent;
  background: url("../../../gfx/spa/my-projects.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-logout {
  background: url("../../../../gfx/logout") no-repeat center center transparent;
  background: url("../../../gfx/spa/logout.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-menu-question {
  background: url("../../../../gfx/help") no-repeat center center transparent;
  background: url("../../../gfx/spa/help.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-menu-question.gray {
  background-image: url("../../../gfx/spa/gray/help-20x20.svg");
}
*:hover > .icon-menu-question.gray,
.icon-menu-question.gray.active {
  background-image: url("../../../gfx/spa/help.svg");
}
.icon-chevron-down {
  background: url("../../../../gfx/chevron-down-7x4") no-repeat center center transparent;
  background: url("../../../gfx/spa/chevron-down-7x4.svg") no-repeat center center transparent;
  background-size: 7px 4px;
  width: 7px;
  height: 4px;
}
.icon-chevron-down.gray {
  background-image: url("../../../gfx/spa/gray/chevron-down-7x4.svg");
}
*:hover > .icon-chevron-down.gray,
.icon-chevron-down.gray.active {
  background-image: url("../../../gfx/spa/chevron-down-7x4.svg");
}
.icon-upgrade {
  background: url("../../../../gfx/upgrade") no-repeat center center transparent;
  background: url("../../../gfx/spa/upgrade.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-developer {
  background: url("../../../../gfx/developer") no-repeat center center transparent;
  background: url("../../../gfx/spa/developer.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-settings {
  background: url("../../../../gfx/account-settings") no-repeat center center transparent;
  background: url("../../../gfx/spa/account-settings.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-settings.gray {
  background-image: url("../../../gfx/spa/gray/account-settings.svg");
}
*:hover > .icon-settings.gray,
.icon-settings.gray.active {
  background-image: url("../../../gfx/spa/account-settings.svg");
}
.icon-admin {
  background: url("../../../../gfx/system-admin") no-repeat center center transparent;
  background: url("../../../gfx/spa/system-admin.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-notifications {
  margin-top: -1px;
  background: url("../../../../gfx/notifications--empty") no-repeat center center transparent;
  background: url("../../../gfx/spa/notifications--empty.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-notifications.emp,
.emp .icon-notifications {
  background: url("../../../../gfx/notifications") no-repeat center center transparent;
  background: url("../../../gfx/spa/notifications.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-stats {
  background: url("../../../../gfx/statistics") no-repeat center center transparent;
  background: url("../../../gfx/spa/statistics.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-stats.gray {
  background-image: url("../../../gfx/spa/gray/statistics.svg");
}
.icon-fullscreen {
  background: url("../../../../gfx/fullscreen-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/fullscreen-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-fullscreen.gray {
  background-image: url("../../../gfx/spa/gray/fullscreen-20x20.svg");
}
.icon-webinars {
  background: url("../../../../gfx/webinars") no-repeat center center transparent;
  background: url("../../../gfx/spa/webinars.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-blog {
  background: url("../../../../gfx/blog-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/blog-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-views {
  background: url("../../../../gfx/views-18x10") no-repeat center center transparent;
  background: url("../../../gfx/spa/views-18x10.svg") no-repeat center center transparent;
  background-size: 18px 10px;
  width: 18px;
  height: 10px;
}
.icon-tags {
  background: url("../../../../gfx/tags-14x13") no-repeat center center transparent;
  background: url("../../../gfx/spa/tags-14x13.svg") no-repeat center center transparent;
  background-size: 14px 13px;
  width: 14px;
  height: 13px;
}
.icon-more {
  background: url("../../../../gfx/dots-grey-18x4") no-repeat center center transparent;
  background: url("../../../gfx/spa/dots-grey-18x4.svg") no-repeat center center transparent;
  background-size: 18px 4px;
  width: 18px;
  height: 4px;
}
*:hover > .icon-more,
.icon-more.active {
  background: url("../../../gfx/spa/dots-blue-18x4.svg") no-repeat center center transparent;
  background-size: 18px 4px;
}
.icon-more.gray {
  background-image: url("../../../gfx/spa/gray/dots-dark-grey-18x4.svg");
}
*:hover > .icon-more.gray,
.icon-more.gray.active {
  background: url("../../../gfx/spa/dots-blue-18x4.svg") no-repeat center center transparent;
  background-size: 18px 4px;
}
.icon-edit {
  background: url("../../../../gfx/edit-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/edit-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-edit.gray {
  background-image: url("../../../gfx/spa/gray/edit-20x20.svg");
}
*:hover > .icon-edit.gray,
.icon-edit.gray.active {
  background-image: url("../../../gfx/spa/edit-20x20.svg");
}
.icon-share {
  background: url("../../../../gfx/share-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/share-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-share.gray {
  background-image: url("../../../gfx/spa/gray/share-20x20.svg");
}
*:hover > .icon-share.gray,
.icon-share.gray.active {
  background-image: url("../../../gfx/spa/share-20x20.svg");
}
.icon-report {
  background: url("../../../../gfx/report-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/report-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-report.gray {
  background-image: url("../../../gfx/spa/gray/report-20x20.svg");
}
.icon-replace {
  background: url("../../../../gfx/replace-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/replace-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-replace.gray {
  background-image: url("../../../gfx/spa/gray/replace-20x20.svg");
}
.icon-remix {
  background: url("../../../../gfx/remix-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/remix-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-remix.gray {
  background-image: url("../../../gfx/spa/gray/remix-20x20.svg");
}
*:hover > .icon-remix.gray,
.icon-remix.gray.active {
  background-image: url("../../../gfx/spa/remix-20x20.svg");
}
.icon-delete {
  background: url("../../../../gfx/delete-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/delete-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-delete.gray {
  background-image: url("../../../gfx/spa/gray/delete-20x20.svg");
}
.icon-post-to-channel {
  background: url("../../../../gfx/move-to-folder-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/move-to-folder-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-post-to-channel.gray {
  background-image: url("../../../gfx/spa/gray/move-to-folder-20x20.svg");
}
*:hover > .icon-post-to-channel.gray,
.icon-post-to-channel.gray.active {
  background-image: url("../../../gfx/spa/move-to-folder-20x20.svg");
}
.icon-delete-from-channel {
  background: url("../../../../gfx/delete-from-channel-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/delete-from-channel-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-delete-from-channel.gray {
  background-image: url("../../../gfx/spa/gray/delete-from-channel-20x20.svg");
}
*:hover > .icon-delete-from-channel.gray,
.icon-delete-from-channel.gray.active {
  background-image: url("../../../gfx/spa/delete-to-channel-20x20.svg");
}
.icon-move-to-shared-folder {
  background: url("../../../../gfx/move-to-shared-folder-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/move-to-shared-folder-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-move-to-shared-folder.gray {
  background-image: url("../../../gfx/spa/gray/move-to-shared-folder-20x20.svg");
}
*:hover > .icon-move-to-shared-folder.gray,
.icon-move-to-shared-folder.gray.active {
  background-image: url("../../../gfx/spa/move-to-shared-folder-20x20.svg");
}
.icon-touch {
  background: url("../../../../gfx/touch-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/touch-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-touch.gray {
  background-image: url("../../../gfx/spa/gray/touch-20x20.svg");
}
.icon-touch.gray.emp {
  background-image: url("../../../gfx/spa/touch-20x20-active.svg");
}
.icon-touch.emp {
  background-image: url("../../../gfx/spa/touch-20x20-active.svg");
}
.icon-search {
  background: url("../../../../gfx/search-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/search-20x20.svg") no-repeat center center transparent;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.icon-search.gray {
  background-image: url("../../../gfx/spa/gray/search-20x20.svg");
}
*:hover > .icon-search.gray,
.icon-search.gray.active {
  background-image: url("../../../gfx/spa/search-20x20.svg");
}
.icon-plus {
  background: url("../../../../gfx/add-plus-button-17x17") no-repeat center center transparent;
  background: url("../../../gfx/spa/add-plus-button-17x17.svg") no-repeat center center transparent;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
}
.icon-close {
  background: url("../../../../gfx/close-modal-10x10") no-repeat center center transparent;
  background: url("../../../gfx/spa/close-modal-10x10.svg") no-repeat center center transparent;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
}
.icon-banner-close {
  background: url("../../../../gfx/notification-bar-close-10x10") no-repeat center center transparent;
  background: url("../../../gfx/spa/notification-bar-close-10x10.svg") no-repeat center center transparent;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}
.icon-more-arrow {
  background: url("../../../../gfx/more-arrow-10x5") no-repeat center center transparent;
  background: url("../../../gfx/spa/more-arrow-10x5.svg") no-repeat center center transparent;
  background-size: 10px 5px;
  width: 10px;
  height: 5px;
}
.icon-avatar {
  background: url("../../../gfx/spa/avatar-24x24.svg") no-repeat center center transparent;
  background-size: 24px 24px;
}
.icon-big-avatar {
  background: url("../../../gfx/spa/avatar-100x100.svg") no-repeat center center transparent;
  background-size: 100px 100px;
}
.icon-placeholder {
  background: url("../../../gfx/spa/image-100x69.svg") no-repeat center center transparent;
  background-size: 100px 69px;
}
.icon-chevron {
  background: url("../../../../gfx/chevron-16x24") no-repeat center center transparent;
  background: url("../../../gfx/spa/chevron-16x24.svg") no-repeat center center transparent;
  background-size: 16px 24px;
  width: 16px;
  height: 24px;
}
.icon-arrow-left {
  background: url("../../../../gfx/arrow-left-2-34x34") no-repeat center center transparent;
  background: url("../../../gfx/spa/arrow-left-2-34x34.svg") no-repeat center center transparent;
  background-size: 34px 34px;
  width: 34px;
  height: 34px;
}
.icon-arrow-left.gray {
  background: url("../../../../gfx/arrow-left-gray-16x31") no-repeat center center transparent;
  background: url("../../../gfx/spa/arrow-left-gray-16x31.svg") no-repeat center center transparent;
  background-size: 16px 34px;
  width: 16px;
  height: 34px;
}
.icon-arrow-right {
  background: url("../../../../gfx/arrow-right-2-34x34") no-repeat center center transparent;
  background: url("../../../gfx/spa/arrow-right-2-34x34.svg") no-repeat center center transparent;
  background-size: 34px 34px;
  width: 34px;
  height: 34px;
}
.icon-arrow-right.gray {
  background: url("../../../../gfx/arrow-right-gray-16x31") no-repeat center center transparent;
  background: url("../../../gfx/spa/arrow-right-gray-16x31.svg") no-repeat center center transparent;
  background-size: 16px 34px;
  width: 16px;
  height: 34px;
}
.icon-checkbox {
  background: url("../../../../gfx/checkbox-16x16") no-repeat center center transparent;
  background: url("../../../gfx/spa/checkbox-16x16.svg") no-repeat center center transparent;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
.icon-checkbox.selected {
  background: url("../../../../gfx/checkbox-16x16-checked") no-repeat center center transparent;
  background: url("../../../gfx/spa/checkbox-16x16-checked.svg") no-repeat center center transparent;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
.icon-edu-edit {
  background: url("../../../../gfx/edu/edit-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/edu/edit-20x20.svg") no-repeat center center transparent;
  background-size: 28px 28px;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.icon-edu-view {
  background: url("../../../../gfx/edu/view-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/edu/view-20x20.svg") no-repeat center center transparent;
  background-size: 28px 28px;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.icon-edu-remove {
  background: url("../../../../gfx/edu/remove-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/edu/remove-20x20.svg") no-repeat center center transparent;
  background-size: 28px 28px;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.icon-edu-clone {
  background: url("../../../../gfx/edu/clone-20x20") no-repeat center center transparent;
  background: url("../../../gfx/spa/edu/clone-20x20.svg") no-repeat center center transparent;
  background-size: 28px 28px;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.icon-pro-badge {
  background: url("../../../../gfx/crown-14x14") no-repeat center center transparent;
  background: url("../../../gfx/spa/crown-14x14.svg") no-repeat center center transparent;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  margin-top: -8px;
  margin-left: 6px;
}
.icon-pro-badge.nomargin {
  margin-left: 0px;
}
.icon-webinar {
  background: url("../../../../gfx/webinar") no-repeat center center transparent;
  background: url("../../../gfx/spa/webinar.svg") no-repeat center center transparent;
  background-size: 82px 68px;
  width: 82px;
  height: 68px;
  margin: 20px 0 10px 0;
}
.icon-expert {
  background: url("../../../../gfx/expert") no-repeat center center transparent;
  background: url("../../../gfx/spa/expert.svg") no-repeat center center transparent;
  background-size: 82px 68px;
  width: 82px;
  height: 68px;
  margin: 20px 0 10px 0;
}
.icon-add-big {
  background: url("../../../gfx/spa/plus_sign_big.svg") no-repeat center center transparent;
  background-size: 47px 47px;
}
.icon-question {
  background: url("../../../../gfx/question-24x24") no-repeat center center transparent;
  background: url("../../../gfx/spa/question-24x24.svg") no-repeat center center transparent;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
.icon-question:hover {
  opacity: 0.8;
}
.icon-stripe {
  background: url("../../../../gfx/stripe-positive") no-repeat center center transparent;
  background: url("../../../gfx/spa/stripe-positive.svg") no-repeat center center transparent;
  background-size: 43px 14px;
  width: 43px;
  height: 14px;
  padding-right: 8px;
  border-right: 1px solid #c6c6c6;
}
.icon-visa {
  background: url("../../../../gfx/visa-positive") no-repeat center center transparent;
  background: url("../../../gfx/spa/visa-positive.svg") no-repeat center center transparent;
  background-size: 35px 9px;
  width: 35px;
  height: 9px;
  padding-left: 8px;
}
.icon-mastercard {
  background: url("../../../../gfx/mastercard-positive") no-repeat center center transparent;
  background: url("../../../gfx/spa/mastercard-positive.svg") no-repeat center center transparent;
  background-size: 32px 18px;
  width: 32px;
  height: 18px;
  padding-left: 10px;
}
.icon-amex {
  background: url("../../../../gfx/amex-positive") no-repeat center center transparent;
  background: url("../../../gfx/spa/amex-positive.svg") no-repeat center center transparent;
  background-size: 30px 20px;
  width: 30px;
  height: 20px;
  padding-left: 10px;
}
.navbar-default {
  background-color: white;
  height: 73px;
  padding: 11px 0 9px 0;
  border-color: #f0f0f0;
  /*
  *   TODO: check it while mobile optimization
  */
}
.navbar-default .navbar-header {
  z-index: 20;
  position: relative;
}
.navbar-default.item-header .navbar-header {
  border-right: 1px solid #dfdfdf;
}
.navbar-default .navbar-right {
  margin-right: 0px;
  background: white;
}
.navbar-default .navbar-right.pinned-right {
  margin-right: -20px;
}
.navbar-default .create-button {
  margin-left: 15px;
}
.navbar-default .navbar-nav.search-bar > li {
  margin: 7px 10px;
}
.navbar-default .navbar-nav > li {
  cursor: pointer;
}
.navbar-default .navbar-nav > li.close-item {
  margin-left: 15px;
}
.navbar-default .navbar-nav > li > a:not(.btn) {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a:not(.btn):not(.profile) {
  background: none;
}
.navbar-default .navbar-nav > li > a:not(.btn):not(.profile) .icon-more {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.navbar-default .navbar-nav > li > a:not(.btn).close-btn {
  padding: 15px 20px;
  border-left: 1px solid #dfdfdf;
}
.navbar-default .navbar-nav > li > a:not(.btn).active {
  color: #3f5e9a;
}
.navbar-default .navbar-nav > li > a:not(.btn).active:hover {
  color: #213252;
}
.navbar-default .navbar-nav > li > a:not(.btn) > .label {
  display: block;
  position: absolute;
  top: 12px;
  right: 2px;
}
.navbar-default .navbar-nav > li > a:not(.btn).profile {
  background-size: contain;
  margin: 10px 0px 10px 15px !important;
  padding: 0;
  width: auto;
  height: 30px;
}
.navbar-default .navbar-nav > li > a:not(.btn).profile img {
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.navbar-default .navbar-nav > li > a:not(.btn).profile span {
  display: inline-block;
  margin-left: 10px;
  line-height: 30px;
}
.navbar-default .navbar-nav > li > .publish-btn {
  margin: 7.5px 10px;
}
@media (min-width: 768px) {
  .content-wrapper .navbar-default .navbar-header {
    position: absolute;
  }
  .navbar-default .navbar-nav.navbar-center > li {
    display: inline-block;
    float: none;
  }
  .navbar-default .navbar-collapse {
    position: relative;
    z-index: 10;
  }
  .navbar-default .navbar-collapse .navbar-center {
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: 1px;
  }
}
@media (max-width: 767px) {
  .navbar-default .navbar-collapse {
    background: white;
  }
  .navbar-default .navbar-collapse .navbar-nav.navbar-center {
    position: relative;
  }
  .navbar-default .navbar-collapse .navbar-nav.pull-right {
    float: none !important;
  }
  .navbar-default .navbar-collapse .navbar-nav > li.close-item {
    margin-left: 0;
  }
  .navbar-default .navbar-collapse .navbar-nav > li {
    text-align: center;
  }
  .navbar-default .navbar-collapse .navbar-nav > li > * {
    width: 100%;
  }
  .navbar-default.item-header .navbar-header {
    border-right: none;
  }
  .navbar-default .create-button {
    margin-left: 0;
  }
}
.navbar-default .navbar-nav > li.close-item.align-right {
  margin-left: 0;
  margin-right: -15px;
}
.navbar-default .navbar-nav > li.close-item.align-right a.close-btn {
  border: 0;
}
.navbar-toggle {
  border: none;
  background: none !important;
}
.navbar-brand {
  width: 90px;
  height: 50px;
  background: url(../../../gfx/thinglink.svg) no-repeat left center content-box;
  background-size: cover;
  margin-right: 30px;
  padding: 15px 0;
  margin-left: 15px;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}
.tl-shadow {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
/*
    btn-mini used only inside new account settings
*/
.tl-spa-style .btn:not(.btn-mini) {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  line-height: 34px;
  padding: 0 15px;
  max-height: 34px;
}
.tl-spa-style .btn:not(.btn-mini).btn-primary {
  background: #415f9a;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#4c6ba7), to(#34528b));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #4c6ba7, #34528b);
  /* for firefox 3.6+ */
  text-shadow: 0 1px 0 #000000;
  border: 1px solid #3f5e9a;
}
.tl-spa-style .btn:not(.btn-mini).btn-danger {
  background: #ff2e2b;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#ff2e2b), to(#d30300));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #ff2e2b, #d30300);
  /* for firefox 3.6+ */
  text-shadow: 0 1px 0 #a50200;
  border: 1px solid #d30300;
}
.tl-spa-style .btn:not(.btn-mini).btn-success {
  background: #47c60a;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#47c60a), to(#37a801));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #47c60a, #37a801);
  /* for firefox 3.6+ */
  text-shadow: 0 1px 0 #297f00;
  border: 1px solid #37a801;
}
.tl-spa-style .btn:not(.btn-mini).btn-default {
  background: #e9e9e9;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e1e1e1));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #efefef, #e1e1e1);
  /* for firefox 3.6+ */
  text-shadow: 0 1px 0 #ffffff;
}
.tl-spa-style .btn:not(.btn-mini).btn-outline {
  border: 2px solid #fff;
  background: none;
  color: #fff;
  text-shadow: none;
}
.tl-spa-style .btn:not(.btn-mini).btn-large {
  font-size: 14px;
  height: auto;
  line-height: 34px;
  padding: 5px 25px;
}
.tl-spa-style .btn:not(.btn-mini).btn-file {
  position: relative;
  overflow: hidden;
}
.tl-spa-style .btn:not(.btn-mini) .upload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tl-spa-style .btn:not(.btn-mini) .btn-link {
  color: #3f5e9a;
}
.tl-spa-style .btn:not(.btn-mini).small {
  height: 26px;
  line-height: 26px;
  padding: 0 8px;
}
.tl-spa-style .btn:not(.btn-mini) .icon {
  margin-left: 0px;
  margin-top: -2px;
}
.hiddenFileInput {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.label {
  font-size: 7px;
  padding: 2px;
  border-radius: 2px;
  vertical-align: text-top;
  margin-left: 5px;
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 0;
}
.label.label-danger {
  background: #ea3a23;
}
.label.label-default {
  background: #cbcbcb;
}
.float-right {
  float: right;
}
.make-page-bigger {
  margin-bottom: 60px;
}
.std-white-block {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.flex-row {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.flex-row .flex-item {
  flex: 1;
  margin: 10px;
  padding: 20px;
}
.flex-row .flex-item.no-flex {
  flex: none;
}
.bg-block.flex-row {
  margin: 10px -10px;
}
.tl-input {
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 300;
  color: #545454;
  background: #fbfbfb;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
}
.tl-input.margin-left {
  margin-left: 20px;
}
.tl-input-va {
  vertical-align: middle;
  line-height: 34px;
}
.blur {
  filter: blur(0.18rem);
  -webkit-filter: blur(0.18rem);
  -ms-filter: blur(0.18rem);
}
.small-separator {
  display: inline-block;
  width: 20px;
}
.item-header {
  margin: 0;
  border: 0;
}
.item-header .titles {
  float: unset !important;
  padding: 0 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: column;
}
.item-header .titles .titles-top-block {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
}
.item-header .titles .titles-top-block h1 {
  font-size: 16px;
  line-height: 28px;
  color: #3a3a3a;
  padding: 0;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 4px 0 0;
}
.item-header .titles .titles-top-block small {
  font-size: 12px;
  color: #afafaf;
  white-space: nowrap;
}
.item-header .titles .titles-top-block small a {
  color: #3f5e9a;
}
.item-header .titles h2 {
  font-size: 10px;
  line-height: 16px;
  color: #afafaf;
  margin: 0;
  padding: 0;
}
.item-header .titles h2:first-letter {
  text-transform: uppercase;
}
.spinner {
  background: url("../../../../gfx/spa-loader.svg") no-repeat center center;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.mediaPlayer {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 1000;
}
.mediaPlayer .item-wrapper {
  background: #ededed;
  width: 100%;
  min-height: 80%;
  text-align: center;
  padding: 0;
  transition: height 0.4s ease-out, min-height 0.4s ease-out;
  position: relative;
}
@media (max-width: 767px) {
  .mediaPlayer .item-wrapper {
    min-height: auto;
  }
}
.mediaPlayer .item-wrapper .anim-block {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.mediaPlayer .item-wrapper .anim-block > iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.mediaPlayer .item-wrapper .anim-block div.tlImageContainer div.tlSidebar .tlMenuItem {
  display: none!important;
}
.mediaPlayer .item-wrapper .spinner {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
}
.mediaPlayer .item-wrapper.loaded.media-scene {
  min-height: 0;
}
.mediaPlayer .item-wrapper.loaded .anim-block {
  opacity: 1;
}
.mediaPlayer .item-wrapper.loaded .spinner {
  display: none;
}
.mediaPlayer .item-wrapper.tlFullscreen .anim-block {
  background-color: black;
}
.mediaPlayer .item-wrapper img {
  max-width: 100%;
}
.mediaEditor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
.mediaEditor iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
}
.mediaEditor.loading iframe {
  display: none;
}
.footer--new {
  background: #333;
  padding: 55px 0;
}
.footer--new .footer__logo {
  height: 18px;
  width: auto;
}
.footer--new .footer__logo .logo {
  height: 100%;
  background-position: left;
}
.footer--new .footer__switch-lang {
  margin-top: 20px;
  position: relative;
}
.footer--new .footer__switch-lang span {
  position: relative;
  color: white;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
}
.footer--new .footer__switch-lang span::before {
  content: '';
  width: 20px;
  height: 20px;
  background: url("../../../gfx/pages16/icons/translate_white.svg") no-repeat center;
  background-size: 100% 100%;
  display: block;
  margin-right: 8px;
  margin-bottom: 1px;
}
.footer--new .footer__switch-lang-dropdown {
  width: 175px;
  position: absolute;
  z-index: 5;
  padding: 15px 20px;
  left: -20px;
  bottom: -18px;
  border-radius: 2px;
  background-color: white;
  text-align: left;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.footer--new .footer__switch-lang-dropdown-item {
  margin-bottom: 20px;
}
.footer--new .footer__switch-lang-dropdown-item:last-child {
  margin-bottom: 0;
}
.footer--new .footer__switch-lang-dropdown-item a {
  color: black;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  font-family: -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}
.footer--new .footer__switch-lang-dropdown-item a:hover {
  color: black;
}
.footer--new .footer__switch-lang--active .footer__switch-lang-dropdown {
  opacity: 1;
  visibility: visible;
}
.footer--new .footer__description {
  color: #8f8f8f;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
  margin-top: 20px;
}
.footer--new .footer__list-header {
  color: white;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  height: 18px;
}
.footer--new .footer__list-block {
  list-style: none;
  text-align: left;
  margin: 20px 0 0 0;
  padding: 0;
}
.footer--new .footer__list-block-item {
  margin: 0 0 20px 0;
}
.footer--new .footer__list-block-item a {
  color: #8f8f8f;
  font-size: 15px;
  line-height: 15px;
  font-weight: 300;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -ms-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.footer--new .footer__list-block-item a:hover,
.footer--new .footer__list-block-item a:focus,
.footer--new .footer__list-block-item a:active {
  color: #a9a9a9;
  text-decoration: none;
}
.footer--new .footer__list-block-item a.-facebook:before {
  content: '';
  background: url(../../../../gfx/pages16/icons/facebook.png) no-repeat center center;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  line-height: 25px;
  vertical-align: middle;
}
.footer--new .footer__list-block-item a.-twitter:before {
  content: '';
  background: url(../../../../gfx/pages16/icons/twitter.png) no-repeat center center;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  line-height: 25px;
  vertical-align: middle;
}
.footer--new .footer__list-block-item:last-child {
  margin: 0;
}
@media all and (max-width: 767px) {
  .footer--new .footer__list-header {
    margin-top: 45px;
  }
}
/*
  .flex
  @flex: flex, inline-flex
 */
/*
  .align-items
  @how: start, end, baseline, stretch, initial, inherit
 */
/*
  .flex-wrap
  @wrap: wrap, nowrap, wrap-reverse, initial, inherit
 */
/*
  .ms-flex-wrap
  @wrap: wrap, nowrap, wrap-reverse, initial, inherit
 */
/*
  .flex-direction
  @dir: row, row-reverse, column, column-reverse, initial, inherit
 */
/*
  ._ms-flex-direction
  @dir: row, row-reverse, column, column-reverse, initial, inherit
 */
/*
  .flex-flow
  @dir: row, row-reverse, column, column-reverse, initial, inherit
  @wrap: wrap, nowrap, wrap-reverse, initial, inherit
 */
/*
  .justify-content
  @how: start, end, center, space-between, space-around, initial, inherit
 */
/*
  .flex-grow
  @grow: integer
 */
/*
  .tl-btn
 */
/********************************/
/*  SINGLE SCENE & VIDEO STYLING
/********************************/
/*
*   both for video and image
*/
.page__content {
  line-height: 0;
  width: 940px;
  margin: 0 auto;
  position: relative;
}
#subscribe {
  position: fixed;
  top: auto;
  left: 50%;
  bottom: auto;
  border: none;
  width: 540px;
  margin-left: -270px;
  background-color: transparent;
}
#subscribe .modal-dialog {
  width: 500px;
  margin: 0 auto;
}
#subscribe .modal-dialog .modal-content {
  padding: 20px;
}
#subscribe .modal-dialog .modal-content p {
  width: auto;
  text-align: left;
  margin-bottom: 20px;
}
#subscribe .modal-dialog .modal-content .modal-content-inner form {
  font-family: "Museo Sans", "Helvetica Neue", Helvetica, serif !important;
}
#subscribe .modal-dialog .modal-content .modal-content-inner form label,
#subscribe .modal-dialog .modal-content .modal-content-inner form input {
  font-family: "Museo Sans", "Helvetica Neue", Helvetica, serif !important;
}
#subscribe .modal-dialog .modal-content .modal-content-inner form .hs_error_rollup {
  display: none !important;
}
#subscribe .modal-dialog .modal-content .modal-content-inner form .actions {
  padding: 0 !important;
  margin: 0 !important;
}
#subscribe .modal-dialog .modal-content .modal-content-inner form .hs-input[type='email'] {
  padding: 10px !important;
}
#subscribe .modal-dialog .modal-content .modal-content-inner form .inputs-list {
  padding: 0 !important;
}
#subscribe .modal-dialog .modal-content .modal-content-inner form .hs-button.primary.large {
  font-family: "Museo Sans", "Helvetica Neue", Helvetica, serif !important;
  height: 50px !important;
  padding: 0 20px !important;
  color: white !important;
  background: #51aeff !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  border: none !important;
  text-transform: uppercase !important;
  margin-right: 20px !important;
  line-height: 52px !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
#subscribe .modal-dialog .modal-content .modal-content-inner form .hs-button.primary.large:hover {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}
@media (max-width: 767px) {
  #subscribe {
    width: auto;
    left: 10%;
    right: 10%;
    margin: 100px auto auto;
  }
  #subscribe .modal-dialog {
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 480px) {
  #subscribe {
    left: 5%;
    right: 5%;
    margin: 50px auto auto;
  }
}
body.permaScene,
body.permaVideo {
  padding-left: 0;
  padding-right: 0;
  overflow-x: hidden;
  font-family: "Museo Sans", "Helvetica Neue", Helvetica, serif;
  /* Overriding some styles */
  /* Topbar */
}
body.permaScene .video-scene,
body.permaVideo .video-scene {
  height: 100%;
}
body.permaScene .alert.alert-warning a,
body.permaVideo .alert.alert-warning a {
  color: #8a6d3b;
}
body.permaScene .navbar-right.pinned-right,
body.permaVideo .navbar-right.pinned-right {
  margin: 7.5px 0;
}
body.permaScene .navbar-right.pinned-right > li,
body.permaVideo .navbar-right.pinned-right > li {
  float: left;
  margin-left: 20px;
}
body.permaScene .navbar-right.pinned-right > li:first-child,
body.permaVideo .navbar-right.pinned-right > li:first-child {
  margin-left: 0;
}
@media (max-width: 399px) {
  body.permaScene .navbar-right.pinned-right,
  body.permaVideo .navbar-right.pinned-right {
    margin-right: -8px;
  }
  body.permaScene .navbar-right.pinned-right > li,
  body.permaVideo .navbar-right.pinned-right > li {
    margin-left: 0;
  }
  body.permaScene .navbar-right.pinned-right .login__button,
  body.permaVideo .navbar-right.pinned-right .login__button {
    display: none;
  }
}
@media (min-width: 768px) {
  body.permaScene .navbar-right.pinned-right,
  body.permaVideo .navbar-right.pinned-right {
    margin: 7.5px 0;
  }
}
body.permaScene #main,
body.permaVideo #main {
  padding-left: 0;
  padding-right: 0;
  height: 100%;
}
body.permaScene .container-fluid,
body.permaVideo .container-fluid {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.permaScene .container-fluid.main-container,
body.permaVideo .container-fluid.main-container {
  max-width: 1600px;
}
body.permaScene .supporting,
body.permaVideo .supporting,
body.permaScene .main-cta,
body.permaVideo .main-cta {
  padding: 64px 0 0;
  text-align: center;
  background: white;
  border-bottom: 1px solid #eaeaea;
}
body.permaScene .supporting__action,
body.permaVideo .supporting__action,
body.permaScene .main-cta__action,
body.permaVideo .main-cta__action {
  margin-top: 45px;
  margin-bottom: 80px;
}
body.permaScene .supporting__action .main-cta__button,
body.permaVideo .supporting__action .main-cta__button,
body.permaScene .main-cta__action .main-cta__button,
body.permaVideo .main-cta__action .main-cta__button {
  height: 54px;
  background: #51aeff;
  color: white;
  border-radius: 5px;
  text-transform: uppercase;
  width: 133px;
  border: none;
  font-weight: 700;
}
body.permaScene .supporting__article .supporting__title,
body.permaVideo .supporting__article .supporting__title,
body.permaScene .main-cta__article .supporting__title,
body.permaVideo .main-cta__article .supporting__title,
body.permaScene .supporting__article .main-cta__title,
body.permaVideo .supporting__article .main-cta__title,
body.permaScene .main-cta__article .main-cta__title,
body.permaVideo .main-cta__article .main-cta__title {
  max-width: 500px;
  margin: 0 auto 22px;
  color: black;
  font-weight: 700;
}
body.permaScene .supporting__article .main-cta__text,
body.permaVideo .supporting__article .main-cta__text,
body.permaScene .main-cta__article .main-cta__text,
body.permaVideo .main-cta__article .main-cta__text {
  font-weight: 300;
  color: #4c4c4c;
  font-size: 19px;
  line-height: 25px;
  padding-top: 20px;
}
body.permaScene .supporting__apps,
body.permaVideo .supporting__apps,
body.permaScene .main-cta__apps,
body.permaVideo .main-cta__apps {
  margin: 40px 0 70px 0;
}
body.permaScene .supporting__apps-item-img,
body.permaVideo .supporting__apps-item-img,
body.permaScene .main-cta__apps-item-img,
body.permaVideo .main-cta__apps-item-img {
  width: 100%;
  height: 166px;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
body.permaScene .supporting__apps-item-img-item,
body.permaVideo .supporting__apps-item-img-item,
body.permaScene .main-cta__apps-item-img-item,
body.permaVideo .main-cta__apps-item-img-item {
  position: relative;
  height: 100%;
  width: auto;
  max-width: unset !important;
}
body.permaScene .supporting__apps-item-text,
body.permaVideo .supporting__apps-item-text,
body.permaScene .main-cta__apps-item-text,
body.permaVideo .main-cta__apps-item-text {
  width: 100%;
  color: #4c4c4c;
  font-size: 17px;
  line-height: 1.4706;
}
body.permaScene .navbar-default,
body.permaVideo .navbar-default {
  height: auto;
  max-height: 73px;
  padding: 11px 0;
}
body.permaScene .navbar-mobile-helper,
body.permaVideo .navbar-mobile-helper {
  display: none;
  padding: 5px 0;
  border-bottom: 1px solid #dfdfdf;
}
body.permaScene .navbar-right.pinned-right,
body.permaVideo .navbar-right.pinned-right {
  z-index: 2000;
  position: relative;
}
body.permaScene .anim-block,
body.permaVideo .anim-block {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
body.permaScene .anim-block div.tlImageContainer div.tlSidebar .tlMenuItem,
body.permaVideo .anim-block div.tlImageContainer div.tlSidebar .tlMenuItem {
  display: none!important;
}
body.permaScene .item-wrapper.loaded .anim-block,
body.permaVideo .item-wrapper.loaded .anim-block {
  opacity: 1;
}
body.permaScene .topbar,
body.permaVideo .topbar {
  position: relative;
  height: 55px;
  width: 100%;
  background: #1aabed;
  padding: 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
body.permaScene .topbar__text,
body.permaVideo .topbar__text {
  color: white;
  font-weight: 500;
  font-size: 15px;
  line-height: 15px;
}
body.permaScene .topbar__btn,
body.permaVideo .topbar__btn {
  margin-left: 20px;
  padding: 10px 19px;
  color: #1aabed;
  border: 0;
  border-radius: 4px;
  background-color: white;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
body.permaScene .topbar__btn:hover,
body.permaVideo .topbar__btn:hover {
  color: #32b4ef;
}
body.permaScene .offset-icon,
body.permaVideo .offset-icon {
  margin-right: 4px;
  margin-top: 0;
}
body.permaScene .logo,
body.permaVideo .logo {
  -webkit-transition: 0.15s linear;
  -moz-transition: 0.15s linear;
  -ms-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
  display: inline-block;
  width: 108px;
  height: 25px;
  background: url("../../../gfx/pages16/icons/logo-black.svg") no-repeat center / contain;
  line-height: 1;
  text-decoration: none;
}
body.permaScene .logo.logo--white,
body.permaVideo .logo.logo--white {
  background-image: url("../../../gfx/pages16/icons/logo-white.svg");
}
body.permaScene .scene-statistics,
body.permaVideo .scene-statistics {
  font-size: 12px;
  font-weight: 500;
  display: table-cell !important;
  min-width: 180px;
  text-align: left;
  color: #333;
}
body.permaScene .scene-statistics > div,
body.permaVideo .scene-statistics > div {
  float: right;
}
body.permaScene .scene-statistics > div > div,
body.permaVideo .scene-statistics > div > div {
  text-transform: uppercase;
  margin: 10px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  min-width: 100px;
}
body.permaScene .scene-statistics > div > div span,
body.permaVideo .scene-statistics > div > div span {
  text-transform: none;
  display: block;
  font-size: 28px;
  line-height: 40px;
  font-weight: 100;
  text-align: left;
}
body.permaScene .scene-statistics:before,
body.permaVideo .scene-statistics:before,
body.permaScene .scene-statistics:after,
body.permaVideo .scene-statistics:after {
  content: "";
  display: table;
}
body.permaScene .scene-statistics:after,
body.permaVideo .scene-statistics:after {
  clear: both;
}
body.permaScene .modal.fade.in,
body.permaVideo .modal.fade.in,
body.permaScene .modal,
body.permaVideo .modal {
  display: none;
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen {
  body.permaScene .modal.fade.in,
  body.permaVideo .modal.fade.in,
  body.permaScene .modal,
  body.permaVideo .modal {
    top: 15% !important;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  body.permaScene .modal.fade.in,
  body.permaVideo .modal.fade.in,
  body.permaScene .modal,
  body.permaVideo .modal {
    top: 10px !important;
    height: auto;
  }
}
body.permaScene .modal.fade.in .modal-body,
body.permaVideo .modal.fade.in .modal-body,
body.permaScene .modal .modal-body,
body.permaVideo .modal .modal-body {
  max-height: 470px;
  /* HUBSPOT OVERRIDE STYLE */
  /* HUBSPOT OVERRIDE STYLE */
}
body.permaScene .modal.fade.in .modal-body .hs-form,
body.permaVideo .modal.fade.in .modal-body .hs-form,
body.permaScene .modal .modal-body .hs-form,
body.permaVideo .modal .modal-body .hs-form {
  margin: 0;
}
body.permaScene .modal.fade.in .modal-body .hbspt-form,
body.permaVideo .modal.fade.in .modal-body .hbspt-form,
body.permaScene .modal .modal-body .hbspt-form,
body.permaVideo .modal .modal-body .hbspt-form {
  margin-top: 15px;
  text-align: center;
}
body.permaScene .modal.fade.in .modal-body .hs_email.field.hs-form-field,
body.permaVideo .modal.fade.in .modal-body .hs_email.field.hs-form-field,
body.permaScene .modal .modal-body .hs_email.field.hs-form-field,
body.permaVideo .modal .modal-body .hs_email.field.hs-form-field {
  max-width: 335px;
  margin: 0 auto;
}
body.permaScene .modal.fade.in .modal-body .hs_email.field.hs-form-field label,
body.permaVideo .modal.fade.in .modal-body .hs_email.field.hs-form-field label,
body.permaScene .modal .modal-body .hs_email.field.hs-form-field label,
body.permaVideo .modal .modal-body .hs_email.field.hs-form-field label {
  font-size: 14px;
}
body.permaScene .modal.fade.in .modal-body .hs-input,
body.permaVideo .modal.fade.in .modal-body .hs-input,
body.permaScene .modal .modal-body .hs-input,
body.permaVideo .modal .modal-body .hs-input {
  width: 100%;
  height: 30px;
  background: #fbfbfb;
}
body.permaScene .modal.fade.in .modal-body .hs-button,
body.permaVideo .modal.fade.in .modal-body .hs-button,
body.permaScene .modal .modal-body .hs-button,
body.permaVideo .modal .modal-body .hs-button {
  height: 30px;
  background: #47c60a;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#47c60a), to(#37a801));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #47c60a, #37a801);
  /* for firefox 3.6+ */
  border: 0;
}
body.permaScene .modal.fade.in .modal-body .hs_submit,
body.permaVideo .modal.fade.in .modal-body .hs_submit,
body.permaScene .modal .modal-body .hs_submit,
body.permaVideo .modal .modal-body .hs_submit {
  text-align: center;
}
body.permaScene .modal.fade.in .modal-body .hs_submit .actions,
body.permaVideo .modal.fade.in .modal-body .hs_submit .actions,
body.permaScene .modal .modal-body .hs_submit .actions,
body.permaVideo .modal .modal-body .hs_submit .actions {
  margin: 0;
}
body.permaScene .modal.fade.in .modal-header,
body.permaVideo .modal.fade.in .modal-header,
body.permaScene .modal .modal-header,
body.permaVideo .modal .modal-header {
  border: none;
}
body.permaScene .modal.fade.in h3,
body.permaVideo .modal.fade.in h3,
body.permaScene .modal h3,
body.permaVideo .modal h3 {
  padding-top: 10px;
  text-align: center;
}
body.permaScene .modal.fade.in p,
body.permaVideo .modal.fade.in p,
body.permaScene .modal p,
body.permaVideo .modal p {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
  line-height: 20px;
}
body.permaScene .modal.fade.in .link,
body.permaVideo .modal.fade.in .link,
body.permaScene .modal .link,
body.permaVideo .modal .link {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
body.permaScene .modal.fade.in .link .btn-success,
body.permaVideo .modal.fade.in .link .btn-success,
body.permaScene .modal .link .btn-success,
body.permaVideo .modal .link .btn-success {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 5px 25px;
  background: #47c60a;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from', endColorstr='@to');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#47c60a), to(#37a801));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #47c60a, #37a801);
  /* for firefox 3.6+ */
  font-weight: 300;
}
body.permaScene .modal.fade.in .link .btn-facebook,
body.permaVideo .modal.fade.in .link .btn-facebook,
body.permaScene .modal .link .btn-facebook,
body.permaVideo .modal .link .btn-facebook {
  background: #3A579D;
  height: 34px;
  line-height: 34px;
  padding: 5px 25px;
  font-weight: 300;
}
body.permaScene .modal.fade.in .link:last-child,
body.permaVideo .modal.fade.in .link:last-child,
body.permaScene .modal .link:last-child,
body.permaVideo .modal .link:last-child {
  margin-bottom: 20px;
}
body.permaScene .swiper-slide,
body.permaVideo .swiper-slide {
  width: 80%;
}
/*******************/
/*      SCENE
/*******************/
/** comma notation will fail for fullscree pseudo styles **/
.single-scene:-webkit-full-screen {
  background-color: black;
}
.single-scene:fullscreen {
  background-color: black;
}
.single-scene:-moz-full-screen {
  background-color: black;
}
.single-scene:-ms-fullscreen {
  background-color: black;
}
body.permaScene {
  /* NAVIGATION OVERRIDES FOR TOP-INFO-BAR CONTENT */
  /* SHARE BAR */
  /* SHARE BUTTONS */
  /* ADMIN PANEL */
  /* COMMENTS */
  /* MORE IMAGES */
}
body.permaScene .mainContainer {
  /* padding makes room for the footer */
  padding-bottom: 50px;
}
body.permaScene .visitInfo {
  margin-top: 3px;
  margin-bottom: 6px;
  font-size: 16px;
  color: #333333;
}
body.permaScene .visitInfo a {
  color: #42444a;
}
body.permaScene .statsDisplay {
  display: none;
  border-bottom: 1px solid #42444a;
  border-top: 1px solid #42444a;
  margin-bottom: 20px;
}
body.permaScene .statsDisplay a.close {
  margin-top: 10px;
}
body.permaScene .statsDisplay > div:first-child {
  margin-bottom: 0;
}
body.permaScene .statsDisplay > div:last-child {
  border-top: 0;
}
body.permaScene .table {
  table-layout: fixed;
}
body.permaScene .table th.rightCell,
body.permaScene .table td.rightCell {
  text-align: right;
}
body.permaScene .table th {
  font-size: 12px;
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
  zoom: 1;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.permaScene .scene-call-to-action {
  margin-bottom: 30px;
}
body.permaScene #setupBoxInner {
  background: white;
}
body.permaScene #setupBoxInner a {
  border-left: 1px solid transparent!important;
}
body.permaScene .scene-embeds {
  color: #333;
}
body.permaScene .scene-embeds a.lastSeenUrl {
  font-size: 10px;
  color: #777;
  padding-left: 4px;
}
body.permaScene .scene-embeds a.lastSeenUrl:before {
  content: "";
  background-image: url('../../../gfx/link-icon.png');
  background-size: 12px 12px;
  background-repeat: no-repeat;
  padding-right: 16px;
}
body.permaScene .upsell-time-on-image {
  margin-left: 0;
}
body.permaScene .upsell-time-on-image img {
  vertical-align: inherit;
}
body.permaScene .detailList {
  text-align: center;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 14px;
  white-space: normal;
}
body.permaScene .detailList .detailItem {
  white-space: nowrap;
}
body.permaScene #top-info-bar {
  margin-bottom: 5px;
  margin-top: -5px;
}
body.permaScene .single-scene-container {
  background: #ededed;
  padding: 0;
}
body.permaScene .single-scene-container .single-scene {
  padding: 0;
  margin-bottom: 0;
  line-height: 0;
  position: relative;
  *zoom: 1;
  /* ensure that the scene does not come to
        the right of the scene title but instead
        beneath it. */
  clear: both;
  text-align: center;
  /* are these needed?
      .alert.alert-info {
          font-size: 16px;
          .close {
              margin-left: 10px;
          }
      }

      #originallySeen {
          cursor:default;
          font-size:11px;
          color:@tlLightGray;

          a {
            color: @tlBlue;
          }
      }*/
}
body.permaScene .single-scene-container .single-scene:before,
body.permaScene .single-scene-container .single-scene:after {
  display: table;
  content: "";
  line-height: 0;
}
body.permaScene .single-scene-container .single-scene:after {
  clear: both;
}
body.permaScene .single-scene-container .single-scene .scene_img {
  background-color: #f2f2f2 !important;
}
body.permaScene .row-fluid.shareBarWrapper .shareBar {
  padding: 5px 0;
  background: #ccced3;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #42444a;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}
body.permaScene .row-fluid.shareBarWrapper a.shareImg .shareBar {
  padding: 5px 0px;
  background: #0055be;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}
body.permaScene .row-fluid.shareBarWrapper a.shareImg .shareBar:hover {
  color: white;
  background: #42444a;
}
body.permaScene .row-fluid.shareBarWrapper a.shareImg:hover {
  text-decoration: none;
}
body.permaScene #shareMenu {
  position: absolute;
  padding: 10px 10px 0 10px;
  z-index: 10;
  font-size: 12px;
  text-align: left;
  background-color: white;
  display: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
body.permaScene #shareMenu.visible {
  display: block;
}
body.permaScene #shareMenu .arrow {
  width: 17px;
  height: 11px;
  background: url("../../../gfx/arrowUp.png") top left no-repeat;
  position: absolute;
  top: -11px;
  left: 120px;
}
body.permaScene #shareMenu a.shareBtn {
  float: left;
  zoom: 1;
}
body.permaScene #shareMenu {
  width: 160px;
}
body.permaScene #shareMenu a.shareBtn {
  margin: 0 10px 10px 0;
}
body.permaScene #shareMenu a.shareBtn:nth-child(4n) {
  margin-right: 0;
}
body.permaScene .adminPanel {
  margin-bottom: 10px;
  padding: 5px 0px 5px 0px;
  background: #fd1c1a;
  font-size: 13px;
  line-height: 24px;
}
body.permaScene .adminPanel select {
  margin-bottom: 0px;
}
body.permaScene .adminPanel a {
  margin: 0 10px 0 0;
}
body.permaScene .adminPanel .adminPanelName {
  text-transform: uppercase;
  font-weight: 500;
  color: white;
  margin: 0 10px;
}
body.permaScene .adminPanel .flaggedByMessage {
  color: white;
}
body.permaScene .adminPanel .note-unlisted {
  color: white;
  font-weight: 500;
}
body.permaScene .adminPanel div > * {
  margin-right: 20px;
}
body.permaScene #comments {
  position: relative;
  display: block;
}
body.permaScene #comments #commentbox {
  display: block;
  height: 100%;
  overflow: hidden;
  /* For the "the user has disabled the comments" -text. */
}
body.permaScene #comments #commentbox #logInComment {
  display: block;
  margin: 20px 0 0 0;
}
body.permaScene #comments #commentbox .commentFormWrapper {
  position: absolute;
  width: 100%;
  background: white;
  background: rgba(255, 255, 255, 0.9);
  padding-bottom: 10px;
  z-index: 1;
}
body.permaScene #comments #commentbox .textareaWrapper {
  margin: 0 25px 0 0;
}
body.permaScene #comments #commentbox .textareaWrapper textarea {
  width: 100%;
  height: 20px;
  font-weight: 300;
  color: #333;
  resize: none;
}
body.permaScene #comments #commentbox .textareaWrapper textarea:focus {
  border: 1px solid #42444a;
  box-shadow: none;
}
body.permaScene #comments #commentbox .textareaWrapper #postcomment {
  float: right;
  font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: -14px;
}
body.permaScene #comments #commentbox #secret {
  display: none;
}
body.permaScene #comments #commentbox .error {
  color: white;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #fd1c1a;
}
body.permaScene #comments #commentbox .spinner {
  background: url(../../../gfx/loading_16x16.gif) no-repeat center center;
  width: 16px;
  height: 16px;
  float: right;
  margin: 7px 12px;
}
body.permaScene #comments #commentbox .commentsDisabled {
  font-style: italic;
}
body.permaScene #comments #commentListWrapper {
  clear: both;
  padding: 0px;
  margin-top: 80px;
  overflow-y: auto;
  overflow-x: hidden;
}
body.permaScene #comments .more {
  clear: both;
  display: block;
  margin: 10px 0 0 30px;
  margin-right: 10px;
}
body.permaScene .commentWrapper {
  clear: both;
  width: 100%;
  margin-bottom: 5px;
  padding: 10px 0 20px 0;
  border-top: 1px solid #eee;
  position: relative;
  /*&.remixWrapper {

    }*/
}
body.permaScene .commentWrapper .avatar {
  float: left;
  width: 20px;
  height: 20px;
}
body.permaScene .commentWrapper .commentContent {
  text-align: left;
  font-size: 14px;
  padding: 0 15px 0 30px;
  -ms-word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
body.permaScene .commentWrapper .commentContent a {
  -ms-word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
body.permaScene .commentWrapper .spam {
  position: absolute;
  top: 10px;
  right: 18px;
  color: #eee;
}
body.permaScene .commentWrapper .spam:hover {
  color: #f22 !important;
  text-decoration: none;
}
body.permaScene .commentWrapper .spam.hovered {
  color: #aaa;
  text-decoration: none;
}
body.permaScene .commentWrapper .delete {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 20px;
  font-weight: bold;
  color: #eee;
}
body.permaScene .commentWrapper .delete:hover {
  color: #f22 !important;
  text-decoration: none;
}
body.permaScene .commentWrapper .delete.hovered {
  color: #aaa;
  text-decoration: none;
}
body.permaScene .commentWrapper .time {
  position: absolute;
  bottom: 0;
  left: 30px;
  font-size: 11px;
  color: #ccced3;
}
body.permaScene .commentWrapper .time span._icon_time {
  margin-left: 5px;
}
body.permaScene .permaSceneMoreImages .thumbnails {
  /* fix indentation on lines after the
         first one. see bootstrap ticket:
         https://github.com/twitter/bootstrap/issues/3494 */
}
body.permaScene .permaSceneMoreImages .thumbnails img {
  width: 100%;
}
body.permaScene .permaSceneMoreImages .thumbnails .span4:nth-child(3n+4) {
  margin-left: 0px;
}
body.permaScene .permaSceneMoreImages .thumbnails a,
body.permaScene .permaSceneMoreImages .thumbnails a:hover {
  padding: 0;
  border: 0;
}
body.permaScene .permaSceneMoreImages .thumbnails .thumbnail {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: box-shadow 0.25s ease-in;
  -moz-transition: box-shadow 0.25s ease-in;
  -ms-transition: box-shadow 0.25s ease-in;
  -o-transition: box-shadow 0.25s ease-in;
  transition: box-shadow 0.25s ease-in;
  -webkit-transition: -moz-box-shadow 0.25s ease-in;
  -moz-transition: -moz-box-shadow 0.25s ease-in;
  -ms-transition: -moz-box-shadow 0.25s ease-in;
  -o-transition: -moz-box-shadow 0.25s ease-in;
  transition: -moz-box-shadow 0.25s ease-in;
  -webkit-transition: -webkit-box-shadow 0.25s ease-in;
  -moz-transition: -webkit-box-shadow 0.25s ease-in;
  -ms-transition: -webkit-box-shadow 0.25s ease-in;
  -o-transition: -webkit-box-shadow 0.25s ease-in;
  transition: -webkit-box-shadow 0.25s ease-in;
  margin-bottom: 20px;
}
body.permaScene .permaSceneMoreImages .thumbnails .thumbnail:hover {
  -webkit-box-shadow: 0 0 0 5px #42444a;
  -moz-box-shadow: 0 0 0 5px #42444a;
  -ms-box-shadow: 0 0 0 5px #42444a;
  -o-box-shadow: 0 0 0 5px #42444a;
  box-shadow: 0 0 0 5px #42444a;
}
body.permaScene #replaceModal form {
  margin: 0;
}
body.permaScene #replaceModal #replacesubmit {
  float: right;
}
@media (min-width: 1200px) {
  body.permaScene .single-scene-container {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (max-width: 1023px) {
  body.permaScene .page__content {
    width: 720px;
  }
}
@media (max-width: 767px) {
  body.permaScene .page__content {
    width: auto;
    padding: 0 20px;
  }
  body.permaScene .navbar-header {
    float: left;
  }
  body.permaScene .navbar-right.pinned-right {
    float: right;
  }
  body.permaScene .navbar-mobile-helper {
    display: block;
  }
}
@media (max-width: 320px) {
  body.permaScene .signup__button {
    padding: 0 10px;
  }
}
/*************************/
/*        VIDEO
/*************************/
body.permaVideo {
  /* overriding for stats blocks it a bit smaller */
}
body.permaVideo .scene-statistics > div > div {
  min-width: 60px;
}
body.permaVideo .statsDisplay {
  display: none;
  min-height: 400px;
  /*background: url(../../../gfx/loading.gif) no-repeat center top;*/
}
body.permaVideo .statsDisplay #statsIframe {
  margin-top: -20px;
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 20px;
}
body.permaVideo .mediaPlayerContainer {
  min-height: 80vh;
  height: auto;
  width: 100%;
  position: relative;
}
body.permaVideo #main {
  padding-top: 100px;
}
body.permaVideo #main .video-container .row-fluid {
  text-align: center;
}
body.permaVideo #main .video-container .row-fluid .mainVideoHolder {
  background-color: black;
}
body.permaVideo #main .video-container .row-fluid .mainVideoHolder .main-video {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}
body.permaVideo #main .video-container .row-fluid .mainVideoHolder .main-video .dummySizer {
  padding-top: 56.25%;
}
body.permaVideo #main .video-container .row-fluid .mainVideoHolder .main-video .scene-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.permaVideo #main .video-container .row-fluid .mainVideoHolder .main-video.mobile-placeholder:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../../../gfx/videoplayer/play-button.svg') no-repeat center;
  cursor: pointer;
}
body.permaVideo .bottom-block {
  margin: 0;
}
body.permaVideo .related-videos {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
  background: #f5f5f5;
  min-height: 41px;
  text-align: initial;
  float: right;
}
body.permaVideo .related-videos .related-videos-item {
  height: 68px;
  width: 100%;
  display: block;
  margin-top: 10px;
}
body.permaVideo .related-videos .related-videos-item:first-child {
  margin-top: 0;
}
body.permaVideo .related-videos .related-videos-item a.video-thumb {
  height: 100%;
  margin-right: 10px;
  float: left;
  display: block;
  width: 120px;
  background: none no-repeat 50% 50% transparent;
  background-size: cover;
  position: relative;
  /*img {
            max-height: 100%;
            width: auto;
            display: block;
        } */
}
body.permaVideo .related-videos .related-videos-item a.video-thumb .duration {
  display: block;
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 0px 6px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 10px;
  line-height: 22px;
}
body.permaVideo .related-videos .related-videos-item h3 {
  max-height: 22px;
  margin: 0px;
  overflow: hidden;
  color: #1f76e2;
  font-size: 14px;
  line-height: 22px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
}
body.permaVideo .related-videos .related-videos-item h3 a,
body.permaVideo .related-videos .related-videos-item h3 a:hover {
  color: inherit;
  text-decoration: none;
}
body.permaVideo .related-videos .related-videos-item p {
  color: #525252;
  margin: 0;
  font-size: 12px;
  line-height: 22px;
}
body.permaVideo .related-videos .related-videos-item p.summary {
  margin-top: 4px;
  font-size: 10px;
  line-height: 16px;
}
body.permaVideo .related-videos .related-videos-item p.summary .icon:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
}
body.permaVideo .related-videos .related-videos-item p a {
  color: inherit;
  text-decoration: underline;
}
body.permaVideo .related-videos .related-videos-item p .left-padding {
  margin-left: 16px;
}
body.permaVideo .banned-img {
  width: 100%;
}
body.permaVideo .bottom-block {
  text-align: initial;
}
body.permaVideo .bottom-block div {
  margin-top: 20px;
}
body.permaVideo .bottom-block .action-bar {
  margin-top: 14px;
  background: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #b3b3b3;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
body.permaVideo .bottom-block .action-bar > * {
  display: inline-block;
  margin-left: 20px;
  color: inherit;
  vertical-align: middle;
}
body.permaVideo .bottom-block .action-bar > *:first-child {
  margin-left: 0;
}
body.permaVideo .bottom-block .action-bar > *:hover {
  color: inherit;
  text-decoration: none;
}
body.permaVideo .bottom-block .action-bar #agelimit {
  margin: 0 0 0 20px;
}
body.permaVideo .bottom-block .video-info-block {
  color: #525252;
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 10px;
}
body.permaVideo .bottom-block .video-info-block #moreDescription {
  text-align: center;
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #f2f2f2;
}
body.permaVideo .bottom-block .video-info-block #moreDescription a {
  color: #1f76e2;
  text-decoration: underline;
}
body.permaVideo .bottom-block h1 {
  color: #2e78df;
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
}
body.permaVideo .bottom-block #contentDescription {
  line-height: 22px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out;
  -moz-transition: max-height 0.3s ease-in-out;
  -ms-transition: max-height 0.3s ease-in-out;
  -o-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}
body.permaVideo .bottom-block #contentDescription div {
  margin: 0;
  padding: 0;
}
body.permaVideo .bottom-block .cutted-block {
  max-height: 110px;
}
body.permaVideo .bottom-block .small-margin {
  margin-left: 26px;
}
body.permaVideo .bottom-block .small-margin:first-child {
  margin-left: 0;
}
body.permaVideo .bottom-block #toggleImageAdmin {
  float: right;
  vertical-align: middle;
  margin-left: 0;
}
body.permaVideo .bottom-block .icon:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  font-size: 16px;
  line-height: 1;
  vertical-align: sub;
  color: #b3b3b3;
}
body.permaVideo .bottom-block ._icon_video_heart:before {
  content: "\e60f";
  color: #b3b3b3;
  margin-right: 8px;
}
body.permaVideo .bottom-block ._icon_video_heart:hover:before {
  color: red;
}
body.permaVideo .bottom-block ._icon_video_heart.untouch:before,
body.permaVideo .bottom-block ._icon_video_heart.untouch:hover:before {
  color: red;
}
body.permaVideo .bottom-block .tl4v-icon-views:before {
  width: 19px;
  background: url('../../../gfx/video-page/tl4v_icon_views.png') no-repeat 50% 50%;
}
body.permaVideo .bottom-block .tl4v-icon-more:before {
  background: url('../../../gfx/video-page/tl4v_icon_more.png') no-repeat 50% 50%;
}
body.permaVideo .bottom-block ._icon_video_edit:before {
  margin-right: 0;
  width: 20px;
  height: 18px;
}
body.permaVideo .bottom-block ._icon_video_stats:before {
  margin-right: 0;
  width: 20px;
  height: 18px;
}
body.permaVideo .bottom-block ._icon_video_trash:before {
  margin-right: 0;
  width: 20px;
  height: 18px;
}
body.permaVideo .bottom-block .video-summary {
  font-size: 12px;
  line-height: 1;
}
body.permaVideo .bottom-block .video-summary .annotationElement {
  margin-right: 8px;
}
body.permaVideo .bottom-block .video-summary .annotationElement a {
  color: #1f76e2;
  text-decoration: underline;
}
body.permaVideo .bottom-block .video-summary .right-menu-button {
  position: absolute;
  right: 0;
}
body.permaVideo .bottom-block .avatar-img {
  width: 24px;
  height: 24px;
  float: left;
  margin: 8px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
body.permaVideo .bottom-block .avatar-img.upper {
  margin-top: -4px;
}
body.permaVideo .bottom-block .comments-form .right-part {
  margin: 0 0 0 40px;
}
body.permaVideo .bottom-block .comments-form .right-part .comment-input {
  padding: 8px;
  height: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 70%;
  margin: 0 0 0 8px;
  background-color: #fafafa;
  border-color: #e6e6e6;
  font-size: 12px;
  line-height: 18px;
}
body.permaVideo .bottom-block .comments-form .right-part #postcomment {
  width: 26%;
  float: right;
  padding: 8px;
  height: 34px;
  font-weight: 500;
  font-size: 10px;
  background: #1f76e2;
}
body.permaVideo .bottom-block .comments-block {
  margin-top: 40px;
}
body.permaVideo .bottom-block .comments-block .comments-item {
  position: relative;
  padding: 30px 0 0 0;
  margin: 0 0 30px 0;
  border-top: 1px solid #ededed;
}
body.permaVideo .bottom-block .comments-block .comments-item:first-child {
  border: 0;
}
body.permaVideo .bottom-block .comments-block p {
  margin-left: 48px;
}
body.permaVideo .bottom-block .comments-block p.comment-title {
  font-size: 12px;
}
body.permaVideo .bottom-block .comments-block p.comment-title a {
  color: #1f76e2;
  text-decoration: underline;
}
body.permaVideo .bottom-block .comments-block p.comment-title .comment-time {
  color: #a8a8a8;
}
body.permaVideo .bottom-block .comments-block p.comment-text:last-child {
  border: 0;
}
body.permaVideo .bottom-block .comments-block p.comment-text .spam {
  position: absolute;
  top: 30px;
  right: 18px;
  color: #eee;
}
body.permaVideo .bottom-block .comments-block p.comment-text .spam:hover {
  color: #f22 !important;
  text-decoration: none;
}
body.permaVideo .bottom-block .comments-block p.comment-text .spam.hovered {
  color: #aaa;
  text-decoration: none;
}
body.permaVideo .bottom-block .comments-block p.comment-text .delete {
  position: absolute;
  top: 30px;
  right: 0;
  font-size: 20px;
  font-weight: bold;
  color: #eee;
}
body.permaVideo .bottom-block .comments-block p.comment-text .delete:hover {
  color: #f22 !important;
  text-decoration: none;
}
body.permaVideo .bottom-block .comments-block p.comment-text .delete.hovered {
  color: #aaa;
  text-decoration: none;
}
@media all and (max-width: 1023px) {
  body.permaVideo .page__content {
    width: 720px;
  }
}
@media (max-width: 979px) {
  body.permaVideo {
    padding-left: 0;
    padding-right: 0;
  }
  body.permaVideo #main {
    padding-top: 63px;
  }
  body.permaVideo #main .mainContainer {
    padding-left: 0;
    padding-right: 0;
  }
  body.permaVideo #main .mainContainer .video-container {
    margin-left: 4px;
    margin-right: 4px;
  }
  body.permaVideo #main .mainContainer .video-container .container {
    width: 100%;
  }
  body.permaVideo #main .mainContainer .video-container .container .mainVideoHolder {
    width: 100%;
  }
  body.permaVideo #main .mainContainer .video-container .container .related-videos {
    width: 100%;
    margin-top: -6px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    float: none;
  }
  body.permaVideo #main .mainContainer .video-container .container .related-videos .related-videos-item {
    display: inline-block;
    width: 49%;
    margin-left: 2px;
    margin-right: 2px;
  }
  body.permaVideo #main .mainContainer .video-container .container .bottom-block {
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: -8px;
  }
  body.permaVideo #main .mainContainer .video-container .container .bottom-block .action-bar {
    padding-left: 5px;
    padding-right: 5px;
  }
  body.permaVideo #main .mainContainer .video-container .container .bottom-block #comments {
    margin-right: 4px;
  }
}
@media (max-width: 767px) {
  body.permaVideo {
    padding-left: 0;
    padding-right: 0;
  }
  body.permaVideo .navbar-header {
    float: left;
  }
  body.permaVideo .navbar-right.pinned-right {
    float: right;
  }
  body.permaVideo .navbar-mobile-helper {
    display: block;
  }
  body.permaVideo .signup__button {
    font-size: 12px;
  }
  body.permaVideo .page__content {
    width: auto;
    padding: 0 20px;
  }
  body.permaVideo #main {
    padding-left: 0;
    padding-right: 0;
    padding-top: 63px;
  }
  body.permaVideo #main .mainContainer .video-container {
    margin-left: 0;
    margin-right: 0;
  }
  body.permaVideo #main .mainContainer .video-container .container .related-videos {
    margin-top: 2px;
  }
  body.permaVideo #main .action-bar {
    margin-left: -2px;
    margin-right: -2px;
  }
  body.permaVideo #main .action-bar.adminPanel > * {
    display: block;
    margin: 8px;
    color: inherit;
    vertical-align: middle;
  }
  body.permaVideo #main .action-bar.adminPanel > *:first-child {
    margin-left: 8px;
  }
  body.permaVideo #main .action-bar.adminPanel #agelimit {
    margin: 8px;
  }
  body.permaVideo #main .bottom-block .video-summary {
    text-align: left;
  }
  body.permaVideo #main .bottom-block .video-summary .annotationElement {
    display: block;
    margin-bottom: 6px;
  }
  body.permaVideo #main .bottom-block .comments-form .right-part #postcomment {
    clear: both;
    width: 100%;
  }
  body.permaVideo #main .bottom-block .comments-form .right-part .comment-input {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
@media (max-width: 735px) {
  body.permaVideo #main .mainContainer .video-container .container .related-videos .related-videos-item {
    width: 100%;
  }
}
@media (max-width: 320px) {
  body.permaVideo .signup__button {
    padding: 0 10px;
  }
}
#upsellStatsBlock {
  position: absolute;
  top: 20%;
  left: 30%;
  width: 40%;
}
#upsellStatsBlock .upsell-alert {
  padding: 12px 12px 45px;
  color: black;
  background-color: white;
  box-shadow: 0 0 12px #42444a;
}
#upsellStatsBlock .upsell-alert span._icon_upgrade {
  color: #ccced3;
  float: left;
  font-size: 31px;
  line-height: 40px;
  padding-right: 15px;
}
.bottomBarBanner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: table;
  height: 48px;
  background-color: black;
  opacity: 0.9;
  z-index: 10;
  text-align: center;
}
.bottomBarBanner .innerBar {
  height: 100%;
  max-width: 748px;
  position: relative;
  margin: auto;
  vertical-align: middle;
}
.bottomBarBanner .innerBar .descriptionWrapper {
  position: absolute;
  right: 148px;
  display: inline-block;
  color: white;
  height: 100%;
  max-width: 600px;
  padding: 4px;
}
.bottomBarBanner .innerBar .descriptionWrapper .description {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
}
@media (max-width: 750px) {
  .bottomBarBanner .innerBar .descriptionWrapper .description .wideScreen {
    display: none;
  }
}
.bottomBarBanner .innerBar .btnOuterWrapper {
  display: inline-block;
  position: absolute;
  right: 4px;
  height: 100%;
  line-height: 48px;
  width: 144px;
}
.bottomBarBanner .innerBar .btnOuterWrapper .btnWrapper a.btn {
  display: inline-block;
  background-color: #FFA636;
}