/* compiled by scssphp v0.0.7 on Tue, 28 Jul 2020 17:55:26 +0000 (0.0262s) */

@import "public/scss/reset";
@import "public/scss/colors-mobile";
@import 'public/scripts/applications/promoVideos/mobile/commonStyles/base';
@import "public/scss/applications/promoVideos/variables";
@import "public/scss/fonts/proxima";
@import "public/scss/fonts/wes-fy";
@import "public/scss/fonts-mobile";
@import "public/scss/fonts/bible";
@import "public/scss/fonts/icons";
@import "public/scss/fonts/promoVideos";
@import "public/scss/fonts/all-icons";
@import "public/scss/sprites/slidesong-x";
@import "public/scss/applications/slidesong/defaults";
@import "public/scss/applications/promoVideos/feedback-form";
@import "public/scss/applications/promoVideos/favorite-button";
@import "public/scss/applications/promoVideos/header";
@import "public/scss/applications/promoVideos/footer";
@import "public/scss/applications/promoVideos/alert-popup";
@import "public/scss/applications/promoVideos/loader-popup";
@import "public/scss/applications/promoVideos/video-upload-not-eligible-popup";
@import "public/scss/applications/promoVideos/missing-features-popup";
@import "public/scss/applications/promoVideos/generic-popup";
@import "public/scss/applications/promoVideos/promo-leave-intent";
@import "public/scss/applications/libraries/spectrum.min";
@import "public/scss/applications/promoVideos/widgets/cookies-policy-popup/cookies-policy-popup";
@import "public/scss/applications/promoVideos/widgets/social-notification";
@import "public/scss/applications/promoVideos/_exceed-notification";
@import "public/scss/applications/promoVideos/_menu-get-more-popup";
@import "public/scripts/applications/promoVideos/components/search-input/search-input";
@import "public/scripts/applications/promoVideos/components/color-swatches/color-swatches";
@import "public/scripts/applications/promoVideos/components/color-picker/color-picker";
@import "public/scripts/applications/promoVideos/components/ratios-menu/ratios-menu";
@import "public/scripts/applications/promoVideos/components/title-box/title-box";
@import "public/scripts/applications/promoVideos/components/cost-badge/cost-badge";
@import 'public/scripts/applications/promoVideos/components/loader/loader.component';
@import 'public/scss/components/push-notification.scss';
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body {
  font-size: 14px;
  cursor: default;
}
a {
  text-decoration: none;
}
strong {
  font-weight: bold;
}
ul, li {
  list-style: none;
}
input::-ms-clear, input::-ms-reveal {
  display: none;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("~public/fonts/proxima/ProximaNova-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Light";
  src: url("~public/fonts/proxima/ProximaNova-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Extrabold";
  src: url("~public/fonts/proxima/ProximaNova-Extrabold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Semibold";
  src: url("~public/fonts/proxima/ProximaNova-Semibold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Light Italic";
  src: url("~public/fonts/proxima/ProximaNovaCond-LightIt.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Bold";
  src: url("~public/fonts/proxima/ProximaNova-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Black";
  src: url("~public/fonts/proxima/ProximaNova-Black.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  /* ******************************************************************************** */
}
@font-face {
  font-family: "Proxima Nova";
  src: url("~public/fonts/proxima/ProximaNova-Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("~public/fonts/proxima/ProximaNova-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("~public/fonts/proxima/ProximaNova-Semibold.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("~public/fonts/proxima/ProximaNova-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("~public/fonts/proxima/ProximaNova-Extrabold.otf") format("opentype");
  font-style: normal;
  font-weight: 800;
}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
img {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
button::-moz-focus-inner {
  border: 0;
}
.is-hidden {
  display: none;
}
.dim-dark, .dim-light {
  display: none;
  position: fixed;
  z-index: 1200;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(35, 47, 58, .6);
  opacity: 0.85;
}
.dim-light {
  background-color: rgba(235, 235, 235, .8);
}
.scrollbox {
  overflow: auto;
  width: 100%;
  height: 550px;
}
.vertical-track {
  width: 16px;
  background-color: rgba(0, 0, 0, 0);
}
.vertical-track .vertical-handle {
  width: 4px;
  margin: 0 2px;
  background-color: #ccc;
  border-radius: 2px;
}
.vertical-track .vertical-handle:before {
  content: ' ';
  width: 100%;
  height: 5px;
  background-color: transparent;
}
.promo-button {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  color: #252e3b;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.promo-button:hover {
  background-color: #e4ebf1;
}
.promo-button--primary {
  transition: background-color 0.3s ease-in-out;
  border-color: #32bafa;
  background-color: #32bafa;
  color: #fff;
}
.promo-button--primary:hover {
  background-color: #2da8e0;
}
html, body {
  width: 100%;
  height: 100%;
}
body {
  background-image: url('/images/promoVideos/error-404-3.jpg');
  background-size: cover;
}
.header, .footer {
  display: none !important;
}
.error-wrapper {
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.error-wrapper .error-body {
  width: 960px;
  margin: 0 auto;
}
.error-wrapper .error-body .img {
  margin-top: 180px;
}
.error-wrapper .error-body .h1 {
  font-size: 50px;
  font-family: "Proxima Nova Bold";
  font-weight: 900;
  color: #fff;
  margin-top: 20px;
}
.error-wrapper .error-body .h2 {
  font-family: "Proxima Nova";
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
  line-height: 25px;
}
.error-wrapper .error-body .back-button {
  font-family: "Proxima Nova";
  border: 2px solid #fff;
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  width: 220px;
  margin-top: 40px;
  text-align: center;
  background-color: rgba(35, 47, 58, .3);
  cursor: pointer;
}
.error-wrapper .error-body .back-button:hover {
  background-color: #232f3a;
}