@font-face {
  font-family: 'Typewriter';
  src: url('../fonts/Typewriter.eot');
  src: url('../fonts/Typewriter.eot?#iefix') format('embedded-opentype'), url('../fonts/Typewriter.woff2') format('woff2'), url('../fonts/Typewriter.woff') format('woff'), url('../fonts/Typewriter.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Typewriter';
  src: url('../fonts/TypewriterBold.eot');
  src: url('../fonts/TypewriterBold.eot?#iefix') format('embedded-opentype'), url('../fonts/TypewriterBold.woff2') format('woff2'), url('../fonts/TypewriterBold.woff') format('woff'), url('../fonts/TypewriterBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neutra Display Titling';
  src: url('../fonts/NeutraDisp-Titling.eot');
  src: url('../fonts/NeutraDisp-Titling.eot?#iefix') format('embedded-opentype'), url('../fonts/NeutraDisp-Titling.woff2') format('woff2'), url('../fonts/NeutraDisp-Titling.woff') format('woff'), url('../fonts/NeutraDisp-Titling.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic ExBold Oblique';
  src: url('../fonts/NeumaticGothic-ExtraBoldOblique.eot');
  src: url('../fonts/NeumaticGothic-ExtraBoldOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-ExtraBoldOblique.woff2') format('woff2'), url('../fonts/NeumaticGothic-ExtraBoldOblique.woff') format('woff'), url('../fonts/NeumaticGothic-ExtraBoldOblique.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-Bold.eot');
  src: url('../fonts/NeumaticGothic-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-Bold.woff2') format('woff2'), url('../fonts/NeumaticGothic-Bold.woff') format('woff'), url('../fonts/NeumaticGothic-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic Black Oblique';
  src: url('../fonts/NeumaticGothic-BlackOblique.eot');
  src: url('../fonts/NeumaticGothic-BlackOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-BlackOblique.woff2') format('woff2'), url('../fonts/NeumaticGothic-BlackOblique.woff') format('woff'), url('../fonts/NeumaticGothic-BlackOblique.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-Black.eot');
  src: url('../fonts/NeumaticGothic-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-Black.woff2') format('woff2'), url('../fonts/NeumaticGothic-Black.woff') format('woff'), url('../fonts/NeumaticGothic-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-BoldOblique.eot');
  src: url('../fonts/NeumaticGothic-BoldOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-BoldOblique.woff2') format('woff2'), url('../fonts/NeumaticGothic-BoldOblique.woff') format('woff'), url('../fonts/NeumaticGothic-BoldOblique.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-ExtraBold.eot');
  src: url('../fonts/NeumaticGothic-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-ExtraBold.woff2') format('woff2'), url('../fonts/NeumaticGothic-ExtraBold.woff') format('woff'), url('../fonts/NeumaticGothic-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-Medium.eot');
  src: url('../fonts/NeumaticGothic-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-Medium.woff2') format('woff2'), url('../fonts/NeumaticGothic-Medium.woff') format('woff'), url('../fonts/NeumaticGothic-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic SmBold Oblique';
  src: url('../fonts/NeumaticGothic-SemiBoldOblique.eot');
  src: url('../fonts/NeumaticGothic-SemiBoldOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-SemiBoldOblique.woff2') format('woff2'), url('../fonts/NeumaticGothic-SemiBoldOblique.woff') format('woff'), url('../fonts/NeumaticGothic-SemiBoldOblique.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-RegularOblique.eot');
  src: url('../fonts/NeumaticGothic-RegularOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-RegularOblique.woff2') format('woff2'), url('../fonts/NeumaticGothic-RegularOblique.woff') format('woff'), url('../fonts/NeumaticGothic-RegularOblique.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic Medium Oblique';
  src: url('../fonts/NeumaticGothic-MediumOblique.eot');
  src: url('../fonts/NeumaticGothic-MediumOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-MediumOblique.woff2') format('woff2'), url('../fonts/NeumaticGothic-MediumOblique.woff') format('woff'), url('../fonts/NeumaticGothic-MediumOblique.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic Light Oblique';
  src: url('../fonts/NeumaticGothic-LightOblique.eot');
  src: url('../fonts/NeumaticGothic-LightOblique.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-LightOblique.woff2') format('woff2'), url('../fonts/NeumaticGothic-LightOblique.woff') format('woff'), url('../fonts/NeumaticGothic-LightOblique.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-Regular.eot');
  src: url('../fonts/NeumaticGothic-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-Regular.woff2') format('woff2'), url('../fonts/NeumaticGothic-Regular.woff') format('woff'), url('../fonts/NeumaticGothic-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-Light.eot');
  src: url('../fonts/NeumaticGothic-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-Light.woff2') format('woff2'), url('../fonts/NeumaticGothic-Light.woff') format('woff'), url('../fonts/NeumaticGothic-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neumatic Gothic';
  src: url('../fonts/NeumaticGothic-SemiBold.eot');
  src: url('../fonts/NeumaticGothic-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/NeumaticGothic-SemiBold.woff2') format('woff2'), url('../fonts/NeumaticGothic-SemiBold.woff') format('woff'), url('../fonts/NeumaticGothic-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Slab';
  src: url('../fonts/RobotoSlab-Regular.eot');
  src: url('../fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Regular.woff2') format('woff2'), url('../fonts/RobotoSlab-Regular.woff') format('woff'), url('../fonts/RobotoSlab-Regular.ttf') format('truetype'), url('../fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Thin';
  src: url('../fonts/RobotoSlab-Thin.eot');
  src: url('../fonts/RobotoSlab-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Thin.woff2') format('woff2'), url('../fonts/RobotoSlab-Thin.woff') format('woff'), url('../fonts/RobotoSlab-Thin.ttf') format('truetype'), url('../fonts/RobotoSlab-Thin.svg#RobotoSlab-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('../fonts/RobotoSlab-Bold.eot');
  src: url('../fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoSlab-Bold.woff2') format('woff2'), url('../fonts/RobotoSlab-Bold.woff') format('woff'), url('../fonts/RobotoSlab-Bold.ttf') format('truetype'), url('../fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Metric-Bold';
  src: url('../fonts/Metric-Bold.eot');
  src: url('../fonts/Metric-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Metric-Bold.woff2') format('woff2'), url('../fonts/Metric-Bold.woff') format('woff'), url('../fonts/Metric-Bold.ttf') format('truetype'), url('../fonts/Metric-Bold.svg#Metric-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Metric';
  src: url('../fonts/Metric-Medium.eot');
  src: url('../fonts/Metric-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Metric-Medium.woff2') format('woff2'), url('../fonts/Metric-Medium.woff') format('woff'), url('../fonts/Metric-Medium.ttf') format('truetype'), url('../fonts/Metric-Medium.svg#Metric-Medium') format('svg');
  font-weight: 500;
}
@font-face {
  font-family: 'Graphik-Regular';
  src: url('../fonts/Graphik-Regular.otf');
  font-weight: normal;
}
@font-face {
  font-family: 'Graphik-Medium';
  src: url('../fonts/Graphik-Medium.otf');
  font-weight: normal;
}
@font-face {
  font-family: 'Graphik-Semibold';
  src: url('../fonts/Graphik-Semibold.otf');
  font-weight: normal;
}
@font-face {
  font-family: 'Graphik-Bold';
  src: url('../fonts/Graphik-Bold.otf');
  font-weight: normal;
}
@font-face {
  font-family: 'Graphik-Light';
  src: url('../fonts/Graphik-Light.otf');
  font-weight: normal;
}
@font-face {
  font-family: "soapboxx-icon-font";
  src: url("../fonts/soapboxx-icon-font.eot?acd644d2df4ee38c4576e4b02e48a151?#iefix") format("embedded-opentype"), url("../fonts/soapboxx-icon-font.woff2?acd644d2df4ee38c4576e4b02e48a151") format("woff2"), url("../fonts/soapboxx-icon-font.woff?acd644d2df4ee38c4576e4b02e48a151") format("woff"), url("../fonts/soapboxx-icon-font.ttf?acd644d2df4ee38c4576e4b02e48a151") format("truetype"), url("../fonts/soapboxx-icon-font.svg?acd644d2df4ee38c4576e4b02e48a151#soapboxx-icon-font") format("svg");
}
i {
  font: initial;
}
i[class^="icon-"]:before,
i[class*=" icon-"]:before {
  font-family: soapboxx-icon-font !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-active:before {
  content: "\f101";
}
.icon-add:before {
  content: "\f102";
}
.icon-alert:before {
  content: "\f103";
}
.icon-approve:before {
  content: "\f104";
}
.icon-arrow-down:before {
  content: "\f105";
}
.icon-arrow-left:before {
  content: "\f106";
}
.icon-arrow-right:before {
  content: "\f107";
}
.icon-arrow-up:before {
  content: "\f108";
}
.icon-back:before {
  content: "\f109";
}
.icon-camara:before {
  content: "\f10a";
}
.icon-campaigns:before {
  content: "\f10b";
}
.icon-cancel:before {
  content: "\f10c";
}
.icon-delete-selected:before {
  content: "\f10d";
}
.icon-download-plain:before {
  content: "\f10e";
}
.icon-download:before {
  content: "\f10f";
}
.icon-drag:before {
  content: "\f110";
}
.icon-duplicate:before {
  content: "\f111";
}
.icon-edit-captions:before {
  content: "\f112";
}
.icon-edit:before {
  content: "\f113";
}
.icon-error:before {
  content: "\f114";
}
.icon-external-page:before {
  content: "\f115";
}
.icon-facebook:before {
  content: "\f116";
}
.icon-hamburger:before {
  content: "\f117";
}
.icon-inactive:before {
  content: "\f118";
}
.icon-info:before {
  content: "\f119";
}
.icon-insights:before {
  content: "\f11a";
}
.icon-instagram:before {
  content: "\f11b";
}
.icon-list:before {
  content: "\f11c";
}
.icon-logout:before {
  content: "\f11d";
}
.icon-mail:before {
  content: "\f11e";
}
.icon-messenger:before {
  content: "\f11f";
}
.icon-more-info:before {
  content: "\f120";
}
.icon-new-word:before {
  content: "\f121";
}
.icon-new:before {
  content: "\f122";
}
.icon-next:before {
  content: "\f123";
}
.icon-open:before {
  content: "\f124";
}
.icon-play-video-thumb:before {
  content: "\f125";
}
.icon-play:before {
  content: "\f126";
}
.icon-prev:before {
  content: "\f127";
}
.icon-question-content:before {
  content: "\f128";
}
.icon-question:before {
  content: "\f129";
}
.icon-questions:before {
  content: "\f12a";
}
.icon-record:before {
  content: "\f12b";
}
.icon-redo:before {
  content: "\f12c";
}
.icon-reminder:before {
  content: "\f12d";
}
.icon-render-progress:before {
  content: "\f12e";
}
.icon-render:before {
  content: "\f12f";
}
.icon-rendering:before {
  content: "\f130";
}
.icon-retake:before {
  content: "\f131";
}
.icon-search:before {
  content: "\f132";
}
.icon-selected:before {
  content: "\f133";
}
.icon-settings:before {
  content: "\f134";
}
.icon-share:before {
  content: "\f135";
}
.icon-starred-disabled:before {
  content: "\f136";
}
.icon-starred-enabled:before {
  content: "\f137";
}
.icon-stickers:before {
  content: "\f138";
}
.icon-stop:before {
  content: "\f139";
}
.icon-submit:before {
  content: "\f13a";
}
.icon-telegram:before {
  content: "\f13b";
}
.icon-thumbs:before {
  content: "\f13c";
}
.icon-tiktok:before {
  content: "\f13d";
}
.icon-to:before {
  content: "\f13e";
}
.icon-trash:before {
  content: "\f13f";
}
.icon-tumblr:before {
  content: "\f140";
}
.icon-twitter:before {
  content: "\f141";
}
.icon-unselected:before {
  content: "\f142";
}
.icon-upload:before {
  content: "\f143";
}
.icon-user-roles:before {
  content: "\f144";
}
.icon-video-overlays:before {
  content: "\f145";
}
.icon-videos:before {
  content: "\f146";
}
.icon-view:before {
  content: "\f147";
}
.icon-whatsapp:before {
  content: "\f148";
}
.icon-youtube:before {
  content: "\f149";
}
.content-web-app {
  padding: 16px;
  margin-top: 14px;
  margin-bottom: 24px;
}
.content-web-app.all-campaings {
  -ms-flex: auto;
      flex: auto;
}
.content-web-app.full-width {
  padding: 0;
}
.content-web-app.mobile {
  margin-bottom: -22px;
}
.content-web-app.mobile-thanks {
  margin-bottom: -42px;
}
.content-web-app.all-videos-mobile {
  margin-top: -44px;
}
.content-web-app.stickers {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (min-width: 1024px) {
  .content-web-app {
    margin-top: 32px;
    margin-bottom: 52px;
    padding: 0;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
}
.content-web-app .slick-carousel-container {
  position: relative;
  margin-bottom: 20px;
}
.content-web-app .slick-carousel-container.campaign {
  padding: 0;
}
.content-web-app .slick-carousel-container .campaign-paging {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 15px;
  color: #FFFFFF;
  position: absolute;
  top: 14%;
  z-index: 1;
  right: -1%;
}
.content-web-app .slick-carousel-container .paging {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 15px;
  position: absolute;
}
.content-web-app .slick-carousel-container .paging.qstep {
  color: #191919;
  bottom: -10px;
  z-index: 1;
  left: 75%;
  width: 90px;
  position: relative;
}
.content-web-app .slick-carousel-container .paging.qstep .countQs {
  display: inline-block;
}
.content-web-app .slick-carousel-container .paging.qstep img {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: text-top;
}
.content-web-app .slick-carousel-container .paging.video {
  color: #191919;
  bottom: 4%;
  z-index: 1;
  right: 10%;
  width: 90px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: start;
  padding-right: 20px;
}
.content-web-app .slick-carousel-container .paging.video img {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-left: 5px;
  position: relative;
  right: 0;
}
.content-web-app .slick-carousel-container .paging.campaign {
  color: #FFFFFF;
  position: absolute;
  top: 10%;
  z-index: 1;
  right: 0;
}
.content-web-app .slick-carousel-container .paging.campaign .countCampaigns {
  width: 100px;
  position: absolute;
  right: 0%;
  text-align: left;
  line-height: 58px;
}
.content-web-app .slick-carousel-container .next.video {
  position: absolute;
  bottom: 0%;
  right: 4%;
}
.content-web-app .slick-carousel-container .next.campaign {
  position: absolute;
  top: 0%;
  right: 4%;
}
.content-web-app .slick-campaigns-landing .slick-list {
  margin: 0 0 0 -20px !important;
}
.content-web-app .page-title {
  text-align: left;
}
.content-web-app .page-title.how-to {
  margin-top: 40px;
}
.content-web-app .page-title.need-insp {
  margin-top: 40px;
}
.content-web-app .page-title .general-text {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 29px;
  line-height: 40px;
  color: #191919;
}
.content-web-app .page-title .general-text.group {
  margin-top: 12px;
}
.content-web-app .page-title .general-text.special {
  margin-top: 7px;
}
.content-web-app .page-title .general-text.campaign-single {
  margin-bottom: 10px;
  margin-top: 10px;
}
.content-web-app .page-title .general-text.privacy {
  font-size: 26px;
  line-height: 37px;
}
@media (min-width: 1024px) {
  .content-web-app .page-title .general-text.privacy {
    font-size: 31px;
    line-height: 34px;
  }
}
@media (min-width: 1024px) {
  .content-web-app .page-title .general-text {
    font-size: 31px;
    line-height: 43px;
    text-align: initial;
    float: left;
  }
}
.content-web-app .page-title .lr-buttons {
  float: right;
  display: inline-block;
  line-height: 64px;
  margin-right: 15px;
}
.content-web-app .page-title .see-all {
  background-color: white;
  border: 2px solid #1A1A1A;
  box-sizing: border-box;
  border-radius: 24px;
  font-family: Graphik-Semibold, sans-serif;
  font-style: normal;
  font-size: 17px;
  line-height: 19px;
  color: #1A1A1A;
  float: right;
  padding: 12px 20px;
  text-transform: capitalize;
  /*font-family: Graphik-Bold, sans-serif;
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
     /* line-height: 27px;*/
  color: #787878;
  float: left;
  display: inline-block;
  margin-bottom: 10px;
}
.content-web-app .page-title .see-all a {
  text-decoration: none;
  display: inline-block;
  color: #1A1A1A;
}
.content-web-app .page-title .see-all a .term {
  text-transform: lowercase;
}
.content-web-app .page-title .see-all a {
  text-decoration: none;
  display: inline-block;
}
.content-web-app .page-title .see-all a .term {
  text-transform: lowercase;
}
.content-web-app .page-title .see-all .icon {
  width: 20px;
  height: 15px;
  vertical-align: middle;
}
.content-web-app .page-title .see-all .icon.qs {
  height: 31px;
  width: 50px;
  margin-right: 20px;
}
@media (min-width: 1024px) {
  .content-web-app .page-title .see-all {
    font-weight: 900;
    font-size: 18px;
    color: #191919;
    float: right;
    display: inline-block;
    margin-top: 7px;
  }
  .content-web-app .page-title .see-all a {
    text-decoration: none;
    color: #191919;
    display: inline-block;
  }
  .content-web-app .page-title .see-all .icon {
    margin-left: 10px;
    display: inline-table;
  }
  .content-web-app .page-title .see-all .icon.qs {
    height: 31px;
    width: 50px;
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .content-web-app :after {
    content: "";
    display: table;
    clear: both;
  }
}
.content-web-app .page-title .see-all a:hover {
  color: #FFFFFF !important;
  cursor: pointer;
}
.content-web-app .page-title .see-all a:hover a {
  color: #FFFFFF;
}
.content-web-app .page-title .see-all a:hover .icon path {
  stroke: #FFFFFF;
}
.content-web-app .page-title .see-all:hover {
  color: #FFFFFF !important;
  background: #191919;
  cursor: pointer;
}
.content-web-app .page-title .see-all:hover a {
  color: #FFFFFF !important;
}
.content-web-app .page-title .see-all:hover .icon path {
  stroke: #FFFFFF;
}
.content-web-app .see-all-mob {
  background-color: white;
  border: 2px solid #1A1A1A;
  box-sizing: border-box;
  border-radius: 24px;
  font-family: Graphik-Semibold, sans-serif;
  font-style: normal;
  font-size: 17px;
  line-height: 19px;
  color: #1A1A1A;
  display: table;
  margin-top: 20px;
  padding: 12px 20px;
  text-transform: capitalize;
}
@media (min-width: 1024px) {
  .content-web-app .see-all-mob {
    display: table-cell;
    margin-bottom: 10px;
    margin-top: initial;
  }
}
.content-web-app .see-all-mob a {
  text-decoration: none;
  color: #191919;
}
.content-web-app .title-landing {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 26px;
  line-height: 29px;
  color: #1A1A1A;
  text-align: left;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .content-web-app .title-landing {
    margin-top: 35px;
  }
}
.content-web-app .desc-landing {
  font-family: Graphik, sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 33px;
  color: #191919;
  text-align: left;
  margin-bottom: 30px;
}
.content-web-app .load-more-container {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.content-web-app .load-more-container .loadmore-btn {
  background: #F4F4F4;
  border-radius: 4px;
  border: none;
  height: 82px;
  font-family: Graphik-Bold;
  font-style: normal;
  font-size: 16px;
  line-height: 13px;
  color: #191919;
  padding-left: 40px;
  padding-right: 40px;
  cursor: pointer;
  width: 283px;
}
.content-web-app .separator {
  mix-blend-mode: normal;
  opacity: 0.54;
  border: 0.5px solid #C9C9C9;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 100%;
}
.content-web-app .separator.prompt-single {
  margin-top: 25px;
  margin-bottom: 50px;
}
.content-web-app .separator.land-camp-videos {
  margin-top: 10px;
}
.content-web-app .separator.landing {
  margin-top: 0;
  margin-bottom: 35px;
}
.content-web-app .separator.campaign-single-init {
  margin-top: 10px;
  margin-bottom: 40px;
}
.content-web-app .separator.campaign-single {
  margin-top: 0px;
  margin-bottom: 40px;
}
.content-web-app .separator.tiny {
  margin-top: 8px;
  margin-bottom: 8px;
}
.content-web-app .separator.small {
  margin-top: 10px;
  margin-bottom: 10px;
}
.content-web-app .separator.medium {
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-web-app .separator.campaign-videos-mobile {
  margin-top: 50px;
  margin-bottom: 20px;
}
.content-web-app .separator.from-campaign-video {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .content-web-app .separator.from-campaign-video {
    width: initial;
    margin-bottom: 30px;
  }
}
.content-web-app .separator.share {
  margin-top: 0px;
  margin-bottom: -20px;
  padding: 0;
}
.content-web-app .separator.from-campaign {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .content-web-app .separator.from-campaign {
    width: initial;
    margin-bottom: 40px;
  }
}
.content-web-app .separator.video-divider {
  margin-top: -15px;
  margin-bottom: 20px;
  padding: 0;
}
.content-web-app .separator.special {
  margin-top: 10px;
  margin-bottom: 30px;
}
.content-web-app .separator.special-video-single {
  margin-top: 20px;
  margin-bottom: 40px;
}
.content-web-app .separator.other {
  margin-top: -30px;
  margin-bottom: 30px;
}
.content-web-app .prompt-section-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 31px;
  line-height: 31px;
  color: #191919;
  margin-top: 40px;
  text-align: left;
}
.content-web-app .from {
  font-family: Graphik, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 27px;
  letter-spacing: 2.3px;
  color: #191919;
  text-align: left;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.content-web-app .from.share {
  margin-top: -1px;
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 1024px) {
  .content-web-app .from {
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 13px;
  }
}
.content-web-app .from-campaign {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  color: #191919;
  padding-left: 20px;
  padding-right: 20px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .content-web-app .from-campaign {
    padding: 0;
    font-size: 16px;
    line-height: 27px;
  }
}
.content-web-app .prompt-line {
  border: 0.5px solid #C9C9C9;
  margin-left: 20px;
  margin-right: 20px;
}
@media (min-width: 1024px) {
  .content-web-app .prompt-line {
    width: 100%;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
  }
}
.content-web-app .cont-center {
  text-align: left;
  width: 100%;
}
.content-web-app .cont-center.prompt-card {
  height: 347px;
  max-height: 347px;
}
@media (min-width: 1024px) {
  .content-web-app .cont-center.prompt-card {
    height: initial;
    max-height: initial;
  }
}
.content-web-app .cont-center.prompt-card.no-campaign-from {
  height: 250px;
  max-height: 250px;
}
@media (min-width: 1024px) {
  .content-web-app .cont-center.prompt-card {
    /*        height: 188px;*/
    width: 360px;
  }
}
.content-web-app .cont-center.prompt-card-no-from {
  /*height: 547px;
      max-height: 547px;*/
}
@media (min-width: 1024px) {
  .content-web-app .cont-center.prompt-card-no-from {
    /*height: 70px;*/
    width: 360px;
  }
}
.content-web-app .cont-center.video-small {
  padding-left: 20px;
  padding-right: 20px;
  width: initial;
}
@media (min-width: 1024px) {
  .content-web-app .cont-center.video-small {
    padding-left: 0;
    padding-right: 0;
  }
}
.content-web-app .prompt-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 33px;
  color: #191919;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
  word-break: break-word;
}
.content-web-app .prompt-title a {
  text-decoration: none;
  color: #191919;
}
@media (min-width: 1024px) {
  .content-web-app .prompt-title {
    padding: 0;
    margin-top: 0px;
  }
}
.content-web-app .prompt-title.wt-tag {
  margin-top: 50px;
}
@media (min-width: 1024px) {
  .content-web-app .prompt-title.wt-tag {
    margin-top: 30px;
  }
}
.content-web-app .prompt-desc {
  font-family: Graphik, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1024px) {
  .content-web-app .prompt-desc {
    padding: 0;
    min-height: 120px;
    max-height: 249px;
  }
}
.content-web-app .prompt-call-toaction {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  margin-top: 20px;
}
.content-web-app .record-button {
  text-align: left;
}
.content-web-app .record-button.prompt-card {
  position: absolute;
  width: 100%;
  bottom: 0%;
}
@media (min-width: 1024px) {
  .content-web-app .record-button.prompt-card {
    position: initial;
    width: initial;
  }
}
.content-web-app .record-button.single-video {
  margin-top: 10px;
}
.content-web-app .record-button.single-prompt {
  margin-top: 10px;
  text-align: center;
}
.content-web-app .record-button .record-video-button {
  background: #DE4F53;
  border: none;
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  height: 74px;
  width: 100%;
  margin-top: 15px;
  cursor: pointer;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.content-web-app .record-button .record-video-button.all-videos {
  border-radius: 37px;
  margin-bottom: 15px;
}
.content-web-app .record-button .record-video-button.upload-video {
  background: #992B2E;
}
@media (min-width: 1024px) {
  .content-web-app .record-button .record-video-button.prompt {
    border-radius: 0px;
    width: 100%;
    margin-top: -12px;
  }
}
@media (min-width: 1024px) {
  .content-web-app .record-button .record-video-button {
    border-radius: 37px;
    width: 290px;
  }
}
.content-web-app .record-button .record-video-button.black {
  background: #1A1A1A;
}
.content-web-app .record-button .record-video-button.prompt:hover {
  filter: brightness(1.3) !important;
}
.content-web-app .filter-row {
  margin-top: 20px;
  text-align: left;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .content-web-app .filter-row {
    margin-bottom: 20px;
  }
}
.content-web-app .filter-row .custom-select {
  font-family: Graphik-Regular;
  font-style: normal;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 2.3px;
  color: #191919;
  border-radius: 4px;
  border: none;
  height: 72px;
  width: 100%;
  margin-bottom: 30px;
  background: #F4F4F4 url(../../../images/select-arrow.svg) no-repeat 95% 30px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 4px 20px;
}
@media (min-width: 1024px) {
  .content-web-app .filter-row .custom-select {
    font-size: 14px;
    margin-right: 36px;
    width: 360px;
    margin-bottom: initial;
  }
}
.content-web-app .filter-row .select-items div,
.content-web-app .filter-row .custom-select {
  padding: 8px 40px 8px 16px;
}
.content-web-app .filter-row .custom-select:focus {
  outline: 0;
}
.content-web-app .filter-row .input_container {
  position: relative;
  display: inline;
  width: 360px;
}
.content-web-app .filter-row .input {
  padding: 0;
  border-radius: 4px;
  height: 66px;
  width: 100%;
  font-family: Graphik-Regular;
  font-style: normal;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 2.3px;
  color: #191919;
  text-indent: 15px;
  border: 1px solid #CACACA;
}
@media (min-width: 1024px) {
  .content-web-app .filter-row .input {
    font-size: 14px;
    width: 317px;
    padding: 0 10px 0 29px;
    text-indent: initial;
  }
}
.content-web-app .filter-row :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #191919;
  opacity: 1;
  /* Firefox */
}
.content-web-app .filter-row ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #191919;
  opacity: 1;
  /* Firefox */
}
.content-web-app .filter-row .input_img {
  position: absolute;
  bottom: 0px;
  right: 20px;
  width: 24px;
  height: 24px;
}
.content-web-app .icon-carousel {
  width: 41px;
  height: 40px;
  vertical-align: middle;
}
.content-web-app .icon-carousel.left {
  margin-right: 5px;
}
.content-web-app .icon-carousel:hover {
  fill: #797979;
}
.content-web-app .icon-carousel:hover path {
  stroke: #FFFFFF;
}
.single {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .single {
    margin-bottom: 60px;
    min-height: 422px;
  }
}
.content-left {
  text-align: left;
}
@media (min-width: 1024px) {
  .content-left {
    float: left;
    width: 33%;
    padding-right: 30px;
  }
}
.content-left .title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 28px;
  line-height: 43px;
  color: #191919;
  margin-bottom: 20px;
}
.content-left .title.video {
  margin-top: 20px;
}
.content-left .title.campaign-single {
  line-height: 43px;
}
.content-left .title.campaign-single-mob {
  margin-bottom: 0px;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .content-left .title {
    line-height: initial;
  }
}
.content-left .description {
  font-family: Graphik-Regular;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
}
.content-left .description.video {
  min-height: 70px;
}
.content-left .description a {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 43px;
  /* identical to box height, or 331% */
  color: #1F54A4;
  text-decoration: none;
  cursor: pointer;
}
.content-right {
  text-align: initial;
}
@media (min-width: 1024px) {
  .content-right {
    width: 64%;
    float: right;
  }
}
.content-right .single-video {
  position: relative;
}
.content-right .single-video .video {
  max-width: 750px;
  height: 422px;
}
.content-right .single-video .play-icon {
  position: absolute;
  top: 176px;
  right: 382px;
}
.content-right .social-buttons {
  margin-top: 20px;
  text-align: left;
}
.content-right .social-buttons .title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 25px;
  line-height: 22px;
  color: #191919;
  display: inline-block;
  margin-left: 20px;
}
.content-right .social-buttons .action-btn {
  height: 75px;
  vertical-align: middle;
  margin-left: 30px;
}
.single-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  width: 100%;
  max-height: 100vw;
  display: block;
}
@media (min-width: 1024px) {
  .single-img img {
    max-width: 750px;
    max-height: 422px;
  }
}
.single-img img.colorize {
  mix-blend-mode: lighten;
}
.centeredmkt {
  width: 100%;
  padding-bottom: 40px;
  margin-top: 60px;
  background-color: #F4F4F4;
}
.columnsmkt {
  width: 1200px;
  margin: 0 auto;
}
.side {
  float: left;
}
.side.left {
  width: 386px;
  margin-left: 120px;
}
.side.right {
  width: 600px;
}
.clearmkt {
  clear: both;
}
.download-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 31px;
  line-height: 44px;
  color: #191919;
  text-align: left;
  margin-top: 20px;
}
.download-desc {
  font-family: Graphik-Regular, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  text-align: left;
  margin-top: 20px;
}
.mkt-powered-container {
  margin-top: 100px;
}
.mkt-powered-container a {
  text-decoration: none;
}
.mkt-powered-container .powered-text {
  float: left;
  font-family: Graphik-Bold, sans-serif;
  font-size: 15px;
  line-height: 31px;
  color: #191919;
}
.mkt-powered-container .s-logo {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.mkt-powered-container.mobile {
  margin-top: 0;
  padding-top: 50px;
}
.download-butons {
  margin-top: 20px;
}
.download-butons .gplay {
  float: right;
}
.download-butons .astore {
  float: left;
}
.market-mobile {
  background-color: #F4F4F4;
  height: 572px;
  border-radius: 8px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: 40px;
}
.market-mobile .download-butons {
  margin-top: 20px;
  max-width: 343px;
}
.market-mobile .download-butons .gplay {
  max-width: 50%;
}
.market-mobile .download-butons .astore {
  max-width: 45%;
}
.cards .card {
  position: relative;
  width: 49%;
  color: #FFFFFF;
  float: left;
  margin-top: 30px;
}
.cards .card.video {
  width: 48%;
  height: 470px;
  margin-right: 46px;
}
.cards .card.video-small {
  height: 390px;
  /*max-width: 360px;*/
  margin-right: 5px;
  margin-left: 5px;
  background: #EDEDED;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media (min-width: 1024px) {
  .cards .card.video-small {
    height: 300px;
    width: 264px;
    border-radius: 0;
    background: initial;
    margin-right: 34px;
    margin-left: 0;
    margin-top: 20px;
  }
}
.cards .card.video-all {
  max-height: 531px;
  width: initial;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .cards .card.video-all {
    height: 531px;
    margin-bottom: initial;
  }
}
.cards .card.prompt {
  max-height: 700px;
  width: 100%;
  /*max-width: 360px;*/
  margin-right: 5px;
  margin-left: 5px;
  background: #EDEDED;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media (min-width: 1024px) {
  .cards .card.prompt {
    max-height: 680px;
    max-width: 366px;
    width: 366px;
    border-radius: 0;
    background: initial;
    margin-left: 0;
    margin-right: 30px;
    margin-top: 30px;
  }
}
.cards .card.prompt-result {
  max-height: 700px;
  width: 100%;
  max-width: initial;
  margin-right: initial;
  margin-left: initial;
  background: #EDEDED;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.cards .card.campaign {
  position: relative;
  overflow: hidden;
  height: 232px;
  margin-right: 0;
  width: 100%;
  margin-top: initial;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .cards .card.campaign {
    height: 311px;
    margin-top: 24px;
    margin-bottom: initial;
    width: 49%;
  }
}
.cards .card .campaign-img {
  width: 100%;
  height: 232px;
}
@media (min-width: 1024px) {
  .cards .card .campaign-img {
    height: 311px;
  }
}
.cards .card .campaign-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 0;
     object-position: 0 0;
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .cards .card .campaign-img img {
    height: 100%;
    width: 100%;
    -o-object-position: 0 0;
       object-position: 0 0;
  }
}
.cards .card .campaign-img:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(25, 27, 25, 0.5);
}
.cards .card div.prompt-img {
  display: inline-block;
}
.cards .card .prompt-img {
  height: 205px;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1024px) {
  .cards .card .prompt-img {
    border-radius: initial;
  }
}
@media (min-width: 1024px) {
  .cards .card .dark-img::before {
    content: '';
    height: 205px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.05);
  }
}
.cards .card img.colorize {
  mix-blend-mode: lighten;
}
.cards .card .campaign-card-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 19px;
  line-height: 34px;
}
@media (min-width: 1024px) {
  .cards .card .campaign-card-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.cards .card .campaign-card-title a {
  text-decoration: none;
  color: #FFFFFF;
}
.cards .card .campaign-line {
  border: 1px solid #FFFFFF;
}
.cards .card .campaign-card-amounts {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 2.3px;
  margin-top: 10px;
}
.cards .card .campaign-card-description {
  font-family: Graphik, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  margin-top: 10px;
  display: block;
}
@media (min-width: 1024px) {
  .cards .card .campaign-card-description {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 350ms ease-out, opacity 750ms ease-out;
  }
}
.cards .card .campaign-card-button {
  background: #FFFFFF;
  border: none;
  border-radius: 28.5px;
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  color: #313131;
  height: 57px;
  width: 211px;
  margin-top: 10px;
  cursor: pointer;
  float: right;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .cards .card .campaign-card-button {
    margin-bottom: initial;
  }
}
.cards .card .campaign-center {
  position: absolute;
  top: 2%;
  left: 2%;
  right: 2%;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
}
@media (min-width: 1024px) {
  .cards .card .campaign-center {
    height: initial;
    top: 12%;
    bottom: 5%;
  }
}
.cards .card .campaign-center .read-more-link {
  position: absolute;
  bottom: 6%;
  right: 3%;
}
.cards .card .video-img-container {
  position: relative;
}
.cards .card .video-img-container .video-img {
  max-height: 203px;
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (min-width: 1024px) {
  .cards .card .video-img-container .video-img {
    width: 100%;
    max-height: initial;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
  }
}
.cards .card .video-img-container .video-img-all {
  width: 100%;
  border-radius: initial;
}
.cards .card .video-img-container .play-icon {
  position: absolute;
  top: 133px;
  right: 265px;
}
.cards .card .video-img-container .play-icon.small {
  top: 40%;
  right: 46%;
}
@media (min-width: 1024px) {
  .cards .card .video-img-container .play-icon.small {
    top: 56px;
    right: 114px;
  }
}
.cards .card .video-username {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 22px;
  line-height: 22px;
  color: #191919;
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .cards .card .video-username {
    margin-top: 17px;
    font-size: 20px;
  }
}
.cards .card .video-username.big {
  font-size: 25px;
}
.cards .card .video-username a {
  text-decoration: none;
  color: #191919;
}
.cards .card .video-subtitle {
  font-family: Graphik-Semibold, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #191919;
}
@media (min-width: 1024px) {
  .cards .card .video-subtitle {
    font-size: 16px;
    line-height: 24px;
  }
}
.cards .card .video-subtitle.big {
  font-size: 18px;
  line-height: 27px;
}
.cards .card .video-desc {
  font-family: Graphik-Regular, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .cards .card .video-desc {
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
  }
}
.cards .card .video-desc.big {
  font-size: 16px;
  line-height: 30px;
}
.cards .card .video-line {
  border: 0.5px solid #DADADA;
  width: initial;
  margin-top: 20px;
  margin-bottom: 0px;
}
@media (min-width: 1024px) {
  .cards .card .video-line {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.cards .card .campaign-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 33px;
  color: #191919;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .cards.all-prompts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: stretch;
        justify-content: stretch;
  }
}
.cards.all-prompts .cont-center.prompt-card {
  height: 180px;
}
@media (min-width: 1024px) {
  .cards.all-prompts .cont-center.prompt-card {
    height: auto;
  }
}
.cards.slick-prompts {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .cards.slick-prompts {
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  .cards .card:hover .campaign-card-description {
    height: auto;
    opacity: 1;
    overflow: hidden;
    transition: all 800ms ease-in;
    transform: scale(1);
  }
}
.cards.bottom-space {
  margin-bottom: 30px;
}
.cards.sc-mob {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .cards .card.campaign:nth-of-type(2n+1):not(.slick-slide) {
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .cards .card.campaign:nth-of-type(2n+0) {
    margin-right: 0px;
  }
}
@media (min-width: 1024px) {
  .cards .card.video:nth-of-type(2n+0) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .cards .card.video-small:nth-of-type(4n+0) {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .cards .card.prompt:nth-of-type(3n+0) {
    margin-right: 0;
  }
}
.slick-videos .card.video-small {
  margin-right: 20px;
  margin-left: 20px;
}
@media (min-width: 1024px) {
  .slick-videos .card.video-small:nth-of-type(4n+0) {
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .cards .card.video-small:nth-child(-n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  .cards .card.prompt:nth-child(-n+3) {
    margin-top: 20px;
  }
}
@media (min-width: 1024px) {
  :after {
    content: "";
    display: table;
    clear: both;
  }
}
.left-align-slick > .slick-list > .slick-track {
  margin-left: 0;
}
.comp-ad-tag {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  background-color: transparent;
  text-align: right;
  float: right;
  color: #1A1A1A;
  border: 1px solid #1A1A1A;
  padding: 9px 11px 9px 11px;
  border-radius: 2px;
  /*  &.prompt-ad-tag {
    position: absolute;
    top: 218px;
    margin-left: 20px;
    @media @desktop {
      top: 292px;
      margin-left: 0px;
    }
  }*/
  /* &.prompt-ad-tag-car {
    position: absolute;
    top: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
  }*/
}
.comp-ad-tag.video-ad-tag {
  float: right;
  position: absolute;
  right: 4px;
  bottom: -41px;
}
@media (min-width: 1024px) {
  .comp-ad-tag.video-ad-tag {
    right: 0;
    bottom: -36px;
    padding: 10px 11px 7px 11px;
  }
}
.comp-ad-tag.single-video-ad-tag {
  padding: 10px 11px 0px 11px;
  line-height: initial;
  margin-left: 27px;
}
.comp-ad-tag.prompt-ad-tag {
  position: absolute;
  top: 10px;
  margin-left: 10px;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  line-height: initial;
  z-index: 1;
}
.comp-ad-tag.prompt-ad-record {
  display: inline-block;
  padding: 9px 11px 7px 11px;
  float: none;
  line-height: initial;
  vertical-align: middle;
  margin-left: 20px;
}
.comp-ad-tag.card-tag {
  padding: 0px 8px 0px;
  line-height: 29px;
}
.comp-ad-tag.campaign-ad-tag {
  float: left;
  position: absolute;
  background-color: white;
  margin-left: 0;
  border: 1px solid white;
  bottom: 19%;
}
@media (min-width: 1024px) {
  .comp-ad-tag.campaign-ad-tag {
    margin-top: 20px;
    bottom: auto;
  }
}
.wrapper {
  height: 612px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.wrapper.qs {
  margin-top: 4px;
  margin-bottom: 20px;
  height: 470px;
}
.next-btns {
  position: absolute;
  right: 0px;
  z-index: 1;
  top: 13px;
}
.carousel-button-container {
  text-align: right;
}
.carousel {
  padding: 0;
  list-style: none;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  transition: all 1s ease;
}
@media (min-width: 1024px) {
  .card-carousel {
    margin-right: 3rem;
    display: inline-block;
    width: 360px;
  }
  .card-carousel.quick-step {
    display: initial;
  }
}
.card-carousel .prompt-img {
  height: 202px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1024px) {
  .card-carousel .prompt-img {
    width: 360px;
  }
}
.card-carousel .dark-img {
  position: relative;
  z-index: -1;
}
.card-carousel img.colorize {
  mix-blend-mode: lighten;
}
@media (min-width: 1024px) {
  .card-carousel .dark-img::before {
    content: '';
    height: 205px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.05);
  }
}
.to-left {
  text-align: left;
}
.story-from {
  font-family: Graphik-Medium, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 27px;
  letter-spacing: 2.3px;
  color: #191919;
}
@media (min-width: 1024px) {
  .story-from {
    font-size: 14px;
  }
}
.user-name {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 26px;
  line-height: 37px;
  color: #191919;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .user-name {
    font-size: 28px;
    line-height: 43px;
    margin-top: initial;
    margin-bottom: initial;
  }
}
.social-contact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 10px;
}
.social-contact img {
  height: 22px;
}
.social-contact .insta {
  margin-right: 3.8px;
}
.social-contact span {
  font-family: Graphik-Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 27px;
  color: #797979;
  margin-left: 10px;
}
.campaign-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 33px;
  color: #191919;
}
.description {
  font-family: Graphik-Regular;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  min-height: 80px;
}
.description a {
  font-family: Graphik-Bold, Helvetica, sans-serif;
  font-weight: bold;
}
.description.campaign-single-mob {
  text-align: left;
  padding: 20px;
}
@media (min-width: 1024px) {
  .description {
    min-height: 40px;
  }
}
@media (min-width: 1024px) {
  .campaign-data {
    margin-top: 40px;
  }
  .campaign-data.no-social-accounts {
    margin-top: 0px;
  }
}
.popup {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 1024px) {
  .popup {
    display: inline-block;
  }
}
/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 77px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 104%;
  left: 22%;
}
/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1 ;
  }
}
.privacy-content {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  min-height: 541px;
  font-family: Graphik-Regular;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  text-align: left;
}
.privacy-content p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.privacy-content .subtitle {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 26px;
  line-height: 37px;
  color: #191919;
}
@media (min-width: 1024px) {
  .privacy-content .subtitle {
    font-size: 31px;
    line-height: 34px;
  }
}
.privacy-content .subtitle.submission {
  font-size: 16px;
  line-height: 30px;
}
.privacy-content .question {
  font-family: Graphik-Bold, sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
  color: #191919;
}
.privacy-content a {
  text-decoration: none;
  font-weight: bold;
  color: #E47073;
  display: inline-block;
}
.from-mobile {
  font-family: Graphik-Medium, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 2.3px;
  color: #1a1a1a;
  text-align: left;
}
.dropzone {
  position: relative;
}
.make-videos-cont {
  text-align: right;
  margin-bottom: -20px;
}
.make-good-videos {
  display: inline-block;
  border: 2px solid #1A1A1A;
  border-radius: 24px;
  font-family: Graphik-Semibold, sans-serif;
  font-style: normal;
  font-size: 12px;
  line-height: 10px;
  color: #1A1A1A;
  padding: 0 20px 12px;
}
.make-good-videos .info-icon {
  height: 24px;
  position: relative;
  top: 7px;
  left: -2px;
}
.error-msg {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  color: #FFFFFF;
  background-color: #EE2222;
  padding: 10px 17px 5px 17px;
  border-radius: 18px;
  display: none;
  z-index: 3;
}
.sbxvideo-mob {
  display: none;
}
.preview-title {
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-style: normal;
  font-size: 28px;
  line-height: 120%;
  color: #1A1A1A;
  text-align: center;
  margin-bottom: 41px;
  display: none;
  margin-top: 41px;
}
@media (min-width: 1024px) {
  .preview-title {
    font-family: Graphik-Bold, sans-serif;
    font-style: normal;
    font-size: 31px;
    line-height: 22px;
    color: #1A1A1A;
    text-align: left;
    margin-bottom: 41px;
    display: none;
  }
}
.sticker-title-row {
  margin-top: 15px;
  text-align: left;
  display: none;
}
.bubble {
  background-color: #A6A6A6;
  border-radius: 5px;
  box-shadow: 0 0 6px #B2B2B2;
  display: inline-block;
  padding: 16px 21px 12px;
  position: relative;
  vertical-align: top;
  font-family: Graphik-Medium, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
}
.bubble::before {
  background-color: #A6A6A6;
  content: "\00a0";
  display: block;
  height: 16px;
  position: absolute;
  top: 14px;
  transform: rotate(29deg) skew(-35deg);
  -moz-transform: rotate(29deg) skew(-35deg);
  -ms-transform: rotate(29deg) skew(-35deg);
  -o-transform: rotate(29deg) skew(-35deg);
  -webkit-transform: rotate(29deg) skew(-35deg);
  left: -1px;
  width: 13px;
}
.bubble-left {
  display: inline-block;
  margin: 5px 30px 5px 5px;
}
.stickers-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 19px;
  color: #1A1A1A;
  margin-top: 20px;
  display: none;
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
}
@media (min-width: 1024px) {
  .stickers-title {
    font-family: Graphik-Bold, sans-serif;
    font-style: normal;
    font-size: 25px;
    color: #1A1A1A;
    margin-top: 18px;
    display: inline-block;
    padding-left: 0px;
  }
}
.svg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}
.sbxvideo-mob {
  filter: opacity(0.69);
}
.campaign-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  color: #191919;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}
@media (min-width: 1024px) {
  .campaign-title {
    font-family: Graphik-Bold, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 33px;
    margin-top: initial;
    margin-bottom: initial;
    letter-spacing: 0px;
  }
}
.caption-mobile {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1.13px;
  font-family: Graphik-Medium, sans-serif;
  color: #1A1A1A;
  text-transform: uppercase;
}
@media (min-width: 411px) {
  .caption-mobile {
    font-size: 14px;
    line-height: 27px;
  }
}
.topic-mobile {
  word-wrap: break-word;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-style: normal;
  font-size: 28px;
  line-height: 38px;
  color: #1a1a1a;
  text-align: center;
}
/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
.modal.submit {
  padding-top: 30px;
}
/* Modal Content */
.modal-content-upload {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 504px;
  height: 437px;
  border-radius: 6px;
}
.modal-content-upload img {
  position: absolute;
  left: 45px;
  height: 237px;
  top: 53px;
}
.modal-content-upload .text {
  text-align: left;
  position: absolute;
  right: 74px;
  top: 234px;
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 30px;
  line-height: 30px;
  color: #191919;
}
.modal-content-upload .desc-upload {
  font-family: Graphik-Regular, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  position: absolute;
  bottom: 54px;
  left: 45px;
  text-align: left;
  padding-right: 50px;
}
.modal-content-upload .input2 {
  border-radius: 4px;
  border-color: #F4F4F4;
  height: 66px;
  width: 317px;
  font-family: Graphik-Regular;
  font-style: normal;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 2.3px;
  color: #191919;
  padding: 0 10px 0 29px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.modal-content-submit {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 420px;
  height: 945px;
  border-radius: 6px;
  padding: 50px;
  text-align: left;
}
.modal-content-submit .logo {
  text-align: left;
}
.modal-content-submit .logo img {
  height: 43px;
}
.modal-content-submit .title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 28px;
  line-height: 28px;
  color: #191919;
  margin-top: 30px;
}
.modal-content-submit .desc {
  font-family: Graphik-Regular, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  margin-top: 30px;
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.preview-video {
  width: 100%;
  filter: brightness(0.9);
}
.panel2 {
  -ms-flex-direction: row;
      flex-direction: row;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.play-button {
  position: absolute;
  bottom: 50%;
  left: calc(50% + 7px);
  transform: translate(-50%, 50%);
  /*opacity: 0.5;*/
  z-index: 2;
  background: transparent;
  box-sizing: border-box;
  height: 61px;
  border-color: transparent transparent transparent white;
  transition: 100ms all ease;
  will-change: border-width;
  cursor: pointer;
  border-style: solid;
  border-width: 29.5px 0 29.5px 64px;
}
.play-button.pause {
  border-style: double;
  border-width: 0px 0 0px 30px;
}
.play-button:hover {
  border-color: transparent transparent transparent #ffffff;
}
@media (min-width: 1024px) {
  .play-button:hover {
    opacity: 1;
  }
}
.play-ad-button {
  position: absolute;
  top: 239px;
  margin-left: 47px;
  transform: translate(-50%, 50%);
  z-index: 2;
  background: transparent;
  box-sizing: border-box;
  height: 41px;
  border-color: transparent transparent transparent #ffffff;
  transition: 100ms all ease;
  will-change: border-width;
  cursor: pointer;
  border-style: solid;
  border-width: 21px 0 18px 28px;
}
.play-ad-button.pause {
  border-style: double;
  border-width: 0px 0 0px 30px;
}
.play-ad-button:hover {
  border-color: transparent transparent transparent #ffffff;
}
@media (min-width: 1024px) {
  .play-ad-button:hover {
    opacity: 1;
  }
}
.ad-sample-text {
  font-family: Graphik-Bold, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 43px;
  color: #FFFFFF;
  position: absolute;
  top: 311px;
  margin-left: 27px;
}
.ta-script {
  width: 89%;
  background-color: #FBFBFB;
  border: 1px solid #DEDEDE;
  border-radius: 4px;
  font-family: Graphik-Regular, Helvetica, sans-serif;
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #1A1A1A;
  display: block;
  padding: 90px 19px 15px;
}
.before-title {
  position: absolute;
  top: 7px;
  z-index: 1;
  font-family: Graphik-Bold, Helvetica, sans-serif;
  font-style: normal;
  font-size: 17px;
  line-height: 29px;
  color: #1A1A1A;
  padding-left: 23px;
  padding-right: 10px;
  padding-top: 10px;
  width: 88%;
}
.holder {
  position: relative;
  overflow: hidden;
}
.preview-column {
  padding: 0;
  margin: 0 auto 20px;
  font-family: 'Graphik-Regular', sans-serif;
  font-size: 16px;
  color: #313131;
  line-height: 30px;
  font-weight: 200;
  text-align: left;
}
.logo-movie {
  position: absolute;
  top: 28px;
  right: 27px;
}
.logo-movie img {
  width: 93px;
}
.logo-movie video {
  width: 93px;
}
.prompt-single-mob {
  /* CSS specific to iOS devices */
}
.prompt-single-mob #first-content-bottom {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 0;
}
.prompt-single-mob #video-panel video {
  display: block;
}
.prompt-single-mob #first-content,
.prompt-single-mob #demo-video {
  margin: 0;
}
.prompt-single-mob .from-campaign {
  background-color: #efefef;
  padding: 22px;
  margin-top: 22px;
  border-radius: 3px;
}
.prompt-single-mob .campaign-title {
  padding-top: 5px;
  margin: 0;
}
.prompt-single-mob .campaign-title a {
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  text-decoration: none;
  font-size: 20px;
  line-height: 27px;
  color: #1a1a1a;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  letter-spacing: normal;
}
.prompt-single-mob .campaign-title a .from-chevron {
  display: block;
  height: 22px;
}
.prompt-single-mob .topic-mobile.reduced {
  font-size: 18px;
  line-height: 23px;
}
@media (min-width: 411px) {
  .prompt-single-mob .topic-mobile.reduced {
    font-size: 20px;
    line-height: 28px;
  }
}
.prompt-single-mob #sticky-container {
  position: relative;
}
.prompt-single-mob #content-1 .watch-explainer {
  border: none;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  border-radius: 37px;
  line-height: 100%;
  padding: 18px 30px;
}
.prompt-single-mob #content-1 .watch-explainer img {
  vertical-align: middle;
  margin-right: 5px;
}
.prompt-single-mob #content-1 .page-title {
  text-align: center;
}
.prompt-single-mob #upload-form-container {
  min-height: 89.6px;
}
.prompt-single-mob .preview-column {
  margin-bottom: 0px;
  font-family: 'Graphik-Regular', Helvetica, sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #1a1a1a;
}
.prompt-single-mob #add-stickers.add-stickers {
  border: solid 2px #333333;
  border-radius: 51px;
  font-family: "Graphik-Semibold", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 100%;
  padding: 11px 33px;
  color: black;
  background-color: transparent;
  width: auto;
  height: auto;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.prompt-single-mob #add-stickers.add-stickers img {
  vertical-align: middle;
  margin-right: 5px;
}
.prompt-single-mob #add-stickers.add-stickers:hover,
.prompt-single-mob #add-stickers.add-stickers:focus {
  background-color: black;
  color: white;
}
.prompt-single-mob #add-stickers.add-stickers:hover img,
.prompt-single-mob #add-stickers.add-stickers:focus img {
  background-color: white;
}
.prompt-single-mob .preview-title {
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-style: normal;
  font-size: 28px;
  line-height: 120%;
  color: #1A1A1A;
  text-align: center;
  margin-bottom: 20px;
  display: none;
  margin-top: 30px;
}
.prompt-single-mob .user-form {
  width: calc(100% - 50px);
  margin: 0;
  border-radius: 0;
}
.prompt-single-mob .user-form .title {
  color: #1a1a1a;
  margin-top: 30px;
}
.prompt-single-mob .user-form .buttons {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin: 30px -5px 0 -5px;
}
.prompt-single-mob .user-form .buttons .button {
  font-size: 14px !important;
  padding: 24px 10px;
  line-height: 100%;
  margin: 0 5px;
  float: none;
  width: calc(50% - 10px);
  height: auto;
}
.prompt-single-mob .user-form .conditions {
  font-family: 'Graphik-Regular', Helvetica, sans-serif;
  font-size: 15px;
  color: #1a1a1a;
  margin-top: 30px !important;
  line-height: 30px;
}
.prompt-single-mob .user-form .conditions a {
  font-family: 'Graphik-Bold', Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 800;
  text-decoration: underline;
}
.prompt-single-mob .user-form .conditions .styled-checkbox:checked + label:after {
  top: 8px;
  color: black;
}
.prompt-single-mob .user-form .optional {
  bottom: -40% !important;
}
.prompt-single-mob .user-form .floating-label-field--s1,
.prompt-single-mob .user-form .floating-label-field--s1 + .floating-label {
  padding-bottom: 10px;
}
.prompt-single-mob .user-form .optional-field {
  color: #797979;
}
.prompt-single-mob .user-form .required-field {
  color: #1a1a1a;
}
.prompt-single-mob .user-form .has-error-conditions {
  top: 0;
  left: 0;
}
.prompt-single-mob .user-form .input {
  font-style: normal !important;
}
.prompt-single-mob .user-form label img {
  vertical-align: middle;
  margin-right: 10px;
}
.prompt-single-mob .uploading {
  width: calc(100% - 60px);
  padding: 20px;
  border-radius: 42px;
}
.prompt-single-mob .uploading .text-center {
  text-align: center;
}
.prompt-single-mob .uploading h4 {
  color: #1a1a1a;
}
@media (min-width: 411px) {
  .prompt-single-mob .uploading h4 {
    font-size: 28px !important;
  }
}
.prompt-single-mob .uploading .cancel-upload {
  color: white;
  padding: 24px 67px;
  line-height: 100%;
  font-size: 14px;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  margin: 50px 0 20px 0;
  border-radius: 32px;
  border: 0;
  text-transform: uppercase;
}
.prompt-single-mob .uploading .upload-warning {
  padding-top: 20px;
  font-size: 12px;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
}
.prompt-single-mob .uploading .upload-warning img {
  vertical-align: middle;
  margin-right: 5px;
}
.prompt-single-mob .readmore-content {
  max-height: 0px;
  height: auto;
  transition: all 0;
  overflow: hidden;
}
.prompt-single-mob .readmore-content.opened {
  max-height: 5000px;
  transition: all 10s;
}
.prompt-single-mob .readmore-excerpt.opened {
  display: none;
}
.prompt-single-mob .see-less {
  float: right;
  border: none;
  background: transparent;
  color: #797979;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.prompt-single-mob .see-less i {
  font-size: 12px;
  padding: 2px 0 0 5px;
}
.prompt-single-mob .dark-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: black;
  opacity: 0.6;
  display: block;
}
.prompt-single-mob .dark-overlay.hidden {
  display: none;
}
.prompt-single-mob #content-3 {
  padding-top: 0 !important;
  margin-top: 0;
}
@supports (-webkit-touch-callout: none) {
  .prompt-single-mob .topic-mobile:not(.reduced) {
    letter-spacing: -1px;
  }
}
.quick-step {
  width: 100%;
}
.quick-step .qs-left {
  width: 100%;
}
.quick-step .qs-left img {
  width: 751px;
  height: 422px;
}
.quick-step .qs-left .video-tips {
  margin-top: 0;
}
.quick-step .qs-right {
  color: #191919;
  padding: 16px;
  padding-top: 0;
  text-align: left;
}
.quick-step .qs-right .count {
  font-family: Graphik-Regular;
  font-style: normal;
  font-size: 16px;
  line-height: 43px;
  color: #191919;
  text-align: right;
  width: 251px;
}
@media (min-width: 1024px) {
  .quick-step {
    margin-bottom: 30px;
    min-height: 422px;
    text-align: left;
    width: 1160px;
  }
  .quick-step .qs-left {
    float: left;
    width: 65%;
  }
  .quick-step .qs-left img {
    width: 751px;
    height: 422px;
  }
  .quick-step .qs-left .video-tips {
    margin-top: 0;
    height: 422px;
  }
  .quick-step .qs-right {
    width: 31%;
    float: right;
    color: #191919;
  }
  .quick-step .qs-right .count {
    font-family: Graphik-Regular;
    font-style: normal;
    font-size: 16px;
    line-height: 43px;
    color: #191919;
    text-align: right;
    width: 251px;
  }
}
.quick-step .qs-title {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 21px;
  line-height: 32px;
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .quick-step .qs-title {
    margin-top: 50px;
    margin-botton: 20px;
  }
}
.quick-step .qs-desc {
  font-family: Graphik-Regular;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  margin-top: 15px;
}
.header {
  overflow: hidden;
  height: initial;
}
@media (min-width: 1024px) {
  .header {
    height: 76px;
  }
}
.header.no-menu-mob {
  height: initial;
  text-align: left;
}
@media (min-width: 1024px) {
  .header.no-menu-mob {
    text-align: initial;
    height: 76px;
  }
}
.header.no-menu-mob .logo {
  float: initial;
  margin-bottom: initial;
}
.header.no-menu {
  text-align: left;
  display: table;
}
.header.no-menu .logo,
.header.no-menu .menu {
  vertical-align: middle;
  display: table-cell;
}
.header.no-menu .logo {
  float: initial;
  margin-top: 0px;
}
.header.no-menu .menu ul li {
  display: inline-block;
  vertical-align: top;
}
.header a:after {
  content: none;
}
.header .logo {
  height: 43px;
  float: left;
  padding-left: 16px;
  padding-top: 16px;
  margin-bottom: 10px;
}
.header .logo.no-menu {
  float: initial;
  margin-bottom: initial;
}
@media (min-width: 1024px) {
  .header .logo.no-menu {
    float: left;
    margin-bottom: initial;
  }
}
@media (min-width: 1024px) {
  .header .logo {
    height: 43px;
    float: left;
    margin-top: 14px;
    margin-bottom: initial;
    padding: 0;
  }
}
.header .icon {
  float: right;
  display: block;
  height: 28px;
  padding: 16px;
  margin-top: 6px;
}
@media (min-width: 1024px) {
  .header .icon {
    display: none;
  }
}
@media (min-width: 1024px) {
  .header {
    height: 72px;
    width: 1160px;
    max-width: 1200px;
    padding: 0;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
}
.header .topnav {
  background-color: #191919;
  transition: all 300ms;
  width: 0;
}
@media (min-width: 1024px) {
  .header .topnav {
    width: initial;
    background-color: initial;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .header .topnav .container {
    float: right;
  }
}
.header .topnav a {
  float: right;
  color: #f2f2f2;
  text-align: center;
  text-decoration: none;
  margin-left: 60px;
  border-bottom: 3px solid transparent;
  font-family: Graphik-Bold, sans-serif;
  text-transform: uppercase;
  line-height: 67px;
  font-size: 14px;
  display: none;
}
@media (min-width: 1024px) {
  .header .topnav a {
    float: left;
  }
}
@media (min-width: 1024px) {
  .header .topnav a {
    display: block;
  }
}
.header .topnav a.current {
  border-bottom: 5px solid white;
}
.header .topnav a.no-bottom-border {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .header .topnav a.no-bottom-border {
    height: 67px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 0;
  }
}
.header .topnav a.no-bottom-border.current {
  border-bottom: 5px solid transparent;
}
.header .topnav a.no-bottom-border.current:hover .menu-btn {
  color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}
.header .topnav a.no-bottom-border.current .menu-btn,
.header .topnav a.no-bottom-border:hover .menu-btn {
  background-color: #f2f2f2;
  color: #191919;
  border-color: #f2f2f2;
}
.header .topnav a.no-bottom-border:hover {
  border-bottom-color: transparent;
}
.header .topnav a:hover {
  border-bottom: 6px solid white;
}
.header .topnav a.active {
  border-bottom: 6px solid white;
}
.header .topnav.responsive {
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 66px;
  left: 0;
  overflow-x: hidden;
  transition: all 300ms;
  background-color: transparent !important;
  width: 100%;
}
.header .topnav.responsive a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  border-bottom: 0px;
}
.header .topnav.responsive a:first-child {
  padding-top: 20px;
}
.header .topnav.responsive .container {
  width: 65%;
  height: 100%;
}
.header .header-description {
  font-family: Graphik-Medium, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
  color: #FFFFFF;
  width: 92%;
}
@media (min-width: 1024px) {
  .header .header-description {
    font-size: 14px;
    line-height: 21px;
    text-align: right;
    width: 40%;
    float: right;
    margin-bottom: initial;
    padding: 0;
  }
}
.header .menu-btn {
  background-color: transparent;
  border-radius: 56px;
  line-height: 120%;
  padding: 16px;
  border: solid 2px #f2f2f2;
  color: #f2f2f2;
  display: inline-block;
}
@media (min-width: 1024px) {
  .header .menu-btn {
    padding: 16px 22px;
  }
}
.header #btnShow .close-svg-icon {
  display: none;
}
.header #btnShow.opened .menu-svg-icon {
  display: none;
}
.header #btnShow.opened .close-svg-icon {
  display: block;
}
footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  background-color: #191919;
  width: 100%;
}
footer.bottom-fix {
  position: absolute;
  bottom: 0;
}
footer .desktop-version {
  display: none;
}
@media (min-width: 1024px) {
  footer .desktop-version {
    display: block;
  }
}
footer .mobile-version {
  display: block;
  padding: 16px;
}
@media (min-width: 1024px) {
  footer .mobile-version {
    display: none;
  }
}
footer .hr-mobile {
  mix-blend-mode: normal;
  opacity: 0.54;
  border: 1px solid #FFFFFF;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  footer {
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 1160px;
    max-width: 1200px;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
footer .top .logo a {
  text-decoration: none;
}
footer .top .logo a .logo {
  /*width: auto;*/
  height: 43px;
  margin-top: 25px;
}
@media (min-width: 1024px) {
  footer .top .logo a .logo {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 12px;
  }
}
footer .top .app-store {
  padding: 0;
  margin-top: 25px;
}
@media (min-width: 1024px) {
  footer .top .app-store {
    padding-top: 15px;
    padding-left: 70px;
    margin-left: 5px;
  }
}
footer .top .share-container {
  display: block;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
}
@media (min-width: 1024px) {
  footer .top .share-container {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  footer .top .share-container .left-col {
    margin-right: 60px;
  }
}
footer .top .share-container .left-col .faqs-button {
  color: #FFF;
  font-family: Graphik-Bold, sans-serif;
  font-weight: 100;
  font-size: 20px;
  display: block;
  margin: 30px auto;
  border: 4px #EE2222 solid;
  border-radius: 47px;
  background: transparent;
  height: 77px;
  padding: 0 40px;
  outline: none;
}
@media (min-width: 1024px) {
  footer .top .share-container .left-col .faqs-button {
    margin: 0;
    font-size: 16px;
    height: 63px;
    padding: 0 25px;
  }
}
footer .top .share-container .left-col .faqs-button a {
  text-decoration: none;
  color: #FFFFFF;
}
@media (min-width: 1024px) {
  footer .top .share-container .right-col {
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    margin-bottom: 10px;
  }
}
footer .top .share-container .right-col .share-text {
  display: block;
  font-family: Graphik-Bold, sans-serif;
  font-size: 20px;
  color: white;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  footer .top .share-container .right-col .share-text {
    font-style: normal;
    font-size: 14px;
    line-height: 40px;
    padding-right: 30px;
  }
}
footer .top .share-container .right-col .share-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
footer .top .share-container .right-col .share-icons a {
  margin-right: 17px;
}
footer .top .share-container .right-col .share-icons a:hover {
  opacity: 0.75;
}
@media (min-width: 411px) {
  footer .top .share-container .right-col .share-icons a {
    margin-right: 30px;
  }
}
@media (min-width: 1024px) {
  footer .top .share-container .right-col .share-icons a {
    margin-right: 15px;
  }
}
footer .top .share-container .right-col .share-icons a .tw-icon,
footer .top .share-container .right-col .share-icons a .fb-icon,
footer .top .share-container .right-col .share-icons a .instagram-icon,
footer .top .share-container .right-col .share-icons a .youtube-icon,
footer .top .share-container .right-col .share-icons a .tumblr-icon {
  display: block;
  width: 50px;
  height: 50px;
}
@media (min-width: 1024px) {
  footer .top .share-container .right-col .share-icons a .tw-icon,
  footer .top .share-container .right-col .share-icons a .fb-icon,
  footer .top .share-container .right-col .share-icons a .instagram-icon,
  footer .top .share-container .right-col .share-icons a .youtube-icon,
  footer .top .share-container .right-col .share-icons a .tumblr-icon {
    width: 40px;
    height: 40px;
  }
}
footer .top .share-container .right-col .share-icons a:last-child {
  margin-right: 0;
}
footer .middle hr {
  opacity: 0.54;
  border: 1px solid #FFFFFF;
}
footer .bottom {
  padding-top: 45px;
}
@media (min-width: 1024px) {
  footer .bottom.content.desktop-version {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}
footer .rights {
  width: 100%;
}
footer .rights .rights-text {
  font-family: Graphik-Semibold, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 40px;
  /* identical to box height, or 286% */
  color: #FFFFFF;
  text-decoration: none;
}
@media (min-width: 1024px) {
  footer .rights .rights-text {
    font-size: 14px;
    line-height: 14px;
    left: 206px;
    max-width: 412px;
    text-align: left;
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  footer .rights {
    width: 400px;
  }
}
footer .powered-container {
  display: block;
  margin-top: 25px;
}
footer .powered-container a {
  text-decoration: none;
}
footer .powered-container img {
  vertical-align: middle;
  width: 20px;
  height: 31px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 5px;
}
footer .powered-container .powered-text {
  display: inline-block;
  font-family: Graphik-Semibold, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
}
footer .powered-container .little-s-logo {
  display: inline-block;
  background: url(../../../images/little-s-logo.svg) no-repeat center top;
  padding: 12px 22px;
  background-size: 20px 31px;
}
@media (min-width: 1024px) {
  footer .powered-container {
    margin-top: 0;
  }
}
footer .legal-and-contact .legal-container {
  padding-left: 71px;
  padding-right: 71px;
  margin-top: 25px;
}
footer .legal-and-contact .legal-container .separator {
  display: none;
}
@media (min-width: 1024px) {
  footer .legal-and-contact .legal-container .separator {
    display: inline-block;
  }
}
footer .legal-and-contact .legal-container .legal-text {
  font-family: Graphik-Semibold, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 33px;
  color: #FFFFFF;
  margin: 0 18px 0 18px;
  display: inline-block;
}
footer .legal-and-contact .legal-container .legal-text a {
  text-decoration: none;
  color: white;
}
@media (min-width: 1024px) {
  footer .legal-and-contact .legal-container .legal-text {
    margin: 0 0 0 15px;
  }
}
@media (min-width: 1024px) {
  footer .legal-and-contact .legal-container {
    padding: 0;
    margin-top: 0;
  }
}
.embed {
  -ms-flex-pack: left !important;
      justify-content: left !important;
  margin: 0 !important;
}
@media (min-width: 250px), (min-width: 180px) {
  .embed {
    display: none !important;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .embed {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.embed-mobile {
  -ms-flex-pack: left !important;
      justify-content: left !important;
  margin-top: 20px;
}
@media (min-width: 250px), (min-width: 180px) {
  .embed-mobile {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .embed-mobile {
    display: none !important;
  }
}
.content-web-app-embed {
  padding: 32px !important;
  border: 1px solid #E2E2E2;
  border-radius: 18px;
  margin: 8px;
}
@media (min-width: 250px), (min-width: 180px) {
  .content-web-app-embed {
    padding: 24px !important;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .content-web-app-embed {
    padding: 32px !important;
  }
}
.content-web-app-embed .single {
  margin: 0px !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  max-height: 439px !important;
  min-height: 439px !important;
}
@media (min-width: 250px), (min-width: 180px) {
  .content-web-app-embed .single {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .content-web-app-embed .single {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.content-web-app-embed .content-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media (min-width: 250px) {
  .content-web-app-embed .content-left {
    padding-right: 0px;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .content-web-app-embed .content-left {
    padding-right: 30px;
  }
}
@media (min-width: 180px) {
  .content-web-app-embed .content-left .title {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (min-width: 250px) {
  .content-web-app-embed .content-left .title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .content-web-app-embed .content-left .title {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (min-width: 250px), (min-width: 180px) {
  .content-web-app-embed .content-left .description {
    font-size: 14px !important;
    line-height: 22px;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .content-web-app-embed .content-left .description {
    font-size: 16px !important;
    line-height: 30px;
  }
}
.content-web-app-embed .content-left .description a {
  line-height: 22px !important;
}
.content-web-app-embed .content-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -ms-flex-align: stretch;
      align-items: stretch;
}
@media (min-width: 250px), (min-width: 180px) {
  .content-web-app-embed .content-right {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .content-web-app-embed .content-right {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.content-web-app-embed .content-right .single-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: column;
      flex-direction: column;
}
.content-web-app-embed .content-right .single-img img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  height: 100%;
}
@media (min-width: 250px), (min-width: 180px) {
  .content-web-app-embed .content-right .single-img img {
    height: calc((100vw/2 - 30px) * 0.9);
  }
}
@media (min-width: 411px), (min-width: 550px) {
  .content-web-app-embed .content-right .single-img img {
    height: calc(100vh/2 - 74px);
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .content-web-app-embed .content-right .single-img img {
    height: 100%;
  }
}
.content-web-app-embed .content-left .title {
  margin-bottom: 0 !important;
}
.content-web-app-embed .content-left .description {
  -ms-flex: auto;
      flex: auto;
}
@media (min-width: 180px) {
  .iframe-btn {
    font-size: 12px !important;
    line-height: 34px !important;
    padding: 0 27px !important;
  }
}
@media (min-width: 250px) {
  .iframe-btn {
    font-size: 14px !important;
    line-height: 54px !important;
    padding: 0 27px !important;
  }
}
@media (min-width: 411px), (min-width: 550px) {
  .iframe-btn {
    font-size: 16px !important;
    line-height: 74px !important;
    padding: 0 44px !important;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  .iframe-btn {
    font-size: 16px !important;
    line-height: 74px !important;
    padding: 0 44px !important;
  }
}
.iframe-btn .input_img {
  height: 12px;
  margin-left: 10px;
}
html,
button:focus {
  outline: 0;
}
body {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin: 0;
  padding: 0;
  font: 14px 'Metric', Helvetica, Arial, sans-serif;
  background-color: white;
  color: #313131;
  text-align: center;
}
body *:focus {
  outline: none;
}
@media (min-width: 1024px) {
  body {
    height: initial;
    overflow: initial;
    margin-bottom: 0;
    min-width: 1175px!important;
  }
}
@media (min-width: 750px), (min-width: 1024px) {
  body {
    margin: 0 auto;
  }
}
body.fixed {
  overflow: hidden;
}
.has-error {
  color: #e22;
  font-family: 'Graphik-Regular', sans-serif;
}
a {
  color: #795D52;
}
nav a {
  text-decoration: none;
}
.gray-1 {
  background: #A9A9A9;
}
.gray-2 {
  background: #D0D0D0;
}
.gray-3 {
  background: #505050;
}
.gray-4 {
  background: #808080;
}
.gray-5 {
  background: #606060;
}
.content {
  text-align: center;
}
.content .left {
  float: left;
}
.content .right {
  float: right;
}
.content .center {
  text-align: left;
  margin: 0 auto !important;
  display: inline-block;
}
.centered-container {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.centered-container .s-logo {
  width: 132px;
  height: 204px;
  background: url(../../../images/s-soapboxx-logo.png) no-repeat center;
  background-size: 132px 204px;
}
.centered-container .not-found-logo {
  width: 100px;
  height: auto;
}
.centered-container .logout-link {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #e22;
  border-radius: 4px;
  height: 40px;
  color: white;
  font-family: 'Graphik-Regular', sans-serif;
  font-size: 1.2em;
  text-decoration: none;
  line-height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.centered-container .hide-login {
  display: none;
}
.centered-container .show-login {
  height: 40%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.centered-container .show-login.share-buttons {
  background: #EDEDED;
  border-radius: 8px;
  padding-left: 5px;
}
.centered-container .show-login .login-text {
  font-family: 'Graphik-Light', sans-serif;
  font-size: 1.3em;
  color: #313131;
}
@media (min-width: 550px), (min-width: 750px), (min-width: 1024px) {
  .centered-container .show-login .login-text {
    font-size: 1.5em;
  }
}
.centered-container .show-login .login-button {
  border: none;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #3b5998;
  border-radius: 4px;
  height: 78px;
  color: white;
  font-family: '' Graphik-Bold '', sans-serif;
  font-size: 1.3em;
}
@media (min-width: 550px), (min-width: 750px), (min-width: 1024px) {
  .centered-container .show-login .login-button {
    font-size: 1.5em;
  }
}
.centered-container .hide-spinner {
  display: none;
}
.centered-container .show-spinner {
  display: block;
}
.centered-container .thanks-text {
  margin: 0;
  margin-top: 30px;
  font-family: Graphik-Bold, sans-serif;
  font-size: 1em;
  line-height: 3em;
  color: #797979;
}
@media (min-width: 550px), (min-width: 750px), (min-width: 1024px) {
  .centered-container .thanks-text {
    font-size: 1.4em;
    line-height: 2em;
  }
}
.centered-container .need-help {
  font-family: Graphik-Bold, sans-serif;
  font-size: 20px;
  line-height: 44px;
  color: #313131;
  margin: 20px 10px 40px;
  display: none;
  /*@media @desktop {
      display: block;
    }*/
}
@media (min-width: 411px) {
  .centered-container .need-help {
    margin: 20px 30px 40px;
  }
}
.centered-container .need-help a,
.centered-container .need-help a:hover,
.centered-container .need-help a:active,
.centered-container .need-help a:visited {
  color: #EE2222;
  text-decoration: none;
}
.clear-fix::after {
  display: block;
  content: "";
  clear: both;
}
.align-start {
  -ms-flex-align: start!important;
      align-items: start!important;
}
.small-square-button {
  border-radius: 0!important;
  padding: 10px 30px!important;
  height: 36px!important;
  color: #ffffff;
  font-family: Graphik-Bold, Helvetica, sans-serif !important;
  font-size: 14px!important;
  line-height: 15px!important;
}
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000A1;
  padding-top: 0;
  /*  @media @desktopXLarge {
    padding-top: 150px;
  }*/
}
@media (min-width: 750px), (min-width: 1024px) {
  .modal {
    padding-top: 20px;
  }
}
@media (min-width: 1680px) {
  .modal {
    padding-top: 20px;
  }
}
@media (min-height: 1600px) {
  .modal {
    padding-top: 300px;
  }
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: 20px auto;
  padding: 10px;
  width: 100%;
  max-width: 1280px;
}
.modal-content.square-video {
  position: relative;
  background-color: #fefefe;
  margin: 40px auto;
  padding: 10px;
  width: 100%;
  max-width: 1280px;
  width: 245px!important;
  border-radius: 5px!important;
  padding: 10px 20px!important;
}
.modal-content.square-video:after {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 30px solid #FFF;
  content: ' ';
  position: absolute;
  top: -16px;
  left: 80%;
}
.modal-content .square-title {
  color: #1a1a1a;
  font-family: Graphik-Bold, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}
.modal-content .square-message {
  width: 256px;
  height: 116px;
  color: #1a1a1a;
  font-family: Graphik-Regular, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
}
.modal-content.submit {
  padding: 0;
}
@media (min-width: 750px), (min-width: 1024px) {
  .modal-content {
    margin: auto;
  }
}
.modal-content .close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../../../images/close-modal.svg) 20px 20px;
}
.modal-content .square-download {
  position: absolute;
  top: 22px;
  right: 14px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../../../images/square-video-download.svg) 20px 20px;
}
.modal-content .close:hover,
.modal-content .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.landscape-message-container {
  margin-top: 30px;
}
@media (min-width: 750px), (min-width: 1024px) {
  .landscape-message-container {
    display: none;
  }
}
.landscape-message-container .landscape-logo {
  margin: 0 auto;
  width: 150px;
  height: 90px;
  background: url(../../../images/landscape-alert.svg) 150px 90px;
}
.landscape-message-container .landscape-message {
  font-family: Metric-MediumItalic, Helvetica, sans-serif;
  font-size: 20px;
  color: #A1A1A1;
  font-weight: normal;
  text-align: center;
  line-height: 33px;
}
.player {
  text-align: left;
  width: calc(100% - 360px);
  margin: 20px auto 0;
  border-radius: 6px;
}
@media (min-width: 1024px) {
  .player {
    padding: 30px;
  }
}
.player .inner-container {
  padding-right: 70px;
}
.expl-video {
  text-align: left;
  width: calc(100% - 36px);
  margin: 73px auto 0;
  padding-top: 45px;
  border-radius: 6px;
}
@media (min-width: 1024px) {
  .expl-video {
    width: 834px;
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .expl-video .inner-container {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.read-more {
  text-align: left;
  width: calc(100% - 112px);
  margin: 73px auto 0;
  padding: 30px;
  border-radius: 6px;
}
@media (min-width: 1024px) {
  .read-more {
    width: 834px;
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .read-more .inner-container {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.read-more .title {
  display: block;
  font-family: Graphik-Bold, sans-serif;
  font-size: 28px;
  color: #313131;
  margin: 10px 0 25px;
  line-height: 43px;
}
@media (min-width: 1024px) {
  .read-more .title {
    margin: 0 0 25px;
  }
}
.read-more .title.read-more-title {
  font-size: 20px;
  line-height: 30px;
}
.read-more .description {
  font-family: Graphik-Regular, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 33px;
  color: #191919;
}
.read-more .sec_text {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 33px;
  color: #191919;
  margin-top: 25px;
}
.yt-modal {
  width: calc(100% - 112px);
  margin-left: 20px;
  border-radius: 6px;
  padding: 20px 20px 50px;
}
@media (min-width: 1024px) {
  .yt-modal {
    margin: 73px auto 0;
    width: 418px;
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .yt-modal .inner-container {
    margin: 40px auto 0;
    width: 377px;
  }
}
.yt-modal .inner-container .channel-svg {
  width: 200px;
  height: auto;
  margin-left: 40px;
}
@media (min-width: 411px) {
  .yt-modal .inner-container .channel-svg {
    width: 284px;
    margin-left: 12px;
  }
}
@media (min-width: 1024px) {
  .yt-modal .inner-container .channel-svg {
    width: 252px;
    height: auto;
    margin-left: 74px;
  }
}
.yt-modal .inner-container .success-svg {
  text-align: center;
}
.yt-modal .inner-container .yt-message-button {
  border-radius: 37px;
  width: 213px;
  background: #ee2222 !important;
  border: none;
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  height: 74px;
  margin-top: 30px;
  cursor: pointer;
}
.yt-modal .inner-container .yt-message-button a {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
.yt-modal .yt-message-modal-title {
  font-family: Graphik-Bold, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 27px;
  line-height: 32px;
  color: #1A1A1A;
  text-align: center;
  margin-top: 20px;
}
.yt-modal .yt-message-modal-desc {
  font-family: Graphik-Regular, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #1A1A1A;
  text-align: center;
  margin-top: 20px;
}
.uploading {
  text-align: left;
  width: calc(100% - 112px);
  margin: 39px auto 0;
  padding: 20px;
  border-radius: 6px;
}
@media (min-width: 1024px) {
  .uploading {
    margin: 73px auto 0;
    width: 400px;
    padding: 20px;
  }
}
@media (min-width: 1024px) {
  .uploading .inner-container {
    margin: 40px auto 0;
    width: 377px;
  }
}
.uploading .download-title {
  position: relative;
  margin-top: 40px;
}
.uploading .download-title .uploading-svg {
  width: 200px;
  height: auto;
  margin-left: 40px;
}
@media (min-width: 411px) {
  .uploading .download-title .uploading-svg {
    width: 284px;
    margin-left: 12px;
  }
}
@media (min-width: 1024px) {
  .uploading .download-title .uploading-svg {
    width: 253px;
    height: auto;
    margin-left: 32px;
  }
}
.uploading .download-title h4 {
  /* Please wait while up: */
  font-family: Graphik-Bold, serif;
  font-size: 22px;
  color: #313131;
  line-height: 30px;
  text-align: left;
  bottom: -2px;
  right: 0;
  margin: 0;
}
@media (min-width: 411px) {
  .uploading .download-title h4 {
    font-size: 24px;
    bottom: 0;
  }
}
@media (min-width: 1024px) {
  .uploading .download-title h4 {
    font-size: 30px;
    line-height: 32px;
    bottom: 1px;
  }
}
.uploading p {
  font-family: Graphik-Regular, sans-serif;
  font-size: 15px;
  line-height: 36px;
  color: #313131;
  margin-bottom: 0;
}
@media (min-width: 411px) {
  .uploading p {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  .uploading p {
    font-size: 16px;
    line-height: 32px;
    margin: 25px 0 15px;
  }
}
.user-form {
  text-align: left;
  width: calc(100% - 100px);
  margin: 25px;
  padding: 25px 25px 45px 25px;
  border-radius: 6px;
}
@media (min-width: 1024px) {
  .user-form {
    width: 566px;
    margin: 0 auto 25px;
    padding-bottom: 25px;
  }
}
.user-form .inner-container.submit-video {
  padding-top: 20px;
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .user-form .inner-container {
    margin: 0 auto;
    /* width: 377px;*/
    padding: 20px 50px 0;
  }
}
.user-form .inner-container .logo-container .logo {
  width: 250px;
  height: auto;
}
.user-form .inner-container .title {
  display: block;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-size: 28px;
  color: #1a1a1a;
  margin: 25px 0 15px;
  text-transform: capitalize;
}
.user-form .inner-container .subtitle {
  display: block;
  font-family: "Graphik-Regular", Helvetica, sans-serif;
  font-weight: 100;
  font-size: 18px;
  color: #1a1a1a;
  line-height: 32px;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .user-form .inner-container .subtitle {
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 0px;
  }
}
.user-form .inner-container .optional {
  font-family: Graphik-Medium, sans-serif;
  font-style: normal;
  font-size: 11px;
  line-height: 13px;
  position: absolute;
  bottom: -50%;
  right: 1%;
  /*      @media @desktop {
        bottom: -24%;
      }*/
}
.user-form .inner-container .optional.side {
  position: relative;
  top: -2px;
  right: -4%;
  float: none;
}
.user-form .inner-container .optional.error {
  color: #ee2222;
}
.user-form .inner-container .name {
  font-family: Graphik-Semibold, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 13px;
  color: #313131;
  margin-top: 26px;
  margin-bottom: 10px;
}
.user-form .inner-container .input-personal {
  position: relative;
  direction: ltr;
}
.user-form .inner-container .input-personal .input {
  height: 24px;
  margin: 0;
  width: 100%;
  outline: 0;
  font-family: Graphik-Regular, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 16px;
}
@media (min-width: 1024px) {
  .user-form .inner-container .input-personal .input {
    height: 20px;
    margin-top: 7px;
    font-family: Graphik-Regular, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 13px;
    color: #1A1A1A !important;
    border-bottom: 1px solid #E4E4E4;
  }
}
.user-form .inner-container .input-personal input:-ms-input-placeholder {
  font-family: Graphik-Regular, sans-serif;
}
.user-form .inner-container .input-personal input::placeholder {
  font-family: Graphik-Regular, sans-serif;
}
.user-form .inner-container .input-personal .hr-social {
  mix-blend-mode: normal;
  opacity: 0.54;
  border: 0.5px solid #E4E4E4;
}
.user-form .inner-container .input-social {
  position: relative;
  direction: ltr;
  margin-top: 30px;
}
.user-form .inner-container .input-social .input {
  height: 24px;
  margin: 0;
  width: 100%;
  outline: 0;
  border-width: 0 0 0 0px;
  text-indent: 30px;
  font-family: Graphik-Regular, sans-serif;
  font-size: 16px;
  color: #797979;
  line-height: 16px;
  font-style: italic;
}
@media (min-width: 1024px) {
  .user-form .inner-container .input-social .input {
    height: 20px;
  }
}
.user-form .inner-container .input-social .input_img {
  position: absolute;
  bottom: 10px;
  width: 24px;
  height: 24px;
}
@media (min-width: 1024px) {
  .user-form .inner-container .input-social .input_img {
    bottom: 16px;
  }
}
.user-form .inner-container .input-social .hr-social {
  mix-blend-mode: normal;
  opacity: 0.54;
  border: 0.5px solid #E4E4E4;
}
.user-form .inner-container .input-container {
  position: relative;
}
.user-form .inner-container .input-container input[type=text],
.user-form .inner-container .input-container input[type=email],
.user-form .inner-container .input-container select,
.user-form .inner-container .input-container textarea {
  font-family: 'Graphik-Regular', sans-serif;
  font-size: 16px;
  color: #797979;
  background: #F2F2F2;
  height: 85px;
  width: calc(100% - 40px);
  padding: 0 20px;
  margin-top: 4px;
  margin-bottom: 4px;
  resize: vertical;
  outline: none;
  border: none;
}
@media (min-width: 1024px) {
  .user-form .inner-container .input-container input[type=text],
  .user-form .inner-container .input-container input[type=email],
  .user-form .inner-container .input-container select,
  .user-form .inner-container .input-container textarea {
    font-size: 14px;
  }
}
.user-form .inner-container .input-container input[type=checkbox] {
  margin-right: 15px;
  margin-top: 10px;
}
.user-form .inner-container .input-container textarea {
  height: 170px;
  line-height: 25px;
  margin: 20px 0 30px;
  padding: 10px;
}
.user-form .inner-container .input-container .conditions {
  text-align: left;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
}
.user-form .inner-container .input-container .conditions .conditions-text {
  font-family: 'Graphik-Regular', sans-serif;
  font-weight: 100;
  font-size: 16px;
  color: #313131;
  margin-top: 22px;
  line-height: 29px;
}
@media (min-width: 1024px) {
  .user-form .inner-container .input-container .conditions .conditions-text {
    font-size: 13px;
    line-height: 23px;
  }
}
.user-form .inner-container .input-container .conditions .conditions-text a {
  font-family: 'Graphik-Bold', sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .user-form .inner-container .input-container .conditions .conditions-text a {
    font-size: 13px;
    line-height: 23px;
    display: inline-block;
  }
}
.user-form .inner-container .input-container .conditions .conditions-text input {
  margin-bottom: 20px;
  width: 22px;
  float: left;
}
.user-form .inner-container .input-container .conditions a {
  color: #313131;
  font-weight: 500;
}
.user-form .inner-container .input-container .has-error {
  color: red;
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: Metric, sans-serif;
  font-weight: 100;
  font-size: 18px;
}
.user-form .inner-container .input-container .has-error-conditions {
  top: -15px;
  right: 66px;
}
@media (min-width: 1024px) {
  .user-form .inner-container .input-container .has-error-conditions {
    top: -18px;
    right: 3px;
  }
}
.user-form a {
  color: #795D52;
  text-decoration: underline;
  /* By uploading this vi: */
  font-family: Metric, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}
.user-form .buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 20px;
}
.user-form .buttons .button {
  /*margin-bottom: 20px;
      height: 85px;
      float: left;
      padding: 0 60px;*/
  -webkit-appearance: none;
}
@media (min-width: 1024px) {
  .user-form .buttons {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 0;
  }
}
.user-form::after {
  display: block;
  content: "";
  clear: both;
}
.go-to-lnk {
  font-size: 14px !important;
  padding: 23px 10px;
  line-height: 100%;
  margin: 0 10px;
  float: none;
  height: auto;
  width: 192px;
}
.upload_message {
  font-family: 'Graphik-Regular', sans-serif;
  line-height: 25px;
  font-size: 20px;
  color: #313131;
}
.topic-ad {
  font-family: Graphik-Bold, Helvetica, sans-serif;
  font-size: 28px;
  color: #191919;
  letter-spacing: 0;
  line-height: 43px;
  text-align: left;
}
.topic-ad-desc {
  font-family: Graphik-Regular, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  color: #1A1A1A;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 30px;
}
.sbx-record-studio .submited-region-mob {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #F6F6F6;
}
.sbx-record-studio .submited-text-mob {
  font-family: "Graphik-Regular", Helvetica, sans-serif;
  font-size: 16px;
  color: #1a1a1a;
  letter-spacing: 0;
  line-height: 32px;
  text-align: left;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .sbx-record-studio .submited-text-mob {
    margin-bottom: 30px;
  }
}
.sbx-record-studio .row {
  display: initial;
  -ms-flex-align: initial;
      align-items: initial;
  width: initial;
  padding: initial;
  text-align: initial;
}
@media (min-width: 1024px) {
  .sbx-record-studio .row {
    display: table;
    -ms-flex-align: center;
        align-items: center;
    max-width: 1160px;
    padding: 0 calc((100% - 1200px + 40px) / 2);
    margin-top: 55px;
  }
  .sbx-record-studio .row.prompt-single {
    margin-top: 40px;
    margin-bottom: 0px;
  }
}
.sbx-record-studio .row .column {
  float: initial;
  width: initial;
  display: initial;
}
.sbx-record-studio .row .column .video-tips {
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  width: 100%;
  max-height: 100vw;
}
@media (min-width: 1024px) {
  .sbx-record-studio .row .column .video-tips {
    margin-top: 0;
    display: block;
    max-width: 750px;
    max-height: 422px;
  }
}
.sbx-record-studio .row .column .video-tips.colorize {
  mix-blend-mode: lighten;
}
.sbx-record-studio .row .column .submited-region {
  display: none;
}
.sbx-record-studio .row .column .thanks-submited-buttons {
  display: none;
}
.sbx-record-studio .row .column .topic {
  font-family: Graphik-Bold;
  font-size: 28px;
  color: #191919;
  letter-spacing: 0;
  line-height: 43px;
}
.sbx-record-studio .row .column .prompt {
  font-family: Graphik-Regular;
  font-size: 16px;
  color: #191919;
  letter-spacing: 0;
  line-height: 32px;
}
.sbx-record-studio .row .column .prompt a {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 43px;
  color: #1F54A4;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .sbx-record-studio .row .column {
    float: right;
    width: 704px;
    display: table-cell;
  }
  .sbx-record-studio .row .column:first-child {
    float: left;
    width: 426px;
    margin-right: 30px;
    text-align: left;
  }
  .sbx-record-studio .row .column .prompt {
    text-align: left;
  }
  .sbx-record-studio .row .column .prompt a {
    font-family: Graphik-Bold;
    font-style: normal;
    font-size: 13px;
    line-height: 43px;
    /* identical to box height, or 331% */
    color: #1F54A4;
    text-decoration: none;
    cursor: pointer;
  }
  .sbx-record-studio .row .column .topic {
    text-align: left;
    line-height: 38px;
  }
  .sbx-record-studio .row .column .thanks-steps {
    display: none;
  }
  .sbx-record-studio .row .column .submited-region {
    display: block;
    background-color: #f6f6f6;
    text-align: center;
    margin-bottom: 50px;
    height: 396px;
  }
  .sbx-record-studio .row .column .submited-region div.svg {
    padding-top: 50px;
    width: 278px;
    height: 178px;
    margin: 0 auto;
  }
  .sbx-record-studio .row .column .submited-region .submited-text-title {
    width: 100%;
    font-family: Graphik-Light, serif;
    font-size: 27px;
    color: #191919;
    letter-spacing: 0;
    line-height: 43px;
    margin-bottom: 15px;
  }
  .sbx-record-studio .row .column .submited-region .submited-text {
    width: 100%;
    font-family: Graphik-Medium, serif;
    font-size: 14px;
    color: #231F20;
    letter-spacing: 0;
    text-align: center;
    line-height: 31px;
  }
  .sbx-record-studio .row .column .thanks-submited-buttons {
    display: block;
    text-align: center;
  }
}
.sbx-record-studio .row .row:after {
  content: initial;
  display: initial;
  clear: initial;
}
@media (min-width: 1024px) {
  .sbx-record-studio .row .row:after {
    content: "";
    display: table;
    clear: both;
  }
}
.sbx-record-studio .thanks-user-stories {
  display: block;
  /* @media @desktop {
      display: block;
    }*/
}
.sbx-record-studio .thanks-after-quick-steps-buttons {
  display: block;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .sbx-record-studio .thanks-after-quick-steps-buttons {
    display: none;
  }
}
.sbx-record-studio .play-user-stories {
  display: none;
}
@media (min-width: 1024px) {
}
.sbx-record-studio .play-quick-steps {
  display: none;
}
@media (min-width: 1024px) {
}
.record-panel-mobile {
  min-height: 91px;
  position: relative;
}
.record-panel-mobile .animated-how-to {
  color: #1a1a1a;
  font-size: 12px;
  font-family: "Graphik-Semibold", Helvetica, sans-serif;
  height: 41px;
  line-height: 41px;
  border-radius: 24px;
  background-color: rgba(255, 255, 255, 0.75);
  background-image: url('/images/how-to-icon.svg');
  background-repeat: no-repeat;
  background-position: 8px;
  padding-right: 8px;
  padding-left: 41px;
  text-align: left;
  position: absolute;
  top: 25px;
  left: 25px;
  border: none;
  transition: width 1s;
  text-transform: capitalize;
  text-decoration: none;
  z-index: 2;
}
.record-panel-mobile .animated-how-to.expanded {
  width: 211px;
}
.record-panel-mobile .animated-how-to.contracted {
  width: 41px;
  padding: 0;
}
.record-panel-mobile img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  width: 100%;
  max-height: calc(100vw - 32px);
  display: block;
}
@media (min-width: 1024px) {
  .record-panel-mobile img {
    max-width: 750px;
    max-height: 422px;
  }
}
@media (min-width: 750px) {
  .record-panel-mobile img {
    max-height: 100vh;
  }
}
.record-panel-mobile img.colorize {
  mix-blend-mode: lighten;
}
.thanks .modal.visible {
  display: block;
}
.thanks .row-flex {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row !important;
      flex-direction: row !important;
  -ms-flex-pack: center !important;
      justify-content: center !important;
  -ms-flex-align: start !important;
      align-items: start !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.thanks .column-flex {
  float: none !important;
  margin: 0 !important;
  display: block !important;
}
.thanks .column-1 {
  width: 35% !important;
}
.thanks h2 {
  margin: 0;
  text-align: left;
  font-size: 19px;
  line-height: 33px;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  color: #1a1a1a;
}
.thanks .column-divider {
  display: block;
  width: 100%;
}
@media (min-width: 1024px) {
  .thanks .column-divider {
    display: none;
  }
}
.thanks .column-2 {
  width: 100% !important;
  background-color: #f4f4f4;
}
@media (min-width: 1024px) {
  .thanks .column-2 {
    width: 65% !important;
  }
}
.thanks .related-content {
  display: -ms-flexbox;
  display: flex;
}
.thanks .related-content .related-content__col {
  width: 50%;
  padding: 40px 30px 20px 30px;
}
.thanks .related-content .other-campaigns {
  border-top: solid 1px #d8d8d8;
  padding-top: 20px;
  position: relative;
}
.thanks .related-content .other-campaigns .campaign-type {
  position: absolute;
  top: 40px;
  left: 20px;
  text-transform: uppercase;
  background-color: white;
  padding: 12px 10px 10px 10px;
  line-height: 100%;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-size: 10px;
  color: #1a1a1a;
  border-radius: 2px;
  z-index: 3;
}
.thanks .related-content .other-campaigns img {
  max-width: 100%;
  display: block;
}
.thanks .related-content .other-campaigns h3 {
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-size: 22px;
  line-height: 30px;
  margin: 10px 0 20px 0;
}
.thanks .related-content .other-campaigns h3 a {
  color: #1a1a1a;
  text-decoration: none;
  word-break: break-word;
}
.thanks .related-content .other-campaigns .all-campaigns-btn {
  font-family: "Graphik-Semibold", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 100%;
  color: #1a1a1a;
  border: solid 2px #1a1a1a;
  padding: 11px 19px;
  text-decoration: none;
  border-radius: 24px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  text-transform: capitalize;
}
.thanks .related-content .other-campaigns .all-campaigns-btn:hover {
  color: white;
  background-color: #1a1a1a;
}
.thanks .related-content .other-campaigns .all-campaigns-btn i {
  margin-left: 10px;
  padding-top: 3px;
  display: inline-block;
}
.thanks .related-content img.colorize {
  mix-blend-mode: lighten;
}
.thanks .topic {
  font-family: "Nocturno Display", Helvetica, sans-serif;
  font-size: 36px;
  color: #3E3C3E;
  letter-spacing: 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .thanks .topic {
    font-size: 50px;
  }
}
.thanks .prompt {
  font-family: Metric, sans-serif;
  font-size: 22px;
  color: #3E3C3E;
  letter-spacing: 0;
  text-align: center;
  line-height: 36px;
  font-weight: normal;
}
.thanks .thanks-box {
  margin: 0 1em;
  text-align: left;
}
@media (min-width: 750px), (min-width: 1024px) {
  .thanks .thanks-box {
    /*max-width: 850px;
      margin: 0 auto;
      text-align: center;*/
  }
}
@media (min-width: 1024px) {
  .thanks .thanks-box {
    margin: 0;
    padding-right: 30px;
    text-align: center;
    padding-top: 25px;
  }
}
.thanks .thanks-box h1 {
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-size: 28px;
  color: #1a1a1a;
  line-height: 38px;
  text-align: center;
}
@media (min-width: 1024px) {
  .thanks .thanks-box h1 {
    line-height: 33px;
    font-size: 24px;
  }
}
.thanks .thanks-box h4 {
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-size: 20px;
  color: #EE2222;
  text-align: center;
  font-weight: 100;
  margin: 40px 10px 70px;
}
@media (min-width: 1024px) {
  .thanks .thanks-box h4 {
    font-family: "Graphik-Semibold", Helvetica, sans-serif;
    font-size: 22px;
    line-height: 36px;
  }
}
.thanks .thanks-box p {
  font-family: "Graphik-Regular", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #1a1a1a;
  text-align: center;
}
.thanks .thanks-box .thanks-collapsible {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Graphik-Semibold", Helvetica, sans-serif;
  color: #797979;
  border: none;
  width: 100%;
  background: transparent;
  padding: 0;
  margin: 30px 0 50px 0;
  cursor: pointer;
}
.thanks .thanks-box .thanks-collapsible span:first-child {
  margin-right: 5px;
}
.thanks .thanks-box .thanks-collapsible:hover {
  text-decoration: underline;
}
.thanks .thanks-box .thanks-collapsible.opened .collapsible-icon {
  transform: rotate(90deg);
}
.thanks .thanks-box .numbers-mob {
  margin-top: 20px;
  height: auto;
  max-height: 0;
  transition: all 500ms;
  overflow: hidden;
}
.thanks .thanks-box .numbers-mob.opened {
  max-height: 5000px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .thanks .thanks-box .numbers-mob {
    margin-top: 50px;
  }
}
.thanks .thanks-box .numbers-mob p {
  font-family: "Graphik-Regular", Helvetica, sans-serif;
  font-size: 16px;
  color: #1a1a1a;
  letter-spacing: 0;
  line-height: 32px;
  margin: 15px 0 20px;
  text-align: center;
}
.thanks .thanks-box .numbers-mob p.number {
  font-family: Graphik-Light;
  font-size: 39px;
  color: #EE2222;
  letter-spacing: 0;
  text-align: center;
  margin: 0;
}
.thanks .thanks-box .numbers-mob .submited-region-mob {
  margin: 0 -30px;
  height: 168px;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .thanks .thanks-box .numbers-mob .submited-region-mob {
    margin: 0;
  }
}
.thanks .thanks-box .numbers-mob .submited-region-mob .svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F6F6F6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.thanks .thanks-box .graphics {
  margin-top: 50px;
}
@media (min-width: 1024px) {
  .thanks .thanks-box .graphics {
    display: -ms-flexbox;
    display: flex;
    margin-top: 100px;
  }
}
.thanks .thanks-box .graphics .graphic .thanks-svg {
  width: 243px;
  height: auto;
  margin: 0 auto;
}
.thanks .thanks-box .graphics .graphic .image {
  width: 240px;
}
.thanks .thanks-box .graphics .graphic .text {
  font-family: "Graphik-Medium", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 41px;
  color: #231F20;
  margin: 30px 15px 50px;
}
@media (min-width: 1024px) {
  .thanks .thanks-box .graphics .graphic .text {
    font-size: 18px;
    line-height: 37px;
    margin: 30px 65px 50px;
  }
}
.thanks .mobile-thanks .slick-carousel-container:last-child {
  margin-bottom: 80px;
}
.thanks .record-again-button {
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: #EE2222;
  padding: 21px 42px;
  line-height: 100%;
  display: -ms-flexbox;
  display: flex;
  border-radius: 37px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  -ms-flex-align: center;
      align-items: center;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 25px auto;
}
.thanks .record-again-button img {
  margin-right: 5px;
  vertical-align: middle;
}
.thanks .record-again-button span {
  display: inline-block;
}
.thanks .record-again-button:hover {
  opacity: 0.75;
}
.thanks #thanks-ctas {
  margin-bottom: 0;
  padding-bottom: 0;
}
#stepsModal .user-form {
  width: 350px;
}
#stepsModal h2 {
  margin-top: 20px;
}
#stepsModal .numbers {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  #stepsModal .numbers {
    margin-top: 50px;
  }
}
#stepsModal .numbers p {
  font-family: "Graphik-Regular", Helvetica, sans-serif;
  font-size: 16px;
  color: #1a1a1a;
  letter-spacing: 0;
  line-height: 32px;
  margin: 15px 0 20px;
  text-align: left;
}
#stepsModal .numbers p.number {
  font-family: Graphik-Light;
  font-size: 39px;
  color: #EE2222;
  letter-spacing: 0;
  text-align: left;
  margin: 0;
}
.prompt-box {
  border-top: solid 1px #d8d8d8;
  padding-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
}
.prompt-box img {
  max-width: 100%;
  display: block;
}
.prompt-box h3 {
  margin: 0 0 20px 0;
}
.prompt-box h3 a {
  text-decoration: none;
  color: #1a1a1a;
  font-size: 14px;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  line-height: 20px;
  word-break: break-word;
}
.prompt-box .prompt-box-1 {
  width: calc(65% - 15px);
  padding-right: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 20px;
}
.prompt-box .prompt-box-1::after {
  display: none;
}
.prompt-box .prompt-box-2 {
  width: 35%;
  padding-bottom: 20px;
}
.prompt-box .record-video-button {
  color: #EC222B;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-family: "Graphik-Bold", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
  background-color: transparent;
}
.prompt-box .record-video-button:hover {
  text-decoration: underline;
}
.privacy-box {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.privacy-box .prompt {
  max-width: 100%;
}
@media (min-width: 1024px) {
  .privacy-box {
    max-width: 60%;
    margin: 0 auto;
    padding: 0;
  }
}
.privacy-box p {
  font-family: Graphik-Regular;
  font-size: 16px;
  color: #313131;
  letter-spacing: 0;
  line-height: 37px;
  text-align: left;
}
.privacy-box p.date {
  text-align: center;
}
.privacy-box p a {
  font-family: Graphik-Bold;
  font-weight: bold;
}
.topic {
  max-width: 90%;
  padding: 0;
  margin: 60px auto 20px;
  text-align: center;
  font-family: Graphik-Bold, sans-serif;
  font-size: 32px;
  color: #313131;
  letter-spacing: 0;
}
@media (min-width: 1024px) {
  .topic {
    font-size: 35px;
    margin-top: 0px;
    max-width: 750px;
  }
}
.topic_policy {
  max-width: 90%;
  padding: 0;
  margin: 60px auto 20px;
  text-align: center;
  font-family: Graphik-Bold, sans-serif;
  font-size: 32px;
  color: #313131;
  font-family: Graphik-Bold;
  font-size: 28px;
  color: #191919;
  letter-spacing: 0;
  line-height: 43px;
}
@media (min-width: 1024px) {
  .topic_policy {
    font-size: 35px;
    margin-top: 0px;
    max-width: 750px;
  }
}
@media (min-width: 1024px) {
  .topic_policy {
    margin-top: 60px;
    margin-bottom: 50px;
    max-width: 60%;
    text-align: left;
  }
}
.prompt {
  padding: 0;
  margin: 0 auto 15px;
  font-family: 'Graphik-Regular', sans-serif;
  font-size: 18px;
  color: #313131;
  line-height: 36px;
  font-weight: 200;
}
@media (min-width: 550px), (min-width: 750px), (min-width: 1024px) {
  .prompt {
    max-width: 90%;
    max-width: 750px;
    text-align: center;
  }
}
.prompt-secondary-text {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #191919;
  text-align: left;
}
.prompt-secondary-text.mobile {
  /* margin-bottom: -10px;*/
}
@media (min-width: 550px), (min-width: 750px), (min-width: 1024px) {
  .prompt-secondary-text {
    max-width: 750px;
    margin: 0 auto;
  }
}
.instructions {
  padding: 60px 25px 10px;
  text-align: left;
}
@media (min-width: 1024px) {
  .instructions {
    width: 1160px;
    max-width: 1200px;
    padding: 70px 0 50px;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
}
.instructions .title {
  font-family: Graphik-Regular;
  font-size: 16px;
  color: #313131;
  letter-spacing: 0;
}
.instructions .subtitle {
  font-family: Graphik-Bold;
  font-size: 30px;
  color: #313131;
  letter-spacing: 0;
  margin: 20px 0 40px;
}
@media (min-width: 1024px) {
  .instructions .graphics {
    display: -ms-flexbox;
    display: flex;
    margin: 60px 0 0;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.instructions .graphics .graphic {
  text-align: center;
}
@media (min-width: 1024px) {
  .instructions .graphics .graphic {
    -ms-flex: 0.3;
        flex: 0.3;
  }
}
.instructions .graphics .graphic .svg {
  width: 240px;
  height: 180px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .instructions .graphics .graphic .svg {
    margin: inherit;
  }
}
.instructions .graphics .graphic .image {
  width: 240px;
}
.instructions .graphics .graphic .text {
  font-family: Graphik-Regular;
  font-size: 15px;
  color: #191919;
  letter-spacing: 0;
  line-height: 30px;
  margin: 22px auto 50px;
  text-align: left;
  font-weight: bold;
}
@media (min-width: 1024px) {
  .instructions .graphics .graphic .text {
    font-size: 15px;
    line-height: 30px;
    font-weight: normal;
  }
}
.instructions .graphics .graphic .text-thanks {
  font-family: Graphik-Regular;
  font-size: 15px;
  color: #191919;
  letter-spacing: 0;
  line-height: 30px;
  margin: 22px auto 50px;
  text-align: left;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 1024px) {
  .instructions .graphics .graphic .text-thanks {
    font-size: 15px;
    line-height: 30px;
    font-weight: normal;
  }
}
.instructions .graphics .graphic .text:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .instructions .graphics .graphic:first-child {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .instructions .graphics .graphic:nth-child(2) .svg,
  .instructions .graphics .graphic:last-child .svg {
    margin: 0 auto;
  }
}
.video-examples {
  padding: 70px 25px 20px;
  background-color: #F6F6F6;
}
@media (min-width: 1024px) {
  .video-examples {
    max-width: 1200px;
    padding: 70px 0 50px;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
}
.video-examples h4,
.video-examples h3,
.video-examples p {
  margin: 0;
  text-align: left;
}
.video-examples h4 {
  font-family: Graphik-Regular;
  font-size: 16px;
  color: #313131;
  letter-spacing: 0;
  font-weight: normal;
}
.video-examples h3 {
  font-family: Graphik-Bold;
  font-size: 30px;
  color: #313131;
  letter-spacing: 0;
  margin: 20px 0 25px;
}
.video-examples p {
  font-family: Graphik-Regular;
  font-size: 16px;
  color: #191919;
  letter-spacing: 0;
  line-height: 36px;
  margin-bottom: 40px;
}
.video-examples p a,
.video-examples p a:hover,
.video-examples p a:active,
.video-examples p a:visited {
  font-family: Graphik-Bold, sans-serif;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .video-examples .videos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .video-examples .videos .video-container {
    margin-right: 32px;
  }
  .video-examples .videos .video-container:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1024px) {
  .video-examples .videos .video-container :before {
    background: url('../images/play.png');
    background-size: contain;
    position: absolute;
    display: block;
    width: 51px;
    height: 51px;
    content: '';
    margin: 81px 157px;
    opacity: 0.9;
  }
}
.video-examples .videos .video-container .player {
  display: block;
}
@media (min-width: 1024px) {
  .video-examples .videos .video-container .player {
    display: none;
  }
}
.video-examples .videos .video-container .thumb {
  display: none;
}
@media (min-width: 1024px) {
  .video-examples .videos .video-container .thumb {
    display: block;
  }
}
.video-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.need-script-box {
  display: none;
}
.monitor {
  display: none;
  margin: 1em auto;
  position: relative;
}
@media (min-width: 1024px) {
  .monitor {
    margin: 0;
    padding: 0;
  }
}
.monitor label.title {
  font-weight: normal;
  font-family: Metric, sans-serif;
  line-height: 25px;
}
.monitor .progress-ring-container {
  display: none;
  position: absolute;
  z-index: 3;
  right: 25px;
  top: 25px;
}
@media (min-width: 1024px) {
  .monitor .progress-ring-container {
    display: block;
  }
}
.monitor .progress-ring-container .timer {
  font-family: Metric, sans-serif;
  font-weight: bold;
  font-size: 12pt;
  position: absolute;
  top: 24px;
  left: 23px;
}
.monitor .progress-ring-container .progress-ring .progress-ring__circle {
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.video-js,
iframe.video {
  margin: math(0em);
}
.video-help-text {
  width: 100%;
  margin: 0;
  color: #fff;
  font-family: 'Graphik-Light', sans-serif;
  font-size: 1.2em;
  line-height: 2.4em;
}
#recInput {
  display: none;
}
.mobile .action-panel-create {
  width: 100%;
  position: relative;
  z-index: 2;
  bottom: 0;
  animation: 1s fade-in;
}
.mobile .action-panel-create::after {
  display: block;
  clear: both;
  content: "";
}
.mobile .action-panel-create .button + .button:not(.initial) {
  margin-left: 0;
}
.mobile .action-panel-create .button {
  padding: 8px 0;
  border-radius: 0;
  width: 50%;
  float: left;
  font-size: 14px;
}
.mobile .action-panel-create .button[disabled] {
  opacity: 0.8;
}
.mobile .action-panel-create .button img {
  vertical-align: middle;
}
.mobile .action-panel-create .button .button-loaded {
  display: none;
  margin-right: 5px;
}
.mobile .action-panel-create.fixed {
  left: 0;
  bottom: 0;
  position: fixed;
  animation: 1s slide-up;
}
@keyframes slide-up {
  from {
    bottom: -89.6px;
  }
  to {
    bottom: 0;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.action-panel-create {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .action-panel-create {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 45px;
  }
}
.record-instructions {
  background: url('../images/soapboxx-landing/record-instructions.png');
  background-size: contain;
  position: relative;
  display: block;
  height: 423px;
  content: '';
  margin: 81px 157px;
  opacity: 0.9;
}
.action-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 60px;
}
@media (min-width: 1024px) {
  .action-panel {
    min-width: 750px;
  }
}
.mobile .action-panel {
  font-size: 2.5em;
  margin: 0;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.mobile .action-panel .button + .button:not(.initial) {
  margin-left: 0;
}
.mobile .action-panel .button {
  padding: 16px 16px;
  border-radius: 0;
  width: 50%;
  float: left;
}
.share-text-container {
  display: none;
}
@media (min-width: 1024px) {
  .share-text-container {
    display: block;
  }
}
.share-text-container h2,
.share-text-container p {
  margin: 0;
}
.share-text-container h2 {
  font-family: Graphik-Bold;
  font-size: 23px;
  color: #191919;
  letter-spacing: 0;
  line-height: 51px;
  margin: 40px 0 10px;
  text-align: left;
}
@media (min-width: 1024px) {
  .share-text-container h2 {
    text-align: left;
  }
}
.share-text-container p {
  font-family: Graphik-Regular;
  font-size: 16px;
  color: #191919;
  letter-spacing: 0;
  line-height: 32px;
  margin: 0 6px;
  text-align: left;
}
@media (min-width: 1024px) {
  .share-text-container p {
    margin: 0 auto;
    max-width: 650px;
    text-align: left;
  }
}
.share-text-container-after {
  display: none;
  display: block;
}
@media (min-width: 1024px) {
  .share-text-container-after {
    display: block;
  }
}
.share-text-container-after h2,
.share-text-container-after p {
  margin: 0;
}
.share-text-container-after h2 {
  font-family: Graphik-Bold;
  font-size: 23px;
  color: #191919;
  letter-spacing: 0;
  line-height: 51px;
  margin: 40px 0 10px;
  text-align: left;
}
@media (min-width: 1024px) {
  .share-text-container-after h2 {
    text-align: left;
  }
}
.share-text-container-after p {
  font-family: Graphik-Regular;
  font-size: 16px;
  color: #191919;
  letter-spacing: 0;
  line-height: 32px;
  margin: 0 6px;
  text-align: left;
}
@media (min-width: 1024px) {
  .share-text-container-after p {
    margin: 0 auto;
    max-width: 650px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .share-text-container-after {
    display: none;
  }
}
.share-text-container-after.show {
  display: block;
}
.share-video {
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 25px;
  line-height: 22px;
  color: #191919;
  margin-top: 20px;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.stickers-popup {
  position: fixed;
  overflow-y: auto;
  transform: translate3d(0, 100%, 0);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  backdrop-filter: blur(30px) brightness(0.5);
  -webkit-backdrop-filter: blur(30px) brightness(0.5);
  transition: transform 0.2s;
  transition-timing-function: ease-in-out;
  padding: 0 4%;
}
.stickers-popup .stickers-list img {
  width: 19%;
  margin: 7%;
  float: left;
}
.stickers-popup .stickers-list .stickers-line {
  width: 100%;
}
.stickers-popup .stickers-list .stickers-line .cancel {
  margin-left: 88%;
  padding-top: 6%;
  display: none;
}
.stickers-popup .stickers-list .stickers-line .cancel img {
  width: initial;
  margin: initial;
  float: none;
  position: fixed;
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .stickers-popup {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
.sticker {
  -ms-touch-action: none;
  touch-action: none;
  cursor: move;
}
@media (min-width: 1024px) {
  .sticker {
    width: 60px;
  }
}
@media (min-width: 1024px) {
  .sticker.cloned {
    width: auto !important;
  }
}
.sticker-row:nth-child(odd) {
  text-align: left;
}
.sticker-row:nth-child(even) {
  text-align: right;
}
.stickers-container img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
#stickerVideoCont {
  display: none;
}
.button {
  /*
  &.anim-color{
    background:red;
    animation: colorAnim 5s linear 1s infinite;
  }*/
}
.button.add-stickers {
  height: 3em;
  width: 71%;
  line-height: inherit;
  padding: 0 22px;
  margin: 20px auto 10px;
}
.button.add-stickers img.emoji {
  height: 2em;
}
.button.add-stickers img.text {
  height: 2em;
}
/*@keyframes colorAnim !* Firefox *!
{
  0%   {background:red;}
  50%  {background:yellow;}
  100%   {background:red;}
}*/
.stickers-outer {
  padding-right: 70px;
  padding-left: 70px;
  background: #F4F4F4;
  border-radius: 8px;
  position: relative;
}
.video-js.vjs-1-1 {
  padding-top: 100% !important;
}
.share-buttons {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 33px 0;
  overflow-x: auto;
  max-width: 320px;
  margin: 0 auto;
}
@media (min-width: 411px) {
  .share-buttons {
    max-width: 375px;
  }
}
@media (min-width: 550px) {
  .share-buttons {
    max-width: 411px;
  }
}
@media (min-width: 750px) {
  .share-buttons {
    overflow-x: hidden;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .share-buttons {
    overflow-x: initial;
    padding: 20px 0;
  }
}
.share-buttons.stick {
  overflow-x: hidden;
  padding-top: 39px;
  padding-bottom: 39px;
  margin-top: 25px;
  display: none;
}
.share-buttons.stick .paging {
  width: 70px;
  height: 36px;
  position: absolute;
  z-index: 90;
  background-repeat: no-repeat;
  background-size: 70px 35px;
  cursor: pointer;
  top: 36%;
}
.share-buttons.stick .paging.left {
  left: 0;
  background-image: url('/images/paging_left.svg');
}
.share-buttons.stick .paging.right {
  right: 0;
  background-image: url('/images/paging_right.svg');
}
.share-buttons.stick .stickers-container {
  transition: transform 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
}
.share-buttons.stick img {
  height: 70px;
  margin-left: 20px;
  margin-right: 20px;
}
.share-buttons.mob {
  ms-touch-action: none;
  -ms-touch-action: none;
      touch-action: none;
  margin-top: 10px;
}
.share-buttons.mob img {
  height: 50px;
  margin-left: 5px;
  margin-right: 5px;
}
.share-buttons .button {
  line-height: 75px;
  -webkit-appearance: none;
  background: transparent;
  padding: 0;
}
@media (min-width: 750px) {
  .share-buttons .button.messenger {
    display: none;
  }
}
@media (min-width: 411px) {
  .share-buttons .button {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .share-buttons .button {
    float: left;
  }
}
.share-buttons .button .copy-icon,
.share-buttons .button .yt-icon,
.share-buttons .button .fb-icon,
.share-buttons .button .tw-icon,
.share-buttons .button .instagram-icon,
.share-buttons .button .tiktok-icon,
.share-buttons .button .wa-icon,
.share-buttons .button .ms-icon,
.share-buttons .button .tg-icon,
.share-buttons .button .ma-icon,
.share-buttons .button .download-icon {
  display: block;
  width: 66px;
  height: 66px;
  background-size: 66px 66px;
}
.share-buttons .button .copy-icon {
  background: url(../../../images/copy-ico.svg) no-repeat left top;
  margin-left: 0px;
}
.share-buttons .button .fb-icon {
  background: url(../../../images/facebook-logo.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .yt-icon {
  background: url(../../../images/yt-logo.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .tw-icon {
  background: url(../../../images/twitter-logo.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .instagram-icon {
  background: url(../../../images/instagram-logo.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .tiktok-icon {
  background: url(../../../images/tiktok-logo.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .wa-icon {
  background: url(../../../images/share_whatsapp.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .ms-icon {
  background: url(../../../images/share_messenger.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .tg-icon {
  background: url(../../../images/share_telegram.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .ma-icon {
  background: url(../../../images/share_mail.svg) no-repeat left top;
  margin-right: 13px;
}
.share-buttons .button .download-icon {
  background: url(../../../images/download-icon.svg) no-repeat left top;
  margin-right: 13px;
}
.copy-link {
  background: #F6F6F6;
  border: 1px solid #D3D3D3;
  border-radius: 3px;
  padding: 10px;
  margin: 0 auto 30px;
  text-align: center;
  width: 320px;
  overflow-x: hidden;
}
@media (min-width: 750px) {
  .copy-link {
    max-width: 100%;
    width: 100%;
  }
}
.copy-link .copy-address {
  font-family: Graphik-Regular, Helvetica, sans-serif;
  font-size: 14px;
  color: #191919;
  letter-spacing: 0;
  line-height: 32px;
}
.copy-link .copy-button {
  font-family: Graphik-Semibold, Helvetica, sans-serif;
  font-size: 16px;
  color: #EE2222;
  letter-spacing: 0;
  line-height: 32px;
  text-decoration: none;
  margin-left: 0;
}
.copy-link .copy-button:before {
  content: ' ';
  display: block;
}
@media (min-width: 1024px) {
  .copy-link .copy-button {
    margin-left: 15px;
  }
  .copy-link .copy-button:before {
    content: initial;
  }
}
.button {
  text-decoration: none;
  background: #EE2222;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 47px;
  line-height: 74px;
  cursor: pointer;
  visibility: visible;
  text-align: center;
  padding: 0 44px;
  font-family: Graphik-Bold;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  display: block;
  -webkit-appearance: none;
}
.button.initial {
  visibility: hidden;
  max-width: 0 !important;
  padding: 0;
  margin: 0;
}
.button.secondary {
  background: #B40202;
}
.button.left-separator {
  border-left: 1px solid white;
}
.button.btn-disabled {
  background-color: #ABABAB !important;
  color: #8D8D8D !important;
}
@media (min-width: 1024px), (min-width: 750px) {
  .button:hover {
    opacity: 0.75;
  }
}
.button + .button:not(.initial) {
  margin-left: 5px;
}
.get-device-button {
  /*margin: 60px auto 100px;*/
}
.get-device-button.retake {
  display: none;
}
.get-device-button.submit {
  display: none;
}
#soapboxx {
  overflow-x: hidden;
  overflow-y: auto;
}
#soapboxx header {
  height: 125px;
  background-image: url(../../../images/soapboxx-landing/background-header-mobile-min.png);
  background-size: 126px 125px;
  background-repeat: no-repeat;
  background-position: right top;
}
@media (min-width: 1024px) {
  #soapboxx header {
    background-image: none;
    margin: 0 20px 0 40px;
    width: 1160px;
    max-width: 1200px;
    padding: 0;
    margin: 0;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
  #soapboxx header nav {
    display: none;
  }
}
#soapboxx header .logo-header {
  display: block;
  width: 196px;
  height: 76px;
  margin-left: 25px;
  background: url(../../../images/soapboxx-landing/logo-red-with-name-min.png);
  background-size: 196px 76px;
  background-repeat: no-repeat;
  background-position: left top;
}
@media (min-width: 1024px) {
  #soapboxx header .logo-header {
    float: left;
    margin: 35px 0 0 0;
  }
}
#soapboxx header nav {
  padding-right: 30px;
}
#soapboxx header nav #menuToggle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  -ms-flex-align: end;
      align-items: flex-end;
  top: 50px;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
#soapboxx header nav #menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: -5px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
#soapboxx header nav #menuToggle span {
  display: block;
  width: 28px;
  height: 5px;
  margin-bottom: 4px;
  position: relative;
  background: #FFFFFF;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
#soapboxx header nav #menuToggle span:first-child {
  transform-origin: 0% 0%;
}
#soapboxx header nav #menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
#soapboxx header nav #menuToggle input:checked ~ span {
  opacity: 1;
  width: 30px;
  transform: rotate(45deg) translate(0, 2px);
  background: #FFFFFF;
}
#soapboxx header nav #menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#soapboxx header nav #menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(-1px, 0);
}
#soapboxx header nav #menuToggle input:checked ~ ul {
  transform: none;
}
#soapboxx header nav #menu {
  position: absolute;
  right: -31px;
  margin: -100px 0 0 0;
  padding: 160px 50px 35px;
  background: #EE2222;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(calc(100% + 30px), 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
#soapboxx header nav #menu li {
  padding: 10px 0;
  font-size: 22px;
  color: #FFFFFF;
}
#soapboxx header .menu-desktop {
  display: none;
}
@media (min-width: 1024px) {
  #soapboxx header .menu-desktop {
    background: url(../../../images/soapboxx-landing/background-header-min.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 806px 201px;
    height: 201px;
    display: -ms-flexbox;
    display: flex;
    float: right;
    width: 700px;
    padding-right: 136px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
  }
  #soapboxx header .menu-desktop a,
  #soapboxx header .menu-desktop a:visited {
    font-family: 'Graphik-Medium';
    font-weight: 100;
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
    margin-left: 50px;
    margin-bottom: 42px;
  }
  #soapboxx header .menu-desktop a:hover,
  #soapboxx header .menu-desktop a:active {
    text-decoration: none;
    color: #FFFFFF;
  }
  #soapboxx header .menu-desktop a:last-child {
    background-color: #B40202;
    padding: 24px 36px;
    border-radius: 32px;
  }
  #soapboxx header .menu-desktop a:last-child:hover {
    background-color: rgba(180, 2, 2, 0.5);
  }
}
#soapboxx .main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 25px;
}
@media (min-width: 1024px) {
  #soapboxx .main {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    margin: 140px 0 0;
    width: 1160px;
    max-width: 1200px;
    padding: 0;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
}
@media (min-width: 1024px) {
  #soapboxx .main .top {
    -ms-flex: 0.35;
        flex: 0.35;
    text-align: left;
  }
}
#soapboxx .main .top h2 {
  font-family: 'Graphik-Light';
  font-weight: 100;
  font-size: 31px;
  line-height: 58px;
  color: #191919;
  text-align: left;
}
@media (min-width: 411px) {
  #soapboxx .main .top h2 {
    font-size: 36px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .main .top h2 {
    font-size: 40px;
    line-height: 54px;
    margin-top: 0;
  }
}
#soapboxx .main .top h3 {
  font-family: 'Graphik-Regular';
  font-weight: 100;
  font-size: 21px;
  line-height: 43px;
  color: #979797;
  text-align: left;
}
@media (min-width: 1024px) {
  #soapboxx .main .top h3 {
    font-size: 16px;
    line-height: 32px;
  }
}
#soapboxx .main .top .button {
  display: none;
}
@media (min-width: 1024px) {
  #soapboxx .main .top .button {
    display: inline;
    margin: 0;
  }
}
#soapboxx .main :after {
  content: none!important;
  display: initial;
  clear: initial;
}
#soapboxx .main .bottom {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  #soapboxx .main .bottom {
    -ms-flex: 0.65;
        flex: 0.65;
    margin-left: 20px;
  }
}
#soapboxx .main .bottom .man-speaker {
  display: block;
  width: 350px;
  height: 386px;
  background: url(../../../images/soapboxx-landing/main-min.png);
  background-size: 350px 386px;
  background-repeat: no-repeat;
  background-position: left top;
}
@media (min-width: 411px) {
  #soapboxx .main .bottom .man-speaker {
    width: 375px;
    height: 413px;
    background-size: 375px 413px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .main .bottom .man-speaker {
    width: 654px;
    height: 374px;
    background: url(../../../images/soapboxx-landing/main-desktop-min.png);
    background-size: 654px 374px;
    background-repeat: no-repeat;
    background-position: left top;
  }
}
#soapboxx .instructions-title {
  font-family: 'Graphik-Light';
  font-weight: 100;
  font-size: 31px;
  line-height: 58px;
  color: #191919;
  max-width: 320px;
  margin: 40px auto;
}
@media (min-width: 411px) {
  #soapboxx .instructions-title {
    max-width: 330px;
    font-size: 36px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .instructions-title {
    max-width: inherit;
    margin: 80px 0 70px;
    font-size: 40px;
    line-height: inherit;
  }
}
#soapboxx .instructions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: transparent;
  padding: 10px 25px 60px;
}
@media (min-width: 1024px) {
  #soapboxx .instructions {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex: 1;
        flex: 1;
    margin: 0;
    width: 1160px;
    max-width: 1200px;
    padding: 0;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
}
@media (min-width: 1024px) {
  #soapboxx .instructions .step {
    -ms-flex: 1;
        flex: 1;
  }
}
#soapboxx .instructions .step .graphic {
  display: block;
  width: 210px;
  height: 124px;
  background-size: 210px 124px;
  margin: 0 auto;
}
#soapboxx .instructions .step .text {
  font-family: 'Graphik-Regular';
  font-weight: 100;
  font-size: 18px;
  line-height: 38px;
  color: #4A4A4A;
  max-width: 330px;
  margin: 20px auto 50px;
  text-align: center;
}
@media (min-width: 1024px) {
  #soapboxx .instructions .step .text {
    font-size: 15px;
    line-height: 31px;
    max-width: inherit;
    margin: 20px 20px 50px;
  }
}
#soapboxx .instructions .svg {
  text-align: center;
}
#soapboxx .button {
  display: inline;
  background-color: #EE2222;
  border-radius: 38px;
  padding: 30px 40px;
  font-family: Graphik-Bold, sans-serif;
  font-size: 20px;
  color: #FFFFFF;
  -webkit-appearance: none;
}
@media (min-width: 1024px) {
  #soapboxx .button {
    padding: 22px 35px;
    font-size: 18px;
    margin: 0 100px;
  }
}
#soapboxx :after {
  content: none!important;
  display: initial;
  clear: initial;
}
#soapboxx .swiper-container {
  width: 100%;
  height: 587px;
  margin: 50px 0;
  background-image: url(../../../images/soapboxx-landing/background-features-mobile-min.png);
  background-size: 100% 587px;
  background-repeat: no-repeat;
  background-position: left top;
}
@media (min-width: 1024px) {
  #soapboxx .swiper-container {
    display: none;
  }
}
#soapboxx .swiper-slide,
#soapboxx .features-container .top,
#soapboxx .features-container .bottom {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  background: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
#soapboxx .swiper-slide .swiper-content,
#soapboxx .features-container .top .swiper-content,
#soapboxx .features-container .bottom .swiper-content,
#soapboxx .swiper-slide .feature-content,
#soapboxx .features-container .top .feature-content,
#soapboxx .features-container .bottom .feature-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 25px;
}
#soapboxx .swiper-slide .swiper-content img,
#soapboxx .features-container .top .swiper-content img,
#soapboxx .features-container .bottom .swiper-content img,
#soapboxx .swiper-slide .feature-content img,
#soapboxx .features-container .top .feature-content img,
#soapboxx .features-container .bottom .feature-content img {
  width: 120px;
  height: auto;
  margin-top: 100px;
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content img,
  #soapboxx .features-container .top .swiper-content img,
  #soapboxx .features-container .bottom .swiper-content img,
  #soapboxx .swiper-slide .feature-content img,
  #soapboxx .features-container .top .feature-content img,
  #soapboxx .features-container .bottom .feature-content img {
    width: 100px;
    margin-top: inherit;
  }
}
#soapboxx .swiper-slide .swiper-content img.feature-2,
#soapboxx .features-container .top .swiper-content img.feature-2,
#soapboxx .features-container .bottom .swiper-content img.feature-2,
#soapboxx .swiper-slide .feature-content img.feature-2,
#soapboxx .features-container .top .feature-content img.feature-2,
#soapboxx .features-container .bottom .feature-content img.feature-2 {
  width: 108px;
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content img.feature-2,
  #soapboxx .features-container .top .swiper-content img.feature-2,
  #soapboxx .features-container .bottom .swiper-content img.feature-2,
  #soapboxx .swiper-slide .feature-content img.feature-2,
  #soapboxx .features-container .top .feature-content img.feature-2,
  #soapboxx .features-container .bottom .feature-content img.feature-2 {
    width: 90px;
    margin-top: 18px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content img.feature-3,
  #soapboxx .features-container .top .swiper-content img.feature-3,
  #soapboxx .features-container .bottom .swiper-content img.feature-3,
  #soapboxx .swiper-slide .feature-content img.feature-3,
  #soapboxx .features-container .top .feature-content img.feature-3,
  #soapboxx .features-container .bottom .feature-content img.feature-3 {
    margin-top: 18px;
  }
}
#soapboxx .swiper-slide .swiper-content img.feature-4,
#soapboxx .features-container .top .swiper-content img.feature-4,
#soapboxx .features-container .bottom .swiper-content img.feature-4,
#soapboxx .swiper-slide .feature-content img.feature-4,
#soapboxx .features-container .top .feature-content img.feature-4,
#soapboxx .features-container .bottom .feature-content img.feature-4,
#soapboxx .swiper-slide .swiper-content img.feature-5,
#soapboxx .features-container .top .swiper-content img.feature-5,
#soapboxx .features-container .bottom .swiper-content img.feature-5,
#soapboxx .swiper-slide .feature-content img.feature-5,
#soapboxx .features-container .top .feature-content img.feature-5,
#soapboxx .features-container .bottom .feature-content img.feature-5 {
  width: 83px;
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content img.feature-4,
  #soapboxx .features-container .top .swiper-content img.feature-4,
  #soapboxx .features-container .bottom .swiper-content img.feature-4,
  #soapboxx .swiper-slide .feature-content img.feature-4,
  #soapboxx .features-container .top .feature-content img.feature-4,
  #soapboxx .features-container .bottom .feature-content img.feature-4,
  #soapboxx .swiper-slide .swiper-content img.feature-5,
  #soapboxx .features-container .top .swiper-content img.feature-5,
  #soapboxx .features-container .bottom .swiper-content img.feature-5,
  #soapboxx .swiper-slide .feature-content img.feature-5,
  #soapboxx .features-container .top .feature-content img.feature-5,
  #soapboxx .features-container .bottom .feature-content img.feature-5 {
    width: 69px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content img.feature-4,
  #soapboxx .features-container .top .swiper-content img.feature-4,
  #soapboxx .features-container .bottom .swiper-content img.feature-4,
  #soapboxx .swiper-slide .feature-content img.feature-4,
  #soapboxx .features-container .top .feature-content img.feature-4,
  #soapboxx .features-container .bottom .feature-content img.feature-4 {
    margin-top: 12px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content img.feature-5,
  #soapboxx .features-container .top .swiper-content img.feature-5,
  #soapboxx .features-container .bottom .swiper-content img.feature-5,
  #soapboxx .swiper-slide .feature-content img.feature-5,
  #soapboxx .features-container .top .feature-content img.feature-5,
  #soapboxx .features-container .bottom .feature-content img.feature-5 {
    margin-top: 13px;
  }
}
#soapboxx .swiper-slide .swiper-content img.feature-6,
#soapboxx .features-container .top .swiper-content img.feature-6,
#soapboxx .features-container .bottom .swiper-content img.feature-6,
#soapboxx .swiper-slide .feature-content img.feature-6,
#soapboxx .features-container .top .feature-content img.feature-6,
#soapboxx .features-container .bottom .feature-content img.feature-6 {
  width: 133px;
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content img.feature-6,
  #soapboxx .features-container .top .swiper-content img.feature-6,
  #soapboxx .features-container .bottom .swiper-content img.feature-6,
  #soapboxx .swiper-slide .feature-content img.feature-6,
  #soapboxx .features-container .top .feature-content img.feature-6,
  #soapboxx .features-container .bottom .feature-content img.feature-6 {
    width: 111px;
    margin-top: 13px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content img.feature-7,
  #soapboxx .features-container .top .swiper-content img.feature-7,
  #soapboxx .features-container .bottom .swiper-content img.feature-7,
  #soapboxx .swiper-slide .feature-content img.feature-7,
  #soapboxx .features-container .top .feature-content img.feature-7,
  #soapboxx .features-container .bottom .feature-content img.feature-7 {
    margin-top: 16px;
  }
}
@media (min-width: 1024px) {
}
#soapboxx .swiper-slide .swiper-content h4,
#soapboxx .features-container .top .swiper-content h4,
#soapboxx .features-container .bottom .swiper-content h4,
#soapboxx .swiper-slide .feature-content h4,
#soapboxx .features-container .top .feature-content h4,
#soapboxx .features-container .bottom .feature-content h4 {
  font-family: Graphik-Bold, sans-serif;
  font-size: 19px;
  line-height: 30px;
  color: #191919;
  margin: 40px 0 20px;
}
@media (min-width: 411px) {
  #soapboxx .swiper-slide .swiper-content h4,
  #soapboxx .features-container .top .swiper-content h4,
  #soapboxx .features-container .bottom .swiper-content h4,
  #soapboxx .swiper-slide .feature-content h4,
  #soapboxx .features-container .top .feature-content h4,
  #soapboxx .features-container .bottom .feature-content h4 {
    font-size: 22px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content h4,
  #soapboxx .features-container .top .swiper-content h4,
  #soapboxx .features-container .bottom .swiper-content h4,
  #soapboxx .swiper-slide .feature-content h4,
  #soapboxx .features-container .top .feature-content h4,
  #soapboxx .features-container .bottom .feature-content h4 {
    font-size: 18px;
    line-height: 30px;
    text-align: left;
  }
}
#soapboxx .swiper-slide .swiper-content p,
#soapboxx .features-container .top .swiper-content p,
#soapboxx .features-container .bottom .swiper-content p,
#soapboxx .swiper-slide .feature-content p,
#soapboxx .features-container .top .feature-content p,
#soapboxx .features-container .bottom .feature-content p {
  font-family: 'Graphik-Regular', sans-serif;
  font-size: 16px;
  line-height: 38px;
  color: #737373;
  margin: 0 0 30px 0;
}
@media (min-width: 411px) {
  #soapboxx .swiper-slide .swiper-content p,
  #soapboxx .features-container .top .swiper-content p,
  #soapboxx .features-container .bottom .swiper-content p,
  #soapboxx .swiper-slide .feature-content p,
  #soapboxx .features-container .top .feature-content p,
  #soapboxx .features-container .bottom .feature-content p {
    font-size: 18px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .swiper-slide .swiper-content p,
  #soapboxx .features-container .top .swiper-content p,
  #soapboxx .features-container .bottom .swiper-content p,
  #soapboxx .swiper-slide .feature-content p,
  #soapboxx .features-container .top .feature-content p,
  #soapboxx .features-container .bottom .feature-content p {
    font-size: 15px;
    line-height: 32px;
    text-align: left;
  }
}
#soapboxx .swiper-slide .feature-content,
#soapboxx .features-container .top .feature-content,
#soapboxx .features-container .bottom .feature-content {
  -ms-flex: 0.25;
      flex: 0.25;
}
#soapboxx .swiper-pagination {
  margin-bottom: 70px;
}
#soapboxx .swiper-pagination .swiper-pagination-bullet {
  background: #797979;
  width: 11px;
  height: 11px;
  opacity: 1;
}
#soapboxx .swiper-pagination .swiper-pagination-bullet-active {
  background: #EE2222;
}
#soapboxx .features-container {
  display: none;
}
@media (min-width: 1024px) {
  #soapboxx .features-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1;
        flex: 1;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 150px 0 120px;
    margin: 30px 0;
    background-image: url(../../../images/soapboxx-landing/background-features-min.png);
    background-size: 1160px 100%;
    background-repeat: no-repeat;
    background-position: center top;
    width: 1160px;
    max-width: 1200px;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
  #soapboxx .features-container .top,
  #soapboxx .features-container .bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 0 35px;
  }
  #soapboxx .features-container .bottom {
    margin-top: 40px;
  }
}
#soapboxx .contact-container {
  text-align: left;
  padding: 0 25px;
}
@media (min-width: 1024px) {
  #soapboxx .contact-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex: 1;
        flex: 1;
    margin: 0;
    width: 1160px;
    max-width: 1200px;
    padding: 0;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
}
@media (min-width: 1024px) {
  #soapboxx .contact-container .top {
    -ms-flex: 0.6;
        flex: 0.6;
    max-width: 500px;
  }
}
#soapboxx .contact-container .top h4 {
  font-family: 'Graphik-Light', sans-serif;
  font-weight: lighter;
  font-size: 27px;
  color: #191919;
}
@media (min-width: 411px) {
  #soapboxx .contact-container .top h4 {
    font-size: 30px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .contact-container .top h4 {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
#soapboxx .contact-container .top p {
  font-family: 'Graphik-Regular', sans-serif;
  font-weight: lighter;
  font-size: 18px;
  line-height: 38px;
  color: #4A4A4A;
}
@media (min-width: 1024px) {
  #soapboxx .contact-container .top p {
    line-height: 36px;
  }
}
#soapboxx .contact-container .top .social-networks h4 {
  font-family: 'Graphik-Semibold', sans-serif;
  font-size: 21px;
  color: #191919;
  letter-spacing: 0.17px;
  margin-top: 40px;
}
#soapboxx .contact-container .top .social-networks .social-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 5px;
}
#soapboxx .contact-container .top .social-networks .social-icons .icon {
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  margin-right: 40px;
}
#soapboxx .contact-container .top .social-networks .social-icons .facebook-icon {
  width: 17px;
  height: 33px;
  background-image: url(../../../images/soapboxx-landing/logo-f-facebook-red.svg);
}
@media (min-width: 1024px) {
  #soapboxx .contact-container .top .social-networks .social-icons .facebook-icon {
    width: 14px;
    height: 27px;
  }
}
#soapboxx .contact-container .top .social-networks .social-icons .twitter-icon {
  width: 33px;
  height: 26px;
  background-image: url(../../../images/soapboxx-landing/logo-bird-twitter-red.svg);
}
@media (min-width: 1024px) {
  #soapboxx .contact-container .top .social-networks .social-icons .twitter-icon {
    width: 30px;
    height: 24px;
  }
}
#soapboxx .contact-container .top .social-networks .social-icons .youtube-icon {
  width: 38px;
  height: 26px;
  background-image: url(../../../images/soapboxx-landing/logo-youtube-red.svg);
}
@media (min-width: 1024px) {
  #soapboxx .contact-container .top .social-networks .social-icons .youtube-icon {
    width: 35px;
    height: 24px;
  }
}
#soapboxx .contact-container .top .social-networks .social-icons .instagram-icon {
  width: 30px;
  height: 31px;
  background-image: url(../../../images/soapboxx-landing/logo-instagram-red.svg);
}
@media (min-width: 1024px) {
  #soapboxx .contact-container .top .social-networks .social-icons .instagram-icon {
    width: 27px;
    height: 28px;
  }
}
@media (min-width: 1024px) {
  #soapboxx .contact-container .bottom {
    -ms-flex: 0.4;
        flex: 0.4;
  }
}
#soapboxx .contact-container .bottom #message-form-container {
  margin: 50px 0 60px;
}
#soapboxx .contact-container .bottom #message-form-container .input-container {
  position: relative;
}
#soapboxx .contact-container .bottom #message-form-container .input-container textarea,
#soapboxx .contact-container .bottom #message-form-container .input-container input[type=text],
#soapboxx .contact-container .bottom #message-form-container .input-container input[type=email],
#soapboxx .contact-container .bottom #message-form-container .input-container select,
#soapboxx .contact-container .bottom #message-form-container .input-container textarea {
  font-family: 'Graphik-Medium', sans-serif;
  font-size: 16px;
  color: #A9A9A9;
  background: #F3F3F3;
  height: 82px;
  width: calc(100% - 80px);
  padding: 0 40px;
  margin: 0 0 12px;
  resize: vertical;
  outline: none;
  border: none;
  border-radius: 41px;
}
#soapboxx .contact-container .bottom #message-form-container .input-container textarea {
  width: calc(100% - 80px);
  padding: 25px 40px;
  height: 32px;
  line-height: 25px;
  margin-bottom: 7px;
}
#soapboxx .contact-container .bottom #message-form-container .input-container input:-ms-input-placeholder,
#soapboxx .contact-container .bottom #message-form-container .input-container textarea:-ms-input-placeholder {
  color: #A9A9A9;
}
#soapboxx .contact-container .bottom #message-form-container .input-container input::placeholder,
#soapboxx .contact-container .bottom #message-form-container .input-container textarea::placeholder {
  color: #A9A9A9;
}
#soapboxx .contact-container .bottom #message-form-container .input-container .has-error {
  font-family: 'Graphik-Medium', sans-serif;
  font-size: 16px;
  color: #EE2222;
  margin-left: 15px;
  margin-bottom: 12px;
}
#soapboxx .contact-container .bottom #message-form-container .button {
  padding: 0 52px;
  line-height: 73px;
  font-size: 18px;
  letter-spacing: 0.02px;
  margin: 0;
  -webkit-appearance: none;
}
#soapboxx .contact-container .bottom #thanks-container {
  display: none;
  font-family: 'Graphik-Semibold', sans-serif;
  font-size: 16px;
  color: #313131;
  margin: 80px auto;
  text-align: center;
}
.footer-landing-soapboxx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  background: url('../../../images/background-footer-mobile-min.png') no-repeat;
  background-size: 100% 370px;
  width: 100%;
  height: 370px;
  margin: 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx {
    -ms-flex: 1;
        flex: 1;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background: url('../../../images/background-footer-min.png') no-repeat bottom;
    background-size: 1160px 200px;
    height: 200px;
    width: 1160px;
    max-width: 1200px;
    padding: 0;
    padding-left: calc((100% - 1200px + 40px) / 2);
    padding-right: calc((100% - 1200px + 40px) / 2);
  }
}
.footer-landing-soapboxx .top {
  position: relative;
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .top {
    -ms-flex: 0.5;
        flex: 0.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 0;
    margin: 0;
  }
}
.footer-landing-soapboxx .top a {
  display: contents;
}
.footer-landing-soapboxx .top a .logo {
  background: url(../../../images/soapboxx-landing/logo-soapboxx-footer.svg) no-repeat left;
  width: 138px;
  height: 51px;
  margin-left: 20px;
  margin-bottom: 0px;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .top a .logo {
    margin: 0 0 40px 60px;
  }
}
.footer-landing-soapboxx .top .rights-text {
  position: absolute;
  top: 86px;
  left: 18px;
  font-family: 'Graphik', sans-serif;
  font-size: 14px;
  color: #191919;
  margin: 0;
  line-height: 40px;
}
.footer-landing-soapboxx .top .rights-text a {
  color: white;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .top .rights-text {
    top: 160px;
    left: 61px;
  }
}
.footer-landing-soapboxx .bottom {
  text-align: right;
  margin-right: 20px;
  margin-top: 78px;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .bottom {
    -ms-flex: 0.5;
        flex: 0.5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    padding: 0;
    margin: 0;
  }
}
.footer-landing-soapboxx .bottom .share-container {
  display: none;
  margin: 0 auto;
}
.footer-landing-soapboxx .bottom .share-container .share-text {
  display: block;
  font-family: Metric, sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: white;
  margin: 20px 0 25px;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .bottom .share-container .share-text {
    margin-right: 30px;
    font-size: 18px;
  }
}
.footer-landing-soapboxx .bottom .share-container .share-icons .tw-icon {
  display: block;
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  float: left;
  background: url(../../../images/twitter-logo.svg) no-repeat;
}
.footer-landing-soapboxx .bottom .share-container .share-icons .fb-icon {
  display: block;
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  float: left;
  margin-right: 5px;
  background: url(../../../images/facebook-logo.svg) no-repeat;
}
.footer-landing-soapboxx .bottom .share-container .share-icons .yt-icon {
  display: block;
  width: 50px;
  height: 50px;
  background-size: 50px 50px;
  float: left;
  margin-right: 5px;
  background: url(../../../images/yt-logo.svg) no-repeat;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .bottom .share-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .bottom .legal-and-contact {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    -ms-flex-align: end;
        align-items: flex-end;
    margin-right: 76px;
    z-index: 1;
  }
}
.footer-landing-soapboxx .line3 .legal-and-contact .legal-container .legal-text,
.footer-landing-soapboxx .line3 .legal-and-contact .contact-container .contact-text,
.footer-landing-soapboxx .powered-container .powered-text {
  display: block;
  font-family: Graphik-Bold, sans-serif;
  font-size: 16px;
  line-height: 27px;
  color: white;
}
.footer-landing-soapboxx .line3 .legal-and-contact .legal-container .legal-text a,
.footer-landing-soapboxx .line3 .legal-and-contact .contact-container .contact-text a,
.footer-landing-soapboxx .powered-container .powered-text a {
  text-decoration: none;
  color: white;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .line3 .legal-and-contact .legal-container .legal-text,
  .footer-landing-soapboxx .line3 .legal-and-contact .contact-container .contact-text,
  .footer-landing-soapboxx .powered-container .powered-text {
    font-size: 16px;
  }
}
.footer-landing-soapboxx .bottom .legal-and-contact .contact-container .contact-text {
  font-size: 13px;
  font-weight: 100;
  text-align: right;
  margin: 20px 0 0 0;
  font-family: 'Graphik-Regular', sans-serif;
}
.footer-landing-soapboxx .bottom .legal-and-contact .contact-container .contact-text a {
  font-family: 'Graphik-Medium', sans-serif;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .bottom .legal-and-contact .contact-container .contact-text {
    margin-right: 30px;
  }
}
.footer-landing-soapboxx .line3 .legal-and-contact .legal-container {
  margin-top: 30px;
  text-align: right;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .line3 .legal-and-contact .legal-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin: 0;
  }
}
.footer-landing-soapboxx .line3 .legal-and-contact .legal-container .legal-text {
  line-height: 40px;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .line3 .legal-and-contact .legal-container .legal-text {
    margin: 0 30px 0 0;
    font-size: 15px;
    line-height: 40px;
  }
}
.footer-landing-soapboxx .bottom .legal-and-contact .contact-container {
  padding: 10px 71px 25px;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .bottom .legal-and-contact .contact-container {
    margin-right: 0;
    padding: 0 0 35px;
  }
}
.footer-landing-soapboxx .powered-container {
  display: none;
  margin-top: 40px;
}
.footer-landing-soapboxx .powered-container a {
  text-decoration: none;
}
.footer-landing-soapboxx .powered-container .powered-text {
  display: inline;
  font-family: Graphik-Bold, sans-serif;
  font-size: 15px;
  color: #FFFFFF;
}
.footer-landing-soapboxx .powered-container .little-s-logo {
  background: url(../../../images/little-s-logo.svg) no-repeat center top;
  padding: 12px 22px;
  background-size: 20px 31px;
}
@media (min-width: 1024px) {
  .footer-landing-soapboxx .powered-container {
    position: absolute;
    width: 100%;
    bottom: 32px;
  }
}
.sk-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
  transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
  transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
  transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
  transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
  transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
  transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
  transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
  transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
  transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
  transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
  animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
  animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
  animation-delay: -0.9s;
}
.sk-circle .sk-circle5:before {
  animation-delay: -0.8s;
}
.sk-circle .sk-circle6:before {
  animation-delay: -0.7s;
}
.sk-circle .sk-circle7:before {
  animation-delay: -0.6s;
}
.sk-circle .sk-circle8:before {
  animation-delay: -0.5s;
}
.sk-circle .sk-circle9:before {
  animation-delay: -0.4s;
}
.sk-circle .sk-circle10:before {
  animation-delay: -0.3s;
}
.sk-circle .sk-circle11:before {
  animation-delay: -0.2s;
}
.sk-circle .sk-circle12:before {
  animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip.first {
  padding-left: 10px;
}
.tooltip.last {
  padding-right: 10px;
}
/* Tooltip text */
.tooltip .tooltiptext {
  font-family: Graphik-Regular, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  background: #191919;
  border-radius: 4px;
  visibility: hidden;
  text-align: center;
  padding: 5px 0px;
  width: 94px;
  height: 21px;
  line-height: 21px;
  top: 110%;
  left: 44%;
  margin-left: -40px;
  position: absolute;
  z-index: 1;
  display: none;
}
.tooltip .tooltiptext.two-lines {
  height: 42px;
  width: 146px;
  margin-left: -72px;
}
@media (min-width: 1024px) {
  .tooltip .tooltiptext {
    display: block;
  }
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
#myProgress {
  width: 100%;
  background-color: #EDEDED;
  border-radius: 8px;
  margin-bottom: 20px;
  margin-top: 30px;
  height: 16px;
}
#myBar {
  width: 1%;
  background-color: #DE4F53;
  border-radius: 8px;
  height: 16px;
}
.show-uploaded-info {
  font-family: Graphik-Semibold, Helvetica, sans-serif;
  font-size: 12px;
  color: #797979;
  letter-spacing: 0;
  margin-top: 10px;
  margin-bottom: 39px;
  width: 100%;
}
.show-uploaded-info .show-uploaded-size {
  width: 85%;
  float: left;
}
.show-uploaded-info .show-uploaded-percent {
  width: 15%;
  float: right;
  text-align: right;
}
b {
  font-family: Graphik-Bold, Helvetica, sans-serif;
}
/* the slides */
@media (min-width: 1024px) {
  .slick-slide {
    margin: 0 20px;
  }
}
/* the parent */
@media (min-width: 1024px) {
  .slick-list {
    margin: 0 -20px !important;
  }
}
.slick-dots li button:before {
  font-size: 10px;
}
.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-top: 5px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background: #DEDEDE;
}
@media (min-width: 1024px) {
  .styled-checkbox + label:before {
    margin-top: 0;
  }
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 5px;
  width: 15px;
  height: 13px;
  background: url('data:image/svg+xml;utf-8,<svg width="15px" height="13px" viewBox="0 0 15 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="🔒-00.-Login-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Login-Error" transform="translate(-112.000000, -582.000000)" stroke="%2340C0A5" stroke-width="3"><polyline id="Path-3" points="114 588.417969 117.756348 592.414062 125.775391 583"></polyline></g></g></svg>');
}
@media (min-width: 1024px) {
  .styled-checkbox:checked + label:after {
    top: 2px;
  }
}
.no-results {
  margin-top: 100px;
  margin-bottom: 100px;
  font-family: Graphik-Bold, sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 27px;
  color: #787878;
}
@media (min-width: 1024px) {
  .no-results {
    height: 182px;
  }
}
/* Making the label break the flow */
.floating-label {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1500;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 13px;
  color: #1A1A1A;
  font-family: Graphik-Bold, Helvetica, sans-serif !important;
}
/* Hide the browser-specific focus styles */
.floating-label-field {
  color: rgba(44, 62, 80, 0.75);
  border-width: 0;
  z-index: 2000;
}
.floating-label-field:focus {
  outline: 0;
  box-shadow: 0;
}
.floating-label-field:-ms-input-placeholder {
  color: rgba(44, 62, 80, 0.5);
}
.floating-label-field::placeholder {
  color: rgba(44, 62, 80, 0.5);
}
/* Make the label and field look identical on every browser */
.floating-label,
.floating-label-field {
  font: inherit;
  line-height: 1;
  display: block;
  width: 100%;
}
.floating-label-field,
.floating-label-wrap {
  position: relative;
}
/* Input Style #1 */
.floating-label-field--s1 {
  transition: border-color 0.25s ease-in-out;
  color: rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid #E4E4E4;
  background-color: transparent;
}
.floating-label-field--s1 + .floating-label {
  transition: transform 0.25s, opacity 0.25s ease-in-out;
  transform-origin: 0 0;
  /*  opacity: .5;*/
}
.floating-label-field--s1:focus,
.floating-label-field--s1:not(:placeholder-shown) {
  border-color: #E4E4E4;
}
.floating-label-field--s1:focus + .floating-label,
.floating-label-field--s1:not(:placeholder-shown) + .floating-label {
  transform: translate(0.05em, -74%) scale(0.99);
  /* opacity: .25;*/
}
/*.floating-label-field--s1:valid:not(:placeholder-shown)
{
  border-color: rgba(46, 213, 115, .3);
}
.floating-label-field--s1:invalid
{
  border-color: rgba(255, 71, 87, .3);
}*/
/* Common Styles */
/* Identical inputs on all browsers */
.floating-label-field--s1:not(textarea) {
  max-height: 4em;
}
.floating-label-field--s1,
.floating-label-field--s1 + .floating-label {
  padding-top: 15px;
  padding-bottom: 3px;
  font-family: Graphik-Regular, Helvetica, sans-serif;
  font-style: normal;
  font-size: 14px;
  line-height: 13px;
  color: #313131;
}
.floating-label-field--s1 + .floating-label {
  z-index: 1500;
}
.floating-label-field--s1:-ms-input-placeholder {
  color: transparent;
}
.floating-label-field--s1::placeholder {
  color: transparent;
}
.submit-video-form .box {
  float: right;
  width: 48%;
  margin-top: 3em;
}
.submit-video-form .box.full {
  width: 100%;
}
.submit-video-form .box.left {
  float: left;
}
.submit-video-form .box.mob {
  float: none;
  width: initial;
}
.submit-video-form .more-about-you {
  font-family: Graphik-Bold, Helvetica, sans-serif;
  font-style: normal;
  font-size: 19px;
  line-height: 13px;
  color: #1A1A1A;
  width: 100%;
  margin-top: 65px;
  display: inline-block;
}
@media (min-width: 1024px) {
  .submit-video-form .more-about-you {
    font-size: 20px;
  }
}
.non-video-feature {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  display: none;
}
.non-video-feature i {
  color: #fff;
  font-size: 34px;
}
.non-video-feature .non-feature-msg {
  color: #ffffff;
  font-family: Graphik-Regular;
  text-align: center;
  font-size: 16px;
  line-height: 23px;
}
.grecaptcha-badge {
  visibility: hidden;
}
.content-slider {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.content-slider .slider-title {
  padding: 0 16px;
}
.content-slider .other-users-stories {
  margin-bottom: 20px;
}
.content-slider .other-users-stories .slick-carousel-container .paging.video {
  right: 16px;
}
@media only screen and (min-width: 540px) {
  .content-slider .other-users-stories .slick-carousel-container .paging.video {
    display: none;
  }
}
.content-slider .other-users-stories .slick-videos .card.video-small {
  margin-right: 5px;
  margin-left: 5px;
}